/* STYLE POUR MENU STATIQUE */
.frlg_menuOff{
	width:150px;
	width/**/:150px;	
	margin:0;
	padding:0;
	list-style-type: none;
}
.frlg_menuOff ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.frlg_menuOff a {
	display: block;
	width: auto;
	padding-left: 3px;
	margin-left: 3px;
	font-family: verdana,arial,helvetica;
}
.frlg_menuOff a:hover, .jav a:focus, .jav a:active{
	background: #505050;
	color: white;
}

.frlg_menuOff li{
	font-weight: bold;
}
.frlg_menuOff li li{
	background-position: 0% 10%;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 5px;
	border-left: 1px solid blue;
	font-weight: normal;

}
.frlg_menuOff li li li{
	background-position: 0% 10%;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 8px;
	border-left: 1px solid red;

}



/* * * *
 *
 *   Menu dynamique multi-niveaux
 *   Version 2.0
 *   Par Raphael Wils
 *   Email : info@r-wils.com
 *   web site : www.r-wils.com
 *
 * * * */

/* --------------------- styles par défaut  ------------------ */

#menu{
	background:transparent;
	color:black;
}
#menu p{
	font-size:1.2em;
}

/* styles avec javascript
   .jav : classe affectée au conteneur #menu par le script
--------------------------------------------------------------- */

#menu.jav{
	/*position:absolute;*/
	position:relative;
	/*max-width: 33%;*/
	min-width: 140px;
	/*border:1px solid blue;*/
}
.jav, .jav ul, .jav li, .jav a{
	/*max-width: 100%;*/
	/*min-width: 140px;*/
	width:150px;                   /* * * LARGEUR DU MENU * * */
	margin:0;
	padding:0;
	list-style:none;
	background:white;
	font-weight: bold;
}
.jav ul ul, .jav ul ul li, .jav ul ul a{
	width:150px;                  /* * * LARGEUR DES SOUS MENUS * * */
	/*min-width: 140px;*/
	font-weight: normal;
}
/*
.jav p{
	clear:both;
	margin:0;
	padding:2px;
	border:1px solid #505050;
	
	background:#b30;
	color:white;
	text-align:left;
	font-size:1em;
}*/

.jav p{
	height: 1px;
}
.jav ul ul{
	position:absolute;
	visibility:hidden;
	/* bordure des sous menus  */
	border:1px solid black;
	margin-top:-1px;           /* opposé de la bordure ci-dessus */
	left:100%;
}
.jav li{
	float:left; /* pour IEwindows */
	clear:both;
}
html>body .jav li{float:none;}

.jav a{
	float:left;
	text-align:left;
	text-decoration:none;
	color:black;
}
.jav span{display:none;} /* span typographiques */


/* le span dont il est question dans ce qui suit est ajouté par
   le javascript.
   ---------------------------------------------------------- */

.jav a span{
	display:block;
	border:1px solid white;


	/* la valeur 12px est égale à la largeur des fleches,
	cela évite que le texte ne se superpose à la fleche */
	padding:2px 12px;
	cursor:pointer;
	height:1%; /* pour IEwindows. Etale la zone sensible
		          à tout le span et non plus seulement au texte */
}
html>body .jav a span{height:auto;}

/* menu normal avec une fleche (fleche grise dans l'exemple) */
.jav a.fleche{
	background:white url("fleche1.gif") no-repeat right;
}

/* menu avec une fleche dont dont le sous menu est visible 
	(fond gris clair et fleche rouge dans l'exemple) */
.jav a.flecheActive{
	color:black;
	background: #bbb url("fleche2.gif") no-repeat right;
}
.jav a.flecheActive span{
	border-color:black;
}

/* menu pointé (fond gris fonce dans l'exemple) */
.jav a:hover, .jav a:focus, .jav a:active{
	background: #505050;
	color: white;
}
.jav a:hover span, .jav a:focus span, .jav a:active span{
	border-color:black;
}
.jav a.flecheActive:hover,
.jav a.flecheActive:focus,
.jav a.flecheActive:active{
	background: #505050 url("fleche3.gif") no-repeat right;
}