/* --------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* XXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXX*/
/* XXx#> Menu CSS <#xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXX*/
/* XXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXX*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* --------------------------------------------------------------------------------------- */

/* -------------------------------------------------------- */
/* 1st level ul */
#BlockMenu
{
	margin: 0;
	padding: 0;
	width:900px; /* Width of the menu */
	float: left;
	cursor:pointer;
	/* border-right: 1px solid yellow;OK Outline of the block menu */
	/* border-left: 1px solid blue;OK Outline of the block menu */
	/* z-index: 2000; /* ?pour passer sur le flash*/
	
}

/* -------------------------------------------------------- */
/* 1st level li */
#BlockMenu li
{	
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	/*width:100px; /* Width of the menu content */
	width:112px; /* Width of the menu content */
	/*width:12.5%; /* work well for firefox*/
	height: 28px; /* Height of the menu content*/
	background: blue;
	border: 0px solid white;
	cursor: pointer; /* Special cursor */
	/* voir line-height */
	background: url(../pics/menublock_off.png);
	background-repeat:repeat;
	text-align:center;
}
#BlockMenu li:hover
{
	background:green;
	border:0px solid black;
	background:url(../pics/menublock_over.png);
	background-repeat:repeat;
}
#BlockMenu li:hover a
{
	background:none;
}
#BlockMenu li.active 
{
	background: red;
	border:0px solid black;
	background:url(../pics/menublock_on.png);
	background-repeat:repeat;
}
#BlockMenu li:hover p{/*text-indent:1px;*/}
#BlockMenu .first-item {width:116px;}

#BlockMenu li a.first-item {/*border-left: 0px solid red;*/}
#BlockMenu li a.last-item {/*border-right: 0px solid red;*/}
#BlockMenu li a { font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;}
#BlockMenu li p 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	height:28px;
	cursor:pointer;
}
/* -------------------------------------------------------- */
/* 2nd level ul*/
#BlockMenu li ul{
	margin: 0;
	padding: 0;
	width: 100px; /*OK Size of the submenu block */
	position: relative; /* Remove if you want to see all the menu tree, normalement absolu */
	z-index: 99;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:0px solid red;
	cursor:pointer;
}
#BlockMenu li:hover ul
{
	left: auto; /* This "unhides" the sub-menus (left: -999px is what hides them) */
}
/* -------------------------------------------------------- */
/* 2nd level li */
#BlockMenu li ul li
{
	padding:0;
	margin:0;
	width: 100px; /*OK Size of the submenu content block*/
	border-left:1px solid black; 
	border-right:1px solid black;
	background: url(../pics/bt_submenu_css_off.png) olive;
	background-repeat:repeat;
	height: 24px; /* Height of the menu content*/
	width: 150px; /* Width of the menu content*/
}
#BlockMenu li ul li:hover
{
	border-left:1px solid black; 
	border-right:1px solid black;
	background: url(../pics/bt_submenu_css_hover.png) olive;
	background-repeat:repeat;
}
#BlockMenu li ul li.active
{
	border-left:1px solid black; 
	border-right:1px solid black;
	background: url(../pics/bt_submenu_css_on.png) yellow;
	background-repeat:repeat;
}
#BlockMenu li ul li.last-item 
{
	border-bottom:1px solid black;
}
#BlockMenu li ul li p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	text-indent:5px;
	white-space: nowrap;
	color:#FFFFFF;
}