/* CSS du menu vertical, bieler batiste */

body{
    margin-left:15em;
    }

.menu{
    /*position:absolute;*/
	 position:relative;
    /* solve a Opera7/IE display bug */
    width:152px;
    width/**/:150px;
    border-top: 0px #000 solid;
    border-left: 0px #000 solid;
    border-right: 0px #000 solid;
    margin:0px 0px 0px 20px;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    border-top: 1px #76cdf4 solid;
    border-left: 1px #76cdf4 solid;
    border-right: 1px #76cdf4 solid;
	 border-bottom: 1px #76cdf4 solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:162px;
    width/**/:160px;
	 border-collapse: collapse;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-35px;
    }
    
.menu a{
    text-align:center;
    background-color: #ffffff;
    color: rgb(1,74,154);
    text-align:left;
	 font-size: 70%;
    display:block;
    width:150px;
    border-bottom: 1px dotted rgb(1,74,154);
    text-decoration:none;
    margin:0;
    padding:5px 5px 5px 5px; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #dcf4ff;
	 color: rgb(5,162,229);
	 text-decoration: underline;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #cce4ee;
}


.menu li ul a{
    text-align:center;
    background-color: #ffffff;
    color: rgb(1,74,154);
    text-align:left;
	 font-size: 60%;
    display:block;
    width:150px;
    border-bottom: 1px dotted rgb(1,74,154);
    text-decoration:none;
    margin:0;
    padding:5px 5px 5px 5px; /* em units can creat little graphic bug in mozilla */
    }
    
.menu li ul a:hover{
    background-color: #dcf4ff;
	 color: rgb(5,162,229);
	 text-decoration: underline;
    }
    
/* for a mozilla better display with key nav */
.menu li ul a:focus{
    background-color: #cce4ee;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    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: #eee;
    }