#menu
{
	width: 652px;
	height: 11px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 291px;
	top: 23px;
	z-index: 1000;
}


#menu li
{
	background: url(../images/menuHautOFF.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-right: 22px;
	display: block;
	float: left;
	text-indent: -5000px;
	height: 11px;
	outline: none;
	padding-left: 0;
	position: relative;
	padding-bottom: 11px;
}

#menu li.dernier { margin-right: 0px; }

#menu li#appelsOffres { margin-right : 0px; }

#menu li a
{
 width: 100%;
	display: block;
	text-indent: -5000px;
	height: 11px;
	outline: none;
	padding-left: 0;
	margin-left: 0;
	
}

#menu li:hover, #menu li.over, #menu li.selectionne
{
	background-image: url(../images/menuHautON.gif);
}

#menu li#comite
{
	width: 48px;
	background-position: 0px 0px;
}


#menu li#projet
{
	width: 48px;
	background-position: -70px 0px;
}

#menu li#repertoire
{
	width: 207px;
	background-position: -139px 0px;
}


#menu li#emplois
{
	width: 53px;
	background-position: -368px 0px;
}


#menu li#nouvelles
{
	width: 73px;
	background-position: -443px 0px;
}


#menu li#appelsOffres
{
	width: 113px;
	background-position: -537px 0px;
}

#menu li ul
{
	display: none;
	position: absolute;
	top: 15px;
	left: -15px;
	background: #040b21;
	z-index: 1000;
	padding: 8px 0px;
}

#menu li:hover ul, #menu li.over ul
{
	display: block;
}

#menu li ul li, #menu li:hover ul li, #menu li.over ul li, #menu li.selectionne ul li
{
	display: block;
	float: none;
	width: 165px;
	height: 20px;
	margin: 0;
	padding: 3px 0px;
	background-color: #040b21;
	background-image: url(../images/ligneMenu.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#menu li ul li.dernier { background-image: none; }

#menu li ul li a, #menu li#comite ul li a, #menu li#projet ul li a, #menu li#repertoire ul li a, #menu li#emplois ul li a, #menu li#nouvelles ul li a, #menu li#appelsOffres ul li a,
#menu li ul li a:hover, #menu li#comite ul li a:hover, #menu li#projet ul li a:hover, #menu li#repertoire ul li a:hover, #menu li#emplois ul li a:hover, #menu li#nouvelles ul li a:hover, #menu li#appelsOffres ul li a:hover
{
	background: #040b21 url(../images/flecheBlanche.gif);
	background-repeat: no-repeat;
	background-position: 145px 8px;
	text-indent: 0;
	display: block;
	width: 135px;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px;
	color: #ccc;
	font-size: 95%;
	font-weight: normal;
	padding-bottom: 0;
	margin: 0;
}

#menu li ul li a:hover, #menu li#comite ul li a:hover, #menu li#projet ul li a:hover, #menu li#repertoire ul li a:hover, #menu li#emplois ul li a:hover, #menu li#nouvelles ul li a:hover, #menu li#appelsOffres ul li a:hover
{
	text-decoration: none;
	color: #c4892f;
	background-image: url(../images/flecheMenuOn.gif);
}