#navigation h6 {
display:none;
}

#menu, #menu ul {
padding: 0;
margin: 0;
list-style: none;
}

#menu li {
float: left;
position: relative;

}
.item0{
display:none;
}
.niveau1 {
text-decoration: none;
font-weight:bold;
color: #FFFFFF;
padding: 0 10px 0 10px;
font-size: 12px;
}

.niveau1 a {
text-decoration: none;
font-weight:bold;
color: #FFFFFF;
padding: 0 10px 0 10px;
display: block;
}

.niveau1 a:hover {
color: #ff0000;
text-decoration: none;
font-weight:bold;
padding: 0 10px 0 10px;
}

.niveau2 {
display: none;
width: 220px;
font-size:10px;
position: absolute;
//top: 1.25em;
top: 15px;
left: 6px;
background-color: #336799;
}

.niveau2 li {
width: 220px;
font-size:10px;
}

.niveau2 li a{
text-decoration: none;
font-size:10px;
padding: 5px 5px;
display: block;
background-color: #336799;
border-bottom: 1px solid #000000;
width: 220px;
}

.niveau2 li a:hover {
padding: 5px 5px;
//background-color: #989797;
font-size:10px;
background-color: #FFFFFF;
color: #336799;
width: 220px;
display: block;
text-decoration: none;
border-bottom: 2px solid #FFFFFF;
}

/*#menu li>ul { 
 to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
top: auto;
left: auto;
}*/

#menu li:hover ul, li.over ul { 
/* lists nested under hovered list items */
display: block;
}