/* * * * * 
 * feuille de style du menu principal http://www.gwennili.net
 * 2005 - Pierre Dickinson, alias: °°° mecanographik °°°
 * * * * */

/* ----- affichage par défaut ------ */
#menu{
	position:relative;
	top:1px;
	left:0px;
	border:none;
	background-color: transparent; 
	font-family : Georgia, Times New Roman, Times, serif; 
	/*color:black;*/
}

/*hack ie < v.7*/
* html #menu{
left:5px;
}

/*hack ie > v.7*/
*+ html #menu{
left:5px;
}

/*#menu p{
	clear:both;
	margin:0;
	border-width:1px;
	border-style:solid;
	border-color:#f96 #930 #930 #f96;
	background:#b30;
	color:white;
	text-align:left;
}*/
#menu ul{		              /* affichage de la hiérarchie si javascript inactif */
	padding:0;
	margin-left:5px;
	list-style-position:inside;
}
#menu span{display:none;}

/* ------  Largeur ------ */
#menu, #menu p, #menu .me, #menu .me *{ /* 03-12-2004 cf ebn.unig pour ajout de #menu et #menu p */
	margin:0;
	width:12em;                    /* LARGEUR DU MENU */
}

#menu .me img{                         /* 03-12-2004 cf mail du 08-11-2004 */
	width:auto;
	float:left;
	margin-left:-10px;
	border:none;
}
.me a, #menu p{padding:2px 12px;}      /* valeur en pixel pour affichage correct dans Gecko
                                          la valeur 12px est égale à la largeur des fleches.
                                          cela évite que la fleche se superpose au texte */
#menu .me ul{
	position:absolute;
	visibility:hidden;
	display: block ; 
	border:1px solid #FF9900;       /*bordure des boites */
	background:white;
	left:8.6em;			/* LARGEUR DU MENU */
	margin-top:-2px;		/* opposé de la valeur de la bordure de cette même boite */
	voice-family: "\"}\"";          /* Hack de Tantek Celik pour le positionnement des sous menus dans ie5.x avec margin-left */
	voice-family:inherit;
	margin-left:26px;		/* standard : 2 x padding en largeur de ".me a" + 2 x bord de ".me a" */
    text-indent: -5px ; /* On décale le texte de ... px du bord gauche */
}

/* hack ie < v.7*/
* html #menu .me ul{
left:9em;
}
/* hack ie => v.7*/
*+ html #menu .me ul{
left:9em;
}


html>body #menu .me ul{
	margin-left:30px;		/* compensation pour Opera */
}
html>body #menu,                        /* 03-12-2004 cf unig */
html>body #menu .me,
html>body #menu .me ul,
html>body #menu .me li  {
	padding:0;		/* pour le modele de boite standard */
}

#menu .me, #menu .me ul{list-style:none;}

#menu .me li{
	float:left;
	clear:both;
	background:transparent;
}
.me a{
	float:left;
	background:transparent;
	/*border:1px solid white;*/				/* épaisseur identique a la bordure de .me a hover ci dessous */
	text-decoration:none;
	text-align:left;
	margin-left:10px;
}
.me a:hover, .me a:focus, .me a:active {/* couleurs au passage de la souris */
	/*border-color:#f96 #930 #930 #f96;*/
	background:#ff6600;
	color:white;
}
#menu li.fleche{background:transparent url(images/bouton.gif) left no-repeat;}

#menu a.fleche:hover{background:transparent url(images/bouton2.gif) left no-repeat;
color:black;
}