.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;
 }*/


/* 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: 2px;
  background-color: #000091; /* Bleu marine DSFR */
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav-tabs .nav-link:not(.active):hover  {
  background-color: #f6f6f6 !important;
}


 .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;
   --bs-card-spacer-y: 0.1rem !important;
   --bs-card-spacer-x: 0.1rem !important;
 }




 .card-header {
   background-color: white !important;
 }

 /*.body {
    font-family: "Marianne", sans-serif !important;
    font-size: 1rem;
 }


 .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;

}

.nav-tabs .nav-item {
  margin-top: 0px;
}

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

.navbar-title-text a[href],
.navbar-brand-container a[href] {
  background-image: none !important;
  text-decoration: none !important; /* si besoin de supprimer soulignement */
}

.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;*/
	}


  .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 du header*/
.quarto-dashboard #quarto-dashboard-header .navbar {
  border-bottom: 1px solid #ccc !important; /* Ligne grise */
  margin-bottom: 0.5rem !important;
  box-shadow: 0 -1px 0 0 var(--border-default-grey), inset 0 -1px 0 0 var(--border-default-grey) !important;*/
}

/* Réduit l'espace (padding) au-dessus du contenu principal du dashboard */
.quarto-dashboard-content {
  padding-top: 0.1rem !important;
}

/*.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;*/
}






/*Enlever le padding autour de la carte Leaflet pour aligner sur les valueboxes*/
.no-padding .card {
  --bs-card-spacer-y: 0rem;
  --bs-card-spacer-x: 0rem;
  padding: 0px;
}

/*centrer le contenu des valuebox*/
.value-box-area {
  padding: 0px !important;
  margin: 0px !important;

}

.bslib-value-box .value-box-area {
   padding: 0.25rem 0.25rem!important;
   margin: 0px !important;
   text-align: center;
}


.value-box-value {
  font-size: 1.25rem !important;
  /*margin-bottom: 0.5;*/
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.value-box-title {
  font-size: 0.9rem !important;
  margin-top: 0rem !important;
  margin-left: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0.5rem !important;
  /*line-height: 0.5;!important*/
}

/*css pour la card .card-zar*/
.card-zar {
  /*background-color: #E5FFB4;
  background-color: #169B62;*/
  /*padding: 1rem;*/
  /*text-align: justify;*/
  border-radius: 6px; /* facultatif */
  --bs-card-spacer-y: 0.2rem !important;
  --bs-card-spacer-x: 0.2rem !important ;
  padding: 0rem !important;
  font-size: 0.1rem !important;
  /*color:white !important;*/
}

.card-zar p {
  margin-bottom: 0.3rem !important; /* ou 1rem si tu veux plus d’air */
  font-size: 0.85rem !important;
  line-height:1.2rem !important ;

}

.card-zar a {
   font-size: 0.85rem !important;
  line-height:1.5rem !important ;
}



.card-badge-maj .card-body {
  margin-bottom: 0.2rem!important;  /* ou moins/plus selon besoin */
  line-height: normal !important;*/
  padding-top: 0 !important;
  padding-bottom: 0 !important;

}

.card-badge-maj {
  height: fit-content !important;
  padding: 0!important;
}

.fr-callout {
  padding-top: 0.2rem!important;
  padding-right: 1rem!important;
  padding-left: 1rem!important;
  padding-bottom: 0.1rem!important;
}

/*.my-column > .bslib-grid {
  row-gap: 0.5rem;
}*/


/*.card-zar .fr-badge {
  margin: 0.25rem auto;
  display: inline-block;
}*/

/*.card {
   --bs-card-spacer-y: 0.2rem;
  --bs-card-spacer-x: 0.2rem;
}*/

.leaflet-control-zoom-in[href],
.leaflet-control-zoom-out[href],
.nav-link[href] {
/*.nav-link[href]:not(.nav-item):not(.active):not([role="tab"])*/
  background-image: none !important;
}

/*Enlever le soulignement du href dans les nav-buttons*/
.quarto-dashboard-link[href] {
  background-image: none !important;
}

/*Amélioration accessibilité & UX mobile
Responsive mobile : Les valuebox sur deux lignes peuvent paraître très tassés sur petits écrans.
Utiliser un media query pour adapter le padding ou font-size :*/
@media screen and (max-width: 768px) {
  .bslib-value-box .value-box-area {
    padding: 0.5rem !important;
  }
  .value-box-value {
    font-size: 1.1rem !important;
  }
}



/*Modification du style du 2ieme tabset pour coller aux onglets dsfr*/
/* Cible uniquement le 2e tabset à l'intérieur d'une carte */
/*#card-tabset-4-1 .card .nav-tabs {
  border-bottom: 2px solid #000091; /* Bleu DSFR */
/*  margin-top: 1rem;
  margin-bottom: 1rem;
}*/

/*#card-tabset-4-1 .card .nav-tabs {
  border-bottom: 2px solid #000091; /* Bleu DSFR */
  /*margin-top: 1rem;
  margin-bottom: 1rem;
}*/



/* Onglets */
/*#card-tabset-4-1 .card .nav-tabs .nav-link {
  border: none;
  background: none;
  font-weight: 600;
  color: #161616;
  padding: 0.75rem 1.5rem;
  position: relative;
}

#card-tabset-4-1 .card .nav-tabs .nav-link:hover {
  background-color: #f6f6f6;
  color: #000091;
}

#card-tabset-4-1 .card .nav-tabs .nav-link.active {
  color: #000091;
  font-weight: bold;
}*/

/* Barre bleue sur l'onglet actif */
/*ul[data-tabset-id="card-tabset-4"] .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /*bottom: -2px;*/
 /* top: -2px;
  height: 4px;
  background-color: red;
}*/

/*ul.nav-tabs[data-tabset-id="card-tabset-4"] .nav-link.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: red; /* couleur du DSFR */
  /*position: absolute;
  bottom: 0;
  left: 0;
}*/







/*#card-tabset-4-1 .nav-tabs {
  border: none !important;
  padding: 0 !important;
}

#card-tabset-4-1 .nav-link {
  all: unset !important; /* annule les styles Bootstrap */
/*}*/


/*div.tabset:nth-child(2) > div.card-header > ul.nav-tabs > li > a.nav-link.active::after {
  content: "";
  display: block;
  height: 2px;
  background-color: red; /* DSFR bleu marine */
 /* position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}*/

/* Cibler précisément le 2e tabset : */

/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link {
  /* Copier les styles de .fr-tabs__tab de la DSFR */
  --text-spacing: 0;
  --title-spacing: 0;
  --underline-img: none;
  --hover-tint: var(--hover);

  align-items: center;
  background-image:
    linear-gradient(0deg, var(--border-active-blue-france), var(--border-active-blue-france)),
    linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
    linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
    linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
  background-position: 0 0, 0 calc(100% - 1px), 100% calc(100% - 1px), 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 0 2px, 1px 0, 1px 0, 100% 1px;

  box-shadow: 0 2px 0 0 var(--background-default-grey);
  display: inline-flex;
  flex-direction: row;
  font-size: 1rem;
  font-weight: 700;
  height: 100%;
  line-height: 1.5rem;
  margin: 0 0.25rem;
  min-height: 2.5rem;
  overflow: visible;
  padding: 0.5rem 1rem;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 1;

  color: var(--text-default); /* couleur texte */
  text-decoration: none;
  cursor: pointer;
  border: none;
}

/* Pour l’onglet actif : */
/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link.active {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link.active {
  background-size: 100% 2px, 1px 0, 1px 0, 100% 1px;
  font-weight: 700;
  color: var(--border-active-blue-france);
  outline-offset: 2px;
  /*outline: 2px solid var(--border-active-blue-france);*/
  box-shadow: none;
  z-index: 2;
}

/* Hover/focus*/
/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link:hover,
div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link:focus {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link:hover,
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link:focus {
  color: var(--hover);
  background-size: 100% 2px, 1px 0, 1px 0, 100% 1px;
}


/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link.active {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link.active {
  position: relative;
  background-color: white;
  font-weight: 700;
  color: var(--border-active-blue-france, #000091);
  box-shadow: none;
}

/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link.active::before {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--border-active-blue-france, #000091);
  z-index: 5;
}

/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link {
  position: relative;
}


/* Onglets - style DSFR imité */
/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link {
  position: relative; /* important pour le ::after */
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
  background-color: #e3e3fd; /* bleu clair très léger en inactive */
  color: var(--text-default, #000); /* texte par défaut */
  border: none;
  text-decoration: none;
  border-radius: 0.25rem 0.25rem 0 0;
  outline: none;
  transition: background-color 0.2s ease;
}

/* Pas de trait sous les onglets inactifs */
/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link::after {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: transparent; /* pas de trait par défaut */
  transition: background-color 0.3s ease;
}

/* Fond blanc et trait bleu sous l'onglet actif */
/*div.tabset:nth-child(2) > div.card-header > ul.nav-tabs > li > a.nav-link.active {
  background-color: #FFFFFF; /* fond blanc */
  /*color: var(--border-active-blue-france, #000091); /* texte bleu foncé */
  /*z-index: 2;
}*/

/* Trait bleu sous l'onglet actif */
/*div.tabset:nth-child(2) > div.card-header > ul.nav-tabs > li > a.nav-link.active::after {
  background-color: var(--border-active-blue-france, #000091);
}*/

/* Survol : fond un peu plus clair que le bleu clair */
/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link:not(.active):hover,
div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link:not(.active):focus {*/
  ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link:not(.active):hover,
  ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link:not(.active):focus {
  background-color: #cecefc; /* un bleu clair légèrement plus marqué */
  outline: none;
}

/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link.active::after {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link.active::after {

  content: "";
  position: absolute;
  bottom: -3px; /* ↓ décalage sous l'onglet */
  left: 0;
  width: 100%;
  height: 3px;
  /*background-color: var(--border-active-blue-france, #000091);/*
  /*z-index: 5;*/
}

/*div.tabset:nth-child(2) > div.card-header > ul.nav-tabs > li > a.nav-link:not(.active):after {
  color: var(--hover-blue-france, #bbbbfc); /* ou une autre teinte de bleu */
  /*background-color: white; /* pour éviter le fond gris clair */
  /*font-weight: 700;
}
*/

/*div.tabset:nth-child(1) > div.card-header > ul.nav-tabs > li > a.nav-link:not(.active):hover {*/
ul.nav-tabs[data-tabsetid="card-tabset-3"] > li > a.nav-link:not(.active):hover {

    background-color: #bbbbfc !important;
}

.bs-card {
  --bs-card-cap-padding-y: 0rem!important;
}

.bslib-grid {
  row-gap: 1rem!important;
}