/* CSS du menu vertical, bieler batiste */

.menu{
    position:relative;
    /* solve a Opera7/IE display bug */
    width:220px;
    width/**/:217px;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:215px;
    width/**/:212px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left: 218px; /* be careful */
    margin-top:-28px;
	border-bottom: 1px solid #737c82;
    }
    
.menu a{
	font-size: 11px;
    text-align: left;
    color: #737C82;
    font-weight: bold;
    display: block;
    width: 220px;
	height: 19px;
    text-decoration: none;
    margin: 0;
    padding: 6px 0 3px 5px; /* em units can creat little graphic bug in mozilla */
    
}

.menu li ul a{
  background-color: #e1e3e7;
	/*background: #eaeaea; */
	border-top: 1px solid #737c82;
	border-left: 1px solid #737c82;
	border-right: 1px solid #737c82;
  width: 210px;
	height: 19px;
	color: #4f5a60;
	font: bold 12px Verdana, Helvetica, sans-serif;
}
    
.menu a:hover
	{
		color: #4f5a60;
		background-color: #b3b1b5; 
	}
    
.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:215px;
    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: transparent;
    }