/* CSS du menu vertical, bieler batiste */

.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:196px;
    width/**/:194px;
    margin:0;
    padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:196px;
    width/**/:194px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:190px; /* be careful */
    margin-top:-18px;
    }
    
.menu a{
    text-align:left;
    background: url(imagemenu/imagemenu.jpg) repeat-y left #dbe8ff;
    color:#0d3f96;
    font-weight:bold;
    display:block;
    width:194px;
    text-decoration:none;
    margin:0;
	margin-top:2px;
    padding:2px 5px 2px 20px; /* em units can creat little graphic bug in mozilla */
	text-transform:uppercase;
    }
	
HTML>BODY .menu a{
	width:169px;
}
	
    
.menu a:hover{
    background-color: #0d3f96;
	color:#dbe8ff;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #0d3f96;
	color:#dbe8ff;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:194px;
    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: #0d3f96;
	color:#dbe8ff;
    }
    
.menu li ul a{
	background-image:none;
    background-color: #4b8cdb;
    color:#ffffff;
    display:block;
    width:175px;
	padding:2px 10px 2px 5px; /* em units can creat little graphic bug in mozilla */
    }
	
HTML>BODY .menu li ul a{
	width:150px;
}

    
.menu  li ul a:hover{
    background-color: #0d3f96;
	color:#dbe8ff;
    }