/*----------------------------------------------------------------------------------------------------------------------------------*/
/*Menu - VerticalGauche*/
/*----------------------------------------------------------------------------------------------------------------------------------*/
/* mise-à-zéro des valeurs par défaut de css */
* { margin: 0; padding: 0; font-size: 100%; }

/* largeur des blocs menu et suppression des styles des listes */
ul#navmenu-v-g,ul#navmenu-v-g li,ul#navmenu-v-g ul {
 width: 140px; /* largeur du menu */
 margin: 0;
 list-style: none;
}
/* positionnement du point d'ancrage des menus */
ul#navmenu-v-g li { float: left; position: relative;  width: 100%; }
/*ul#navmenu-v-g li.iehover { z-index: 1000;}*/ /* IE z-index bugfix */ 

/* bloc menu de base - bordure supérieure  */
#navmenu-v-g {
border-top: 1px solid #FFF;
}

/* blocs menu suivants le menu de base  */
ul#navmenu-v-g ul {
 display: none;
 position: absolute;
 top: -1px; /* decalage pour gérer la bordure blanche de la premiere entrée */
 left: 100%;
 border-right: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
}
	
/* Classe ssMenu, pour la gestion des fleches */
#navmenu-v-g a.ssMenu , #navmenu-v-g li:hover li a.ssMenu , #navmenu-v-g li.iehover li a.ssMenu{
	background-image: url(/Images/Interface/flecheOrange.png);
	background-repeat: no-repeat;
	background-position: 130px;
	}
#navmenu-v-g li:hover a.ssMenu , #navmenu-v-g li:hover li:hover a.ssMenu , #navmenu-v-g li.iehover a.ssMenu , #navmenu-v-g li.iehover li.iehover a.ssMenu {
	background-image: url(/Images/Interface/flecheBleue.png);
	background-repeat: no-repeat;
	background-position: 130px;
	}

/* Apparence de tous les liens */
ul#navmenu-v-g a {
	border-bottom: 1px solid #CCC; /* bordure grise */
	padding: 6px 6px 6px 6px;
	display: block;
	color: #F26101; /* font : orange */
	text-decoration: none;
	height: 30px;
	font: bold 11px Arial, sans-serif;
	background-color: #FFF;
}

/* Menu de base - état "selectionné" */
/* Lien selectionné et lien selectionné précédent */
/*ul#navmenu-v-g a:hover,*/
ul#navmenu-v-g li:hover a,ul#navmenu-v-g li.iehover a {
 color: #0597F2; /* font : bleu */
}

/* 2ème Menu et menus suivants */
ul#navmenu-v-g li:hover li a,ul#navmenu-v-g li.iehover li a {
 /*float: none; L'élément est présenté dans le flux après l'élément précédent*/ 
 color: #F26101;  /* font : orange */
}

/* 2ème Menu et menus suivants - état "selectionné" */
ul#navmenu-v-g li:hover li a:hover,ul#navmenu-v-g li:hover li:hover a,ul#navmenu-v-g li.iehover li a:hover,ul#navmenu-v-g li.iehover li.iehover a {
 color: #0597F2; /* font : bleu */
}

/* 3ème Menu */
ul#navmenu-v-g li:hover li:hover li a,ul#navmenu-v-g li.iehover li.iehover li a {
 color: #F26101;  /* font : orange */ 
}

/* 3ème Menu - état "selectionné" */
ul#navmenu-v-g li:hover li:hover li a:hover,ul#navmenu-v-g li:hover li:hover li:hover a,ul#navmenu-v-g li.iehover li.iehover li a:hover,ul#navmenu-v-g li.iehover li.iehover li.iehover a {
 color: #0597F2; /* font : bleu */
}


/* Fonction HOVER - Ne pas déplacer */
ul#navmenu-v-g li:hover ul ul,ul#navmenu-v-g li:hover ul ul ul,ul#navmenu-v-g li.iehover ul ul,ul#navmenu-v-g li.iehover ul ul ul { display: none; }
ul#navmenu-v-g li:hover ul,ul#navmenu-v-g ul li:hover ul,ul#navmenu-v-g ul ul li:hover ul,ul#navmenu-v-g li.iehover ul,ul#navmenu-v-g ul li.iehover ul,ul#navmenu-v-g ul ul li.iehover ul { display: block; }