:root {
  --bs-color-list: blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan;
  --bs-level-list: 100,200,light,400,500,dark,700,800,900;
  --bs-blue: #00537F;
  --bs-indigo: #C0A686;
  --bs-purple: #6f42c1;
  --bs-pink: #CE7D88;
  --bs-red: #E71F69;
  --bs-orange: #EE743B;
  --bs-yellow: #FDC300;
  --bs-green: #A2C73A;
  --bs-teal: #08B0A0;
  --bs-cyan: #BFE1DB;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #00537F;
  --bs-secondary: #08B0A0;
  --bs-success: #EE743B;
  --bs-info: #8BCBB7;
  --bs-warning: #FDC300;
  --bs-danger: #E71F69;
  --bs-light: #f8f9fa;
  --bs-dark: #343a40;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-font-sans-serif: "elza", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: "neulis-sans", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-link-color: #00537F;
  --bs-link-color-rgb: 0, 83, 127;
  --bs-link-hover-color: #08B0A0;
  --bs-link-hover-color-rgb: 8, 176, 160;
  --bs-body-color: #111;
  --bs-body-font-size: 1.2rem;

}

strong, b {
  font-weight: 700; /* ou 600 si c'est ce que tu as dans Adobe */
}


/* ============================
   BACKGROUND
   ============================ */

.bg-blue { background-color: var(--bs-blue) !important; }
.bg-indigo { background-color: var(--bs-indigo) !important; }
.bg-purple { background-color: var(--bs-purple) !important; }
.bg-pink { background-color: var(--bs-pink) !important; }
.bg-red { background-color: var(--bs-red) !important; }
.bg-orange { background-color: var(--bs-orange) !important; }
.bg-yellow { background-color: var(--bs-yellow) !important; }
.bg-green { background-color: var(--bs-green) !important; }
.bg-teal { background-color: var(--bs-teal) !important; }
.bg-cyan { background-color: var(--bs-cyan) !important; }
.bg-gray { background-color: var(--bs-gray-200) !important; }

/* ============================
   TEXT
   ============================ */

.text-blue { color: var(--bs-blue) !important; }
.text-indigo { color: var(--bs-indigo) !important; }
.text-purple { color: var(--bs-purple) !important; }
.text-pink { color: var(--bs-pink) !important; }
.text-red { color: var(--bs-red) !important; }
.text-orange { color: var(--bs-orange) !important; }
.text-yellow { color: var(--bs-yellow) !important; }
.text-green { color: var(--bs-green) !important; }
.text-teal { color: var(--bs-teal) !important; }
.text-cyan { color: var(--bs-cyan) !important; }

/* ============================
   BORDER
   ============================ */
.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }
  
.border-blue { border-color: var(--bs-blue) !important; }
.border-indigo { border-color: var(--bs-indigo) !important; }
.border-purple { border-color: var(--bs-purple) !important; }
.border-pink { border-color: var(--bs-pink) !important; }
.border-red { border-color: var(--bs-red) !important; }
.border-orange { border-color: var(--bs-orange) !important; }
.border-yellow { border-color: var(--bs-yellow) !important; }
.border-green { border-color: var(--bs-green) !important; }
.border-teal { border-color: var(--bs-teal) !important; }
.border-cyan { border-color: var(--bs-cyan) !important; }

/* ======================================================
   Teintes brighter (clair) et dimmer (foncé) pour toutes couleurs
   ====================================================== */

:root {
  /* Blue */
  --bs-blue-verybrighter: color-mix(in srgb, var(--bs-blue) 20%, white);
  --bs-blue-brighter: color-mix(in srgb, var(--bs-blue) 40%, white);
  --bs-blue-dimmer: color-mix(in srgb, var(--bs-blue) 60%, black);

  /* Indigo */
  --bs-indigo-brighter: color-mix(in srgb, var(--bs-indigo) 60%, white);
  --bs-indigo-dimmer: color-mix(in srgb, var(--bs-indigo) 60%, black);

  /* Purple */
  --bs-purple-verybrighter: color-mix(in srgb, var(--bs-purple) 30%, white);
  --bs-purple-brighter: color-mix(in srgb, var(--bs-purple) 50%, white);
  --bs-purple-dimmer: color-mix(in srgb, var(--bs-purple) 60%, black);

  /* Pink */
  --bs-pink-brighter: color-mix(in srgb, var(--bs-pink) 60%, white);
  --bs-pink-dimmer: color-mix(in srgb, var(--bs-pink) 60%, black);

  /* Red */
  --bs-red-brighter: color-mix(in srgb, var(--bs-red) 60%, white);
  --bs-red-dimmer: color-mix(in srgb, var(--bs-red) 60%, black);

  /* Orange */
  --bs-orange-verybrighter: color-mix(in srgb, var(--bs-orange) 40%, white);
  --bs-orange-brighter: color-mix(in srgb, var(--bs-orange) 60%, white);
  --bs-orange-dimmer: color-mix(in srgb, var(--bs-orange) 60%, black);

  /* Yellow */
  --bs-yellow-brighter: color-mix(in srgb, var(--bs-yellow) 60%, white);
  --bs-yellow-verybrighter: color-mix(in srgb, var(--bs-yellow) 40%, white);
  --bs-yellow-dimmer: color-mix(in srgb, var(--bs-yellow) 60%, black);

  /* Green */
  --bs-green-brighter: color-mix(in srgb, var(--bs-green) 50%, white);
  --bs-green-verybrighter: color-mix(in srgb, var(--bs-green) 30%, white);
  --bs-green-dimmer: color-mix(in srgb, var(--bs-green) 60%, black);

  /* Teal */
  --bs-teal-brighter: color-mix(in srgb, var(--bs-teal) 60%, white);
  --bs-teal-dimmer: color-mix(in srgb, var(--bs-teal) 60%, black);

  /* Cyan */
  --bs-cyan-brighter: color-mix(in srgb, var(--bs-cyan) 40%, white);
  --bs-cyan-dimmer: color-mix(in srgb, var(--bs-cyan) 60%, black);
}

/* ======================================================
   Background utilities
   ====================================================== */
.bg-blue-brighter { background-color: var(--bs-blue-brighter) !important; }
.bg-blue-dimmer { background-color: var(--bs-blue-dimmer) !important; }

.bg-indigo-brighter { background-color: var(--bs-indigo-brighter) !important; }
.bg-indigo-dimmer { background-color: var(--bs-indigo-dimmer) !important; }

.bg-purple-brighter { background-color: var(--bs-purple-brighter) !important; }
.bg-purple-dimmer { background-color: var(--bs-purple-dimmer) !important; }

.bg-pink-brighter { background-color: var(--bs-pink-brighter) !important; }
.bg-pink-dimmer { background-color: var(--bs-pink-dimmer) !important; }

.bg-red-brighter { background-color: var(--bs-red-brighter) !important; }
.bg-red-dimmer { background-color: var(--bs-red-dimmer) !important; }

.bg-orange-brighter { background-color: var(--bs-orange-brighter) !important; }
.bg-orange-dimmer { background-color: var(--bs-orange-dimmer) !important; }

.bg-yellow-brighter { background-color: var(--bs-yellow-brighter) !important; }
.bg-yellow-verybrighter { background-color: var(--bs-yellow-verybrighter) !important; }
.bg-yellow-dimmer { background-color: var(--bs-yellow-dimmer) !important; }

.bg-green-brighter { background-color: var(--bs-green-brighter) !important; }
.bg-green-verybrighter { background-color: var(--bs-green-verybrighter) !important; }
.bg-green-dimmer { background-color: var(--bs-green-dimmer) !important; }

.bg-teal-brighter { background-color: var(--bs-teal-brighter) !important; }
.bg-teal-dimmer { background-color: var(--bs-teal-dimmer) !important; }

.bg-cyan-brighter { background-color: var(--bs-cyan-brighter) !important; }
.bg-cyan-dimmer { background-color: var(--bs-cyan-dimmer) !important; }

/* ======================================================
   Text utilities
   ====================================================== */
.text-blue-brighter { color: var(--bs-blue-brighter) !important; }
.text-blue-dimmer { color: var(--bs-blue-dimmer) !important; }

.text-indigo-brighter { color: var(--bs-indigo-brighter) !important; }
.text-indigo-dimmer { color: var(--bs-indigo-dimmer) !important; }

.text-purple-brighter { color: var(--bs-purple-brighter) !important; }
.text-purple-dimmer { color: var(--bs-purple-dimmer) !important; }

.text-pink-brighter { color: var(--bs-pink-brighter) !important; }
.text-pink-dimmer { color: var(--bs-pink-dimmer) !important; }

.text-red-brighter { color: var(--bs-red-brighter) !important; }
.text-red-dimmer { color: var(--bs-red-dimmer) !important; }

.text-orange-brighter { color: var(--bs-orange-brighter) !important; }
.text-orange-dimmer { color: var(--bs-orange-dimmer) !important; }

.text-yellow-brighter { color: var(--bs-yellow-brighter) !important; }
.text-yellow-dimmer { color: var(--bs-yellow-dimmer) !important; }

.text-green-brighter { color: var(--bs-green-brighter) !important; }
.text-green-dimmer { color: var(--bs-green-dimmer) !important; }

.text-teal-brighter { color: var(--bs-teal-brighter) !important; }
.text-teal-dimmer { color: var(--bs-teal-dimmer) !important; }

.text-cyan-brighter { color: var(--bs-cyan-brighter) !important; }
.text-cyan-dimmer { color: var(--bs-cyan-dimmer) !important; }

/* ======================================================
   Border utilities
   ====================================================== */
.border-blue-verybrighter { border-color: var(--bs-blue-verybrighter) !important; }
.border-blue-brighter { border-color: var(--bs-blue-brighter) !important; }
.border-blue-dimmer { border-color: var(--bs-blue-dimmer) !important; }

.border-indigo-brighter { border-color: var(--bs-indigo-brighter) !important; }
.border-indigo-dimmer { border-color: var(--bs-indigo-dimmer) !important; }

.border-purple-brighter { border-color: var(--bs-purple-brighter) !important; }
.border-purple-dimmer { border-color: var(--bs-purple-dimmer) !important; }

.border-pink-brighter { border-color: var(--bs-pink-brighter) !important; }
.border-pink-dimmer { border-color: var(--bs-pink-dimmer) !important; }

.border-red-brighter { border-color: var(--bs-red-brighter) !important; }
.border-red-dimmer { border-color: var(--bs-red-dimmer) !important; }

.border-orange-brighter { border-color: var(--bs-orange-brighter) !important; }
.border-orange-dimmer { border-color: var(--bs-orange-dimmer) !important; }

.border-yellow-brighter { border-color: var(--bs-yellow-brighter) !important; }
.border-yellow-dimmer { border-color: var(--bs-yellow-dimmer) !important; }

.border-green-brighter { border-color: var(--bs-green-brighter) !important; }
.border-green-dimmer { border-color: var(--bs-green-dimmer) !important; }

.border-teal-brighter { border-color: var(--bs-teal-brighter) !important; }
.border-teal-dimmer { border-color: var(--bs-teal-dimmer) !important; }

.border-cyan-brighter { border-color: var(--bs-cyan-brighter) !important; }
.border-cyan-dimmer { border-color: var(--bs-cyan-dimmer) !important; }


.decor-title {

}
.decor-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15%;
  transform: translateX(-120%);
  width: 3em;
  height: 3em;
  background-color: var(--bs-cyan-brighter)
}

.btn, a {
  transition: all 0.15s ease; /* durée 0.3s, effet smooth */
}

.btn.bg-gray:hover{
  background-color: var(--bs-gray-100)!important
}

.bg-hover-home:hover{
  background-color: var(--bs-gray-100)!important;
  transition: all .15s;
}

.bg-hover-green:hover, .chiffres-barre:hover .bg-green{
  background-color: var(--bs-green-verybrighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-blue-brighter{
  background-color: var(--bs-blue-verybrighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-cyan{
  background-color: var(--bs-cyan-brighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-indigo{
  background-color: var(--bs-indigo-brighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-orange{
  background-color: var(--bs-orange-brighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-pink{
  background-color: var(--bs-pink-brighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-yellow-brighter{
  background-color: var(--bs-yellow-verybrighter)!important;
  transition: all .15s;
}

.chiffres-barre:hover .bg-red{
  background-color: var(--bs-red-brighter)!important;
  transition: all .15s;
}
.chiffres-barre:hover .bg-teal{
  background-color: var(--bs-cyan)!important;
  transition: all .15s;
}
.chiffres-barre:hover .bg-purple-brighter{
  background-color: var(--bs-purple-verybrighter)!important;
  transition: all .15s;
}

.collapse-toggle[aria-expanded="true"] .fraction { 
  width: 100% !important;
  transition: all .15s;
 }

.bg-hover-blue:hover{
  background-color: var(--bs-blue-verybrighter)!important;
  transition: all .15s;
}

.bg-hover-purple:hover{
  background-color: var(--bs-purple-verybrighter)!important;
  transition: all .15s;
}



/* Par défaut : on montre le PLUS et on cache le MOINS */
.collapse-toggle .bi-chevron-up { display: none; }
.collapse-toggle .bi-chevron-down { display: inline; }

/* Quand l'élément est "ouvert" (aria-expanded="true") */
.collapse-toggle[aria-expanded="true"] .bi-chevron-up { display: inline; }
.collapse-toggle[aria-expanded="true"] .bi-chevron-down { display: none; }



@media (max-width: 768px) {
  .chart {
    width: 100% !important;
    transition: all .15s; } 
  }