body {
	behavior: url(http://www.menestrel.fr/squelettes/csshover.htc);
} 

div#menu {
	float:left; 
	margin: 0 0 0 0em;
	background: #FFF;
}

div#menu li a{
	color: #000;
}

div#menu ul {
	margin:0; padding: 0;
	background: white; border: 1px solid #CCC;
	border-width: 0 1px;
	text-align: left;
}

/* ************************** --- 1 --- **************************** */
div#menu #sousmenu1 {
	width: 10.2em;
}
div#menu #ssmenu1 li, div #menu #sousmenu1 ul {
	width: 8.6em;
}
div#menu #sousmenu1 li:hover, #sousmenu1 a:hover {
	color: #693;
}
/* ************************** --- 2 --- **************************** */
div#menu #sousmenu2 {
	width: 13.9em;
}
div#menu #ssmenu2 li, div #menu #sousmenu2 ul {
	width: 12.1em;
}
div#menu #sousmenu2 li:hover, #sousmenu2 a:hover {
	color: #339;
}
/* ************************** --- 3 --- **************************** */
div#menu #sousmenu3 {
	width: 15.8em;
}
div#menu #ssmenu3 li, div #menu #sousmenu3 ul {
	width: 14.2em;
}
div#menu #sousmenu3 li:hover, #sousmenu3 a:hover {
	color: #639;
}
/* ************************** --- 4 --- **************************** */
div#menu #sousmenu4 {
	width: 14em;
}
div#menu #ssmenu4 li, div #menu #sousmenu4 ul {
	width: 10.4em; 
}
div#menu #sousmenu4 li:hover, #sousmenu4 a:hover {
	color: #933;
}

div#menu img {
	padding-right: 9px;
}

div#menu li li{
	margin: -3px 0 -3px 0;
	padding: 1px 0 1px 0; 
}

div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 14.3em;
	line-height: 1em; 
}

div#menu li.sousmenu {
	/* placer ici une image de flèche */
}

div#menu li a {
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none;
	width: 100%;
	voice-family: "\"}\" "; voice-family:inherit;
}

div#menu>ul a {
	width: auto; 
}

div#menu ul ul {
	position: absolute; 
	width: 14.3em; 
	display:none;
	margin-left: 1.6em;
	border-width: 1px 1px;
}

div#menu ul ul li {

}

div#menu li:hover {

}

div#menu a:hover {
	text-decoration: underline;
}

/*
div#menu li.submenu:hover {
	background-color: #EFF;
} */

/*
div#menu ul.niv1 li.sousmenu:hover ul.niv2, 
div#menu ul.niv2 li.sousmenu:hover ul.niv3 {
	display: block;
} */

div#menu ul.niv2 {
	top: 1.5em; left: -1px;
}

div#menu ul.niv3 {
	top: -1px; left: 7em;
	border-top: 1px solid #CCC;
}