/******************************************************************************/
/* STYLE POUR LE MENU GAUCHE
/******************************************************************************/

#menuGauche {
	font-family:arial,tahoma,verdana,helvetica;
	margin-top:20px;
}

/* Le menu */
#menuGauche ul, #menuGauche li {
	margin:0;
	padding:0;
	border:0;
}

/* Classe de base */
#menuGauche ul {
	width:160px;
	list-style:none;
}

/* Style de base utilisé pour les feuilles */
#menuGauche li {
	position:relative;
	z-index:1;
	height:21px;
	border-bottom:0px;
}

/* Style pour le bas des menu gauche */
#menuGauche li.bas {
	background:url("../images/menuBas2.gif") no-repeat;
	height:21px;
	border:none;
	margin-bottom:20px;
}

/* Style pour le haut des menus gauche */
#menuGauche li.haut {
	border:none;
	height:27px;
	font-weight:bold;
}
#menuGauche a.haut {
	font-size:14px;
}
#menuGauche #titre {
	position:relative;
	top:5px;
}
#menuGauche a {
	position:relative;
	top:1px;
}
#menuGauche li.haut#vertM {
	background:url("../images/menuHaut2.gif") no-repeat;
}
#menuGauche li.haut#rougeM {
	background:url("../images/menuHaut2.gif") no-repeat;
}
#menuGauche li.haut#violetM {
	background:url("../images/menuHaut2.gif") no-repeat;
}

#menuGauche li.folder{
	background:url("../images/menudef.gif") no-repeat;
	z-index:20;
}

/* Positionement d'un ul par rapport au dossier */
#menuGauche li.folder ul {
	z-index:100;
	position:absolute;
	left:160px; /* IE */
	top:0px;
}
#menuGauche li.folder>ul {
	left:160px;
	z-index:900;
} /* others */

/* Précise l'ordre d'affichage */
#menuGauche li.folder:hover {
	z-index:100;
}

#menuGauche a {
	margin-left:26px;
	text-decoration:none;
	color:#464646;
	font-size:12px;
}
#menuGauche a.menuHaut {
	margin-left:10px;
	font-size:14px;
}

/* Changement de couleur du menu */
#menuGauche a:hover#rouge {
	font-weight:bold;
}
#menuGauche a:hover#vert {
	font-weight:bold;
}
#menuGauche a:hover#violet {
	font-weight:bold;
}

/* Affichage des sous-menu lorsque l'on passe dessus */
#menuGauche ul ul, #menuGauche li:hover ul ul {
	display:none;
}
#menuGauche li:hover ul, #menuGauche li:hover li:hover ul {
	display:block;
}

/* Image de fond pour les bords et bordures */
#menuGauche li#rouge {
	background:url("../images/menuMilieu.gif") no-repeat;
}
#menuGauche li#rougeDernier {
	background:url("../images/menuMilieu.gif") no-repeat;
	z-index:50;
}
#menuGauche li#violet {
	background:url("../images/menuMilieu.gif") no-repeat;
}
#menuGauche li#violetDernier {
	background:url("../images/menuMilieu.gif") no-repeat;
	z-index:50;
}
#menuGauche li#vert {
	background:url("../images/menuMilieu.gif") no-repeat;
}
#menuGauche li#vertDernier {
	background:url("../images/menuMilieu.gif") no-repeat;
	z-index:50;
}