body   {
	behavior: url(csshover.htc);
	font-size: 11px;	
}
div#menu                 {
	color: #F2F2F2;
	font-size: 10px;
	text-align: right;
	visibility: visible;
	padding: 0;
	position: static;
	z-index: 1;
	width: 160px;
	height: 15px;
	float: right
}

/* fond blanc pour le menu */ 
div#menu a        {
	color: #000;
	margin-right: 10px;

	font-weight: bold;
}
div#menu ul        {
	color: #F2F2F2;
	padding: 0;
	right: 3px;
	width: 180px;
	border-width: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover    {
	background-color: #FFF;
	color: #F2F2F2;
}
div#menu li.sousmenu:hover   {
	background-color: #F2F2F2;
	color: #000;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu   {
	color: #F2F2F2;
}

div#menu ul li     {  list-style: none; position: relative; border-bottom: 1px solid #fff }
div#menu ul ul     {
	background-color: #F2F2F2;
	display: none;
	position: absolute;
	top: -1px;
	left: 162px
}

/* on rajoute une bordure a gauche et des padding, on doit donc r!"ajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a          {
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 0px;
	width: 162px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3  { display: block }

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover      {
	background-color:#F2F2F2;
	color: #000;
	font-weight: bold;
}
div#menu ul ul li a:hover     {
	background-color: #F2F2F2;
	border-left: medium none #FFF;
	color: #000;
}
div#menu ul ul ul li a:hover   {
	border-left: medium none #FFF;
	color: #000;
	background-color: #F2F2F2;
}
#div_menu {
	width: 162px;
}