a                { color: #fb7203; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none   }
a:hover                { color: #f5a400 ; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.txt { color: #515151; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
.legendes { color: #515151; font-size: 8pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic  }
.titre { color: #515151; font-size: 12pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold  }
.soustitre { color: #515151; font-size: 10pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold  }
.bouton { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; background: url(../images/structure/titre-gauche.png); /* Bord gauche et contenu du bouton */
  height: 20px; float: left; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
  margin: 7px; /* Espacer les boutons entre eux, rien à voir avec la technique des portes coulissantes */
}

.bouton div { background: url(../images/structure/titre-droite.png) no-repeat 100% 0; /* Bord droit du bouton, aligné à droite ! */
  height: 20px; /* Hauteur des images bouton-gauche.png et bouton-droite.png */
  line-height: 20px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 20px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; /* Le bouton est bleu foncé, le texte doit être clair */
}