

/* Begin CSS Popout Menu */




#menuh-container
	{
	position:absolute;
	z-index:2;
	}


#menuh
	{
	width:930px;
	float:left;
	margin-top: 1px;
	height:23px;
	z-index:2;
	}
		
#menuh a
	{
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;

	font-weight:bold;
	display:block;
	white-space:nowrap;
	margin:0;
	padding-left:25px;
	height:20px;
	vertical-align:middle;
	line-height:20px;
	text-align:left;
	}
	
#menuh a	/* menu at rest */
	{
	color: #666;
	background-color: #C8DB00;

	text-decoration:none;
	background-image:  url(../images/picto_menu_haut_o.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-image:  url(../images/picto_menu_haut_o.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}	
			
#menuh a.top_parent  /* attaches down-arrow to all top-parents */
	{
	background-image:  url(../images/picto_menu_haut.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
#menuh a.top_parent:hover  {
	background-image:  url(../images/picto_menu_haut_o.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
	}
		
#menuh a.parent  	/* attaches side-arrow to all parents */
	{
	background-image:  url();
	background-position: left center;
	background-repeat: no-repeat;
	background-color:#e4e4e4;
	border-top:solid 1px #fff;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#666;
	padding-left:3px;
	}
	
#menuh a.parent:hover {
	background-image:  url();
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #999;
	color:#fff;
	font-weight:bold;
}


#menuh a.sousparent  	/* attaches side-arrow to all parents */
	{
	background-image:  url();
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #999;
	color:#fff;
	border-top:solid 1px #fff;
	text-align: left;

	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	height:20px;
	
}
	
#menuh a.sousparent:hover {
	background-image:  url();
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #999;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#fff;
}


.sous_menu {
	background-color: #999;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	height:10px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#fff;
	width:255px;
}


.sous_menu a {
	background-color: #999;
	border-top:solid 1px #fff; 
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight:normal;
	height:15px;
	font-family: Verdana, sans-serif;
	font-size: 20px;
	font-weight:normal;
	color:#fff;
}


.sous_menu a:hover {
	background-color: #fff;
	border-top:solid 1px #999; 
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight:normal;
	height:15px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#999;
}


#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:155px;
	/* width of all menu boxes */
	}


#menuh li
	{
	position:relative;
	}


#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}


#menuh ul ul ul
	{
	top:0;
	left:100%;
	}


div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}


div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;
}


div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;
}


#separation{
	width:930px;
	float:left;
	height:15px;
}


/* End CSS Popout Menu */
