/* =============================================================================
   statique.css — permis-de-exploitation.com
   Samy 08/09/2026 : habillage des 17 pages statiques (`<id>-s-<slug>.html`).

   FEUILLE ADDITIONNELLE, chargee UNIQUEMENT quand `$is_static == 1`.
   `static.php` pose cette variable en ligne 5, avant l'include de header.php :
   la feuille ne part donc pas sur les pages qui n'en ont pas besoin.

   Ne remplace aucune feuille, ne redefinit aucune classe existante.
   Prefixe `stat-` verifie libre dans theme.css, themeindex.css,
   styles/themeindex.css, styles/main.css et bootstrap.min.css.

   Retour arriere : retirer la ligne <link> de header.php.

   Meme parti pris que la zone des onglets de l'accueil, valide par Samy :
   pile systeme (zero requete reseau), mesure de lecture bornee, espacements
   en marges plutot qu'en <br />, couleurs de marque inchangees.
   ============================================================================= */

/* PIEGE d'ordre de chargement : sur une page statique, header.php prend la branche
   `$index != 1`, qui charge theme.css APRES cette feuille. `.cadre_pref{padding:10px;
   font-size:16px}` y vaut (0,1,0), autant que `.stat`, et l'emportait donc par l'ordre
   de la source — d'ou un bloc colle en haut. Les proprietes de boite et la taille de
   base sont donc portees par `.stat.cadre_pref` (0,2,0), qui gagne quel que soit l'ordre. */
.stat.cadre_pref{
  margin-top:26px;
  padding:30px 30px 34px;
  font-size:16px;
}

.stat{
  --stat-accent:#e62117;      /* rouge de marque, inchange */
  --stat-lien:#3b5998;        /* bleu de marque, inchange */
  --stat-encre:#111827;
  --stat-encre-2:#4B5566;
  --stat-encre-3:#7A8496;
  --stat-bord:#E8EAF0;
  --stat-fond:#F7F8FA;
  --stat-mesure:72ch;

  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--stat-encre);
  -webkit-font-smoothing:antialiased;
}

/* Reset des titres en `:where()` : la regle vaut (0,1,0), assez pour battre le
   `h1{}`/`h2{}` nu de styles/themeindex.css (0,0,1), mais a egalite avec les
   classes ci-dessous, qui viennent plus bas et l'emportent. Sans `:where()`,
   `.stat h2` (0,1,1) ecraserait le padding et les marges de ses propres
   composants — defaut rencontre en reel sur la FAQ de l'accueil le 08/09. */
.stat :where(h1,h2,h3,h4){
  font-family:inherit;
  color:var(--stat-encre);
  text-transform:none;
  letter-spacing:-.018em;
  margin:0;
  padding:0;
  border:0;
  height:auto;
}
.stat :where(p){margin:0;}
.stat a{color:var(--stat-lien);}
.stat *,.stat *::before,.stat *::after{box-sizing:border-box;}

/* --- titre de page --- */
.stat-titre{
  font-size:27px;
  font-weight:700;
  line-height:1.15;
  margin:0 0 8px;
  text-wrap:balance;
}
.stat-filet{
  width:56px;
  height:3px;
  background:var(--stat-accent);
  border-radius:2px;
  margin:0 0 26px;
}

/* --- l'image « Nos formations », floatee a droite sur grand ecran --- */
.stat-illustration{
  float:right;
  margin:0 0 18px 24px;
  display:block;
  max-width:350px;
}
.stat-illustration img{
  display:block;
  max-width:100%;
  height:auto;
  border:1px solid var(--stat-bord);
  border-radius:8px;
  padding:6px;
  background:#fff;
}

/* --- corps redactionnel ---------------------------------------------------
   Le contenu vient de la base et n'est pas maitrise balise par balise : on
   style donc les elements, pas des classes. C'est le seul endroit de la
   feuille ou l'on procede ainsi, et c'est enferme sous .stat-corps. */
.stat-corps{max-width:var(--stat-mesure);}
.stat-corps > h2{
  font-size:20px;
  font-weight:600;
  line-height:1.25;
  margin:38px 0 12px;
  padding-top:22px;
  border-top:1px solid var(--stat-bord);
  text-wrap:balance;
}
.stat-corps > h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.stat-corps > h3{
  font-size:17px;
  font-weight:600;
  line-height:1.35;
  color:var(--stat-lien);
  margin:26px 0 8px;
  text-wrap:balance;
}
.stat-corps > h4{
  font-size:16px;
  font-weight:600;
  margin:20px 0 6px;
}
.stat-corps p{
  margin:0 0 14px;
  color:var(--stat-encre-2);
}
.stat-corps ul,
.stat-corps ol{
  margin:12px 0 18px;
  padding-left:22px;
  color:var(--stat-encre-2);
}
.stat-corps li{margin-bottom:7px;}
/* garde-fou : `ol li{float:left}` existe dans theme.css (fil d'Ariane) et casse
   toute liste numerotee du contenu. Il n'atteint pas ces pages aujourd'hui,
   mais la regle ne coute rien et tiendra si le chargement change. */
.stat-corps ol li,
.stat-corps ul li{float:none;}
/* Samy 08/09/2026 : pas de gras dans le corps du texte, demande de Samy.
   Une mise en avant se fait par la structure — un titre, une liste, un encart —
   pas en epaississant un mot au milieu d'un paragraphe. Si du <strong> subsiste
   dans un contenu ancien, il reste lisible sans crier. */
.stat-corps strong,
.stat-corps b{color:var(--stat-encre);font-weight:600;}
.stat-corps table{
  width:100%;
  border-collapse:collapse;
  margin:16px 0 22px;
  font-size:15px;
}
.stat-corps th,
.stat-corps td{
  border:1px solid var(--stat-bord);
  padding:9px 12px;
  text-align:left;
  vertical-align:top;
}
.stat-corps th{background:var(--stat-fond);font-weight:600;}
/* les tableaux larges defilent dans leur propre boite, la page ne part jamais
   de travers */
.stat-corps .stat-tableau{overflow-x:auto;}

/* encart : l'information qui decide, sortie du corps du texte */
.stat-encart{
  background:var(--stat-fond);
  border-left:3px solid var(--stat-accent);
  border-radius:0 10px 10px 0;
  padding:16px 20px;
  margin:22px 0;
  max-width:var(--stat-mesure);
}
.stat-encart-titre{
  display:block;
  font-size:15px;
  font-weight:600;
  color:var(--stat-accent);
  margin-bottom:5px;
}
.stat-encart p{margin:0;color:var(--stat-encre);}

.stat-note{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid var(--stat-bord);
  font-size:16px;
  color:var(--stat-encre-3);
  max-width:var(--stat-mesure);
}

/* --- petits ecrans --- */
@media (max-width:767px){
  .stat.cadre_pref{margin-top:16px;padding:20px 16px 24px;font-size:16px;}
  .stat{font-size:16px;line-height:1.72;}
  .stat-titre{font-size:22px;}
  .stat-filet{margin-bottom:20px;}
  /* l'image cesse de flotter : sur un telephone, un texte qui coule autour
     d'une image de 350 px se retrouve en colonnes de trois mots */
  .stat-illustration{
    float:none;
    margin:0 0 20px;
    max-width:100%;
  }
  .stat-corps > h2{font-size:19px;margin-top:28px;padding-top:18px;}
  .stat-corps > h3{font-size:17px;margin-top:22px;}
  .stat-corps table{font-size:15px;}
  .stat-corps th,.stat-corps td{padding:7px 9px;}
}

@media (prefers-reduced-motion:reduce){
  .stat *{transition:none !important;}
}

/* =============================================================================
   QUESTIONNAIRES — pages 16 (permis d'exploitation) et 17 (hygiene alimentaire)
   Samy 08/09/2026, refait le soir meme apres retour de Samy.

   Deux etats, et le premier doit se suffire :
     - sans JavaScript, le bloc est une FICHE DE REVISION : la question, les
       reponses proposees, et l'explication. Rien n'est cache, et la bonne reponse
       n'est PAS distinguee (la classe `stat-quiz-juste` n'est habillee nulle part
       dans cet etat).
     - avec JavaScript, quiz-statique.js pose `est-interactif`, masque la fiche et
       construit le questionnaire question par question.

   PIEGE QUI A COUTE UNE PREMIERE VERSION : `theme.css` porte un `label { float:left;
   display:block; border-width:2px 1px 1px; padding:10px 30px }` NU, herite des
   formulaires du site. Mon habillage stylait l'etiquette sans jamais annuler ce
   `float` : les boites se chevauchaient. Meme famille que le `ol li{float:left}`
   du fil d'Ariane rencontre le 01/09.
   Deux consequences, tenues ici :
     1. le composant n'emploie plus ni <label> ni <li> ;
     2. la premiere regle ci-dessous met TOUT le sous-arbre a `float:none`. Elle
        vaut (0,1,0) et bat n'importe quelle regle d'element du theme (0,0,1),
        quelle que soit la feuille chargee ensuite. Filet, pas decoration.
   ============================================================================= */
.stat-quiz,
.stat-quiz *{
  float:none;
  box-sizing:border-box;
}

.stat{
  --stat-vert:#12784A;
  --stat-vert-fond:#E7F5EE;
  --stat-vert-bord:#9FD5BA;
  --stat-rouge-fond:#FDEFEE;
  --stat-rouge-bord:#F3B7B2;
  --stat-ombre:0 1px 2px rgba(16,24,40,.05), 0 8px 24px -12px rgba(16,24,40,.18);
}

.stat-quiz{
  margin:28px 0 0;
  max-width:var(--stat-mesure);
}

/* --------------------------------------------------------------------------
   ETAT 1 — fiche de revision (aucun JavaScript)
   -------------------------------------------------------------------------- */
.stat-quiz-item{
  padding:18px 20px;
  margin:0 0 14px;
  background:var(--stat-fond);
  border:1px solid var(--stat-bord);
  border-radius:12px;
}
.stat-quiz-question{
  font-weight:600;
  color:var(--stat-encre);
  margin:0 0 10px;
  line-height:1.45;
}
.stat-quiz-reponse{
  margin:0 0 6px;
  padding-left:16px;
  position:relative;
  color:var(--stat-encre-2);
}
.stat-quiz-reponse::before{
  content:"";
  position:absolute;
  left:0; top:.62em;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--stat-encre-3);
}
.stat-quiz-explication{
  margin:12px 0 0;
  padding-left:14px;
  border-left:2px solid var(--stat-bord);
  font-size:15px;
  color:var(--stat-encre-3);
}

/* --------------------------------------------------------------------------
   ETAT 2 — questionnaire interactif. Tout ce qui suit est construit par le
   script : si le fichier ne se charge pas, aucune de ces regles ne s'applique.
   -------------------------------------------------------------------------- */
.stat-quiz.est-interactif .stat-quiz-item{display:none;}

.stat-quiz-scene{
  background:#fff;
  border:1px solid var(--stat-bord);
  border-radius:16px;
  box-shadow:var(--stat-ombre);
  overflow:hidden;
}

/* --- bandeau de progression --- */
.stat-quiz-entete{
  padding:16px 22px 14px;
  border-bottom:1px solid var(--stat-bord);
  background:linear-gradient(180deg,#FCFCFD 0%,#F7F8FA 100%);
}
.stat-quiz-ligne{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.stat-quiz-compteur{
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--stat-encre-3);
  font-variant-numeric:tabular-nums;
}
.stat-quiz-points{
  font-size:13px;
  font-weight:600;
  color:var(--stat-encre-2);
  font-variant-numeric:tabular-nums;
}
.stat-quiz-jauge{
  height:5px;
  border-radius:99px;
  background:var(--stat-bord);
  overflow:hidden;
}
.stat-quiz-jauge-barre{
  display:block;
  height:100%;
  width:0;
  border-radius:99px;
  background:var(--stat-accent);
  transition:width .32s cubic-bezier(.4,0,.2,1);
}

/* --- carte de la question --- */
.stat-quiz-carte{padding:24px 22px 22px;}
.stat-quiz-enonce{
  font-size:19px;
  font-weight:600;
  line-height:1.38;
  color:var(--stat-encre);
  margin:0 0 18px;
  text-wrap:balance;
}

.stat-quiz-choix{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.stat-quiz-choix-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 15px;
  border:1px solid var(--stat-bord);
  border-radius:11px;
  background:#fff;
  color:var(--stat-encre-2);
  line-height:1.45;
  cursor:pointer;
  transition:border-color .14s ease, background-color .14s ease, transform .14s ease;
}
.stat-quiz-choix-item:hover{
  border-color:var(--stat-lien);
  background:#FBFCFE;
}
.stat-quiz-choix-item:focus-visible{
  outline:2px solid var(--stat-lien);
  outline-offset:2px;
}
.stat-quiz-puce{
  flex:0 0 auto;
  width:26px; height:26px;
  border-radius:8px;
  background:var(--stat-fond);
  border:1px solid var(--stat-bord);
  color:var(--stat-encre-3);
  font-size:13px;
  font-weight:700;
  line-height:24px;
  text-align:center;
}
.stat-quiz-texte{flex:1 1 auto;}

/* --- une fois la reponse donnee --- */
.stat-quiz-choix.est-verrouille .stat-quiz-choix-item{
  cursor:default;
  transform:none;
}
.stat-quiz-choix.est-verrouille .stat-quiz-choix-item:hover{
  border-color:var(--stat-bord);
  background:#fff;
}
.stat-quiz-choix-item.est-juste{
  border-color:var(--stat-vert-bord);
  background:var(--stat-vert-fond);
  color:var(--stat-encre);
}
.stat-quiz-choix-item.est-juste .stat-quiz-puce{
  background:var(--stat-vert);
  border-color:var(--stat-vert);
  color:#fff;
}
.stat-quiz-choix-item.est-fausse{
  border-color:var(--stat-rouge-bord);
  background:var(--stat-rouge-fond);
}
.stat-quiz-choix-item.est-fausse .stat-quiz-puce{
  background:var(--stat-accent);
  border-color:var(--stat-accent);
  color:#fff;
}
.stat-quiz-choix.est-verrouille .stat-quiz-choix-item:not(.est-juste):not(.est-fausse){
  opacity:.55;
}

/* --- le retour, ce qui fait la valeur du questionnaire --- */
.stat-quiz-retour{
  margin-top:16px;
  padding:14px 16px;
  border-radius:11px;
  background:var(--stat-fond);
  border-left:3px solid var(--stat-encre-3);
}
.stat-quiz-retour.est-juste{
  background:var(--stat-vert-fond);
  border-left-color:var(--stat-vert);
}
.stat-quiz-retour.est-fausse{
  background:var(--stat-rouge-fond);
  border-left-color:var(--stat-accent);
}
.stat-quiz-verdict{
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.stat-quiz-retour.est-juste .stat-quiz-verdict{color:var(--stat-vert);}
.stat-quiz-retour.est-fausse .stat-quiz-verdict{color:var(--stat-accent);}
.stat-quiz-motif{
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--stat-encre);
}

/* --- pied de carte --- */
.stat-quiz-pied{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.stat-quiz-aide{
  margin:0;
  font-size:13px;
  color:var(--stat-encre-3);
}
.stat-quiz-bouton{
  font:inherit;
  font-weight:600;
  color:#fff;
  background:var(--stat-accent);
  border:1px solid var(--stat-accent);
  border-radius:9px;
  padding:11px 22px;
  cursor:pointer;
  transition:filter .14s ease;
}
.stat-quiz-bouton:hover{filter:brightness(.92);}
.stat-quiz-bouton:focus-visible{outline:2px solid var(--stat-lien);outline-offset:2px;}
.stat-quiz-bouton[disabled]{opacity:.4;cursor:default;filter:none;}
.stat-quiz-bouton.est-discret{
  color:var(--stat-lien);
  background:#fff;
  border-color:var(--stat-bord);
}
.stat-quiz-bouton.est-discret:hover{border-color:var(--stat-lien);filter:none;}

/* --------------------------------------------------------------------------
   ETAT 3 — le bilan
   -------------------------------------------------------------------------- */
.stat-quiz-bilan{padding:28px 22px 24px;text-align:center;}
.stat-quiz-cadran{
  position:relative;
  width:148px; height:148px;
  margin:0 auto 18px;
}
.stat-quiz-cadran svg{display:block;width:100%;height:100%;transform:rotate(-90deg);}
.stat-quiz-cadran-fond{fill:none;stroke:var(--stat-bord);stroke-width:11;}
.stat-quiz-cadran-arc{
  fill:none;
  stroke:var(--stat-accent);
  stroke-width:11;
  stroke-linecap:round;
  transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1);
}
.stat-quiz-cadran-chiffre{
  position:absolute;
  left:0; right:0; top:50%;
  transform:translateY(-50%);
  font-size:34px;
  font-weight:700;
  color:var(--stat-encre);
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.stat-quiz-cadran-chiffre span{
  display:block;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--stat-encre-3);
  margin-top:3px;
}
.stat-quiz-verdict-final{
  font-size:21px;
  font-weight:700;
  color:var(--stat-encre);
  margin:0 0 6px;
  text-wrap:balance;
}
.stat-quiz-conseil{
  margin:0 auto 20px;
  max-width:52ch;
  color:var(--stat-encre-2);
  line-height:1.65;
}
.stat-quiz-rappel{
  margin:0 0 20px;
  text-align:left;
  border:1px solid var(--stat-bord);
  border-radius:12px;
  overflow:hidden;
}
.stat-quiz-rappel-titre{
  display:block;
  padding:11px 16px;
  background:var(--stat-fond);
  border-bottom:1px solid var(--stat-bord);
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--stat-encre-3);
}
.stat-quiz-rappel-item{
  padding:13px 16px;
  border-bottom:1px solid var(--stat-bord);
}
.stat-quiz-rappel-item:last-child{border-bottom:0;}
.stat-quiz-rappel-q{
  display:block;
  font-weight:600;
  color:var(--stat-encre);
  margin-bottom:4px;
  line-height:1.45;
}
.stat-quiz-rappel-r{
  margin:0;
  font-size:15px;
  color:var(--stat-encre-2);
  line-height:1.6;
}
.stat-quiz-rappel-r span{color:var(--stat-vert);font-weight:600;}
.stat-quiz-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}
.stat-quiz-lien{
  display:inline-block;
  font-weight:600;
  padding:11px 22px;
  border-radius:9px;
  border:1px solid var(--stat-bord);
  color:var(--stat-lien);
  background:#fff;
  /* le theme souligne tous les <a> : ici le lien a l'aspect d'un bouton */
  text-decoration:none;
}
.stat-quiz-lien:hover{border-color:var(--stat-lien);text-decoration:none;}

/* --- apparition d'une question --- */
.stat-quiz-anime{animation:stat-quiz-entree .26s cubic-bezier(.4,0,.2,1) both;}
@keyframes stat-quiz-entree{
  from{opacity:0;transform:translateY(7px);}
  to{opacity:1;transform:none;}
}

@media (max-width:767px){
  .stat-quiz-carte{padding:20px 15px 18px;}
  .stat-quiz-entete{padding:14px 15px 12px;}
  .stat-quiz-bilan{padding:24px 15px 20px;}
  .stat-quiz-enonce{font-size:17px;}
  .stat-quiz-pied{flex-direction:column-reverse;align-items:stretch;}
  .stat-quiz-bouton{width:100%;}
  .stat-quiz-aide{display:none;}
  .stat-quiz-actions{flex-direction:column;}
  .stat-quiz-lien{text-align:center;}
}

@media (prefers-reduced-motion:reduce){
  .stat-quiz *,
  .stat-quiz-anime{animation:none !important;transition:none !important;}
}

/* =============================================================================
   REFERENT HANDICAP ET RESULTATS — page 18
   Samy 08/09/2026, refait le soir a la demande de Samy.

   La page etait un aplat de 99 sauts de ligne : deux listes de departements a la
   suite, et cinq resultats en paires libelle/valeur. Trois blocs la remplacent :
   des fiches de contact, des pastilles de departement, et des tuiles de chiffre.

   Les gros chiffres sont ici a leur place : ces cinq resultats SONT le sujet de
   la moitie de la page (indicateur Qualiopi). Ailleurs sur le site, on s'en passe.
   ============================================================================= */

/* --- fiches des referentes --- */
.stat-fiches{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:16px;
  margin:18px 0 0;
  max-width:none;               /* ces blocs debordent volontairement la mesure */
}
.stat-fiche{
  background:#fff;
  border:1px solid var(--stat-bord);
  border-radius:14px;
  padding:20px 22px;
}
.stat-fiche-nom{
  display:block;
  font-size:20px;
  font-weight:600;
  color:var(--stat-encre);
  line-height:1.2;
}
.stat-fiche-tel{
  display:block;
  margin-top:4px;
  font-size:18px;
  font-weight:600;
  color:var(--stat-accent);
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.stat-fiche-portee{
  margin:10px 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--stat-bord);
  font-size:14.5px;
  color:var(--stat-encre-3);
}

/* --- pastilles de departement ---
   Cent departements en 99 sauts de ligne devenaient une colonne interminable.
   En pastilles, l'oeil balaie et s'arrete sur le sien. */
.stat-dep{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.stat-dep-item{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:4px 9px 5px;
  border-radius:7px;
  background:var(--stat-fond);
  border:1px solid var(--stat-bord);
  font-size:13.5px;
  line-height:1.35;
  color:var(--stat-encre-2);
  white-space:nowrap;
}
.stat-dep-num{
  font-weight:600;
  color:var(--stat-lien);
  font-variant-numeric:tabular-nums;
}
.stat-dep-item.est-outremer{
  background:var(--stat-vert-fond);
  border-color:var(--stat-vert-bord);
}
.stat-dep-item.est-outremer .stat-dep-num{color:var(--stat-vert);}

/* --- tuiles de resultat --- */
/* Cinq tuiles : `auto-fit` en posait quatre puis une cinquieme toute seule sur sa
   ligne. On choisit donc explicitement un nombre de colonnes que les items
   remplissent — cinq de front en grand ecran ; en dessous, deux colonnes et la
   tuile de tete sur toute la largeur, ce qui donne 1 + 2 + 2 sans trou. */
.stat-chiffres{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin:18px 0 0;
  max-width:none;
}
@media (max-width:860px){
  .stat-chiffres{grid-template-columns:repeat(2,1fr);}
  .stat-chiffre.est-fort{grid-column:1 / -1;}
}
.stat-chiffre{
  background:#fff;
  border:1px solid var(--stat-bord);
  border-radius:14px;
  padding:20px 16px 18px;
  text-align:center;
}
.stat-chiffre.est-fort{
  background:var(--stat-fond);
  border-color:var(--stat-accent);
}
.stat-chiffre-valeur{
  display:block;
  font-size:34px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--stat-encre);
  font-variant-numeric:tabular-nums;
}
.stat-chiffre.est-fort .stat-chiffre-valeur{color:var(--stat-accent);}
.stat-chiffre-libelle{
  display:block;
  margin-top:7px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.045em;
  text-transform:uppercase;
  color:var(--stat-encre-3);
  line-height:1.35;
}

@media (max-width:767px){
  .stat-fiche{padding:16px 15px;}
  .stat-chiffre{padding:16px 12px 14px;}
  .stat-chiffre-valeur{font-size:29px;}
  .stat-dep-item{font-size:13px;}
}