nav {
    background-color: black;
    color: white;
    text-align: center; /*Pour centrer le texte*/
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    padding: 10px; /*Espace entre le contenu et la bordure mis à 10px */
    display: flex; /*Elements enfants deveinnent des éléments flexibles disposés en ligne*/
    justify-content: space-around; /*L'espace vide avant le premier et après le dernier élément est égal à la moitié de l'espace entre chaque paire d'éléments adjacents*/
  }
  
  nav:hover {
    background-color: #12578c;
    color: white;
  
  }
  a {
    color: white;
    text-decoration: none; /*Pas de décoration du texte*/
  }
  
  body {
    color: black;
    background-color: rgb(7, 69, 105); /*Fond bleu foncé pour mieux voir le texte*/
    margin: 0; /*Pas de marge*/
    background-attachment: fixed;
    background-size: 100%; /*Mettre la taille de l'arrire plan à 100% */
  }
  
  .paragraphe p {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.692); /*Fond blanc avec une opacité de 70%  idée provenant de tchatgpt pour rendre le texte lisible*/
    font-size: 25px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    padding: 10px; /*Espace entre le contenu et la bordure mis à 10px */
    margin-left: 60px; /*Mettre la marge du côté gauche à 60px*/
    margin-right: 40px; /*Mettre la marge du côté droit à 40px*/
  }
  ul{
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.692); /*Fond blanc avec une opacité de 70%  idée provenant de tchatgpt pour rendre le texte lisible*/
    font-size: 25px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    padding: 10px; /*Espace entre le contenu et la bordure mis à 10px */
    margin-left: 60px; /*Mettre la marge du côté gauche à 60px*/
    margin-right: 40px; /*Mettre la marge du côté droit à 40px*/
  }

  li {
    color: #ffffff;

    font-size: 25px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    padding: 10px; /*Espace entre le contenu et la bordure mis à 10px */
    margin-left: 60px; /*Mettre la marge du côté gauche à 60px*/
    margin-right: 40px; /*Mettre la marge du côté droit à 40px*/
  }
  
  .images {
    display: flex; /*Elements enfants deveinnent des éléments flexibles disposés en ligne*/
    justify-content: space-around;
    flex-wrap: wrap; /*Les éléments flexibles sont disposés sur plusieurs lignes*/
    margin-top: 20px; /*Mettre la marge en haut à 20px*/
  
  }
  
  h1 {
    color: rgb(241, 159, 5);
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    text-align: center; /*Pour centrer le texte*/
  
  }
  
  h2 {
    color: #d81111;
    font-size: 35px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    text-align: center; /*Pour centrer le texte*/
  
  }
  
  h3 {
    color: white;
    font-size: 30px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    text-align: center; /*Pour centrer le texte*/
  }
  
  footer p {
    color:  whitesmoke;
    text-align: center; /*Pour centrer le texte*/
    font-size: 15px;
    font-family: 'Times New Roman', Times, serif; /*Utilisation de la police Times New Roman*/
    font-weight: bold; /*Pour mettre le texte en gras*/
    padding: 10px; /*Espace entre le contenu et la bordure mis à 10px */
    margin-left: 120px; /*Mettre la marge du côté gauche à 120px*/
    margin-right: 120px; /*Mettre la marge du côté droit à 120px*/
  }