/* CSS du menu vertical, bieler batiste */
/*logo #002280 */
body{
    margin-left:15em;
    }

.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:202px;
    width/**/:200px;
    /*border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;*/
    margin:0;
    padding:0;
	
	display	: block;
	text-decoration: none;
	padding-top:1px;
	margin-left:0px;
	padding-left:6px;
	padding-bottom: 1px;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
/*    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;*/
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:222px;
    width/**/:220px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
	margin-left:100px; /* be careful */
	margin-top:-24px;
	/*background-color:#ececec;*/
	background-color:#89BDFF;
	padding-right:4px;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:10px;
	margin-right:20px;
	background-image: url(../images/arrow01.png);
	background-repeat: no-repeat;
	background-position: left top;
    }

.menu span{
	padding-bottom:0px;
	border-bottom: 1px dotted #B0D3FF;
}    
.menu a, .menu a span {
    text-align:left;
    color: #002280;
    text-weight:bold;
    display:block;
    width:220px;
	
    text-decoration:none;
    margin:0;
    padding:2px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover, .menu a:hover span {
    color: #cc6600;
	text-decoration:none;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
	color: #cc6600;
}

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