/* intro */

#introContainer{
  padding:18px 15px 15px 20px;
  
}
#accrocheContainer{
  	display:inline-block;
}


.introduction{
  	margin-top: 11px;
  	overflow: hidden;
}
.accroche p{
	margin-bottom: -5px;  
}

.accroche{
	border-style: solid;
    border-width: 0px 0px 1px 0px;
  	display:inline-block;
 
}
.lineAccroche{
  	border-style:solid;
  	border-width: 0px 0px 1px 0px;
  	width:80%;
  	margin-top: 2px;
}

/* ALL */
#header, #pre-header {
    position: static !important;
}
p{
margin-bottom: 0px;
}
img{
 max-width:none; 
}
#sub-footer a{
	color:white;
  font-size:10px;
}

/* footer site */
footer .header_gray{
  margin-top : 3px;
}
#sub-footer, #sub-footer-core{
 	padding:0px;
  	margin:0px;
  padding-top:2px;
 padding-bottom:2px;
}
#sub-footer-core{
  text-align:center;
}

/* Header & Menu */
#header-nav{
 border:0px; 
}
#header-responsive {
 background:#A9A9A9; 
  padding:0px;
  margin-left:1px;
  margin-right:1px;
  width: calc(100% - 2px) !important;
}
#header-responsive li a {
    color: #AAA;
    display: block;
  	border-color:black;
  	border-style: solid;
  
}
#slider .featured-link a span,
.thinkupslider-sc .featured-link a span{
 display:none; 
}
#slider .featured-link a,
.thinkupslider-sc .featured-link a{
 width:100%;
  height:100%;
  background-color: transparent;
  border-color: transparent;
  display:table;
}


/* menu faible largeur */
/* @media only screen and (max-width: 768px){
#logo {
    display:none;
  }
} */

/* logo */
#header{
  height:120px;
}
.custom-header{
	display:flex;
  	text-align:center;
	height:120px; /* height of the top menu (taille image logo ) */
}
.custom-header img{
  	margin:auto;
  	width:auto;
	max-width:100%;
	height:100%;
}
/* delete defaut logo header */
.header-style2 #logo, #logo{
  	margin:0px;!important
	height:0px; 
  	padding:0px;!important
  	border:0px;
}
/* bordure marge menu*/
.header-style2 #header .header-links > ul > li > a {
    padding: 38px 40px 0px 40px;
}
/* element menu gauche */
#header .menu li{
  float:left;  
}
/* element menu droite */
#header .menu li + li{
	float:right;  
}

/* remonte le menu sur custom header */
.header-style2 #header{
  	/*margin-top:-120px; *//* remonté max .custom-header height: 135 px */
  	margin-bottom:0px; /* should be 0. if margin top >-66px;should be 69 if margin-top=135px 135 + margin-top=69 */
  	background:rgba(0,0,0,0);
}
/* remove one pixel line inside header */
.slider-full #header-links {
    border-bottom: none;
  	border-top: none;
}
/* separation grise entre menu et page */
.header_gray{
 	height:7px;
  	background-color:#d4d5d5;
	margin:0px 1px 0px 1px;
 border-top: 1px solid black;
	/* border-left: 1px solid white;!important
  border-right: 1px solid white;!important */
  
  
}

/*Accueil Slide  */
/* pastille header pages */
.pastille, .centerPastille{
 	line-height:normal; 
}
.pastille a{
    width:10px !important;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
.pastille a:hover{
    width:10px;
  	height:10px;
  	background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
.centerPastille{
  position:absolute;
  width:100%;
  height:auto;
  bottom:10px;
  z-index: 999;
  text-align:center;
}

/* pastille */
.meteor-slides .meteor-buttons a{
    width:10px;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
    
.meteor-slides .meteor-buttons a:hover,.meteor-buttons a.activeSlide{
    width:10px;
  	height:10px;
  	background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}

.centerMeteor{
  position:absolute;
  width:100%;
  bottom:10px;
  z-index: 999;
  text-align:center;
}

.meteor-slides .meteor-buttons{
	position:initial;
	bottom:initial;
	width:initial;
  display:inline-block;
}
.meteor-slides .meteor-bttons a{
  width:10px;
}

div.meteor-slides.navpaged, div.meteor-slides.navboth{
 margin-bottom:0px; 
}
/* gauche droite dans style.css theme */

#slider .rslides_tabs {
  
  
}

#slider .rslides_tabs li a{
  	width:10px;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin:2px;
}
#slider .rslides_tabs li a:hover, #slider .rslides_tabs li.rslides_here a{
  width:10px;
  height:10px;
  background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  margin:2px;
}

/* style fonts */

/* Mise en page */
body.layout-boxed, body.custom-background{
 	padding:0px;
}

#slider{
 	margin:0px 1px 2px 1px; 
}
#content, #content-core{
  max-width:unset;
  padding:0px;
  margin:-1px 0px -1px 0px;
}

/*vignettes accueil*/
.gray,.black{
  	text-align:center;
  	height:200px;
  	line-height:200px;
}
.gray{background-color:#d4d5d5;}
.black{background-color:black;}

/*global responsive setting*/
.constraint_w_h{
  overflow:hidden;
  position:relative;
  height:200px;
  margin:auto;
}
.constraint_w{
  overflow:hidden;
  position:relative;
  min-height:200px;
  width:100%;
  margin:auto;
}

.constraint_w_h img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.constraint_w img{
  display:block;
 	height:auto;
	width:100%;
  	margin:auto;
}
.one_third a{
  line-height: 0px;
}

.content-column{
  	font-size:0px;
}

.black a{
  font-size:100%;
}

.entetePageContainer{
 	height:auto;
  	display:table;
}
.entetePageGaucheContainer{
  	background:black;
}
/* contact */
#contactContainer{
		display:inline-block;
}
#contactContainer .labelContainer{
		background:black;
		display:inline-block;
  		vertical-align: top;
  		height:37px;
}
#contactContainer .inputContainer{
		margin-top:15px;
}
#contactContainer textarea{
		display:inline-block;
		width: 100%;
  		resize:vertical; 
  		max-height:400px; 
  		min-height:120px;
}
#contactContainer .valueInput{
		display:inline-block;
}
/*display one column */
@media screen and (max-width: 600px) {   	
  	.constraint_none,{
  		height:0px;
    	margin:0px;
	}
  	
  	.content-column, .on_third, .two_third{
    	min-width: 280px !important;
  		width: calc(100% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
	}
  
    .footer_third{
    	width: calc(50% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
   	 	float:left;
  	}
  
  	.footer_third_copyright{
    	width: calc(100% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
    	float:left;
  	}
   	#contactContainer{
		width:calc(100% - 60px);
		margin:15px 30px 30px 30px;
	}
	#contactContainer .labelContainer{
		width:calc((100% + 60px) - 80px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:20px;
	}
	#contactContainer .valueInput{
		width:100%;
	}
  	.wpcf7-form input{
		padding:5px;
		width:100%;
		line-height: 25px;
	}
  	.wpcf7-form input[type="submit"]{
		width:100%;
	}
}

/*display two column */
@media screen and (min-width: 601px) {
    #header-nav{
  		float:left;
	}
  	.one_third{	
    	min-width:290px !important;
  		width: calc(50% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
	}
	.two_third{
    	min-width: 590px!important;
    	width: calc(100% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
	}
    .constraint_none{
  		height:0px;
    	margin:0px;
	}
  .footer_third, .footer_third_copyright{
    width: calc(100% / 3  - 2px) !important;
    padding: 0px !important;
  	margin:1px;
    float:left;
  }
  .blackDetail{
  	width:100%;
  }
  .constraint_h{
  width:100% !important;
	}
   	#contactContainer{
		width:calc(100% - 60px);
		margin:15px 30px 30px 30px;
	}
	#contactContainer .labelContainer{
		width:calc((100% + 60px)/2 - 80px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:20px;
	}
	#contactContainer .valueInput{
		width: calc(6px + 100% - ((100% + 60px)/2 - 50px));
	}
    .wpcf7-form input{
		margin-left:-3px;
		padding:5px;
		width:calc(100% + 3px);
		line-height: 25px;
	}
}

/*display tree column */
@media screen and (min-width: 900px) { 
  	/* responsive */
  	.one_third{
        padding: 0px !important;
  		margin:1px;
        min-width: 280px !important;
  		width: calc(100% / 3 - 2px) !important;
  }
  	.two_third{
        min-width: 560px!important;
    	width: calc(200% / 3 - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
  }
	.constraint_none{
  		min-height:200px;
    	max-height:100%;
  }
  	.constraint_h{
    	display:table;
  }
  /* contact */
  	#contactContainer{
		width:calc(100% - 60px);
		margin:15px 30px 30px 30px;
	}
	#contactContainer .labelContainer{
		width:calc((100% + 60px)/3 - 80px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:20px;
	}
	#contactContainer .valueInput{
		width: calc(6px + 100% - ((100% + 60px)/3 - 50px));
	}
     .wpcf7-form input{
	}
}
/* header & menu 2 column */
 @media only screen and (max-width: 900px){  
  	#header-core {
    	display: table;
    	width: 100%;
    	padding: 0px;
  	}
  	
  	#header-links, #header-sticky {
    	display: none !important;
	}
  
  	.btn-navbar {
    	display: block;
    	padding: 24px 0;    
	}
  
  	#header-responsive {
    	display:block;
    }
  
  	#header-responsive #header-responsive-inner{
    	height:0px;
  	}
  
  	#header-responsive ul {
    	margin: 0;
	}
  
  	.nav-collapse.collapse {
    	-webkit-transition: height 0.35s ease;
    		-moz-transition: height 0.35s ease;
    			-ms-transition: height 0.35s ease;
    				-o-transition: height 0.35s ease;
    	transition: height 0.35s ease;
    	position: relative;
    	overflow: hidden;
    	height: 0;
  	}
  
  	#header-responsive li.current_page_item > a, #header-responsive li a:hover {
	}
  
  	#header-responsive li a {
    	display: block;
    	padding: 10px 20px;
    	border-bottom: 1px solid black;
	}  
	  
  	.btn-navbar .icon-bar {
    	display: block;
    	width: 20px;
    	height: 3px;
    	margin: 0 auto;
    	background-color: #292929;
	}
}
	#headerPage {
		display: table;
  		margin:0 auto;
  		
	}
	#headerPage img{
  		height:100px;
  		z-index: 9999;
  		margin-top:-64px;
 
	}


	#headerMedium{
  		width:100%;
 		height:64px;
	}

	#headerSmall{
 		width:100%;
 		height:45px;
	}

  	#header-nav{
  		float:left;
	} 
 @media only screen and (max-width: 400px){
 	#headerPage {display:none;}
  	#headerMedium {display:none;}
 	#headerSmall {display:visible;}
  
    #header, .custom-header{
  		height:45px;
	}
  
    .header-style2 #header{
    	/*margin-top:-45px;*/
  	}
  
    .btn-navbar{
  		padding-top:15px;
  	}
  
    #header-nav {
    	z-index: 1;
    	position: relative;
    	width: 60px;
    	height:45px;
    	margin-top:-45px;
  	}

}
 @media only screen and (min-width:401px) and (max-width: 900px){  
 	#headerPage {display:none;}
  	#headerMedium {display:visible;}
 	#headerSmall {display:none;}
  
    #header, .custom-header{
  		height:64px;
	}
  
  	.btn-navbar{
  		padding-top:24px;
	}
  
  	.header-style2 #header{
    	/* margin-top:-64px;*/
  	}
    #header-nav {
    	z-index: 1;
    	position: relative;
    	width: 60px;
    	height:64px;
    	margin-top:-64px;
  	}

}
@media screen and (min-width: 900px) {
 	#headerPage {display:visible;}
  	#headerMedium {display:none;}
 	#headerSmall {display:none;}
     
   
  	#header, .custom-header{
  		height:100px;
    	margin-bottom:-64px;
	}
    
  	.header-style2 #header{
    	/*margin-top:-100px;*/
  }
  		#slider .rslides, #slider .rslides li {
    	height: 375px;
    	max-height: 375px;
	}
}
	.meteor-slides .mslide img {
    	position: absolute;
  		right:-9999px;
  		left:-9999px;
      	max-width:none;
  		width:auto;
    	margin:auto!important;
    	display:block;
}
@media screen and (max-width: 400px){
  	#meteor-slideshow, .meteor-clip{
    	height:220px; 
	}
  
  	.meteor-slides .mslide img {
    	height:220px!important;
  }
} 
@media screen and (min-width: 401px) and (max-width: 600px){
  	#meteor-slideshow, .meteor-clip{
    	height:250px; 
	}
  
   	.meteor-slides .mslide img {
    	height:250px!important;
  }
}
@media screen and (min-width: 601px) {
  	#meteor-slideshow, .meteor-clip{
    	height:300px; 
	}
  
   	.meteor-slides .mslide img {
    	height:300px!important;
  }
}

	.copyright{ 
    	margin:auto;
	}