/* CSS du menu horizontal, bieler batiste */

.menu{ position:relative; width: 100%; z-index: 1; max-width: 492px; margin:0; padding:0; display: block; }

.menu ul{ position:absolute; display:block; width:auto;
    /*margin:0;*/
    margin: 0 0 0 18px; padding:0; }
    
.menu li ul{ background-color: #5290a9; width: auto; visibility:hidden; }

.menu li li ul{ position:absolute; margin-top:-23px; margin-right: 0; margin-left: 124px; padding: 0; }
    
.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{ background-color: #8db6ca; color:#4971a1; font-size: 10px; font-family: arial; display:block; width:auto; text-decoration:none; text-align: left; padding:2px 6px 2px 4px; margin:1px; }
a.menu_on { color: #fff; font-size: 10px; text-decoration: none; background-color: #8db6ca; text-align: left; display: block; margin: 1px; padding: 2px 6px 2px 4px; width: auto; }
.menu a:hover{ color: #fff; background-color: #00a5b6; }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #f89734;
}

a.linkOver{ color: #fff; background-color: #83bec8; border-color: #5290a9; border-width: 1px; }