/* CSS du menu horizontal, bieler batiste */

    
.menu{
    position:absolute;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    display:block;
    margin:0;
    padding:0;
    width:550px; /* important for Opera7 */
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:auto;
    margin:0;
    padding:0;
    border-top:1px #383838 solid;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    }
    
.menu li{
    list-style:none;
    width:auto;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-decoration:none;
    text-align:left;
    line-height:16px;
    background-color: #BBB;
    border-right:1px #383838 solid;
    color:#383838;
    display:block;
    width:auto;
    padding:2px 10px;
    margin:0;
    white-space:nowrap;
    }
    
.menu a:hover{
    background-color: #1A1A1A;
    border-right:1px #383838 solid;
    color:#FFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #BBB;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a{
    background-color: #BBB;
    border-left:1px #383838 solid;
    border-right:1px #383838 solid;
    border-bottom:1px #383838 solid;
    }
    
.menu li li li a{
    background-color: #BBB;
    border-left:1px #383838 solid;
    border-right:1px #383838 solid;
    border-bottom:1px #383838 solid;
    margin-top:4px;
    }
    
.menu li li li li a{
    background-color: #BBB;
    border-left:1px #383838 solid;
    border-right:1px #383838 solid;
    border-bottom:1px #383838 solid;
    }