/* CSS du menu vertical, bieler batiste */
.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:243px;
    width/**/:243px;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:243px;
    width/**/:150px;
    }
    
#menu li ul{
    visibility:hidden;
    }
            
#menu li ul{
    margin-left:229px; /* be careful */
    margin-top:-24px;
	padding         : 0 0 0 11px;
    background      : url(img/flr.gif) no-repeat left top;

    }
	
#menu ul li ul li{
    background-color : #AF1117 ;
	height:20px;
	border-bottom   : 1px dotted #FFF;
	background      : #AF1117 url(img/puce-4.gif) no-repeat left center;

}


	
    
#menu ul li ul a{
    text-align:left;
	margin-left:15px;
	font-size:12px;
    color:#fff;
    font-weight:bold;
    display:block;
    width:150px;
    text-decoration:none;
	padding-left:
	
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
#menu ul li ul a:hover{
    text-decoration:underline;
    }
    
/* for a mozilla better display with key nav */
/*#menu a:focus{
    background-color: #aaf;
}*/

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