body{
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    margin: 0%;
    background-color: #5BA67B;
}

div{
    text-align: center;
}

ul{
display:inline-block;
text-align: left;
padding-left: 40%;
}

div.texte{
    background-color:#367350;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    padding: 2%;
}


h1{
    margin: 0%;
}

div.nom{
 border-width:5px;
 border-style:solid;
 border-color: #011126;
 border-radius: 20px;
 padding-top: 2%;
 padding-bottom: 2%;
 margin: 2%;
}

h2{
    background-color:#367350;
    padding: 2%;
}

a:visited{ 
    color: blue; 
    } 


/* Style pour écrans de petite taille */

@media only screen and (max-width: 600px) {

    /* Ajouter le CSS pour les appareils mobiles ici */
  
    body {
      font-size: 16px; /* Taille de police pour les appareils mobiles */
    }
  
    header {
      background-color: #333; /* Couleur de fond pour les appareils mobiles */
    }
  
    nav li {
      display: block; /* Défilement vertical pour les éléments de navigation */
    }
  
    img {
      max-width: 100%; /* Taille d'image adaptative pour les appareils mobiles */
      height: auto; /* Hauteur d'image variable pour les appareils mobiles */
    }
  
  }