/* Block categories */
.top-menu { 
	/*  ICI LA MISE EN FORME DU FOND DE VOTRE MENU */
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
}
 
 
/* style du menu par defaut */
#menu{
  font-size:11px;
  padding: 12px 0 0 0;
  text-transform: uppercase;
}
 
div#menu a { 
    font-weight: normal;
    text-transform: uppercase;
}
 
div#menu ul {padding: 0; margin:0px; }
 
/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
    
    border-bottom: medium none;
    margin-right: 20px;
    width: auto;
}
 
div#menu ul.niveau1 > li > a {
	/* ICI LA MISE EN FORME DU MENU DE BASE */
    color: #535b39;
    font-size: 16px;
    padding: 6px 15px 6px;
    text-shadow: 0px 1px #ffffff;
    width: auto;
	background: url("img/flecha_abajo.png") no-repeat scroll 98% center transparent;
	border-color: #bbc0ab;
	border-width: 1px;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	font-weight: bold;
}
 
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: #535b39;
	background: url("img/flecha_arriba.png") no-repeat scroll 98% center #fff;
	border-color: #535b39;
	border-width: 1px;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
}
 
div#menu li { line-height: 35px; color: #54bbe5; }
div#menu li a {
	color:#535b39;
	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: transparent; }
div #menu li:hover a {color: #535b39; }
div #menu li a:hover {color: #535b39; }
div #menu li.sousmenu:hover > a {color: #2c2c2c; }
 
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 {
    background: none repeat scroll 0 0 #fff;
    display: none;
    padding: 10px 0 10px 20px;
    position: absolute;
    width: 360px;
    z-index: 999;
}

div#menu ul li ul li {
    background: url("img/topo_menu.png") no-repeat scroll left center transparent;
    line-height: 15px;
    padding-left: 10px;
}

div#menu ul li ul li:hover {
	background: url("img/topo_menu.png") no-repeat scroll left center transparent;
}
 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display:block;
	border-color: #535b39;
	border-width: 1px;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
}
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; }