
ul.menu 				{list-style:none; margin:0; padding:0; background:#F97E16;}
ul.menu * 				{margin:0; padding:0}
ul.menu a 				{display:block; color:#000; text-decoration:none; font-size: 8pt;}
ul.menu li 				{position:relative; float:left; }

ul.menu ul 				{margin-top: 9px; left:0; border-top: 1px solid #ddd; background:#d1d1d1; background:#fafafa; list-style:none}

ul.menu ul li 			{position:relative; border:1px solid #ddd; border-top:none; width:148px; margin:0}
ul.menu ul li a 		{display:block; padding:3px 7px 5px; background-color:#d1d1d1; background:#EEE; }
ul.menu ul li a:hover 	
{
	background-color:#c5c5c5; 
	background-color:#FCA32D; 
	background-color:#28211A; 
	color: #FFF; 

	background-image: 		url(../images/commons/undermenu_bg.jpg);
	background-position: 	bottom;
	background-repeat: 		repeat-x;
	background-color: 		#28211A;
	background-color: 		#3D3832;
	color: 					#FFF;
}

ul.menu ul ul 			{left:148px; top:-1px; margin-top: 0;}
ul.menu .menulink 		{border:1px solid #ddd; padding:5px 7px 7px; font-weight:bold; background:url(../images/drop_down_menu/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background-image:url(../images/commons/header_over.gif)}
ul.menu .sub 			{background: url(../images/commons/arrow.gif) 136px 8px no-repeat}
ul.menu .topline 		{}

#navigation
{
	background-color: 		#343434;
	height: 				35px;
	height: 				39px;
	background-image:		url(../images/commons/menu_bg.jpg);
	background-repeat: 		repeat-x;
	background-position: 	top;
	z-index: 0;
	/*border-bottom: 			5px solid #FF9D0A;*/
}

ul.menu 
{
	margin: 	0;
	padding: 	0;
}

ul.menu a.first:link,
ul.menu a.first:hover,
ul.menu a.first:active,
ul.menu a.first:visited
{
	padding: 				10px 9px;
	color: 					#FFF;
	margin: 				0;
	background-image:		url(../images/commons/menuitem_right.jpg);
	background-repeat: 		no-repeat;
	background-position: 	top right;
	font-size: 				9pt;
	border: 				0;
	font-weight: 			bold;
}
ul.menu li.first:hover a.first:link,
ul.menu li.first:hover a.first:hover,
ul.menu li.first:hover a.first:active,
ul.menu li.first:hover a.first:visited
{
	background-color: 	#FFF;
	color: 				#000;
}

/* Menu Home */
ul.menu li.home	a.first:link,
ul.menu li.home a.first:hover,
ul.menu li.home a.first:active,
ul.menu li.home a.first:visited
{
	padding: 			5px 9px;
	background-color: 	transparent;
	color: 				#000;
}
ul.menu li.home:hover a.first:link,
ul.menu li.home:hover a.first:hover,
ul.menu li.home:hover a.first:active,
ul.menu li.home:hover a.first:visited
{
	background-color: 	transparent;
}
ul.menu.first li
{
	background-image:		url(../images/commons/menuitem_left.jpg);
	background-repeat: 		no-repeat;
	background-position: 	top left;
}

ul.menu li.promo a.promo:link,
ul.menu li.promo a.promo:hover,
ul.menu li.promo a.promo:active,
ul.menu li.promo a.promo:visited
{
	background-image:		url(../images/commons/menuitem_promo.jpg);
	background-repeat: 		no-repeat;
	background-position: 	top left;
	padding-left:			15px;
	padding-right:			15px;
}


/***********************************
 * Comportement menu
 ***********************************/
#navi, #navi ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navi a {
	display: block;
}

#navi li { /* all list items */
	float: left;
	/* width needed or else Opera goes nuts */
}

#navi li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navi li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 148px;
}

#navi li:hover ul ul, #navi li.sfhover ul ul {
	left: -999em;
}

#navi li:hover ul, #navi li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}