/* Block categories */
.top-menu { 
	/*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
	width: 968px;
	float:left;
	background:#ba269e url(img/bgmenu.gif);
}
 
 
/* style du menu par defaut */
#menu{
  font-size:11px;
  padding: 0;
  text-transform: uppercase;
}
 
div#menu a { 
	text-transform:uppercase; 
}
 
div#menu ul {padding: 0; margin:0px; }
 
/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
	background: transparent; 
	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.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: #FFFFFF;
}
 
div#menu ul.niveau2 li {background:#880662; line-height: 14px; color: #ffffff; }
div#menu ul.niveau2  li a {
	text-align:left;
	background:#880662;
	font-size:9px;
	color:#ba269e;
	display:block;
	padding:4px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
	width:150px;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
}
div#menu ul.niveau1 li { line-height: 18px; color: #ffffff; }
div#menu ul.niveau1  li a {
	color: #ffffff;
	display:block;
	padding:6px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
}
 
div#menu ul.niveau2 li:hover {background: #ba269e; }
div #menu ul.niveau2  li:hover a {color: #FFFFFF; background: #ba269e; }
div #menu ul.niveau2  li a { color:#FFFFFF; }
div #menu li a:hover {color: #FFFFFF; }
div #menu li.sousmenu:hover > a {color: #FFFFFF; }
 
div#menu ul li {position:relative; z-index: 998; list-style: none; float:left;  }
div#menu ul li.last { border-bottom: none; }
 
div#menu ul ul {
	border:1px solid #880662;
	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: #6d6d6d; color: #FFFFFF; }
div#menu ul.niveau3 li:hover { background: #c2f374; color: #fff; }