/* définition des éléments du menu */
/* conteneur du menu */
#menu {
        width: 738px; /* largeur du conteneur: la largeur réelle est de 740 pixels, mais il faut tenir compte des marges intérieures */
	background-color: black;
	padding: 8px 0px 8px 2px; /* marges intérieures */
	/*padding: top right bottom left*/ /* définies dans l'ordre indiqué (c'est dans le sens des aiguilles d'une montre): haut, droite, bas, gauche */
	/*border: 2px ridge white;*/ /* bordure du conteneur de type "ridge" de 4 pixels d'épaisseur */
	border-top-width: 0; /* suppression de la bordure du haut, le menu étant collé à #header  */
	border-bottom-width: 0;
}

/* définitions des boutons dans #menu: boutons non-actifs */
#menu a.item {
	/*color: #030052;*/
	color: #c0c0c0;
	/*width: 111px;*/ /* largeur du bouton non-actif, si les boutons ont une largeur fixe */
	margin-top: 2px;
	/*padding: 2px 4px;*/ /* marges intérieures, de 2 pixels en haut, 4 pixels à droite, 2 pixels en bas, et 4 pixels à gauche */
	padding: 3px 4px;
	border-left: 2px solid #5a302f; /*gray;*/ /*#404040;*/
	border-right: 1px ridge #5a302f; /*gray;*/ /*#404040;*/
	border-top: 1px solid #5a302f; /*gray;*/ /*#404040;*/
	border-bottom: 2px solid #5a302f; /*gray;*/ /*#404040;*/
}

/* définitions des boutons dans #menu: boutons actifs */
#menu a.active_menu_item {
	/*color: #b70d06;*/
	/*color: red;*/
	/*color: #5e3930;*/
	color: white;
	/*width: 112px;*/ /* largeur du bouton actif, si les boutons ont une largeur fixe */
	/*margin-top: 2px;*/
	margin-top: 6px;
	padding: 2px 4px;
	border-left: 1px ridge #5a302f; /*gray;*/ /*#404040;*/
	/*-moz-border-radius-topleft: 50px;*/
	border-right: 1px ridge black;
	/*border-top: 1px solid #5a302f;*/ /*gray;*/ /*#404040;*/
	border-bottom: 1px solid #5a302f; /*gray;*/ /*#404040;*/
	background-color: #884846;
	background-image: url(../images/menu_button_background.png); /* image de fond des boutons */
}

/* définitions générale des boutons */
#menu a {
	display: block; /* on modifie la balise <a>, qui est par défaut un élément de type "inline", en élément de type "block" */
	font-size: 12px;
	font-weight: bold; /* pour écrire en gras */
	white-space: nowrap; /* pour éviter d'obtenir un bouton avec du texte sur deux lignes */
	/*font-family: Arial, sans-serif;*/ /* liste des polices à utiliser, si on souhaite modifier la liste des polices définies pour "body" */
	text-decoration: none; /* suppression du soulignement des liens */
	float: left; /* l'élément se positionne à gauche de son élément parent */
	background-color: #884846;
	background-image: url(../images/menu_button_background.png); /* image de fond des boutons */
	overflow: hidden; /* ce qu'il faut faire si le contenu déborde: ce n'est pas utile dans ce cas; c'est valable si les boutons ont une largeur fixe */
}
/* ce qu'il faut faire lorsque la souris survole un bouton */
#menu a:hover {
	/*color: yellow;*/
	/*color: #c59d2f;*/
	/*color: #8e6c13;*/
	color: white;
	/*color: #efd66d;*/
	/*color: #b6b000;*/
	/*color: #e3df23;*/
	background-color: #884846;
	background-image: url(../images/menu_button_background.png); /* image de fond des boutons */
}
/* fin de la définition des éléments constituant le menu */