body { behavior:url("menu/csshover.htc"); }


div#menu {
	width: 192px;
	position: relative;
	z-index: 10;
}

div#menu a {
	color:white;
	}
	
div#menu ul {
    padding: 0;
	width: 192px;
	height:20px;
	margin: 0;
	/font-size:0;
}

div#menu ul.niveau1 li a:hover  {
		background: url("../images/papillon.png") no-repeat;
}
div#menu ul.niveau1 li.encours  {
		background: url("../images/papillon.png") no-repeat;
}

div#menu ul.niveau1 li.sousmenuencours{
		background: url("../images/papillon.png") no-repeat;
}
div#menu ul.niveau2 li a:hover {
		background: url("../images/sousmenu-papi.png") no-repeat;
}
div#menu ul.niveau2 li.rubencours{
		background: url("../images/sousmenu-papi.png") no-repeat;
}
div#menu ul.niveau3 li a:hover {
		background: url("../images/sousmenu-papi2.png") no-repeat;
}
div#menu ul.niveau3 li.actiencours{
		background: url("../images/sousmenu-papi2.png") no-repeat;;
}


div#menu ul li {
	position:relative;
	list-style: none;
	background: url("../images/menu.png") no-repeat;
}

div#menu ul.niveau2 li{
	background: url("../images/sousmenu1.png") no-repeat;
	/left: 1px;
	/width: 192px;
	/height: 20px;
}

div#menu ul.niveau3 li{
	background: url("../images/sousmenu2.png") no-repeat;
	/left: 62px;
	/width: 192px;
}

div#menu ul ul {
	position: absolute;
	top: 0px; 
	left: 192px;
	display:none;
	/left: 130px;
}

div#menu li a {
	text-decoration: none; 
	display:block; 
	font-family: verdana;
	font-size: 16px;
	line-height: lem;
	text-align: center;
}

div#menu ul.niveau1 li.sousmenuencours:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenuencours:hover ul.niveau3,
div#menu ul.niveau2 li.rubencours:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}