/* -- STRUCTURE -- */

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

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

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%;
	 margin-left:0px;
}

ul.dropdown ul li {
	float: none;
}

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

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


/* -- HOME -- */

ul.dropdown li#home  { 
	background: url(img/2011/menu_home.png) no-repeat center center;
	margin:0 !important;
	height : 40px; 
	width: 50px; 
}

ul.dropdown li.sel_home { background: url(img/2011/menu_home_on.png) no-repeat center center !important; } 

ul.dropdown li#home a { 
	margin:0 !important;
	padding: 0 !important;
} 

#home a { display: block; width: 50px;}

ul.dropdown li#home.hover ,
ul.dropdown li#home:hover { background: url(img/2011/menu_home_on.png) no-repeat center center !important;  color: #FFFFFF !important; }


/* -- NIVEAU 1 -- */

ul.dropdown a {  
	float: left;
	height: 40px;
	line-height: 50px; 
	padding: 0 10px 0 10px;
	margin: 0 2px 0 1px;
	color: #5a2746; 
	font-size: 13px; 
	font-weight: bold;
	text-decoration: none !important;
}

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

ul.dropdown .separate { border-left:3px solid #a5145b; padding-left:7px; }

* html ul.dropdown a:hover{ 
color: #FFF !important;
} 

* html ul.dropdown ul a:hover{ 
color: #fff !important;
} 


ul.dropdown li:hover a { color:#fff }

ul.dropdown li:hover { background: #5a2747;  color:#fff !important; }


ul.dropdown li.sel{ background:#5a2747; color: #FFFFFF ; 
margin-bottom:0 !important;
margin-left:0;
margin-top:0 !important; }

ul.dropdown li.sel a { color:#fff; }

/*

ul.dropdown li a.sel  { background: url(img/menu_hover.gif) repeat-x 0 0; color: #FFFFFF !important; 
margin-bottom:0 !important;
margin-left:0;
margin-right:10px !important;
margin-top:0 !important; }


ul.dropdown li.sel a { background: url(img/menu_hover.gif) repeat-x 0 0; color: #FFFFFF !important; 
margin-bottom:0 !important;
margin-left:0;
margin-right:10px !important;
margin-top:0 !important; }
*/

/* -- NIVEAU 2 -- */

ul.dropdown ul {
	width:180px;
	background: #e41270; 
	padding: 8px 0;
}

/* Annule cascade du niv1 */
ul.dropdown  ul#niveau2  li a:hover {
	display: block;
	float: none;
	height: auto;
	line-height: 16px;
	padding: 5px;
	margin: 0 8px;
	font-size: 12px; 
	font-weight: normal;
	text-transform:  none !important;
	font-size: 11px !important;
	background: none !important;
	
}

* html ul.dropdown  ul#niveau2  li a:hover {
	display: block;
	float: none;
	height: auto;
	line-height: 16px;
	padding: 5px;
	margin: 0 8px;
	font-size: 12px; 
	font-weight: normal;
	text-transform:  none !important;
	font-size: 11px !important;
	 background: #ba1864 !important; color: #fff !important;
	
}




ul.dropdown ul a {
	display: block;
	float: none;
	height: auto;
	line-height: 16px;
	padding: 5px;
	margin: 0 8px;
	font-size: 12px; 
	font-weight: normal;
	text-transform:  none !important;
	font-size: 11px !important;
	color:#fff;
	border-bottom:1px solid #da80a3;
}

ul.dropdown li.hover  li.hover,
ul.dropdown li:hover  li:hover { background: none; }

ul.dropdown li.hover  li.hover a,
ul.dropdown li:hover  li:hover a { background: #ba1864; color: #fff; }

ul.dropdown li.hover  li.hover a,
ul.dropdown  li:hover   ul#niveau2  li:hover a { background: #ba186 !important; color: #fff !important; }




ul.dropdown li  li li a { background: none !important; color: #FFF !important;}
ul.dropdown li  ul#niveau2  li ul#niveau3 li a { background: none !important; color: #FFF !important;}

ul.dropdown li  li li.hover a,
ul.dropdown li  li li:hover a { background: #e0d7c7 !important; color: #b20059 !important;}

ul.dropdown li  li  li:hover a,
ul.dropdown li   ul#niveau2 li   ul#niveau3 li.hover a { background: #ba1864 !important; color: #fff !important;}


/*
ul.dropdown li.hover li a,
ul.dropdown li:hover li a { background: none; color: #b2005a   }

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

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

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: #b2005a !important; }

*/