#droite { position:relative; width:585px; background-color:#CCCCCC; float:right; z-index:1;  
}
 
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
 z-index:10000;
}
 
#menu {
    position: absolute;
    top: 95px;
    left: 215px;
    margin: 0;
    padding: 0;
    z-index:100000;
    width: 636px;
    margin-left: auto;
    margin-right: auto;
     
}
#menu dl {
    float: left;
    width: 88px /*10em*/;
    margin: 0 1px;
 font-size:9px;
 z-index:100000;
}
 
#menu dt {
    cursor: pointer;
    text-align: center;
 font-weight:bold;
    /*
    font-weight: bold;
    background: #ccc;
    border: 1px solid gray;
    */
    text-transform: uppercase;
 z-index:100000;
}
 
#menu .avec_puce {
 background-image: url('images/point-rouge-menu.jpg');
 background-position: 0.5em 5px;
 background-repeat: no-repeat;  
}
 
#menu dd {
    border: 1px solid gray; z-index:100000;
}
#menu li {
    text-align: center;
    background: #fff;
    text-transform: capitalize;
     
}
#menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
 z-index:100000;
}
#menu li a:hover, #menu dt a:hover {
    background: #eee; z-index:100000;
}