/* =====================================================================
 * --------------      styles for menu_hp      -----------------
 * ===================================================================== */
/* Horizontal menu_hp : for menu_hp */

.menu_hp{
	margin-bottom:34px;
	position:relative;
	width:175px;
	height:179px;
	font-weight:bold;
}

.menu_hp li {
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	width:165px;
	background:transparent url(../images/local/skin/img08.gif) repeat-x scroll 0 0;
	padding:1px;
}


.menu_hp a {
	color:#fff;
	display:block;
	font-size:100%;
	margin:0;
	text-decoration:none;
	width:185px;
	padding:4px;
}

.menu_hp a:focus, .menu_hp a:hover {
	color:#ffff99;
	background-color: #add8e6;	
}

ul.menu_hp{
	padding-top:15px;
}
ul.menu_hpOLD{
	margin:135px 1em 2.6em;
}






#menu_hp ul {
	float: right;
	margin: 0 ;
	padding: 0;
	list-style: none;
}

#menu_hp ul li {
	display:inline;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:220px;
}


/* menu_hp deroulant */

ul.menu_hp li ul{
    display:none;
    margin-left:120px;
}

ul#menu_hp li:hover>ul{
    display:block;
}


ul#menu_hp li a:hover{
    /*border-color: #000099;*/ /*needed for hover background of submenu_hp to work */
    text-color:#dedb00;
}

ul#menu_hp ul{
    position:absolute;
    background:#4b4b4d;
    background-image:none;
    border: 1px solid #000;
    list-style:none;
	margin-left:181px;
	margin-top:-29px;
    padding:0px;
    width:243px;
    z-index:11;
}

ul.menu_hp ul li a{
	text-transform:uppercase;
	width:210px;
	padding:5px;
}

ul#menu_hp ul li a span{
 	display:block;
   width:144px;
   _width:156px;
   padding:2px 6px;
   margin:0px 2px;
   border:none;
	text-align: left;
   cursor: pointer;
	cursor:hand;
	text-transform:none;
}

ul#menu_hp ul li a:hover span{
    /*background-color:#000099;*/
    color: #260650;
    border:none;
}