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

ul#langues { position:absolute; top:10px; left:20px; margin:0; padding:0;}
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 **************/

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

/* 1e niveau */
ul#navigation { clear:both; padding:1px 0; margin:0; position:relative; }
ul#navigation li { margin:0; padding:0; display:inline; background:none;}
ul#navigation li a { display:block; float:left; padding:6px 8px 7px; border-right:1px solid #6f6f6f; border-left:1px solid #fff; color:#fff; text-transform:uppercase; font-size:0.9em; font-weight:bold; }
ul#navigation li a:hover, ul#navigation li a.aselect { color:#000;}
ul#navigation li.last a { border-right:0;}
ul#navigation li a.aselect { padding-bottom:10px; background:url(../images/bg_li_n1_hover.gif) repeat-x;}

ul#navigation li.index a { width:30px; height:30px; padding:0 0 0 20px; text-indent:-99999px; background:url(../images/bg_bt_accueil.gif) no-repeat; border:0;}

/* 2e niveau */
ul#navigation ul { position:absolute; left:0; top:29px; width:890px; height:27px; margin:0; padding:0 30px; background:url(../images/bg_snavigation.gif) repeat-x; border-bottom:1px solid #333333; }
ul#navigation ul li { float:none; display:inline;  }
ul#navigation ul li a { display:inline; border:0; text-transform:none; padding:6px 25px 8px 15px; color:#111212; background:url(../images/puce_sousnav.gif) no-repeat 0 9px;font-weight:bold; }
ul#navigation ul li a:hover, ul#navigation ul li a.aselect { color:#fff; background:url(../images/puce_sousnav.gif) no-repeat 0 9px; }



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

/* niveau 1 */
ul#inscription, ul#inscription  li { margin:0; padding:0; list-style:none;}
ul#inscription { margin:0; width:100%;}
ul#inscription li { margin:0; padding:0;}
ul#inscription li a { 
	display: block;
	float: left;	
	height: 16px;
	padding: 8px 0;
	width:100%;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	font-size:0.9em;
}
ul#inscription li.inscriptions a { 
	width:100%;
	background-image: url(../images/bg_bt_inscription.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

ul#inscription li.inscriptions a:hover, ul#inscription li.inscriptions a.aselect { 
	background-image: url(../images/bg_snavigation_inscriptions_hover.gif);
	color: #FFF;
}

/* niveau 2 */
ul#inscription  ul { margin:0; background-color:#6ea114;}
ul#inscription  ul li { display:inline; }
body.inscriptions ul#inscription  li.inscriptions ul li a, ul#inscription  li.inscriptions ul li a { 
	padding:3px 0 3px 30px;
	width:170px;
	border-bottom:1px solid #fff;
	text-transform:none;
	text-align:left;
	background:#b63d00 url(../images/bg_li_n2_hover.gif) no-repeat 18px 6px; 
}
ul#inscription  li.inscriptions ul li a:hover, body.inscriptions ul#inscription  li.inscriptions ul li a:hover { background:#e3e000 url(../images/bg_li_n2_hover.gif) no-repeat 18px 6px; color:#761822;}



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

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

/* niveau 1 */
ul#mbe li { float: left; width:100%; 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;}