body {behavior: url(./csshover.htc);}
/* 	
	http://www.xs4all.nl/~peterned/csshover.html 
	http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php
*/
div#menu a {color:black;}
div#menu ul {padding: 0px; margin:0px; background: white; text-align:center; border-left-color: Fuchsia; border-left-style: solid; border-left-width: 4px;}
/* div#menu ul.niveau1 li {background:#a6E982; }  */
/*div#menu li {background:#a6E982; font-size: 70%;}*/
div#menu li {background:#a6E982; font-size: 11.5px;}

div#menu li.sousmenu:hover {background: #EBB;}
div#menu li:hover {background: #EDD;}

div#menu li.plop { background:url(img/fleche_bas.gif) 95% 50% no-repeat #a6E982;}


div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}
div#menu ul ul {position: absolute;display:none;}
div#menu li a {text-decoration: none; padding: 4px 0px 4px 0px; display:block; width:180px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover {display:block;  width:180px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2a, div#menu ul.niveau2a li.sousmenu:hover {display:block; width:180px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2b, div#menu ul.niveau2b li.sousmenu:hover {display:block; width:180px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2c, div#menu ul.niveau2c li.sousmenu:hover {display:block; width:180px;}

div#menu ul.niveau2 li a {width: 200px; text-align:left;  padding-left:6px;}
div#menu ul.niveau2 li:hover a{ background: #EDD;}

div#menu ul.niveau2a li a {width: 170px; text-align:left;  padding-left:6px;}
div#menu ul.niveau2a li a:visited {background: #aaa;}
div#menu ul.niveau2a:hover li a:hover {background: #EDD;}

div#menu ul.niveau2b li a {width: 550px; text-align:left;  padding-left:6px;}
div#menu ul.niveau2b li a:visited {background: #aaa;}
div#menu ul.niveau2b:hover li a:hover {background: #EDD;}

div#menu ul.niveau2c li a {width: 700px; text-align:left;  padding-left:6px; }
div#menu ul.niveau2c li a:visited {background: #aaa;}
div#menu ul.niveau2c:hover li a:hover {background: #EDD;}

li:hover > ul { /* no go in IE */ }

/* 2 and 13 */ 
ul ul, li:hover ul ul { display:none; } 
/* 12 and 23*/ 
li:hover ul, li:hover li:hover ul { display:block; }