body {
    margin: 0;
    font-family: Arial, sans-serif;
  }
  
  .navbar {
    background-color: #333;
  }
  
  .navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .navbar li {
    float: left;
  }
  
  .navbar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
  }
  
  .navbar li a:hover {
    background-color: #111;
  }
  
  .active {
    background-color: #4CAF50;
  }

  .logo {
    width: 50%; /* ajustez la largeur selon vos besoins */
    height: auto; /* pour maintenir les proportions de l'image */
    margin-right: 10px; /* espace entre le logo et le texte */
  }
  .logo-container {
    text-align: center; /* Centrer le contenu horizontalement */
  }
  .cadres {
    margin-top: 20px; /* Espace entre les cadres et le contenu précédent */
  }
  
  .cadres a {
    margin: 0 10px; /* Espace entre les cadres */
    transition: transform 0.3s ease; /* Animation de transition pour l'effet de survol */
  }
  .cadres a:hover {
    transform: scale(1.1); /* Zoom de 10% lors du survol */
  }
  .imgcadre{
    width: 20%; /* ajustez la largeur selon vos besoins */
    height: auto; /* pour maintenir les proportions de l'image */
    margin-right: 10px; /* espace entre le logo et le texte */
  }