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

#contenu, #contenuAccueil, #contenuMsg{
background-color:white;	
width:80%;
max-width:1000px;
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;padding-bottom: 100px;}
#references p, #references h2{margin:0;padding:0;margin-left:6%;margin-top:30px;}
#references h2{font-size:2em;padding-top:30px;margin-bottom:30px;}
#references p{display:inline-block;width:12%;max-width:114px;}

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

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


/* DEBUT MENU */	

#burger{display:block;
	float:left;
	width:43px;
	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:1000px;	
min-height:60px;
position:absolute;
padding-top:10px;
} 

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

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


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



#tableau{display:table;
 width:80%;
max-width:1000px;
border-collapse: separate;
margin:0 auto;
background-color:#fff;}
	
#colonneGauche{ display: table-cell;width:48%;height:100%;background-color:#fff;text-align:center;padding-left:6%;text-align:left;}
#colonnecentre{display:table-cell;width:4%;}
#colonneDroite{ display: table-cell;width:48%;height:100%;background-color:#fff;padding-right:6%;text-align:left;}	

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

#entete {display:block;width:100%;border-radius: 25px 25px 0px 0px;
-moz-border-radius: 25px 25px 0px 0px;
-webkit-border-radius: 25px 25px 0px 0px;
margin-top:30px;}
#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:2.3em;}



#accroche{width:90%;font-size:1.5em;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: 15px;}
.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:1.1em;line-height:30px;}
address .tel{font-size:1.2em;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;}