/**** MENU ****/

/* Positionnement du calque <menu>*/
#calque_menu_haut{
	position:absolute;
	top:95px;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:128px;
	margin:0px 0px 0px 300px ;
	left:0px;
	padding:0px;
	height:45px;
	text-align:center;
}

#calque_menu{
	position:absolute;
	top:86px;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:300px;
	margin:0px 0px 0px 280px;
	left:23px;
	padding:0px;
	height:45px;
}

#menu {
width:646px;
}

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

/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.item{
	background:url(../images/onglet_off.gif) center no-repeat;
/*	margin:0 0 2px 0;					 /* ===> Espacement entre chaque item de menu */
	font-size:10px;
	width:80px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	display:block;
	float:left; 
	
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.item_actif{
	background:url(../images/onglet_on.png) center no-repeat;
/*	margin:0 0 2px 0;					/* ===> Espacement de l'item avec le reste des items */
	font-size:10px;
	width:80px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	display:block;
	float:left; 
}

/* ======== 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:#330000;
	/* partie de code a repeter */
	text-decoration:none;
	padding:5px;
	margin:0;
	display:block;
	height:35px;
}
.item a:hover{
	color:#fff;
	background:url(../images/onglet_on.png) center no-repeat;
	font-style:normal;
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	font-weight:bold;
	padding:5px;
	margin:0;
	display:block;
	height:35px;
	
}

/* 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;
	font-weight:bold;
	padding:5px;
	margin:0;
	display:block;
	height:35px;
	
}

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