body {behavior: url("csshover.htc"/*tpa=http://www.tuto-fr.com/tutoriaux/menu-deroulant-css/csshover.htc*/);}
/*on enleve la restriction de taille du menu*/
div#MenuH {/*width: 100px;*/}
div#MenuH a {color:#000000}
/* on enleve la taille de ul et labordure*/
div#MenuH ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:0px; background: white}
div#MenuH li:hover {background: #EDD}
div#MenuH li.sousmenu:hover {background: #EBB;}
div#MenuH li.sousmenu {background: url("fleche.gif"/*tpa=http://www.tuto-fr.com/tutoriaux/menu-deroulant-css/fleche.gif*/) 95% 50% no-repeat;}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#MenuH ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#MenuH ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:100px}
/* plus de bordure et taille remise a 100*/
div#MenuH li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:100px}
div#MenuH ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#MenuH ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/*Il faut decaller les soussous menu de la taille du sous menu */
div#MenuH ul.niveau3 {top:0; left: 100px;}

/* on enleve la bordure de chaque hauteur a une couleure de survol
div#MenuH li a:hover {border-left-color: red;}
div#MenuH ul ul li a:hover {border-left-color: #00FF00;}
div#MenuH ul ul ul li a:hover {border-left-color: #0000FF;}*/ 

