#header { 
z-index:1;
position: fixed; top:0;/*  Menu fixé en haut */
box-shadow: 0px 4px 28px 0px black;
}

#menu {
float: right;  /*  Menu gauche ou droite */
}

.mainmenu { 
	width:100%; 
	height:68px;
	background-color:#000; /*---- Couleur de la barre */
	position: relative;}

#enveloppe_menu { /*---- entoure le menu positionné en fixed  */
position: relative;
width: 100%;
margin: auto;
height: 50px;
z-index: 2;
letter-spacing: 1.5px;
}

#header ul {
	margin: 0px; padding: 0px; list-style-type: none; position: relative;
}
#header li {
	margin-right: 1px; float: left; display: inline-block; 
	width: 200px; /*-----------------------------------------------largeur des cellules -------*/
}
#header li a {
/*text-transform: uppercase;
background: #000; */
text-align: center; color: #ffffff;
height: 68px;  /*------------------------------ hauteur des cellules ---*/
line-height: 68px; /*------------------------------ same value ---*/
font-size: 0.8em; /*--------------------------- Taille des textes rubriques ---*/
/*font-family: "Gnuolane";*/
text-decoration: none; display: block;
min-width: 120px; /*--------------------------- largeur des cellules ---*/
}
#header li:hover a {
color:#ffffff;
}
#header li:hover ul a {
background: #fff; color: #000; font-size: 0.8em; 
}
#header li:hover ul a:hover {
color:#000; 
}
#header li ul {
display: none; 
}
#header li ul li {
float: none; display: block; 
}
#header li ul li a { text-align:left;
padding: 0px; width: auto;  width: 300px; line-height: 30px; height: 30px; border:0px; padding-left:28px; 
/*font-size: 16px !important; /*------------------------------------------------------------------------------------ Taille des textes de sous rubriques ---*/
}
#header ul li a:hover + .hidden {
display: block;
}
#header .hidden:hover {
display: block;
}
.show-menu { 

height:29px;
background: #121212; padding: 10px 0px; text-align: center; color: #FFF; text-decoration: none; display: none;
}
#header input[type=checkbox] {
	display: none; -webkit-appearance: none;
}
#header input[type=checkbox]:checked ~ #menu {
/*	display: block;*/
}
@media screen and (max-width:1280px) 
{
#menu { width:100%; background-color:#000; } /*couleur rubs en mode mobile */
	
#header ul {
	display: none; position: static;
}
#header li {
	margin-bottom: 1px;
}
#header ul li {
	width: 100%;
}
#header li a {
	width: 100%;  text-align: center;
}
#header .show-menu {
	display: block;
}
#header li ul li a { text-align:center; padding: 0px ;  width: 100%; border:0px; line-height: 30px; }
#header li ul li {
margin-bottom:0px; padding-bottom:1px;background-color:#000; 
}
}