.niveau1  {position: relative; width:1000px;  padding-left:2px  ;margin-top:-15px;z-index: 50; }

.niveau1 li {float:left; list-style-type: none; position: relative; width: 105px; border: 0px solid red; margin-top:0px;  padding: 2px;    }
.niveau1 li a { color: rgb(150,50,100);  font-weight: bold; font-size: 20px;    }
.niveau2 li a { color:rgb(0,0,0); font-size:18px; font-weight: bold;   }
.niveau2 {display: none; position: absolute; left: 220px; top: 00px; margin-top:22px; left:0px;     padding: 2px;  }
.niveau2 li {list-style-type: none; position: relative; width: 220px; background-color: #E0E0E0; padding: 2px; margin-top: -1px  ;border: 1px solid red;  }
.niveau3 {display: none; position: absolute; left: 220px; top: -1px; margin-top:0px; padding: 0px;}
.niveau3 li {list-style-type: none; position: relative; width: 220px; background-color: #E0E0E0; padding: 2px; margin: 0px  ;border: 1px solid red;  }

li:hover  { color:rgb(0,0,0);  }
.niveau2 li:hover , .niveau3 li:hover {background-color: rgb(255,255,255);}
li:hover ul.niveau2, li li:hover ul.niveau3 {display: block}