/* pour IE */
/*article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }*/
/**/


/*GENERIQUE*/
body{
	color:#000;
	font-family: 'Spartan', sans-serif;
	margin:0;
}

a img{
	border:0;
}

a{ color: black; }

a:hover{
	text-decoration:none;
}

.fancybox{
}

.fancyboxAjax{
}

#popup{
	padding:0 10px;
}

.mce-content-body {
	background:#fff;
}

.hack{
	/height:120px!important/*Hack IE7*/
}

.hidden{
	display:none!important;
}

.clear{
	clear:both
}

.error{
	border: 1px solid #DF7B7B;
	background-color: #FFE6E6;
}

.conf{
	border: 1px solid #72CB67;
	background-color: #DFFAD3;
}

.conf, .error{
	color: #383838;
	font-weight: 700;
	margin: 0 0 2% 0;
	line-height: auto;
	padding: 2% 3%;
}

#page {

	margin: 0 auto;
	/* display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  justify-content: center;*/
	   min-height: 100vh;
	   max-width: 1920px
}

.header-in:nth-child(1){
	/* order:2;*/
	}
.header-in:nth-child(2){	
		/*order:1;
		flex:1;*/
	}
	
.header-in:nth-child(3){
	/*order:3;*/
	}

.center-in:nth-child(1){}

.center-in:nth-child(2){}

.center-in:nth-child(3){}

.footer-in:nth-child(1){}

.footer-in:nth-child(2){}

.footer-in:nth-child(3){}

.header-container {  }
   
.columns-container {  }

.relative {
	position:relative;}
	
.absolute {
	position:absolute;
}
	
.fixe {
	position:fixed}	
	
.fixed {
	position: fixed;
	top:0;
	left:0;
	z-index: 1000;	
	width:100%;
	/*background: rgba(196,196,196,0.9);*/
	margin:0;
	padding:0px;
	box-shadow: 0 0 5px #333;
	-moz-transition: box-shadow 0.8s, background 0.5s;
	-webkit-transition: box-shadow 0.8s, background 0.5s;
	-o-transition: box-shadow 0.8s, background 0.5s;
	-ms-transition: box-shadow 0.8s, background 0.5s;
	transition: box-shadow 0.8s, background 0.5s;
}
	
	 
.header-in {}
	  
.left-in {}
	 
.center-in {}
	 
.right-in {}
		  
.footer-in {}	 

.footer-container .container {
	  padding-bottom: 70px; }
  /*.footer-container #footer .row {
		position: relative; }*/
.footer-container #footer ul.row {
	position: static; }
.footer-container #footer .footer-in {
	margin-top: 45px; }

@media (max-width: 767px) {
.footer-container #footer .footer-in {
	margin-top: 20px; } }
  
.footer-after {
	/* width: 100% */
	background-color:#536259;
	border-top:0px solid white
}
  
.footer-after div {
	padding: .5rem 0;
	margin: 0;
	border-top: 1px none #515151;
	width: auto;
	text-align: center		  
}

/* @font-face {font-family:"Exo 2";
  src:url("../fonts/Exo2.eot?") format("eot"),
	  url("../fonts/Exo2.woff") format("woff"),
	  url("../fonts/Exo2.ttf") format("truetype"),
	  url("../fonts/Exo2.svg#Exo2") format("svg");
  font-weight:normal;font-style:normal;}*/

  /*@font-face {

  	font-family:"WalkwayBlack";
  src:url("../fonts/Walkway Black") format("ttf");
  font-weight:black;
}*/

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background:#FFFFFF;
	}
	
	#header{
		position:relative;
		background:transparent;
/*		padding-top: 50px;*/
		z-index: 10
	}

	.num-tel-h{
		font-size: 18.03px;
		font-weight: 800;
		font-family: 'Spartan', sans-serif;
	}
	
	#header #header_logo{
	   text-align:center;
	   padding: 20px;			
	}
	
	#header #header_logo img{
		display:inline-block
	}
	
	#header p#slogan{
		display: none;
	}
	
	#columns{
		clear:both;
		/*background:#ffffff;*/	
		/* min-height: 500px */
		overflow-x: hidden;
	}
	
	#center_column{
		width: 80% !important;
	   margin: 0 auto;
		padding: 5%;
	}
	
	#breadcrumb{
		margin:25px 30px;
		color:#000;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#000;
	}

	/*#breadcrumb,#breadcrumb a{
		color: #fff;
	}*/
	
		
	#left_column{
		/* width: 90%;
		padding:5%; */
	}

	#cms1 h1,#cms1 .h1{
		text-align: center;
		color: #000;
/*		text-transform: uppercase;
*/		height: 123px;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 10px;
		margin-top: 20px;
	}

	h1,.h1{
		text-align: center;
		/* margin-top: 90px;
		color: #fff;
		background:#6E7F75 !important; */ 
		height: 123px;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 6px;
		font-weight: 600;

	}

	h1 .txt-esther{
		font-size: 35px !important;
	}

	h1 .txt-cse{
		font-size: 15px !important;
	}


	/*h1::after,
	.h1::after{
		content: "";
		display: block;
		margin: 30px auto 40px;
		width: 138px;
	    height: 4px;
	    background-color: #666666
	}*/
	
	#right_column{
		/* width:200px;
		padding-right:40px; */
	}

	.d-enc1{
		background:#52534d url(../img/fond-enc1.png) no-repeat center;
		width: 100%;
		height: auto;
	}

	.titre-enc1{
		font-size: 30px;
		/*text-transform: uppercase;*/
		color: #fff;
		letter-spacing: 10px;
		font-weight: 800;
	}

	.d-link-enc1 a{
      border-radius:40px;
      background: #6e7f75;
      padding: 10px 15px;
      font-family: 'Spartan', sans-serif;
      font-weight: 600;
      color: #fff;
      border: 1px  #6e7f75 solid;
	}

	.d-link-enc1 a:hover{
      background: #fff;
      color: #000;
      border: 1px  #6e7f75 solid;
	}

	.d-parallaxe{
		background:url(../img/img-parallax.jpg) no-repeat center fixed;
		width: 100%;
		height: 450px;
	}

	.d-parallaxe-accompagnement{
		background:url(../img/photo-parallax-notre-accompagnement.jpg) no-repeat center fixed;
		width: 100%;
		height:300px;
	}

	.titre-parallaxe{
		font-size: 30px;
		/*text-transform: uppercase;*/
		color: #fff;
		font-weight:400;
		letter-spacing: 5px;
	}

	.d-txt-parallaxe{
		font-size: 20px;
		color: #fff;
	}

	.d-link-parallaxe{
		padding-bottom: 35px;
	}

	.link-parallaxe{
		padding: 10px 15px;
		padding-top: 15px;
	    color: #fff;
	    background: #6e7f75;
/*	    text-transform: uppercase;*/
	    font-size: 20px;
	    border:solid 1px #fff;
	}

	.link-parallaxe:hover{
		background: #000;
		color: #fff;
	}

	.d-enc2{
		background:url(../img/fond-enc2.png) no-repeat center;
		width: 100%;
		height: auto;
		margin-top: -18px;
	}

	.titre-enc2{
		font-size:30px;
		/*text-transform: uppercase;*/
		margin-top: 20px;
		color: #fff;
		font-weight: 600;
		letter-spacing: 10px;
	}

	.txt-enc2{
		font-size: 20px;
		color: #fff;
	}

	.d-link-enc2{
		padding-bottom: 30px;
	}

	.link-enc2{
		padding: 5px 15px;
	    padding-top: 15px;
	    color: #6e7f75;
	    background: #fff;
	    text-transform: uppercase;
	    font-size:20px;
	}

	.link-enc2:hover{
		background: #000;
		color: #fff;
	}

	.titre-ct-ft {
	    font-size:30px;
	    text-transform: uppercase;
	    color: #000;
	    font-weight: 600;
	    letter-spacing: 1px;
	}

	
	.txt-ct-ft{
		font-size:20px;
	}

	.link1-ct-ft, .link2-ct-ft{
		padding: 5px 15px;
	    color: #000;
	    background: #fff;
	    text-transform: uppercase;
	    font-size:20px;
	    border: 1px  #6e7f75 solid;
	}

	.link1-ct-ft:hover,.link2-ct-ft:hover{
		background: #6e7f75;
		color: #fff;
	}


	.footer-container{
		background:#6e7f75;
	}
	
	#footer{
		background:transparent;
	}
		
	#footer a#footer_haut {
    display: block;
    height: 60px;
    position: absolute;
    right: 45%;
    top: 200px;
    width: 60px;
    text-align: center;
    padding-top: 0px;
    font-size: 35px;
    color: #fff;
    background-color:#5e614d;
    border-radius: 100%;
    z-index: 1;
}
	  
	.titre{ 
		font-size:18px;
		/*text-transform: uppercase;*/
		color:#fff;
		display: block;
		margin-bottom: 0.9em;
		font-weight: 600;
	}

	.txt-coord-ft,.tel-ft,.txt-intension{
		font-size:16px;
		color: #fff;
	}

	.ct-ft{
		font-size:16px;
		color: #fff;
		border: 2px solid #fff;
		padding: 5px 5px;
		/*text-transform: uppercase;*/
	}

	.ct-ft:hover{
		color: #fff;
	}

	  
	#incomm, #seone{
		/*width:100%;*/
		text-align:center;
		/* padding: 5px 0 0 7px; */
		/*margin: 5px 0 0;*/
		/*float: left;*/
		font-size: 0.7em;
		color: #fff;
	}
		
	#incomm a, #seone a{
		color:#000;
		text-decoration:none;	
	}

	.column .block{
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 1% 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 2%;
	}

	img{
		max-width:100%;
		height:auto;
	}

	iframe{ max-width:100%; }
	
	.no_image{ display: none; } 


.nom-site{
	font-size:25px !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 6px;
        font-weight:600;
}

.nom-site1{
	font-size:15px !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 7px;
	font-weight:500 !important;
}
}

/* TABLETTES */
@media only screen and (min-width: 768px){
	
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	
	.column .block p{
		margin:0 0 2% 0;
	}

	h1,.h1{
		font-size: 40px
	}

	.d-enc1{
		background:transparent url(../img/fond-enc1.png) no-repeat center;
		width: 100%;
		height: auto;
	}


	.titre-parallaxe{
		letter-spacing: 10px;
	}

	.titre-ct-ft{
		letter-spacing: 10px;
	}



	#footer a#footer_haut {
    top: 480px;
    right: 25px;
}

.nom-site{
	font-size:25px !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 6px;
        font-weight:600;
}

.nom-site1{
	font-size:16px !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 7px;
	font-weight:500 !important;
}

	.no_image{ display: block; }
}



/*#cms8 {
    background:#e8e8e8 url(../img/FOND.jpg) no-repeat scroll center top/contain;
    clear: both;
    margin: 0
}*/

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
	
	
	#header{
		height: auto;
		padding-top: 0		
	}

.div-diapo{
	padding-top: 5%;
}

.nom-site{
	font-size:1.5vw !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 6px;
        font-weight:600;
}

.nom-site1{
	font-size:0.83vw !important;
	font-family: 'Spartan', sans-serif;
	letter-spacing: 7px;
	font-weight:500 !important;
}

h1 .txt-cse{
	font-size:2.05vw !important;
}

h1 .txt-esther{
		font-size:2.5vw !important;
	}


	#header #header_logo{
	   text-align:left;			
	}

	.titre-enc1,.titre-enc2{
		font-size:1.8229166666666667vw;
	}


	.num-tel-h{
		font-size:0.9375vw;
		font-weight: 600;
	}

	.d-enc1{
		padding: 50px 0;
	}

	.titre-enc1,.titre-parallaxe,
	.titre-ct-ft{
		font-size:1.8vw;
	}

	.d-link-enc1 a{
     font-size: 1.1166666666666667vw;
	}

	.d-parallaxe{
		height:30.052083333333336vw;
	}

	.d-global-txt-parallax{
		background:#6e7f75;
		opacity: 0.9;
		padding: 70px;

	}


	.d-txt-parallaxe,.link-parallaxe{
		font-size: 1.04vw;
	}

		.titre{ 
		font-size:1.1458333333333333vw;
	}

	.txt-coord-ft,.tel-ft,.ct-ft,.txt-intension{
		font-size: 0.8333333333333334vw;
		color: #fff;
	}

	.ct-ft:hover{
		color: #fff;
	}

	.link-parallaxe:hover{
		background: #000;
		color: #fff;
		border:solid 1px #000 !important;
	}

	.link-enc2,.txt-ct-ft,.link1-ct-ft, .link2-ct-ft{
	    font-size:1.04vw;
	    padding-top: 15px;
	    padding-bottom: 10px;
	}

	.d-enc2{
		height:30.520833333333336vw;
		background:url(../img/fond-enc2.png) no-repeat center;
		width: 100%;
	}

	.img-enc2{
		height:30.520833333333336vw;
	}

	/*.pageinterne{
		background:url(../img/pageinterne.png) no-repeat center;
		width: 100%;
		height: auto;
	}*/

	/*#cms8 .pageinterne{
		background:none !important;
	}

	#cms8 h1{
		color: #000 !important;
	}*/

	#cms8 .headerTop .row{
		background: #fff;
	    opacity: 0.7;
	    padding: 70px 0;
	}


		
	#footer a#footer_haut{	
		right: 0;
		top: 243px;
	}
	  
	#incomm, #seone{
		  font-size: 0.8em;
	}

	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 10px 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 5px;
	}

}

@media only screen and (min-width: 1200px) {	
	.container { 
		max-width: 1170px;	
	}	
}

@media (min-width: 1366px) {
	.container {
	    max-width: 1254px;	
	}	
}
  
@media (min-width: 1600px) {
	.container {
		max-width: 1570px;	  
	}
}