/* Réinitialisation des styles par défaut */
body {
  font-family: sans-serif; /* Utilisation de la police sans-serif par défaut */
  margin: 0; /* Aucun espacement à l'extérieur des éléments */
  padding: 0; /* Aucun espacement à l'intérieur des éléments */
  background-color: #f5f5f5; /* Couleur de fond */
}

/* Style pour les titres de niveau 1 */
h1 {
  text-align: center; /* Centre le texte */
}

/* Style pour l'entête */
header {
  background-color: #DC0814; /* Couleur de fond de l'en-tête */
  color: #fff; /* Couleur du texte */
  text-align: center; /* Centre le texte */
  padding: 30px; /* Espace intérieur de 30 pixels */
}

/* Style pour la classe .ressource */
.ressource {
  position: absolute; /* Position absolue */
  top: 0; /* Aligné en haut */
  left: 0; /* Aligné à gauche */
  padding: 10px; /* Espace intérieur de 10 pixels */
}

/* Style pour les titres de niveau 1 */
h1 {
  font-size: 24px; /* Taille de police */
  font-weight: bold; /* Gras */
}

/* Style pour la section principale */
main {
  padding: 50px; /* Espace intérieur de 50 pixels */
}

/* Style pour le texte souligné */
.souligner {
  text-decoration: underline; /* Souligne le texte */
  font-size: 27px; /* Taille de police */
}

/* Style pour les formulaires */
form {
  width: 500px; /* Largeur du formulaire */
  margin: auto; /* Centrage horizontal */
}

/* Style pour les champs de formulaire */
.taille {
  width: 100%; /* Largeur de 100% */
  padding: 10px; /* Espace intérieur de 10 pixels */
  border: 1px solid #ccc; /* Bordure de 1 pixel solide */
}

/* Style pour les menus déroulants */
select {
  width: 100%; /* Largeur de 100% */
  padding: 10px; /* Espace intérieur de 10 pixels */
  border: 1px solid #ccc; /* Bordure de 1 pixel solide */
}

/* Style pour les zones de texte */
textarea {
  width: 100%; /* Largeur de 100% */
  height: 200px; /* Hauteur de 200 pixels */
  padding: 10px; /* Espace intérieur de 10 pixels */
  border: 1px solid #ccc; /* Bordure de 1 pixel solide */
}

/* Style pour le pied de page */
footer {
  padding: 20px; /* Espace intérieur de 20 pixels */
  background-color: #1B2631; /* Couleur de fond */
  color: #fff; /* Couleur du texte */
}

/* Styles pour les différentes classes de texte */
.policeRouge {
  color: red; /* Couleur rouge */
}

.policeNoire {
  color: black; /* Couleur noire */
}

/* Style pour le texte en gras */
.enGras {
  font-weight: bold; /* Gras */
}

/* Style pour les titres de niveau 2 */
h2 {
  text-decoration: underline; /* Souligne le texte */
}

/* Style pour le bouton de retour au menu */
.retour-haut {
  position: fixed; /* Position fixe */
  top: 10px; /* Position en haut de 10 pixels */
  right: 10px; /* Position à droite de 10 pixels */
  padding: 10px 20px; /* Espacement intérieur de 10 pixels en haut et en bas, 20 pixels à gauche et à droite */
  background-color: #333; /* Couleur de fond */
  color: #fff; /* Couleur du texte */
  text-decoration: none; /* Pas de soulignement pour le lien */
  border-radius: 5px; /* Coins arrondis */
}

/* Style pour centrer le texte */
.centre {
  text-align: center; /* Centre le texte */
}