nav {
  background-color: #182675; /* Couleur de fond de la barre de navigation */
  color: white; /* Couleur du texte de la barre de navigation */
  text-align: center; /* Centrer le texte */
  font-size: 20px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  padding: 10px; /* Espacement intérieur */
  display: flex; /* Utilisation de flexbox pour la mise en page */
  justify-content: space-around; /* Espacement égal autour des éléments */
}

nav:hover {
  background-color: black; /* Couleur de fond au survol */
  color: white; /* Couleur du texte au survol */
}

a {
  color: orange; /* Couleur des liens */
  text-decoration: none; /* Suppression du soulignement */
}

body {
  color: black; /* Couleur du texte */
  background-color: beige; /* Couleur de fond */
  margin: 0; /* Suppression des marges par défaut */
}

.paragraphe p { /* Mise en page des balises p dans la classe paragraphe */
  color: rgb(27, 23, 23); /* Couleur du texte */
  background-color: rgba(255, 255, 255, 0.5); /* Fond blanc avec une opacité de 70%  idée provenant de tchatgpt pour rendre le texte lisible */
  padding: 10px; /* Espacement intérieur */
  border-radius: 5px; /* Bords arrondis */
  font-size: 25px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  padding: 10px; /* Espacement intérieur (répété) */
  margin-left: 120px; /* Marge à gauche */
  margin-right: 120px; /* Marge à droite */
}

p em { /* Mise en page des chaînes de caractères ayant aussi comme balise em pour mettre en italique  */
  color: orangered; /* Couleur du texte souligné */
  -webkit-text-stroke: 0.8px black; /* Ligne générée par tchatgpt pour donner un contour noir au texte */
}

.images { /* Mise en page pour les éléments de la classe images */
  display: flex; /* Utilisation de flexbox pour la mise en page */
  justify-content: space-around; /* Espacement égal autour des éléments */
  flex-wrap: wrap; /* Permet de passer à la ligne pour les images */
  margin-top: 20px; /* Marge supérieure */
}

h1 { /* Mise en page des titres de niveau 1 */
  color: orangered; /* Couleur du texte */
  -webkit-text-stroke: 2px black; /* Contour noir autour du texte */
  font-size: 45px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  text-align: center; /* Centrer le texte */
}

h2 { /* Mise en page des titres de niveau 2 */
  color: rgb(27, 27, 212); /* Couleur du texte */
  -webkit-text-stroke: 0.4px lightblue; /* Ligne générée par tchatgpt pour donner un contour bleu clair au titre */
  font-size: 40px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  text-align: center; /* Centrer le texte */
}

h3 { /* Mise en page des titres de niveau 3 */
  color: orange; /* Couleur du texte */
  -webkit-text-stroke: 1px black; /* Ligne générée par tchatgpt pour donner un contour noir au texte */
  font-size: 35px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  text-align: center; /* Centrer le texte */
}

footer p { /* Mise en page du bas-de-page */
  color: black; /* Couleur du texte */
  text-align: center; /* Centrer le texte */
  font-size: 15px; /* Taille de la police */
  font-family: 'Times New Roman', Times, serif; /* Police de caractères */
  font-weight: bold; /* Texte en gras */
  padding: 10px; /* Espacement intérieur */
  margin-left: 120px; /* Marge à gauche */
  margin-right: 120px; /* Marge à droite */
}