/* CSS MOBILE FIRST */




	.posts article img{
			max-width: 100%;
			height: auto;
			display: block;
			margin: auto;
			margin-bottom: 10px;
	}


	
	
	body {
	  font-family: 'Roboto', sans-serif;
		font-size: 14px;
	  height : 100%;
	}	
	
	h1, h2, h3, h4, h5, h6, h7
	{
	  font-family: 'Prata', serif;
	  color: #cfae20;
	}
	
	.main-container
	{
		margin-bottom: 40px;
		padding: 10px 20px;
	}
	
	.site-header{
		margin-bottom: 35px;
	}	
	


.bottom-accueil{
	position: relative;
  margin: 40px 0;	
}

.bottom-content{
	
	
	bottom : 0;
	padding: 30px;
	background: rgba(255,255,255,0.9)
}


a.lire-plus.bottom{
	
	display: inline-block;
	border: 1px solid #000;
	color: #000;
	padding: 5px 15px;
	margin: auto;
	margin-top : 20px;
	
}

a.lire-plus.bottom:hover{
	
	text-decoration: none;
	background: #202945;
	color : #FFF;
	
}


.container-temoin-accueil{
	
	background: #faf6e0;
	
	padding: 30px 30px;
	margin: 40px 0;
	
}

.container-temoin-accueil h2{
	text-align: center;
	margin-bottom: 20px;
	font-size : 1.8em;
}

.container-temoin-accueil img{
  margin: auto;
	display: block;
	max-height : 275px;
}

.container-temoin-accueil .photo{
	
	margin-bottom: 20px;
	
}

/*.container-temoin-accueil  */
a.lire-plus{
	
	display: inline-block;
	border: 1px solid #000;
	color: #000;
	padding: 5px 15px;
		margin-top : 20px;
}

/*.container-temoin-accueil  */
a.lire-plus:hover{
	
	text-decoration: none;
	background: #202945;
	color : #FFF;
	
}

.container-temoin-accueil .nom{
	font-style: italic;
	color: #cfae20;
}

.container-temoin-accueil .date{
	font-style: italic;
	color: #cfae20;
	margin-bottom: 15px;
}

	#bck_overlay{
	  background: rgba(0,0,0,0.6);
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  z-index: 500;
	}
	
.col-accueil img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
	margin-top: 20px;
	
}
	
.col-accueil .etoiles-accueil div{
	float: right;
}

.col-accueil .etoiles-accueil{
	padding : 5px;
	
	clear: both;
}

.etoiles-accueil{
	color: #cfae20; 
}

.etoiles-accueil:nth-child(even){
	background: #eee;
}


.etoiles-accueil div{
	font-size: 0.9em;
	font
}
.col-accueil .etoiles-accueil .etoile
{
	color: #cfae20;
	font-size:1.2em;
	margin-right : 6px;
}

.col-accueil a{
	color: #000;
	font-size: 0.9em;
}

	#iframe{
		display: none;	
	}
	
	html, body {
  height: 100%;
	}
	

	
	footer.footer {
	  margin-top: auto;
	  background-color: #000;
	  color : #FFF;
	}
	
.container-page-holder{
	background: #FFF;
	padding: 5px 20px;
}
	.bottom-mention{
		color: #aeaeae;
		font-size:0.9em;
		margin-bottom: 10px;
	}
	
	#main-container{
		margin:auto;
	
		position: relative;
	}
	
	
.container-nl{
	 max-width: 200px;
	margin: auto;
}	

	#nl-subscribe{
	  background: none;
	  border: 1Px solid #C0C0C0;
	  border-radius : 50px 0 0 50px;
	  width: 80%;
	  text-align: center;
	  font-size: 1.2em;
	 
		float: left;
		height: 25px;
	}
	#ok-nl{
		height:25px;
		width: 20%;
		float: right;
		border-radius : 0 50px 50px 0;
		background: #FFF;
		color: #000;
		border : 1px solid #FFF;
	  font-size: 0.9em;
		border-left: none;
	}

  #ok-nl:hover{
		
		background: rgba(129,190,55,1);
	}
	
	.nl-subscribe{
	  font-size : 0.8em;
	}
	
	
	
	
	
	.margin-top-50{
		margin-top: 50px;
	}
	
	
	#page{
	  background: #fff;
	  margin: 10px auto ;
	  
	  position: relative;
	}
	#top-container{
		background: #FFF;
		margin : 10px 10px 0;
	}
	/*#main-container{
		margin : 0  ;
		padding: 40px 40px;
		height: 100%;
		position: relative;
		}*/
	footer.container{
		margin : 0 10px 10px;
		padding:10px 30px;;
		background: #eae4ed;
		border-bottom: 5px solid #452c4f;
		border-radius: 0px 0px 3px 3px;
		color: #452c4f;
	}
	footer a{
		color:rgba(255,255,255);
		transition: 0,5s;
	}
	footer a:hover{
		text-decoration: none;
	}
	.footer-infos{
		margin-top:30px;
	}
	.footer-infos .title{
		color: #8eb8e5;
		font-weight: bold;
		font-size:1.1em;
		margin-bottom: 7px;
	}
	

	.map-responsive iframe {
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
	
	
		
	}
	.yt-responsive {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
		width: 100%;
		margin-bottom:20px;
	}
	.yt-responsive iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	
	
	/* POUR LE CLOSE DU MODAL */
	.close{
	  font-family: arial;
	  position: relative;
	  top:-15px;
	}
	
  /* ***   BLOCK BOTTOM   */
	
.block-bottom{
	
	background: rgba(255,255,255,0.85);
	color : #000;
	font-size: 0.8em;
	text-align: justify;
	padding : 5px 15px;
	margin : 10px 0;
  position: relative;	
}


.block-bottom .nom{
	text-align: center;
	font-weight: bold;
	font-size : 1.6em;
}

footer .block-bottom a{
	color: #3e5c1b;
	font-weight: bold;
}


.temoignages-bottom{
		background: rgba(255,255,255,0.85) url(img/icon-feuille-md.png) no-repeat 10px 15px;
		
}

.temoignages-bottom .ville{
	text-align: center;
	font-size:1.2em;
	margin-bottom : 5px;
}

 .temoignages-bottom .photo{
		border-radius: 50%;
		width: 25px;
		height: 25px;
		position: absolute;
		left: 15px;
		top: 7px;
		background-size: cover;
		
	}


	
  /* ***  END BLOCK BOTTOM   */



.temoignage-container img{
	max-width: 100%;
	max-height: 150px;
	float: left;
	margin : 0 10px 10px 0;
}
.temoignage-container {
	border-bottom : 1px solid #999;
	margin-bottom : 30px;

}

.temoignage-container .temoignage{
	background: rgba(255,255,255,0.5);
		padding : 5px;
	border-radius : 3px;
	margin-bottom:5px;
}

.temoignage-container .avatar{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-size: cover;
	display: inline-block;
	position: relative;
	margin-right: 7px;
	bottom : -10px;
}

.temoignage-container b{
	font-size: 1.4em;
}

.nl-not-ok{
	color :  rgba(129,190,55,1);
	display: none;
}
	
.menu-icon-sm-container{
	padding-right : 5px;
	position: relative;
	padding: 0;
	
}
.menu-icon-sm{
	position: absolute;
	right:0;
	margin-top: 20px;;
	
}

article.type-post{
	border-bottom: 1px solid #999;
}

/* LIENS */

a{
	rgba(129,190,55,1);
}

a:hover{
	rgba(129,190,55,1);
  	/*text-decoration: none;*/
}

a.agent-icon-circle{
	margin-left: 5px;
	font-size : 1.2em;
}
a.agent-icon-circle:hover{
	position: relative;
	bottom : 2px;
}

.form-cv{
	background: rgba(255,255,255,0.7);
	padding : 10px;
	border-radius : 5px;
	
}

.map-responsive {
	overflow:hidden;
	position:relative;
	height:300px;
	margin-bottom:40px;
	border : 1px solid #CFAE20;
	border-radius : 5px;
	box-shadow : 2px 2px 2px #AAA;
}

.map-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
.contact-info{
	padding-left: 30px;
	position: relative;
}

.contact-info svg{
	position: absolute;
	left : 5px;
	top:5px;
}

.contact-info .green{
	color: rgb(129,190,55);
}


.col-sub a{
	color : #FFF;
	
}

col-sub.a:hover{
	color : rgba(129,190,55);
}

.page-id-74 h3{
	text-align: left !important;
	border-bottom : 1px solid #DDD;
	margin-top: 35px;
}

.presa{
	padding: 15px;
	background: rgba(255,255,255,0.7);
	border-radius: 5px;
	margin : 10px 0;
}

.container-page-content a{
	color: #3e5c1b;
}

@media screen and (min-width: 450px) {
	
}