/* CSS du menu vertical, bieler batiste */

.menu{
    /*position:absolute;*/
    /* solve a Opera7/IE display bug */
    /*width:152px;*/
    width:170px;
   /* border-top: 1px #666 solid;
    border-left: 1px #666 solid;
    border-right: 1px #666 solid;*/
    margin:0;;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
  /*  border-top: 1px #666 solid;*/  
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:170px;
    width/**/:170px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:155px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
	text-align:left;
	background-color: #246494;
	color:#000000;
    font-weight:bold;
	display:block;
	width:155px;
	/*border-bottom: 1px #666 solid;*/
	/*border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;*/
	text-decoration:none;
	margin-left:15px;
	margin-bottom:0px;
	padding:3px 0 10px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
	background-color: #0066CC;
	color:#ff6600;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
	background-color: #FFFFFF;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
	colorL:black;
    }
    
/* 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: #246494;
    }
.menu  li.section{
  cursor: pointer;
  text-align:center;
  background-color: #246494;
  font-weight:bold;
  display:block;
  width:170px;
  border-bottom: 1px #666 solid;
  border-left: 1px #666 solid;
  border-right: 1px #666 solid;
  text-decoration:none;
  margin:0;
  padding:3px 0 3px 0;
}
.menu  li.separator{
  width: 150px;
  height: 0px;
  border-bottom: 1px solid #666;
  background-color: inherit;
  /*padding:2px 0;*/
}