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


.md-modal {position:fixed;top:50%;left:50%;width:50%;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }

.md-show {visibility: visible;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(0,0,0,0.9);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}
.md-content {position: relative;margin: 0 auto;display:block}


.md-content {position: relative;margin: 0 auto;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.md-content .md-close{position:absolute;top:20px;right:20px}
.md-content button.md-close{border:none;background:none;color:#fff;text-transform:uppercase}


/* HOME */
.headHome{max-height:550px;}/* = hauteur video */


#marche img{display:block;margin: 0 auto}
#marche h3{text-align:center}
#marche ul{margin-bottom:25px}


#homeReal{background:url("../img/fond/fond-produit_flat.jpg") no-repeat center center / cover fixed ;-webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 0.9);-moz-box-shadow:inset 0px 0px 100px 0px rgba(0, 0, 0, 0.9);box-shadow:inset 0px 0px 100px 0px rgba(0, 0, 0, 0.9);}


#entreprise h1::before {background: rgba(0, 0, 0, 0) url("../img/picto/logo.png") no-repeat scroll left top 3px / 84px auto;content: "";display: block;float: left;height: 76px;margin: 0 5px 0 0;width: 100px;}
#entreprise:lang(en) h1::before {margin-top: -21px;}
#entreprise .fondEntreprise{background:url("../img/home/entreprise-home.jpg") no-repeat right center / cover ;}
#entreprise .diago{background:url(../img/fond/diagonale-right.svg) no-repeat left -5px center / auto 105%}


#nosservices ul li{font-size: 18px;}
#nosservices ul li a:hover{color: #e12826;}

#nosservices .title{margin:20px 0;}
#nosservices .title img{width:24%;margin-right:4%}
#nosservices .title h1{width:72%;margin-bottom:10px}

#nosservices .row {margin-top:-5px;}

#videos{overflow:hidden;position:relative;}
#videos .headHome .container{position:absolute;top:45%;left:0;text-align:center;z-index:1;width:100%;max-width:100%}
#videos h1{color:#fff;font-size:35px;display:block;margin:0 auto;text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.5);font-weight: initial;border:none;max-width: 650px;}
video#bgvid {right: 0; top: 0;min-width: 100%; min-height: 100%;width: 100%; z-index: -100;background: url('../img/fond/fond-produit_flat.jpg') no-repeat scroll 0 0 / cover ;}

.video-filter {background: rgba(0, 0, 0, 0) url('../img/video-filter.png') repeat;left: 0;position: absolute;right: 0;z-index: 0;bottom:3px;height:100%;opacity: 0.3;}


.home section .news{background: rgba(225, 40, 38, 1);background-blend-mode: multiply;}
.home section .news h1, .home .temoin h1, .home #entreprise h1{display:flex;float:left}
.home section .news h1::before {background: rgba(0, 0, 0, 0) url("../img/picto/news-blanc.svg") no-repeat scroll left top / 68px auto;content: "";display: block;float: left;height: 74px;margin: 0 5px 0 0;width: 80px;}
.home section .news img{border:5px solid #fff;margin:30px auto}

.home section .temoin{background: #fff url("../img/fond/ligne-triangle-right.svg") no-repeat scroll right -500px top 100px / 100% auto;background-blend-mode: multiply;}
.home section .temoin h1::before {background: rgba(0, 0, 0, 0) url("../img/picto/temoignage-rouge.svg") no-repeat scroll left top / 68px auto;content: "";display: block;float: left;height: 74px;margin: 0 5px 0 0;width: 80px;}
.home section .temoin p{font-style:italic}
.home section .temoin p.bt{font-style:normal;}
.home section .temoin .temoinBloc{margin:20px 0;border-bottom:1px dotted #ccc;padding:20px 0 40px}
.home section .temoin h5{color:#e12826;}
.home section .temoin h5 span{text-transform:none;color:#000;font-weight:400}

.video-youtube{height: 100%;width: 100%;min-height: 550px;}

	#mobile_title{color:#000;border-color:#000;margin-bottom:50px;}
@media only screen and (max-width: 1150px) {

}

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

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

}

@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 (max-width: 860px) {
.headHome{padding-top:80px;min-height:350px}
.headHome h3{font-size:26px;}.headHome .Bigpad{padding:40px }
#videos h1{display:none;}
}

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


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

.slick-prev {left: 13px;}

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


@media only screen and (min-width: 860px) {
	#mobile_title{display:none;}
}