/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    top:56px;
    display:block;
	margin: 0px 210px 0px;
    padding:0;
    width:500px; /* important for Opera7 */
    z-index: 502; 	
    }
.menu ul{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:124px;
    margin:0;
    padding:0;   
    font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    
.menu li ul{
    visibility:hidden;
    z-index: 502; 
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style:none;
	/*width:124px;*/
    height:auto;
    display:inline;
    display/**/:block;
    float:left;
    margin:0;
    padding:0; 
    z-index: 502; 
	
    }
    
.menu li li{
	display:block;
	float:none;
	/*width:175px;*/
	
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    float:none;	
    }

.menu a{
    text-align:center;
	color:#404040;
    display:block;
    /*width:124px;*/
	font-weight: bold;
    text-decoration:none;
    padding:2px 0;
    margin:0px;
    margin-left: 0px;
    margin-right: 5px;
    }
.menu a:hover{
	text-decoration:none;
	color:#404040;
    }
.menu a:visited{
	text-decoration:none;
	color:#404040;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus {
    background-color: #FFFFFF;
	color:#404040;
}



/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a{
	color:#FFFFFF;
	height:auto;
	width:150px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
	border-top: thin none #000000;
	border-right: thin solid #000000;
	border-left: thin solid #000000;
	border-bottom: thin solid #000000;
	background-repeat: no-repeat;
	background-position: left center;
	list-style-image: none;
    }
.menu li li a:visited{
	color:#FFFFFF;
	width:150px;
    }
	
.menu li li a:link{
	color:#FFFFFF;
	}
.menu li li a:hover{
	background: #F0F0F0;
	color:#000000;
	width:150px;
    }	
.env{
	background-color: green;
}
.euro{
	background-color: #4495D1;
}
.env{
	background-color: #32CD32;
}
.dev{
	background-color: Navy;
}
.traf{
	background-color: #FF6347;
}
.ris{
	background-color: Green;
}
.vh{
	background-color: Purple;
}
.emo{
	background-image: url(images/pierre.jpg);
}
.urb{
	background-color: #DAA520;
}

.fer{
	background-color: #CC0000;
}	
.mo{
	background-color: #FF9900;
}	
.oa{
	background-color:#009999;
}

.ie{
	background-color:#d19662;
}	

.iar{
	background-color:#CC6633;
}