@charset "utf-8";

.slide h3{
margin:0;
	padding :0.5%;
	background-color: rgb(12 109 187);
	
}
/*/////////////////////HORIZONTAL_STICKY_MARK2///////////////////*/

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

.container-fluid-slide{
min-height:50px;}

}

@media screen and (min-width: 1199px){
.container-fluid-slide{
min-height:600px;

} 
}	

/********************** 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 *********************************/

@media only screen and (min-width: 1121px) {
h1 {
  font-size: 4.3rem;
  font-family: 'Righteous';
  line-height: 110%;
  margin: 1%;
  text-align: center;
  color: #575656;
  padding: 1%;
}
}


 @media screen and (min-width: 591px) and (max-width: 1120px) {
h1 {
font-size: 3.3rem;
color: #575656;
} 
}

@media only screen and (max-width: 590px) {
 h1 {
  font-size: 2.3rem;
  font-family: 'Righteous';
  line-height: 110%;
  margin: 1%;
  text-align: center;
  color: #575656;
  padding: 1%;
}
}


@media only screen and (min-width: 1121px) {
h2,
.h2 {
  font-size: 38px;
  color:rgb(25 115 186);
}

  }
  
 @media screen and (min-width: 591px) and (max-width: 1120px) { 
  h2,
.h2 {
  font-size: 28px;
  color:rgb(25 115 186);
}

  }
  
@media only screen and (max-width: 590px) {
  h2,
.h2 {
  font-size: 24px;
  color:rgb(25 115 186);
}
}  

/********************** 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 .logo_2  {
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: 1180px) {
.container {
width: 970px;
}
}
@media (min-width: 1280px) {
.container {
width: 1070px;
}
}
@media (min-width: 1380px) {
.container {
width: 1470px;
}
}
/********************** FIN CSS NAV*********************************/
/*///////////////////// FIN HORIZONTAL_STICKY_MARK2///////////////////*/
.conteneur-pictos{
	
margin-top:2%;	
padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
border-top: 3px solid #0e6cb4;
    padding-top: 2%;

}

@media (max-width: 620px) {
.conteneur-accordion {
/*background-image:url(../images/img_background_left.png);*/
/*background-position:left;*/
margin-top:131%;
}
}

@media screen and (min-width: 591px) and (max-width: 1120px) {
.conteneur-accordion {
/*background-image:url(../images/img_background_left.png);*/
/*background-position:left;*/
margin-top:90%;
}
}





/*///////////////////// 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{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_2.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}	

.bandeau_paralax_3{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_4.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}	
	
.bandeau_paralax_4{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_5.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}	
	
	
.bandeau_paralax_5{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_6.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}	
.bandeau_paralax_6{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_7.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}	
.bandeau_paralax_7{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_3.jpg);
	margin-top: 6%	;
	max-height: 448px;
	}		
.bandeau_paralax_contact{

	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover; /* version standardisée */
    background-image:url(../images/fond_centre_2.jpg);
	margin-top: 2%	;
	max-height: 448px;
	}	





.valign{
margin-top: 1vh	
}
/*///////////////////// FIN Bandeau_1_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{

    padding: 2%;
    min-height: 515px;
    margin-top: -37px;
	background-image:url(../images/background_texte_1.png);
	background-repeat: no-repeat;
}

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

.conteneur_texte {
    padding: 3%;
    min-height: 515px;
    margin-top: -37px;
    background-color: white;
	background-image:none;
  
}
}
.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(11 108 187);
	}
.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*************************************/