/* CSS du menu vertical, bieler batiste */


#menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:142px;
    width/**/:140px;
    margin:0;
    padding:0;
	 font-size:11px;
	 z-index: 2;
    }
    
#menu span{
    display:none;
    }
    
#menu ul{
    border-top: 1px #C3E1FF solid;
    border-left: 1px #C3E1FF solid;
    border-right: 1px #C3E1FF solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
    z-index: 2;
    }
    
#menu li ul{
    visibility:hidden;
    z-index: 2;
    }
            
#menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
    
#menu .sous_rub a,
#menu .niveau3 a,
#menu .page a{
    text-align:left;
    color:#FFF;
    display:block;
    width:140px;
    border-bottom: 1px #C3E1FF solid;
    text-decoration:none;
    margin:0;
    padding:3px 8px 3px 2px; /* em units can creat little graphic bug in mozilla */
    }
	
#menu .sous_rub a{
	background:url(../images/fleche_menu_blanche.gif) #5C91C5 no-repeat center right;
}
	
#menu .page a, #menu .niveau3 a {
	background-color: #5C91C5;
	background-image:none;
}

    
#menu a:hover, #menu .page a:hover, #menu .niveau3 a:hover{
    background-color:#FFF;
	color:#3C5E80;
    }

#menu a#accueil, #menu a#rub_1,
#menu a#rub_2, #menu a#rub_12,
#menu a#rub_3, #menu a#rub_4,
#menu a#rub_14, #menu a#rub_5,
#menu a#carte, #menu a#agenda,
#menu a#contacts, #menu a#plan, #menu a#liens_utiles{
    background:url(../images/copadoz_041.gif) no-repeat;
    display:block;
    width:140px;
	height:30px;
    margin:0;
    padding:0;
	border:none;
    }
	
#menu a#accueil:hover, #menu a#rub_1:hover,
#menu a#rub_2:hover, #menu a#rub_12:hover,
#menu a#rub_3:hover, #menu a#rub_4:hover,
#menu a#rub_14:hover, #menu a#rub_5:hover,
#menu a#carte:hover, #menu a#agenda:hover,
#menu a#contacts:hover, #menu a#plan:hover, #menu a#liens_utiles:hover{
    background:url(../images/copadoz_hover_041.gif) no-repeat;
    display:block;
    width:140px;
	height:30px;
    margin:0;
    padding:0;
	border:none;
    }
	
#menu a#rub_1, #menu a#rub_1:hover{background-position:0 -30px;}
#menu a#rub_2, #menu a#rub_2:hover{background-position:0 -60px;}
#menu a#rub_12, #menu a#rub_12:hover{background-position:0 -90px;}
#menu a#rub_3, #menu a#rub_3:hover{background-position:0 -120px;}
#menu a#rub_4, #menu a#rub_4:hover{background-position:0 -150px;}
#menu a#rub_14, #menu a#rub_14:hover{background-position:0 -180px;}
#menu a#rub_5, #menu a#rub_5:hover{background-position:0 -210px;}
#menu a#carte, #menu a#carte:hover{background-position:0 -240px;}
#menu a#agenda, #menu a#agenda:hover{background-position:0 -270px;}
#menu a#contacts, #menu a#contacts:hover{background-position:0 -300px;}
#menu a#plan, #menu a#plan:hover{background-position:0 -330px;}
#menu a#liens_utiles, #menu a#liens_utiles:hover{background-position:0 -360px;}
    
/* for a mozilla better display with key nav */
#menu a:focus, #menu .page a:focus, #menu .niveau3 a:focus{
    background-color: #5C91C5;
}

#menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
#menu li{
    width:150px;
    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 */
    }
    
#menu .sous_rub a.linkOver{
	font-weight:bold;
	background:url(../images/fleche_menu.gif) #C3E1FF no-repeat center right;
	color:#3C5E80;
    }