#menu {
	border: 0px solid #000 ;
	float:left;
	width: 160px;
  font-size: 18px;
	text-align: center;
  vertical-align:top;
	padding-left: 2px;
	padding-right: 2px;
	background: #325D0E; /* On met la couleur de fond */
}
#menu_H{ 
	font-size: 0.9em;
  margin-left:2px;
  margin-right:2px;
/* Haut :pour la date, le Saint du jour et l'icone "Plan du site" */
  }
#menu_M{ 
	font-size: 0.9em;
  margin-left:2px;
  margin-right:2px;
  margin-top:10px;
/* Milieu :pour le menu lui-meme */
  }
#menu_B{ 
	font-size: 0.4em;
  margin-left:2px;
  margin-right:2px;
  margin-top:10px;
/* Bas :pour l'icone "Nous ecrire..." */
  }
ul#nav
{
	margin: 0 ;
	padding: 0 ;
  color:#FFFFFF;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#nav li
{
	margin: 0 0 2px 0 ;
	padding: 0 ;
	background: url(../Images/menuBout3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
/* Suppression du padding du <li> et on définit une marge basse de 2px pour aérer le tout */
}

ul#nav li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 142px ;
  font-size: 1.0em;
  font-weight: bold;
	line-height: 28px ;
	color: #FFFFAA;
	text-align: left;
	text-indent: 40px ; /* On décale le texte de 15px du bord gauche */
	text-decoration: none ;
	background: url(../Images/menuBout1.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#nav li a:hover
{
	background: url(../Images/menuBout1.gif) no-repeat 0px -28px; /* Et ici on décale l'image du background de 48px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#nav2
{
	border: 1px white solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-color: #007D3F;
	border-bottom-color: #007D3F;
  	margin: 0 ;
	padding: 0 ;
	padding-right: 2px ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#nav2 li
{
	margin: 0 ;
	padding: 0 ;
	text-align: right;
  	font-weight: bold;
/* Suppression du padding du <li> */
}

ul#nav2 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 145px ;
  font-size: 0.9em;
  font-weight: bold;
	line-height: 28px ;
	color: #FFFFAA;
	text-align: right;
	text-indent: 0px ; 
	padding-right: 0px ; /* On décale le texte de 25px du bord droit : Ne marche pas avec Firefox ?*/

	text-decoration: none ;
	background: url(../Images/menuBout2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#nav2 li a:hover
{
	background: url(../Images/menuBout2.gif) no-repeat 0px -28px; /* Et ici on décale l'image du background de 48px vers le haut pour laisser apparaître la 2eme partie de l'image */
}