#menu {
	height: 24px; 	
	margin-left: auto;
	margin-right: auto;
	width:980px;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	z-index:10000;
	width:870px; /* (width of #menu li, multiply by nb options ) */
}

#menu .niveau1 ul {
	width: 170px;
}

#menu .niveau2 ul {
	width: 170px;
}



#menu li {
	width: 200px;
}	

#menu li a {
	display: block;
	text-decoration: none;
	text-align: center;
	/* MLM border: 1px solid #fff; */
	border: 0px solid #fff;
}

#menu .roundleft {
/*	background-image:url(menu_ellm_images/menu_left_round.gif);*/
	width:15px;
	line-height:24px;
	height:24px;
}

#menu .home {
	width:26px;
	height:24px;
	line-height:24px;
	
	border-right: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
}


#menu .roundright {
/*	background-image:url(menu_ellm_images/menu_right_round.gif);*/
	width:15px;
	line-height:24px;
	height:24px;
}

/* MLM */
#menu .titre {
	padding-top:3px;
	height: 16px;
	color: #4d4d4d;
	background: #ffed00; /* JAUNE - couleur hover */
	font: 12px "Arial" , sans-serif ;
/*	font-weight : bold;
*/	text-align: left;
font-style: italic;

	background: #ffed00;
}

#menu .titreunderline {
	text-decoration : underline;
}

/*---------- Niveau 1 ----------*/
#menu .niveau1 li {
	float: left;
	margin: 0 -1px 0 0;
	
}
#menu .niveau1 li a {
	padding: 4px 0;
	height: 16px;
	color: #fff;
	background-image: url(menu_ellm_images/tb_back_bar2.gif);
	font: 12px  "Arial" , sans-serif ;
	letter-spacing:0.9px;
}

#menu .niveau1 li:hover a,
#menu .niveau1 li a:hover {
	background: #ffed00; /* JAUNE - couleur hover */
	color : #0f3d52;
	background: #ffed00;
	
}

/*---------- Niveau 2 ----------*/
#menu .niveau2 {
	position: absolute;
	top: -9999em;
}



#menu .niveau2 li {
	clear: left;
	margin: -1px 0 0;
	width: 180px;
}
#menu .niveau2 li a {
	color: 	#0f3d52;
	background: #ffed00; /* JAUNE - couleur hover */
	background: #ffed00;
	text-align: left;	
	padding-left:10px;
	font: 11px  "Arial" , sans-serif ;
	letter-spacing:0.5px;
}
#menu .niveau2 li a:hover {
	color: #fff;
	background: #ffed00;	/* JAUNE (cursor) */
	background: #ffed00;
	background-image: url("menu_ellm_images/tb_back_hover.gif");
}
#menu li:hover .niveau2,
#menu .sfhover .niveau2 {
	top: auto;
	min-height: 0; /* corrige un bug IE7 */
}
/*---------- Niveau 3 ----------*/
#menu .niveau1 .niveau2 .niveau3 {
	position: absolute;
	top: -9999em;
/*	border-top: 1px solid #fff;*/  /* corrige un bug IE6 */
}
#menu .niveau3 li a {
	color: 	#0f3d52;
	background: #FFF426; /* JAUNE - couleur hover */
		background: #fff570;
}
#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover {
	color: #fff;
	background: #ffed00;	/* JAUNE (cursor) */
		background: #ffed00;
	background-image: url("menu_ellm_images/tb_back_hover.gif");
}

#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-22px 0 0 179px;
}

#menu .inverse .niveau2 li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-22px 0 0 -179px;
}

#menu .menuhr {
	margin-left:0px;	
}

/*---------- Pour un menu extensible ----------*/

/*
#menu ul, #menu li {
	width:auto;
}
#menu .niveau1 li, #menu .niveau2 {
	width: 25%; 
}
#menu .niveau2 li {
	width:100%; 
}
#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {
	margin:-28px 0 0 100%; 
}
#menu .inverse .niveau2  li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3  {
	margin:-28px 0 0 -100%;	
}
#menu .niveau3 {
	width: 100%;  
}
*/

/* 
#menu .niveau1 li, #menu .niveau2 {
	width: 25%; <-- 100% divisé par le nombre de menus
}
#menu .niveau2 li {
	width:100%; <-- largeur du menu par rapport à la fenêtre 
}
*/