/* Block categories */
.top-menu { 
	/*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
	width: 980px;
	display: none;
	position:absolute;top:8px;left:-13px;
}
 
ul#menu {padding:0;margin:0;width:106px;position:absolute;top:169px;left:220px;text-align:center;}
ul#menu A {text-decoration:none;font-family: Arial, Sans-Serif;}

ul#menu li.hovering div {display: block;}

 
/* style du menu par defaut */
#menu{  padding: 12px 0 0 9px;}
 
div#menu a { 	 }
 
div#menu ul {padding: 0; margin:0px; }
 
/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
	background: #4d6c1a; 
	border-bottom: none; 
	width: auto;
	line-height: auto;
}
 
div#menu ul.niveau1 > li > a {
	/* ICI LA MISE EN FORME DU MENU DE BASE */
	padding:5px 10px 6px 5px; 
	color:#fff; 
	width: auto;
}
div#menu ul.niveau2 > li > a {
	color:#fff; 
}
div#menu ul.niveau2 > li > a:hover {
	color:#ef541a; 
}
 
div#menu ul.niveau1 > li.last > a {	/* ICI LA MISE EN FORME DU DERNIER ELEMENT DU MENU DE BASE (si besoin) */}
 
div#menu ul.niveau1 > li > a:hover, div#menu ul.niveau1 > li:hover > a {color: #ef541a;}
 
div#menu li {background:#4d6c1a; line-height: 18px; color: #fff; }
div#menu li a {
	color:#fff;
	display:block;
	padding:5px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
	width:150px;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
}
 
div#menu li:hover {background: #4d6c1a; }
div #menu li:hover a {color: #ef541a; }
div #menu li a:hover {color: #ef541a; }
div #menu li.sousmenu:hover > a {color: #fff; }
 
div#menu ul li {position:relative; z-index: 998; list-style: none; float:left; border-bottom:1px dashed #fff; }
div#menu ul li.last { border-bottom: none; }
 
div#menu ul ul {
	border:1px solid #494949;
	display:none;
	position:absolute;
	width:166px;        /* DIMENSION = LARGEUR DES ELEMENTS DE MENU + PADDING LEFT + PADDING RIGHT */
	z-index:999;
}
 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {
	top:4px; 
	left: 166px;        /* DOIT ETRE EGALE A LA DIMENSION DE div#menu ul ul */ 
	z-index:999 !important;
}
 
/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #1f1f1f; color: #ef541a; }
div#menu ul.niveau3 li:hover { background: #ef541a; color: #fff; }