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

@media (max-width: 480px) {

	
#bandeau{
	/*background-color:#FF0; /*jaune*/}	

#header	{
	margin: 0;
	width:100%;	
	float:left;
}
	
#menu  {
        display: none;
		position: absolute;
		}
 #menu-button, #menu-sidebar,
.menu-activated #menu-overlay {
        display: block;		
    }

.menu-activated #menu-sidebar {
        transform: translateX(0);
    }
#menu-button {font-size:20px;
    }

}

@media (min-width: 481px) and (max-width: 768px) {
	
#bandeau {
	/*background-color:#F00; /* rouge*/}

#header	{
	margin: 0;
	width:100%;	
	float:left;
}
#menu  {
        display: none;
		position: absolute;
}
/*#menu-button{
margin-top:-50px;
}*/
 #menu-button, #menu-sidebar,
.menu-activated #menu-overlay {
        display: block;		
    }

.menu-activated #menu-sidebar {
        transform: translateX(0);
    }
#menu-button {font-size:24px;}

		
}
@media (min-width: 769px) and (max-width: 1024px) {	
#bandeau {
	/*background-color:#0F0; /*vert*/
}	
#header	{
	margin: 0;
	width:100%;	
	float:left;
}

#menu  {
        display: none;
		position: absolute;
}
/*#menu-button{
margin-top:-60px;
}*/

 #menu-button, #menu-sidebar,
.menu-activated #menu-overlay {
        display: block;		
    }

.menu-activated #menu-sidebar {
        transform: translateX(0);
    }
#menu-button {font-size:30px;}
.img-responsive {
	width : 100%;
	display: block;
	height: auto;
}
	
}	
@media (min-width: 1025px) and (max-width: 1280px) {	

#bandeau {
	/*background-color:#00F; /*bleu*/
}	
#header	{
	margin: 0;
	width:100%;	
	float:left;
}

/*#menu-button{
margin-top:-70px;
color:#FFF;
}*/

#menu  {
        display: none;
		position: absolute;
}
 #menu-button, #menu-sidebar,
.menu-activated #menu-overlay {
        display: block;		
    }

.menu-activated #menu-sidebar {
        transform: translateX(0);
    }
#menu-button {font-size:32px;}

}

@media (min-width: 1281px) and (max-width: 1600px) {
#bandeau {
	/*background-color:#F0F; /*rose*/
}	
#header	{
	margin: 0;
	width:100%;	
	float:left;
}
#menu  {
    display: none;
	position: absolute;   
}
/*#menu-button{
margin-top:-60px;
}*/

 #menu-button, #menu-sidebar,
.menu-activated #menu-overlay {
        display: block;		
    }

.menu-activated #menu-sidebar {
        transform: translateX(0);
    }
#menu-button {font-size:30px;}


}