/************************* Menu *************************/
#menu
{
	background-repeat: repeat-y;
	color: #000000;
	position: absolute;
	cursor: default;
	width: 961px;
	z-index: 100;
}

#menu ul
{
}

#menu li.separateur
{
    border-bottom: solid 1px #7E98B2;
}

#menu li
{
    float: left;
	list-style: none;
	background-color: #DDDDDD;
}

#menu li a,
#menu li a:focus
{
    display: block;
    background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial, Helvetica, Sans-Serif, Trebuchet MS;
    height: 62px;
}

#menu li a:hover,
#menu li a:focus
{
	color: #0000FF;
	background-color: #FFFFFF !important;
}

#menu li a span
{
	display: none;
}


#menu li ul
{
    position: absolute;
    margin-top: -1px;
    margin-left: 0px;
	background-color: #EEEEEE;
    border: solid 1px #7E98B2;	
}

#menu ul ul li a
{
	clear: both;
    display: block !important;
    background-image: url(../images/portail/menu_puce.gif) !important;
    background-position: 4px 8px;
    background-repeat: no-repeat;
    padding-left: 15px;
    height: auto !important;
    width: 160px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px !important;
    overflow: visible;
}

#menu ul ul ul
{    
    position: absolute;
	margin-left: 170px !important;
	margin-top: -1px !important;
}

/************* styles permettant le parcours du menu par le calvier *************/
/* voir : http://www.fairytells.net/index.php/2006/06/26/28-menu-deroulant-et-accessibilite-partie-1 */

/* Niveau 1, 2 et 3 masqués en attendant l'excécution du javascript */
/*.submenu ul,
.encourt .submenu ul,
.encourt .encourt .submenu ul{
	display: none;
}*/

/* Niveau 1, 2 et 3 masqués */
.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top: -99999px;
	width: 0px;
	height: 0px;
	margin: 0px;
	z-index: 999;
	display: block;
}

/* Niveau 1, 2 et 3 affichés */
.withjavascript li.encourt{
	position:relative;
}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top: 0px;
	width: 178px;	
	height:auto;
}

* html #menu li li.submenu{
	height:1%;
	margin-bottom:-0.3em;
	margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
}

* html #menu li li{
	margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
	height:1%;
	height /*ie 5.0 correction*//*\*/: /**/ /*\*/1% !important;
}

* html #menu li li li{
	margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.2em;
}

* html #menu.withjavascript  li li{
	margin-left /*ie 5.5 et 5.0 correction*//*\*/:-1.4em;
}

* html #menu.withjavascript  li li li{
	margin-left /*ie 5.5 et 5.0 correction**//*\*/:-1.5em;
}

* html #menu.withjavascript  ul ul ul{
	margin-left /*ie 5.5 et 5.0 correction*//*\*/:0em;
}


/************************* Menu sans image (désactivées) *************************/
#menuSansImages
{
	margin-left: 5px;
	background-color: #f5f8fb;
}

#menuSansImages li
{
	margin-left: 18px;
}

#menuSansImages ul
{
	margin-top: 8px;
	margin-bottom: 8px;
}