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

.home section .news img {
    margin: 20px auto;
}
.b_ext{
	color: #e12826;
}

.serviceCol img{
	max-width: 80%;
}

.title h1  {
    font-size: 24px;
}

.headTitle{
	padding-top: 140px; font-weight:800; font-size: 28px; color:white;
}


.productHead {
    margin-top: 140px;
    height: 300px;
    background: url("../../img/product.jpg") no-repeat right center / cover;
    width: 100%;
}

.serviceHead {
    margin-top: 140px;
    height: 300px;
    background: url("../../img/service.jpg") no-repeat right center / cover;
    width: 100%;
}


.referenceHead {
    margin-top: 140px;
    height: 300px;
    background: url("../../img/reference.jpg") no-repeat right center / cover;
    width: 100%;
}

.contactHead {
    margin-top: 140px;
    height: 300px;
    background: url("../../img/contact_us.jpg") no-repeat right center / cover;
    width: 100%;
}

.csslider1 > .cs_description > label > .cs_title {
	background-color: transparent; //rgba(12,28,60,0.8);
    //background-color: rgba(0,32,96,0.8);
    //background-color: rgba(255,255,255,0.8);//rgba(0,32,96,0.8);
	//color:#000;
}

.csslider1 > .cs_description > label {
    line-height: normal;
    bottom: 40px;
    left: 50px;
}

.cs_wraper_b {
	font-size:30px;
	font-weight: 700;
    padding-bottom: 10px;
}

.navFoot > ul:last-child {
    margin-right: 0;
    width: calc(100%);
}

	

header .logo img { width: 450px; margin: 0; }
.cs_wrapper { font-size:18px; }
.slider-container { margin-top: 0px; }
.csslider1 { margin-top: 0px; }
.csslider1 img { min-height:130px;	 margin-top: 110px; }

@media only screen and (max-width: 1400px) {
.csslider1 img{ margin-top: 90px; }
.cs_wrapper { font-size:20px; }

.productHead, .serviceHead, .referenceHead, .contactHead  {  height: 200px; margin-top: 120px; }
.headTitle { padding-top: 100px; font-size: 24px; }

}


@media only screen and (max-width: 1150px) {	
	header .logo{width:400px}
	
.productHead, .serviceHead, .referenceHead, .contactHead  {  height: 200px; margin-top: 120px; }
.headTitle { padding-top: 100px; font-size: 24px; }
}

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

.csslider1 img{ margin-top: 90px;  }
.cs_wrapper { font-size:12px; }
	
.headHome{min-height:450px}
.headHome .Bigpad{padding:50px }
.headHome h3{font-size:36px}



#lieux{background-position: right -30% center;}

.home section .news{background-position:  left -300px bottom 400px }
.home section .temoin{background-position:right -300px top 400px}


.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:400px}
.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;}



}

@media screen and (min-width: 900px){

#marche .liste-market{min-height: 180px;margin-bottom: 25px;}

}
@media screen and (min-width: 768px) and (max-width: 900px){

#marche .liste-market {min-height: 220px;}

}


@media only screen and (min-width: 861px) and (max-width: 871px){
	header .logo {width:340px;}
}

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

.Bigpad {
    padding-top: 20px;
    padding-bottom: 20px;
}
.csslider1 img{ margin-top: 60px; }
.cs_wrapper { font-size:12px; }

.headHome{padding-top:80px;min-height:350px}
.headHome h3{font-size:26px;}.headHome .Bigpad{padding:40px }
#videos h1{display:none;}

	#mobile_title{display:none;}
	
/* HOME */
header{height:80px;padding:0px 10px 0;}
header .logo {margin-top: 25px;width:100%;}
header .logo img{width:320px;margin:0}

.productHead, .serviceHead, .referenceHead, .contactHead  {   height: 150px; margin-top: 80px; }
.headTitle { padding-top: 60px; font-size: 24px; }

 #navMenu nav{position:relative;width:100%;height:auto; text-align:left; padding-left:20px;}
.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 60px 0px 0px;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:80%} .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) {
.md-modal {width:90% }
.md-content .md-close{position:absolute;top:10px;right:10px}

 #lieux{background-position:left -20% }
 #marche{text-align:center}

.slick-prev::before, .slick-next::before{font-size:40px}
.slick-prev{left: 25px;}[dir='rtl'] .slick-prev{right: 0;left: auto;}
.slick-next{right: 0;}[dir='rtl'] .slick-next{right: auto;left: 25px;}

 #entreprise h1::before {background-size: 64px auto;height: 60px;width: 70px;}
.home section .news h1::before, .home section .temoin h1::before{background-size: 55px auto;height: 60px;width: 70px;}
.home section .news {background-position: left -400px bottom}
.home section .temoin {background-position: right -200px top 400px}
#nosservices ul li{font-size: 16px;}


#videos h1{font-size: 26px;}

.video-filter {display:none;}	
	
.carrierePage .head.groupe{
    margin-top: 80px;
}

.container, .contDemi, .smlCont{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:40px;padding-bottom:40px}
.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;}


}


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

.csslider1 img img{ margin-top: 60px; }
.cs_wrapper { font-size:10px;}
.slick-prev {left: 13px;}

header .logo img{width:280px;margin:0}
.headHome{padding-top:80px;min-height:0;}
.headHome h3{font-size:20px;}

.home section .temoin .temoinBloc {margin: 10px 0;padding: 10px 0 40px;}
 #entreprise h1::before {background-size: 54px auto;height: 50px;width: 60px;}
.home section .news h1::before, .home section .temoin h1::before{background-size: 45px auto;height: 55px;width: 60px;}

.home section .news{background-position:  left -200px bottom 300px }
.home section .temoin{background-position:right -200px top 500px}
#nosservices ul li{font-size: 15px;}

#videos h1{font-size: 16px;}

	.video-filter {display:none;}
	video#bgvid {min-height:inherit;background:transparent;}
	
	
	
	
	#bgvid {min-height:inherit;background:transparent;}
	
.video-youtube{display:block;min-width:100%;min-height:inherit;width:auto;}

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


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;}



.productHead, .serviceHead, .referenceHead, .contactHead  {   height: 150px; margin-top: 80px; }
.headTitle { padding-top: 80px; font-size: 24px; }
}