/**** MENU ****/

/* Positionnement du calque <menu>*/
#calque_menu{
	position:relative;
	top:177px;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:100%;
	left:24px;
}

#menu, .item{
	margin:0;
	padding:0;
	list-style:none;
	width:116px;
	display:inline;
}
#menu li{
	margin:0;
	display:inline;
	float:left;
}

/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.item{
	background:url(../images/onglet_off.gif) no-repeat;
/*	margin:0 0 2px 0;					 /* ===> Espacement entre chaque item de menu */
	font-size:10px;
	width:116px;
	text-align:center;
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.item_actif{
	background:url(../images/onglet_on.gif) no-repeat;
/*	margin:0 0 2px 0;					/* ===> Espacement de l'item avec le reste des items */
	font-size:10px;
	width:116px;
	text-align:center;
}

/* ======== STYLES POUR LES LIENS SUR LES ITEMS =========== */
/*
 * Attention l'ensemble des styles (couleur de fond, couleur de typos, marges etc) se situent dans les proprietes des liens
 *
*/

/* Couleur du libelle par defaut */
.item a:link, .item a:visited, .item a:active{
	color:#fff;

	/* partie de code a repeter */
	text-decoration:none;
	padding:5px;
	margin:0;
	display:block;
	height:30px;
}
.item a:hover{
	color:#fff;
	background:url(../images/onglet_on.gif) no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px;
	margin:0;
	display:block;
	height:30px;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	color:#fff;	

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px;
	margin:0;
	display:block;
	height:30px;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#fff;
	background:url(../images/onglet_on.gif) no-repeat;
	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px;
	margin:0;
	display:block;
	height:30px;
}

