/* CSS du menu vertical, bieler batiste */

.menu{
    position:relative;
	left:0;
    /* solve a Opera7/IE display bug */
    width:202;
    width/**/:200px;
	height:auto;
	
   /* border-top: 1px #BBB solid;
    border-left: 1px #BBB solid;
    border-right: 1px #555 solid;
    border-bottom: 1px #555 solid;*/
    margin:  -5px  -5px 0 0;
    padding:0;
	color:#555;
	background-color:#ffffff;	
    }
    
/*.menu span{
    display:none;
    }
  */  
.menu ul{
    border-top: 1px #BBB solid;
    border-left: 1px #BBB solid;
    border-right: 1px #555 solid;
    border-bottom: 1px #555 solid; 
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:202px;
    width/**/:200px;
	background-color: #ddd;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:200px; /* be careful */
    margin-top:-24px;
    }
.menu a{
    text-align:left;  
	text-indent:20px; 
    color: #555;
    display:block;
    width:194px;
     /* border-bottom: 1px #000 solid;*/
    text-decoration:none;
    margin:0;
    padding:1px 3px 1px 3px; /* em units can creat little graphic bug in mozilla */
   }
    
.menu a:hover{
    background-color: #aaa;
	 color: #333;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaa;
	 color: #333;
}

.menu a:visited{
    color: #555;
}

/*.menu span{
    /* hide some accessibility stuff */
/*    display:none;
    }*/
        
.menu li{
    width:200px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
	
.menu span a {
	/* separateur */
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	text-indent:10px;
	font-style: normal;
	/*background-image: url(html_img/menu_gauche_sep.jpg);*/
	background-repeat: repeat-x;
	font-weight:bold;
	color: #555;
}

    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
* html .menu li ul{
    margin-left:0px; /* be careful */
	}