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


div#menu a {color:#fff ; border-right: 1px #FFFFFF dotted;}
div#menu ul {padding: 0; margin:0px; background: #7d9f9f; text-align:center}
div#menu li { color:#FFFFFF; }
div#menu li:hover {/*background: #006666*/}
div#menu li.sousmenu {background: #7d9f9f;}
div#menu li.sousmenu:hover {background: #006666;}
div#menu ul.niveau1 li{ border:none;}

/* rajout couleur de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background:#669900;}
/* rajout pour flèche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat;}

div#menu li.plop:hover { background: #006666;}
div#menu li.plop ul.niveau2  li{ background:#7d9f9f;}
div#menu li.plop ul.niveau2  li:hover{ background:#006666;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top: #7d9f9f 1px solid;}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px}


div#menu ul ul {position: absolute;display:none; width:10px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleures de fond et de survol */
div#menu ul.niveau3 li { background: #ffcc00}
div#menu ul.niveau3 li:hover { background: #99CC00}