/* CSS du menu horizontal, bieler batiste */

.menu{ z-index: 3; margin: 0; padding-top: 3px; display: block; }

.menu ul{ position:absolute; display:block; width:160px;
    /*margin:0;*/
    z-index: 3; margin: 0; padding:0; }
    
.menu li ul{ background-color: #95a1c0; width: 160px; z-index: 3; visibility:hidden; border: solid 1px #576c95; }

.menu li li ul{ position:absolute; z-index: 3; margin-top:-23px; margin-right: 0; margin-left: 124px; padding: 0; }
    
.menu li{ list-style:none; width:auto; height:auto; z-index: 3; display:inline; display/**/:block; float:none; float/**/:left; margin: 0; padding:0; }
    
.menu li li{ z-index: 3; display:block; float:none; }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{ background-color: #576c95; border:solid 1px #576c95; color:#fff; font-size: 12px; font-family: "trebuchet ms"; font-variant: small-caps; display:block; width:auto; text-decoration:none; text-align: left; letter-spacing: 4px; padding:2px 10px 2px 4px; margin:1px; }
    
.menu a:hover{ color: #576c95; background-color: #95a1c0; border:solid 1px #95a1c0; }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #fdca00;
}

a.linkOver{ color: #576c95; background-color: #cbddec; border-color: #95a1c0; border-width: 1px; }