@charset "utf-8";
/* CSS Document */

/* ------------------- menu du milieu ------------------*/
ul#members, li#members {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul#members
{
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	left: 15px;
	background: transparent url(../img/menu_emploi.jpg) top left no-repeat;	/* arrière-plan général du menu */
	width: 520px; /* --------> à changer <----------- largeur de l'image de fond */
	text-align: center;
}
				
ul#members li
{
	float: left ;
}
		
ul#members li a
{
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 80px; /* --------> à changer <----------- hauteur de l'image de fond */
	width: 260px;   /* --------> à changer <----------- largeur du bouton */
	color: #fff;
	font-size: 14px;
	line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
	font-weight: bold;
	font-family: arial, serif;
	text-decoration: none;
	
}

ul#members li a:hover {
	background: transparent url(../img/menu_emploi.jpg) top left no-repeat;
}


#members a#lien1:hover {
background-position: -520px 0%;	/* (mettre le même que celui du width=total) décalage de l'arrière-plan pour chaque bouton */
}
#members a#lien2:hover {
background-position: -780px 0%; /* ajouter par le width=bouton */
}
#members a#lien3:hover {
background-position: -480px 0%;
}
#members a#lien4:hover {
background-position: -540px 0%;
}
#members a#lien5:hover {
background-position: -600px 0%;
}
#members a#lien6:hover {
background-position: -660px 0%;
}


/* ------------------- menu cote ------------------*/
ul#menu {
	margin: 0;
	padding: 0;
	padding-top:20px;
	padding-left:7px;
	list-style: none;
	font-size:small;
	}

ul#menu li {margin-bottom: 5px;}	

ul#menu li a {
     margin: 0 2px;
     width: 180px; 
     height: 20px;
     display: block;
     text-align: center;
     text-decoration: none;
     color: #FFFFFF;
     background: url(../img/bg_boutonrond-1.png);

}
ul#menu li a:hover {
     background: url(../img/bg_boutonrond-2.png);
}


/* ------------------------ menuBottom -------------------------- */
ul#menuBottom {
margin:0;
padding:0;
padding-top: 2px;
padding-left:200px;
list-style-type: none;
width: 100%; /* précision pour Opera */
}

ul#menuBottom li {
float: left;
}

ul#menuBottom a {
float: left;
margin: 0 2px;
padding: 1px 5px;
text-align: center;
text-decoration: none;
color: #36388a;
}

ul#menuBottom a:hover {
color: #e9661f;
text-decoration: underline;
}