/* -------------------------------------------------------------------------------------------------- */
/* menu haut, au dessus de la bannière */

#menu_haut {
	padding : 0px ;
	color : #1F468E ;
	text-align : center ;
}

ul#menu_gauche {	
	float : left ;
	list-style : none ;
	margin : 0px ;
	padding : 0px 0px 0px 45px  ;
	font-size : 0.9em ;
}
			#menu_gauche li {
				float: left ;
				display: inline ;
			}			
						a.no_select {
							display: block;
							height : 20px ;
							margin-right : 20px ;
							padding : 5px 0px 0px 0px;
							text-align: center;
							font-size : 0.8em ;
							text-decoration : none ;
						}			
						a.select {
							display: block;							
							height : 20px ;
							margin-right : 20px ;
							padding : 5px 0px 0px 0px;
							text-align: center;
							color: #999 ;
							font-size : 0.8em ;
							text-decoration : underline ;
						}
								a.select:hover {
									color: #ffa461;
								}

ul#menu_droite {	
	float : right ;
	width : 35% ;
	margin : 0px -19px 0px 0px ; /* différent dans ie7.css */
	padding : 0px 40px ;
	list-style : none ;
	text-align : right ;
	color : #fff ;  
	background : #76B3CF url('/interface/images/template_mai09/arrondi_menuhaut.png') no-repeat top left ; 
}
			#menu_droite li {
				float: right ;
				display: inline ;
				margin : 5px 0px ;
				padding : 0px ;
				font-size : 0.8em ;
			}								
			
/* -------------------------------------------------------------------------------------------------- */
/* Menu principal */

div#menu_principal {
	margin : 0px ;
	padding : 10px 0px 0px 12px ;
	border : #fff solid 0px ;
	background: #ffffff url('/interface/images/template_mai09/ombre_villesinternet.png') bottom right;
}


	ul#menu_principal {
		width : 80% ;
		height: 25px;
		list-style : none ;
		margin : 0px ;
		padding : 0px ;
		border : #fff solid 0px ;
	}
			#menu_principal li {
				float: left ;
				display: inline ;
				margin : 0px ;
				padding : 0px 0px 0px 5px ;
			}	
						#menu_principal a.align_gauche {
							display: block;
							width: 110px;
							padding : 6px 0px ;
							text-align: center;
							background-color : #216AA8 ;							
							color: #ffffff;
							font-size : 0.8em ;
							text-decoration : none;	
							border:1px solid #999;
						}			
						#menu_principal a.align_gauche_select {
							display: block;
							width: 110px;
							padding : 6px 0px ;
							text-align: center;
							background-color : #76B3CF ;
							color: #fff;
							font-size : 0.8em ;
							text-decoration : none;	
							border:1px solid #999;						
						}
								#menu_principal a.align_gauche:hover {
									background-color : #fff ;
									color: #000000;
									text-decoration : underline;	
								}

								
/* -------------------------------------------------------------------------------------------------- */

dl dd.sur_menu_niv_1 {
	margin:0;
	padding:0;
}

dt.menu_actif  a {
	display : block ;
	margin : -10px 0px ;
	padding : 2px 10px ;
	text-align : left ;
	font-size : 0.9em ;
	color : #fff ;
	text-decoration : none ;
	background-color : #76B3CF ;
	border:1px solid #999;
}
dt.menu_actif a:hover {
	text-decoration : underline ;
	color : #000000 ;
	background-color : #fff ;
}

dt.menu_inactif  a {
	display : block ;
	margin : -10px 0px ;
	padding : 2px 10px ;
	text-align : left ;
	font-size : 0.9em ;
	color : #ffffff ;
	text-decoration : none ;	
	background-color : #216AA8 ;
	border:1px solid #999;
}
dt.menu_inactif a:hover {
	text-decoration : underline ;
	color : #000000 ;
	background-color : #fff ;
}

dl.menu_niv_2 {
	margin-top : 10px ;
}

dt.menu_niv_2  a {
	display : block ;
	margin : 0px 30px 0px -30px ;
	padding : 2px 10px ;
	text-align : left ;
	font-size : 0.9em ;
	background : #C2E0EB ;
	border-right:1px solid #999 ;
	border-left:1px solid #999 ;
	border-bottom:1px solid #999 ;
	text-decoration : none ;
	color : #000000 ;
}	
dt.menu_niv_2   a:hover {
	display : block ;
	text-decoration : underline ;
	color : #000000 ;	
	background-color : #ffffff ;
}