#menu    /* boite contenant le menu*/
{
    position: relative;  /* pour être inclus dans la boite gauche */
	display: block;
	overflow: visible;
    top: 0px;             /*position verticale */
    left: 2px;				/* en haut de contenu */
    width: 10em;           /* largeur prop a la police */
	height: auto;          /* hauteur */
/*    background-color: #63a3cf; */      /*couleur  */
    /*background-image: url(http://localhost/w10/web/dapnia/Images/euroball.jpg); */  /* pour mettre une image sous le menu */
	margin: 0px 0px 0px 0px; /* pour les ssmenus js */
    border: 1px solid maroon;
	padding: 2px 2px 0px 2px;
	text-align: left;                           /* pour corriger le bug de centrage IE */
    z-index: 2;  /*permet d'afficher les ss menus par dessus les communiques cea */
}

.menuV    /* boite sous le menu pour les autres choses comme les liens en-fr */
{
    position: relative;
	display: block;
	color: black;
/*	background-color: white; /* */
	overflow: visible;
    top: 0px;             /*position verticale */
    left: 2px;
    width: 10em;           /*largeur  */
/*	width: auto;           /*largeur  */
/*    height: 300px;          /*hauteur */
	height: auto;          /*hauteur */
/*    line-height: 300px;        /*hauteur */
/*    background-color: #63a3cf; */      /*couleur  */
    /*background-image: url(http://localhost/w10/web/dapnia/Images/euroball.jpg); */  /* pour mettre une image sous le menu */
	margin: 0px 0px 0px 0px;
    border: 0px solid red;
	padding: 6px 2px 2px 2px;
	text-align: center;                           /* pour corriger le bug de centrage IE */
    z-index: 2;  /*permet d'afficher les ss menus par dessus les communiques cea */
}


#menu dt     /* item du menu principal */
{
/*     position: inherit; /*  */
	cursor: pointer;
    background-color: #666 ;   /* couleur des boites du menu principal  */
/*    height: 20px;               /* hauteur des boites */
/*    line-height: 20px;          /*hauteur des boites  */
    margin: 0px 0px 2px 0px;
	padding: 2px 2px 1px 5px;
/*	padding-left: 5px;          /*espace entre la bordure gauche de la boite et le texte dedans */
/*	padding-right: 2px;	*/
    border: 1px solid #555;
    text-align: left;
	vertical-align: super;
    font-size: 95%;
    font-weight: normal;
 	color: white;
    width: auto; /*  */
  /*  text-decoration:underline;  */
  	
}

#menu dd       /* boite contenant le sous-menu */
{
	position: absolute; /* pour etre decouplé et positionné par rapport au menu principal */
/*	left: 12em;       /*    /* Position horizontale par rapport au menu principal */
	  left: 98%; /* pour mordre un peu sur la droite du menu principal */
	  margin-top: -2.0em; /* Position verticale par rapport a l'élement du menu principal  */
      width: 12em;          /*largeur du sous-menu*/ 
	  height: auto;
/*      background-color: #fff;    /*couleur de fond*/
      border: 1px solid #aaa;    /* épaisseur, style et couleur du contour */
	  padding: 0px;
      display: none; /* pour que les sous-menus ne soit pas visibles pas defaut */
    /*  text-decoration:underline;   */
   	font-size: 95%; /* */
 	z-index: 3; /*  */
	background-color: #CCCCCC;
}

#menu ul  /* boite des sous menus */
{
/* 	display: block; /* */
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
}

#menu li  /* items du sous-menu */
{
	 display: block;
	 margin: 1px;
	 padding: 2px;   /*espace entre le texte et les bords de la boite de sous-menu*/
	 text-align: left;
	 vertical-align: sub;
	 font-size: 100%;   /*taille de la police dans le sous-menu par rapport à celle du document */
	/* height: 18px;       /*hauteur des boites de sous-menu*/
	/* line-height: 18px;   /*hauteur des boites de sous-menu*/
	/* width: auto; /* */
	/* border-bottom: 1px solid #aaa;    /*épaisseur, style et couleur du contour*/
	border: 1px solid #555;
/* 	margin: 0px 0px 1px 0px; /* */
/*	padding: 3px 3px 3px 3px; /* */
/* 	text-indent:6px; /* */
	background-color: #666;     /*couleur de fond*/
	color: white;
}

#menu li a /* liens du sous menu */
{
 	 color: white; /* */
	 text-decoration:none;  /* */
	 margin-left: 0;
	 padding-left: 0;
}

#menu li a:hover    /* quand on passe la souris sur les intitulés du sous-menu */
{
      color: black; /* */
      text-decoration: underline; /* */
 /*      background-color: #FFCC66; /*  */
}

#menu dt a /* liens du menu */
{
 	 color: white; /* */
/*	 text-decoration: none;  /* */
}

#menu dt a:hover    /* qunad on passe la souris sur les intitulés du menu principal */
{
       text-decoration: underline;   /*underline, none, overline*/
/*      background-color:white; /* */
       color: black; /* */
}