@charset "utf-8";
/* CSS Document */



#contenu, #contenuAccueil, #contenuMsg{width:80%;
background-color:white;
max-width:700px;
display:table;
border-collapse: separate;
margin:0 auto;}

#contenuMsg{text-align:center;
font-size:1.5em;
font-weight:bold;
padding-top:20px;padding-bottom:20px;
}

#references{display:table_row;background-color:#eeeeee;}
#references p, #references h2{margin:0;padding:0;margin-left:6%;margin-top:20px;}
#references h2{font-size:1.5em;padding-top:30px;margin-bottom:30px;}
#references p{display:inline-block;width:12%;max-width:114px;}

header{
width:80%;
max-width:700px;
display:block;
margin:0 auto;}

#btncontact{display:block;width:130px;height:40px;float:right;border:1px solid white;font-size:16px;color:#fff;text-align:center;line-height:40px;text-decoration:none;text-transform:uppercase;margin-top:20px;}


/* DEBUT MENU */

#burger{display:block;
	float:left;
	width:40px;
	margin-top:20px;
	cursor:pointer;}	
	
.element-invisible {
   clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
   
.none {
  display:none; 
}

#menu {
background-color:rgba(155,216,125,1.00);
width:80%;
max-width:700px;	
min-height:60px;
position:absolute;
top:0;
padding-top:10px;padding-bottom:10px;
} 

#menu nav{width:90%;margin:0;padding:0;dispay:table;margin-left:2%;background-color:rgba(155,216,125,1.00);}
#menu nav p{display:table-cell;height:auto;vertical-align:middle;width:15%;padding-right:2%;text-align:center;font-weight:bold;}
#menu nav p a{text-decoration:none;font-size:0.8em;color:#fff;text-transform:uppercase;}
#menu nav p:hover{background-color: #7bac63;}
#menu nav p.select{border-bottom:3px solid #6c9757;}
#menu nav p#close{width:5%;max-width:40px;}

#croix{	width:35px;	
	cursor:pointer;}  
   	
/*  FIN MENU */

footer{
	width:80%;
	max-width:700px;
	display:block;
	margin:0 auto;
	background-color:#1b1b1b;
	padding-top:50px;
	padding-bottom:50px;}
	
#barrefinale{width:80%;
	max-width:700px;
	display:block;
	margin:0 auto;
	height:20px;
	background-color:#80d458;}	
	


#tableau{display:table;
 width:80%;
max-width:700px;
border-collapse: separate;
margin:0 auto;
background-color:#fff;}

#colonneGauche{ display: table-cell;width:48%;height:100%;background-color:#fff;text-align:left;padding-left:5%;}
#colonnecentre{display:table-cell;width:4%;}
#colonneDroite{ display: table-cell;width:48%;height:100%;background-color:#fff;text-align:left;padding-right:5%}

#colonneGauche h1, #colonneDroite h1{color:#4e4e4e;font-size:1.3em;margin-top:35px;margin-bottom:35px;}	

#entete {display:block;width:100%;border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border: 0px solid #000000;}
#entete #table{display:table;text-align:center;color:white;margin:0 auto;}	
#entete #picto{display:table-cell;height:100%;}	
#entete #picto img{width:100%;height:auto;max-width:85px;margin:20px;}
#entete #titre{display:table-cell;height:100%;vertical-align:middle;font-size:1.8em;}

#accroche{width:90%;font-size:1.1em;color:#fff;text-align:center;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);padding:5%}

.bord{width:5%;}
.section{width:21%;max-width:210px;margin-bottom: 12px}
.ecart{width:2%;} 

.coordonees{display:block;float:left;width:40%;}
footer address{font-style:italic;font-family: 'PT Sans', sans-serif;color:#b4b4b4;font-size:1em;line-height:30px;}
address .tel{font-size:1.1em;color:#80d458;}
address .tel a{color:#80d458;text-decoration: none;}
#sociaux{display:block;float:right;text-align:right;color:#80d458;font-family: 'PT Sans', sans-serif;font-size:1.1em;font-weight:400;}