@charset "utf-8";

.slide h3{
margin:0;
	padding :0.5%;
	background-color: rgba(232, 112, 0, 0.8);
	
}
/*/////////////////////HORIZONTAL_STICKY_MARK2///////////////////*/

/********************** CSS MENU *********************************/
.menu{
display:none;
margin-top:0;
background-color:#363232;
} 
 @media screen and (min-width: 650px) and (max-width: 868px) {
.menu{
display:none;
margin-top:0;
} 
}
@media screen and (min-width: 869px){
.menu{
display:block;
height: 60px;
margin-top:0;
}	
}
@media screen and (min-width: 1199px){
.menu{
display:block;
height: 60px;
margin-top:0.5%;
}	
}
/********************** FIN CSS MENU *********************************/

/********************** CSS DWOffScreenMenu1*********************************/
#DWOffScreenMenu1_opener{
display:block;
margin-top:0px;
} 
@media screen and (min-width: 420px) and (max-width: 868px){
#DWOffScreenMenu1_opener{
margin-top:2%;
} 
}
@media screen and (min-width: 869px){
#DWOffScreenMenu1_opener{
display:none;
} 
}
/********************** FIN CSS DWOffScreenMenu1*********************************/

/********************** CSS NAV*********************************/
/*NAV*/
.top-nav-collapse .logo  {
height: 60px;
}
.top-nav-collapse .menu{
height: 60px;
margin-top:0px;
}
.top-nav-collapse img{
height: 100%;
}
/*FIN NAV*/

@media (min-width: 768px) {
.container {
/*width: 990px;*/
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}

/********************** FIN CSS NAV*********************************/
/*///////////////////// FIN HORIZONTAL_STICKY_MARK2///////////////////*/


/*///////////////////// SLIDE_MARK2_BACKGROUND_VIDEO_mdb ///////////////////*/

.homepage-hero-module{	
background-color:#BDB9B9;
}
#carousel-video .carousel-inner {
height: 100%;
}
.carousel-control {
/*margin-top:auto !important; */
}
@media (min-width: 768px) {
.homepage-hero-module {
/*max-height:440px;*/
background-color:transparent;
}
}
@media (min-width: 1200px) {
.homepage-hero-module{
/*max-height:450px;*/
background-color:transparent;
}
}
/*///////////////////// FIN SLIDE_MARK2_BACKGROUND_VIDEO_mdb ///////////////////*/	

/*************************CSS CENTRAL 1******************************************/	
.central_1	{
	margin-top:50px;	
	margin-bottom: 2%;
	}	
	 @media screen and (min-width: 320px) and (max-width: 646px) {
	.central_1{
margin-top:110px;	
	}
	 }
	 @media screen and (min-width: 768px) and (max-width: 969px) {
	.central_1{
	padding-top:0px;
	margin-top:2%;
	padding-bottom: 2%;
	}
	 
	 }
	@media screen and (min-width: 969px){
	.central_1{
	padding-top:0px;
	margin-top:2%;
	padding-bottom: 2%;
	}
	}	
	
	
	
/*///////////////////// CSS CADRE_INFO_2_3COL ///////////////////*/	
.card .card-title {
    color: #fff;
    font-size: 16px !important;
    font-weight: 300;	
}
/*///////////////////// FIN CSS CADRE_INFO_2_3COL ///////////////////*/		

/*///////////////////// Bandeau_1_paralax ///////////////////*/		
.bandeau_paralax_1{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c1.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_1_paralax ///////////////////*/

/*///////////////////// Bandeau_2_paralax ///////////////////*/		
.bandeau_paralax_2{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c2.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_2_paralax ///////////////////*/

/*///////////////////// Bandeau_3_paralax ///////////////////*/		
.bandeau_paralax_3{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c3.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_3_paralax ///////////////////*/

/*///////////////////// Bandeau_4_paralax ///////////////////*/		
.bandeau_paralax_4{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c4.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_4_paralax ///////////////////*/

/*///////////////////// Bandeau_5_paralax ///////////////////*/		
.bandeau_paralax_5{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c5.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_5_paralax ///////////////////*/

/*///////////////////// Bandeau_6_paralax ///////////////////*/		
.bandeau_paralax_6{
	min-height:599px;
	padding-top:1%;
	background-image:url(../images/paralax_c6.jpg) ;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */

	margin-top: 5vh	;
	}	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_6_paralax ///////////////////*/












h1{
text-align:center;
}
h2{
text-align:center;
}

h3{
text-align:center;
}
h4{
text-align:center;
}

/*///////////////////// Bandeau_1_couleur ///////////////////*/		
.bandeau_couleur_1{
	min-height:399px;
	background-color:#5A5757 ;
	margin-top: 3vh	;
	margin-bottom:3%;
	}	
	
.conteneur_texte{
background-image:url(../images/background_opacity.png);
background-repeat:repeat;	
padding:2%;
}
.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_1_couleur ///////////////////*/





/*////////////////////  bandeau_background_video  ////////////////*/
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}
h1{
position: relative	;
	}

.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}

.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
/*//////////////////// FIN bandeau_background_video  ////////////////*/





.cadre_overlay{
min-height:150px;	
	
	}
.container .jumbotron, .container-fluid .jumbotron {
    margin-top: 6%;
}

/******************************Debut PDPMOBILE*************************************/
.btncall{
    border-right: 2px solid #142740;
background-color:#0e1f30;
	}
.btncall:hover{
background-color:#91cb0e;
-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}
.btnformulaire{
background-color:rgb(0 118 176);
	}
.btnformulaire:hover{
	background-color:#131415;
-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
	
.nav_mobile_pdp{
	display:block;
	background-color:black;
	}
	
	
@media screen and (min-width: 650px){
	.nav_mobile_pdp{
	display:none;
	
	} 	
}
 @media screen and (min-width: 768px) and (max-width: 969px) {
	.nav_mobile_pdp{
	display:none;
	} 
	 
	 }
@media screen and (min-width: 969px){
	.nav_mobile_pdp{
	display:none;
	} 
	 
	 }
/******************************FIN PDPMOBILE*************************************/	 

@media screen and (min-width: 650px){
	.nav_mobile_info{
	display:inline;
	
	} 	
}
 @media screen and (min-width: 768px) and (max-width: 969px) {
	.nav_mobile_info{
	display:none;
	} 
	 
	 }
@media screen and (min-width: 969px){
	.nav_mobile_info{
	display:none;
	} 
	 
	 }