/* -- 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: 55px;
	 left: 3px;
	 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   { width: 190px; height: 60px; margin: 0 2px; cursor: pointer; }
ul.dropdown li#niv-T { background: url(../img/menu/secteur_T.png) no-repeat 0 0; }
ul.dropdown li#niv-S { background: url(../img/menu/secteur_S.png) no-repeat 0 0; }
ul.dropdown li#niv-F { background: url(../img/menu/secteur_F.png) no-repeat 0 0; }
ul.dropdown li#niv-R { background: url(../img/menu/secteur_R.png) no-repeat 0 0; }
ul.dropdown li#niv-W { background: url(../img/menu/secteur_W.png) no-repeat 0 0; }

ul.dropdown a { float: left; width: 184px; height: 55px; margin: 0 3px; font-size: 13px; font-weight: bold; }

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

ul.dropdown li#niv-T a { color: #0098a1; }
ul.dropdown li#niv-T.hover a,
ul.dropdown li#niv-T:hover a { background: url(../img/menu/secteur_T.png) no-repeat -3px 100%; }

ul.dropdown li#niv-S a { color: #0081c7; }
ul.dropdown li#niv-S.hover a,
ul.dropdown li#niv-S:hover a { background: url(../img/menu/secteur_S.png) no-repeat -3px 100%; }

ul.dropdown li#niv-F a { color: #f29400; }
ul.dropdown li#niv-F.hover a,
ul.dropdown li#niv-F:hover a { background: url(../img/menu/secteur_F.png) no-repeat -3px 100%; }

ul.dropdown li#niv-R a { color: #d4007a; }
ul.dropdown li#niv-R.hover a,
ul.dropdown li#niv-R:hover a { background: url(../img/menu/secteur_R.png) no-repeat -3px 100%; }

ul.dropdown li#niv-W a { color: #ae449e; }
ul.dropdown li#niv-W.hover a,
ul.dropdown li#niv-W:hover a { background: url(../img/menu/secteur_W.png) no-repeat -3px 100%; }

ul.dropdown span { float: left; padding: 10px 40px 0 20px; cursor: pointer; }


/* -- NIVEAU 2 -- */

ul.dropdown ul { width: 184px; padding: 5px 0; }

ul.dropdown li#niv-T ul { background: #5ecbd0; }
ul.dropdown li#niv-S ul { background: #39a7e3; }
ul.dropdown li#niv-F ul { background: #f9b03e; }
ul.dropdown li#niv-R ul { background: #ea3a9d; }
ul.dropdown li#niv-W ul { background: #df89d2; }

ul.dropdown ul li { width: 184px; height: auto; margin: 0; background: none; }

ul.dropdown ul a {
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	font-size: 12px; 
	font-weight: normal;
	padding: 5px 10px 5px 35px;
}

ul.dropdown ul a:hover { font-weight: bold; }

ul.dropdown li#niv-T.hover ul a,
ul.dropdown li#niv-T:hover ul a { background: url(../img/menu/puce_T.gif) no-repeat 10px 7px; }

ul.dropdown li#niv-S.hover ul a,
ul.dropdown li#niv-S:hover ul a { background: url(../img/menu/puce_S.gif) no-repeat 10px 7px; }

ul.dropdown li#niv-F.hover ul a,
ul.dropdown li#niv-F:hover ul a { background: url(../img/menu/puce_F.gif) no-repeat 10px 7px; }

ul.dropdown li#niv-R.hover ul a,
ul.dropdown li#niv-R:hover ul a { background: url(../img/menu/puce_R.gif) no-repeat 10px 7px; }

ul.dropdown li#niv-W.hover ul a,
ul.dropdown li#niv-W:hover ul a { background: url(../img/menu/puce_W.gif) no-repeat 10px 7px; }


ul.dropdown li#niv-T.hover ul li.hover a,
ul.dropdown li#niv-T:hover ul li:hover a { background: url(../img/menu/puce_T.gif) no-repeat -477px 7px #5ecbd0; }

ul.dropdown li#niv-S.hover ul li.hover a,
ul.dropdown li#niv-S:hover ul li:hover a { background: url(../img/menu/puce_S.gif) no-repeat -477px 7px #39a7e3; }

ul.dropdown li#niv-F.hover ul li.hover a,
ul.dropdown li#niv-F:hover ul li:hover a { background: url(../img/menu/puce_F.gif) no-repeat -477px 7px #f9b03e; }

ul.dropdown li#niv-R.hover ul li.hover a,
ul.dropdown li#niv-R:hover ul li:hover a { background: url(../img/menu/puce_R.gif) no-repeat -477px 7px #ea3a9d; }

ul.dropdown li#niv-W.hover ul li.hover a,
ul.dropdown li#niv-W:hover ul li:hover a { background: url(../img/menu/puce_W.gif) no-repeat -477px 7px #df89d2; }