/************************/
					/* CSS du menu vertical */
					/************************/

/* top menu cellule principale du menu deroulant : liste ul*/
.sub_menu {
    width : 100%;			/* largeur de base de la cellule principale du menu deroulant : DOIT OCCUPER TOUT L'ESPACE */
    font-weight: bold;
    font-size: 11px;		/* taille police cellule principale du menu deroulant */
}

/*	cadre contenant la liste déroulante (les puces li) */
.sub_menu ul {
	padding:0;
    position:absolute;	/* important */
/*    width : 180px;*/		/* largeur du cadre contenant la liste déroulante : cadre contenant les li doit etre idem ŕ 555 */
    z-index:10000;
}


/* For all links  
.sub_menu a {
	text-align:center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px;*/	/* distance du texte de cellule au bord et en haut */
/*}*/

	/******************************************************/
	/* CADRE contenant la liste déroulante des sous menus */
	/******************************************************/
.sub_menu li ul {
    position:absolute;	/* important: position fixe du menu déroulant */
    margin-left:-14px; /* be careful */ /* LG decalage par rapport au menu principal 0 valeur initiale */
    /*margin-left:0px;*/ /* be careful */ /* LG decalage par rapport au menu principal 0 valeur initiale */
    margin-top:/*25px;*/22px;
    border: 1px double black;/*3px double black;*//*#2F88C4;*/
    visibility:hidden;	/* cache le menu déroulant */
    width : 180px;		/* largeur du cadre contenant la liste déroulante : cadre contenant les li doit etre idem ŕ 555 */
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}
   
.sub_menu li ul a{	/* sous menus liens */
    /*display:block;*//* BUG IE 6 */
/*	padding-left:0px;*/
    text-decoration:none;
    margin:0;
    padding:0 0 0 0; /*padding:3px 0 3px 0;*//* em units can creat little graphic bug in mozilla */
}
	/**********************************************************/
	/* FIN CADRE contenant la liste déroulante des sous menus */
	/**********************************************************/

		/***********************/
		/* PUCE D'UN SOUS MENU */
		/***********************/
		
.sub_menu li ul li{
	margin:0 0 0 0;			/* espace entre deux puces du sous menu */
    
	background-image: url('/picture/menu_haut/topmenu_cellule_long.jpg');
    background-repeat: repeat-x;
	
/*	background-color:  #2F88C4;*/	/* Couleur de fond de la puce déroulante */

    width : 100%;			/* largeur de l'intérieur de la liste déroulante : 555 */
	height: 100%;			/*  hauteur de l'intérieur de la liste déroulante */
    display:block;			/* 	indispensable : BUG IE6 */
/*    border-bottom: 3px double #2F88C4;*/
	height:18px;
}

.sub_menu li ul li a{
	color: #FFFFFF;			/* Couleur du texte de la puce déroulante */
 }

.sub_menu li ul li a:hover{
    /*background-color:	#FFFFFF;*/	/* blanc */ /* voir FMALLET none repeat scroll 0 0;*/ /* bleu : couleur de fond du sous menus de top menu quand on passe la souris dessus */
	/*color:  			#2F88C4;*/ 	/* bleu */ /* blanc Arcane : couleur de texte du sous menus de top menu quand on passe la souris dessus */
    /*display:			block;*/		/* list-item *//* Affiche des cercles devant le texte *//* BUG IE6 : none NOK */
	/*height:18px;*/
}
		/***************************/
		/* FIN PUCE D'UN SOUS MENU */
		/***************************/
    
/* for a mozilla better display with key nav */
.sub_menu ul li a:focus{
    background-color: #2F88C4; /* bleu */
}
        
        
.sub_menu li{		/* 1er menu du top menu*/
    display:inline;
/*    float:left;*//* float:left décentre le texte */
}

.sub_menu li a{		/* 1er menu du top menu*/
	padding-left:0px;
}

.sub_menu  li :hover{	/* passage souris sur 1er menu du top menu*/
	/*background: red;**/	/* s affiche quand on passe sur une cellule mais pas sur le texte */
}


/* IE PC selector */

* html .sub_menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
}

* html .sub_menu li :hover{
	/*background: red;*//*#2f88c4;*//* bleu Arcane */
}
    
.sub_menu ul li a.linkOver{
    background-color: red;/*#eee;*/
}
 
.sub_menu_text {
	display:inline;
	width:180px;
}