/* =============================================================================
   bati-toolsColor.css — LA feuille des couleurs du site (migration page par page)
   -----------------------------------------------------------------------------
   DEUX NIVEAUX, ET SEULEMENT DEUX :
     1. LA PALETTE  — les seules valeurs hexadécimales du fichier. C'est ici
        qu'on travaille une gamme (foncé / medium / clair d'une teinte, plus
        les fixes : blanc, noir, jaune, gris, rouges, verts).
     2. LES RÔLES   — une variable par fonction ou type d'objet du DOM, qui ne
        vaut JAMAIS un hexadécimal : uniquement var(--c-…) du niveau 1.
   Les règles (sélecteurs) ne citent que des rôles du niveau 2 : ni --c-…, ni
   hexadécimal, ni color-mix. Changer une teinte = toucher le niveau 1 ;
   changer l'usage d'une teinte = toucher le niveau 2 ; les règles ne bougent pas.
   Liée via $couleursCSSUrl (CSS.php) : l'empreinte ?v= change à chaque retouche.
   Pages migrées : toute la racine du site (index, connexion, inscription,
   profil, tarifs, apropos, mentionsLegales, plan-du-site, deconnexion,
   desinscription, verification, stats, admin, admin-palette) + 01-inc/
   plan_outils.php, les 40 pages de documentation rubrique-…/…-doc.php, et
   les pages d'outils de rubrique-Reglementation/ (9 fichiers + audit.css),
   dont le dossier Reglementation/Thermique. Les règles des outils sont
   cantonnées sous body.outil (dossiers : body.dossier), pour que leurs
   sélecteurs génériques (a, table, th, .btn…) n'atteignent pas la charte.
   Restent à migrer : les 32 autres pages d'outils (voir NOTES-CHANTIER-COULEURS.md).

   NON CONCERNÉ, volontairement :
   - les couleurs MÉTIER (classes BAC de echelles.css, familles de réseau des
     synoptiques) : elles codent une donnée, pas un habillage, et ne suivent
     donc pas la palette. Les règles qui les citent sont ici, mais leurs
     valeurs restent dans echelles.css ;
   - les illustrations SVG dessinées dans les pages de documentation
     (6 924 attributs fill/stroke, 50 valeurs) : ce sont des figures, traitées
     comme des images. Passe dédiée à prévoir.
   ========================================================================== */

/* ===== NIVEAU 1 — palette (hexadécimal, nulle part ailleurs) ===== */
:root {
  --c-fonce1  : #e65100; /* bordure de bouton ou autre bordure */
  --c-fonce2  : #ef6c00; /* halo des boutons, filet des états information */
  --c-fonce3  : #f67c01; /* bouton appuyé / survol */
  --c-medium1 : #fb8c00; /* bouton, lien, chip active, barre « Bâti'Tools » */
  --c-medium2 : #ff9700; /* filets des tableaux, contour au survol */
  --c-medium3 : #ffa827; /* anneau de focus, filet des cartes, dégradé carte pro */
  --c-clair1  : #ffb64d; /* fonds discrets : entête de tableau, survol, information */
  --c-clair2  : #ffcc80; /* container sur background */
  --c-clair3  : #ffe0b2; /* background */

  /* les fixes */
  --c-blanc      : #fff2df; /* fond des champs de saisie et des tableaux */
  --c-noir       : #000000; /* texte normal */
  --c-jaune      : #fef611; /* mise en avant : badge PRO, surlignage, fond alerte */
  --c-gris       : #999999; /* placeholder - texte de bouton desactivé */
  --c-rougeFonce : #c62828; /* texte non conforme */
  --c-rougeClair : #ff5252; /* rouge vif : pastille ou barre pleine « non conforme » */
  --c-rougePale  : #ffcdd2; /* fond non conforme sous du texte : 4,0:1 sous --c-rougeFonce */
  --c-rougeVoile : #ffebee; /* fond d'erreur très léger : ligne de tableau, encart, survol (4,6:1 sous --c-rougeFonce) */
  --c-vertFonce  : #008000; /* texte conforme */
  --c-vertClair  : #88e788; /* fond conforme */
  --c-voile      : #00000099; /* voile derrière une fenêtre modale (noir à 60 %) — seule entrée à 8 chiffres */
  --c-planSombre : #11151c; /* fond de plan de l'atelier en thème sombre (atelier.css) : cadre des aperçus de synoptique (T-9) */
}

/* ===== NIVEAU 2 — rôles (uniquement des var(--c-…), jamais d'hexadécimal) ===== */
:root {
  /* --- surfaces --- */
  --fond:                 var(--c-clair3);   /* arrière-plan de page, en-tête, bandeau construction */
  --carte:                var(--c-clair2);   /* cartes, containers, menu déroulant */
  --champ-fond:           var(--c-blanc);    /* inputs, tableaux */
  --pied-fond:            var(--c-gris);     /* pied de page (votre choix) */
  --carte-pro-degrade-1:  var(--c-clair1);   /* carte PRO : début du dégradé */
  --carte-pro-degrade-2:  var(--c-medium3);  /* carte PRO : fin du dégradé */
  --pastille-logo:        var(--c-blanc);
  --marque-orange:        var(--c-jaune);

  /* --- encres (texte) --- */
  --encre:                    var(--c-noir);
  --encre-sur-fond:           var(--c-noir);
  --encre-sur-action:         var(--c-noir);   /* texte posé sur un bouton */
  --encre-attenuee:           var(--c-noir);   /* texte secondaire sur carte — voir NOTE ci-dessous */
  --encre-attenuee-sur-fond:  var(--c-noir);   /* texte secondaire sur le fond */
  /* NOTE CONTRASTE : ces deux rôles pointaient vers --c-gris. Sur les
     fonds clairs de la palette actuelle, ce gris tombe à 1,6:1 — illisible. Ils
     sont donc au noir. Pour retrouver un vrai texte secondaire, il faut une
     couleur FONCÉE au niveau 1 (assombrir --c-gris, ou ajouter une nuance) :
     c'est le seul point où la gamme actuelle, toute en tons clairs, ne suffit pas. */
  --champ-encre:              var(--c-noir);   /* texte dans les champs */
  --champ-indice:             var(--c-gris);   /* placeholder */
  --libelle-entree:           var(--c-noir);   /* « entrée » sur les cartes */
  --libelle-sortie:           var(--c-noir);   /* « sortie » sur les cartes */

  /* --- filets (bordures, séparateurs) --- */
  --filet:                var(--c-fonce1);   /* bordure générale, séparateur du pied */
  --filet-carte:          var(--c-medium3);  /* bordure des cartes, <hr> dans une carte */
  --filet-discret:        var(--c-clair1);   /* séparateur entre groupes de menu */

  /* --- boutons --- */
  --action:                   var(--c-medium1);  /* fond du bouton, liens d'action */
  --bouton-filet:             var(--c-fonce1);   /* bordure du bouton plein */
  --bouton-filet-clair:       var(--c-fonce1);   /* (alias historique de la charte) */
  --bouton-halo-sombre:       var(--c-fonce2);   /* anneau extérieur du bouton */
  --btn-encre:                var(--c-noir);     /* texte du bouton plein */
  --bouton-contour-survol:    var(--c-clair1);   /* fond du bouton contour au survol */
  --bouton-verrouille-filet:  var(--c-gris);     /* bouton non appuyable : bordure */
  --bouton-verrouille-encre:  var(--c-gris);     /* bouton non appuyable : texte */
  --chip-check-has-input-checked-encre: var(--c-noir); /* texte d'une chip de filtre cochée */

  /* --- états --- */
  --etat-conforme:             var(--c-vertFonce);  /* texte conforme */
  --etat-conforme-fond:        var(--c-vertClair);  /* fond conforme */
  --etat-conforme-filet:       var(--c-vertFonce);
  --etat-conforme-sur-carte:   var(--c-vertFonce);  /* .ok sur une carte */
  --etat-erreur:               var(--c-rougeFonce); /* texte non conforme */
  --etat-erreur-fond:          var(--c-rougePale);  /* fond non conforme sous du texte --etat-erreur (était --c-rougeClair : 1,8:1) */
  --etat-erreur-fond-leger:    var(--c-rougeVoile); /* ligne de tableau ou encart en erreur, plus discret */
  --etat-erreur-filet:         var(--c-rougeFonce);
  --etat-erreur-sur-carte:     var(--c-rougeFonce);
  --etat-alerte:               var(--c-noir);
  --etat-alerte-fond:          var(--c-jaune);
  --etat-alerte-filet:         var(--c-fonce1);
  --etat-information:          var(--c-noir);
  --etat-information-fond:     var(--c-clair1);
  --etat-information-filet:    var(--c-fonce2);
  /* texte posé SUR la couleur d'état (pastille, barre pleine) : l'inverse du couple texte/fond */
  --etat-conforme-encre-inverse: var(--c-blanc);
  --etat-erreur-encre-inverse:   var(--c-blanc);
  --etat-alerte-encre-inverse:   var(--c-jaune);   /* --etat-alerte est le noir */

  /* --- tableaux --- */
  --tableau-filet:        var(--c-medium2);  /* bordure des boutons contour dans un tableau */
  --tableau-filet-fin:    var(--c-clair1);   /* lignes entre cellules */
  --tableau-survol:       var(--c-clair1);
  --tableau-entete-fond:  var(--c-clair2);   /* fond des <th> */
  --tableau-libelle:      var(--c-gris);     /* libellé de colonne en mode étroit */

  /* --- accordéon « plan des outils » --- */
  --plan-groupe-fond:     var(--c-medium1);  /* fond d'un groupe replié (votre choix) */
  --plan-verrouille-encre: var(--c-noir);    /* outil verrouillé dans l'accordéon */
  --plan-trajet-encre:    var(--c-noir);     /* « rubrique › outil » */

  /* --- pages de documentation (les fichiers -doc.php) --- */
  --doc-exemple-fond:     var(--c-blanc);   /* encadré « exemple » dans une carte */
  --doc-encart-fond:      var(--c-blanc);   /* touche clavier, formule */
  --doc-info-fond:        var(--c-clair1);  /* encadré d'information */
  --doc-apercu-fond:      var(--c-blanc);   /* fond des aperçus de copie d'écran */
  --doc-apercu-plan-fond: var(--c-planSombre); /* cadre d'un aperçu de PLAN (synoptiques) : le plan est montré en thème sombre, comme dans l'outil */
  --doc-force:            var(--c-fonce1);  /* valeur forcée à la main (sélection d'émetteurs) */
  --doc-accent-voile:     var(--c-clair1);  /* voile d'accent sur un encadré */

  /* --- bouton « danger » (suppression) — stats, admin --- */
  --bouton-danger-encre:  var(--c-rougeFonce);
  --bouton-danger-filet:  var(--c-rougeFonce);
  --bouton-danger-survol: var(--c-rougePale);  /* fond au survol ; le texte passe au noir */

  /* --- chips de filtre — stats, admin --- */
  --chip-filet:           var(--c-fonce1);
  --chip-survol:          var(--c-clair1);
  --chip-active-fond:     var(--c-medium1);
  --chip-active-encre:    var(--c-noir);

  /* --- badges d'état — stats, admin --- */
  --badge-ok-fond:        var(--c-vertClair);
  --badge-ok-filet:       var(--c-vertFonce);
  --badge-attente-fond:   var(--c-jaune);
  --badge-attente-filet:  var(--c-fonce1);
  --badge-neutre-fond:    var(--c-clair1);
  --badge-neutre-filet:   var(--c-fonce1);

  /* --- pagination — stats, admin --- */
  --pagination-filet:        var(--c-fonce1);
  --pagination-active-fond:  var(--c-medium1);
  --pagination-active-encre: var(--c-noir);

  /* --- graphiques en barres (stats.php) --- */
  --graph-piste:          var(--c-blanc);   /* piste claire : la barre doit s'en détacher */
  --graph-barre-1:        var(--c-fonce1);  /* dégradé de la barre, début */
  --graph-barre-2:        var(--c-fonce2);  /* dégradé de la barre, fin */
  --graph-courbe:         var(--c-fonce1);  /* courbe d'un graphique (pacDerating) — lu par le JS du canvas */
  --graph-courbe-aire:    var(--c-clair1);  /* aire sous la courbe, sur la piste blanche */
  --graph-point:          var(--c-rougeFonce); /* point courant sur la courbe */
  --graph-axe:            var(--c-gris);    /* axes et graduations */
  --graph-grille:         var(--c-clair1);  /* réseau de fond d'un graphique */

  /* --- grille tarifaire (tarifs, inscription, profil) --- */
  --gt-fond:              var(--c-clair2);    /* fond des blocs offre / bandeau / tableau */
  --gt-filet:             var(--c-fonce1);    /* cadre de ces blocs */
  --gt-filet-fin:         var(--c-clair1);    /* lignes entre lignes et colonnes du tableau */
  --gt-pro-degrade-1:     var(--c-clair1);    /* offre PRO : début du dégradé */
  --gt-pro-degrade-2:     var(--c-medium3);   /* offre PRO : fin du dégradé */
  --gt-titre-fond:        var(--c-clair1);    /* bandeau de titre d'une ligne de tarifs */
  --gt-entete-fond:       var(--c-medium1);   /* en-tête collant du tableau d'outils */
  --gt-entete-filet:      var(--c-fonce1);
  --gt-ascenseur:         var(--c-medium2);   /* pouce de l'ascenseur du tableau */
  --gt-outil-filet:       var(--c-clair1);    /* séparateur entre deux outils */
  --gt-outil-survol:      var(--c-clair1);    /* fond d'une ligne d'outil au survol */
  --gt-focus:             var(--c-fonce1);    /* contour clavier de la zone défilante */
  --gt-radio:             var(--c-medium1);   /* pastille du bouton radio */
  --acces-oui:            var(--c-vertFonce); /* « inclus » dans la grille */
  --acces-non:            var(--c-rougeFonce);/* « non inclus » dans la grille */

  /* --- divers --- */
  --badge-pro-fond:       var(--c-jaune);    /* item carte pro (votre --c-or) */
  --badge-pro-encre:      var(--c-noir);
  --badge-pro-filet:      var(--c-fonce1);
  --acces-fond:           var(--c-clair1);   /* bandeau « accès » */
  --ombre-focus:          0 0 0 3px var(--c-medium3);  /* anneau de focus clavier */
  --ombre-carte:          0 4px 15px var(--c-clair1);  /* ombre portée des cartes */

  /* --- bannière HTML (index-test2) --- */
  --ban-fond:             var(--c-clair2);
  --ban-filet:            var(--c-noir);     /* cadre de la bannière et des pastilles (votre choix) */
  --ban-surlignage:       var(--c-jaune);    /* « en une fraction du temps. » */
  --ban-barre-avant:      var(--c-fonce1);   /* barre « Excel + AutoCAD » (votre choix) */
  --ban-barre-apres:      var(--c-medium1);  /* barre « Bâti'Tools » */
  --ban-pastille:         var(--c-medium1);  /* pastilles des phases */

  /* --- pages d'outils et dossiers (body.outil / body.dossier) --- */
  --relief-fond:          var(--c-blanc);    /* bloc en relief dans une carte (ex-« --panel2 » des outils) — blanc comme --doc-encart-fond : les états restent lisibles dessus */
  --selection-fond:       var(--c-medium2);  /* état sélectionné, bouton neutre au survol (ex-« --sel ») */
  --filet-actif:          var(--c-noir);     /* bordure d'un élément actif ou survolé (ex-« border: var(--txt) ») */
  --bandeau-fond:         var(--c-medium1);  /* bandeau plein (en-tête sombre d'origine, synthèse, appel à l'action) */
  --bandeau-encre:        var(--c-noir);     /* texte posé sur ce bandeau */
  --focus-contour:        var(--c-fonce1);   /* outline-color au focus clavier */
  --voile-modal:          var(--c-voile);    /* fond translucide derrière une fenêtre modale */
  --arbre-feuille:        var(--c-vertFonce); /* nœud terminal d'un arbre (lecteur XML) */
  --surlignage-fond:      var(--c-jaune);     /* surlignage des mots-clés cherchés (rechercheINIES) */
  --surlignage-encre:     var(--c-noir);
  --encre-inverse:        var(--c-blanc);   /* texte posé SUR un aplat foncé : pastille, puce, chip */

  /* --- alias historiques de la charte (noms encore cités par quelques règles) --- */
  --bg: var(--fond);  --surface: var(--carte);  --border: var(--filet);  --text: var(--encre);
  --text-on-bg: var(--encre-sur-fond);  --muted-on-surface: var(--encre-attenuee);
  --muted: var(--encre-attenuee-sur-fond);  --field-bg: var(--champ-fond);  --field-text: var(--champ-encre);
  --input-placeholder: var(--champ-indice);  --accent: var(--action);
  --ok: var(--etat-conforme-sur-carte);  --err: var(--etat-erreur-sur-carte);
  --etat-ok: var(--etat-conforme);  --etat-ok-fond: var(--etat-conforme-fond);  --etat-ok-bord: var(--etat-conforme-filet);
  --etat-alerte-bord: var(--etat-alerte-filet);  --etat-erreur-bord: var(--etat-erreur-filet);
  --pro-grad-1: var(--carte-pro-degrade-1);  --pro-grad-2: var(--carte-pro-degrade-2);
  --data-in: var(--libelle-entree);  --data-out: var(--libelle-sortie);
  --shadow-card: var(--ombre-carte);  --shadow-focus: var(--ombre-focus);
  --btn-bord: var(--bouton-filet-clair);  --btn-halo: var(--bouton-halo-sombre);
}

/* ===== RÈGLES — ne citent que des rôles du niveau 2 ===== */
/* --- venues de charte.css --- */
body { /* charte.css l.371 — background-COLOR et non le raccourci background,
          pour ne pas effacer le fond croquis (background-image) posé par charte-test.css */
  background-color: var(--fond);
  color: var(--encre);
}
.site-header { /* charte.css l.397 — transparent : laisse voir le fond croquis du body */
  background: transparent;
  color: var(--encre);
}
.site-footer { /* charte.css l.397 */
  background: var(--pied-fond);
  color: var(--encre);
}
.site-title { /* charte.css l.409 */
  color: var(--encre);
}
.site-footer small { /* charte.css l.422 */
  color: var(--encre-attenuee);
}
.refs-normes { /* charte.css — ligne de références documentaires */
  color: var(--encre-attenuee);
}
.link { /* charte.css l.425 */
  color: var(--encre);
}
.h { /* charte.css l.445 */
  color: var(--encre);
}
.btn { /* charte.css l.461 */
  border-color: var(--bouton-filet);
  box-shadow: 0 0 0 1px var(--bouton-halo-sombre);
  background: var(--action);
  color: var(--btn-encre);
}
.btn-outline { /* charte.css l.481 */
  background: var(--action);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: 0 0 0 1px var(--bouton-halo-sombre);
}
.btn-outline:hover { /* charte.css l.487 */
  background: var(--bouton-contour-survol);
}
.btn.danger { /* charte.css l.488 */
  border-color: var(--bouton-danger-filet);
  color: var(--bouton-danger-encre);
  background: transparent;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea { /* charte.css l.502 */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}
input::placeholder, textarea::placeholder { /* charte.css l.526 */
  color: var(--champ-indice);
}
:where(input, textarea, button, .btn):focus-visible { /* charte.css l.527 */
  box-shadow: var(--ombre-focus);
}
.hint { /* charte.css l.539 */
  color: var(--encre);
}
.form-message { /* charte.css l.541 */
  color: var(--etat-erreur);
}
.success { /* charte.css l.550 */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--encre);
}
.errors { /* charte.css l.555 */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--encre);
}
.user-tag { /* charte.css l.601 */
  color: var(--encre);
}
.burger { /* charte.css l.606 */
  background: transparent;
}
.burger:focus-visible { /* charte.css l.617 */
  outline-color: var(--encre);
}
.burger-line { /* charte.css l.621 */
  background: var(--encre);
}
.site-header nav a { /* charte.css l.632 */
  color: var(--encre);
}
@media (max-width: 768px) {
  #primaryNav { /* charte.css l.644 */
    background: var(--carte);
  }
}
.services h2 { /* charte.css l.696 */
  color: var(--encre);
}
.muted { /* charte.css l.561 */
  color: var(--encre-attenuee-sur-fond);
}
.card .hint, .card .muted,
.site-header .hint, .site-header .muted,
.site-footer .hint, .site-footer .muted { /* charte.css l.563 */
  color: var(--encre-attenuee);
}
.card h3 { /* charte.css l.704 */
  color: var(--encre);
}
.inData { /* charte.css l.721 */
  color: var(--libelle-entree);
}
.outData { /* charte.css l.724 */
  color: var(--libelle-sortie);
}
.card { /* charte.css l.452 */
  background: var(--carte);
  border-color: var(--filet-carte);
  color: var(--encre);
  box-shadow: var(--ombre-carte);
}
.card-pro { /* charte.css l.725 */
  background: linear-gradient(135deg, var(--carte-pro-degrade-1) 0%, var(--carte-pro-degrade-2) 100%);
  border-color: var(--filet-carte);
}
.badge-pro { /* charte.css l.737 */
  background: var(--badge-pro-fond);
  color: var(--badge-pro-encre);
  border-color: var(--badge-pro-filet);
}
.btn-locked { /* charte.css l.752 */
  background: transparent;
  border-color: var(--bouton-verrouille-filet);
  color: var(--bouton-verrouille-encre);
}
.footer-container h4 { /* charte.css l.776 */
  background: var(--pied-fond);
  color: var(--encre);
}
.footer-container ul li a { /* charte.css l.779 */
  color: var(--encre);
}
.footer-bottom { /* charte.css l.781 */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}
.links a { /* charte.css l.797 */
  color: var(--encre);
}
.flash { /* charte.css l.799 */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--encre);
}
.chip a { /* charte.css l.808 */
  border-color: var(--chip-filet);
  color: var(--encre);
  background: transparent;
}
.chip a:hover { /* charte.css l.819 */
  background: var(--chip-survol);
}
.chip a.active { /* charte.css l.820 */
  background: var(--chip-active-fond);
  border-color: var(--chip-active-fond);
  color: var(--chip-active-encre);
}
td .btn-outline, th .btn-outline { /* charte.css l.828 */
  color: var(--champ-encre);
  border-color: var(--tableau-filet);
}
td .btn-outline:hover, th .btn-outline:hover { /* charte.css l.841 */
  background: var(--tableau-survol);
}
td .btn.danger, th .btn.danger { /* charte.css l.844 */
  color: var(--bouton-danger-encre);
  border-color: var(--bouton-danger-filet);
}
td .btn.danger:hover, th .btn.danger:hover { /* charte.css l.849 */
  background: var(--bouton-danger-survol);
  color: var(--encre);   /* ajouté : sur le fond rouge clair, le rouge foncé tombe à 1,8:1 */
}
table { /* charte.css l.850 */
  background: var(--champ-fond);
  color: var(--champ-encre);
}
th, td { /* charte.css l.859 */
  border-bottom-color: var(--tableau-filet-fin);
}
th { /* charte.css l.866 */
  background: var(--tableau-entete-fond);
}
th.sticky-col, td.sticky-col { /* charte.css l.872 */
  background: var(--champ-fond);
}
th.sticky-col { /* charte.css l.873 */
  background: var(--tableau-entete-fond);
}
.badge.ok { /* charte.css l.880 */
  background: var(--badge-ok-fond);
  color: var(--encre);
  border-color: var(--badge-ok-filet);
}
.badge.wait { /* charte.css l.881 */
  background: var(--badge-attente-fond);
  color: var(--encre);
  border-color: var(--badge-attente-filet);
}
.badge.neutral { /* charte.css l.882 */
  background: var(--badge-neutre-fond);
  color: var(--encre);
  border-color: var(--badge-neutre-filet);
}
.pagination a { /* charte.css l.946 */
  border-color: var(--pagination-filet);
  color: var(--encre);
  background: var(--champ-fond);
}
.pagination a.active { /* charte.css l.954 */
  background: var(--pagination-active-fond);
  color: var(--pagination-active-encre);
  border-color: var(--pagination-active-fond);
}
.err { /* charte.css l.1012 */
  color: var(--etat-erreur);
}
.ok { /* charte.css l.1013 */
  color: var(--etat-conforme-sur-carte);
}
@media (max-width: 640px) {
  table { /* charte.css l.1030 */
    background: transparent;
  }
}
@media (max-width: 640px) {
  tbody tr { /* charte.css l.1031 */
    background: var(--champ-fond);
    border-color: var(--tableau-filet-fin);
  }
}
@media (max-width: 640px) {
  td, th { /* charte.css l.1037 */
    border-bottom-color: var(--tableau-survol);
  }
}
@media (max-width: 640px) {
  td::before { /* charte.css l.1048 */
    color: var(--tableau-libelle);
  }
}
.bandeau-construction { /* charte.css l.1060 — transparent : laisse voir le fond croquis du body */
  background: transparent;
  color: var(--encre);
  border-block-color: var(--fond);
}
.bandeau-construction p { /* charte.css l.1087 */
  color: inherit;
}
.gt-offre,
.gt-action-bandeau,
.gt-tableau { /* charte.css l.1153 */
  border-color: var(--gt-filet);
  background: var(--gt-fond);
}
.gt-offre-pro { /* charte.css l.1173 */
  background: linear-gradient(160deg, var(--gt-pro-degrade-1), var(--gt-pro-degrade-2));
}
.gt-tarifs-ligne { /* charte.css l.1189 */
  border-top-color: var(--gt-filet-fin);
}
.gt-tarifs-titre { /* charte.css l.1204 */
  background: var(--gt-titre-fond);
  color: var(--encre);
}
.gt-tarifs-ligne > * + * { /* charte.css l.1218 */
  border-left-color: var(--gt-filet-fin);
}
.gt-eco { /* charte.css l.1228 */
  border-color: currentColor;
}
.gt-radio input[type="radio"] { /* charte.css l.1284 */
  accent-color: var(--gt-radio);
}
.gt-col-pro { /* charte.css l.1319 */
  background: linear-gradient(160deg, var(--gt-pro-degrade-1), var(--gt-pro-degrade-2));
}
.gt-entete { /* charte.css l.1327 */
  background: var(--gt-entete-fond);
  color: var(--encre);
  border-bottom-color: var(--gt-entete-filet);
}
.gt-corps::-webkit-scrollbar-track { /* charte.css l.1353 */
  background: transparent;
}
.gt-corps::-webkit-scrollbar-thumb { /* charte.css l.1354 */
  background: var(--gt-ascenseur);
}
.gt-corps:focus-visible { /* charte.css l.1358 */
  outline-color: var(--gt-focus);
}
.gt-outil { /* charte.css l.1367 */
  border-bottom-color: var(--gt-outil-filet);
}
.gt-outil:hover { /* charte.css l.1373 */
  background: var(--gt-outil-survol);
}
.acces { /* charte.css l.1376 */
  background: var(--acces-fond);
}
.acces-oui { /* charte.css l.1399 */
  color: var(--acces-oui);
}
.acces-non { /* charte.css l.1400 */
  color: var(--acces-non);
}
.card hr { /* charte.css l.1447 */
  border-top-color: var(--filet-carte);
}
.menu-admin > summary { /* charte.css l.1526 */
  color: var(--encre);
}
.menu-admin > summary:focus-visible { /* charte.css l.1533 */
  outline-color: var(--encre);
}
.menu-admin-liste { /* charte.css l.1534 */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}
.menu-admin-groupe { /* charte.css l.1547 */
  border-top-color: var(--filet-discret);
}
.site-header nav .menu-admin-liste a, .menu-admin-liste a { /* charte.css l.1555 */
  color: var(--encre);
}

/* --- venues de charte.css, socle des pages d'outils (.title-row, .home-link, #calc / #result) --- */
.title-row h1 { /* charte.css l.976 */
  color: var(--encre);
}
.home-link { /* charte.css l.977 */
  color: var(--encre);
}
#calc, #result { /* charte.css l.1001 */
  background: var(--carte);
  border-color: var(--filet);
  color: var(--encre);
}

/* --- venues du <style> de index.php --- */
.carte-filtre { /* index.php l.131 */
  background: var(--surface);
  border-color: var(--border);
}
.carte-filtre-label { /* index.php l.143 */
  color: var(--text);
}
.chip-check { /* index.php l.144 */
  border-color: var(--border);
  background: transparent;
  color: var(--text);
}
.chip-check:has(input:checked) { /* index.php l.150 */
  background: var(--accent);
  border-color: var(--accent);
  color: var(--chip-check-has-input-checked-encre);
}
.chip-check input { /* index.php l.151 */
  accent-color: var(--accent);
}
.carte-filtre-vide { /* index.php l.153 */
  color: var(--muted-on-surface);
}
.doc-links .doc-detail { /* index.php l.161 */
  color: var(--muted-on-surface);
}
.services-acces-titre { /* index.php l.183 */
  color: var(--text);
}
.services-cartes-titre { /* index.php l.185 */
  color: var(--text);
}

/* --- venues de 01-inc/plan_outils.php --- */
.plan-groupe { /* 01-inc/plan_outils.php l.101 */
  background: var(--plan-groupe-fond);
  border-color: var(--filet);
}
.plan-groupe-tete { /* 01-inc/plan_outils.php l.108 */
  color: var(--encre);
}
.plan-groupe-tete:hover,
.plan-groupe-tete:focus-visible { /* 01-inc/plan_outils.php l.120 */
  background: var(--bg);
}
.plan-groupe-compte { /* 01-inc/plan_outils.php l.124 */
  color: var(--encre);
}
.plan-groupe-chevron { /* 01-inc/plan_outils.php l.127 */
  border-right-color: var(--muted-on-surface);
  border-bottom-color: var(--muted-on-surface);
}
.plan-outil + .plan-outil { /* 01-inc/plan_outils.php l.140 */
  border-top-color: var(--border);
}
.plan-outil-lien { /* 01-inc/plan_outils.php l.147 */
  color: var(--encre);
}
.plan-outil-lien:hover,
.plan-outil-lien:focus-visible { /* 01-inc/plan_outils.php l.152 */
  background: var(--bg);
}
.plan-outil-lien.is-verrouille { /* 01-inc/plan_outils.php l.154 */
  color: var(--plan-verrouille-encre);
}
.plan-outil-trajet { /* 01-inc/plan_outils.php l.159 */
  color: var(--plan-trajet-encre);
}

/* --- logo texte et bannière HTML --- */
.site-logo-texte { color: var(--encre); }
.ban { background: var(--ban-fond); border-color: var(--ban-filet); color: var(--encre); }
.ban-souligne { background: var(--ban-surlignage); }
.ban-barre-avant { background: var(--ban-barre-avant); color: var(--encre); }
.ban-barre-apres { background: var(--ban-barre-apres); color: var(--encre); }
.ban-phases li::before { background: var(--ban-pastille); border-color: var(--ban-filet); }

/* --- venues du <style> de apropos.php --- */
.apropos .avert { /* apropos.php */
  border-left-color: var(--etat-erreur-filet);
}
.apropos .kv dt { /* apropos.php */
  color: var(--encre-attenuee);
}

/* --- venues du <style> de mentionsLegales.php --- */
.legal .avert { /* mentionsLegales.php */
  border-left-color: var(--etat-erreur-filet);
}
.legal .kv dt { /* mentionsLegales.php */
  color: var(--encre-attenuee);
}

/* --- venues du <style> de stats.php --- */
.graph { /* stats.php */
  background: var(--carte);
  border-color: var(--filet);
}
.graph-nom { /* stats.php */
  color: var(--encre);
}
.graph-piste { /* stats.php */
  background: var(--graph-piste);
}
.graph-barre { /* stats.php */
  background: linear-gradient(90deg, var(--graph-barre-1), var(--graph-barre-2));
}
.graph-val { /* stats.php */
  color: var(--encre);
}
.encart { /* stats.php */
  border-color: var(--filet);
}

/* --- pages de documentation (les 40 fichiers -doc.php) --- */
.doc .kv dt { /* 40 pages */
  color: var(--encre-attenuee);
}

.doc .card.ex { /* 40 pages */
  background: var(--doc-exemple-fond);
  border-left-color: var(--action);
}

.doc .ex-contexte { /* 40 pages */
  color: var(--encre-attenuee);
}

.doc .card.ex h4 { /* 33 pages */
  color: var(--encre-attenuee);
}

.doc .section-note { /* 37 pages */
  color: var(--encre-attenuee);
}

.doc pre.saisie { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.doc table.res th, .doc table.res td { /* 4 pages */
  border-bottom-color: var(--filet);
}

.doc table.res th { /* 4 pages */
  color: var(--encre-attenuee);
}

.doc .lig-erreur { /* 1 page */
  color: var(--etat-erreur);
}

.doc .lig-multi { /* 1 page */
  color: var(--etat-information);
}

.doc .alertbox.ok { /* 39 pages */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.doc h3.sub { /* 13 pages */
  color: var(--encre);
}

.doc .alertbox.warn { /* 34 pages */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.doc .alertbox.bad { /* 6 pages */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.doc .paroi th, .doc .paroi td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.doc .alertbox.err { /* 4 pages */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.doc .tab th, .doc .tab td { /* 2 pages */
  border-bottom-color: var(--tableau-filet-fin);
}

.doc .doc-sch { /* 1 page */
  border-color: var(--filet);
}

.doc .formule { /* 3 pages */
  background: var(--doc-encart-fond);
}

.doc .card h4 { /* 7 pages */
  color: var(--encre-attenuee);
}

.doc pre.fichier { /* 1 page */
  background: var(--doc-encart-fond);
}

.doc .legende-fichier { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .tab-exemple .col-num { /* 1 page */
  background: var(--action);
  color: var(--doc-apercu-fond);
}

.doc .tab-exemple .cell-vide { /* 1 page */
  color: var(--filet);
}

.doc details.doc-details > summary { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .puce-em { /* 1 page */
  border-color: color-mix(in oklab, currentColor 35%, transparent);
  background: color-mix(in oklab, currentColor 6%, transparent);
}

.doc .puce-em.forcee { /* 1 page */
  border-color: var(--doc-force);
  color: var(--doc-force);
}

.doc .ecart-pos { /* 1 page */
  color: var(--etat-conforme);
}

.doc .ecart-neg { /* 1 page */
  color: var(--etat-erreur);
}

.doc .bandeau-demo { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.doc .gestes dt { /* 6 pages */
  color: var(--encre);
}

.doc .gestes dd { /* 6 pages */
  color: var(--encre-attenuee);
}

.doc kbd { /* 6 pages */
  border-color: var(--filet);
  background: var(--doc-encart-fond);
  color: var(--encre);
}

.doc .apercu .cadre { /* 7 pages */
  background: var(--doc-apercu-fond);
  border-color: var(--filet);
}

.doc .apercu-plan .cadre { /* 6 pages : les -doc.php des synoptiques (T-9) */
  background: var(--doc-apercu-plan-fond);
}

.doc .apercu figcaption { /* 7 pages */
  color: var(--encre-attenuee);
}

.doc table.t th, .doc table.t td { /* 1 page */
  border-bottom-color: var(--filet);
}

@media (max-width: 640px) {
.doc table.t tr { /* 1 page */
    border-color: var(--filet);
}
}

@media (max-width: 640px) {
.doc table.t td::before { /* 1 page */
    color: var(--encre-attenuee);
}
}

.doc .jeton { /* 1 page */
  border-color: var(--filet);
}

.doc .jeton.on { /* 1 page */
  border-color: var(--action);
  color: var(--action);
}

.doc .ecran .trait { /* 1 page */
  fill: none;
  stroke: var(--filet);
}

.doc .ecran .fond { /* 1 page */
  fill: var(--doc-encart-fond);
  stroke: none;
}

.doc .ecran .acc { /* 1 page */
  fill: none;
  stroke: var(--action);
}

.doc .ecran text { /* 1 page */
  fill: var(--encre);
}

.doc .ecran text.mut { /* 1 page */
  fill: var(--encre-attenuee);
}

.doc td.nul { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .glisser { /* 1 page */
  border-left-color: var(--action);
  background: var(--doc-accent-voile);
}

.doc .ref { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .dim { /* 1 page */
  background: var(--doc-accent-voile);
}

.doc .alertbox.ko { /* 3 pages */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.doc table.res tr.alerte td { /* 1 page */
  background: var(--etat-erreur-fond);
}

.doc table.res tr.reglementaire td { /* 1 page */
  background: var(--etat-alerte-fond);
}

.doc .pastille { /* 1 page */
  border-color: currentColor;
}

.doc .p-A { /* 1 page */
  color: var(--classe-bac-a);
}

.doc .p-B { /* 1 page */
  color: var(--classe-bac-b);
}

.doc .p-C { /* 1 page */
  color: var(--classe-bac-c);
}

.doc .p-D { /* 1 page */
  color: var(--classe-bac-d);
}

.doc .p-NC { /* 1 page */
  color: var(--classe-bac-nc);
}

.doc .hors { /* 1 page */
  color: var(--encre-attenuee);
}

@media (max-width: 640px) {
.doc table.res tr { /* 1 page */
    border-bottom-color: var(--tableau-filet-fin);
}
}

@media (max-width: 640px) {
.doc table.res td::before { /* 1 page */
    color: var(--encre-attenuee);
}
}

.doc .apercu-pro { /* 2 pages */
  color: var(--encre);
  background: var(--champ-fond);
  border-color: var(--filet);
}

.doc .apercu-rapport figcaption { /* 2 pages */
  color: var(--encre-attenuee);
}

.doc .step { /* 1 page */
  border-color: var(--filet);
  background: var(--doc-encart-fond);
}

.doc .step .lbl { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .step .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .arrow { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .msg-retour { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.doc td.alerte-warn { /* 1 page */
  color: var(--etat-alerte);
}

.doc td.alerte-err { /* 1 page */
  color: var(--etat-erreur);
}

.doc .formules td { /* 1 page */
  border-bottom-color: var(--filet);
}

.doc .formules .u { /* 1 page */
  color: var(--encre-attenuee);
}

.doc th, .doc td { /* 2 pages */
  border-bottom-color: var(--filet);
}

.doc th { /* 2 pages */
  color: var(--encre-attenuee);
}

.doc tr.tot td { /* 1 page */
  border-top-color: var(--filet);
}

.doc .alertbox.info { /* 6 pages */
  background: var(--doc-info-fond);
  color: var(--encre-attenuee);
}

.doc .ipill { /* 1 page */
  border-color: currentColor;
}

.doc .presc { /* 3 pages */
  border-bottom-color: var(--tableau-filet-fin);
}

.doc .grp { /* 2 pages */
  color: var(--encre-attenuee);
}

.doc .vres div { /* 1 page */
  border-color: var(--filet);
}

.doc .vres .u { /* 1 page */
  color: var(--encre-attenuee);
}

.doc table.simple th, .doc table.simple td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.doc table.simple th { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .presc .lot { /* 1 page */
  color: var(--encre-attenuee);
}

.doc .tag.bloq { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.doc .tag.imp { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.doc .tag.info { /* 1 page */
  background: var(--tableau-filet-fin);
  color: var(--encre-attenuee);
}

.doc table.res td.type { /* 1 page */
  color: var(--encre-attenuee);
}

.doc code.saisie { /* 1 page */
  background: var(--tableau-filet-fin);
}

.doc .neg { /* 1 page */
  color: var(--etat-erreur);
}

.doc .pos { /* 1 page */
  color: var(--etat-conforme);
}

.doc pre.csv { /* 1 page */
  background: var(--doc-exemple-fond);
  border-color: var(--filet);
}

.doc figure.schema figcaption { /* 1 page */
  color: var(--encre-attenuee);
}

/* --- outils — rubrique Réglementation (body.outil) --- */
body.outil { /* 7 pages */
  background: var(--fond);
  color: var(--encre);
}

.outil header { /* 6 pages */
  border-bottom-color: var(--filet);
  background: var(--carte);
}

.outil header p { /* 6 pages */
  color: var(--encre-attenuee);
}

.outil .flag { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil .seuils div { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre-attenuee);
}

.outil .seuils b { /* 1 page */
  color: var(--encre);
}

.outil .card { /* 7 pages */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .card h2 .n { /* 2 pages */
  color: var(--encre);
}

.outil .lede { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .hint { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .params { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .lbl { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=range] { /* 1 page */
  accent-color: var(--action);
}

.outil input[type=text].nb { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil ::placeholder { /* 2 pages */
  color: var(--champ-indice);
}

.outil .unit { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .check { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .check input { /* 1 page */
  accent-color: var(--action);
}

.outil .modes { /* 1 page */
  border-color: var(--filet);
}

.outil .modes button { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil .modes button[aria-pressed="true"] { /* 1 page */
  background: var(--action);
  color: var(--encre);
}

.outil .modes button+button { /* 1 page */
  border-left-color: var(--filet);
}

.outil .reset { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil button:focus-visible, .outil input:focus-visible { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .vline { /* 1 page */
  background: var(--action);
}

.outil .vtag { /* 3 pages */
  background: var(--carte);
  color: var(--encre);
  border-color: currentColor;
}

.outil .row .rl { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .track { /* 1 page */
  background: var(--graph-piste);
}

.outil .bar.n { /* 1 page */
  background: var(--graph-barre-1);
}

.outil .bar.ok { /* 1 page */
  background: var(--etat-conforme);
}

.outil .bar.ko { /* 1 page */
  background: var(--etat-erreur);
}

.outil .bar.lim { /* 1 page */
  background: var(--etat-alerte);
}

.outil .bv { /* 1 page */
  color: var(--encre);
}

.outil .bar.ok .bv { /* 1 page */
  color: var(--etat-conforme-encre-inverse);
}

.outil .bar.ko .bv { /* 1 page */
  color: var(--etat-erreur-encre-inverse);
}

.outil .bar.lim .bv { /* 1 page */
  color: var(--etat-alerte-encre-inverse);
}

.outil .bv.out { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tile { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .tk { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tu { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tm { /* 1 page */
  border-top-color: var(--filet);
}

.outil .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .st-ok { /* 2 pages */
  color: var(--etat-conforme);
}

.outil .st-ok .sym { /* 2 pages */
  background: var(--etat-conforme);
  color: var(--etat-conforme-encre-inverse);
}

.outil .st-ko { /* 2 pages */
  color: var(--etat-erreur);
}

.outil .st-ko .sym { /* 2 pages */
  background: var(--etat-erreur);
  color: var(--etat-erreur-encre-inverse);
}

.outil .st-lim { /* 2 pages */
  color: var(--etat-alerte);
}

.outil .st-lim .sym { /* 2 pages */
  background: var(--etat-alerte);
  color: var(--etat-alerte-encre-inverse);
}

.outil .st-out { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .st-out .sym { /* 2 pages */
  background: var(--relief-fond);
  color: var(--encre);
}

.outil .scroll { /* 2 pages */
  border-color: var(--filet);
}

.outil th, .outil td { /* 4 pages */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil thead th { /* 2 pages */
  color: var(--encre-attenuee);
  background: var(--relief-fond);
}

.outil .vbox { /* 2 pages */
  border-color: var(--filet);
  border-left-color: var(--filet);
  background: var(--relief-fond);
}

.outil ul.notes li { /* 1 page */
  color: var(--encre-attenuee);
}

.outil ul.notes b { /* 1 page */
  color: var(--encre);
}

.outil .srcs { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .srcs a { /* 1 page */
  color: var(--encre);
}

.outil table { /* 4 pages */
  background: transparent;
  color: inherit;
  border-color: var(--tableau-filet-fin);
}

.outil a { /* 5 pages */
  color: var(--encre);
}

.outil .card h2 { /* 4 pages */
  color: var(--encre-attenuee);
}

.outil label .hint { /* 3 pages */
  color: var(--encre-attenuee);
}

.outil input[type=number], .outil select { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
  color: var(--champ-encre);
}

.outil input:focus, .outil select:focus { /* 4 pages */
  border-color: var(--bouton-filet);
  box-shadow: var(--shadow-focus);
}

.outil .chips label { /* 3 pages */
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .chips label:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .chips input { /* 3 pages */
  accent-color: var(--action);
}

.outil .cbrow input { /* 3 pages */
  accent-color: var(--action);
}

.outil button.primary { /* 3 pages */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--btn-encre);
}

.outil .go-card { /* 2 pages */
  border-color: var(--filet);
}

.outil .go-txt { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .err { /* 3 pages */
  color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
}

.outil .actionbar { /* 3 pages */
  background: var(--carte);
  border-top-color: var(--filet);
}

.outil .actionbar .lbl { /* 3 pages */
  color: var(--encre-attenuee);
}

.outil .actionbar .lbl b { /* 2 pages */
  color: var(--encre);
}

.outil .actionbar button { /* 3 pages */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--btn-encre);
}

.outil .actionbar button:hover { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--selection-fond);
}

.outil .verdict { /* 3 pages */
  border-color: var(--filet);
  background: var(--carte);
}

.outil .badge { /* 3 pages */
  color: var(--encre);
  background: var(--badge-neutre-fond);
}

.outil .badge.hors { /* 1 page */
  background: var(--badge-attente-fond);
}

.outil .motifs li { /* 3 pages */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .motifs li:before { /* 3 pages */
  color: var(--encre);
}

.outil .vnote { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .alert { /* 3 pages */
  background: var(--relief-fond);
  color: var(--encre);
  border-color: transparent;
}

.outil .alert.warn { /* 4 pages */
  border-color: var(--etat-alerte-filet);
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .alert.info { /* 4 pages */
  border-color: var(--etat-information-filet);
  background: var(--etat-information-fond);
  color: var(--etat-information);
}

.outil .alert.bad { /* 3 pages */
  border-color: var(--etat-erreur);
}

.outil .alert.ok { /* 4 pages */
  border-color: var(--etat-conforme-filet);
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .vbox .k { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .vbox .v { /* 1 page */
  color: var(--encre);
}

.outil .vbox .v small { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .vbox .f { /* 1 page */
  color: var(--encre);
}

.outil .vbox .d { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .vbox .na { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .minflag { /* 1 page */
  background: var(--selection-fond);
}

.outil table.perc th, .outil table.perc td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil table.perc th { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .presc { /* 2 pages */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .art { /* 2 pages */
  background: var(--selection-fond);
  color: var(--encre);
}

body.outil.p-outil23Juin1978 .src { /* outil23Juin1978 : badge de source d'une prescription.
     Page-scopé : « .src » est trop générique, il touchait la légende de dimReseauGaz. */
  color: var(--source-encre);
}

body.outil.p-outil23Juin1978 .src.ar { /* outil23Juin1978 */
  background: var(--source-reglementaire);
}

body.outil.p-outil23Juin1978 .src.autre { /* outil23Juin1978 */
  background: var(--source-normative);
}

.outil .presc ul { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .grp { /* 1 page */
  color: var(--encre);
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil .qlist li { /* 1 page */
  border-top-color: var(--filet);
}

.outil .qlist li .a { /* 1 page */
  background: var(--selection-fond);
}

.outil .empty { /* 3 pages */
  color: var(--encre-attenuee);
}

.outil .srclist { /* 1 page */
  color: var(--encre-attenuee);
}

.outil footer { /* 3 pages */
  color: var(--encre-attenuee-sur-fond);
  border-top-color: var(--filet);
}

@media print {
body.outil { /* 5 pages */
    background: var(--champ-fond);
    color: var(--encre);
}
}

@media print {
.outil .card, .outil .presc, .outil .verdict, .outil .vbox { /* 1 page */
    border-color: var(--filet);
    background: var(--champ-fond);
}
}

.outil input[type=number], .outil input[type=date], .outil select { /* 2 pages */
  background: var(--champ-fond);
  border-color: var(--filet);
  color: var(--champ-encre);
}

.outil .reset:hover { /* 1 page */
  color: var(--encre);
}

.outil .actionbar a { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .actionbar a:hover { /* 2 pages */
  color: var(--encre);
}

.outil .ibtn { /* 1 page */
  border-color: var(--filet-actif);
  background: transparent;
  color: var(--encre);
}

.outil .ibtn:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil .modal { /* 1 page */
  background: var(--voile-modal);
}

.outil .modal-box { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .modal-box .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .modal-close { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre);
}

.outil .modal-close:hover { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--selection-fond);
}

.outil .tab { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre-attenuee);
}

.outil .tab:hover { /* 1 page */
  color: var(--encre);
}

.outil #mtab1:checked ~ .tabs label[for="mtab1"], .outil #mtab2:checked ~ .tabs label[for="mtab2"] { /* 1 page */
  border-color: var(--filet-actif);
  color: var(--encre);
  background: var(--selection-fond);
}

.outil .tcard { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .letter { /* 1 page */
  color: var(--encre);
}

.outil .tcard .ex { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tcard .meta { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .tcard .meta b { /* 1 page */
  color: var(--encre);
}

.outil .actgrid div { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .actgrid span.t { /* 1 page */
  color: var(--encre);
}

.outil .badge.t { /* 1 page */
  background: var(--badge-neutre-fond);
}

.outil .motifs li strong { /* 2 pages */
  color: var(--encre);
}

.outil .tag.bloquante { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .tag.importante { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .tag.info { /* 1 page */
  background: var(--etat-information-fond);
  color: var(--etat-information);
}

.outil .kpi { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
}

@media print {
.outil .card, .outil .presc, .outil .verdict { /* 1 page */
    border-color: var(--filet);
    background: var(--champ-fond);
}
}

.outil th { /* 2 pages */
  background: transparent;
  color: var(--encre-attenuee);
}

@media(max-width:640px) {
.outil th, .outil td { /* 1 page */
    border-bottom-color: var(--tableau-filet-fin);
}
}

@media(max-width:640px) {
.outil tbody tr { /* 2 pages */
    background: transparent;
}
}

.outil label { /* 1 page */
  color: var(--encre);
}

.outil .radio-row label { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .radio-row label:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .radio-row input { /* 1 page */
  accent-color: var(--action);
}

.outil .radio-row label.sel { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--selection-fond);
}

.outil button { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil button:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .fresh { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil .fresh strong { /* 1 page */
  color: var(--encre);
}

.outil .fresh.a_verifier { /* 1 page */
  border-color: var(--etat-alerte);
  background: var(--etat-alerte-fond);
}

.outil .fresh.perime { /* 1 page */
  border-color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
}

.outil .fresh.a_verifier strong, .outil .fresh.perime strong { /* 1 page */
  color: var(--encre);
}

.outil td.art { /* 1 page */
  color: var(--encre-attenuee);
}

.outil td.val.na { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .grp td { /* 1 page */
  color: var(--encre);
}

.outil .millesime { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .champ label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=text], .outil input[type=date], .outil select, .outil option { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil .case { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .case input { /* 1 page */
  accent-color: var(--action);
}

.outil .btn { /* 2 pages */
  border-color: var(--bouton-filet);
  background: var(--action);
  color: var(--btn-encre);
}

.outil .btn.primaire { /* 1 page */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--encre);
}

.outil button:focus-visible, .outil input:focus-visible, .outil select:focus-visible { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil summary { /* 2 pages */
  color: var(--encre);
}

.outil summary::marker { /* 1 page */
  color: var(--encre);
}

.outil .notesCal li { /* 1 page */
  color: var(--encre-attenuee);
}

.outil td .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .usages label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .synthese { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .synthese.ok { /* 1 page */
  border-left-color: var(--etat-conforme);
}

.outil .synthese.ko { /* 1 page */
  border-left-color: var(--etat-erreur);
}

.outil .synthese.lim { /* 1 page */
  border-left-color: var(--etat-alerte);
}

.outil .synthese.neutre { /* 1 page */
  border-left-color: var(--filet);
}

.outil .synthese p { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .kv dt { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .avert { /* 1 page */
  border-color: var(--filet);
  border-left-color: var(--etat-alerte);
  background: var(--relief-fond);
}

.outil .avert.info { /* 1 page */
  border-left-color: var(--filet);
}

.outil .avert span { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .couples li { /* 1 page */
  color: var(--encre-attenuee);
}

.outil details li { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .erreur { /* 1 page */
  border-color: var(--etat-erreur);
  color: var(--etat-erreur);
}

.outil .vide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil header.hd { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.outil nav.anchors { /* 1 page */
  background: var(--carte);
  border-bottom-color: var(--filet);
}

.outil nav.anchors a { /* 1 page */
  color: var(--encre-attenuee);
  border-color: transparent;
}

.outil nav.anchors a:hover { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre);
  border-color: var(--filet);
}

.outil h2 { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil h4 { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .lead { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .alert.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
}

.outil .alert.pfas { /* 1 page */
  background: var(--sujet-pfas-fond);
  border-color: var(--sujet-pfas-filet);
  color: var(--sujet-pfas);
}

.outil .field .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil select, .outil input[type=number], .outil input[type=date] { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
  color: var(--encre);
}

.outil select:focus, .outil input:focus { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .btn.sec { /* 1 page */
  background: transparent;
  color: var(--encre);
}

.outil .placeholder { /* 2 pages */
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.outil .verdict.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
}

.outil .verdict.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--etat-conforme);
}

.outil .verdict.warn { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
  color: var(--etat-alerte);
}

.outil .blk { /* 1 page */
  border-color: var(--filet);
  border-left-color: var(--filet);
  background: var(--carte);
}

.outil .blk .bt { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .blk.b-ko { /* 1 page */
  border-left-color: var(--etat-erreur);
}

.outil .blk.b-ok { /* 1 page */
  border-left-color: var(--etat-conforme);
}

.outil .blk.b-warn { /* 1 page */
  border-left-color: var(--etat-alerte);
}

.outil .blk.b-info { /* 1 page */
  border-left-color: var(--etat-information-filet);
}

.outil .blk.b-pfas { /* 1 page */
  border-left-color: var(--sujet-pfas-filet);
}

.outil .refs { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .p-ko { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
}

.outil .p-ok { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--etat-conforme);
}

.outil .p-warn { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
  color: var(--etat-alerte);
}

.outil .p-info { /* 1 page */
  background: var(--etat-information-fond);
  border-color: var(--etat-information-filet);
  color: var(--etat-information);
}

.outil .p-pfas { /* 1 page */
  background: var(--sujet-pfas-fond);
  border-color: var(--sujet-pfas-filet);
  color: var(--sujet-pfas);
}

.outil .filters label { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
}

.outil .filters label:has(input:checked) { /* 1 page */
  background: var(--etat-information-fond);
  border-color: var(--etat-information-filet);
  color: var(--etat-information);
}

.outil .tl { /* 1 page */
  border-left-color: var(--filet);
}

.outil .tl li::before { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .tl li.c-ko::before { /* 1 page */
  border-color: var(--etat-erreur);
}

.outil .tl li.c-warn::before { /* 1 page */
  border-color: var(--etat-alerte);
}

.outil .tl li.c-info::before { /* 1 page */
  border-color: var(--etat-information-filet);
}

.outil .tl li.c-pfas::before { /* 1 page */
  border-color: var(--sujet-pfas-filet);
}

.outil .tl .src { /* 1 page */
  color: var(--encre-attenuee);
}

.outil footer.ft { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.outil label .hint, .outil .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=number], .outil input[type=date], .outil input[type=text], .outil select { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
  color: var(--champ-encre);
}

.outil .chips label:has(input:checked) { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--selection-fond);
  color: var(--encre);
}

.outil fieldset { /* 1 page */
  border-color: var(--filet);
}

.outil legend { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .btn-sm { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre);
}

.outil .btn-sm:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .btn-del { /* 1 page */
  color: var(--etat-erreur);
  border-color: var(--bouton-danger-filet);
}

.outil .synth { /* 1 page */
  background: linear-gradient(135deg, var(--relief-fond), var(--carte));
  border-color: var(--filet);
}

.outil .synth .t { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .zone { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
  border-left-color: var(--filet);
}

.outil .zone.f-rt-elem { /* 1 page */
  border-left-color: var(--regime-rt-existant-element);
}

.outil .zone.f-rt-glob { /* 1 page */
  border-left-color: var(--regime-rt-existant-global);
}

.outil .zone.f-rt2012 { /* 1 page */
  border-left-color: var(--regime-rt2012);
}

.outil .zone.f-re2020 { /* 1 page */
  border-left-color: var(--regime-re2020);
}

.outil .zone.f-hors, .outil .zone.f-err { /* 1 page */
  border-left-color: var(--filet);
}

.outil .zone .zname { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .btn-i { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre);
}

.outil .btn-i:hover { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--selection-fond);
}

.outil .btn-i:focus-visible { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil #moBack { /* 1 page */
  background: var(--voile-modal);
}

.outil #moPan { /* 1 page */
  background: var(--carte);
  border-left-color: var(--filet);
}

.outil #moPan .mh { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil #moPan .mh p { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #moClose { /* 1 page */
  border-color: var(--filet);
  color: var(--encre);
}

.outil #moClose:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .motabs button { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre-attenuee);
}

.outil .motabs button[aria-selected="true"] { /* 1 page */
  background: var(--selection-fond);
  border-color: var(--filet-actif);
  color: var(--encre);
}

.outil .mo-meta { /* 1 page */
  background: var(--relief-fond);
}

.outil .mo-meta dt { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .mo-sec { /* 1 page */
  border-top-color: var(--filet);
}

.outil .mo-sec .intro { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .mo-tab th { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .mo-tab td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .mo-tab .tn { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .mo-non { /* 1 page */
  background: var(--relief-fond);
  border-left-color: var(--etat-conforme);
}

.outil .mo-md { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .zone .zwhy { /* 1 page */
  color: var(--encre);
}

.outil .zone ul { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .zone .refs { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.outil .calc { /* 1 page */
  background: var(--relief-fond);
}

.outil .calc td { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .calc td:last-child { /* 1 page */
  color: var(--encre);
}

.outil .calc .tot td { /* 1 page */
  border-top-color: var(--tableau-filet-fin);
}

.outil .calc .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .flag.i { /* 1 page */
  background: var(--etat-information-fond);
  border-color: var(--etat-information-filet);
  color: var(--etat-information);
}

.outil .flag.w { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
  color: var(--etat-alerte);
}

.outil .flag.a { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
}

.outil .flag strong { /* 1 page */
  color: inherit;
}

.outil .foot { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

@media print {
.outil .card, .outil .zone, .outil .synth { /* 1 page */
    background: var(--champ-fond);
    border-color: var(--filet);
    color: var(--encre);
}
}

@media print {
.outil .zone .zwhy, .outil .zone ul, .outil .calc td { /* 1 page */
    color: var(--encre-attenuee);
}
}

@media print {
.outil .synth { /* 1 page */
    background: var(--champ-fond);
}
}

.outil .ae-sommaire { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .ae-sommaire a { /* 1 page */
  color: var(--encre);
}

.outil .ae-sommaire a:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil .ae-sommaire .ae-rempli::after { /* 1 page */
  color: var(--libelle-entree);
}

.outil .ae-barre { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .ae-btn { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil .ae-btn:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil .ae-btn:focus-visible { /* 1 page */
  box-shadow: var(--shadow-focus);
}

.outil .ae-btn.ae-danger { /* 1 page */
  border-color: var(--bouton-danger-filet);
  color: var(--bouton-danger-encre);
}

.outil .ae-section > h2 { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .ae-sous { /* 1 page */
  border-color: var(--filet);
  border-left-color: var(--filet-carte);
  background: var(--carte);
}

.outil .ae-sous.ae-obligatoire { /* 1 page */
  border-left-color: var(--etat-erreur-filet);
}

.outil .ae-badge { /* 1 page */
  border-color: currentColor;
}

.outil .ae-badge-obl { /* 1 page */
  color: var(--etat-erreur);
}

.outil .ae-i { /* 1 page */
  border-color: currentColor;
  background: transparent;
  color: var(--encre);
}

.outil .ae-i:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil .ae-i:focus-visible { /* 1 page */
  box-shadow: var(--shadow-focus);
}

.outil .ae-i[aria-expanded="true"] { /* 1 page */
  background: var(--selection-fond);
}

.outil .ae-outils-bloc select, .outil .ae-outils-bloc select:hover, .outil .ae-outils-bloc select:focus { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .ae-outils-bloc select option, .outil .ae-outils-bloc select optgroup, .outil table.ae-tab td select option, .outil table.ae-tab td select optgroup { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil .ae-entete-grille label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .ae-entete-grille textarea { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .ae-entete-grille textarea:focus-visible { /* 1 page */
  box-shadow: var(--shadow-focus);
}

.outil .ae-bloc { /* 1 page */
  border-color: var(--filet-carte);
}

.outil .ae-bloc-entete input.ae-titre-bloc { /* 1 page */
  background: transparent;
  border-bottom-color: var(--filet-carte);
  color: var(--encre);
}

.outil .ae-bloc textarea { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .ae-bloc textarea:focus-visible { /* 1 page */
  box-shadow: var(--shadow-focus);
}

.outil .ae-bloc-image img { /* 1 page */
  border-color: var(--filet);
}

.outil .ae-legende { /* 1 page */
  background: transparent;
  border-bottom-color: var(--filet-carte);
  color: var(--encre);
}

.outil table.ae-tab th, .outil table.ae-tab td { /* 1 page */
  border-color: var(--filet);
}

.outil table.ae-tab th { /* 1 page */
  background: var(--relief-fond);
}

.outil table.ae-tab td input[type="text"], .outil table.ae-tab td textarea, .outil table.ae-tab td select { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: transparent;
}

.outil table.ae-tab td input:focus-visible, .outil table.ae-tab td textarea:focus-visible, .outil table.ae-tab td select:focus-visible { /* 1 page */
  box-shadow: var(--shadow-focus);
}

.outil table.ae-tab tr.ae-groupe-debut td { /* 1 page */
  border-top-color: var(--filet);
}

.outil .ae-modale-fond { /* 1 page */
  background: var(--voile-modal);
}

.outil .ae-modale { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .ae-modale-entete { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .ae-modale-corps .ae-objet { /* 1 page */
  border-left-color: var(--etat-erreur-filet);
  background: var(--relief-fond);
}

.outil .ae-modale-corps .ae-refs code { /* 1 page */
  background: var(--relief-fond);
}

.outil .ae-modale-pied { /* 1 page */
  border-top-color: var(--filet);
}

.outil .ae-fermer { /* 1 page */
  background: transparent;
  color: var(--encre);
}

.outil .ae-fermer:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil table.ae-niveaux th, .outil table.ae-niveaux td { /* 1 page */
  border-color: var(--filet);
}

.outil table.ae-niveaux th { /* 1 page */
  background: var(--relief-fond);
}

.outil .ae-conformite li { /* 1 page */
  border-bottom-color: var(--filet-carte);
}

.outil .ae-conformite .ae-ko { /* 1 page */
  color: var(--bouton-danger-encre);
}

@media print {
.outil .ae-section > h2 { /* 1 page */
    border-bottom-color: var(--filet-actif);
}
}

@media print {
.outil table.ae-tab th, .outil table.ae-tab td { /* 1 page */
    border-color: var(--tableau-filet);
}
}

@media print {
.outil table.ae-tab td input, .outil table.ae-tab td select, .outil table.ae-tab td textarea { /* 1 page */
    color: var(--encre);
}
}


/* --- dossier de référence Réglementation/Thermique (body.dossier) --- */
body.dossier { /* 1 page */
  background: var(--fond);
  color: var(--encre);
}

.dossier header { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier header p { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier header a { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier footer { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier h2 { /* 1 page */
  border-bottom-color: var(--filet);
}

.dossier .note { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
}

.dossier .card { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.dossier .card h3 a { /* 1 page */
  color: var(--encre);
}

.dossier .card .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .card a { /* 1 page */
  color: var(--encre);
}

.dossier .t-exist { /* 1 page */
  color: var(--regime-rt-existant-element);
}

.dossier .t-neuf { /* 1 page */
  color: var(--regime-rt2012);
}

.dossier .t-tert { /* 1 page */
  color: var(--regime-re2020);
}

.dossier .md { /* 1 page */
  color: var(--encre);
}

.dossier table { /* 1 page */
  background: var(--carte);
  border-color: var(--tableau-filet-fin);
}

.dossier th, .dossier td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.dossier th { /* 1 page */
  background: var(--tableau-entete-fond);
}

.dossier .links-list { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.dossier .links-list a { /* 1 page */
  color: var(--encre);
}

.dossier #simu { /* 1 page */
  background: var(--carte);
  border-color: var(--bouton-filet);
}

.dossier #simu h2 { /* 1 page */
  border-bottom-color: var(--etat-information-filet);
}

.dossier .field .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier input[type=date], .dossier input[type=number], .dossier input[type=text], .dossier select { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--encre);
}

.dossier input:focus, .dossier select:focus { /* 1 page */
  outline-color: var(--focus-contour);
  border-color: var(--bouton-filet);
}

.dossier .radio-group label { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .radio-group label:has(input:checked) { /* 1 page */
  background: var(--etat-information-fond);
  border-color: var(--bouton-filet);
  color: var(--encre);
}

.dossier fieldset { /* 1 page */
  border-color: var(--filet);
}

.dossier .btn { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--action);
  color: var(--btn-encre);
}

.dossier .btn.sec { /* 1 page */
  background: var(--champ-fond);
  color: var(--encre);
}

.dossier .btn.del { /* 1 page */
  background: var(--champ-fond);
  color: var(--etat-erreur);
  border-color: var(--etat-erreur-filet);
}

.dossier .zonecard { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .zonecard .zhead strong { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .placeholder { /* 1 page */
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.dossier .synth { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier .synth .t { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier .synth .m { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier .res { /* 1 page */
  border-color: var(--filet);
  border-left-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .res .zn { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .res .rd { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .res h5 { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .res ul { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .res .refs { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

.dossier .r-re2020 { /* 1 page */
  border-left-color: var(--regime-re2020);
}

.dossier .r-re2020_alternatif { /* 1 page */
  border-left-color: var(--regime-re2020-alternatif);
}

.dossier .r-rt2012, .dossier .r-rt2012_partiel { /* 1 page */
  border-left-color: var(--regime-rt2012);
}

.dossier .r-rt_existant_elem { /* 1 page */
  border-left-color: var(--regime-rt-existant-element);
}

.dossier .r-rt_existant_globale { /* 1 page */
  border-left-color: var(--regime-rt-existant-global);
}

.dossier .r-travaux_embarques { /* 1 page */
  border-left-color: var(--regime-travaux-embarques);
}

.dossier .r-hors_champ, .dossier .r-rt2005 { /* 1 page */
  border-left-color: var(--regime-hors-champ);
}

.dossier .r-vide { /* 1 page */
  border-left-color: var(--etat-erreur-filet);
  background: var(--etat-erreur-fond);
}

.dossier .r-info { /* 1 page */
  border-left-color: var(--regime-information);
  background: var(--champ-fond);
}

.dossier .r-deet { /* 1 page */
  border-left-color: var(--regime-deet);
}

.dossier .r-renvoi_neuf { /* 1 page */
  border-left-color: var(--regime-rt2012);
  background: var(--etat-information-fond);
}

.dossier .calc { /* 1 page */
  background: var(--relief-fond);
}

.dossier .calc .tot td { /* 1 page */
  border-top-color: var(--tableau-filet-fin);
}

.dossier .ko { /* 1 page */
  color: var(--etat-erreur);
}

.dossier .okk { /* 1 page */
  color: var(--etat-conforme);
}

.dossier .err { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
}

.dossier .badge { /* 1 page */
  background: var(--etat-information-fond);
  color: var(--encre);
}

.dossier #infoToggle { /* 1 page */
  background: var(--action);
  color: var(--encre);
  border-color: var(--filet-carte);
  box-shadow: var(--ombre-carte);
}

.dossier #infoToggle[aria-expanded="true"] { /* 1 page */
  background: var(--champ-fond);
  color: var(--encre);
  border-color: var(--filet-carte);
}

.dossier #infoToggle kbd { /* 1 page */
  border-color: currentColor;
}

.dossier .infoCta { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier .infoCta .t2 { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier .infoCta .go { /* 1 page */
  color: var(--bandeau-encre);
  background: var(--action);
}

.dossier #infoBackdrop { /* 1 page */
  background: var(--voile-modal);
}

.dossier #infoPanel { /* 1 page */
  background: var(--carte);
  border-left-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.dossier #infoPanel .ph { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--encre);
}

.dossier #infoPanel .ph h2 { /* 1 page */
  color: var(--encre);
}

.dossier #infoPanel .ph p { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier #infoClose { /* 1 page */
  border-color: var(--filet-carte);
  color: var(--encre);
}

.dossier #infoClose:hover { /* 1 page */
  background: var(--selection-fond);
}

.dossier .itabs button { /* 1 page */
  background: var(--relief-fond);
  color: var(--btn-encre);
  border-color: var(--filet-carte);
}

.dossier .itabs button[aria-selected="true"] { /* 1 page */
  background: var(--champ-fond);
  color: var(--encre);
  border-color: var(--filet-carte);
}

.dossier .ifilters { /* 1 page */
  background: var(--carte);
  border-bottom-color: var(--filet);
}

.dossier .ifilters button { /* 1 page */
  background: var(--champ-fond);
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.dossier .ifilters button[aria-pressed="true"] { /* 1 page */
  background: var(--etat-information-fond);
  color: var(--encre);
  border-color: var(--bouton-filet);
}

.dossier .tl::before { /* 1 page */
  background: var(--filet-discret);
}

.dossier .tl .yr { /* 1 page */
  color: var(--encre);
}

.dossier .txt { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
  border-left-color: var(--filet);
}

.dossier .txt::before { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.dossier .txt .d { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .txt .st { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .txt .rz { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .txt .po { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
  color: var(--encre);
}

.dossier .txt .lk { /* 1 page */
  color: var(--encre);
}

.dossier .f-existant { /* 1 page */
  border-left-color: var(--regime-rt-existant-element);
}

.dossier .f-existant::before { /* 1 page */
  border-color: var(--regime-rt-existant-element);
}

.dossier .f-rt2012 { /* 1 page */
  border-left-color: var(--regime-rt2012);
}

.dossier .f-rt2012::before { /* 1 page */
  border-color: var(--regime-rt2012);
}

.dossier .f-re2020 { /* 1 page */
  border-left-color: var(--regime-re2020);
}

.dossier .f-re2020::before { /* 1 page */
  border-color: var(--regime-re2020);
}

.dossier .f-embarques { /* 1 page */
  border-left-color: var(--regime-travaux-embarques);
}

.dossier .f-embarques::before { /* 1 page */
  border-color: var(--regime-travaux-embarques);
}

.dossier .f-deet { /* 1 page */
  border-left-color: var(--regime-deet);
}

.dossier .f-deet::before { /* 1 page */
  border-color: var(--regime-deet);
}

.dossier .reg { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .reg dt { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .reg dd { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .reg .ind { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--etat-conforme);
}

.dossier .art { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .art summary::before { /* 1 page */
  color: var(--encre);
}

.dossier .art[open] summary { /* 1 page */
  border-bottom-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .art .an { /* 1 page */
  color: var(--encre);
}

.dossier .art .as { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .art .ab { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .art .tg { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.dossier .nores { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .igroup { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .icallout { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
  color: var(--encre);
}

.dossier .mfiche { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .mfiche > summary { /* 1 page */
  background: var(--champ-fond);
}

.dossier .mfiche > summary::before { /* 1 page */
  color: var(--encre);
}

.dossier .mfiche[open] > summary { /* 1 page */
  border-bottom-color: var(--filet);
}

.dossier .mfiche > summary .nb { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mmeta dt { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mmeta dd { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mcalc { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--etat-conforme);
}

.dossier .msec { /* 1 page */
  border-top-color: var(--filet);
}

.dossier .msec .mi { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .msec ul { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mtab .tt { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mtab table { /* 1 page */
  background: var(--champ-fond);
}

.dossier .mtab th { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--tableau-filet-fin);
}

.dossier .mtab td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
  color: var(--encre-attenuee);
}

.dossier .mtab td:first-child { /* 1 page */
  color: var(--encre);
}

.dossier .mtab .tn { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .mnon { /* 1 page */
  background: var(--relief-fond);
}

.dossier .mmd { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--filet);
}

@media print {
body.dossier { /* 1 page */
    background: var(--champ-fond);
}
}

.dossier .card, .dossier .card h3 { /* 1 page */
  color: var(--encre);
}

.dossier .card-mise-en-avant { /* Thermique/index.php : le simulateur, cadre appuyé */
  border-color: var(--bouton-filet);
}

/* --- outils gratuits — les 13 cartes FREE de l'accueil (body.outil) --- */
.outil #hoverinfo { /* 1 page */
  color: var(--encre);
}

.outil .radio-group { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .out { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .hr { /* 1 page */
  background: var(--filet);
}

.outil .psy-canvas-wrap { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
}

.outil #saisieMsg.erreur { /* 1 page */
  color: var(--etat-erreur);
}

.outil .pointData { /* 1 page */
  border-color: var(--filet);
}

.outil .psy-mode { /* 1 page */
  border-color: currentColor;
}

.outil .psy-mode.froid { /* 1 page */
  color: var(--psy-froid);
}

.outil .psy-mode.chaud { /* 1 page */
  color: var(--psy-chaud);
}

.outil .psy-mode.neutre { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .psy-res { /* 1 page */
  border-color: var(--filet);
}

.outil .psy-res .k { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .psy-detail th, .outil .psy-detail td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .psy-warn { /* 1 page */
  color: var(--etat-erreur);
}

.outil .psy-overlay { /* 1 page */
  background: var(--voile-modal);
}

.outil .psy-modal { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .psy-modal header { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .psy-table caption { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .psy-table th, .outil .psy-table td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .psy-table thead th { /* 1 page */
  background: var(--carte);
  border-bottom-color: var(--filet);
}

.outil .psy-table tbody tr.groupe td { /* 1 page */
  background: var(--relief-fond);
}

.outil .psy-table .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .psy-legende { /* 1 page */
  color: var(--encre-attenuee);
}

.outil header { /* 3 pages */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  border-bottom-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil header h1 { /* 2 pages */
  color: var(--encre);
}

.outil .affaire label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .i-tip { /* 1 page */
  background: transparent;
  border-color: var(--filet);
  color: var(--encre-attenuee);
}

.outil .results h2 { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .result-line { /* 1 page */
  border-color: var(--filet);
}

.outil .result-line .label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .ef { /* 1 page */
  color: var(--reseau-ef-encre);
}

.outil .ecs { /* 1 page */
  color: var(--reseau-ecs-encre);
}

.outil details.summary { /* 1 page */
  border-color: var(--filet);
  color: var(--encre-attenuee);
  background: transparent;
}

.outil details.summary > summary { /* 1 page */
  color: var(--encre);
}

.outil .backdrop { /* 1 page */
  background: var(--voile-modal);
}

.outil .modal { /* 1 page */
  color: var(--encre);
  box-shadow: var(--ombre-carte);
}

.outil .modal header, .outil .modal footer { /* 1 page */
  background: transparent;
  border-bottom-color: var(--filet-carte);
}

.outil .modal footer { /* 1 page */
  border-top-color: var(--filet-carte);
}

.outil .modal h3 { /* 1 page */
  color: var(--encre);
}

.outil .modal .btn-outline { /* 1 page */
  color: var(--encre);
  border-color: var(--filet-carte);
}

.outil .chip { /* 3 pages */
  background: var(--relief-fond);
}

.outil footer.page { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil header#appHeader { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-bottom-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .results-bar { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
}

.outil .chip .k { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .chip .mm { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .panel { /* 2 pages */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .panel h3 { /* 1 page */
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil .field label, .outil label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .panel .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil table.equip { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil table.equip th, .outil table.equip td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil table.equip th { /* 1 page */
  color: var(--encre-attenuee);
}

@media (max-width: 640px) {
.outil table.equip { /* 1 page */
    background: transparent;
}
}

@media (max-width: 640px) {
.outil table.equip tbody tr { /* 1 page */
    background: var(--champ-fond);
    border-color: var(--tableau-filet-fin);
}
}

.outil .card .hd { /* 1 page */
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil .pill { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
  color: var(--encre);
}

.outil .pill.ok { /* 1 page */
  color: var(--etat-conforme);
}

.outil .pill.warn { /* 1 page */
  color: var(--etat-alerte);
}

.outil .pill.danger { /* 1 page */
  color: var(--bouton-danger-encre);
}

.outil #resumeDock .inner { /* 1 page */
  border-color: var(--filet);
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
  box-shadow: var(--ombre-carte);
}

@media (max-width: 900px) {
.outil #resumeDock .inner { /* 1 page */
    background: var(--bandeau-fond);
}
}

.outil .resume-line .chip { /* 1 page */
  background: transparent;
  border-color: var(--filet-carte);
  color: var(--bandeau-encre);
}

.outil .subtle { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .sep { /* 1 page */
  background: var(--filet);
}

body.outil { /* 2 pages */
  background: var(--fond);
  color: var(--encre);
}

.outil header .tag { /* 1 page */
  color: var(--encre);
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .panel h2 { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil .field label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .field .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=number], .outil select, .outil input[type=text] { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil input[type=number]:focus, .outil select:focus { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .chip.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .chip.warn { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .chip.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .chip.acc { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre);
}

.outil .step { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .step .lbl { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .step .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .arrow { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .alertbox.err { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .alertbox.warn { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .alertbox.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil details { /* 1 page */
  border-color: var(--filet);
}

.outil details summary { /* 1 page */
  color: var(--encre);
}

.outil details .body-d { /* 1 page */
  color: var(--encre-attenuee);
}

.outil button { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil button:hover { /* 1 page */
  border-color: var(--filet-actif);
  color: var(--encre);
}

.outil button.primary { /* 1 page */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--btn-encre);
}

.outil button.primary:hover { /* 1 page */
  color: var(--btn-encre);
}

.outil .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .panel .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil code { /* 1 page */
  background: var(--relief-fond);
}

.outil footer { /* 2 pages */
  color: var(--encre-attenuee-sur-fond);
}

.outil h1 { /* 1 page */
  color: var(--encre);
}

.outil p.sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .card { /* 1 page */
  border-color: var(--filet);
}

.outil .card h2 { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .field { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil label { /* 1 page */
  color: var(--encre);
}

.outil .unit { /* 1 page */
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.outil .results .kv { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .k { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .v { /* 1 page */
  color: var(--encre);
}

.outil .ok-bar { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme-filet);
  color: var(--encre);
}

.outil code.hl { /* 1 page */
  color: var(--libelle-entree);
}

.outil tr.erreur td { /* 1 page */
  color: var(--etat-erreur);
}

.outil tr.multi td { /* 1 page */
  color: var(--etat-information);
}

.outil #resultat:empty::before { /* 1 page */
  color: var(--encre-attenuee);
}

/* règles propres à une page (valeur différente des autres pages, ou d'une section précédente) */
body.outil.p-diametreEFECS .modal { /* diametreEFECS.php */
  background: var(--carte);
}

body.outil.p-diametreEFECS .chip { /* diametreEFECS.php */
  color: var(--encre);
  border-color: var(--relief-fond);
}

body.outil.p-pdcRobinetterie .chip { /* pdcRobinetterie.php */
  color: var(--encre);
  border-color: var(--filet);
}

body.outil.p-dimEUEV .chip { /* dimEUEV.php */
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil #apiErr.erreur { /* pacDerating : message d'erreur de l'API (était style="border-color:var(--point)") */
  border-color: var(--etat-erreur-filet);
}

/* --- outils PRO — CVC, PB, Thermique, ELEC, DAO, désenfumage, GTB (body.outil) --- */
.outil .cnd-amb .derive { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-couche { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .cnd-couche[data-rang="0"] { /* 1 page */
  border-left-color: var(--cnd-temp);
}

.outil .cnd-sens { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-verdict { /* 1 page */
  border-left-color: currentColor;
}

.outil .cnd-verdict h2 { /* 1 page */
  color: inherit;
}

.outil .cnd-verdict.ok { /* 1 page */
  color: var(--etat-conforme);
  background: var(--etat-conforme-fond);
}

.outil .cnd-verdict.attention { /* 1 page */
  color: var(--etat-alerte);
  background: var(--etat-alerte-fond);
}

.outil .cnd-verdict.grave { /* 1 page */
  color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
}

.outil .cnd-vig { /* 1 page */
  border-color: var(--filet);
}

.outil .cnd-vig .lab { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-canvas-wrap { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
}

.outil .cnd-legende { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-legende i { /* 1 page */
  border-top-color: currentColor;
}

.outil .cnd-tab td.plan, .outil .cnd-tab th.plan { /* 1 page */
  background: var(--etat-erreur-fond);
}

.outil .cnd-tab .plan-lib .deb { /* 1 page */
  color: var(--etat-erreur);
}

.outil .cnd-overlay { /* 1 page */
  background: var(--voile-modal);
}

.outil .cnd-modal { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .cnd-modal header { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .cnd-ref-table { /* 1 page */
  background: transparent;
  color: inherit;
}

.outil .cnd-ref-table caption { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-ref-table th, .outil .cnd-ref-table td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
  background: transparent;
}

.outil .cnd-ref-table thead th { /* 1 page */
  background: var(--carte);
  border-bottom-color: var(--filet);
}

.outil .cnd-ref-table tbody tr.groupe td { /* 1 page */
  background: var(--relief-fond);
}

.outil .cnd-ref-table .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cnd-ref-table td .btn-outline { /* 1 page */
  color: var(--encre);
  border-color: var(--filet);
}

.outil .cnd-ref-table td .btn-outline:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil .cnd-ref-legende { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .drg-troncon { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .drg-sous { /* 1 page */
  border-top-color: var(--filet);
}

.outil .drg-sous > h4 { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .drg-groupe { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .drg-sch-cadre { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.outil .drg-verdict.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  border-color: var(--etat-conforme);
  color: var(--etat-conforme);
}

.outil .drg-verdict.warn { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte);
  color: var(--etat-alerte);
}

.outil .drg-verdict.bad { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur);
  color: var(--etat-erreur);
}

.outil .drg-verdict.info { /* 1 page */
  background: var(--etat-information-fond);
  border-color: var(--etat-information-filet);
  color: var(--etat-information);
}

.outil .pill.reg { /* 2 pages */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .pill.nor { /* 1 page */
  background: var(--etat-alerte-fond);
}

.outil .pill.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .drg-regle { /* 1 page */
  border-color: var(--filet);
}

.outil .drg-regle.bad { /* 1 page */
  border-left-color: var(--etat-erreur);
}

.outil .drg-regle.warn { /* 1 page */
  border-left-color: var(--etat-alerte);
}

.outil .drg-regle.ok { /* 1 page */
  border-left-color: var(--etat-conforme);
}

.outil .drg-regle .src { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .drg-regle .voie { /* 1 page */
  background: var(--relief-fond);
}

.outil .drg-regle .voie.on { /* 1 page */
  background: var(--etat-conforme-fond);
}

.outil .drg-regle .voie .mq { /* 1 page */
  color: var(--etat-erreur);
}

.outil .drg-tab th, .outil .drg-tab td { /* 1 page */
  border-bottom-color: var(--filet);
}

@media (max-width:760px) {
.outil .drg-tab tr { /* 1 page */
    border-color: var(--filet);
}
}

@media (max-width:760px) {
.outil .drg-tab td { /* 1 page */
    border-bottom-color: var(--filet);
}
}

@media (max-width:760px) {
.outil .drg-tab td::before { /* 1 page */
    color: var(--encre-attenuee);
}
}

.outil .drg-note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .drg-onglets .btn.actif { /* 1 page */
  background: var(--action);
  color: var(--btn-encre);
}

.outil .bloc { /* 3 pages */
  border-color: var(--filet);
}

.outil .delta-neg { /* 1 page */
  color: var(--etat-erreur);
}

.outil .delta-pos { /* 1 page */
  color: var(--etat-conforme);
}

.outil .alerte { /* 2 pages */
  border-left-color: var(--etat-erreur-filet);
  background: var(--etat-erreur-fond-leger);
}

.outil .formule { /* 2 pages */
  color: var(--encre-attenuee-sur-fond);
}

.outil details.detail-calcul summary { /* 2 pages */
  color: var(--encre-attenuee-sur-fond);
}

.outil main, .outil main > .title-row h1, .outil main .bloc > h2, .outil main .bloc .zone-entete h2, .outil main .bloc > p, .outil main .bloc label, .outil main .bloc .em-entetes, .outil main .bloc summary, .outil main .depot strong { /* 1 page */
  color: var(--encre);
}

.outil main > .hint, .outil main .bloc .hint, .outil main .bloc .vide-message { /* 1 page */
  color: var(--encre-attenuee);
}

.outil main .title-row .home-link { /* 1 page */
  color: var(--encre);
}

.outil .barre-haute { /* 1 page */
  background: var(--fond);
}

.outil .barre-haute.figee { /* 1 page */
  border-bottom-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .flash-barre { /* 1 page */
  color: var(--encre);
  border-left-color: var(--bouton-filet);
  background: var(--relief-fond);
}

.outil .flash-barre.flash-ok { /* 1 page */
  border-left-color: var(--etat-conforme);
  background: var(--etat-conforme-fond);
}

.outil .flash-barre.flash-alerte { /* 1 page */
  border-left-color: var(--etat-erreur);
  background: var(--etat-erreur-fond-leger);
}

.outil main .bloc .btn-outline, .outil main .title-row .btn-outline { /* 1 page */
  color: var(--encre);
  border-color: var(--filet);
}

.outil main .bloc .btn-outline:hover, .outil main .title-row .btn-outline:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil main .bloc .btn.danger { /* 1 page */
  color: var(--etat-erreur);
  border-color: var(--etat-erreur-filet);
}

.outil main .bloc .btn.danger:hover { /* 1 page */
  background: var(--etat-erreur-fond-leger);
}

.outil main .bloc, .outil main .depot, .outil main .carte-famille { /* 1 page */
  border-color: var(--filet);
}

.outil .btn-zone { /* 1 page */
  background: transparent;
  border-color: var(--filet);
  color: inherit;
}

.outil .btn-zone:hover { /* 1 page */
  background: color-mix(in oklab, currentColor 12%, transparent);
}

.outil .bat-bloc { /* 1 page */
  border-color: var(--filet);
}

.outil .depot { /* 1 page */
  border-color: var(--filet);
}

.outil .depot:hover, .outil .depot:focus-visible { /* 1 page */
  border-color: var(--bouton-filet);
}

.outil .depot.survol { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--relief-fond);
}

.outil .bandeau { /* 1 page */
  border-left-color: var(--filet);
  background: var(--relief-fond);
}

.outil .bandeau-info { /* 1 page */
  border-left-color: var(--bouton-filet);
  background: var(--relief-fond);
}

.outil .bandeau-alerte { /* 1 page */
  border-left-color: var(--etat-erreur);
  background: var(--etat-erreur-fond-leger);
}

.outil .bandeau-ok { /* 1 page */
  border-left-color: var(--etat-conforme);
  background: var(--etat-conforme-fond);
}

.outil .carte-famille { /* 1 page */
  border-color: var(--filet);
}

.outil .famille-entete { /* 1 page */
  background: var(--relief-fond);
}

.outil .famille-plier { /* 1 page */
  color: inherit;
}

.outil .famille-plier:hover { /* 1 page */
  background: var(--selection-fond);
}

.outil .btn-x { /* 1 page */
  border-color: var(--etat-erreur);
  color: var(--etat-erreur);
  background: transparent;
}

.outil .btn-x:hover { /* 1 page */
  background: var(--etat-erreur-fond-leger);
}

.outil .boite-conflits { /* 1 page */
  border-color: var(--etat-erreur);
}

.outil .liste-conflits th, .outil .liste-conflits td { /* 1 page */
  border-color: var(--filet);
}

.outil .liste-conflits th { /* 1 page */
  background: var(--fond);
}

.outil .wrap-resultats thead th { /* 1 page */
  box-shadow: inset 0 -1px 0 var(--tableau-filet-fin);
}

.outil .tbl-resultats tbody tr:hover { /* 1 page */
  background: var(--tableau-survol);
}

.outil .cell-input { /* 1 page */
  border-color: color-mix(in oklab, currentColor 30%, transparent);
  background: transparent;
  color: inherit;
}

.outil .cell-input.forcee { /* 1 page */
  color: var(--doc-force);
  border-color: var(--doc-force);
}

.outil .ecart-pos { /* 1 page */
  color: var(--etat-conforme);
}

.outil .ecart-neg { /* 1 page */
  color: var(--etat-erreur);
}

.outil .besoin-reporte { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .besoin-recu { /* 1 page */
  color: var(--doc-force);
}

.outil .report-ok { /* 1 page */
  color: var(--etat-conforme);
}

.outil .report-attente { /* 1 page */
  color: var(--etat-erreur);
}

.outil .report-auto { /* 1 page */
  color: var(--etat-conforme);
}

.outil .tbl-resultats td.manque { /* 1 page */
  background: var(--etat-erreur-fond);
  box-shadow: inset 4px 0 0 var(--etat-erreur);
}

.outil .tbl-resultats tr:hover td.manque { /* 1 page */
  background: var(--etat-erreur-fond);
}

.outil .manque-etiquette { /* 1 page */
  color: var(--etat-erreur);
}

.outil .legende .pastille { /* 1 page */
  border-color: var(--filet);
}

.outil .legende .pastille.manque { /* 1 page */
  background: var(--etat-erreur);
  border-color: var(--etat-erreur);
}

.outil .legende .pastille.auto { /* 1 page */
  background: var(--etat-conforme);
  border-color: var(--etat-conforme);
}

.outil .legende .pastille.force { /* 1 page */
  background: var(--doc-force);
  border-color: var(--doc-force);
}

.outil .puce-em { /* 1 page */
  border-color: color-mix(in oklab, currentColor 35%, transparent);
  background: color-mix(in oklab, currentColor 6%, transparent);
}

.outil .puce-em.forcee { /* 1 page */
  border-color: var(--doc-force);
  color: var(--doc-force);
}

.outil .puce-x { /* 1 page */
  color: var(--etat-erreur);
}

.outil .puce-x:hover { /* 1 page */
  background: var(--etat-erreur-fond);
}

.outil .ajout-em .btn-plus { /* 1 page */
  border-color: currentColor;
  background: transparent;
  color: inherit;
}

.outil .btn-verrou { /* 1 page */
  border-color: color-mix(in oklab, currentColor 35%, transparent);
  background: transparent;
  color: inherit;
}

.outil .btn-verrou:hover { /* 1 page */
  background: color-mix(in oklab, currentColor 14%, transparent);
}

.outil .btn-verrou.est-verrouille { /* 1 page */
  color: var(--doc-force);
  border-color: var(--doc-force);
}

.outil .btn-verrou:focus-visible { /* 1 page */
  outline-color: var(--doc-force);
}

.outil .tbl-resultats tbody tr.ligne-verrouillee td:not(.manque) { /* 1 page */
  background: var(--relief-fond);
}

.outil .tbl-resultats tbody tr.ligne-verrouillee:hover td:not(.manque) { /* 1 page */
  background: var(--selection-fond);
}

body.outil.mode-excel #resultatsBatiments .table-wrap, body.outil.mode-excel #recapBlocs .table-wrap { /* 1 page */
  background: transparent;
}

body.outil.mode-excel #resultatsBatiments table, body.outil.mode-excel #recapBlocs table { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--champ-fond);
  color: var(--encre);
}

body.outil.mode-excel #resultatsBatiments tr, body.outil.mode-excel #recapBlocs tr { /* 1 page */
  background: transparent;
}

body.outil.mode-excel #resultatsBatiments th, body.outil.mode-excel #resultatsBatiments td, body.outil.mode-excel #recapBlocs th, body.outil.mode-excel #recapBlocs td { /* 1 page */
  border-color: var(--filet-actif);
  background: var(--champ-fond);
  color: var(--encre);
}

body.outil.mode-excel #resultatsBatiments th, body.outil.mode-excel #recapBlocs th { /* 1 page */
  background: var(--tableau-entete-fond);
}

body.outil.mode-excel .wrap-resultats thead th { /* 1 page */
  box-shadow: inset 0 -1px 0 var(--filet-actif);
}

body.outil.mode-excel .tbl-resultats tbody tr:hover td { /* 1 page */
  background: var(--tableau-survol);
}

body.outil.mode-excel .tbl-resultats .ligne-sans-emetteur td, body.outil.mode-excel .tbl-resultats tr.report-fait td { /* 1 page */
  color: var(--tableau-filet);
}

body.outil.mode-excel .puce-em.forcee { /* 1 page */
  color: var(--doc-force);
}

body.outil.mode-excel .puce-x { /* 1 page */
  color: var(--etat-erreur);
}

body.outil.mode-excel .ajout-em select { /* 1 page */
  background: var(--champ-fond);
  color: var(--encre);
  border-color: var(--filet);
}

body.outil.mode-excel .ajout-em .btn-plus { /* 1 page */
  border-color: var(--filet);
  color: var(--encre);
}

body.outil.mode-excel .cell-input { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--encre);
}

body.outil.mode-excel .cell-input.forcee { /* 1 page */
  color: var(--doc-force);
  border-color: var(--doc-force);
}

body.outil.mode-excel .btn-verrou { /* 1 page */
  color: var(--tableau-filet);
}

body.outil.mode-excel .btn-verrou.est-verrouille { /* 1 page */
  color: var(--doc-force);
}

body.outil.mode-excel .tbl-resultats tbody tr.ligne-verrouillee td:not(.manque) { /* 1 page */
  background: var(--relief-fond);
}

body.outil.mode-excel .tbl-resultats tbody tr.ligne-verrouillee:hover td:not(.manque) { /* 1 page */
  background: var(--selection-fond);
}

body.outil.mode-excel .besoin-recu { /* 1 page */
  color: var(--doc-force);
}

body.outil.mode-excel .besoin-reporte { /* 1 page */
  color: var(--encre-attenuee);
}

body.outil.mode-excel .report-ok, body.outil.mode-excel .report-auto { /* 1 page */
  color: var(--etat-conforme);
}

body.outil.mode-excel .report-attente, body.outil.mode-excel .manque-etiquette { /* 1 page */
  color: var(--etat-erreur);
}

body.outil.mode-excel .ecart-pos { /* 1 page */
  color: var(--etat-conforme);
}

body.outil.mode-excel .ecart-neg { /* 1 page */
  color: var(--etat-erreur);
}

body.outil.mode-excel .tbl-resultats td.manque { /* 1 page */
  background: var(--etat-erreur-fond);
  box-shadow: inset 3px 0 0 var(--etat-erreur);
}

body.outil.mode-excel .tbl-resultats tbody tr:hover td.manque { /* 1 page */
  background: var(--etat-erreur-fond);
}

body.outil.mode-excel #recapBlocs tbody tr:last-child td { /* 1 page */
  background: var(--relief-fond);
}

.outil .circuits label { /* 1 page */
  border-color: var(--filet);
}

.outil .circuits label:hover { /* 1 page */
  border-color: var(--bouton-filet);
}

.outil .circuits input:focus-visible + .circuit-corps { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .circuits label:has(input:checked) { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--relief-fond);
}

.outil .circuit-note { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .onglets button { /* 1 page */
  border-color: var(--filet);
  background: transparent;
  color: inherit;
}

.outil .onglets button[aria-selected="true"] { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--selection-fond);
}

.outil .resultat-sous { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .chaine th, .outil .chaine td { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .chaine tr.total td { /* 1 page */
  border-top-color: var(--filet);
}

@media (max-width: 720px) {
.outil .chaine tr { /* 1 page */
    border-color: var(--filet);
}
}

@media (max-width: 720px) {
.outil .chaine td::before { /* 1 page */
    color: var(--encre-attenuee-sur-fond);
}
}

.outil .note { /* 2 pages */
  border-left-color: var(--etat-alerte);
  background: var(--etat-alerte-fond);
  color: var(--encre-attenuee);
}

.outil .verdict-ok { /* 1 page */
  color: var(--etat-conforme);
}

.outil .verdict-non { /* 1 page */
  color: var(--etat-erreur);
}

.outil #metreTable th, .outil #metreTable td { /* 1 page */
  border-bottom-color: var(--filet);
}

@media (max-width: 720px) {
.outil #metreTable tr { /* 1 page */
    border-color: var(--filet);
}
}

@media (max-width: 720px) {
.outil #metreTable td::before { /* 1 page */
    color: var(--encre-attenuee-sur-fond);
}
}

body.outil { /* 1 page */
  background: var(--fond);
  color: var(--encre);
}

.outil #cadreDInsertion { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
}

.outil #cadreDInsertion.hover { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--selection-fond);
}

.outil fieldset { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
}

.outil legend { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .file-input .btn { /* 1 page */
  border-color: var(--filet);
  background: transparent;
  color: var(--encre);
}

.outil .file-input .btn:hover { /* 1 page */
  border-color: var(--bouton-filet);
  color: var(--encre);
}

.outil .file-input .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #progressWrap { /* 1 page */
  background: transparent;
}

.outil #progressTrack { /* 1 page */
  background: var(--graph-piste);
}

.outil #progressFill { /* 1 page */
  background: var(--graph-barre-1);
}

.outil #progressLabel { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .calque { /* 1 page */
  background: var(--relief-fond);
}

.outil .tableau { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
}

.outil .quantitatif { /* 1 page */
  background: var(--relief-fond);
}

.outil .attribut { /* 1 page */
  color: var(--encre);
}

.outil #status { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=text] { /* 1 page */
  border-color: var(--filet);
  background: transparent;
  color: var(--encre);
}

.outil button { /* 2 pages */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil button:hover { /* 2 pages */
  border-color: var(--filet-actif);
  color: var(--encre);
}

.outil #sumResult { /* 1 page */
  color: var(--encre);
}

.outil .metric { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil code.small { /* 1 page */
  background: var(--relief-fond);
}

.outil .lot { /* 1 page */
  color: var(--encre);
}

.outil .lot-unite { /* 1 page */
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.outil .lot-inconnu { /* 1 page */
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.outil .metric.attendu { /* 1 page */
  border-color: var(--bouton-filet);
}

.outil #refEtat { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #refEtat .ko { /* 1 page */
  color: var(--etat-erreur);
}

.outil #barreTypes { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil #barreTypes .bt-titre { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #barreTypes label { /* 1 page */
  border-color: transparent;
}

.outil #barreTypes label:hover { /* 1 page */
  border-color: var(--filet);
}

.outil #barreTypes .bt-compte { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #panneauCalques { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil #panneauCalques .pc-tete { /* 1 page */
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil #panneauCalques .pc-outils { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .calque-item:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil .calque-item .cq-nb { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #pcVide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .metric .muted { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .metric.compte .quantitatif { /* 1 page */
  background: transparent;
}

.outil details.valeurs { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil details.valeurs>summary { /* 1 page */
  color: var(--encre-attenuee);
  background: var(--relief-fond);
}

.outil details.valeurs>summary:hover { /* 1 page */
  color: var(--encre);
}

.outil details.valeurs[open]>summary { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil table.tv th { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--filet);
  background: var(--carte);
}

.outil table.tv td { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .tv-vide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .ref { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .desenf .steps { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .desenf .steps li { /* 1 page */
  border-bottom-color: var(--selection-fond);
}

.outil .desenf .steps .num { /* 1 page */
  color: var(--dsf-evacuation-encre);
}

.outil .desenf .steps .txt { /* 1 page */
  color: var(--encre);
}

.outil .desenf .steps li.done .num::after { /* 1 page */
  color: var(--etat-conforme);
}

@media (max-width:900px) {
.outil .desenf .steps li { /* 1 page */
    border-color: var(--selection-fond);
}
}

.outil .desenf .schema-box { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .desenf .schema-box .cap { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .panel { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .desenf .panel h2 .idx { /* 1 page */
  color: var(--dsf-evacuation-encre);
}

.outil .desenf .panel .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .choice { /* 1 page */
  color: var(--encre);
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .desenf .choice small { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .choice:hover { /* 1 page */
  border-color: var(--filet-actif);
}

.outil .desenf .choice.selected { /* 1 page */
  border-color: var(--dsf-evacuation);
  background: var(--selection-fond);
}

.outil .desenf .field label { /* 1 page */
  color: var(--encre);
}

.outil .desenf .unit-input .u { /* 1 page */
  background: var(--relief-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .desenf .radio-pill { /* 1 page */
  border-color: var(--filet);
  color: var(--encre-attenuee);
}

.outil .desenf .radio-pill.selected { /* 1 page */
  border-color: var(--dsf-evacuation);
  color: var(--encre);
  background: var(--selection-fond);
}

.outil .desenf .btn.secondary { /* 1 page */
  background: transparent;
  color: var(--encre);
  border-color: var(--filet);
}

.outil .desenf .section-title { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--selection-fond);
}

.outil .desenf .res-row { /* 1 page */
  border-bottom-color: var(--selection-fond);
}

.outil .desenf .res-val .u { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .res-note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .tag.reg { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .desenf .tag.margin { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--dsf-amenee-air-encre);
}

.outil .desenf .tag.estim { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil .desenf .tag.input { /* 1 page */
  background: var(--selection-fond);
  color: var(--dsf-evacuation-encre);
}

.outil .desenf .callout { /* 1 page */
  border-color: var(--dsf-amenee-air);
  background: var(--relief-fond);
}

.outil .desenf .callout b { /* 1 page */
  color: var(--dsf-amenee-air-encre);
}

.outil .desenf .conduits { /* 1 page */
  border-top-color: var(--selection-fond);
}

.outil .desenf .conduits .portee { /* 1 page */
  border-left-color: var(--dsf-evacuation);
  background: var(--relief-fond);
}

.outil .desenf .cdt { /* 1 page */
  border-bottom-color: var(--selection-fond);
}

.outil .desenf .cdt-ref { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .desenf .cdt-tx { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .desenf .cdt-tx b { /* 1 page */
  color: var(--encre);
}

.outil .desenf .cartouche-foot { /* 1 page */
  color: var(--encre-attenuee);
  border-top-color: var(--selection-fond);
}

.outil .desenf .avertissement { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .desenf .apierr { /* 1 page */
  border-color: var(--dsf-amenee-air);
  background: var(--etat-alerte-fond);
}

.outil .tb .badge { /* 1 page */
  background: var(--relief-fond);
}

.outil .tabs { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .tabs button { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: transparent;
}

.outil .tabs button[aria-selected="true"] { /* 1 page */
  color: var(--encre);
  border-bottom-color: var(--bouton-filet);
}

.outil .pastille.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .pastille.wa { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .pastille.okp { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .alertbox.ok { /* 2 pages */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .alertbox.warn { /* 2 pages */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .alertbox.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .ligne { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil .kv dt { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .ref { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .dim { /* 1 page */
  background: var(--selection-fond);
}

.outil .mini { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .res { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .title-row h1 { /* 1 page */
  color: var(--encre-sur-fond);
}

.outil .btn-outline { /* 1 page */
  color: var(--encre-sur-fond);
  border-color: var(--filet);
}

.outil .btn-outline:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil #dlgDecret .btn-outline { /* 1 page */
  color: var(--encre);
  border-color: var(--filet);
}

.outil .u-muted { /* 1 page */
  color: color-mix(in oklab, currentColor 65%, transparent);
}

.outil #fonctions .err, .outil .tbl-resultats .err { /* 1 page */
  color: var(--etat-erreur);
}

.outil .gtb-tab { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .gtb-tab:hover { /* 1 page */
  border-color: var(--encre-attenuee);
}

.outil .gtb-tab[aria-selected="true"] { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet-actif);
}

.outil .gtb-tab-num { /* 1 page */
  background: color-mix(in oklab, currentColor 15%, transparent);
  border-color: color-mix(in oklab, currentColor 35%, transparent);
}

.outil .gtb-tab.alerte .gtb-tab-num { /* 1 page */
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur);
  color: var(--etat-erreur);
}

.outil .gtb-nav { /* 1 page */
  border-top-color: var(--filet);
}

.outil .gtb-cat > h2, .outil .gtb-cat-titre { /* 1 page */
  color: var(--encre);
  border-color: var(--filet);
}

.outil .gtb-cat > h2 { /* 1 page */
  background: var(--carte);
}

.outil .gtb-cat-titre { /* 1 page */
  background: var(--relief-fond);
}

.outil .gtb-cellule.debut { /* 1 page */
  border-top-color: var(--tableau-filet-fin);
}

.outil select[data-manuel="1"] { /* 1 page */
  border-color: var(--etat-alerte);
}

.outil .gtb-classe { /* 1 page */
  border-color: currentColor;
}

.outil .gtb-classe.gtb-attente { /* 1 page */
  color: var(--encre-attenuee);
  background: var(--champ-fond);
}

.outil .gtb-pastille { /* 1 page */
  background: var(--champ-fond);
  border-color: currentColor;
}

.outil .gtb-A { /* 1 page */
  color: var(--classe-bac-a);
}

.outil .gtb-B { /* 1 page */
  color: var(--classe-bac-b);
}

.outil .gtb-C { /* 1 page */
  color: var(--classe-bac-c);
}

.outil .gtb-D { /* 1 page */
  color: var(--classe-bac-d);
}

.outil .gtb-NC { /* 1 page */
  color: var(--classe-bac-nc);
}

.outil .gtb-alerte td { /* 1 page */
  background: var(--etat-erreur-fond-leger);
}

.outil .gtb-bandeau { /* 1 page */
  border-color: currentColor;
}

.outil .gtb-bandeau.ko { /* 1 page */
  color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
  border-color: var(--etat-erreur-bord);
}

.outil .gtb-bandeau.oki { /* 1 page */
  color: var(--etat-ok);
  background: var(--etat-ok-fond);
  border-color: var(--etat-ok-bord);
}

@media (max-width: 1040px) {
.outil .gtb-cellule.lbl.debut { /* 1 page */
    border-top-color: var(--tableau-filet-fin);
}
}

.outil .gtb-lien-decret { /* 1 page */
  color: var(--encre);
}

.outil #dlgDecret { /* 1 page */
  border-color: var(--filet);
  color: var(--encre);
  background: var(--carte);
}

.outil #dlgDecret::backdrop { /* 1 page */
  background: var(--voile-modal);
}

.outil .gtb-decret-close { /* 1 page */
  color: inherit;
}

.outil .gtb-decret-corps th, .outil .gtb-decret-corps td { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .cse-note { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .cse-niveau { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .cse-sous { /* 1 page */
  border-top-color: var(--filet);
}

.outil .cse-onglets .btn.actif { /* 1 page */
  background: var(--action);
  color: var(--btn-encre);
}

.outil .cse-verdict { /* 1 page */
  border-left-color: var(--etat-information-filet);
  background: var(--etat-information-fond);
  color: var(--etat-information);
}

.outil .cse-verdict h3 { /* 1 page */
  color: inherit;
}

.outil .cse-verdict p, .outil .cse-verdict li, .outil .cse-verdict em { /* 1 page */
  color: inherit;
}

.outil .cse-verdict .cse-note { /* 1 page */
  color: inherit;
}

.outil .cse-verdict.ok { /* 1 page */
  border-color: var(--etat-conforme);
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .cse-verdict.warn { /* 1 page */
  border-color: var(--etat-alerte);
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .cse-verdict.bad { /* 1 page */
  border-color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .pill.renvoi { /* 1 page */
  color: var(--source-renvoi);
}

.outil .cse-tab th, .outil .cse-tab td { /* 1 page */
  border-color: var(--filet);
}

.outil .cse-tab thead th { /* 1 page */
  background: var(--tableau-entete-fond);
}

.outil .cse-tab tbody tr:nth-child(even) td { /* 1 page */
  background: var(--relief-fond);
}

.outil .cse-schema { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

@media (max-width: 760px) {
.outil .cse-tab tr { /* 1 page */
    border-color: var(--filet);
}
}

@media (max-width: 760px) {
.outil .cse-tab td { /* 1 page */
    border-bottom-color: var(--filet);
}
}

.outil .panel { /* 3 pages */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil .result { /* 1 page */
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .key { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .muted { /* 2 pages */
  color: var(--encre-attenuee);
}

.outil .error { /* 1 page */
  color: var(--etat-erreur-sur-carte);
}

.outil .ok { /* 1 page */
  color: var(--etat-conforme-sur-carte);
}

.outil footer { /* 3 pages */
  color: var(--encre-attenuee-sur-fond);
}

.outil #toolbar { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-bottom-color: var(--filet);
}

.outil #toolbar h1 { /* 1 page */
  color: var(--encre);
}

.outil #toolbar .sep { /* 1 page */
  background: var(--filet);
}

.outil .modeBtn { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil .modeBtn:hover { /* 1 page */
  border-color: var(--bouton-filet);
  color: var(--encre);
}

.outil .modeBtn.on { /* 1 page */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--btn-encre);
}

.outil #inputs { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-right-color: var(--filet);
}

.outil #results { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-left-color: var(--filet);
}

.outil h3 { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--filet);
}

.outil .row label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .row input, .outil .row select { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil .row .u { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .row input[readonly] { /* 1 page */
  background: var(--relief-fond);
  color: var(--champ-encre);
}

.outil .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .warnbox { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .okbox { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .kobox { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .accbox { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre);
}

.outil #chartWrap { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil #cursorBar { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
}

.outil #cursorBar input[type=range] { /* 1 page */
  accent-color: var(--action);
}

.outil .zoneTag { /* 1 page */
  color: var(--btn-encre);
}

@media (max-width:980px) {
.outil #inputs, .outil #results { /* 1 page */
    border-bottom-color: var(--filet);
}
}

.outil .infoBtn { /* 1 page */
  border-color: var(--bouton-filet);
  background: transparent;
  color: var(--encre);
}

.outil .infoBtn:hover { /* 1 page */
  background: var(--action);
  color: var(--btn-encre);
}

.outil #ovl { /* 1 page */
  background: var(--voile-modal);
}

.outil #modal { /* 1 page */
  background: var(--carte);
  color: var(--encre);
  border-color: var(--filet);
  box-shadow: var(--ombre-carte);
}

.outil #modalHead { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil #modalHead h2 { /* 1 page */
  color: var(--encre);
}

.outil #modalClose { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil #modalClose:hover { /* 1 page */
  border-color: var(--etat-erreur-filet);
  color: var(--etat-erreur);
  background: var(--etat-erreur-fond);
}

.outil #modalBody h4 { /* 1 page */
  color: var(--encre);
}

.outil #modalBody th, .outil #modalBody td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil #modalBody thead th { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #modalBody tr.std td { /* 1 page */
  background: var(--relief-fond);
}

.outil #modalBody tr.grpr td { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre-attenuee);
}

.outil #modalBody td.src { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #modalBody .box.k { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil #modalBody .box.a { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre);
}

.outil #modalBody code { /* 1 page */
  background: var(--relief-fond);
}

.outil table.res td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil summary { /* 1 page */
  color: var(--encre);
}

.outil details table td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil #modalBody table, .outil table.res, .outil details table { /* 1 page */
  background: transparent;
  color: var(--encre);
}

.outil #modalBody th, .outil #modalBody td, .outil table.res td, .outil table.res th, .outil details table td { /* 1 page */
  color: inherit;
}

.outil #modalBody th { /* 1 page */
  background: transparent;
}

@media (max-width:640px) {
.outil #modalBody th, .outil #modalBody td, .outil table.res td, .outil details table td { /* 1 page */
    border-bottom-color: var(--tableau-filet-fin);
}
}

.outil header { /* 4 pages */
  background: var(--carte);
  color: var(--encre);
  border-bottom-color: var(--filet);
  box-shadow: var(--ombre-carte);
  border-color: var(--filet);
}

.outil header h1 { /* 1 page */
  color: var(--encre);
}

.outil header .tag { /* 1 page */
  color: var(--encre);
  background: var(--relief-fond);
  border-color: var(--filet);
}

.outil .panel h2 { /* 1 page */
  color: var(--encre-attenuee);
  border-bottom-color: var(--filet);
  background: var(--relief-fond);
}

.outil .field label { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .field .hint { /* 1 page */
  color: var(--encre-attenuee);
}

.outil input[type=number], .outil select, .outil input[type=text] { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil input[type=number]:focus, .outil select:focus { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .radiogrp label { /* 1 page */
  color: var(--encre);
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .radiogrp label.checked { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--relief-fond);
  color: var(--encre);
}

.outil .chip { /* 2 pages */
  background: var(--relief-fond);
  color: var(--encre);
  border-color: var(--filet);
}

.outil .chip.ok { /* 1 page */
  background: var(--etat-conforme-fond);
  color: var(--etat-conforme);
}

.outil .chip.warn { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--etat-alerte);
}

.outil .chip.ko { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil .chip.maj { /* 1 page */
  background: var(--etat-information-fond);
  color: var(--etat-information);
}

.outil .step { /* 1 page */
  border-color: var(--filet);
  background: var(--relief-fond);
}

.outil .step .lbl { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .step .sub { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .arrow { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .step.err { /* 1 page */
  border-color: var(--etat-erreur-filet);
  background: var(--etat-erreur-fond);
}

.outil .step.warn { /* 1 page */
  border-color: var(--etat-alerte-filet);
  background: var(--etat-alerte-fond);
}

.outil .step.ok { /* 1 page */
  border-color: var(--etat-conforme-filet);
}

.outil .alertbox.err { /* 1 page */
  background: var(--etat-erreur-fond);
  color: var(--etat-erreur);
}

.outil table.mini { /* 1 page */
  background: transparent;
  color: var(--encre);
}

.outil table.mini th, .outil table.mini td { /* 1 page */
  border-color: var(--tableau-filet-fin);
  color: var(--encre);
}

.outil table.mini th { /* 1 page */
  background: var(--relief-fond);
}

.outil table.mini td.hit { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre);
}

@media (max-width:640px) {
.outil table.mini th, .outil table.mini td { /* 1 page */
    border-color: var(--tableau-filet-fin);
}
}

.outil details { /* 2 pages */
  border-color: var(--filet);
}

.outil details summary { /* 1 page */
  color: var(--encre);
}

.outil details .body-d { /* 1 page */
  color: var(--encre-attenuee);
}

.outil button.primary { /* 1 page */
  background: var(--action);
  border-color: var(--bouton-filet);
  color: var(--btn-encre);
}

.outil button.primary:hover { /* 1 page */
  color: var(--btn-encre);
}

.outil .panel .note { /* 1 page */
  color: var(--encre-attenuee);
}

.outil code { /* 1 page */
  background: var(--relief-fond);
}

.outil .sch-carte h2 { /* 1 page — rubrique-PB/abaques (ex schemateque), classes sch- conservées */
  color: var(--encre);
}

.outil .sch-carte img { /* 1 page */
  background: var(--champ-fond);
}

.outil .sch-texte { /* 1 page */
  color: var(--encre);
}

.outil .sch-sansimage { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
  background: var(--champ-fond);
}

.outil .sch-form { /* 1 page */
  background: var(--carte);
}

.outil .sch-form input[type=text], .outil .sch-form textarea, .outil .sch-form input[type=file] { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil .sch-flash { /* 1 page */
  background: var(--carte);
  color: var(--encre);
}

.outil .sch-vide { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .sch-sep { /* 1 page */
  border-top-color: var(--filet);
}

.outil header p { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .vtag { /* 1 page */
  border-color: currentColor;
  color: var(--encre);
}

.outil .vtag.absent { /* 1 page */
  color: var(--encre-attenuee);
  border-color: var(--selection-fond);
}

.outil button.bt { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil button.bt:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil .q { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil .q::placeholder { /* 1 page */
  color: var(--champ-indice);
}

.outil .aide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .aide code { /* 1 page */
  background: var(--relief-fond);
}

.outil .aide-court { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .filtres { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .filtres .doux { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .etat { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .etat .det { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .etat.err { /* 1 page */
  color: var(--etat-erreur);
}

.outil .tablewrap { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.outil table { /* 1 page */
  background: transparent;
}

.outil th, .outil td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.outil th { /* 1 page */
  background: transparent;
  color: var(--encre-attenuee);
}

.outil td.co2 .fac { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .moteur thead tr.titres th:hover { /* 1 page */
  color: var(--champ-encre);
}

.outil .moteur thead th .sens { /* 1 page */
  color: var(--champ-encre);
}

.outil .moteur input.fcol { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
  color: var(--champ-encre);
}

.outil .moteur input.fcol.actif { /* 1 page */
  border-color: var(--champ-encre);
}

.outil .jauge { /* 1 page */
  background: var(--relief-fond);
}

.outil .jauge .rempli { /* 1 page */
  background: color-mix(in oklab, var(--jauge-teinte) 55%, var(--field-bg));
  box-shadow: inset -2px 0 0 color-mix(in oklab, var(--jauge-teinte) 85%, var(--field-text));
}

.outil .jauge .lib { /* 1 page */
  color: var(--champ-encre);
}

.outil .jauge.seule .rempli { /* 1 page */
  border-color: color-mix(in oklab, var(--jauge-teinte) 70%, var(--field-text));
}

.outil td.type { /* 1 page */
  color: var(--encre-attenuee);
}

.outil td.decl { /* 1 page */
  color: var(--encre);
}

.outil td.decl .vide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil td.refs .plus { /* 1 page */
  color: var(--encre-attenuee);
}

.outil td.refs .vide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil mark { /* 1 page */
  background: var(--surlignage-fond);
  color: var(--surlignage-encre);
}

.outil tr.designee td { /* 1 page */
  background: var(--tableau-survol);
}

.outil tr.designee td.num { /* 1 page */
  box-shadow: inset 3px 0 0 var(--surlignage-fond);
}

.outil .etat .abs { /* 1 page */
  color: var(--etat-erreur);
}

.outil table a { /* 1 page */
  color: var(--encre);
}

.outil .vide-msg { /* 1 page */
  color: var(--encre-attenuee);
}

body.outil.split .titre-moteur { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .rang { /* 1 page — texte sur un aplat foncé */
  color: var(--encre-inverse);
  background: var(--encre);
}

body.outil.split .moteur + .moteur { /* 1 page */
  border-left-color: var(--filet);
}

.outil tr.choisie .pastille { /* 1 page */
  color: var(--champ-fond);
  background: var(--champ-encre);
}

body.outil.split .moteur tbody tr:hover td { /* 1 page */
  background: var(--relief-fond);
}

.outil tr.choisie td { /* 1 page */
  background: var(--selection-fond);
}

.outil tr.choisie td.num { /* 1 page */
  box-shadow: inset 3px 0 0 var(--filet-actif);
}

.outil #bandeau { /* 1 page */
  background: var(--carte);
  border-bottom-color: var(--filet);
  border-left-color: var(--filet);
}

.outil #bandeau.n-ok { /* 1 page */
  border-left-color: var(--etat-conforme);
}

.outil #bandeau.n-reserve { /* 1 page */
  border-left-color: var(--etat-alerte);
}

.outil #bandeau.n-non { /* 1 page */
  border-left-color: var(--etat-erreur);
}

.outil .cmp-chip { /* 1 page — texte sur un aplat foncé */
  color: var(--encre-inverse);
  background: var(--encre-attenuee);
}

.outil .n-ok .cmp-chip { /* 1 page */
  background: var(--etat-conforme);
}

.outil .n-reserve .cmp-chip { /* 1 page */
  background: var(--etat-alerte);
}

.outil .n-non .cmp-chip { /* 1 page */
  background: var(--etat-erreur);
}

.outil .cmp-verdict { /* 1 page */
  color: var(--encre);
}

.outil .cmp-notes { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .cmp-notes li::before { /* 1 page */
  color: var(--etat-alerte);
}

.outil table.cmp .pastille { /* 1 page */
  color: var(--champ-fond);
  background: var(--champ-encre);
}

.outil .cmp-absent { /* 1 page */
  color: var(--etat-alerte);
}

.outil .cmp-attente { /* 1 page */
  color: var(--encre-attenuee);
}

@media (max-width:1100px) {
body.outil.split #bandeau { /* 1 page */
    box-shadow: var(--ombre-carte);
}
}

@media (max-width:1100px) {
body.outil.split .moteur + .moteur { /* 1 page */
    border-top-color: var(--filet);
}
}

.outil #recap h2 { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil #recap .intro { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil #recap .intro b { /* 1 page */
  color: var(--encre-attenuee-sur-fond);
}

.outil .recap-affaire, .outil .recap-saisie { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.outil .recap-affaire input { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil #rcIds { /* 1 page */
  background: var(--champ-fond);
  color: var(--champ-encre);
  border-color: var(--filet);
}

.outil #rcIds::placeholder { /* 1 page */
  color: var(--champ-indice);
}

.outil #rcTable tr.absente td { /* 1 page */
  background: var(--etat-erreur-fond-leger);
}

.outil #rcTable td.vide { /* 1 page */
  color: var(--encre-attenuee);
}

.outil #rcEtat .avert { /* 1 page */
  color: var(--etat-alerte);
}

.outil .btn, .outil button { /* 1 page */
  border-color: var(--filet);
  background: transparent;
  color: var(--encre);
}

.outil .btn:hover, .outil button:hover { /* 1 page */
  background: var(--relief-fond);
}

.outil .card { /* 1 page */
  border-color: var(--filet);
}

.outil .card h2, .outil .card h3 { /* 1 page */
  border-bottom-color: var(--filet);
  color: var(--encre);
}

.outil .card h2 { /* 1 page */
  background: var(--relief-fond);
}

.outil .droppable { /* 1 page */
  border-color: var(--filet);
  background: var(--carte);
  color: var(--encre);
}

.outil .droppable.dragover { /* 1 page */
  background: var(--selection-fond);
}

.outil .tbl { /* 1 page */
  background: transparent;
  color: inherit;
}

.outil .tbl th, .outil .tbl td { /* 1 page */
  border-bottom-color: var(--filet);
}

.outil .tbl th { /* 1 page */
  color: var(--encre-attenuee);
  background: transparent;
}

.outil .section-title { /* 1 page */
  color: var(--encre);
}

.outil .gain-ok { /* 1 page */
  color: var(--etat-conforme);
}

.outil .gain-bad { /* 1 page */
  color: var(--etat-erreur);
}

@media (max-width: 640px) {
.outil .tbl tr { /* 1 page */
    background: transparent;
}
}

@media (max-width: 640px) {
.outil .tbl th, .outil .tbl td { /* 1 page */
    border-bottom-color: var(--filet);
}
}

.outil .btn { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--action);
  color: var(--btn-encre);
}

.outil .btn:hover { /* 1 page */
  background: var(--tableau-survol);
}

.outil .btn:focus-visible { /* 1 page */
  outline-color: var(--focus-contour);
}

.outil .dropzone { /* 1 page */
  border-color: var(--filet);
  background: transparent;
  color: var(--encre-attenuee);
}

.outil .dropzone:hover { /* 1 page */
  border-color: var(--bouton-filet);
  color: var(--encre);
  background: var(--relief-fond);
}

.outil .dropzone.is-dragover { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--selection-fond);
}

.outil .help { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tree-item:hover { /* 1 page */
  background: transparent;
}

.outil .indent { /* 1 page */
  color: transparent;
}

.outil .twisty { /* 1 page */
  border-color: var(--filet);
  background: transparent;
}

.outil .twisty:hover { /* 1 page */
  background: var(--tableau-survol);
}

.outil .node-name { /* 1 page */
  color: var(--encre);
}

.outil .text-node { /* 1 page */
  color: var(--encre-attenuee);
}

.outil .tree-item.leaf .node-name, .outil .tree-item.leaf .text-node { /* 1 page */
  color: var(--arbre-feuille);
}

.outil .bar { /* 1 page */
  background: var(--filet-discret);
}

.outil .bar > span { /* 1 page */
  background: linear-gradient(90deg, var(--graph-barre-1), var(--graph-barre-2));
}

/* règles propres à une page (valeur différente des autres pages, ou d'une section précédente) */
body.outil.p-dimReseauGaz .pill.nor { /* dimReseauGaz.php */
  color: var(--etat-alerte);
}

body.outil.p-colonneSeche .pill.nor { /* colonneSeche.php */
  color: var(--source-normative);
}

body.outil.p-colonneSeche .pill { /* colonneSeche.php */
  border-color: currentColor;
}

body.outil.p-rechercheINIES table { /* rechercheINIES.php */
  color: var(--champ-encre);
}

body.outil.p-rechercheCEE table { /* rechercheCEE.php */
  color: var(--champ-encre);
}

body.outil.p-rechercheCEE td.code a { /* rechercheCEE.php — lien vers le PDF de la fiche */
  color: var(--champ-encre);
}

body.outil.p-rechercheCEE td.date.bientot { /* rechercheCEE.php — abrogation à moins d'un an (doublée du signe ⚠ et du texte) */
  color: var(--etat-erreur);
}

body.outil.p-rechercheCEE td .doux { /* rechercheCEE.php — arrêté, mois restants, sous-secteur */
  color: var(--encre-attenuee);
}

body.outil.p-aideRT table { /* aideRT.php */
  color: var(--champ-encre);
}

body.outil.p-aideRT td.titre a { /* aideRT.php — lien vers le PDF d'une fiche */
  color: var(--champ-encre);
}

body.outil.p-aideRT .badge { /* aideRT.php — pastille FAQ / Fiche (doublée du texte) */
  color: var(--encre-attenuee);
  border-color: currentColor;
}

body.outil.p-aideRT td .doux, body.outil.p-aideRT td .sous, body.outil.p-aideRT td .ouvrir, body.outil.p-aideRT td .pdf { /* aideRT.php — date de publication, sous-thème, invite « lire la réponse », mention PDF */
  color: var(--encre-attenuee);
}

body.outil.p-aideRT tr.reponse td { /* aideRT.php — réponse officielle dépliée sous la question */
  background: var(--fond);
}

body.outil.p-aideRT .rep .fr-callout { /* aideRT.php — encadré du portail dans une réponse */
  border-color: var(--encre-attenuee);
}

/* --- dossier de référence CVC/Gaz (body.dossier) --- */
body.dossier { /* 1 page */
  background: var(--fond);
  color: var(--encre);
}

.dossier header.top { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier header.top p { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier header.top a { /* 1 page */
  color: var(--bandeau-encre);
}

.dossier .badge-admin { /* 1 page */
  background: var(--etat-erreur);
  color: var(--encre);
}

.dossier nav.toc { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.dossier nav.toc h2 { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier nav.toc a { /* 1 page */
  color: var(--encre);
}

.dossier nav.toc a:hover { /* 1 page */
  color: var(--encre);
}

.dossier section.blk { /* 1 page */
  background: var(--carte);
  border-color: var(--filet);
}

.dossier section.blk > h2 { /* 1 page */
  border-bottom-color: var(--filet);
}

.dossier section.blk > .lead { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier h4 { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier code, .dossier .mono { /* 1 page */
  background: var(--relief-fond);
}

.dossier a { /* 1 page */
  color: var(--encre);
}

.dossier .table-wrap { /* 1 page */
  border-color: var(--tableau-filet-fin);
}

.dossier table { /* 1 page */
  background: var(--carte);
}

.dossier th, .dossier td { /* 1 page */
  border-bottom-color: var(--tableau-filet-fin);
}

.dossier th { /* 1 page */
  background: var(--tableau-entete-fond);
}

.dossier tbody tr:hover { /* 1 page */
  background: var(--champ-fond);
}

.dossier caption { /* 1 page */
  color: var(--encre-attenuee);
  background: var(--tableau-entete-fond);
  border-bottom-color: var(--filet);
}

.dossier .p-reg { /* 1 page */
  background: var(--source-reglementaire-fond);
  color: var(--source-reglementaire);
  border-color: var(--source-reglementaire-filet);
}

.dossier .p-nor { /* 1 page */
  background: var(--source-normative-fond);
  color: var(--source-normative);
  border-color: var(--source-normative-filet);
}

.dossier .p-mix { /* 1 page */
  background: var(--source-renvoi-fond);
  color: var(--source-renvoi);
  border-color: var(--source-renvoi-filet);
}

.dossier .p-neu { /* 1 page */
  background: var(--relief-fond);
  color: var(--encre-attenuee);
  border-color: var(--filet);
}

.dossier .p-ko { /* 1 page */
  background: var(--source-reglementaire-fond);
  color: var(--source-reglementaire);
  border-color: var(--source-reglementaire-filet);
}

.dossier .p-ok { /* 1 page */
  background: var(--source-normative-fond);
  color: var(--source-normative);
  border-color: var(--source-normative-filet);
}

.dossier .p-cond { /* 1 page */
  background: var(--etat-alerte-fond);
  color: var(--source-renvoi);
  border-color: var(--etat-alerte-filet);
}

.dossier .warn { /* 1 page */
  background: var(--etat-alerte-fond);
  border-color: var(--etat-alerte-filet);
}

.dossier .alert { /* 1 page */
  background: var(--source-reglementaire-fond);
  border-color: var(--source-reglementaire-filet);
}

.dossier .ok { /* 1 page */
  background: var(--source-normative-fond);
  border-color: var(--source-normative-filet);
  color: var(--encre);
}

.dossier .formule { /* 1 page — était un bloc SOMBRE (fond #111, texte clair) :
     posé en clair, sur le fond de relief, le site n'ayant plus de thème sombre */
  background: var(--relief-fond);
  color: var(--encre);
}

.dossier .formule .cm { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier .formule .hl { /* 1 page */
  color: var(--doc-force);
}

.dossier .qa { /* 1 page */
  border-left-color: var(--bouton-filet);
  background: var(--champ-fond);
}

.dossier .kv dt { /* 1 page */
  color: var(--encre-attenuee);
}

.dossier footer.bot { /* 1 page */
  background: var(--bandeau-fond);
  color: var(--bandeau-encre);
}

.dossier footer.bot a { /* 1 page */
  color: var(--bandeau-encre);
}

@media print {
body.dossier { /* 1 page */
    background: var(--champ-fond);
}
}

.dossier .schema-demo { /* 1 page */
  border-color: var(--filet);
  background: var(--champ-fond);
}

.dossier .schema-demo button { /* 1 page */
  border-color: var(--bouton-filet);
  background: var(--champ-fond);
  color: var(--encre);
}

.dossier .schema-demo button.on { /* 1 page */
  background: var(--action);
  color: var(--btn-encre);
}

.dossier .schema-demo textarea { /* 1 page */
  border-color: var(--filet);
}

.dossier #dgSchema { /* 1 page */
  background: var(--champ-fond);
  border-color: var(--filet);
}

.dossier .legende { /* 1 page */
  color: var(--encre-attenuee);
}

/* règles propres à une page (valeur différente des autres pages, ou d'une section précédente) */
body.dossier.p-Gaz-index .note { /* Gaz/index.php */
  background: var(--etat-information-fond);
  border-color: var(--etat-information-filet);
}

/* --- classes utilitaires : là où une couleur était écrite en ligne ---
   Posées sur une page d'outil comme sur un dossier. Elles remplacent les
   style="color:…" que le HTML produit par PHP ou par le JS portait encore. */
.outil .texte-attenue,    .dossier .texte-attenue    { color: var(--encre-attenuee); }
.outil .texte-erreur,     .dossier .texte-erreur     { color: var(--etat-erreur); }
.outil .texte-conforme,   .dossier .texte-conforme   { color: var(--etat-conforme); }
.outil .texte-force,      .dossier .texte-force      { color: var(--doc-force); font-weight: 700; }
.outil .separateur-filet, .dossier .separateur-filet { color: var(--filet); }
.outil .cellule-retenue,  .dossier .cellule-retenue  { background: var(--tableau-survol); }
.outil .ae-etat-alerte { /* auditEnergetique (app.js) : état d'enregistrement en alerte */
  color: var(--bouton-danger-encre);
}

/* --- corrections de portée (à garder en DERNIER dans le fichier) ---
   Les lots d'outils ont écrit une règle générique « .outil .btn » (fond
   d'action), plus spécifique que les variantes « .btn-outline » et
   « .btn.danger » de la charte : sur une page d'outil, un bouton contour ou un
   bouton danger se retrouvait rempli d'orange. On rétablit les variantes ici,
   après tout le reste, pour les deux portées. */
.outil .btn-outline, .dossier .btn-outline {
  background: transparent;
  color: var(--encre);
  border-color: var(--filet);
}
.outil .btn-outline:hover, .dossier .btn-outline:hover {
  background: var(--bouton-contour-survol);
}
.outil .btn.danger, .dossier .btn.danger {
  background: transparent;
  color: var(--bouton-danger-encre);
  border-color: var(--bouton-danger-filet);
}
.outil .btn.danger:hover, .dossier .btn.danger:hover {
  background: var(--bouton-danger-survol);
  color: var(--encre);
}
.outil .btn-locked, .dossier .btn-locked {
  background: transparent;
  color: var(--bouton-verrouille-encre);
  border-color: var(--bouton-verrouille-filet);
}