/* ##########################################
	Feuille de styles
	Date de creation: mars 2006
@charset "utf-8";
/**** MENU ****/

/* Positionnement du calque <menu>*/
#calque_menu_interieur{
	margin:0px 40px 20px 0px;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	/* Largeur du conteneur menu, qui sera au final la largeur des items de menu */
	width:200px;
	float:left;
}

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


/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.item{
	background:url(../images/onglet.gif) top left no-repeat; 				 /* ===> Couleur de fond de chaque item de menu */
	
	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-weight:bold;
	font-size:11px;
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.item_actif{
	background:url(../images/onglet.gif) top left no-repeat; 				 /* ===> Couleur de fond de chaque item de menu */

	/*** Modification de libelles ***/
	/*text-transform:uppercase;*/		/* ===> mise en majuscule */
	font-weight:bold;
	font-size:11px;
}

/* ======== 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:#666;
	background:url(../images/onglet.gif) top left no-repeat;  				 /* ===> Couleur de fond de chaque item de menu */

	/* partie de code a repeter */
	text-decoration:none;
	padding:5px 20px 2px 20px;
	margin:0;
	display:block;
	height:26px;
}
.item a:hover{
	color:#398bd5;
	background:url(../images/onglet_on.gif) top left no-repeat;  				 /* ===> Couleur de fond de chaque item de menu */

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

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	color:#398bd5;	
	background:url(../images/onglet.gif) top left no-repeat; 				 /* ===> Couleur de fond de chaque item de menu */

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

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#398bd5;
	background:url(../images/onglet_on.gif) top left no-repeat; 		 /* ===> Couleur de fond de chaque item de menu */
	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px 20px 2px 20px;
	margin:0;
	display:block;
	height:26px;
}



/*========= GESTION SOUS MENU ==========*/
.sous_menu, .item, .sous_item{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
.sous_menu{
	background:#fff;
	display:none;
	margin:5px 0 10px 20px;
}

/* ======== STYLES PAR DEFAUT DES ITEMS DE MENU ============ */
.sous_item{
	background:none; 				 /* ===> Couleur de fond de chaque item de menu */
	margin:0 0 1px 0;					 /* ===> Espacement entre chaque item de menu */
	
	/*** Modification de libelles ***/
	text-transform:none;
	font-weight:normal;
	font-size:11px;
	list-style-image:none;
}


/* ========= STYLES POUR L'ITEM ACTIF ===========*/
.sous_item_actif{
	background:none;					/* ===> Couleur de fond de l'item */
	margin:0 0 1px 0;					/* ===> Espacement de l'item avec le reste des items */

	/*** Modification de libelles ***/
	text-transform:none;
	font-weight:normal;
	font-size:11px;
	list-style-image:none;
}


/* ======== STYLES POUR LES LIENS SUR LES SOUS-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 */
.sous_item a:link, .sous_item a:visited, .sous_item a:active{
	color:#666666;
	background:none;
	
	/* partie de code a repeter */
	text-decoration:none;
	padding:5px 10px;
	margin:0;
	display:block;
	height:10px;
}
.sous_item a:hover{
	color:#398bd5;
	background:#fff;
		
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px 10px;
	margin:0;
	display:block;
	height:10px;
}

/* Couleur du libelle actif */
.sous_item_actif a:link, .sous_item_actif a:visited, .sous_item_actif a:active{
	color:#398bd5;
	background:#fff;	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:5px 10px;
	margin:0;
	display:block;
	height:10px;
}

/*Couleur du libelle actif en survol */
.sous_item_actif a:hover{
	color:#398bd5;	
	background:#fff;

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