/*******************************************************************************

Style for the  menus :

********************************************************************************/

.portal-menu {
	height: 27px;
	background: repeat-x left url('/static/portal/core/main/images/menu/menubg.gif');
}
.portal-menu ul, .portal-menu li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.portal-menu  li {
	position: relative;
	float:left;
}

/*Top level list items*/
.portal-menu ul li a, .portal-menu ul li span{
	/*display: block;*/
	/*width: 130px;*/ /*Width of top level menu link items*/
	padding: 7px 3em 6px 3em;
	line-height:27px;
	border-right: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	font-size:0.9em;
	font-weight: bold;
}

.portal-menu .actif {
	background-color: #244A92;	
}

/*Sub level menu*/
.portal-menu ul li ul{
	left: 0;
	top: 0;
	border: 1px solid #A1ADD2;
	background-color:#fff;
	/*
	padding-left:2px;
	padding-right:2px;
	*/
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/*Sub level menu list items*/
.portal-menu ul li ul li{
	display: inline;
	float: none;
}


/* Sub level menu links style */
.portal-menu ul li ul li a{
	display:block;
	width: 140px; /*width of sub menu levels*/
	/*height:18px;*/
	font-weight: normal;
	padding-top:2px;
	background-color: #fff;
	/* border-top: 1px solid #ECECEC; */
	color:#244a92;
	font-size:0.8em;
	border:0;
}

.portal-menu ul li a:hover{
	background-color: #244A92;
	color:#fff;
	text-decoration: none;
}

.portal-menu ul li ul li a:hover{
    /* background: #F2F3F7; */
    background-color: #D1D9EF;
	color:#244a92;
	text-decoration: none;
}

.portal-menu .arrowdiv {
	padding:0;
	border:0;
	position: absolute;
	right: 4px;
	top: 5px;
	width:16px;
	background: transparent url('/static/portal/core/main/images/menu/menuarrow.gif') no-repeat;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .portal-menu ul li { float: left; height: 1%; }
* html .portal-menu ul li a { height: 23px; }
/* End */

.portal-menu-separator {
    padding: 0px;
    margin: 3px 0px 3px 0px;
    border-top: solid 1px #CFCFCF;
}