/* CSS du menu vertical, bieler batiste */


.jeunes{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:168px;
    width/**/:166px;
    margin:0;
    padding:0;
    }
    
.jeunes span{
    display:none;
    }
    
.jeunes ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:168px;
    width/**/:166px;
    }
    
.jeunes li ul{
    visibility:hidden;
    }
            
.jeunes li ul{
    margin-left:170px; /* be careful */
    margin-top:-22px;
    padding-left: 4px;
    }
    
.jeunes a{
    text-align:left;
    background-color: #99BE61;
    color:#000;
    font-weight: 100;
    display:block;
    width:168px;
    border-bottom: 1px #EBF1D4 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 4px; /* em units can creat little graphic bug in mozilla */
    }
    
.jeunes a:hover{
    background-color: #7C9C4E;
    }
    
/* for a mozilla better display with key nav */
.jeunes a:focus{
    background-color: #7C9C4E;
}

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





/* CSS du menu vertical, bieler batiste */


.etudiants{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:168px;
    width/**/:166px;
    margin:0;
    padding:0;
    }
    
.etudiants span{
    display:none;
    }
    
.etudiants ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:168px;
    width/**/:166px;
    }
    
.etudiants li ul{
    visibility:hidden;
    }
            
.etudiants li ul{
    margin-left:170px; /* be careful */
    margin-top:-22px;
    padding-left: 4px;
    }
    
.etudiants a{
    text-align:left;
    background-color: #98C3CF;
    color:#000;
    font-weight: 100;
    display:block;
    width:168px;
    border-bottom: 1px #EBF1D4 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 4px; /* em units can creat little graphic bug in mozilla */
    }
    
.etudiants a:hover{
    background-color: #84A9B4;
    }
    
/* for a mozilla better display with key nav */
.etudiants a:focus{
    background-color: #84A9B4;
}

.etudiants span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.etudiants li{
    width:168px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .etudiants li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
.etudiants a.linkOver{
    background-color: #84A9B4;
    }
   
   
   
/* CSS du menu vertical, bieler batiste */


.cadres{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:168px;
    width/**/:166px;
    margin:0;
    padding:0;
    }
    
.cadres span{
    display:none;
    }
    
.cadres ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:168px;
    width/**/:166px;
    }
    
.cadres li ul{
    visibility:hidden; 
    }
            
.cadres li ul{
    margin-left:170px; /* be careful */
    margin-top:-22px;
    padding-left: 4px;
    }
    
.cadres a{
    text-align:left;
    background-color: #B3AD91;
    color:#000;
    font-weight: 100;
    display:block;
    width:168px;
    border-bottom: 1px #EBF1D4 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 4px; /* em units can creat little graphic bug in mozilla */
    }
    
.cadres a:hover{
    background-color: #827F60;
    }
    
/* for a mozilla better display with key nav */
.cadres a:focus{
    background-color: #827F60;
}

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