/* -- STRUCTURE -- */

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

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

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

ul.dropdown li.home {
	background: url(img/home.png) no-repeat center 9px !important;
	padding:0;
	width:50px;
}
ul.dropdown li.home a {
	 width:50px;
	 height:35px;
	 display:block;
}

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: 0px;
	 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 { 
	line-height: 35px; 
	border-right: 1px solid #fff;
}

ul.dropdown li.home { 
	overflow: hidden;
}

.dropdown li a.onglet_menu { float:left; height:35px; padding:0 10px; }

.dropdown li.rose a.onglet_menu:hover { background:url(img/menu_rose.jpg) repeat-x 0 0; color:#000; }
.dropdown li.rose ul { background:#ff008c }

.dropdown li.vert a.onglet_menu:hover { background:url(img/menu_vert.jpg) repeat-x 0 0;color:#000; }
.dropdown li.vert ul { background:#bddb39 }

.dropdown li.bleu a.onglet_menu:hover { background:url(img/menu_bleu.jpg) repeat-x 0 0;color:#000; }
.dropdown li.bleu ul { background:#00d6eb }

.dropdown li.jaune a.onglet_menu:hover { background:url(img/menu_jaune.jpg) repeat-x 0 0;color:#000; }
.dropdown li.jaune ul { background:#fdcd20 }

.dropdown li.rouge a.onglet_menu:hover { background:url(img/menu_rouge.jpg) repeat-x 0 0;color:#000; }
.dropdown li.rouge ul { background:#ff0000 }

.dropdown li.violet a.onglet_menu:hover { background:url(img/menu_violet.jpg) repeat-x 0 0;color:#000; }
.dropdown li.violet ul { background:#ae34a3 }

.dropdown li.orange a.onglet_menu:hover { background:url(img/menu_orange.jpg) repeat-x 0 0;color:#000; }
.dropdown li.orange ul { background:#f29400 }


ul.dropdown li.hover,
ul.dropdown li:hover { }

ul.dropdown a {  
	color: #FFF; 
	font-size:12px;
	font-weight: bold; 
}

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


/* -- NIVEAU 2 -- */

ul.dropdown ul {
	width: 170px;
	border-top:1px solid #fff;
}

ul.dropdown ul li {
	line-height: 15px;
	border-right: none;
	/*background: url(img/dot_white.gif) repeat-x 0 100%;*/
}


ul.dropdown ul li.hover,
ul.dropdown ul li:hover { background: #020102; }

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


ul.dropdown ul a {
display:block;
padding:7px;
	font-size: 11px; 
	text-transform: none;
	color:#020102;
}

ul.dropdown ul li:hover { color:#fff; }
/*
ul.dropdown li.dir a { background: url(img/nav_arrow_small.gif) no-repeat 100% 50% !important; }

ul.dropdown li.dir li a { background: none !important; }
*/






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

ul.raccourci { float: right; font-size: 11px;  color: #FFF;  height:1px;}
ul.raccourci span { padding: 0 3px; }

ul.raccourci a { color: #FFF; }
ul.raccourci a:hover { color: #A7A6B0; }


ul.raccourci li { float: left; height: 25px; line-height: 25px; }

/*LANGUES*/


ul.raccourci li#lang-FR a { background: url(img/flag_FR.gif) no-repeat 100% 7px; padding-right: 20px; float: left; }
ul.raccourci li#lang-GB a { background: url(img/flag_GB.gif) no-repeat 100% 7px; padding-right: 20px; float: left; }



/*AUTRES*/

ul.raccourci li#autres { background: url(img/autres_puce.gif) no-repeat 100% 7px; padding-right: 15px;}


ul.raccourci li#autres a:hover { color: #FFF; }

ul.raccourci li#autres.hover,
ul.raccourci li#autres:hover { 
	position: relative; 
	z-index: 599; 
	cursor: pointer;
	background: url(img/autres_puce.gif) no-repeat 100% -82px; 
	padding-right: 15px; 
	color: #FFF; 
}

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

ul.raccourci ul li { float: none; padding: 3px 10px; text-align: left; height: 100%; line-height: 16px; }

ul.raccourci ul li.hover,
ul.raccourci ul li:hover { background: url(img/nav_hover.png) repeat-x 0 0; }

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