/* Block categories */
.top-menu { 
	/*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
	display: block;
	clear: left;
}
 
 
/* style du menu par defaut */
#menu{
	font-size:12px;
	text-transform: none;
	margin: 0px 0px 0px -5px;
}
 
div#menu a {
	text-transform:none;
	font-weight:normal;
}
 
div#menu ul {padding: 0; margin:0px; }

/* ICI style de login block */
div#menu ul.userinfo li a {
	padding:5px 8px
}
div#menu ul.userinfo > li > a {
	display:inline;	
	color:#4F1815;
	height:17px;
	text-align:center;
	width:145px;
}
div#menu ul.userinfo > li:hover {
	background-color:#d1e08f;
	height:17px;
	display:block;	
}
div#menu ul.userinfo > li {
background:none repeat scroll 0 0 transparent;
}
div#menu ul.userinfo > li, div#menu ul.userinfo >li:hover {
border-bottom:medium none;
width:110px;
display:block;
height:17px;
padding:5px 14px;
margin: 0 0 0 22px;
}
 
/* 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 */
	height: 17px;
	color:#4f1815;
	width: 82px;
	text-align:center;
}
 
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: #4f1815;
	background-color:#d1e08f;
	display:block;
}
 
div#menu li {
	background:#f5f8e7;
	line-height: 16px;
	color: #4f1815;
	
}
div#menu li a {
	color:#4F1815;
	display:block;
	padding:5px 8px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
	width:82px;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
	text-align: left;
}
 
div#menu li:hover {
	background: #f5f4ed;
}
div #menu li:hover a {
	color: #4F1815;
}
div #menu li a:hover {
	color: #000000;
}
div #menu li.sousmenu:hover > a {
	color: #000000;
}
 
div#menu ul li {
	position:relative;
	z-index: 998;
	list-style: none;
	float:left;
/*	border-bottom:1px solid #cccccc; */
}
div#menu ul li.last { border-bottom: none; }
 
div#menu ul ul {
	border:1px solid #d1e08f; 
	display:none;
	position:absolute;
	width:98px;        /* 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: 206px;        /* 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: #333333;
}
div#menu ul.niveau3 li:hover {
	background: #cccccc;
	color: #000000;
}