.navbar-logo {
 /*max-height: 100px !important;*/
 height: 120px !important;
  width: auto !important;
  max-width: unset !important;
  max-height: unset !important;
  min-height: unset !important;
  min-width: unset !important;
}

 .navbar_container { 
   color: #FFFFFF !important;
 }
 
 /*.nav nav-tabs card-header-tabs {
   bs-nav-link-color: pink !important;
   bs-nav-link-hover-color:red !important;
 }*/
 
 /*Margin pour la liste déroulante de l'onglet Cartographie régions */
 #ojs-cell-1-3 {
  margin-bottom: 15px;
}
 
/* Changer la couleur de fond des onglets au survol */
.nav-tabs .nav-link:hover {
  background-color: #e0e0e0 !important; /* Gris clair au survol */
  transition: background-color 0.3s ease-in-out;
}


 /*Texte bleu pour l'onglet actif */
.nav-tabs .nav-link.active {
  background-color: transparent !important; /* Pas de fond coloré */
  color: #000091 !important; /* Bleu DSFR */
  /*font-weight: bold !important;*/
  border: none !important; /* Supprime les bordures par défaut */
  position: relative;
}

/* Ajout d'un trait bleu marine sous l'onglet actif */
.nav-tabs .nav-link.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000091; /* Bleu marine DSFR */
  position: absolute;
  bottom: 0;
  left: 0;
}



 .nav-link {
   color: black !important;
   border: white !important;
   border-radius: 0 !important;
   
   
 }
 
 
 .navbar-title {
    width: 100% !important;
    text-align: center !important;
 }
 
 .navbar-title-text {
   color: #000000;
   text-align: center !important;
   width: 100% !important;
 }
 
 .card {
   border: white !important;
   bs-card-border-color: white !important;
 }
 

 
 
 .card-header {
   background-color: white !important;
 }
 
 .body {
    font-family: "Marianne", sans-serif !important;
 }


 .navbar-title, .navbar-brand, .navbar-text {
    font-family: "Marianne", sans-serif !important;
    font-weight: 700; /* Optionnel : pour un titre plus visible */
}

.nav-item {
 font-family: "Marianne", sans-serif !important;
}

.navbar {
    margin-bottom: 0px !important;  /* Supprime l'espace sous la navbar */
    padding-bottom: 0px !important;
}

.tabset {
    margin-top: -10px !important; /* Réduit l'espace au-dessus des onglets */
}



.column {
    padding-top: 0px !important;
}

/* Réduit l'espace sous le logo/titre dans la navbar */
.navbar-brand-container {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

  .leaflet-container {
	font-family: "Marianne", Sans-Serif !important;
	/*font-family: "Cabin Sketch", cursive !important;*/
	}
 
.leaflet-control.leaflegend-group-Qualitometreeauxsouterrainescomplementaire {
    width: 300px !important; /* Ajuste la largeur à 300px */
  }
  
  .leaflet-control.leaflegend-group-Qualitometreeauxsuperficiellescomplementaire{
    width: 300px !important; /* Ajuste la largeur à 300px */
  }
  
  
.leaflet-control.leaflegend-group-Qualitometreeauxsuperficiellesreseaunitrate{
    width: 300px !important; /* Ajuste la largeur à 300px */
  }
  
  
  .leaflet-control.leaflegend-group-Qualitometreeauxsouterrainesreseaunitrate {
    width: 300px !important; /* Ajuste la largeur à 300px */
  }
  
  
  .info legend leaflet-control  {
    width: 100px !important; /* Ajuste la largeur à 250px */
  }
  
 /*leaflet-control  {
    max-width: 300px; !important; /* Ajuste la largeurmax à 300px */
  /*}*/
  

  
  /*.leaflet-popup_content, {
     font-family: "Cabin Sketch", cursive !important;
  }*/
  

/* Ajout d'une ligne grise en bas de la navbar */
.quarto-dashboard #quarto-dashboard-header .navbar {
  border-bottom: 1px solid #ccc !important; /* Ligne grise */
}

/*.leaflet-control-layers-list {
   font-family: "Marianne", sans-serif !important;
}*/

/*Diminution des marges autour de la liste déroulante*/
/*.ojs-in-a-box-waiting-for-modile-import observablehq {
  --bs-card-spacer-y: 1rem !important;
  
}*/
/*Masquer les expands de Quarto sur les iframes*/
.bslib-full-screen-enter {
  display: none !important;
}

/*Style des elements désactivés dans le controle des couches de leaflet*/
.leaflet-control-layers-overlays label[style*="pointer-events: none"] {
  cursor: not-allowed;
  /*text-decoration: line-through;*/
}