/* -- STRUCTURE -- */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
}

ul.dropdown li {
	 float: left;
	 vertical-align: middle;
	 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	 position: relative;
	 z-index: 599;
	 cursor: pointer;
}

ul.dropdown ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
	 width: 100%;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 0;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}


/* -- NIVEAU 1 -- */


ul.dropdown li { background: url(img/menu_sep.gif) no-repeat 100% 0; }

ul.dropdown a {  
	float: left;
	height: 40px;
	line-height: 38px; 
	padding: 0 10px 0 15px;
	margin: 0 2px 0 1px;
	color: #FFF; 
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
}

ul.dropdown li.hover a,
ul.dropdown li:hover a { background: url(img/menu_hover.gif) repeat-x 0 0; color: #004e5e; }

ul.dropdown a span { background: url(img/menu_fleche.gif) no-repeat 100% 6px; padding-right: 14px; }

ul.dropdown li.hover a span,
ul.dropdown li:hover a span { background: url(img/menu_fleche.gif) no-repeat 100% -88px; }


/* -- HOME -- */

ul.dropdown li.home a { background: url(img/menu_home.gif) no-repeat 50% 0; padding: 0 25px; margin: 0; }

/* -- NIVEAU 2 -- */

ul.dropdown ul {
	width: 190px;
	background: url(img/menu_niv2_bg.png) repeat-x 0 0;
	border: 1px solid #94b3ba;
}

ul.dropdown ul li {
	background: none;
	border-bottom: 1px solid #c8d32d;
}

ul.dropdown ul li.last {
	border-bottom: none;
}


/* Annule cascade du niv1 */
ul.dropdown ul a {
	display: block;
	float: none;
	height: auto;
	line-height: 16px;
	padding: 5px 15px;
	margin: 0;
	font-size: 12px; 
	font-weight: normal;
}

ul.dropdown li.hover li a,
ul.dropdown li:hover li a { background: none; color: #FFF; }

ul.dropdown li li.hover,
ul.dropdown li li:hover { background: url(img/menu_niv2_hover.gif) repeat-x 0 100% #cad432; }

ul.dropdown li li.hover a ,
ul.dropdown li li:hover a { color: #004e5e; }

ul.dropdown li li.hover li a,
ul.dropdown li li:hover li a { color: #FFF; }

ul.dropdown li li li.hover a,
ul.dropdown li li li:hover a { color: #004e5e; }


/********************************/
/*   LIENS HAUT
/********************************/

ul.raccourci { color: #FFF; font-size: 11px; }
ul.raccourci a { color: #FFF; text-decoration: none; }
ul.raccourci a:hover { color: #c8d32d; }

ul.raccourci li { float: left; }


/* VOIR AUSSI */

ul.raccourci li#voiraussi { background: url(img/small_arrow.gif) no-repeat 100% 5px; padding-right: 12px; font-weight: bold; }

ul.raccourci li#voiraussi.hover,
ul.raccourci li#voiraussi:hover { 
	position: relative; 
	z-index: 599; 
	cursor: pointer;
}

ul.raccourci ul { visibility: hidden; position: absolute; top: 100%; right: 0; z-index: 598; width: 120px; background: #769da5; }

ul.raccourci ul li { float: none; font-weight: normal; }

ul.raccourci ul li.hover,
ul.raccourci ul li:hover { background: #c8d32d; }

ul.raccourci ul a { display: block; padding: 3px 10px;  }
ul.raccourci ul a:hover { color: #004e5e; }


ul.raccourci li:hover > ul { visibility: visible; }