#menu
{

height: 25px;
background : black;
font-weight : normal;
font-size : 12px;
margin: auto;

}

#menu ul
{
position: relative;
margin: auto;
list-style: none;
margin-left: -40px;
}

#menu ul li
{
position:relative;
float:left;
height:25px;
text-align: center;
}

#menu ul li a:hover
{
background-color: #C6C6C6;
}

#menu ul li a
{
height: 25px;
text-decoration: none;
color : white ;
display: block;
line-height: 25px;
}

/* menu level 1 */
#menu ul li ul {
display:none;
position: absolute;
top: 25px;
width: 135px;
opacity:.90;
}

#menu ul li ul:hover {
display: block;
}

#menu ul li:hover ul {
display: block;
}

#menu ul li.over ul  {
display: block;
}

#menu ul li ul li {
width: 125px;
height: 25px;
background-color: black;
border-bottom: none;
text-align: left;
padding: 0px;
margin-top:-1px;
z-index:4;
text-align: center;
}

#menu ul li ul li a {
padding-left: 10px;
height: 25px;
text-decoration: none;
color: #fff;
display: block;
width: auto;
background-color: black;
}

#menu ul li ul li a:hover {
background-color: #8C8C8C;
}

#menu ul li ul li:hover {
display: list-item;
}

#menu ul li ul li.over {
display: block;
} /* pour IE  */


/* menu largeur */
#menu  .onglet {

width: 130px;

}

/* menu largeur */
#menu  #onglet_2_actif {
color : black ;
width: 115px;
background-color: #8C8C8C;
height:25px;
}

/* menu largeur */
#menu  #onglet_3_actif {
color : black ;
width: 140px;
background-color: #8C8C8C;
height:25px;
}

/* largeur des sous-menus*/
#menu  .onglet_1	{
width: 155px;
text-align:left;
font-size: 12px;
}

#menu  .onglet_2	{
width: 145px;
text-align:left;
font-size: 12px;
}
#menu  .onglet_3	{
width: 220px;
text-align:left;
font-size: 12px;
}
#menu  .onglet_4	{
width: 260px;
text-align:left;
font-size: 12px;
}

#menu  .onglet_5	{
width: 170px;
text-align:left;
font-size: 12px;
}

#actif {
color : black ;
background-color: #8C8C8C;
}
#inactif {
background-color: #D6D6D6;
}


.texte_gris_menu {
color: #b2b2b2;
padding-left:10px;
}