/************** menu langues **************/

ul#langues { position:absolute; top:0; left:25px; margin:0; padding:5px 0 0; width:73px; height:28px; background:url(../images/langues_bg.png) no-repeat; text-align:center;}
ul#langues li { display:inline; margin:0; padding:0 2px; background:none;}
ul#langues li a img { border:1px solid #fff;}
ul#langues li a:hover img { border:1px solid #000;}


/************** menu outils **************/

ul#pied { text-align:left; margin:0; padding:0;}
ul#pied li { display:inline; padding:0 5px; border-right:1px solid #fff; background:none;}
ul#pied li a { font-weight:bold;}
ul#pied li.last { border:0;}



/************** menu principal **************/

#nav { clear:both; width:930px; height:40px; padding:8px 10px 0; margin-top:10px; background:url(../images/nav_bg.png) no-repeat; z-index:500 !important;}

/* Masquer les niveaux 2 et plus */
ul#navigation ul { display: none !important; }

/* 1e niveau */
ul#navigation { clear:both; padding:0; margin:0; background:#093c6f; height:30px; }
ul#navigation li { float:left; margin:0; padding:0 1px 0 0; background: url(../images/nav_filet.gif) no-repeat right top; position:relative;}
ul#navigation li a { display:block; padding:0 9px; line-height:30px; border-left:1px solid #093c6f; color:#fff; text-transform:uppercase; font-weight:bold; }
ul#navigation li:hover a, ul#navigation li a.aselect { color:#093c6f; background:url(../images/nav_a_select.gif) repeat-x; border-left:1px solid #ccc; border-top:1px solid #ccc;}
ul#navigation li.last { padding-right:0; background:none;}
ul#navigation li a.aselect {}

ul#navigation li.index a { width:30px; height:30px; padding:0 6px; text-indent:-99999px; background:url(../images/nav_home.gif) no-repeat center bottom; border:0;}
ul#navigation li.index a.aselect, ul#navigation li.index a:hover { background-position:center top;}

/* 2e niveau */
ul#navigation ul {
	display:none;
	position:absolute;
	top:30px; 
	left:0; 
	width:193px; 
	margin:0; 
	padding:0 20px 10px;
	min-height:130px;
	background: url(../images/nav_sousnav_bg.png) no-repeat left bottom;
	z-index:200 !important;
}
ul#navigation li:hover ul { display:block !important; }

ul#navigation ul li { display:inline; padding:0; background:none; border-bottom:1px solid #457098;}
ul#navigation ul li.last { border:0;}
ul#navigation ul li a {
	float:left;
	width:175px; 
	line-height:normal; 
	color:#093c6f;
	font-size:0.9em;
	padding:6px 0 6px 15px !important; 
	border:0 !important; 
	background: url(../images/nav_sousnav_puce.gif) no-repeat left center !important;
}
ul#navigation ul li a:hover, ul#navigation ul li a.aselect { color:#d37016;}





/**************** menu inscriptions / colonne droite ****************/

/* niveau 1 */
ul#inscription, ul#inscription  li { margin:0; padding:0; list-style:none; background:none;}
ul#inscription { margin:0; padding:5px 10px; min-height:125px; background:url(../images/inscriptions_bg.gif) no-repeat; overflow:hidden;}
ul#inscription li { margin:0; padding:0;}
ul#inscription li a { 
	display: block;
	float: left;	
	padding:12px 0 10px 10px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	font-size:1.3em;
}
ul#inscription li.inscriptions a { 
	width:100%;
	background-image:url(../images/inscriptions_picto.gif);
	background-repeat:no-repeat;
	background-position:10px 7px;
}

ul#inscription li.inscriptions a:hover, ul#inscription li.inscriptions a.aselect { 
	color: #f9dc00;
}

/* niveau 2 */
ul#inscription  ul { margin:0;}
ul#inscription  ul li { display:inline; }
body.inscriptions ul#inscription  li.inscriptions ul li a, ul#inscription  li.inscriptions ul li a { 
	width:155px;
	padding:5px 0 5px 30px;
	border-top:1px solid #9ac3de;
	text-transform:none;
	text-align:left;
	background:url(../images/inscriptions_puce.gif) no-repeat 10px 7px;
	font-size:0.9em;
}
ul#inscription  li.inscriptions ul li a:hover, body.inscriptions ul#inscription  li.inscriptions ul li a:hover { background:#f9dc00 url(../images/bg_li_n2_hover.gif) no-repeat 10px 8px; color:#093c6f;}



/**************** Menu Marche Bien être ****************/

ul#mbe { width:176px; margin: 0; padding: 0 15px 15px; list-style: none; display:none; background:none; }
.evenements ul#mbe, .informations ul#mbe, .inscriptions-mbe ul#mbe { display:block;}

/* niveau 1 */
ul#mbe li { float: left; margin:0; padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; padding-left: 10px; background: url(../images/bg_li_marche_be.gif) no-repeat 0px 3px; }
ul#mbe li a {font-weight: bold; color: #761822;text-decoration:none;}
ul#mbe li a:hover {color: #895f90;}
ul#mbe li.select { background-color:#895f90; background-image:url(../images/bg_li_n2_hover.gif); background-position:1px 5px; background-repeat:no-repeat;}
ul#mbe li a.aselect { color:#fff;}
ul#mbe li.last { border:0;}

/* Sous niveau */
ul#mbe li ul { display:none; padding:0; margin:2px 0 2px -5px;}
ul#mbe li.select ul { display:block;}
ul#mbe ul li { float: left; width: 160px; padding: 2px 10px 2px 15px; background:#99aad3 url(../images/bg_li_marche_be.gif) no-repeat 5px 4px;}
ul#mbe ul li a { text-transform: none; font-weight:bold; font-size:0.9em; }
ul#mbe ul li a:hover { color:#fff;}
ul#mbe ul li.last { border-bottom: none;}