@charset "utf-8";
/* CSS Document */

body {behavior: url(csshover.htc);}
div#menu {
	font-size:14px;
	font-style:italic;
	z-index:500;
	position: relative;
	top: 30px;
	left:30px;
	width: 165px;
	}

/* fond blanc pour le menu */ 
div#menu a {
	color:#000000
	}
div#menu ul {
	padding: 0; 
	width: 165px; 
	border: 0.2em outset #999999;
	margin:0px; 
	background: white
	}
	
#menu a:hover {
	cursor: pointer;
	background: url('../images/menu/menu_fg.jpg') no-repeat 0 0 ;
	height: 16px;
	padding-left:20px;
	text-align: left;
	font-weight: bold;
	vertical-align:middle;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {
	background: url(fleche.gif) 95% 50% no-repeat;
	}

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

/* 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;
	/*border-left: 8px solid #BBB;*/
	width:144px;
    cursor: pointer;
	background: url('../images/menu/menu_bg.jpg');
	padding-left:20px;
	line-height: 16px;
	font-weight: bold;
	vertical-align:middle;
	}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}