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



@media (max-width: 480px) {
#bandeau{
	/*background-color:#FF0; /*jaune*/	
}

#menu-button  {
	margin-top: auto;
margin-bottom: auto;
 font-size:20px;      
}


}
	
@media (min-width: 481px) and (max-width: 768px) {
/*rouge*/	
#bandeau {
	/*background-color:#F00; /* rouge*/
}
#menu-button  {
	margin-top: auto;
	margin-bottom: auto;
	font-size:20px;      
}
}

@media (min-width: 769px) and (max-width: 1024px) {	 /*vert*/

#bandeau {
	/*background-color:#0F0; /*vert*/
	position:fixed;	
	width:100%;
	height:auto;
	display:inline-table;
}
#menu-button  {
	margin-top: auto;
	margin-bottom: auto;
	font-size:20px; 

}
}
@media (min-width: 1025px) and (max-width: 1280px) {	/*bleu*/

#bandeau {
/*	background-color:#00F; /*bleu*/
	position:fixed;
	width:100%;
	height:auto;
	display:inline-table;
}	

#menu-button  {
	margin-top: auto;
	margin-bottom: auto;
	font-size:20px; 
}
}
@media (min-width: 1281px) and (max-width: 1600px) {/*rose*/

#bandeau {
	/*background-color:#F0F; /*rose*/	
}	

#menu-button  {
	margin-top: auto;
	margin-bottom: auto;
font-size:20px; 
}
}