/* ################################# Media Queries ################################# */

@media screen and (max-width:640px){
html{
	height:100%;
	width:auto;
}

body{
	/*height:100%;*/
	background:none;
	background-color:#FFF;
	width:auto;
	/*border:solid 1px #FF0;*/
}
p{
	padding:0 2px;
}
h1{
	font-size:20px;
}
h1 a{
	text-decoration:none;
}
h4{
	padding:0 2px;
}
#burger{
	display:block;
	padding:1px 5px;
	/*border:solid 1px #CCC;
	border-radius:2px;*/
	cursor:pointer;
	float:left;
	margin:0 6px 0 2px;
}
.display {
	margin:0;
	padding:0 2px;
	display:block;
	/*border:solid 1px #FF0;*/
}

#en_tete{
	height:auto;
	background:none;
	margin:0;
	padding:0;
}
#en_tete h2{
	margin:0;
	padding:0;
}
#en_tete #menu{
	height:100%;
  	width:0;
  	position:fixed;
  	z-index:1;
  	top:32px;
  	left:0;
  	background-color:#FFF;
  	overflow-x:hidden;
  	margin:0;
  	padding:0;
	transition: 0.5s;
  	/*border:solid 1px #FF0;*/
}
.contenu-menu{
  	position:relative;
  	top:0;
  	width:100%;
  	margin-top:30px;
  	/*border:solid 1px #FF0;*/
}
a.closebtn{
	display:block!important;
	width:40px!important;
	/*position:absolute;
  	top:20px;
  	right: 45px;*/
	color:#000!important;
	margin-left:70%!important;
  	/*border:solid 1px #FF0!important;*/
	font-size: 40px;
}
#en_tete #menu li {
	float:none;
	margin:0;
}
#en_tete #menu a{
	border:none;
	width:100%;
	padding:8px;
	display: block;
	text-align:left;
}
#conteneur{
	width:100%;
	padding:0;
	background:none;
	/*border:solid 1px #FF0;*/
}
#conteneur #gauche{
	display:none;
}
#conteneur #milieu{
	 margin:0;
	 padding:0;
	 width:100%;
}
#conteneur #droite{
	display:none;
}
#pied_de_page{
	margin:0;
	padding:0;
	height:110px;
}
#pied_de_page li{
	padding:0;
	width:100%;	
}
#pied_de_page #manuura {
	width:100%;
	margin:0;
	text-align:center;
}
}