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

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

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

#contenuMsg p{margin:10px;}

#references{display:none;}

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

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

/* DEBUT MENU */	

#burger{display:block;
	float:left;
	width:35px;
	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,0.90);
width:80%;
height: 100%;
max-width:500px;	
position:absolute;
top:0;
} 

#menu nav{width:100%;margin:0;padding:0;dispay:block;line-height:1.4em;rgba(155,216,125,0.90);}
#menu nav p{display:inline-block;height:auto;vertical-align:middle;width:100%;text-align:center;font-weight:bold;margin:0;}
#menu nav p a{display:block;padding-top:5px;padding-bottom:5px;width:100%;min-height:30px;text-decoration:none;font-size:0.9em;color:#fff;text-transform:uppercase;}
#menu nav p a:hover{background-color: #7bac63;}
#menu nav p#close{width:10%;max-width:30px;margin-top:6px;margin-left:6px;}
#menu nav p.select{background-color: #6c9757;}

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

footer{
	width:80%;
	max-width:500px;
	display:block;
	margin:0 auto;
	background-color:#1b1b1b;
	padding-top:50px;
	padding-bottom:50px;}
	
#barrefinale{width:80%;
	max-width:500px;
	display:block;
	margin:0 auto;
	height:20px;
	background-color:#80d458;}		
	
nav ul{display: none;}	
#bordsmartphone{display: block;height: 25px;background-color: #3e1f3c;margin-top: 20px;
	
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10x 0px 0px;
}




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

#colonneGauche{ display:inline-block;width:100%;background-color:#fff;text-align:left;}
#colonnecentre{display:none}
#colonneDroite{ display: inline-block;width:100%;background-color:#fff;text-align:left;}	

#colonneGauche h1, #colonneDroite h1{color:#4e4e4e;font-size:1.1em;margin-top:35px;margin-bottom:35px;margin-left:5%;}	
#colonneGauche p, #colonneDroite p{width:90%;margin-left:5%;}

h3{color:#4e4e4e;font-size:1em;margin-top:25px;margin-bottom:25px;margin-left:5%;}

#entete {display:block;width:100%;border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border: 0px solid #000000;}
#entete #table{display:table;text-align:center;color:white;margin:0 auto;}	
#entete #picto{display:none;}	

#entete #picto img{display: none;}
#entete #titre{display:inline-block;height:100%;vertical-align:middle;font-size:1.3em;margin: 15px;}


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

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