/* CSS du menu vertical, bieler batiste */
.menu{ position:absolute;
    /* solve a Opera7/IE display bug */
    width:152px; width/**/:200px; margin:0 0 0 5px; padding:0; }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:200px;
    }
    
.menu li ul{ visibility:hidden; }
            
.menu li ul{
    margin-left:200px; /* be careful */
    margin-top:-20px;
    }
    
.menu a{ text-align:right; color:#d6dfe7; font-size: 12px; background-color: #63728e; text-weight:bold; display:block; width:200px; text-decoration:none; text-transform: uppercase; letter-spacing: 2px; margin:0 0 1px; padding:3px 6px 3px 0; border: solid 1px; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{ color: #63728e; background-color: #d6dfe7; }
    
/* for a mozilla better display with key nav */
.menu a:focus{ color: #63728e; background-color: #d6dfe7; }

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:200px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #63728e;
    }