/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Lato+Condensed:300,300i,400,700,700i');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i');*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.c {
	clear:both;
}
.italic{
	font-style: italic;	
}
.mt-20{
	margin-top: 20px;	
}
.encart{
	border: 1px solid #21002d;
	padding: 20px;	
}
body {
  	font-family: "Lato", sans-serif;
  	font-size: 15px;
  	margin: 0px auto;
    background: #fff;
    padding: 0px;
	color: #000;
}
#main {   
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
	border-top:10px solid #E9E9E9;
	padding-top:20px;
}
body.home #main {
	border-top:0px;
	padding-top:0px;
}
header{
	height: 137px;	
}
header .container{
	position: relative;	
}
header .container-fluid{
	display: none;	
}
#logo {
	float: left;
	margin: 30px 0 0 20px;
	padding: 0px;
	z-index:500;
}
#logo2 {
	float: left;
	margin: 30px 0 0 0px;
	padding: 0px;
	z-index:500;
}

#logo-mobile{
	display: nooterone;	
}
#certified{
	position:absolute;
	right:0px;
	top:10px;
	margin: 7px 0 0 15px;	
}
#certified img {
	width:80%;
}
.top_menu{
	position: absolute;
	right: 150px;	
	top: 0px;
}
.top_menu ul{
	float: left;	
}
.top_menu ul li{
	list-style: none;
	display: block;
	float: left;
}
.top_menu ul li a{
	font-family: "Lato", sans-serif;
	display: block;
	font-weight: 700;
  	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	height: 43px;
	line-height: 43px;
	/*background: #666666;*/
	background: #9fa8aa;
	padding: 0 10px;
}
.top_menu ul li a{
	margin-left: 1px;
}
.top_menu ul li a:hover{
	background: #b7c3c5;	
}
.top_menu ul li a.offreencours:after {
	content:'1';
	display:inline-block;
	color:#9fa8aa;
	width:20px;
	height:20px;
	font-size:12px;
	line-height:20px;
	border-radius:20px;
	font-weight:normal;
	margin-left:5px;
	text-align:center;
	background:#fff;
}
.top_menu ul li.first a{
	color:#000;
	background: #E9E9E9;
	border-right: 1px solid #FFF;	
}
.top_menu ul li.first a:hover{
	background: #F4F4F4;	
}
.top_menu .langues{
	position:relative;
	float: left;
}
.top_menu .langues{
	margin-left: 1px;
}
.top_menu .langues > span {
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 16px;
	cursor:pointer;
	text-transform:uppercase;
	color: #FFF;
	background: #9fa8aa url('../images/fleche-down.png') no-repeat 5px center;	
	display: block;
	padding: 0 15px 0 20px;
	height: 43px;
	line-height: 43px;
	text-decoration: none;	
}
.top_menu .langues > span:hover,
.top_menu .langues > span.active {
	background: #b7c3c5 url('../images/fleche-down.png') no-repeat 5px center;
}
.top_menu .langues ul.autres-langues {
	position:absolute;
	display: none;
	right:0px;
	list-style:none;
	z-index:6000;
}
.top_menu .langues.active ul.autres-langues {
	display:block;
}
.top_menu .langues ul.autres-langues li a {
	width:65px;
	text-align:center;
	background:#9fa8aa
}
.top_menu .langues ul.autres-langues li a:hover {
	background:#b7c3c5;
}

.top_menu a.acces-rapide{
	float: left;
	background: #ffcc00 url('../images/acces-rapide.png') no-repeat 10px center;	
	display: block;
	padding: 0 15px 0 40px;
	height: 43px;
	line-height: 43px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 16px;
	color: #000;
	text-decoration: none;
	border-left: 1px solid #FFF;
	cursor: pointer;
}
.top_menu a.acces-rapide:hover{
	background: #ffd800 url('../images/acces-rapide.png') no-repeat 10px center;
}
a.acces-rapide-mobile{
	display: none;	
}

/** acces rapide / quick links **/
#menu-acces-rapide {
	display: none;
	background-color: #ffcc00;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	z-index: 8000;	
}
#menu-acces-rapide .container{
	max-width: 720px;	
}
#menu-acces-rapide h2 {
	font-size: 16px;
	height: auto;
	line-height: 24px;
	padding:0px;
	margin:10px 0 10px 10px;
}
#menu-acces-rapide h2 span{
	font-weight: 300;
	font-style: italic;	
}
#menu-acces-rapide h2.titre-ql {
	margin:40px 0 5px 10px;
	padding: 0 0 0 30px;
	background: url('../images/acces-rapide.png') no-repeat left center;	
}
#menu-acces-rapide .btn-home {
	display:inline-block;
	cursor:pointer;
	padding-top:3px;
}
#menu-acces-rapide .btn-home i {
	font-size: 26px;	
	height: 30px;
	line-height: 55px;
	width: 25px;
	margin-right: 10px;
	float: left;
}
#acces-close,
#video-close {
	float: right;
	height: 55px;
	width: 25px;
	background: url('../images/croix-fermer.png') no-repeat 0px 20px;
	cursor: pointer;
}
#acces-close:hover,
#video-close:hover,
#menu-acces-rapide .btn-home:hover i {
	opacity: 0.7;	
}
.form-ql,
#wn_frm_code .frm_group,
#ot_frm_code .frm_group {
	position:relative;
}
.form-ql input#email,
#wn_frm_code #wn_code,
#ot_frm_code #ot_code {
	width: 100%;
	float: left;
	background: rgba(255,255,255,0.8);
	border: 0px;
	padding: 10px;
	font-size: 16px;
}
.form-ql input#email:focus { 
	background: rgba(255,255,255,1);
}
.form-ql input[type="submit"].ok-btn,
#wn_frm_code input[type="button"].ok-btn,
#ot_frm_code input[type="button"].ok-btn {
	position:absolute;
	top:0px;
	right:0px;
	background: #000;
	width: 42px;
	float: left;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 9px 0 8px 0;
	border:0px;
	color: #FFF;	
}
#wn_frm_code input[type="button"].ok-btn,
#ot_frm_code input[type="button"].ok-btn {
	margin:0px;
}
.form-ql input[type="submit"].ok-btn:hover,
#wn_frm_code input[type="button"].ok-btn:hover,
#ot_frm_code input[type="button"].ok-btn:hover {
	opacity:0.7;
}
#chargement,
#wn_chargement,
#ot_chargement {
	display:none;
	width:100%;
	font-style:italic;
	font-weight:300;
	font-size:13px;
	text-align:center;
}
#chargement p span,
#wn_chargement p span,
#ot_chargement p span {
	display:inline-block;
	padding:0 0 0 5px;
}
#links a,
#wn_valid,
#ot_valid {
	display:block;
	margin-bottom:5px;
	padding:10px 0;
	width:100%;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-decoration:none;
	border:1px solid #000;
	text-align:center;
}
#links a:hover,
#wn_valid:hover,
#ot_valid:hover {
	color:#000;
	opacity:0.7;
}
#webinars, #wn_list, #wn_frm_code, #trainings, #ot_list, #ot_frm_code {
	display:none;
}
#trainings {
	margin-top:30px;
}
#webinars h2, #trainings h2 {
	font-size:20px;
}
#webinars h2::after, #trainings h2::after {
	content:"";
	top:5px;
	display:block;
	width:100%;
	height:4px;
	background:#000;
}
#wn_acceptation input[type=checkbox],
#ot_acceptation input[type=checkbox] {
	float: left;
    margin-right: 5px;
}
#wn_acceptation label,
#ot_acceptation label {
	text-align:justify;
}
#wn_valid,
#ot_valid {
	margin-top:0px;
}
#wn_valid:hover,
#ot_valid:hover {
	background:none;
}
#wn_valid.disabled, #wn_valid.disabled:hover,
#ot_valid.disabled, #ot_valid.disabled:hover {
	cursor:default;
	opacity:0.1;
}
#wn_list .webinar,
#ot_list .training {
	padding: 15px 0px;
	margin:0 0 10px 0;
	background:#fed349;
}
#wn_list .webinar .titre,
#ot_list .training .titre {
	position:relative;
	min-height: 36px;
    padding-left: 80px;
	font-family: 'Lato';
    font-size: 14px;
	background: url('../images/webinar.svg') no-repeat 20px center;
}
#ot_list .training .titre {
	background: url('../images/training.svg') no-repeat 20px center;
}
#wn_list .webinar .titre:before,
#ot_list .training .titre:before {
	content:"";
	position:absolute;
	top:-5px;
	left:12px;
	display:block;
	width:22px;
	height:15px;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
}
#wn_list .webinar .titre.en:before,
#ot_list .training .titre.en:before {
	background: url('../images/flags/us.jpg') no-repeat;
}
#wn_list .webinar .titre.fr:before,
#ot_list .training .titre.fr:before {
	background: url('../images/flags/fr.jpg') no-repeat;
}
#wn_list .webinar .titre.de:before,
#ot_list .training .titre.de:before {
	background: url('../images/flags/de.jpg') no-repeat;
}
#wn_list .webinar .btns a,
#ot_list .training .btns a {
	display: inline-block;
	padding: 8px 10px;
    width: 45%;
    margin: 0 2.5%;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-decoration:none;
	border:1px solid #000;
	text-align:center;
	cursor:pointer;
}
#wn_list .webinar .btns a:hover,
#ot_list .training .btns a:hover {
	color:#000;
	opacity:0.7;
}
@media screen and (max-width: 768px) {
	#wn_list .webinar .btns,
	#ot_list .training .btns {
		margin-top:15px;
	}
}

/** Vidéo popin **/
.video-detail {
	display:none;
	position:absolute;
	color:#000;
	width:100%;
	height:100%;
	z-index:10000;
	/*overflow-y: scroll;*/
	background:rgb(255,255,255,0.95);
}
.video-detail .content {
	text-align:right;
	width:80%;
	max-width:875px;
	margin:0 auto;
	margin-bottom: 30px;
}
.video-detail .titre {
	display:block;
	font-size:16px;
	font-weight:300;
	text-align:left;
	padding-bottom:0px;
	padding-top:40px;
}
.video-detail .video-conteneur video {
	width:100%;
}
#video-close {
	float: right;
	height: 55px;
	width: 25px;
	background: url('../images/croix-fermer.png') no-repeat 0px 20px;
	cursor: pointer;
}
#video-close:hover {
	opacity: 0.7;	
}


/** Menu principal **/
.main_menu{
	position: absolute;
	right: 150px;
	top: 84px;
}
.main_menu ul li{
	list-style: none;
	padding: 0 10px;
	float: left;
	position: relative;
}
.main_menu ul li:last-child{
	padding-right: 0px;
}
.main_menu ul li a{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 50px;
	line-height: 50px;
}
.main_menu ul li:hover{
	border-bottom: 3px solid #ffcc00;
}
.main_menu ul.sous-menu{
	display: none;	
	position: absolute;
	background: #ffcc00;
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
	width: 224px;
	left: -75%;
	z-index: 600;
	margin: 3px 0px 0 0;
	padding: 0px;
}
.main_menu ul.sous-menu li{
	float: none;
	padding: 0px;
	margin: 0px;	
}

.main_menu ul.sous-menu li a{
	text-transform: none;
	padding: 12px 15px;
    line-height: 20px;
	font-size: 16px;
    height: auto;
	margin: 0px;	
}
.main_menu ul.sous-menu li:hover{
	background: #ffd800;
	border-bottom: 0px;	
}
.menu_mobile, #menu-mobile{
	display: none;	
}

/** Slider **/
.slides {
	height:503px;
	position: relative;	
	border-bottom: 3px solid #666666;
	/*background:url('../images/slides-accueil/background-gradient.jpg') repeat-x;*/
	background:#e9e9e9;
}
.owl-carousel .owl-item img {
	width:auto;
}
.slides img {
	float:right;
}
.contenu-slides {
	position: absolute;
	top: 55px;	
}
.contenu-slides h2{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 34px;
	line-height:40px;
	height:auto;
	padding:0px;
	color: #000;
	margin-bottom:0;
	border: 0px;
}
.contenu-slides h2.c-outillage{
	margin-top: -10px;	
}
.contenu-slides ul{
	list-style: none;
	margin: 20px 0;
}
.contenu-slides ul li{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 18px;
	line-height: 36px;
	color: #000;	
}
.contenu-slides ul.outillage{
	list-style: none;
	margin: 20px 0;
}
.contenu-slides ul.outillage li{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 16px;
	line-height: 28px;
	color: #000;	
}
.contenu-slides ul.progsim {
	max-width:400px;
}
.contenu-slides ul.miseaplat li,
.contenu-slides ul.progsim li {
	line-height: 26px;
	margin-bottom:15px;
}

.contenu-slides .outillage-text{
	width:320px;
	margin-top:20px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 16px;
	line-height: 28px;
	color: #000;	
}
.contenu-slides img {
	float:none;
	margin:0 0 30px 35px;
}

.contenu-slides.video {
	position:relative;
	top:0px;
	text-align:center;
	padding:0 170px;
}
.contenu-slides.video h2 {
	text-align:left;
}
.contenu-slides.video video {
	width: 800px;
	margin:0 auto;
    margin-top: 20px;
}
#s_imbrication .btn_jaune {
	margin-top:300px;
}
.contenu-slides.video .btn_jaune {
	position:absolute;
	top:0px;
	right:170px;
}
.contenu-slides.solidreporter img {
	margin-left:0px;
}
.contenu-slides.solidreporter ul {
	padding-left:0px;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
overflow:hidden;
}
#nav-onglets {
	list-style:none;
	margin-top:-3px;
	text-align:center;
	padding:0px;
	z-index:900;
}
#nav-onglets li {
	display:inline-block;
}
#nav-onglets li a {
	position:relative;
	display:inline-block;
	padding:10px 30px;
	margin:0 5px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	border-top:3px solid #666666;
	border-bottom:3px solid #E9E9E9;
	border-left:3px solid #E9E9E9;
	border-right:3px solid #E9E9E9;
	background:#E9E9E9;
}
#nav-onglets li a.solidreporter,
#nav-onglets li a.active.solidreporter:hover {
	width:162px;
	text-indent:-9999px;
	background: #E9E9E9 url('../images/slides-accueil/solid-reporter-24x112.png') no-repeat center center;
}
#nav-onglets li a.solidreporter:hover {
	background: #F4F4F4 url('../images/slides-accueil/solid-reporter-24x112.png') no-repeat center center;
}
#nav-onglets li a:hover {
	background:#F4F4F4;
}
#nav-onglets li a.active {
	border-top:3px solid #E9E9E9;
	border-bottom:3px solid #666666;
	border-left:3px solid #666666;
	border-right:3px solid #666666;
	font-weight:700;
}
#nav-onglets li a.active:hover {
	background:#E9E9E9;
}
#nav-onglets li a.active:before {
	position:absolute;
	z-index:901;
	top:-3px;
	left:0px;
	content:"";
	display:block;
	width:100%;
	height:3px;
	background:#E9E9E9;
}
.btn_jaune, .btn_gauche{
	background: #ffcc00 url('../images/fleche-noire.png') no-repeat right center;	
	display: inline-block;
	padding: 0 55px 0 35px;
	height: 43px;
	line-height: 43px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 14px;
	color: #000;
	text-decoration: none;	
}
.btn_jaune {
	text-transform:uppercase;
}
.btn_jaune.ml10 {
	margin-left:10px;
}
.btn_jaune_haut {
	width:100%;
	background: #ffcc00 url('../images/fleche-noire.png') no-repeat right center;	
	display: inline-block;
	padding: 15px 55px 15px 35px;
	line-height: 18px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 14px;
	text-align:center;
	color: #000;
	text-decoration: none;	
}
.btn_jaune_haut:hover{
	background: #ffd800 url('../images/fleche-noire.png') no-repeat right center;
	color: #000;
	text-decoration: none;		
}
.btn_jaune_haut span {
	font-weight:300;
	font-style:italic;
}
.btn_rouge {
	background: #e90024 url('../images/fleche-blanche.png') no-repeat right center;	
	display: inline-block;
	padding: 0 55px 0 35px;
	height: 43px;
	line-height: 43px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 14px;
	color: #fff;
	text-decoration: none;	
	text-transform:uppercase;
}
.btn_rouge:hover {
	background: #f0435e url('../images/fleche-blanche.png') no-repeat right center;
	color: #fff;
	text-decoration: none;		
}

.btn_jaune2{
	background: #ffcc00 url('../images/fleche-noire.png') no-repeat right center;	
	display: inline-block;
	padding: 0 55px 0 25px;
	height: 43px;
	line-height: 43px;
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 14px;
	color: #000;
	text-decoration: none;	
	text-transform:uppercase;
	position: absolute;
	bottom: 20px;
	left: 400px;
	width: 200px;
}
.btn_jaune2:hover{
	background: #ffd800 url('../images/fleche-noire.png') no-repeat right center;
	color: #000;
	text-decoration: none;		
}

.btn_gauche{
	width: 100%;
	margin-top: 20px;	
	text-transform:uppercase;
}
#index_urql .btn_gauche {
	text-transform:none;
}

.btn_jaune:hover, .btn_gauche:hover{
	background: #ffd800 url('../images/fleche-noire.png') no-repeat right center;
	color: #000;
	text-decoration: none;		
}

/* Matrix */
.matrix-legend {
	font-style:italic;
}
.matrix-icon {
	display:inline-block;
	width:24px;
	height:24px;
}
.matrix-icon.check {
	background:url('../images/matrix-check-icon.png') no-repeat;
}
.matrix-icon.option {
	background:url('../images/matrix-O-icon.png') no-repeat;
}
.matrix-icon.no {
	background:url('../images/matrix-no-icon.png') no-repeat;
}
.matrix-icon.no-en {
	background:url('../images/matrix-no-en-icon.png') no-repeat;
}
.matrix-icon.no-fr {
	background:url('../images/matrix-no-fr-icon.png') no-repeat;
}
.matrix-icon.no-de {
	background:url('../images/matrix-no-de-icon.png') no-repeat;
}
.matrix-product-comparison {
	width:100%;
}
.matrix-product-comparison td.vtitlecell {
	position:relative;
	width:50px;
	height:130px;
}
.matrix-product-comparison td.vtitlecell span {
	position:absolute;
	display:table-cell;
	width:130px;
	height:50px;
	padding:15px;
	line-height:18px;
	vertical-align:middle;
	bottom: -50px;
	left: 0;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	font-weight:600;
}
.matrix-product-comparison td.vtitlecell:last-child span {
	padding:7px 15px 5px 15px;
}
.matrix-product-comparison td {
	text-align:center;
	padding:5px;
}
.matrix-product-comparison td.brn {
	border-right:1px solid #000;
}
.matrix-product-comparison tr.bbn td {
	border-bottom:1px solid #000;
}
.matrix-product-comparison tr td:first-child {
	text-align:left;
}
.matrix-product-comparison .bgg {
	background:#f2f2f2;
}
.matrix-product-comparison .bgb {
	color:#fff;
	background:#0070c0;
}
.matrix-product-comparison .blr {
	border-left:4px solid #c00000;
}
.matrix-product-comparison .bgrf {
	color:#fff;
	background:#c00000;
}
.matrix-product-comparison .bgv {
	background:#e2efd9;
}
.matrix-product-comparison .bgr {
	background:#fae6e6;
}
.matrix-product-comparison .bgn {
	color:#fff;
	background:#000000;
}
.matrix-product-comparison td.matrix-title {
	text-align:center !important;
	font-weight:600;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:18px;
}
.matrix-product-comparison td.matrix-title-1,
.matrix-product-comparison td.matrix-title-2,
.matrix-product-comparison td.matrix-title-3 {
	text-align:center !important;
	font-weight:600;
	font-size:14px;
}
.matrix-product-comparison td.matrix-title-1 span,
.matrix-product-comparison td.matrix-title-3 span {
	position:relative;
}
.matrix-product-comparison td.matrix-title-1 span:before,
.matrix-product-comparison td.matrix-title-1 span:after,
.matrix-product-comparison td.matrix-title-3 span:before,
.matrix-product-comparison td.matrix-title-3 span:after {
	content:'';
	left:-28px;
	top:-4px;
	position:absolute;
	display:block;
	width:24px;
	height:24px;
	background:url('../images/matrix-arrow-icon.png') no-repeat;
}
.matrix-product-comparison td.matrix-title-1 span:after,
.matrix-product-comparison td.matrix-title-3 span:after {
	left:auto;
	right:-28px;
}
@media screen and (max-width: 500px) {
	.matrix-product-comparison {
		width:500px;
	}
	.matrix-tab-overflow {
		overflow-x:scroll;
	}
}

/* slider pages produits */
.slides-components {
	margin:0 auto;
	width:284px;
}
h1{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 30px;
	color: #000;
	/*display: inline-block;*/
	/*height: 75px;*/
	line-height: 36px;
	padding-bottom:20px;
	padding-left: 20px;
	border-bottom: 3px solid #ffcc00;
	margin-bottom: 35px;
}
h1 span{
	font-size: 20px;	
}

h2{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 24px;
	color: #000;
	/*display: inline-block;*/
	/*height: 75px;*/
	line-height: 30px;
	padding-bottom:20px;
	border-bottom: 3px solid #ffcc00;
	padding-left: 20px;
	margin-bottom: 20px;
}
h2 img{
	margin-right: 17px;	
}
h3{
	font-family: "Lato", sans-serif;
	font-weight: 400;	
	font-style: italic;
	background: #FFF url('../images/degrade-gris-packages.jpg') no-repeat;
	color: #474747;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	text-transform: none;
	padding-left: 20px;
}
a.acces-rapide-lien{
	cursor: pointer;	
}
ul.liste_menu_produit{
	list-style: none;
	margin-left:0px;	
	padding-left:20px;
}
ul.liste_menu_produit li{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 16px;
	color: #000;
	padding: 5px 0 5px 60px;
}
ul.liste_menu_produit li.pack-1,
ul.packages-outillage-mobile a.pack-1 {
	background: url('../images/pack-1_.png') no-repeat;	
}
ul.liste_menu_produit li.pack-2,
ul.packages-outillage-mobile a.pack-2 {
	background: url('../images/pack-2_.png') no-repeat;	
}
ul.liste_menu_produit li.pack-3,
ul.packages-outillage-mobile a.pack-3 {
	background: url('../images/pack-3_.png') no-repeat;	
}
ul.liste_menu_produit li.pack-4,
ul.packages-outillage-mobile a.pack-4 {
	background: url('../images/pack-4_.png') no-repeat;	
}
.panel{
	border: 0px;	
}

.panel-default > .panel-heading{
	background-color: #FFF;	
}

.panel-group .panel-heading + .panel-collapse > .panel-body{
	border: 0px;	
}

.panel-heading{
	border-radius: 0px;	
	padding: 0px;
}
.panel-heading h4 {
	position:relative;
}
.panel-heading h4 a{
	font-family: "Lato", sans-serif;
	font-weight: 700;
	color: #474747;
	/*height: 43px;*/
	font-size: 16px;
	line-height: 16px !important;
	text-transform: none;
	padding-left: 40px;
	/*padding-top: 3px;*/
	padding-top: 10px;
	padding-bottom:10px;
	display: block;
	text-decoration: none !important;	
}
.panel-heading h4 a span{
	font-style: italic;
	font-size: 14px;
	font-weight: 300;	
}

.panel-heading h4.package-1 a{
	background: url('../images/degrade-gris-packages.jpg') 0 0 repeat-y;	 /* degrade-gris-pack-1.jpg*/
}
.panel-group .panel-heading + .panel-collapse > .panel-body{
	border-color: #FFF;
}
.panel-heading h4 a.noarrow:after {
	display:none;
}
.panel-heading h4.package-1 a:after, .panel-heading h4.package-2 a:after, .panel-heading h4.package-3 a:after, .panel-heading h4.package-4 a:after{
	content:"\f105";
	/*float:right;*/
	position:absolute;
	left:10px;
	top: calc(50% - 9px);
	margin-right:20px;
	margin-top: 0px;
	font-family: FontAwesome;
	font-size: 28px;
}
.panel-heading h4.package-1 a.active:after, .panel-heading h4.package-2 a.active:after, .panel-heading h4.package-3 a.active:after, .panel-heading h4.package-4 a.active:after{
	content:"\f107";
	/*float:right;*/
	position:absolute;
	left:8px;
	margin-right:15px;
	margin-top: 0px;
	font-family: FontAwesome;
	font-size: 28px;
}
.panel-heading h4.package-2 a{
	background: url('../images/degrade-gris-packages.jpg') 0 0 repeat-y;	/* degrade-gris-pack-2.jpg */
}
.panel-heading h4.package-3 a{
	background: url('../images/degrade-gris-packages.jpg') 0 0 repeat-y;	/* degrade-gris-pack-3.jpg */
}
.panel-heading h4.package-4 a{
	background: url('../images/degrade-gris-packages.jpg') 0 0 repeat-y;	/* degrade-gris-pack-4.jpg */
}


p.complement{
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 5px;	
	margin-left: 20px;
	color: #474747;
}

ul.liste_menu_produit2{
	list-style: none;
	margin-left:0px;	
	padding-left:20px;
	display: block !important;
}
ul.liste_menu_produit2 li{
	font-family: "Lato", sans-serif;
	font-weight: 700;
  	font-size: 14px;
	color: #000;
	padding: 5px 0 5px 20px;
	background: url('../images/puce-menu-grise.png') no-repeat 0 12px;
}
.menu-mobile-outillage{
	padding-left: 0px !important;	
	margin-left: 10px !important;
}
#menu-mobile ul.liste_menu_produit2 li a{
	line-height: normal !important;
}

#menu-mobile .panel-heading h4.package-1 a:after, #menu-mobile .panel-heading h4.package-2 a:after, #menu-mobile .panel-heading h4.package-3 a:after, #menu-mobile .panel-heading h4.package-4 a:after{
	margin-right:35px;
	font-size: 18px;
}

/** package menu mobile **/
#menu-mobile ul.packages-outillage-mobile {
	padding:0 0 20px 0;
}
#menu-mobile ul.packages-outillage-mobile h3 {
	background:none;
	padding-left:0px;
	height: auto;
	line-height: auto;
}
#menu-mobile ul.packages-outillage-mobile a {
	height:auto;
	line-height:18px;
	font-size:14px;
	font-weight:400;
	padding:5px 0 5px 50px;
}

#citation{
	background: #666666;
	padding: 30px;
	margin: 70px 0 50px 0;	
}
#adresse-fond{
	background: #666666;
	padding: 20px 30px 15px 30px;
	margin: 10px 0 20px 0;	
}
#citation p, #citation a, #citation ul li, #adresse-fond p, #adresse-fond a{
	font-family: "Lato", sans-serif;
	font-weight: 300;
	color: #FFF;
	font-size: 14px;	
}
#adresse-fond p{
	font-size: 16px;	
}
#citation span{
	font-size: 60px;
	line-height: 18px;
	display: inline-block;	
}
#citation ul{
	padding-left: 30px;	
}
#citation p.signature{
	background: url('../images/portrait.png') no-repeat;
	padding: 0 0 0 80px;
	margin-top: 30px;	
	min-height: 60px;
}

a {
	color:#000;
	text-decoration:underline;
}
a:hover, #citation a:hover, #adresse-fond a:hover{
	color: #ffcc00;	
	text-decoration: underline;
}
p{
	margin-bottom: 20px;	
}
.actu_accueil{
	
	padding: 10px 0 10px 0;
	margin: 0 20px;	
}
.actu_accueil:not(:last-child){
	border-bottom: 1px solid #cccccc;	
}
h2.actu-titre img,
h2.versions-titre img {
	display:none;
}
h2.actu-titre,
h2.versions-titre {
	padding-left:0px;
}
.img_centrer {
    text-align: center;
}
#logos-company img {
	padding: 20px;	
}
#logos-company img.nopad {
	padding:0px;
}
.img_legende{
	font-weight: 700;
	font-family: "Lato", sans-serif;	
	margin: 20px 0 50px 0;
	display: inline-block;
}
.packages_legend{
	margin: 0 0 20px 25px;	
}
.packages_legend p{
	height: 30px;
	line-height: 30px;
	font-weight: 700;
	font-family: "Lato", sans-serif;
	margin-bottom: 6px;	
}
.legend-1{
	background: url('../images/legend-1_.gif') no-repeat;
	padding-left: 30px;	
}
.legend-2{
	background: url('../images/legend-2_.gif') no-repeat;
	padding-left: 30px;	
}
.legend-3{
	background: url('../images/legend-3_.gif') no-repeat;
	padding-left: 30px;	
}
.legend-4{
	background: url('../images/legend-4_.gif') no-repeat;
	padding-left: 30px;	
}
.logos-clients{
	text-align: center;
	margin-top: 50px;	
}
input, textarea{
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #000;
	outline: none;
    display: block;
    margin: 0 0 20px;
    padding: 8px 6px;
    width: 100%;	
}	
input[type="button"]{
	background: #ffcc00;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 30px;
	color: #000;
	width: auto;
	border: 0px;	
	margin-top: 20px;
}
input[type="button"]:hover{
	background: #ffd800;	
}
input[type="checkbox"]{
	width: auto;
	float: left;
	margin-right: 10px;
}
input[type="checkbox"][readonly]#contact5,
label#label_contact5.readonly { /* desactive click on readonly checkbox */
	pointer-events: none;
}
label#label_contact5.readonly {
    color: #bbb;
}
#footer {
	margin-top: 20px;
}
.ql-footer {
	margin-top: 100px;
}
#footer img,
.ql-footer img {
	margin: 0 15px;
}
#footer img.logo-partof-autoform{
	margin-top:22px;
}
#footer .container,
.ql-footer .container {
	background: #e9e9e9;
	padding: 20px 70px 20px 20px;
	position: relative;	
}
#footer .container #scrolltop,
.ql-footer .container #scrolltop-ql {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #666666 url('../images/fleche-scroll.png') no-repeat center 30px;
	width: 60px;
	height: 100%;
	display: inline-block;	
	z-index: 500;
	cursor: pointer;
	border-left:1px solid #fff;
}
#footer .container #scrolltop:hover {
	background: #777 url('../images/fleche-scroll.png') no-repeat center 30px;
}
.ql-footer .container #scrolltop-ql,
.ql-footer .container #scrolltop-ql:hover {
	background: #666666;
}
#contact-footer-btn,
#contact-footer-btn-ql {
	float:right;
	text-decoration:none;
	padding-left:20px;
	background:url('../images/contact-picto.png') no-repeat left 3px;
}
#contact-footer-btn:hover,
#contact-footer-btn-ql:hover {
	color:#333;
}
.ml-link {
	text-decoration:none;
}
.ml-link:hover {
	color:#333;
}
#footer .col-txt,
.ql-footer .col-txt {
	padding:0 40px 0 20px;
}
#menu-acces-rapide .ql-footer .container {
	max-width:none;
}
.video-fullwidth {
	width:100%;
}
.video-fullwidth video {
	width:100%;
}
.contact5-details {
	margin-top: 20px;
    padding: 15px;
    border: 1px solid #ffcc00;
}

/* quicklinks contact form */
h1.ql-contact-title {
	padding-top: 20px;
    margin-top: 0px;
    padding-left: 45px;
	background: url('../images/acces-rapide.png') no-repeat 10px center;
}
#qlcontact-form #email.readonly {
	background:#eee;
	color:#999;
}

@media screen and (max-width: 1199px) {
	.top_menu,
	.main_menu {
		right:0px;
	}
	.main_menu ul li a{
		font-size: 18px;
	}
	#certified{
		display: none;	
	}
	#footer img{
		margin: 0 5px;
	}
	.logo-sw-footer {
		width:110px;
	}
	.contenu-slides.video {
		padding:0 75px;
	}
	.contenu-slides.video video {
		width: 800px;
	}
	.contenu-slides.video .btn_jaune {
		right:65px;
	}
	.contenu-slides.solidreporter h2 {
		font-size: 26px;
	    line-height: 34px;
	}
	.contenu-slides ul.miseaplat{
		max-width:400px;
	}
	#s_mise-a-plat .contenu-slides img {
	    margin-bottom:10px;
	}
	.contenu-slides ul.progsim {
		max-width:300px;
	}
}

@media screen and (max-width: 1024px) {
	.top_menu{
		display: none;	
	}
	.main_menu{
		display: none;
	}
	#logo, #logo2{
		display: none;	
	}
	header {
		height:auto;
	}
	header .container-fluid{
		display: block;	
	}
	#logo-mobile{
		display: inline-block;
		margin: 22px 0 0 22px;	
	}
	 a.acces-rapide-mobile{
		background: #ffcc00 url('../images/acces-rapide.png') no-repeat 25px center;	
		display: inline-block;
		width: 74px;
		height: 74px;
		font-size: 0px;
		color: #000;
		z-index: 1000;
	}
	a.acces-rapide-mobile:hover{
		background: #ffd800 url('../images/acces-rapide.png') no-repeat 25px center;	
	}
	.menu_mobile {
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
		width: 74px;
		height: 54px;
		padding-top: 20px;
	}
	.menu_mobile .line {
		background-color: #000;
		display: block;
		height: 2px;
		margin: 6px auto;
		transition: all 0.1s ease-in-out 0s;
		width: 24px;
	}
	.menu_mobile:hover .line {
		background-color: #ffcc00;	
	}
	#menu-mobile {
		background-color: #666666;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0;
		left: 0px;
		width: 100%;
		z-index: 3000;
	}
	#menu-mobile .row {
		background:#fff;
	}
	#menu-mobile ul {
		list-style: none;
			
	}
	#menu-mobile ul li a {
		font-family: "Lato", sans-serif;
		font-weight: 700;
		font-size: 18px;
		color: #000;
		line-height: 45px;
		display: inline-block;
		width: 100%;
		text-decoration: none;
	}
	#menu-mobile ul li a.offreencours:after {
		content:'1';
		display:inline-block;
		color:#fff;
		width:20px;
		height:20px;
		font-size:12px;
		line-height:20px;
		border-radius:20px;
		font-weight:normal;
		margin-left:5px;
		text-align:center;
		background:#000;
	}
	#menu-mobile ul li.has-children > a {	
		border-bottom: 1px solid #cccccc;
	}
	#menu-mobile ul li.has-children > a:after {
		content:"\f104";
		float:right;
		margin-right:35px;
		font-family: FontAwesome;
	}
	#menu-mobile ul li.has-children.open > a:after {
		content:"\f107";
	}
	#menu-mobile ul li.has-children ul.sous-menu {
		border-bottom: 1px solid #cccccc;
		padding-left:15px;
	}
	#menu-mobile ul li ul li a{
		font-size: 16px;	
	}
	#menu-mobile ul li ul.sous-menu > li > a {
		padding:12px 0;
		line-height:20px;
	}
	#menu-mobile ul li.free-download a {
		color:#000;
		margin-left:-20px;
		padding-left:20px;
		background:#e9e9e9;
	}
	#menu-mobile ul.mob-langues {
		padding:0px;
		background:#fff;
	}
	#menu-mobile ul.mob-langues li {
		display:inline-block;
		width:32%;
		padding:0px;
		margin:0px;
		text-align:center;
		border-right:1px solid #858585;
	}
	#menu-mobile ul.mob-langues li:last-child {
		width:33%;
		border:0px;
	}
	
	#top-menu-mobile{
		height: 55px;
		/*line-height: 65px;*/
		line-height:55px;
		padding: 0px 40px;
		display: inline-block;	
		margin-top: 10px;
		width: 100%;
	}
	#top-menu-mobile img{
		margin-right: 10px;
		vertical-align: middle;
	}
	a.logo-mob-1 {
		position:absolute;
		left:15px;
		top:10px;
	}
	a.logo-mob-2 {
		position:absolute;
		top:10px;
		left:70px;
	}	
	#menu-close{
		position:absolute;
		right:15px;
		height: 45px;
		width: 22px;
		background: url('../images/croix-fermer.png') no-repeat 0px 15px;	
		cursor: pointer;
	}
	#menu-close:hover{
		opacity: 0.7;	
	}
	.caret{
		border: 0px;
	}
	
	
}

@media screen and (max-width: 992px) {
	.slides.owl-carousel {
		height:405px;
	}
	.slides.owl-carousel .item {
		width:100%;
		height:405px;
		text-align:center;
		padding:0px;
	}
	.slides.owl-carousel img {
		display:inline-block;
		max-height:300px;
		max-width:100%;
		margin-top:55px;
		float:none;
	}
	.contenu-slides {
		top:0px;
		height:405px;
		width:100%;
	}
	.contenu-slides ul,
	.contenu-slides p.outillage-text,
	.contenu-slides img {
		display:none !important;
	}
	.contenu-slides h2 {
		text-align:center;
		font-size:20px;
		line-height:24px;
		padding:0 15px;
	}
	.contenu-slides h2.c-outillage{
		margin-top: 20px;
	}
	.contenu-slides.video video {
		width: 90%;
		max-height:250px;
   		 margin-left: 0px;
   		margin-top: 20px;
		margin-bottom:20px;
	}
	
	
		.contenu-slides.video .btn_jaune {
			position:relative;
			top:auto;
			left:auto;
			right:auto;
			margin-top:15px;
		}
	
	#nav-onglets li a {
		padding:10px 20px;
	}
	
	.contenu-slides.video {
		padding:0px;
	}
	.contenu-slides.video h2 {
		position:relative;
		text-align:center;
	}
	
	.contenu-slides.solidreporter h2 {
		font-size: 22px;
		line-height: 26px;
	}
	.contenu-slides.solidreporter .btn_rouge {
		margin-top:250px;
	}
	
	.btn_jaune, .btn_jaune2 {
		position:absolute;
		bottom:20px;
		left:calc(50% - 90px);	
	}
	.btn_jaune.more-video-btn {
		position:relative;
		top:auto;
		left:auto;
	}
	.btn_jaune.mise-a-plat-plus {
		left:20px;
	}
	.btn_jaune.mise-a-plat-testit {
		right:20px;
		left:auto;
	}
	h2.actu-titre img,
	h2.versions-titre img {
		display:inline-block;
		float:right;
		margin-right:-12px;
	}
	h1, h2 {
		padding-left:0px;
	}
	
}

@media screen and (max-width: 720px) {
	.slides.owl-carousel {
		border:0px;
	}
	#nav-onglets {
		display:none;
	}
	#contact-footer-btn,
	#contact-footer-btn-ql { 
		display:block;
		width:100%;
		float:none;
		margin-top:20px;
	}
	.ql-footer {
		margin-top: 60px;
	}
	.img_centrer img {
		width:100%;
	}
	.contenu-slides.solidreporter h2 {
		font-size: 16px;
		line-height: 22px;
	}
	.contenu-slides.solidreporter .btn_rouge {
		margin-top:260px;
	}
}


/* cookies */
#cookies-bandeau{
	
    font-size: 14px;
    color: #666 !important;
    text-align: center;
    position: fixed;
    background-color: rgba(242,242,242,0.95);
    display: block;
    width: 100%;
    float: none;
    bottom: 0;
    z-index: 9998;
    border-radius: 1px;
	padding-bottom:20px;
}

#cookies-bandeau .cookies-bandeau-superieur	span{
	padding: 45px 100px 0;
    display: block;
	color: #666 !important;
}

#cookies-bandeau .cookies-bandeau-superieur	#cookies-parametrer, #cookies-bandeau .cookies-bandeau-superieur #cookies-accepter, #cookies-bandeau .cookies-bandeau-superieur #cookies-refuser, #cookies-bandeau .cookies-bandeau-superieur #cookies-accepter-tout, #cookies-bandeau #cookies-accepter{
	display: inline-block;
    margin: 20px;
	color:#fff;
	cursor: pointer;
}
#cookies-bandeau .cookies-bandeau-superieur	#cookies-parametrer i{
	margin-left:15px;	
}
#cookies-bandeau a.btn{
	float: none;
	font-size: 14px;
	background: #ffcc00;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	color: #000 !important;
	padding: 10px 15px;
	text-decoration: none;
	font-weight: 700;
	border-radius: 0px;
	border: 0px;
}
#cookies-bandeau a.btn:hover{
	opacity: 0.8;	
}
#cookies-bandeau #cookies-parametres{
	display:none;
	font-size:14px;
	padding-bottom:20px;
}
#cookies-bandeau #cookies-parametres .cookies-choix{
	margin-bottom:10px;	
}
#cookies-bandeau #cookies-parametres input{
	width:15px;
	height:15px;
	margin-right:10px;
	display: inline-block;
	float: none !important;	
}
.d-none{
	display: none !important;	
}
#gerer_cookies{
	float: none;
	font-size: 14px;
	background: #ffcc00;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	color: #000 !important;
	padding: 10px 15px;
	text-decoration: none;
	font-weight: 700;
	border-radius: 0px;	
}


/* page vidéo */
h2.video-title {
	border-bottom:0px;
	margin:25px 0 5px 0;
}
video.video-reponsive {
	width:100%;
	border:1px solid #E9E9E9;
}
.more-video-btn {
	margin:40px 0 50px 0;
	float:right;
}