@charset "UTF-8";
/* CSS Document */

html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Rajdhani', sans-serif;font-weight:500;color:#000;}

.container, .contDemi, .smlCont{position:relative;display:block;margin:0 auto;padding:0 80px;width:100%}
.container > .smlCont{padding:0}
.container{max-width:1200px;}
.contDemi{max-width:600px;}
.smlCont{max-width:900px;}


.pad{padding-top:40px;padding-bottom:40px}
.Bigpad{padding-top:80px;padding-bottom:80px}


a[href^=tel]{color:inherit;text-decoration:none;} a{text-decoration:none;color:inherit;cursor:pointer}a:focus{outline:0;}
img{max-width:100%;}
hr{border:0;border-bottom:1px dotted #ccc;margin:40px 0}

.ancre{padding-top:50px;margin-top:-50px;}/* hauteur du header*/

.center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .justify{text-align:justify;} .uppercase{text-transform:uppercase;}
.none{display:none;} .block{display:block;}
.down{margin-bottom:30px;}.up{margin-top:30px;}
.flt-left{float:left}.flt-right{float:right}.clear{clear:both;}
.marginAuto{margin:0 auto;}
.block-wauto{display:inline-block;width:auto;}
strong {font-size: 18px;}

/* COULEUR */

.blanc{color:#fff;}
.red{color:#e12826;}
.gris{color:#8b8a8d}
.charcoal{color:#333333;}
.bckpale{background:#f1f1f1;}
.bckGris{background:#333333;}
.bckblanc{background:#fff;}
.bckRed{background:#e12826;}
.bcknoir{background:#000;}

/* TEXTE */
h1, h2, h3, h4, h5, h6{margin:0;line-height:1.1;text-transform:uppercase;font-family: 'Catamaran', sans-serif;letter-spacing:1px}
h1{font-size:32px;font-weight:800;color:#e12826;border-bottom:1px solid #e12826;display:inline-block;margin-bottom:20px} h1 span{color:#000}
h2{font-size:28px;font-weight:500;font-family: 'Rajdhani', sans-serif;}
h3{font-size:20px;font-weight:800;}
h4{font-size:18px;font-weight:500;font-family: 'Rajdhani', sans-serif;color:#e12826;}
h5{font-size:16px;font-weight:700;font-family: 'Rajdhani', sans-serif;}
h6{font-size:14px;font-weight:800;color:#e12826;}

.bckRed h1, .bckRed h4, .bckRed h6, .blanc h1, .blanc h4, .blanc h6{color:#fff;}.bckRed h1, .blanc h1{border-color:#fff}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul{margin-top:20px}

p, p.p1 b, p.p2 b, p.p3 b, li{font-size:17px;line-height:1.4;margin:0 0 20px}
ul{list-style-type:none} ul li{margin:0 0 0 15px;} ul + p{margin-top:20px}
/*ul li::before{content:"\25aa";color:#e12826;margin-left:-12px;padding-right:5px;}*/
ul li::before {content: "■"; font-family:"Arial Black";color:#e12826;font-size:8px;margin-left:-12px;padding-right:5px;vertical-align: 40%;}

.bt{margin-bottom:0;display:inline-block;}.bt + .bt {margin:0 10px}
.bt a, .bt input[type=submit]{display:inline-block;border-radius:8px;padding:5px 15px;font-weight:700;color:#fff;letter-spacing:1px;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}.bt a:after{content:"\271a";padding-left:10px;color:#e12826;vertical-align:text-top}
.bt.red a, .bt.red input[type=submit]{background:#e12826;}.bt.red a:hover, .bt.red input[type=submit]:hover{background:#b22020;}.bt.red a:after, .bt.red input[type=submit]:after{color:#000;}
.bt.noir a{background:#000;}.bt.noir a:hover{background:#b22020;}
.bt.gris a{background:#8b8a8d;}.bt.gris a:hover{background:#333;}
.bt.retour a:after{content:"";padding-left:0;vertical-align:text-top;}
input {margin-bottom: 10px;}
.liste-offres li:before {content: '';}
.liste-offres li {background-color: #f1f1f1; margin-left: 0em; margin-bottom: 0.5em; padding: 0.5em; padding-left: 1em;}


.not-active { pointer-events: none;cursor: default;}

/* HEADER  */

header{width:100%;height:140px;z-index:9999;background:rgba(255, 255, 255, 1); position: fixed;top: 0;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;padding:0 60px 0;-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.25);}
header.nav-up {top: -145px;}
header .container{max-width:1400px;padding:0 }
header .logo{float:left;margin-top:40px;} 

#navMenu {position:relative;color:#8b8a8d;width:auto;float:right}
#navMenu ul li::before{padding:0;margin:0;content:"";}

.navTop{display:block;float:right}
.navTop .bt a{vertical-align:text-bottom}.navTop .bt a::after{content:"";padding:0}

.navTop p, .navTop .sociaux{display:inline-block;margin:0;}
.navTop .contact{text-align:right;line-height:1;display:inline-block;margin-left:40px}.contact span{font-weight:700;font-size:22px}
.navTop .sociaux{margin-left:40px}
 a.fb,  a.lki,  a.yt{display:inline-block;width:30px;height:30px}
 a.fb{background:url("../img/picto/facebook.svg") no-repeat top center / 30px auto;}
 a.lki{background:url("../img/picto/linkedin.svg") no-repeat top center / 30px auto;}
 a.yt{background:url("../img/picto/youtube.svg") no-repeat top center / 30px auto;}
 a.fb:hover,  a.lki:hover,  a.yt:hover{background-position:bottom center}
 p.lang{margin:0;display: inline-block;font-weight: 800;margin: 0 0 0 20px;}

 .bt.carriere a{padding:30px 10px 5px;border-radius:0 0 10px 10px;text-transform:uppercase}

.mainNav{margin-top:30px;}
.mainNav li{display:inline-block}
.mainNav a{font-size:18px;font-family: 'Rajdhani', sans-serif;}
.mainNav a:hover, .mainNav a.active{color:#e12826}
.mainNav ul li a::after{content:"|";color:#e12826;padding:0 10px}.mainNav ul li:last-child a::after{content:"";padding:0}

.dropDown ul{margin:0;list-style-type:none;}
.dropDown ul li a{padding:0;margin:0;display:inline-block}
.dropDown ul li{margin:0}

.dropDown > ul > li.cbp-hropen .sousNav a{color:#fff;display:block;}
.dropDown .sousNav {display:none;position:absolute;width: auto;max-width:227px;margin-top:25px}
.dropDown .sousNav ul li{margin:0;line-height:1}.dropDown .sousNav ul li a::after{content:"";padding:0}
.cbp-hropen .sousNav {display:block;background: #000;}
.dropDown li.cbp-hropen li a{display:block;padding:10px;width:100%;font-weight:400}
.dropDown li.cbp-hropen li{border-bottom:1px solid #fff;width:100%}.dropDown li.cbp-hropen li:last-child{border:0}
.dropDown li.cbp-hropen li:hover a, .dropDown li.cbp-hropen li a.active{background:#e12826;color:#fff}

 span#menuMob, #navMenu a.closebtn {display:none}


.head{height:500px;overflow:hidden}
.head img{width:100%}

#lieux{background:#eaeaea url("../img/fond/map.svg") no-repeat right -10% center / auto 100% ;-webkit-box-shadow: inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow:inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);box-shadow:inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);text-align:center}
#lieuxApropos {background: #eaeaea url("../img/fond/map.svg") no-repeat right center / auto 30%;-webkit-box-shadow: inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);box-shadow: inset 0px 0px 100px 0px rgba(50, 50, 50, 0.2);text-align: center; background-position: 110% 0%;}

.fondApropos{background: url("../img/apropos/fond-apropos.jpg") no-repeat center center / cover fixed;}
.fondApropos h2{color:#e12826}
.propos img{margin:0 auto 30px;display:block}
.propos .fondApropos h6 span{color:#fff;}
.propos h6:before{content: '\25BA';color:#e12826;margin-right:1%;display:block;float:left;font-size:25px;width:7%}
.propos h6 span{display:block;float:left;width:92%;color:#000}
/*.propos .accre{margin:0 auto}*/



/* AJOUT TIMELINE */
.time {background: url("../img/fond/fond-triangle-rouge.jpg") no-repeat center center / cover fixed;}
.timeline ul li {list-style-type: none;position: relative;width: 6px;margin: 0 auto;background: #000;}
.timeline ul li div {position: relative;bottom: 0;width: 400px;padding: 15px;background: #fff;color:#000;}
.timeline ul li div::before {content: '';position: absolute;width: 0;height: 0;border-style: solid;}
.timeline ul li:nth-child(odd) div {left: 35px;}
.timeline ul li:nth-child(odd) div::before {left: -15px;border-width: 8px 16px 8px 0;border-color: transparent #fff transparent transparent;}
.timeline ul li:nth-child(even) div {left: -440px;}
.timeline ul li:nth-child(even) div::before {right: -15px;border-width: 8px 0 8px 16px;border-color: transparent transparent transparent #fff;}
.timeline ul li::after {-webkit-transition: background .5s ease-in-out;-moz-transition: background .5s ease-in-out;-o-transition: background .5s ease-in-out;transition: background .5s ease-in-out;}
.timeline ul li.in-view::after {background: #E86361;}
.timeline ul li div {visibility: hidden;opacity: 0;-webkit-transition:all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.timeline ul li:nth-child(odd) div {-webkit-transform: translate3d(200px, 0, 0);-ms-transform:  translate3d(200px, 0, 0);-o-transform:  translate3d(200px, 0, 0);transform:  translate3d(200px, 0, 0);}
.timeline ul li:nth-child(even) div {-webkit-transform: translate3d(-200px, 0, 0);-ms-transform:  translate3d(-200px, 0, 0);-o-transform:  translate3d(-200px, 0, 0);transform:  translate3d(-200px, 0, 0);}
.timeline ul li.in-view div {transform: none;visibility: visible;  opacity: 1;}

.timeline .timeline1img , .timeline .timeline1imgFirst {text-align: center;}
.timeline .timelinepairimg img {width:50%;}
.timeline .timeline3img img{width:33.33%;}
.timeline .timeline4img img, .timeline .timeline4imglast img{width:40%;}
.timeline .timeline4img ,.timeline .timeline4imglast{text-align: center;}
.timeline .timeline4imglast{margin-top:-70px;}
.timeline .timeline1imgFirst img{margin-bottom:-30px;}
.timeline .timeline1img, .timeline .timelinepairimg, .timeline .timeline4imglast, .timeline .timeline3img {margin-bottom:-20px;}
.timeline img {display:inline;}
.timeline h3 {color:#e12826;text-align: left;}
.timeline p {text-align: left;}

.listeonglettimeline ul li::before { content: ""; margin-left:0;padding-right: 0;}
.listeonglettimeline ul li {display:inline-block;color: #fff;background-color:#000;font-weight: 600;padding: 1% 10% 1% 10%;}
.listeonglettimeline li.active{color: #000;background-color:#fff; }

/* MARCHÉ */
ul.ariane{margin-top:20px}
ul.ariane li{display:inline-block;font-size:15px;font-weight:700;}
ul.ariane li::before{content:""} ul.ariane li:after{content:"/";padding-left:10px}
ul.ariane li:last-child:after{content:"";padding-left:0}ul.ariane li:last-child{color:#e12826}
ul.ariane + .container.Bigpad{padding-top:30px}

.title img, .title h1{float:left;}
.title img{width:10%;margin-right:2%}
.title h1{width:88%;margin-bottom:10px}
.title p, .title h2{margin-left: 12%;}


.parler{background: url("../img/fond/fond-triangle-rouge.jpg") no-repeat center center / cover fixed;color:#fff;}
.parler .reverseCol:first-child{border-left:4px dotted #fff;padding-left:4%}
.parler h2{font-size:32px;font-weight:800;font-family: 'Catamaran', sans-serif;}
.parler h2::before {background: url("../img/picto/temoignage-blanc.svg") no-repeat scroll left top / 60px auto;content: "";display: block;float: left;height:60px;margin: 0 10px 0 0;width:80px;}
.parler.center h2::before {background: rgba(0, 0, 0, 0) url("../img/picto/temoignage-blanc.svg") no-repeat scroll left top / 40px auto;display: inline-block;height: 40px;width: 40px;float:none}
.parler.center h2{vertical-align:middle;display:inline-flex}.parler.center h2 a:hover{color:#000}
.parler p{font-size:20px}


.noHead{margin-top:140px;height:10px;background:#e12826;width:100%}

.newsBloc{background:#f1f1f1;padding:20px;border:1px solid #ccc;margin:25px 0}
.imgThumb{position:relative}
.imgThumb img{width: 100%;}
 a .pictoZoom {z-index:3;}
 a .pictoZoom {background:url(../img/picto/zoom.svg) no-repeat center center / 15%;opacity:0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.35s, -webkit-transform 0.35s;transition: all 0.35s, transform 0.35s;}
 a:hover .pictoZoom {opacity:1}
.fiche .imgThumb:hover img{opacity:0.5;-webkit-transition: all 0.35s, -webkit-transform 0.35s;transition: all 0.35s, transform 0.35s;}


 .newsBloc.temoinBloc{margin:20px 0;border-bottom:1px dotted #ccc;}
 .newsBloc.temoinBloc p{font-style:italic}
 .newsBloc.temoinBloc h5{color:#e12826;}
 .newsBloc.temoinBloc h5 span{text-transform:none;color:#000;font-weight:400}



/* Default tab style */

.tabs {position: relative;}
 nav.Bigpad{padding-bottom:0}
.tabs nav ul{margin:0 ;padding:0;text-align:center}.tabs nav ul li::before{content:"";padding:0;margin:0}
.tabs.real nav ul li {display:block;margin:10px 0;padding:10px 20px 8px;cursor:pointer;background:#f1f1f1;width:24.25%;float:left;border:5px solid #f1f1f1;margin-right:1%;}
.tabs.real nav ul li:last-child{margin:10px 0}
.tabs.real nav li.tab-current, .tabs.real nav ul li:hover{border-color:#e12826;border-width:5px;border-style:solid}
.tabs.real ul li img {width:30%;}
/* Content */
.content-wrap {position: relative;}
.content-wrap section {display: none;margin: 0 auto;}
.content-wrap section.content-current {display: block;}


.tabs.contact nav ul li{display:block;width:calc(100%/4.2);float:left;margin:0 ;color:#fff;}.tabs.contact nav ul li:last-child{margin-right:0}
.tabs.contact .content-wrap{height:500px;position:relative;overflow:hidden}

.tabs.contact .content-wrap #usine1{background:url("../img/usine/usine1.jpg") no-repeat center center / cover ;height:500px}
.tabs.contact .content-wrap #usine2{background:url("../img/usine/usine2.jpg") no-repeat center center / cover ;height:500px}
.tabs.contact .content-wrap #usine3{background:url("../img/usine/usine3.jpg") no-repeat center center / cover ;height:500px}
.tabs.contact .content-wrap #usine4{background:url("../img/usine/usine1.jpg") no-repeat center center / cover ;height:500px}




/* Fallback */
.no-js .content-wrap section {display: block;padding-bottom: 2em;border-bottom: 1px solid rgba(255,255,255,0.6);}
.no-flexbox nav ul {display: block;}
.no-flexbox nav ul li {min-width: 15%;display: inline-block;}


.slick-list{position: relative;display: block;overflow: hidden;margin:40px 0;padding: 0;}
.slick-slide{display: none;float: left;}
.slick-slide a{text-align:center;color:#fff;}
.slick-slide img{display:block;width:100%;padding-top:20px}
.slick-slide h3{padding-bottom:20px}
.slick-initialized .slick-slide{display: block;margin: 0px 10px;}
.slick-initialized .slick-slide.slick-current a{display:block;border:4px solid red;}

.slick-prev, .slick-next{position: absolute;top:50%;display:block;width:60px;font-weight:300;padding:0;-webkit-transform:translate(0, -50%);-ms-transform: translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev:before,.slick-next:before{font-size:60px;line-height: 1;color:#e12826;font-weight:300}
.slick-prev {left: 55px;}[dir='rtl'] .slick-prev{right: 25px;left: auto;}
.slick-prev:before, [dir='rtl'] .slick-prev:before{content: '\25C4';}
.slick-next{right: 35px;}[dir='rtl'] .slick-next{right: auto;left: 25px;}
.slick-next:before, [dir='rtl'] .slick-next:before{content: '\25BA';font-size:45px;}
.slick-prev:focus, .slick-next:focus{outline:0;}

/** ENTÊTE PAGES **/
.head{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.head.head-nsjoindre{background-image: url(../img/fond/head-nsjoindre.jpg);}
.head.groupe{background-image: url(../img/groupe.jpg);}
.carrierePage .head.groupe{
    height: fit-content!important;
    margin-top: 130px;
	background-image: none;
}
/* This will work for firefox */
button.slick-arrow{border-radius:0;height:50px;}
@-moz-document url-prefix() {
    .slick-prev:before,.slick-next:before{font-size:60px}
	.slick-prev{left: 25px;}
	.slick-next{right: 25px;}
}


.slider-for .slick-slide img, .slider-nav .slick-slide img{padding:0}
.slider-for, .slider-nav {background:#000}

.slider-for .slick-slide{max-height:700px;overflow:hidden}
.slider-for.slick-initialized .slick-slide{margin: 0px;}
.slider-for .slick-list, .slider-nav .slick-list{margin:0;padding:0}

.slider-nav {padding:20px 100px 25px;margin:0}
.slider-nav.slick-initialized .slick-slide{cursor:pointer}
.slider-nav .slick-slide{max-height:150px;overflow:hidden;margin:0 20px;border:1px solid #fff;}
.slider-nav .slick-prev,  .slider-nav  .slick-next{bottom:5%;top:auto}
.slider-nav .slick-prev{left:5px}
.slider-nav  .slick-next{right:5px;text-align:right}


.tabs.real .content-wrap section.content-current {  width: 80%;padding-top:20px;}
.tabs.real .content-wrap section.content-current .slider-for{background: none;}
.upPage:hover{opacity: 1;}
 /* MESSAGE CONFIRMATION */
 .confirm{padding: 40px;text-align: center;margin-bottom: 40px;}.confirm h1{border:none;}
/* FOOTER */

footer{width:100%;background:url("../img/fond/fond-produit_flat.jpg") no-repeat center center / cover fixed ;}
footer .pad{padding-top:50px}
footer .container{max-width:1400px}footer .logo{margin-bottom:20px}
footer p, footer li{line-height:1.2;color:#a3a1a5}
footer .sociaux, footer .alicia{float:left} footer .alicia{margin-left:20px}
footer h4{color:#a3a1a5;font-family: 'Catamaran', sans-serif;letter-spacing:1px;font-size:18px}footer h4 span{color:#a3a1a5;display:block}
footer a:hover{color:#e12826;}

.navFoot li::before{content:"";padding:0 ;margin:0}
.navFoot > ul{width: calc(100% / 2 - 3%);margin:10px 3% 0 0 ;float:left;}.navFoot > ul:last-child{margin-right:0;width: calc(100% / 2 )}
.navFoot > ul li{list-style-type:none;padding:0;text-align:left;font-weight:800;margin:0 0 15px 0;line-height:1;font-size:18px}
.navFoot > ul li > ul{margin:10px 0;padding-left:0}
.navFoot > ul li > ul li a{font-weight:300}
.navFoot > ul li > ul li{margin-bottom:15px;font-size:16px}
.navFoot li.smlnav{border-top:1px solid #e12826;}

.accre{margin:30px auto}
.accre img{float:right;margin:0 0 0 20px}

#credits p{margin:20px 0 0;text-align:right;font-size:13px}

#credits p a:hover{color:#e12826;}



header .logo img{width:450px;margin:0}


@media only screen and (max-width: 1340px) {

header .logo img{width:350px;margin:0}
.mainNav{margin-top:25px}
.mainNav a{font-size:17px;}
.mainNav a::before{padding:0 10px}
.dropDown .sousNav{margin-top:22px}

.noHead{margin-top:130px}

header {height: 125px;}

.contact span {
    font-size: 18px;
}

}




@media only screen and (max-width: 1150px) {

header{padding:0 30px;height:130px}
header .logo{width:200px}

.mainNav{margin-top:25px}
.mainNav a{font-size:17px;}
.mainNav a::before{padding:0 10px}
.dropDown .sousNav{margin-top:22px}

.noHead{margin-top:130px}
}





@media only screen and (max-width: 1024px) {

.container, .contDemi, .smlCont{padding-left:50px;padding-right:50px}
.bt a{padding:5px 12px 5px;}
.bt a::after {padding-left:5px}


header{height:120px;padding:0 20px;}
header .logo{width:180px}
.navTop .contact{margin-left:30px;font-size:16px}.contact span{font-size:18px}
 a.fb, a.lki, a.yt{display:inline-block;width:25px;height:25px;background-size:25px auto}

.mainNav{margin-top:20px}
.mainNav a{font-size:16px;}
.mainNav a::before{padding:0 10px;}
.dropDown .sousNav{margin-top:17px}

.noHead{margin-top:120px}
.head {height: 400px;background-position:bottom center;}



}

/* AJOUT TIMELINE */
@media screen and (max-width: 900px) {
  .timeline ul li div {  width: 250px;}
  .timeline ul li:nth-child(even) div {left: -290px;}
  .liste-market {min-height: 100px;}
}

@media only screen and (max-width: 860px) {

/* HOME */
header{height:80px;padding:0px 20px 0;}
header .logo {margin-top: 25px;width:100%;}header .logo img{width:340px;margin:0}

 #navMenu nav{position:relative;width:100%;height:auto; text-align:left; padding-left:10px;}
.bt.carriere a{padding:10px 10px 6px 10px;border-radius:10px}
.navTop .contact, .navTop .sociaux{display:none}.navTop p{font-size:20px}
.mainNav a{font-size:22px;margin:25px 0;color:#fff}
.mainNav a{display:block;text-transform:uppercase;margin:5px 0}.mainNav ul li a::after{content:"";padding:0;}
.mainNav a:hover, .mainNav a.active{color:#e12826;}
.mainNav li,  p.lang{display:block;margin:0}

.dropDown .sousNav {position:relative;max-width:250px;margin:0 auto;border-bottom:1px dotted #ccc;margin-bottom:10px;text-align:left}

.dropDown .sousNav li a{font-size:16px}
.dropDown > ul > li.cbp-hropen a{color:#fff;display:block;}
.cbp-hropen .sousNav {background:none;}

 span#menuMob {position:absolute;right:0px;top:20px;width:40px;height:40px;display:block;background: url("../img/menu-mobile.png") no-repeat center center / 35px;cursor:pointer}
.open .overlay{width:100%} .overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.3s;}
 #navMenu .overlay a.closebtn {display:block;position: absolute;top:0px;right: 25px;font-size: 60px;} .overlay-content {position: relative;top: 25%;width: 100%;text-align: center;}

.noHead{margin-top:80px}

.title img{display:none;}
.title p, .title h2{margin-left:0;}
.title h1{width: 100%;}

.tabs h2{font-size:18px}
.tabs li img{max-width:50px}
.slider-nav .slick-prev::before,  .slider-nav  .slick-next::before{font-size:30px}
.slider-nav .slick-prev,  .slider-nav  .slick-next{ width: 35px;}
.slider-nav{ padding: 20px 30px 25px;}


#medical .slick-prev::before, #medical .slick-next::before,
#automobile .slick-prev::before, #automobile .slick-next::before ,
#militaire .slick-prev::before, #militaire .slick-next::before ,
#industriel .slick-prev::before, #industriel .slick-next::before {font-size: 40px;}

.tabs.real .content-wrap section.content-current .slick-prev {left:15px;}
.tabs.real .content-wrap section.content-current .slick-next {right:7px;}
}


@media only screen and (max-width: 768px) {
.carrierePage .head.groupe{
    margin-top: 80px;
}

.container, .contDemi, .smlCont{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:60px;padding-bottom:60px}
.contDemi{max-width:700px}


h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:17px;}
h6{font-size:16px;}

p, li{font-size:15px;margin:15px 0;}
li{margin:5px 0}

ul.ariane li{font-size:13px}
ul.ariane + .container.Bigpad {padding-top: 10px;}

.head {height: 300px;}

.parler p{font-size:16px}
.parler h2{font-size:28px}
.parler .reverseCol:first-child{border:none;padding:0}
.parler.center h2{text-align:left}

.tabs h2{font-size:14px;letter-spacing:0}
.tabs nav ul li{padding:10px 0 8px}

.listeonglettimeline ul li {display:block;margin-top:5px;font-size: 16px;}

footer, footer .right, #credits p{text-align:center}
footer .alicia{margin:10px 0}
.navFoot{display:none}
.accre img, footer .alicia, footer .sociaux, .propos .accre{float:none}
.accre img , .propos .accre img {display: inline-block;margin:0 auto;padding: 0 10px;}

/* PAGE */
.tabs.contact nav ul li{display:block;width:calc(100%/2);float:left}
.tabs.contact nav ul li .bt{margin-bottom:20px}
.tabs.real ul li img {width:60%;}

.tabs.real .content-wrap section.content-current .slick-prev {left:15px;}
.tabs.real .content-wrap section.content-current .slick-next {right:0px;}


}
/* AJOUT TIMELINE */
@media screen and (max-width: 600px) {
  .timeline ul li {margin-left: -10px;}
  .timeline ul li div {width: calc(100vw - 91px);}
  .timeline ul li:nth-child(even) div {left: 35px;}
  .timeline ul li:nth-child(even) div::before { left: -15px;border-width: 8px 16px 8px 0;  border-color: transparent #fff transparent transparent;}

  .tabs.real .content-wrap section.content-current .slick-prev {left:0px;}
  .tabs.real .content-wrap section.content-current .slick-next {right:-15px;}
}


@media only screen and (max-width: 480px) {

.container, .contDemi, .smlCont{padding:0 30px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:50px;padding-bottom:50px}


h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

p, li{font-size:14px;line-height:1.3}

.head {height: 180px;}

ul.ariane{display:none}
ul.ariane + .container.Bigpad {padding-top: 30px;}

.tabs h2{font-size:12px;}
.tabs.real nav ul li {width: 48%;margin: 0px 5px 10px 0px;}
.tabs.real nav ul li:last-child {margin: 0px 0;}

.slider-nav {padding: 20px 40px 25px;}
.timeline ul li:nth-child(even) div {  left: 35px;}

#lieuxApropos {background-position: 0% 0%;}
#medical .slick-prev::before, #medical .slick-next::before,
#automobile .slick-prev::before, #automobile .slick-next::before ,
#militaire .slick-prev::before, #militaire .slick-next::before ,
#industriel .slick-prev::before, #industriel .slick-next::before {font-size: 40px;}

.tabs.real .content-wrap section.content-current .slick-prev {left:-15px;}
.tabs.real .content-wrap section.content-current .slick-next {right:-30px;}
}