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

Style for the  menus :

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

.portal-menu {
    height: 56px;
    text-align: left;
    margin: 0;
    padding: 0;
}

.portal-menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.portal-menu ul li{
	position: relative;
	display: inline;
	float: left;
	margin:0;
}

/*Top level menu link items style*/
.portal-menu ul li a{
	display: block;
	width: 150px; /*Width of top level menu link items*/
	height:20px;
	/*padding-left: 1em; */
	padding-left: 10px;
	padding-top: 55px;
	padding-bottom: 0px;
	margin: 0px;
	border: none;
	text-decoration: none;
	color: #fff;
	font-size:14px;
	font-weight: bold;
}

.portal-menu ul li a:hover{ color: #ff0000; }
.portal-menu ul li a.acc {
	color: #6cc6f0;
    width: 140px;
    background:transparent url(../images/flecheRetour.gif) no-repeat scroll 5px 58px;
}

.portal-menu ul li a.actif {
	color: #ff0000;
	background: none;
	/* transparent*/
}


/*
.portal-menu ul li a.loc {
	background-color: #0177be;
}

.portal-menu ul li a.etu {
	color:#7c9020;
	background-color: #d8dd29;
}

.portal-menu ul li a.prop {
	background-color: #c93582;
}

.portal-menu ul li a.prof {
	background-color: #c2181e;
}

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

.prop-selected{
	border-bottom: 6px solid #c93582;
}
*/
/*Sub level menu*/
/*
.portal-menu ul li ul{
	left: 0;
	top: 0;
	border: 1px solid #A1ADD2;
	background-color:#fff;
	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{
	height:18px;
	font-weight: normal;
	font-size:1em;
	padding-top:2px;
	background-color: #0177be;
	color:#fff;
}

.portal-menu ul.loc li a {
	width:260px;
}

.portal-menu ul.prop li a {
	width:200px;
	background-color: #c93582;
}

.portal-menu ul.prof li a {
	width:200px;
	background-color:#c2181e;
}

.portal-menu ul.etu li a {
	width:200px;
	color:#7c9020;
	background-color:#d8dd29;
}

.portal-menu ul li a:hover{
	text-decoration: underline;
}

.portal-menu ul li ul li a:hover{
	text-decoration: underline;
}

.portal-menu .arrowdiv {
	position: absolute;
	right: 4px;
	top: 5px;
	width:16px;
}

.portal-menu .arrowdiv a:hover {
    text-decoration: none;
}
*/

* 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; font-size: 12px;}*/
* html .portal-menu ul li a { padding-top: 45px; font-size: 12px; line-height: 20px; margin:0;}
* html .portal-menu ul li a.acc {
    background:transparent url(../images/flecheRetour.gif) no-repeat scroll 5px 53px;
}
* html .portal-menu ul li a.acc:hover {color: #6cc6f0;}
/* End */