@media screen and (max-width: 640px) {
   	#logoES {width:260px;}
   	#menuhaut {
		font-weight: bolder;
		font-family: Verdana, Helvetica, Arial;
		text-align : right;
		font-size:1em;
	}

			
	#menuhaut li {
		text-align: left;
		padding: 0.4em;
		list-style-type: none;
	}
	
		
	#menuhaut a {
	color : #cd2027;
	text-decoration : none;
	}
	
		
	#menubas {
		font-weight: bolder;
		font-family: Verdana, Helvetica, Arial;
		text-align : right;
	}
	
	#menubas li {
		font-size:0.8em;
		text-align: left;
		padding: 0.4em;
		list-style-type: none;
	}
	
	#addressbas {
		margin :  auto;
		margin-top : 1em;
		margin-bottom : 1em;
		font-weight:normal;
		font-size : 0.8em;
		text-align : center;
		color: #5e5e5e;
	}
	
	#mentionsReglemenairesBas {
		margin : auto;
		font-family: Verdana, Helvetica, Arial;
		font-weight:normal;
		font-size : 0.8em;
		text-align : center;
		color: #5e5e5e;
	}

}
     
     
     
@media screen and (min-width: 641px) {   
	#menuhaut {
		float : right;
		position : absolute;
		top : 63px;
		left : 350px;
		width : 650px;
		margin : 0;
		padding : 0.1em 0.5em 0.1em 0em;
		background-image: url(fond4.png);
		color: #feffff;
		font-weight: bolder;
		font-family: Verdana, Helvetica, Arial;
		text-align : right;
		font-size:1.0em;
	}
		
	#menuhaut li {
		display : inline;
		margin-left : 0.5em;
		margin-right : 0.5em;
		
	}
	
	#menuhaut a {
	color : white;
	text-decoration : none;
	}

	#menuhaut a:hover {
		text-decoration : underline;
	}
		
	#menubas {
		margin : auto;
		margin-top : 2em;
		width : 300px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:600;
		font-size : 0.8em;
		text-align : center;
		color: #9d5255;
	}
	
	#menubas li {
		display : inline;
		margin-left : 0.5em;
		margin-right : 0.5em;
		color: #9d5255;
		text-decoration: none;
	}
		
	#addressbas {
		margin :  auto;
		margin-top : 1em;
		margin-bottom : 1em;
		width : 600px;
		font-family: Verdana, Helvetica, Arial;
		font-weight:normal;
		font-size : 0.7em;
		text-align : center;
		color: #5e5e5e;
	}
	
	
	#mentionsReglemenairesBas {
		margin : auto;
		width : 600px;
		font-family: Verdana, Helvetica, Arial;
		font-weight:normal;
		font-size : 0.6em;
		text-align : center;
		color: #5e5e5e;
	}
	
}





#separateurbas {
	width : 100%;
	height : 40px;
	background-image: url(fond5.png);	
}



#menubas a {
	color: #9d5255;
}

#menubas a:hover {
	text-decoration : underline;
	color: #9d5255;
}