/* ##########################################
	Feuille de styles
	Date de creation: mars 2006
	Auteur : Pernelle Rousselot
	Fonctionnalités: 
		Regroupe les styles pour la fabrication du menu vertical
		
	Historique des modifications:
		[date] [auteur] => [modifs]
		[27.03.2006] [pernelle] => [création de la css]
		[11.09.2007] [pernelle] => [adaptation pour integration page intermedia.Com]
		[09.04.2008] [pernelle] => [modification hauteur pour compatibilité firefox/IE]		
  ########################################## */
  

/**** MENU ****/

/* Positionnement du calque <menu>*/
#calque_menu{
	margin:0;
	padding:0;
	position:absolute;
	top:100px;
	left:355px;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:610px;
}

#menu, .item, .item_actif{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;					/* ===> Alignement du texte */
	display:block;
}
#menu li{
	margin:0 0 2px 0;					/* ===> Espacement entre chaque item de menu */
	list-style:none;
	float:left;
	display:block;
}

/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.item{
	background:none; 				 /* ===> Couleur de fond de chaque item de menu */
	
	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-size:11px;
	width:100px;
	display:block;
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.item_actif{
	background:none;				/* ===> Couleur de fond de l'item */

	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-size:11px;
	width:100px;
	display:block;
}

/* ======== 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:#333;

	/* partie de code a repeter */
	text-decoration:none;
	padding:2px 5px 2px 0px;
	margin:0;
	display:block;
	height:auto !important;		
	height:11px;
}
.item a:hover{
	color:#3081C0;
	background:none;
	font-weight:bold;
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 5px 2px 0px;
	margin:0;
	display:block;
	height:auto !important;		
	height:11px;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	color:#3081C0;	
	font-weight:bold;
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 5px 2px 0px;
	margin:0;
	display:block;
	height:auto !important;		
	height:11px;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#3081C0;
	background:none;
	font-weight:bold;
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:2px 5px 2px 0px;
	margin:0;
	display:block;
	height:auto !important;		
	height:11px;
}