/* menu déroulant testé avec FF 23.0.1, IE10, GC Ver28 */
#menu  { 
/*	position:float; top: 0; right:100; width:100%; height: 40px;*/
	position:float; float: center;top: 0; right:100; width:100%; height: 40px;
}
#menu ul { 
	padding-left: 15px;
}

#menu ul li { /* tous les niveau du menu */
	text-align: center;		/* texte centrée ds sa cellule li */
	list-style: none;		/* cache les puces  des cellules li*/
	float: left;			/* cellules horizontales du menu, sinon ils sont verticaux */
	width: 10em;			/* largeur des cellules li*/
	font-weight: bold;		/* texte en gras dans les cellules li*/
	background: #FFDC94; 	/* couleur de fond des cellules li  */
	border: .05em solid #aaa;	/* bordure grise => border: width style color */
	padding: .3em 0 .3em 0; /* margin: top right bottom left */
}
#menu ul li.gauche  { 
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#menu ul li.droit  { 
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#menu ul li ul li  { /* intitulés des sous-menu */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: .1em ; /* écartement entre les intitulés d'un sous-menu bottom = .2em */
}
#menu a {   /* tous les href du menu */
	display: block; 
	color: #8b0000; /*7B5200; /*8b0000; */ 
	text-decoration: none;		/* cache le souligné */
}
#menu li { 
	color: #8b0000; /*7B5200; /*8b0000; */ 
	background-color: #FFC44D;
	font-size : 14px; /* hauteur du texte : 12 pixels */
} 
#menu li ul { /* cadre des sous-menus */
	position: absolute; 
	left: -999em; 
	height: auto;	/* la hauteur s'adapte au nombre de cellules */
	width: 10.1em; 	/* largeur du cadre contenant les cellules */
	border-width: 0em; 
	font-weight: normal; 
	z-index:100;	/* important */
	background:#aaa; 	/* couleur de fond des cellules li  */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#menu ul li ul { 	/* tous les sous niveau */
	margin: .3em 0 0 0; /* top right bottom left */
	padding: .2em .5em .2em .1em;/* top right bottom left */
} 
#menu li ul ul { /* 3ème & 4ème niveau du menu */
	margin: -1.55em 0 1.55em 10em; /* top right bottom left */
} 
#menu li:hover ul ul,
#menu li:hover ul ul ul,
#menu li:hover ul ul ul ul { left: -999em; }

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul,
#menu li li li li:hover ul { left: auto; }

#menu li:hover { 
	background-color: #FFC44D;
} /* FFC44D  15 184 240 = #0fb8f0   #ccf #01B0F0; #457DBB#7A8AD8#B6E4F7*/
#menu a:hover {   /* tous les href du menu */
	color: #f00; /*210774; /*646E73; /*#955;*/ 
	font-size : 14px; /* hauteur du texte : 12 pixels */
	font-weight: bold
}