body {behavior: url(csshover.htc);}
div#menu {

	position:relative;
	float:left;
	
	left:50px;
	top:-39px;
	width:168px;

	z-index:2;
}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}

div#menu ul {

	padding: 0;
	width: 168px;
	margin:0px;

}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {

	background: url("./img/menu_hover.png") no-repeat;

}
div#menu li.sousmenu:hover {

	background: url("./img/menu_hover_ssmenu.png") no-repeat;

} 	


div#menu ul li {
	position:relative; 
	list-style: none; 
	background: url("./img/menu.png") no-repeat;
	margin-top:7px;
	height:30px;

}

div#menu ul ul li{


	height:30px;
}

div#menu ul ul {

	position: absolute; 
	border:1px solid gray;
	top: -8px; 
	left: 186px; 
	display:none;
	background:url("./img/fond_sous_menu.jpg") repeat-y;
	background-color:#f3ba49;


	width:200px;

}

/* 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;
	padding: 4px 0 4px 8px; 
	display:block; 
	width:180px;
	text-indent:30px;
	line-height:16px;
	
	font-weight:bold;
	font-size:14px;
	color:black;


}
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 {

	color:white;
	
}
div#menu ul ul li a:hover {}

div#menu ul ul li a {
	width:200px;

}

div#menu ul ul ul li a:hover {}