#menu {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 36px;
	width: 900px;
	background: rb(240, 236, 250);
	}
#menu ul {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}

/* Dont apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */

#menu ul li {
	width: 120px;
	float: left;
	list-style: none; 
	text-align: center;
	background: url(back3.png);
	margin-right: 10px;
	}
#menu ul li a {
	width: 120px;
	z-index: 100;
	text-decoration: none;
	color: rgb(255, 255, 255);
	display: block;
	float: left;
	height: 36px;
	position: relative;
	padding: 0px 0px 0px 0px;
	line-height: 36px;
	}
 /*    gestion background    */
#menu li.hilite {
	background: url(menuz4.png) no-repeat top left;
	z-index: 8;
	position: absolute;
	visibility: hidden;
	}

#menu li.hilite {
	background-position: right 0px;
	}
 

#menu .hilite .left {
	background: url(menuz4.png) no-repeat top left;
	height: 36px;
	margin-right: 0px; /* 7px is the width of the rounded shape */
	}

#menu .hilite .left {
	background-position: 0 0px;
	} 

/* Current */
#menu li.univers  {
	background: url(menut.png) no-repeat top left;
	background-position: right -48px;
	z-index: 9;
	position: absolute;
	visibility: hidden;
}

#menu .univers .left {
	background: url(menut.png) no-repeat top left;
	background-position: 0 -10px;
	height: 28px;
	margin-right: 7px;
}