/* http://www.jeromepernooweblabel.com/public/css/menu.css */

ul#menu
{
	list-style-type: none;
	margin: 20px 0 0 20px;
	padding: 0;
}

ul#menu a
{
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	background: url(p1/puce0.gif) center left no-repeat;
}
	 
ul#menu a:hover
{
	background-image: url(p1/puce1.gif);
}

li.menuitem
{
	cursor:hand;
}

/* MENU CSS HANDLER */


#submenu
{
	text-align: left;
	display: block;
	position: fixed;
	top: 161px;
	right: 584px;	
}


#base_menu li
{
	text-align: left;
	text-transform: capitalize;
	padding-left: 14px;
	width: 120px;
	margin-top: 4px;
	margin-right: 159px;
	margin-left: 0px;
	color: #56574C;
	background-color: #fff;
	list-style-type: none;
	font: bold 10px arial;
}

#base_menu li.base_menu_item
{
	height: 15px;
	margin-top: 4px;
	margin-left: 0px;
}

#base_menu li.base_menu_item.active_item
{
	margin-top: 4px;
	margin-left: 0px;
}

#base_menu .active_item
{
	background-color: #868780;
	width: 279px;
	margin-right: 0px;
	margin-right: 0px;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	background-image:url(/public/images/article_opened.gif) ;
	background-position: right;
	background-repeat: no-repeat;
	z-index: 0;
	margin-left: 0px;
}

#base_menu li.active_item a
{
	color: #FFFFFF;
}

#base_menu li.active_item a:hover
{
	color: #FFFFFF;
}


#base_menu li:hover
{
	background-color: #CFCFCC;
}

#base_menu li.active_item:hover
{
	background-color: #868780;
}

#base_menu li
{
	line-height: 15px;
}

#base_menu li a
{
	color: #868780;
	line-height: 15px;
	font: bold 10px/15px arial;
}

#base_menu li a:hover
{
	color: #56574C;
}

#base_menu li.subcontent
{
	background-image: url(/public/images/fleche.png) ;
	background-position: right;
	background-repeat: no-repeat;
	color: #868780;
	margin-left: 0px;
	font: bold 10px/15px arial;
}

#base_menu li.subcontent.active_item
{
	width: 120px;
	color: #FFFFFF;
	background-color: #868780;
	background-image: url(/public/images/fleche_open_white.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-left: 0px;
	margin-right: 159px;
}

#base_menu li.subcontent:hover
{
	background-image: url(/public/images/fleche_open.png) ;
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

#base_menu li.subcontent #menu2 li.subcontent
{
	color: #CFCFCC;
	font: 12px "Courier New", Courier, mono;
	width: 145px;
	background-image: none;
}

#base_menu li.subcontent.active_item #menu2 li.subcontent
{
	width: 137px;
	background-image: none;
}

#base_menu li.subcontent #menu2 li.subcontent:hover
{
	background-image: none;
}

#base_menu ul.submenu_1 li ul.submenu_2 li
{
	padding-left: 0px;
	margin-left: 7px;
	width: 128px;
}

#base_menu ul.submenu_1 li.active_item ul.submenu_2 li
{
	padding-left: 0px;
	margin-left: 6px;
	width: 129px;
	overflow: hidden;
}

#base_menu ul.submenu_1 li ul.submenu_2 li.active_item
{
	width: 141px;
	padding-left: 0px;
	margin-left: 4px;
	overflow: hidden;
	background-image:url(/public/images/article_opened_sub.gif) ;
	background-position: top right;
	background-repeat: no-repeat;
}

	
#base_menu ul.submenu_1 li
{
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 0px;
	background-color: #868780;
	width: 137px;
	color: #CFCFCC;
	font: normal 12px "Courier New", Courier, mono;
}

#base_menu ul.submenu_1 li:hover
{
	color: #E7E7E5;
}

#base_menu ul.submenu_1
{
	margin-top: 4px;
	margin-left: 120px;
}


#base_menu ul.submenu_1.active_item
{
	margin-top: 4px;
	margin-left: 0px;
}


#base_menu ul.submenu_1 li.active_item
{
	color: #FFFFFF;
	font: normal 12px "Courier New", Courier;
	background-color: #868780;
	/*background: url(/public/images/article_open.png) no-repeat 5px;
	background-position: right;*/
	width: 137px;
}

#base_menu ul.submenu_1 li a
{
	color: #CFCFCC;
	font: 12px "Courier New", Courier;
	display: block;
	text-align: left;
	width: 130px;
	background-color: #868780;
	position: relative;
}

#base_menu ul.submenu_1 li a:hover
{
	color: #E7E7E5;
	font-size: 12px;
}

#base_menu ul.submenu_1 li ul.submenu_2 a
{	
	color: #FFE880;
	display: block;
	position: relative;
	z-index: 200;
	font: 9.5px Verdana, sans-serif;
	text-transform: none;
	max-width: 126px;
}

#base_menu ul.submenu_1 li ul.submenu_2 a:hover
{
	color: #FFDD40;
}

#base_menu ul.submenu_1 li ul.submenu_2 a:active
{
	color: #FFD200;
}