header {
    margin-bottom: 20px;
    /* Ajoute un espace de 20 pixels en bas de l'en-tête */
    background-image: url("banniére3.png");
    background-size: cover;
    /* Redimensionne l'image pour couvrir l'en-tête */
    background-position: center;
    /* Centre l'image dans l'en-tête */
    background-repeat: no-repeat;
    /* Empêche la répétition de l'image */
    z-index: 1000;
    /* Définir un z-index élevé pour maintenir le header au-dessus */
  
  }
  
  .leaflet-sidebar-header {
    background-color: #5A7B85;
    opacity: 0.9;
    padding: 10px;
    /* Ajoute un espacement intérieur de 10 pixels */
    margin-bottom: 10px;
    /* Ajoute un espace de 10 pixels en bas de l'en-tête */
    max-height: 60px;
    /* Limite la hauteur de l'en-tête */
  }
  
  /* Ajuster les marges et paddings des éléments internes */
  header .navbar-brand img {
    width: 65px;
    /* Réduire la taille du logo */
    height: 65px;
    margin-right: 2px;
    /* Ajouter un espace entre le logo et le texte */
  }
  
  header .navbar-brand {
    font-size: 1.80rem;
    margin-right: 20px;
    color: #FEFCFC;
    margin-right: 20px;
  }
  
  header .col-4.d-flex.justify-content-end.align-items-center {
    padding-top: 10px;
    /* Ajouter un espace au-dessus du bouton Source */
    padding-bottom: 10px;
    /* Ajouter un espace en dessous du bouton Source */
  }