
#menu_enveloppe
{
	position:			absolute;
	background-color:	#9933FF;	/*darkorchid	;	#CC0000*/
	height:	30px;
/*	line-height:		16px;*/
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	z-index:			35;
}

.MenuVisible
{
	visibility:			visible;
}

.MenuInvisible
{
	visibility:			hidden;
}

#menu a.VersSousMenu
{
	line-height:		18px;
	width:				200px;
	background:			url(./Images/versladroite.gif)  right center no-repeat;
	background-color:	plum; /*#FF00FF;*/
}

#menu li li li a 
{	/* Choix des niveaux 3 à n*/
	font-weight:	normal;
	color:			black;
	display:		block;
	text-decoration:none;
	line-height:	18px;
}


#menu 
{	/* Enveloppe Menu de Premier niveau*/
	position:absolute;
/*float: left;*/
/*	top:				-6px;	*/ /*=au rayon del'arrondi*/
	left:6px;
	top:0px;
	list-style:			none;
	line-height:		12px;
	background:			#9933FF;	/*Si non défini sous IE, les cellules ne sont pas vus*/
	font-weight:		bold;
	margin:0;
	padding-left:15px;
}

#menu ul {
	float:left;
	width: 100px;
}


#menu li 
{	/* Ligne Menu du Premier niveau*/
	float:			left;
	width:			auto;/*auto;*/
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	6px;
	border-right:	2px solid white;
/*Console erreur	vertical-align:	center;	*/
}

#menu li a 
{	/* Choix du premier niveau*/
/*Console erreur	background:			9933FF	; /*red*/
background-color:			#9933FF	; /*red*/
	display:			block;
	font-weight:		bold;
	color:				white;
	padding:			0.4em 0em;
	text-decoration:	none;
	width:				auto;
}

#menu a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#menu li ul 
{	/* Enveloppe Menu de Deuxième (ou second) niveau*/
z-index:	50;
	position:			absolute;
	line-height:		18px;
	text-align:			left;
	left:				-999em;
	height:				auto;
	font-weight:		normal;
	margin-left:		10px;
	margin-top:			0px;
	width:				180px;
	list-style-type:	none;
}

#menu li li
{	/* Lignes Menu des niveaux 2 à n*/
	float:				left;
	padding-left:		10px;
	padding-right:		0px;
	border:				1px solid yellow;/*#990033;*/
	line-height:		18px;
/*Console erreur	vertical-align:		center;		*/
	width:				200px;
	background-color:	plum; /*#FF00FF;*/
}

#menu li li a 
{	/* Choix des niveaux 2*/
	font-weight:		bold;
	color:				white;
	background-color:	#DDA0DD;  /*plum; #FF00FF;*/
	width:				200px;
	line-height:		18px;
}

#menu .sous_titre
{	/* Lignes Commentaires des niveaux 2 à n*/
	font-weight:		bold;
	color:				white;
	width:				200px;
	line-height:		16px !important;
	background-color:	#990033;
}

#menu li li span
{	/* Lignes Commentaires des niveaux 2 à n*/
	float:				left;
	width:				200px;
	margin-left:		-10px;
	margin-right:		-10px;
	padding-left:		10px;
	padding-right:		0px;
	border:				1px solid #990033;
	line-height:		18px;
	font-weight:		bold;
/*Console erreur	vertical-align:		center;		*/
	background-color:	#990033;
	color:				white;
}

#menu li ul ul 
{	/* Enveloppe Menu de troisième niveau*/
	margin: -19px -1px  -1px 75px;
}


#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
	background: purple;
}

#menu a:hover
{
	background-color:	purple;
}

#content 
{
	clear: left;
}

#menu a span { 
	display: none;
}

#menu a:hover span {   
  /* définition de la balise <span> au survol */
	display: block;
	position: absolute;
	top: -70px;
	left: -200px;
	width: 200px;
	min-height: 50px;
	 /* largeur de la zone de commentaires, */
	 /*selon la taille du menu */
	text-align: left;
	border: 2px solid #0080ff;
	background-color:	#00ffff;/*#FFFAFA;*/
	color: #000;
	font-weight: normal;
	font-style: italic;
}

.option_menu {
	position: relative;
	left: -20px;
}
.option_menu li{
	z-index:	100;
}

