@import url("reset.css");

body{ background:#fff; font-family:'Roboto', sans-serif; color:#4a5666; font-size:14px; font-weight:400; line-height:18px; /*box-sizing:border-box;*/ }
h1,h2,h3,h4{ font-family:'Roboto Slab', serif; font-weight:700; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
a{ color:inherit; text-decoration:none; transition:all 0.3s ease; }
a:hover{ }
li{  transition:all 0.3s ease; }
::selection	{ background:#c30e2e; color:#fff; }
::-moz-selection { background:#c30e2e; color:#fff; }
::-webkit-input-placeholder{color:#8993a1}
:-moz-placeholder{color:#8993a1;opacity:1}
::-moz-placeholder{color:#8993a1;opacity:1}
:-ms-input-placeholder{color:#8993a1}
.inner{ margin:0 auto; position:relative; width:1200px; }
.inner:after{ clear: both; content: "."; display: block; height: 0; line-height: 0;  visibility: hidden; }
.strong{ font-weight:700; }
.em{ font-style:italic; }
@media only screen and (max-width:1239px) {
	.inner{ width:auto; padding:0 20px; }
}


/**HEADER**/
#header{ background:#fff; }
#top-bar{ background:#e2e6e9; }
.top-bar-nav{ float:right; }
.top-bar-nav > a{ color:#0e76bc; display:block; float:left; font-size:16px; font-style:italic; font-weight:700; margin:10px 0; padding:6px 24px 6px 60px;  }
.top-bar-nav > a.top-gar{ background:url(../images/icns/icn-garantie.svg) 20px center no-repeat; }
.top-bar-nav > a.top-det{ background:url(../images/icns/icn-detaillants.svg) 20px center no-repeat; border-left:1px solid #fff; }
.top-bar-nav .lang{ background:url(../images/icns/icn-lang.svg) 24px center no-repeat #d1d4d8; color:#fff; float:left; font-size:16px; font-weight:700; padding:16px 24px 16px 52px; cursor:default; }
.top-bar-nav a:hover{ opacity:0.8; }
#logo{ float:left; padding:8px 0; }
#nav{ float:right; }
#top-nav{ color:#c30e2e; font-size:20px; font-weight:700; }
#top-nav > div { float:right; padding:12px 0; }
#top-nav .tel{ display:block; float:left; line-height:26px; margin-right:14px; }
#top-nav a{ display:block; float:left; margin-left:4px; }
#top-nav a.shop{ margin:0 15px 0 0; font-size:14px; text-transform:uppercase; padding:5px 15px; border:1px solid #c30e2e; }
#top-nav a.shop:hover{ color:#fff; background:#c30e2e; }
#top-nav a.video { background-color:#c30e2e; color:#FFF }
#top-nav a.video img { width:15px; vertical-align:middle;}
#main-nav{ float:right; border-top:1px solid #e3e7ec; position:relative; }
#main-nav>ul>li{ border-top:4px solid #fff; display:block; float:left; padding:16px 0 20px 0; }
#main-nav>ul>li+li{ margin-left:42px; }
#main-nav>ul>li>a{ font-weight:700; color:#8993a1; text-transform:uppercase; }
#main-nav>ul>li>a:hover{ color:#717a88; }
#main-nav>ul>li.active{ border-top:4px solid #c30e2e; }
#main-nav>ul>li.active>a{ color:#c30e2e; }
#main-nav li ul{ display:none; }
#main-nav li:hover>ul{ display:block; }
#main-nav li ul{ position:absolute; background:#0e76bc; top:59px; z-index:99; box-shadow:8px 8px 12px rgba(0,0,0,0.1); }
#main-nav li ul li{ display:block; float:none; position:relative; }
#main-nav li ul li+li{ margin-left:0; border-top:1px solid #1b86ce; }
#main-nav li ul li a{ color:#94c6e8; display:block; font-size:14px; font-weight:400; padding:20px 26px; text-transform:uppercase; white-space:nowrap; }
#main-nav li ul li:hover{ background-color:#0b6bab; }
#main-nav li ul li:hover>a{ color:#a9d5f3; }
#main-nav li ul li.active>a{ border-left:4px solid #c30e2e; color:#fff; }
#main-nav li ul li ul{ position:absolute; left:100%; top:0; }
#main-nav li ul li ul li{ background:url(../images/shadow-submenu.png) left top repeat-y; }
#main-nav .dropdown-nav:before{ background:url(../images/dropdown-arrow.png) 0 0 no-repeat; content:" "; display:block; width:17px; height:8px; position:absolute; left:24px; top:-8px; }
@media only screen and (max-width:1239px) {
	#main-nav li ul li a{ padding:14px 16px; }
}
@media only screen and (max-width:1069px) {
	#main-nav>ul>li+li{ margin-left:22px; }
}

/**PAGE HEADER**/
#page-header{ background:url(../images/bg-header-page.jpg) center center no-repeat; color:#4a5666; }
#page-header .header-content{ padding:100px 0 70px 0; }
#page-header h1:before{ background:#c30e2e; content:" "; display:block; width:80px; height:3px; position:absolute; top:-32px; }
#page-header h1{ color:#4a5666; font-weight:700; font-size:40px; line-height:1; text-transform:uppercase; position:relative; }
#page-header .fil{ font-size:15px; font-family:'Roboto Slab', serif; text-transform:uppercase; margin-top:10px; }
#page-header .fil span{ color:#c30e2e; }
@media only screen and (max-width:959px) {
	#page-header{ background-position:left top; }
	#page-header .header-content{ padding:70px 0 40px 0; }
	#page-header h1:before{ top:-22px; }
	#page-header h1{ font-size:30px; }
	#page-header .fil{ display:none; }
}

/**HOME SLIDER**/
#slider{ background:url(../images/bg-slider.jpg) center center no-repeat; background-size:cover; height:657px; position:relative; }
#slider .slideshow{ height:657px; width:100%; }
#slider .slides{ height:657px; width:100%; }
#slider .slide-container{ margin:0 auto; position:relative; height:657px; width:1200px; }
#slider .slide-container h1:before{ background:#c30e2e; content:" "; display:block; width:80px; height:3px; position:absolute; top:-32px; }
#slider .slide-container h1{ color:#4a5666; font-weight:700; font-size:60px; line-height:60px; text-transform:uppercase; }
#slider .slide-container h1 span{ display:block; font-weight:300; font-size:30px; line-height:30px; padding-top:12px; }
#slider .slide-container a,
#slider-mobile a { background:#c30e2e; font-weight:700; font-size:16px; text-transform:uppercase; display:inline-block; color:#fff; margin-top:32px; padding:20px 76px; border-bottom:3px solid #830b18; }
#slider .slide-container a:hover{ background:#ae0c28; }
#slider .slide-container .slider-title{ position:relative; top:212px; left:0; }
#slider .slide-container .slider-title .btn-slider.pdf,
#slider-mobile a.pdf { background-image:url('../images/icns/icn-pdf-white.svg'); background-repeat:no-repeat; background-position:right 12px center;}
#slider .slide-container .slider-img { position:absolute; top:60px; right:0; }
/*CENTRAGE VERTICAL AUTOMATIQUE
#slider .slide-container .slider-img { float:right;}
#slider .slide-container .slider-img div{width:50%;position:absolute;margin:0;height:85%;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000px;right:0}
#slider .slide-container .slider-img img{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000px;padding-top:0;padding-bottom:0}
*/
#slider .slidetabs{ display:none; }
@media only screen and (max-width:1239px) {
	#slider .slide-container{ width:auto; margin:0 20px; }
}
@media only screen and (max-width:1069px) {
	#slider .slide-container h1:before{ top:-22px; }
	#slider .slide-container h1{ font-size:40px; line-height:40px; }
	#slider .slide-container h1 span{ font-size:24px; line-height:24px; padding-top:8px; }
	#slider .slide-container a{ font-size:15px; margin-top:22px; padding:20px 46px; }
}

/**HOME**/
#product-home-nav{ max-width:1690px; margin:-58px auto 0; z-index:99; position:relative;}
#product-home-nav a{ display:block; float:left; width:20%; text-align:center; padding:20px 4px; color:#fff; font-size:18px; font-weight:700; box-sizing:border-box; }
#product-home-nav .btn1{background:#0e76bc; }
#product-home-nav .btn2{background:#09629d; }
#product-home-nav .btn3{background:#06456f; }
#product-home-nav .btn1:hover{background:#02304f; }
#product-home-nav .btn2:hover{background:#02304f; }
#product-home-nav .btn3:hover{background:#02304f; }
@media only screen and (max-width:1239px) {
	#product-home-nav a{ font-size:15px; }
}
#intro .inner{background:url(../images/logo-intro-txt.png) left bottom no-repeat; min-height:760px; }
#intro.en .inner{background-image:url(../images/logo-intro-txt-en.png); }
#intro.es .inner{background-image:url(../images/logo-intro-txt-es.png); }
#intro .inner>div{ width:45%; float:right; padding-bottom:200px; }
#intro h2{ color:#061f5c; font-weight:300; font-size:48px; line-height:48px; text-transform:uppercase; padding:80px 0 40px; }
#intro h2 span{ display:block; font-weight:700;  }
#intro .intro-item{ background:url(../images/line-intro.png) 7px center no-repeat; color:#4a5666; position:relative; }
#intro .intro-item h3{ font-size:18px; font-weight:700; padding:5px 0 0 46px; text-transform:uppercase;}
#intro .intro-item p{ background:url(../images/line-intro.png) 7px center no-repeat; font-size:14px; line-height:16px; padding:18px 0 24px 46px; }
#intro .intro-item .num{ position:absolute; top:0; left:0; display:block; background:#fff; border:1px solid #0082c6; color:#3d3d3d; font-size:14px; font-weight:700; line-height:14px; width:28px; height:28px; padding:7px 0; text-align:center; box-sizing:border-box; }
#intro .intro-item:last-child p, #intro .intro-item:last-child{ background:none; }
@media only screen and (max-width:1069px) {
	#intro .inner>div{ width:42%; padding-bottom:100px; }
}
@media only screen and (max-width:959px) {
	#intro .inner{background-size:256px 368px; }
	#intro .inner>div{ width:auto; float:none; padding-bottom:400px; }
	#intro h2{ font-size:28px; line-height:28px; padding:40px 0 30px; }
	#intro .intro-item h3{ font-size:16px; }
}

#promos{ background:#c30e2e; color:#fff; padding:34px; text-align:center; text-transform:uppercase; }
#promos h2{ font-size:48px; font-weight:700; line-height:1; padding:26px 0 14px; }
#promos p{ font-size:16px; font-weight:300; }
#promos a{ display:block; border:2px solid #fff; font-size:16px; font-weight:700; padding:12px 10px; margin:42px auto 0; max-width:186px; box-sizing:border-box; } 
#promos a:hover{ opacity:0.8; }
@media only screen and (max-width:1069px) {
	#promos p{ font-size:15px; }
}
@media only screen and (max-width:959px) {
	#promos h2{ font-size:28px; }
}

#video-home{ background:#000; height:571px; position:relative; text-align:center; }
#video-home a{ background:url(../images/bg-video.jpg) center center no-repeat; background-size:cover; display:block; width:100%; height:571px; }
#video-home a:hover{ opacity:0.9; }
#video-home h2{ color:#fff; font-family:'Roboto', sans-serif; font-size:91px; font-weight:300; font-style:italic; line-height:1; padding:146px 0 40px; }
@media only screen and (max-width:959px) {
	#video-home, #video-home a{ height:360px; }
	#video-home h2{ font-size:30px; padding:86px 0 40px; }
}

#affiliates h2{ color:#061f5c; font-size:30px; font-weight:700; line-height:1; padding:150px 0 70px; text-align:center; text-transform:uppercase; }
/*
// Avec 2 variantes de produits
#affiliates .robo{ float:left; width:50%; background:#e2e6e9; display:block; }
#affiliates .puma{ float:right; width:50%; background:#f0f2f2; display:block; }
#affiliates .robo>div{ float:right; padding:30px 130px 70px; }
#affiliates .puma>div{ float:left; padding:30px 130px 70px; }
#affiliates .robo .logo{ background:url(../images/logo-robo.png) 0 -155px no-repeat; width:301px; height:142px; }
#affiliates .puma .logo{ background:url(../images/logo-puma.png) 0 -155px no-repeat; width:286px; height:142px; }
#affiliates .robo .logo.fr{ background-image:url(../images/logo-robo-fr.png); }
#affiliates .puma .logo.fr{ background-image:url(../images/logo-puma-fr.png); }
#affiliates .robo:hover .logo, #affiliates .puma:hover .logo{ background-position:0 0; }
#affiliates h3:before{ background:#c30e2e; content:" "; display:block; width:80px; height:3px; position:absolute; top:-20px; }
#affiliates h3{ color:#4a5666; font-weight:700; font-size:24px; line-height:1; text-transform:uppercase; position:relative; margin-top:46px; }
#affiliates .robo:hover, #affiliates .puma:hover{ background:#c30e2e; }
#affiliates a:hover h3{ color:#fff; }
#affiliates a:hover h3:before{ background:#fff; }
@media only screen and (max-width:1069px) {
	#affiliates .robo>div{ padding:30px 80px 70px; }
	#affiliates .puma>div{ padding:30px 80px 70px; }
}
@media only screen and (max-width:959px) {
	#affiliates h2{ padding:100px 20px 50px; }
	#affiliates .robo, #affiliates .puma{ float:none; width:auto; }
	#affiliates .robo>div{ padding:40px 20px; float:none; }
	#affiliates .puma>div{ padding:40px 20px; float:none; }
	#affiliates .robo .logo{ background:url(../images/logo-robo.png) 0 -77px no-repeat; background-size:150px 150px; width:150px; height:71px; }
	#affiliates .puma .logo{ background:url(../images/logo-puma.png) 0 -77px no-repeat; background-size:143px 150px; width:143px; height:71px; }
	#affiliates h3:before{ height:2px;}
	#affiliates h3{ font-size:20px; }
}
*/
#affiliates .robo{ width:100%; background:#e2e6e9; display:block; text-align:center;}
#affiliates .robo>div{ display:inline-block; text-align:left; margin: auto; padding:30px 130px 70px; }
#affiliates .robo .logo{ background:url(../images/logo-robo.png) 0 -155px no-repeat; width:301px; height:142px; }
#affiliates .robo .logo.fr{ background-image:url(../images/logo-robo-fr.png); }
#affiliates .robo:hover .logo{ background-position:0 0; }
#affiliates h3:before{ background:#c30e2e; content:" "; display:block; width:80px; height:3px; position:absolute; top:-20px; }
#affiliates h3{ color:#4a5666; font-weight:700; font-size:24px; line-height:1; text-transform:uppercase; position:relative; margin-top:46px; }
#affiliates .robo:hover{ background:#c30e2e; }
#affiliates a:hover h3{ color:#fff; }
#affiliates a:hover h3:before{ background:#fff; }
@media only screen and (max-width:1069px) {
	#affiliates .robo>div{ padding:30px 80px 70px; }
}
@media only screen and (max-width:959px) {
	#affiliates h2{ padding:100px 20px 50px; }
	#affiliates .robo>div{ padding:40px 20px; float:none; }
	#affiliates .robo .logo{ background:url(../images/logo-robo.png) 0 -77px no-repeat; background-size:150px 150px; width:150px; height:71px; }
	#affiliates h3:before{ height:2px;}
	#affiliates h3{ font-size:20px; }
}



/* Bande HEURES D'OUVERTURE */
#heures-ouverture{ background:#09629d; color:#fff; padding:24px 0; }
#heures-ouverture.alt { background-color:#c30e2e;}
#heures-ouverture .heures { float:left;}
#heures-ouverture .heures span { display:inline-block; border-right:1px solid #FFFFFF; text-align:left; margin-right:24px; padding-right:24px; font-size:16px;}
#heures-ouverture .heures span:last-child { border-right:none;}
#heures-ouverture .adresse { background:url(../images/icns/icn-marker.svg) left center no-repeat; padding-left:40px; text-align:left; float:right; }
@media only screen and (max-width:959px) {
	#heures-ouverture{ text-align:center;}
	#heures-ouverture .heures { float:none;}
	#heures-ouverture .adresse { float:none; margin-bottom:16px;  display:inline-block;}
}


#bottom-map{ background:#000; height:515px; position:relative; overflow:hidden; }
#bottom-map .link-map{ background:url(../images/bg-map.jpg) center center no-repeat; background-size:cover; display:block; width:100%; height:515px; text-indent:-9999em; position:relative; z-index:9;}
#bottom-map .link-map:hover{ opacity:0.95; }
#bottom-map .info{ position:relative; top:-515px; }
#bottom-map .coords{ background:#09629d; color:#fff; width:324px; height:515px; padding:10px 38px; box-sizing:border-box; position:relative; z-index:999; }
#bottom-map .coords h3{ font-weight:700; font-size:20px; line-height:1; text-transform:uppercase; padding:38px 0 26px; }
#bottom-map .coords .item{ font-size:16px; text-transform:uppercase; padding:14px 0; vertical-align:top; }
#bottom-map .coords .item+.item{ border-top:1px solid #0e76bc;}
#bottom-map .coords .item .jour{ width:130px; display:inline-block; }
#bottom-map .coords .item .heure{ width:110px; display:inline-block; }
#bottom-map .coords .adresse p{ font-size:16px; font-weight:300; line-height:21px; margin-bottom:10px; }
#bottom-map .coords .adresse a{ font-weight:400; }
#bottom-map .coords .adresse a:hover{ opacity:0.7; }
@media only screen and (max-width:1439px) {
	#bottom-map .link-map{ background-position:-460px center; }
}
@media only screen and (max-width:1239px) {
	#bottom-map .link-map{ background-position:-660px center; }
}
@media only screen and (max-width:959px) {
	#bottom-map{ height:auto; }
	#bottom-map .link-map{ background:url(../images/bg-map.jpg) -1200px center no-repeat; height:200px; }
	#bottom-map .info{ position:relative; top:0; }
	#bottom-map .inner{ padding:0; }
	#bottom-map .coords{ width:auto; height:auto; padding:10px 20px 30px;}
}

/**FOOTER**/
#contact-bar{ background:#4a5666; color:#fff; padding:24px 0; }
#contact-bar .tel{ background:url(../images/icns/icn-mobile.svg) left center no-repeat; float:left; padding:7px 0 7px 40px; margin:0 4px; font-size:30px; font-weight:700; }
#contact-bar .social{ float:right; margin:0 4px; }
#contact-bar .social>span{font-size:20px; font-weight:700; float:left; padding:5px 30px 5px 0; margin:2px 8px 2px 0; border-right:1px solid #7b848f; }
#contact-bar .social>a{ margin:2px 0 1px 15px; display:inline-block; }
#contact-bar .social>a:hover{ opacity:0.7; }
#footer{ color:#8993a1; }
#footer .inner{ background:url(../images/logo-small-bottom.jpg) right center no-repeat; padding:68px 0; }
#footer.en .inner{ background-image:url(../images/logo-small-bottom-en.png);}
#footer.es .inner{ background-image:url(../images/logo-small-bottom-es.png); }
#footer ul{ display:block; }
#footer ul+ul{ margin-top:16px; }
#footer li{ display:block; float:left; line-height:14px; font-size:14px; font-weight:700; text-transform:uppercase; }
#footer li+li{ margin-left:12px; border-left:1px solid #8993a1; padding-left:12px; }
#footer li a:hover{ color:#717a88; }
#footer li.active>a{ color:#c30e2e; }
.copy{ font-size:14px; color:#8993a1; text-align:center; border-top:1px solid #e3e7ec; padding:24px 0; }
.copy a:hover{ color:#717a88; }
@media only screen and (max-width:1239px) {
	#footer{ padding:0 20px; }
}
@media only screen and (max-width:959px) {
	#contact-bar{text-align:center; }
	#contact-bar .tel{ float:none; display:inline-block; font-size:24px; padding-left:30px; }
	#contact-bar .social{ float:none; margin:0; }
	#contact-bar .social>span{ display:block; font-size:16px;float:none; padding:22px 0 10px; margin:0; border-right:none; }
	#contact-bar .social>a{ margin:0 10px; }
	#footer .inner{ background-position:center center; }
	.copy{ font-size:12px; }
	.copy a{ display:block; }
}

/* ENTREPRISE */
#entreprise{ padding:80px 0; }
#entreprise h2{ color:#c30e2e; font-weight:700; font-size:30px; line-height:1; margin:10px 0 30px 0; text-transform:uppercase; text-align:justify  }
#entreprise p{ font-size:18px; line-height:26px; text-align:justify }
#entreprise p+p{ margin-top:40px; }
#about{ background:#f9f9f9; }
#about .about-txt{ float:left; width:50%; background:#f9f9f9; display:block; }
#about .about-equipe{ float:right; width:50%; background:#f0f2f2; display:block; }
#about .about-txt>div{ float:right; width:600px; }
#about .about-equipe>img{ width:100%; display:block; }
#about h2{ color:#c30e2e; font-weight:700; font-size:30px; line-height:1; margin:60px 0 30px 0; text-transform:uppercase; }
#about .item{ width:300px; padding-right:36px; box-sizing:border-box; float:left; margin-top:56px; text-align:justify; }
#about .item h3{font-family:'Roboto', sans-serif; font-size:16px; margin-bottom:16px; }
#about .item p{ color:#8993a1; font-size:15px; line-height:22px; }
@media only screen and (min-width:1729px) {
	#about h2{ margin-top:120px; }
}
@media only screen and (max-width:1539px) {
	#about h2{ margin:40px 0 0 0; }
	#about .item{ margin-top:36px; }
	#about .item p{ font-size:14px; line-height:20px; }
}
@media only screen and (max-width:1239px) {
	#about .about-txt{ float:none; width:auto; padding:60px 20px; }
	#about .about-equipe{ float:none; width:auto; }
	#about .about-txt>div{ float:none; width:auto; }
	#about .item{ width:50%; margin-top:56px; }
	#about .item p{ font-size:15px; line-height:22px; }
}
@media only screen and (max-width:959px) {
	#about .item{ width:auto; padding:0; }	
}

/* FORMATION */
#formation{ padding:80px 0 120px; }
#formation .formation-txt{ float:left; width:350px; }
#formation h2{ color:#c30e2e; font-weight:700; font-size:30px; line-height:1; margin:10px 0 40px 0; text-transform:uppercase; }
#formation p{ font-size:16px; line-height:22px; }
#formation .items{ float:right; padding-top:136px; }
#formation .item{ color:#09629d; font-size:18px; font-weight:700; float:left; display:block; width:166px; border:2px solid #4a5666; padding:20px; box-sizing:border-box; text-transform:uppercase; }
#formation .item+.item{ margin-left:28px; }
#formation .item:hover{ background:#4a5666; color:#fff; cursor:default; }
#formation .item>span{ display:block;}
#banner-formation{ background:url(../images/bg-formation.jpg) center center no-repeat #8993a1; background-size:cover; padding:110px 0; text-align:center; }
#banner-formation h2{ color:#fff; font-weight:700; font-size:44px; line-height:1; margin:0; text-transform:uppercase; }
#banner-formation a{ background:#c30e2e; font-weight:700; font-size:16px; text-transform:uppercase; display:inline-block; color:#fff; margin-top:60px; padding:20px 76px; border-bottom:3px solid #830b18; }
#banner-formation a:hover{ background:#ae0c28; }
@media only screen and (max-width:1139px) {
	#formation .items{ max-width:60%;  padding-top:100px; }
	#formation .item{ margin-top:28px; margin-left:12px; margin-right:12px; }
	#formation .item+.item{ margin-left:12px; margin-right:12px; }
}
@media only screen and (max-width:959px) {
	#formation .formation-txt{ float:none; width:auto; }
	#formation .items{ max-width:none;  padding-top:40px; float:none; }
	#formation .item{ margin:0; width:auto; float:none; display:block; }
	#formation .item+.item{ margin:28px 0 0 0; }	
	#formation .item>span{ display:inline;}
	#banner-formation h2{ font-size:30px; }
	#banner-formation a{ font-size:15px; margin-top:22px; padding:20px 46px; }
}

/* CARRIÈRES */
#carrieres{ padding:80px 0 120px; }
#carrieres .carrieres-txt{ text-align:center; max-width:900px; margin:0 auto; }
#carrieres h2{ color:#c30e2e; font-weight:700; font-size:30px; line-height:1; margin:10px 0 40px 0; text-transform:uppercase; }
#carrieres p{ font-size:20px; line-height:26px; margin:20px 0; }


/* GARANTIE */
#garantie{ padding:80px 0 120px; }
#garantie h2{ color:#c30e2e; font-weight:700; font-size:30px; line-height:1.1; margin:10px auto 40px auto; max-width:880px; text-align:center; text-transform:uppercase; }
#garantie h3{ color:#061f5c; font-weight:700; font-size:18px; line-height:1; text-align:center; text-transform:uppercase; }
#garantie .steps{ padding-top:80px; }
#garantie .steps>div{ background:#c30e2e; color:#fff; float:left; width:360px; height:390px; box-sizing:border-box; text-align:center; }
#garantie .steps>div+div{margin-left:60px; }
#garantie .steps .header{ background:#830b18; font-size:24px; font-weight:700; padding:30px 0; text-transform:uppercase; }
#garantie .steps h4{ font-family:'Roboto', sans-serif; font-size:30px; font-weight:700; line-height:1.1; padding:38px 10px; text-transform:uppercase; }
#garantie .steps p{ font-size:18px; font-weight:300; line-height:22px; padding:0 30px; }
#garantie .steps p.strong{ font-weight:700; text-transform:uppercase; margin-top:22px; }
@media only screen and (max-width:1239px) {
	#garantie .steps>div{ width:33.333%; height:390px; border-left:20px solid #fff;  border-right:20px solid #fff; }
	#garantie .steps>div+div{margin-left:0; }
	#garantie .steps p{ padding:0 16px; }
}
@media only screen and (max-width:959px) {
	#garantie .steps>div{ width:auto; float:none; height:auto; border:0; padding-bottom:30px; margin-bottom:30px; }
}

/* PRODUITS */
#product-nav{ max-width:1360px; margin:0 auto 0; position:relative;}
#product-nav a{ display:block; float:left; text-align:center; padding:20px 4px; color:#fff; font-size:18px; font-weight:700; box-sizing:border-box; }
#product-nav.pn2 a{ width:50%; }
#product-nav.pn3 a{ width:33.3333%; }
#product-nav.pn4 a{ width:25%; }
#product-nav.pn7 a{ width:14.28%; }
#product-nav .btn1{background:#0e76bc; }
#product-nav .btn2{background:#09629d; }
#product-nav .btn3{background:#06456f; }
#product-nav .btn1:hover{background:#02304f; }
#product-nav .btn2:hover{background:#02304f; }
#product-nav .btn3:hover{background:#02304f; }
.sommaire{ padding:80px 0; }
.sommaire .pics{ width:50%; float:left; }
.sommaire .txt{ width:50%; float:right; }
.sommaire h2{color:#061f5c; font-weight:700; font-size:18px; line-height:1; text-transform:uppercase;}
.sommaire h3{color:#c30e2e; font-weight:700; font-size:30px; line-height:1.1; margin:32px 0 40px; text-transform:uppercase;}
.sommaire p{ font-size:16px; line-height:22px; margin:20px 0; }
.sommaire ul{ padding-left:40px; }
.sommaire li{ font-size:16px; line-height:22px; padding:4px 0; list-style:disc; }
.sommaire .slideshow{ text-align:center; padding:20px 40px 20px 20px; box-sizing:border-box; }
.sommaire .slides img{ max-width:100%; }
.sommaire .controls{ margin-top:40px; }
.sommaire .backward, .sommaire .forward{ display:inline-block; width:29px; height:29px; margin-right:16px; border:1px solid #0082c6; cursor:pointer; }
.sommaire .backward:hover, .sommaire .forward:hover{ opacity:0.8; }
.sommaire .backward{ background:url(../images/icns/icn-prev.svg) center center no-repeat; } 
.sommaire .forward{  background:url(../images/icns/icn-next.svg) center center no-repeat; } 
.sommaire .slidetabs{ display:none; }
.details{ padding-bottom:40px; }
.details .tabs{ border-bottom:2px solid #eee; text-align:center; }
.details .tabs li{ display:inline-block; padding:0 50px; }
.details .tabs li>a{ color:#0e76bc; display:inline-block; font-size:16px; font-family:'Roboto Slab', serif; font-weight:700; text-transform:uppercase; padding:34px 0; margin-bottom:-2px; transition:none; transition:color 0.3s ease; }
.details .tabs li>a.current{ background:url(../images/specs-arrow.png) center bottom no-repeat; border-bottom:2px solid #c30e2e; }
.details .tabs li>a:hover{ color:#06456f; }
.details .panes{ max-width:700px; margin:0 auto; padding:46px 0; }
.details .pane-title{display:none; color:#0e76bc; font-size:16px; font-family:'Roboto Slab', serif; font-weight:700; margin:20px 0 10px 0; text-transform:uppercase; }
.details .panes li{ background:url(../images/icns/icn-check.svg) 8px 11px no-repeat; font-size:16px; padding:10px 10px 10px 34px; list-style:none; }
.details .panes li.parent{ background-position:8px 11px; }
.details .panes li ul li{ background:none; padding:6px 30px; list-style:disc; list-style-position:inside; }
.details .panes li ul li:first-child{ padding-top:12px; }
.details .panes .downloads li{ background:url(../images/icns/icn-download.svg) 8px 11px no-repeat; background-size:19px 18px; }
#downloads{ background:#eee; }
#downloads .content{ float:left; padding:50px 50px 50px 0; max-width:700px; box-sizing:border-box; }
#downloads .content .header{ background:url(../images/icns/icn-download.svg) left center no-repeat; padding-left:88px; }
#downloads .content h2{ background:url(../images/icns/icn-pdf.svg) right bottom no-repeat; color:#4a5666; display:inline-block; font-weight:300; font-size:18px; line-height:1; padding:12px 56px 0 0; text-transform:uppercase; position:relative; }
#downloads .content h2 span{ display:inline-block; font-weight:700; font-size:23px; line-height:1; padding-top:6px; }
#downloads .content .items{ margin-top:26px; }
#downloads .content .items>a{ background:url(../images/icns/icn-download.svg) 18px center no-repeat; background-size:19px 18px; border:2px solid #4a5666; margin-top:22px; display:block; float:left; width:290px; padding:16px 16px 16px 52px; box-sizing:border-box; font-size:16px; font-weight:700; text-transform:uppercase; }
#downloads .content .items>a:nth-child(odd){margin-right:48px; }
#downloads .content .items>a:hover{ opacity:0.7; }
#downloads .info{ background:#061f5c; float:right; width:370px; padding:56px 38px 70px 38px; box-sizing:border-box; }
#downloads .info p{ color:#0e76bc; font-size:20px; line-height:1.2; }
#downloads .info .tel{ color:#fff; font-size:41px; margin:50px 0 16px; display:block; line-height:1; }
#downloads .info .email{ color:#fff; font-size:18px; font-weight:300; }
@media only screen and (max-width:1239px) {
	#product-nav a{ font-size:15px; }
}
@media only screen and (max-width:1129px) {
	#downloads .content{ float:none; padding:50px; max-width:none; }
	#downloads .content .items>a{ margin-top:22px; float:none; width:auto; padding:16px 16px 16px 52px; }
	#downloads .content .items>a:nth-child(odd){margin-right:0; }
	#downloads .info{ float:none; width:auto; text-align:center; }
}
@media only screen and (max-width:959px) {
	#product-nav{ display:none; }
	#product-nav a{ float:none; font-size:14px; }
	#product-nav.pn2 a{ width:auto; }
	#product-nav.pn3 a{ width:auto; }
	#product-nav.pn4 a{ width:auto; }
	#product-nav.pn7 a{ width:auto; }
	.sommaire{ padding:40px 0; }
	.sommaire .pics{ width:auto; float:none; }
	.sommaire .txt{ width:auto; float:none; }
	.sommaire h2{ font-size:16px; margin-top:20px;}
	.sommaire h3{ font-size:20px; margin:10px 0 20px 0;}
	.sommaire p{ font-size:14px; line-height:18px; }
	.sommaire ul{ padding-left:26px; }
	.sommaire li{ font-size:14px; line-height:18px; }
	.sommaire .controls{ display:none; }
	.details .tabs {display:none; }
	.details .pane-title{display:block; }
	.details .panes{ padding:0 0 46px 0; }
	.details .panes li{ font-size:15px; }
	#downloads .content{  padding:50px 0; }
	#downloads .content .header{ background:none; padding:0; }
	#downloads .content h2{ background:none; font-size:16px; padding:12px 0 0 0; }
	#downloads .content h2 span{ font-size:20px; }
	#downloads .content .items>a{ background-position:14px center; padding:16px 10px 16px 40px; }
	#downloads .info{ float:none; width:auto; text-align:center; }
	#downloads .info p{ font-size:18px; }
	#downloads .info .tel{ font-size:28px; }
}


/* INFO TECH */
#info-tech{ padding:40px 0 140px; }
#info-tech .item{ border:2px solid #4a5666; padding:56px 38px; }
#info-tech .item>div{ float:left; }
#info-tech .item+.item{ margin-top:38px; }
#info-tech .item h2{color:#c30e2e; font-weight:700; font-size:30px; line-height:1.1; margin-bottom:9px; text-transform:uppercase;}
#info-tech .item p{ font-size:24px;}
#info-tech .item a{ background:url(../images/icns/icn-download-white.svg) 26px center no-repeat #c30e2e; float:right; font-weight:700; font-size:16px; text-transform:uppercase; display:inline-block; color:#fff; padding:20px 26px 20px 60px; border-bottom:3px solid #830b18; }
#info-tech .item a:hover{ background-color:#ae0c28; }
.item-video{ float:left; width:50%; box-sizing:border-box; margin:90px 0 0 0; }
.item-video:nth-child(odd){ padding-right:12px; }
.item-video:nth-child(even){ padding-left:12px; }
#info-tech .item-video h2{color:#c30e2e; font-weight:700; font-size:21px; line-height:1.1; margin-bottom:4px; text-transform:uppercase;}
#info-tech .item-video p{ font-size:22px; margin-bottom:30px;}
#info-tech .item-video a{background:#000; position:relative;display:block;}
#info-tech .item-video a>img{ width:100%; display:block; transition:all 0.3s ease; }
#info-tech .item-video a>span{ display:block; background:url(../images/icns/icn-play.svg) center center no-repeat; background-size:81px 81px; position:absolute; top:0; bottom:0; left:0; right:0; text-indent:-9999em; }
#info-tech .item-video a:hover img{ opacity:0.8; }
@media only screen and (max-width:1239px) {
	#info-tech .item{ padding:46px 28px; }
	#info-tech .item h2{font-size:22px;}
	#info-tech .item p{ font-size:18px;}
	#info-tech .item-video .header{ min-height:72px; }
}
@media only screen and (max-width:959px) {
	#info-tech .item{ padding:36px 18px; }
	#info-tech .item>div{ float:none; }
	#info-tech .item a{ float:none; display:block; margin-top:20px; }
	.item-video{ float:none; width:auto; margin:60px 0 0 0; }
	.item-video:nth-child(odd){ padding-right:0; }
	.item-video:nth-child(even){ padding-left:0; }
	#info-tech .item-video .header{ min-height:0; }
}


/* CONTACT */
#contact{ padding:80px 0 0 0; }
#contact h2{color:#c30e2e; font-weight:700; font-size:24px; line-height:1.1; margin-bottom:20px; text-transform:uppercase;}
#contact p{ font-size:14px; line-height:18px;; max-width:710px;}
#contact .inner-contact{ margin-top:70px; }
#contact .coord{ float:left; } 
#contact .coord>div{ padding:10px 0 10px 80px; max-width:340px; font-size:16px; line-height:22px; box-sizing:border-box; position:relative; margin-bottom:40px; }
#contact .coord .mail{ background:url(../images/icns/icn-mail.svg) left center no-repeat; }
#contact .coord .tel{ background:url(../images/icns/icn-phone.svg) left center no-repeat; }
#contact .coord .email{ background:url(../images/icns/icn-email.svg) left center no-repeat; }
#contact .coord>div:before{ background:#4a5666; content:" "; display:block; width:2px; height:24px; position:absolute; top:50%; left:60px; margin-top:-12px; }
#contact .contact-form{ background:#f2f4f5; float:right; padding:40px 26px; width:60%; box-sizing:border-box; }
#contact .contact-form .half{ float:left; width:47%; box-sizing:border-box; }
#contact .contact-form .half:nth-child(even){ float:right; }
#contact .contact-form .input{ width:100%; padding:6px 0 16px 0; margin-bottom:28px; background:none; border:none; border-bottom:2px solid #cdd2d8; color:#4a5666; font-family:'Roboto', sans-serif; font-size:14px; transition:all 0.3s ease; }
#contact .contact-form .wide .input{ resize:none; min-height:60px; }
#contact .contact-form .input:focus{ border-color:#4a5666; }
#contact .contact-form .input.in-error{ border-color:#c30e2e; color:#c30e2e; }
#contact .contact-form .submit{ background:#c30e2e; font-weight:700; font-size:16px; text-transform:uppercase; display:block; color:#fff; padding:18px; width:100%; border:0; cursor:pointer; border-bottom:3px solid #830b18; transition:all 0.3s ease; }
#contact .contact-form .submit:hover{ background:#ae0c28; }
@media only screen and (max-width:959px) {
	#contact .coord{ float:none; } 
	#contact .coord>div{ font-size:14px; line-height:20px; }
	#contact .contact-form{ float:none; width:100%; }
	#contact .contact-form .half{ float:none; width:100%; }
	#contact .contact-form .half:nth-child(even){ float:none; }
}

/* MOBILE */
#mobile-nav, #mobile-top-bar, #slider-mobile{ display:none; }
#slider-mobile{ background:url(../images/bg-slider.jpg) center center no-repeat; background-size:cover; height:auto; position:relative; }
#slider-mobile .slider-content{ padding:30px 20px; }
#slider-mobile h1:before{ background:#c30e2e; content:" "; display:block; width:80px; height:3px; position:absolute; top:-22px; }
#slider-mobile h1{ color:#4a5666; font-weight:700; font-size:26px; line-height:1; text-transform:uppercase; position:relative; }
#slider-mobile h1 span{ display:block; font-weight:300; font-size:20px; line-height:1; }
#slider-mobile img{ max-width:100%; margin-bottom:40px; }
#slider-mobile .btn-slider {}

@media only screen and (max-width:959px) {
	#logo, #nav, #top-bar, #footer ul, #slider, #product-home-nav{ display:none; }
	.inner{ margin:0; position:relative; width:auto; padding:0 10px; }
	#mobile-top-bar{ display:block; padding:10px; position:relative; }
	#mobile-top-bar .logo img{ max-width:70px; }
	#mobile-btn{ width:23px;height:20px;background-size:23px 20px!important;display:block;right:20px;margin-top:-10px;background:url(../images/menu.gif) 0 0 no-repeat;cursor:pointer;position:absolute;top:50%; }
	#mobile-nav{ display:block; width:100%; font-weight:400; max-height:0; overflow:hidden; -webkit-transition:max-height 0.6s ease; -moz-transition:max-height 0.6s ease; transition:max-height 0.6s ease; }
	#mobile-nav.open{ max-height:1200px; }
	#mobile-nav>ul{ border-top:1px solid #ededed; }
	#mobile-nav li{ padding:14px 0 14px 6px; }
	#mobile-nav li+li{ border-top:1px solid #ededed; }
	#mobile-nav li a{ font-weight:700; color:#8993a1; display:block; }
	#mobile-nav li ul{max-height:0; overflow:hidden; -webkit-transition:max-height 0.6s ease; -moz-transition:max-height 0.6s ease; transition:max-height 0.6s ease;}
	#mobile-nav li.open>ul{ max-height:400px; padding:10px 0 0 10px; }
	#mobile-nav li ul li{ border-left:1px solid #ededed; }
	#mobile-nav li.special { background:#e2e6e9; }
	#mobile-nav li.special+li.special{ border-top:1px solid #cdcdcd; }
	#mobile-nav li.lang { background:#0e76bc; }
	#mobile-nav li.lang a{ color:#94c6e8; }
	#mobile-nav li.lang+li.lang{ border-top:1px solid #1b86ce; }
	
	
	
	#slider-mobile{display:block;}
}

video {
	width: 100%;
	height: auto;
}

.video-span {
	margin-left: 5px;
}

.slides.feature-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	z-index: 0;
}

.slides.feature-1.active {
	opacity: 1;
	z-index: 1;
}

.slideshow {
	position: relative;
	width: 100%;
	height: auto;
}

.slides.feature-1 video {
	height: 100%;
	width: auto;
	display: block;
	max-height: 657px;
}

.slides.feature-1.container-video {
	display: flex;
	justify-content: center;
}

#garantie form {
    max-width: 400px;
    margin: 40px auto;
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
}

#garantie form label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

#garantie form input[type="text"] {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

#garantie form input[type="text"]:focus {
    border-color: #0073e6;
    outline: none;
}

#garantie form button {
    padding: 12px 24px;
    font-size: 16px;
    background-color: #0073e6;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#garantie form button:hover {
    background-color: #005bb5;
}

#garantie .message {
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 15px;
}

#garantie .message.error {
    color: #d9534f;
    background: #f8d7da;
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 6px;
    border: 1px solid #f5c2c7;
    font-weight: bold;
}

a.rma {
    background-color: #fff;        
    color: #c30e2e;                
    border: none;                   
    border-radius: 25px;            
    padding: 12px 24px;             
    font-size: 16px;                
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;    
    box-shadow: 0 4px 8px rgba(0,0,0,0.15); 
    margin-top: 20px;    
}

a.rma:hover {
    background-color: #f5f5f5;        
    transform: translateY(-20px);       
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

a.rma:active {
    transform: translateY(0);      
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

#intro-image {
	display: flex;
	justify-content: center;
}

#intro-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    display: block;
}

.inner-top {
	position: relative;
	height: 600px;
}

@media screen and (max-width: 960px) {
    .inner-top {
        height: 750px;
    }
}

#intro-image, #info_section {
    opacity: 0;
    transition: opacity 1s ease-in-out;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#intro-image.show,
#info_section.show {
    opacity: 1;
}

#intro-image.remove,
#info_section.remove {
	display: none;
}

/* Wrap multiple doc links nicely */
.item .doc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Style for each link (same feel as before but consistent for multiple docs) */
.item .doc-links a {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f4f4f4;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background-color 0.2s;
}

.item .doc-links a:hover {
    background-color: #e0e0e0;
}

#technical-data-sheet{ padding:40px 0 140px; }
#technical-data-sheet .item{ border:2px solid #4a5666; padding:56px 38px; }
#technical-data-sheet .item+.item{ margin-top:38px; }
#technical-data-sheet .item h2{color:#c30e2e; font-weight:700; font-size:30px; line-height:1.1; margin-bottom:9px; text-transform:uppercase;}
#technical-data-sheet .item p{ font-size:24px;}
#technical-data-sheet .item a{ background:url(../images/icns/icn-download-white.svg) 26px center no-repeat #c30e2e; float:right; font-weight:700; font-size:16px; text-transform:uppercase; display:inline-block; color:#fff; padding:20px 26px 20px 60px; border-bottom:3px solid #830b18; }
#technical-data-sheet .item a:hover{ background-color:#ae0c28; }
#technical-data-sheet .item-video h2{color:#c30e2e; font-weight:700; font-size:21px; line-height:1.1; margin-bottom:4px; text-transform:uppercase;}
#technical-data-sheet .item-video p{ font-size:22px; margin-bottom:30px;}
#technical-data-sheet .item-video a{background:#000; position:relative;display:block;}
#technical-data-sheet .item-video a>img{ width:100%; display:block; transition:all 0.3s ease; }
#technical-data-sheet .item-video a>span{ display:block; background:url(../images/icns/icn-play.svg) center center no-repeat; background-size:81px 81px; position:absolute; top:0; bottom:0; left:0; right:0; text-indent:-9999em; }
#technical-data-sheet .item-video a:hover img{ opacity:0.8; }
@media only screen and (max-width:1239px) {
	#technical-data-sheet .item{ padding:46px 28px; }
	#technical-data-sheet .item h2{font-size:22px;}
	#technical-data-sheet .item p{ font-size:18px;}
	#technical-data-sheet .item-video .header{ min-height:72px; }
}
@media only screen and (max-width:959px) {
	#technical-data-sheet .item{ padding:36px 18px; }
	#technical-data-sheet .item>div{ float:none; }
	#technical-data-sheet .item a{ float:none; display:block; margin-top:20px; }
	#technical-data-sheet .item-video .header{ min-height:0; }
}