/* définition des éléments du menu */
/* conteneur du menu */
#menu {
	height: 28px;
	/*border: 1px solid red;
	border-left-width: 0;
	border-right-width: 0;*/
	background-color: black;
	background-image: url(../images/menu_buttons-fr.png);
	background-repeat: no-repeat;
	margin: 8px 0px 8px 2px;
}

/* 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" */
	height: 28px;
	float: left; /* l'élément se positionne à gauche de son élément parent */
}
/* ce qu'il faut faire lorsque la souris survole un bouton */
#menu a:hover {
	background-image: url(../images/menu_buttons-fr.png); /* fait apparaître le bouton commme actif lors du survol */
}

#menu a.active {
	background-image: url(../images/menu_buttons-fr.png); /* fait apparaître le bouton actif */
}

/* positions des portions d'image des boutons actifs */
#menu a#button0 {
    width: 54px;
    background-position: 0 -28px;
}

#menu a#button1 {
    width: 40px;
    background-position: -54px -28px;
}

#menu a#button2 {
    width: 54px;
    background-position: -94px -28px;
}

#menu a#button3 {
    width: 69px;
    background-position: -148px -28px;
}

#menu a#button4 {
    width: 84px;
    background-position: -217px -28px;
}

#menu a#button5 {
    width: 55px;
    background-position: -301px -28px;
}

#menu a#button6 {
    width: 51px;
    background-position: -356px -28px;
}

#menu a#button7 {
    width: 50px;
    background-position: -407px -28px;
}

#menu a#button8 {
    width: 80px;
    background-position: -457px -28px;
}

#menu a#button9 {
    width: 45px;
    background-position: -537px -28px;
}

#menu a#button10 {
    width: 46px;
    background-position: -582px -28px;
}

#menu a#button11 {
    width: 66px;
    background-position: -628px -28px;
}

#menu a#button12 {
    width: 46px;
    background-position: -694px -28px;
}

/* fin de la définition des éléments constituant le menu */