.toc {
  --text-spacing: 0 0 0.5rem 0;
  --title-spacing: 0 0 0.5rem 0;
  padding: 1.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: var(--background-contrast-grey);
  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

/* Customisation des tableaux DSFR
.fr-table th {
  border: solid 1px var(--color2) !important;
  background-color: var(--color2);
  color: var(--color3);
}

.fr-table tr td {
  border: solid 1px var(--color2) !important;
}
 */

/* Tag actif */
.fr-tag--active {
  background-color: #000091 !important;
  color: white !important;
}

/* Liens dans le sommaire */
.fr-toc #TableOfContents a {
  font-size: 0.875rem;
  color: var(--text-primary-blue-france-hover) !important;
  text-decoration: none;
  font-weight: 400;
}

.fr-toc #TableOfContents a:hover {
  color: var(--text-title-grey);
}

/* Tableaux Markdown simples
table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid black;
}

th,
td {
  border: 2px solid black;
  padding: 10px;
  text-align: center;
}
 */

/* Bandeaux d'accueil */
.bandeau_accueil {
  background-color: #bfccfb !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

.bandeau_accueil_services {
  background-color: #f5f5fe !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

.bandeau_accueil_focus {
  background-color: #fddfda !important;
}

.bandeau_accueil_bas {
  background-color: #b6cffb !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

/* Présentation image + texte */
.presentation_image_gauche_bg1 {
  background-color: #b6cffb !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

.presentation_image_gauche_bg2 {
  background-color: #fef6e3 !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

.presentation_image_droite_bg1 {
  background-color: #fddfda !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

.presentation_image_droite_bg2 {
  background-color: #fddfda !important;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}

/* 🌙 Mode sombre système */
@media (prefers-color-scheme: dark) {
  .bandeau_accueil {
    background-color: #1a1f3d !important;
  }

  .bandeau_accueil_services {
    background-color: #2a304f !important;
  }

  .bandeau_accueil_focus {
    background-color: #212a3a !important;
  }

  .bandeau_accueil_bas {
    background-color: #263b58 !important;
  }

  .presentation_image_gauche_bg1 {
    background-color: #1a1f3d !important;
  }

  .presentation_image_gauche_bg2 {
    background-color: #2a304f !important;
  }

  .presentation_image_droite_bg1 {
    background-color: #212a3a !important;
  }

  .presentation_image_droite_bg2 {
    background-color: #263b58 !important;
  }
}

/* 🌙 Thème sombre via DSFR */
:root[data-fr-theme="dark"] .bandeau_accueil {
  background-color: #1a1f3d !important;
}

:root[data-fr-theme="dark"] .bandeau_accueil_services {
  background-color: #2a304f !important;
}

:root[data-fr-theme="dark"] .bandeau_accueil_focus {
  background-color: #212a3a !important;
}

:root[data-fr-theme="dark"] .bandeau_accueil_bas {
  background-color: #263b58 !important;
}

:root[data-fr-theme="dark"] .presentation_image_gauche_bg1 {
  background-color: #1a1f3d !important;
}

:root[data-fr-theme="dark"] .presentation_image_gauche_bg2 {
  background-color: #2a304f !important;
}

:root[data-fr-theme="dark"] .presentation_image_droite_bg1 {
  background-color: #212a3a !important;
}

:root[data-fr-theme="dark"] .presentation_image_droite_bg2 {
  background-color: #263b58 !important;
}

/* Logo ETNA thème clair */
.logo-etna {
  content: url("./../images/ETNA.webp");
}

/* Logo ETNA thème sombre DSFR */
:root[data-fr-theme="dark"] .logo-etna {
  content: url("./../images/ETNAdark.webp");
}

/* Shortcode iframe responsive */
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* Styles des blocs memo */
/* memo.css */

/* Titre du mémo */
.memo-title {
  background: #00c6d2;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

.memo-title h2 {
  margin: 0;
}

/* Objectif */
.objectif {
  background: #E18876;
  padding: 1rem;
  border-radius: 0.5rem;
  /*margin-bottom: 0.5rem;*/
  color: #000;
}

/* Public et Temps */
.public-temps {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

.public {
  flex: 2;
  background: #feecc2;
  padding: 0.5rem;
  border-radius: 0.5rem;
}

.temps {
  flex: 1;
  background: #fde39c;
  padding: 0.5rem;
  border-radius: 1.2rem;
}

/* Prérequis */
.prerequis {
  background: #eeeeee;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

/* Mise en avant */
.miseenavant {
  background: #b6cffb;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

/* Actions */
.actions {
  background: #eeeeee;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
}

/* Tableaux memos (deprécié) */
.tableau1 {
  background: #f5f5fe !important;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
  border: 1px solid #d0d0f0;
}

.tableau2 {
  background: #f5f5fe !important;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  color: #000;
  border: 1px solid #d0d0f0;
}

/* Liens */
.liens {
  background: #feecc2;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #000;
}

/* Carte régions */
.map {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.map svg {
  width: 100%;
  height: auto;
  display: block;
}


.map path {
  fill: #f5f5fe;
  stroke: #999;
  stroke-width: 1;
  transition: all 0.2s ease;
  cursor: pointer;
}

.map path:hover {
  fill: #e3e3fd; /* ta couleur */
}

.map path.active {
  fill: #e3e3fd;
}


.label {
    font-size: 12px;
    fill: #222;
    pointer-events: none;
  }

.domtom text {
  font-size: 6.5em;
}

.tom text {
  font-size: 5px!important;
}

.tom-label {
  font-size: 11px!important;
}

/* Carte de téléchargement */
.fr-card--download .fr-card__header .fr-card__img img {
  border: none !important;
}