/* fonts: https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap */
/* DRONECORP — peau v4. Feuille assemblée par scripts/build_skin.py à partir de build/skin/NN-nom.css : ne pas la modifier à la main. */
/* ---- 00-tokens.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 00-tokens : jetons (SPEC-v4 §2 et §3)
   SEUL fichier où une couleur s'écrit en dur. Partout ailleurs : var(--dcs-*).
   Palette bleue par défaut (html.dcs), variante orange (html.dcs.dcs-orange).
   ========================================================================== */

html.dcs{
  /* --- surfaces --- */
  --dcs-bg:#FFFFFF;            /* fond de page */
  --dcs-bg-alt:#F5F7FA;        /* bandes, page de résultats */
  --dcs-line:#DDE3EA;          /* filets de carte */
  --dcs-field:#7D8A9B;         /* bordure de champ */
  /* --- texte --- */
  --dcs-ink:#0B1B2B;           /* titres, texte */
  --dcs-ink-2:#46566A;         /* texte secondaire */
  --dcs-ink-3:#5E6C7E;         /* légendes */
  /* --- action --- */
  --dcs-action:#1456D9;        /* boutons pleins, sélection */
  --dcs-action-h:#0F3FA6;      /* survol */
  --dcs-on-action:#FFFFFF;     /* texte SUR le bouton plein */
  --dcs-link:#1456D9;          /* liens dans le texte */
  --dcs-action-tint:#E8F0FE;   /* puce active, survol doux */
  --dcs-on-tint:#0F3FA6;       /* texte sur la teinte */
  /* --- nuit (pied de page, un bandeau sombre au plus) --- */
  --dcs-night:#0A1F33;
  --dcs-on-night:#FFFFFF;
  --dcs-on-night-2:#C9D6E4;
  /* --- statuts --- */
  --dcs-ok-ink:#0B6B43;        /* « pièces contrôlées » : RÉSERVÉ, ne pas utiliser aujourd'hui */
  --dcs-ok-bg:#E6F4EC;
  --dcs-neutral-ink:#46566A;   /* « déclaré » */
  --dcs-neutral-bg:#EEF2F6;
  --dcs-amber-ink:#7A4A00;     /* « Mis en avant » */
  --dcs-amber-bg:#FFF4D6;
  --dcs-error:#B42318;         /* erreurs */

  /* --- dérivés : les mêmes teintes, en transparence ou en renvoi (aucun nouveau ton) --- */
  --dcs-night-line:rgba(201,214,228,.22);   /* filet sur fond nuit = --dcs-on-night-2 à 22 % */
  --dcs-focus:var(--dcs-link);              /* anneau de focus */

  /* --- rayons : 3, pas un de plus --- */
  --dcs-r-sm:8px;              /* boutons, champs */
  --dcs-r-md:12px;             /* cartes */
  --dcs-r-pill:999px;          /* puces, pastilles */

  /* --- ombres --- */
  --dcs-shadow-card:0 1px 2px rgba(11,27,43,.06),0 8px 24px rgba(11,27,43,.06);
  --dcs-shadow-hover:0 2px 4px rgba(11,27,43,.08),0 12px 32px rgba(11,27,43,.12);

  /* --- typographie : deux familles, aucune à chasse fixe --- */
  --dcs-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --dcs-font-titre:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  /* échelle : 13, 14, 16, 18, 22, 28, 44 px */
  --dcs-fs-13:13px;
  --dcs-fs-14:14px;
  --dcs-fs-16:16px;
  --dcs-fs-18:18px;
  --dcs-fs-22:22px;
  --dcs-fs-28:28px;
  --dcs-fs-44:44px;
  /* titres : la taille change sur mobile (voir plus bas) */
  --dcs-fs-h1:44px;
  --dcs-fs-h2:28px;
  --dcs-fs-h3:22px;
  --dcs-lh:1.5;                /* texte */
  --dcs-lh-titre:1.15;         /* titres */

  /* --- mesures --- */
  --dcs-wrap:1320px;           /* largeur maximale du conteneur, marges comprises (celle de .dc-wrap) */
  --dcs-gutter:40px;           /* marge latérale du conteneur */
  --dcs-hd-h:72px;             /* hauteur de l'en-tête (décalage des éléments collants) */
  --dcs-h-btn:44px;            /* hauteur d'un bouton */
  --dcs-h-btn-lg:48px;         /* hauteur de l'action principale et des champs */
  --dcs-sp-1:4px;
  --dcs-sp-2:8px;
  --dcs-sp-3:12px;
  --dcs-sp-4:16px;
  --dcs-sp-5:24px;
  --dcs-sp-6:32px;
  --dcs-sp-7:48px;
  --dcs-sp-8:64px;
}

/* Variante orange : mêmes noms, autres valeurs. */
html.dcs.dcs-orange{
  --dcs-bg-alt:#F5F6F8;
  --dcs-line:#E3E6EB;
  --dcs-field:#7F8A9A;
  --dcs-ink:#0F1E33;
  --dcs-ink-2:#465467;
  --dcs-ink-3:#5F6B7C;
  --dcs-action:#FF6B1A;
  --dcs-action-h:#F25C05;
  --dcs-on-action:#0F1E33;
  --dcs-link:#14457A;
  --dcs-action-tint:#FFF1E8;
  --dcs-on-tint:#8F2F09;
  --dcs-night:#0F2238;
  --dcs-on-night-2:#C5D0DE;
  --dcs-night-line:rgba(197,208,222,.22);
}

/* En-tête plus bas sous 960 px (menu mobile). */
@media (max-width:959px){
  html.dcs{--dcs-hd-h:64px}
}
/* Mobile : titres et marges. */
@media (max-width:640px){
  html.dcs{
    --dcs-fs-h1:30px;
    --dcs-fs-h2:22px;
    --dcs-fs-h3:18px;
    --dcs-gutter:20px;
  }
}

/* ---- 10-base.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 10-base : fond, texte, titres, liens, boutons, champs,
   pastilles, conteneur, grilles, focus, mouvement réduit.
   Toutes les règles commencent par html.dcs. Aucune couleur en dur.
   ========================================================================== */

/* ---------- page ---------- */
/* Fond de page de l'annuaire : son <body> lit var(--paper). C'est la SEULE ancienne variable que le socle
   redirige ; les autres (--ink, --green, --cta, --card…) reviennent à la feuille de repeinte. Le thème
   n'utilise pas --paper : ses pages ne bougent pas. */
html.dcs{--paper:var(--dcs-bg);scroll-padding-top:calc(var(--dcs-hd-h) + 16px)}
html.dcs ::selection{background:var(--dcs-action);color:var(--dcs-on-action)}

/* Texte de base des écrans de l'annuaire (tout ce qui est dans <main id="dc-main">).
   Pas de chiffres tabulaires ici : dans Inter ils élargissent aussi les traits d'union du texte courant.
   Pour un compteur ou un prix : classe .dcx-num. */
html.dcs #dc-main{font-family:var(--dcs-font);font-size:var(--dcs-fs-16);line-height:var(--dcs-lh);color:var(--dcs-ink)}

/* Page courte : le pied reste en bas de l'écran (sans effet sur les navigateurs sans :has, ni sur le thème). */
html.dcs body:has(> #dc-main){display:flex;flex-direction:column;min-height:100vh}
html.dcs body:has(> #dc-main) > #dc-main{flex:1 0 auto}

/* ---------- focus visible, partout ---------- */
html.dcs :focus-visible{outline:2px solid var(--dcs-focus);outline-offset:2px}
html.dcs .dcx-nuit :focus-visible{outline-color:var(--dcs-on-night)}

/* ---------- remise à zéro, limitée au nouveau balisage (spécificité minimale : toute classe dcx- la bat) ---------- */
html.dcs :where([class*="dcx-"]),
html.dcs :where([class*="dcx-"])::before,
html.dcs :where([class*="dcx-"])::after{box-sizing:border-box}
html.dcs :where([class*="dcx-"]) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote),
html.dcs :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote):where([class*="dcx-"]){margin:0}
html.dcs :where([class*="dcx-"]) :where(ul,ol),
html.dcs :where(ul,ol):where([class*="dcx-"]){padding:0;list-style:none}
html.dcs :where([class*="dcx-"]) :where(img,video){max-width:100%;height:auto}
html.dcs [class*="dcx-"][hidden]{display:none !important}

/* ---------- titres : Plus Jakarta Sans 700 (H1 800), bas de casse ---------- */
html.dcs :where([class*="dcx-"]) :where(h1,h2,h3,h4),
html.dcs :where(h1,h2,h3,h4):where([class*="dcx-"]),
html.dcs .dcx-h1,html.dcs .dcx-h2,html.dcs .dcx-h3,html.dcs .dcx-h4{font-family:var(--dcs-font-titre);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em;text-transform:none;color:inherit;text-wrap:balance}
html.dcs :where([class*="dcx-"]) :where(h1),
html.dcs :where(h1):where([class*="dcx-"]),
html.dcs .dcx-h1{font-size:var(--dcs-fs-h1);font-weight:800;letter-spacing:-.02em}
html.dcs :where([class*="dcx-"]) :where(h2),
html.dcs :where(h2):where([class*="dcx-"]),
html.dcs .dcx-h2{font-size:var(--dcs-fs-h2)}
html.dcs :where([class*="dcx-"]) :where(h3),
html.dcs :where(h3):where([class*="dcx-"]),
html.dcs .dcx-h3{font-size:var(--dcs-fs-h3)}
html.dcs :where([class*="dcx-"]) :where(h4),
html.dcs :where(h4):where([class*="dcx-"]),
html.dcs .dcx-h4{font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0}

/* ---------- texte ---------- */
html.dcs .dcx-chapo{font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
html.dcs .dcx-petit{font-size:var(--dcs-fs-14)}
html.dcs .dcx-legende{font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}
html.dcs .dcx-doux{color:var(--dcs-ink-2)}
html.dcs .dcx-fort{font-weight:600;color:var(--dcs-ink)}
html.dcs .dcx-num{font-variant-numeric:tabular-nums}
html.dcs .dcx-mesure{max-width:68ch}
html.dcs .dcx-centre{text-align:center}
html.dcs .dcx-centre.dcx-mesure,html.dcs .dcx-centre .dcx-mesure{margin-left:auto;margin-right:auto}
html.dcs .dcx-nuit .dcx-chapo,html.dcs .dcx-nuit .dcx-doux,html.dcs .dcx-nuit .dcx-legende{color:var(--dcs-on-night-2)}
html.dcs .dcx-nuit .dcx-fort{color:var(--dcs-on-night)}
/* texte riche (présentation d'un opérateur, guide) : paragraphes espacés, liens visibles */
html.dcs .dcx-prose{max-width:68ch;line-height:var(--dcs-lh)}
html.dcs .dcx-prose > * + *{margin-top:1em}
html.dcs .dcx-prose a{color:var(--dcs-link);text-decoration:underline;text-underline-offset:3px}
html.dcs .dcx-prose a:hover{color:var(--dcs-on-tint)}

/* ---------- liens ---------- */
html.dcs .dcx-lien,html.dcs .dcx-lien:visited{color:var(--dcs-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html.dcs .dcx-lien:hover,html.dcs .dcx-lien:focus{color:var(--dcs-on-tint);text-decoration-thickness:2px}
html.dcs .dcx-lien--fleche{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
html.dcs .dcx-lien--fleche:hover,html.dcs .dcx-lien--fleche:focus{text-decoration:underline}
html.dcs .dcx-nuit .dcx-lien,html.dcs .dcx-nuit .dcx-lien:visited,html.dcs .dcx-nuit .dcx-lien:hover,html.dcs .dcx-nuit .dcx-lien:focus{color:var(--dcs-on-night)}

/* ---------- conteneur, sections ---------- */
html.dcs .dcx-wrap{width:100%;max-width:var(--dcs-wrap);margin-left:auto;margin-right:auto;padding-left:var(--dcs-gutter);padding-right:var(--dcs-gutter)}
html.dcs .dcx-wrap--moyen{max-width:calc(1080px + 2 * var(--dcs-gutter))}
html.dcs .dcx-wrap--etroit{max-width:calc(820px + 2 * var(--dcs-gutter))}
html.dcs .dcx-sec{padding-top:64px;padding-bottom:64px}
html.dcs .dcx-sec--serree{padding-top:40px;padding-bottom:40px}
html.dcs .dcx-sec--alt{background:var(--dcs-bg-alt)}
html.dcs .dcx-sec--filet{border-top:1px solid var(--dcs-line)}
html.dcs .dcx-nuit{background:var(--dcs-night);color:var(--dcs-on-night)}
html.dcs .dcx-entete{max-width:68ch;margin-bottom:32px}
html.dcs .dcx-entete > * + *{margin-top:12px}
html.dcs .dcx-centre.dcx-entete,html.dcs .dcx-centre .dcx-entete{margin-left:auto;margin-right:auto}

/* ---------- grilles et piles ---------- */
html.dcs .dcx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
html.dcs .dcx-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
html.dcs .dcx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
html.dcs .dcx-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
html.dcs .dcx-grid--auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
/* contenu + colonne latérale (fiche), ou filtres + résultats (annuaire) */
html.dcs .dcx-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
html.dcs .dcx-cols--filtres{grid-template-columns:280px minmax(0,1fr)}
html.dcs .dcx-colle{position:sticky;top:calc(var(--dcs-hd-h) + 16px)}
html.dcs .dcx-pile{display:flex;flex-direction:column;gap:16px}
html.dcs .dcx-pile--s{gap:8px}
html.dcs .dcx-pile--l{gap:24px}
html.dcs .dcx-pile--xl{gap:40px}
html.dcs .dcx-rang{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html.dcs .dcx-rang--s{gap:8px}
html.dcs .dcx-rang--entre{justify-content:space-between}
html.dcs .dcx-rang--haut{align-items:flex-start}

/* ---------- boutons : plein (action), contour (encre), texte. 44 px ; 48 px pour l'action principale ---------- */
html.dcs .dcx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--dcs-h-btn);margin:0;padding:8px 18px;border:1px solid transparent;border-radius:var(--dcs-r-sm);background:transparent;box-shadow:none;color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html.dcs .dcx-btn--plein,html.dcs .dcx-btn--plein:visited{background:var(--dcs-action);border-color:var(--dcs-action);color:var(--dcs-on-action)}
html.dcs .dcx-btn--plein:hover,html.dcs .dcx-btn--plein:focus{background:var(--dcs-action-h);border-color:var(--dcs-action-h);color:var(--dcs-on-action)}
html.dcs .dcx-btn--contour,html.dcs .dcx-btn--contour:visited{background:var(--dcs-bg);border-color:var(--dcs-ink);color:var(--dcs-ink)}
html.dcs .dcx-btn--contour:hover,html.dcs .dcx-btn--contour:focus{background:var(--dcs-bg-alt);border-color:var(--dcs-ink);color:var(--dcs-ink)}
html.dcs .dcx-btn--texte,html.dcs .dcx-btn--texte:visited{padding-left:4px;padding-right:4px;background:transparent;border-color:transparent;color:var(--dcs-link)}
html.dcs .dcx-btn--texte:hover,html.dcs .dcx-btn--texte:focus{background:transparent;border-color:transparent;color:var(--dcs-on-tint);text-decoration:underline;text-underline-offset:3px}
html.dcs .dcx-btn--grand{min-height:var(--dcs-h-btn-lg);padding:10px 24px;font-size:var(--dcs-fs-16)}
html.dcs .dcx-btn--bloc{display:flex;width:100%;white-space:normal}
html.dcs .dcx-btn[disabled],html.dcs .dcx-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
/* sur fond nuit : le bouton principal est blanc, texte encre */
html.dcs .dcx-nuit .dcx-btn--plein,html.dcs .dcx-nuit .dcx-btn--plein:visited{background:var(--dcs-on-night);border-color:var(--dcs-on-night);color:var(--dcs-ink)}
html.dcs .dcx-nuit .dcx-btn--plein:hover,html.dcs .dcx-nuit .dcx-btn--plein:focus{background:var(--dcs-on-night-2);border-color:var(--dcs-on-night-2);color:var(--dcs-ink)}
html.dcs .dcx-nuit .dcx-btn--contour,html.dcs .dcx-nuit .dcx-btn--contour:visited{background:transparent;border-color:var(--dcs-on-night);color:var(--dcs-on-night)}
html.dcs .dcx-nuit .dcx-btn--contour:hover,html.dcs .dcx-nuit .dcx-btn--contour:focus{background:var(--dcs-night-line);border-color:var(--dcs-on-night);color:var(--dcs-on-night)}
html.dcs .dcx-nuit .dcx-btn--texte,html.dcs .dcx-nuit .dcx-btn--texte:visited,html.dcs .dcx-nuit .dcx-btn--texte:hover,html.dcs .dcx-nuit .dcx-btn--texte:focus{color:var(--dcs-on-night)}

/* ---------- champs : 16 px (pas de zoom sur iPhone), 48 px de haut ---------- */
html.dcs .dcx-champ{display:block;margin:0 0 16px}
html.dcs .dcx-label{display:block;margin:0 0 6px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;color:var(--dcs-ink)}
html.dcs .dcx-input{display:block;width:100%;min-height:var(--dcs-h-btn-lg);margin:0;padding:11px 14px;border:1px solid var(--dcs-field);border-radius:var(--dcs-r-sm);background:var(--dcs-bg);box-shadow:none;color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:400;line-height:1.4;letter-spacing:0}
html.dcs input.dcx-input,html.dcs textarea.dcx-input{-webkit-appearance:none;appearance:none}
html.dcs textarea.dcx-input{min-height:120px;resize:vertical}
html.dcs select.dcx-input{padding-right:10px;cursor:pointer}
html.dcs .dcx-input--compact{min-height:var(--dcs-h-btn);padding-top:9px;padding-bottom:9px}
html.dcs .dcx-input::placeholder{color:var(--dcs-ink-3);opacity:1}
html.dcs .dcx-input:hover{border-color:var(--dcs-ink-2)}
html.dcs .dcx-input:focus{border-color:var(--dcs-focus);outline:2px solid var(--dcs-focus);outline-offset:1px}
html.dcs .dcx-input[aria-invalid="true"],html.dcs .dcx-input--erreur{border-color:var(--dcs-error)}
html.dcs .dcx-aide{display:block;margin-top:6px;font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}
html.dcs .dcx-erreur{display:block;margin-top:6px;font-size:var(--dcs-fs-14);line-height:1.45;font-weight:500;color:var(--dcs-error)}
html.dcs .dcx-check{display:flex;align-items:flex-start;gap:10px;margin:0;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2);cursor:pointer}
html.dcs .dcx-check input{flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:var(--dcs-action);cursor:pointer}

/* ---------- pastilles (statut, étiquette) et puces (filtre cliquable) ---------- */
html.dcs .dcx-pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;margin:0;padding:3px 10px;border:0;border-radius:var(--dcs-r-pill);background:var(--dcs-neutral-bg);color:var(--dcs-neutral-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;white-space:nowrap}
html.dcs .dcx-pill--ambre{background:var(--dcs-amber-bg);color:var(--dcs-amber-ink)}
html.dcs .dcx-pill--teinte{background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs .dcx-pill--contour{background:transparent;box-shadow:inset 0 0 0 1px var(--dcs-line);color:var(--dcs-ink-2)}
/* RÉSERVÉ au futur statut « pièces contrôlées le… » : ne pas l'utiliser aujourd'hui. */
html.dcs .dcx-pill--ok{background:var(--dcs-ok-bg);color:var(--dcs-ok-ink)}
html.dcs .dcx-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;margin:0;padding:6px 14px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-pill);background:var(--dcs-bg);box-shadow:none;color:var(--dcs-ink-2);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html.dcs .dcx-chip:hover,html.dcs .dcx-chip:focus{background:var(--dcs-bg-alt);border-color:var(--dcs-field);color:var(--dcs-ink)}
html.dcs .dcx-chip.on,html.dcs .dcx-chip[aria-pressed="true"],html.dcs .dcx-chip[aria-current="true"]{background:var(--dcs-action-tint);border-color:var(--dcs-action);color:var(--dcs-on-tint);font-weight:600}

/* ---------- surfaces, notes, listes, filets, icônes ---------- */
html.dcs .dcx-carte{padding:24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card);color:var(--dcs-ink)}
html.dcs .dcx-carte--plate{box-shadow:none}
html.dcs a.dcx-carte{display:block;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
html.dcs a.dcx-carte:hover,html.dcs a.dcx-carte:focus{border-color:var(--dcs-action);box-shadow:var(--dcs-shadow-hover);color:var(--dcs-ink)}
html.dcs .dcx-note{padding:12px 16px;border-radius:var(--dcs-r-sm);background:var(--dcs-bg-alt);font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs .dcx-note--teinte{background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs .dcx-note--ambre{background:var(--dcs-amber-bg);color:var(--dcs-amber-ink)}
html.dcs .dcx-note--erreur{background:var(--dcs-bg);box-shadow:inset 0 0 0 1px var(--dcs-error);color:var(--dcs-error)}
html.dcs .dcx-liste{display:flex;flex-direction:column;gap:10px}
html.dcs .dcx-liste > li{display:flex;align-items:flex-start;gap:10px;line-height:1.45}
html.dcs .dcx-liste > li > .dcx-ico{margin-top:2px;color:var(--dcs-ink-2)}
html.dcs .dcx-filet{height:1px;margin:24px 0;border:0;background:var(--dcs-line)}
html.dcs .dcx-ico{display:inline-block;flex-shrink:0;max-width:none;vertical-align:-.18em}
/* lu par les lecteurs d'écran, invisible à l'écran */
html.dcs .dcx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- composants du cœur que les écrans v4 réutilisent tels quels (ils portent du JSON-LD ou sont lus par le script) ---------- */
/* fil d'Ariane : dcops_breadcrumb() */
html.dcs .dc-bc{font-family:var(--dcs-font);font-size:var(--dcs-fs-13);line-height:1.5;letter-spacing:0;color:var(--dcs-ink-3)}
html.dcs .dc-bc a{color:var(--dcs-ink-2);text-decoration:underline;text-underline-offset:2px}
html.dcs .dc-bc a:hover{color:var(--dcs-ink)}
html.dcs .dc-bc--dark,html.dcs .dc-bc--dark a,html.dcs .dc-bc--dark a:hover{color:var(--dcs-on-night-2)}
/* questions fréquentes : dcops_faq_html() */
html.dcs .dc-faqs{gap:12px}
html.dcs .dc-faqs .dc-faq{border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs .dc-faqs .dc-faq summary{padding:18px 20px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;line-height:1.4;letter-spacing:0;color:var(--dcs-ink)}
html.dcs .dc-faqs .dc-faq__sign{font-family:var(--dcs-font);font-size:var(--dcs-fs-22);font-weight:400;color:var(--dcs-ink-2)}
html.dcs .dc-faqs .dc-faq__a{max-width:74ch;padding:0 20px 20px;font-size:var(--dcs-fs-16);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
/* formulaires à étapes : classes lues par dcops_js() ([data-msform]) */
html.dcs .dc-stepper{gap:8px 20px}
html.dcs .dc-sdot{width:28px;height:28px;border:1px solid var(--dcs-line);background:var(--dcs-bg-alt);color:var(--dcs-ink-3);font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:600}
html.dcs .dc-step-item .t{font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:500;color:var(--dcs-ink-3)}
html.dcs .dc-step-item.on .dc-sdot{border-color:var(--dcs-action);background:var(--dcs-action);color:var(--dcs-on-action)}
html.dcs .dc-step-item.on .t{font-weight:600;color:var(--dcs-ink)}
html.dcs .dc-progress{height:4px;border-radius:var(--dcs-r-pill);background:var(--dcs-line)}
html.dcs .dc-progress b{height:4px;border-radius:var(--dcs-r-pill);background:var(--dcs-action)}
html.dcs .dc-fnav{border-top:1px solid var(--dcs-line)}

/* ---------- écrans étroits ---------- */
@media (max-width:1023px){
  html.dcs .dcx-grid--3,html.dcs .dcx-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:959px){
  html.dcs .dcx-cols,html.dcs .dcx-cols--filtres{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-colle{position:static}
}
@media (max-width:640px){
  html.dcs .dcx-sec{padding-top:40px;padding-bottom:40px}
  html.dcs .dcx-sec--serree{padding-top:28px;padding-bottom:28px}
  html.dcs .dcx-grid{gap:16px}
  html.dcs .dcx-grid--2,html.dcs .dcx-grid--3,html.dcs .dcx-grid--4{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-entete{margin-bottom:24px}
  html.dcs .dcx-carte{padding:20px}
}

/* ---------- mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  html.dcs,html.dcs *,html.dcs *::before,html.dcs *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ---- 20-chrome.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 20-chrome : en-tête, menu mobile, pied de page.
   Un seul en-tête, un seul logo, un seul menu, un seul pied sur tout le site
   (annuaire ET thème) : dcops_site_header_v4() / dcops_site_footer_v4().
   Ces blocs fixent eux-mêmes police, couleurs, marges et listes : ils tiennent
   face aux règles globales du thème (a, h3, ul, button, svg).
   ========================================================================== */

/* ---------- logo ---------- */
html.dcs .dcx-logo,html.dcs .dcx-logo:visited,html.dcs .dcx-logo:hover,html.dcs .dcx-logo:focus{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;color:var(--dcs-ink);text-decoration:none}
html.dcs .dcx-logo__signe{display:block;flex-shrink:0;width:30px;height:30px;max-width:none;color:var(--dcs-action)}
html.dcs .dcx-logo__mot{font-family:var(--dcs-font-titre);font-size:20px;font-weight:800;line-height:1;letter-spacing:-.01em;text-transform:none;color:inherit}
html.dcs .dcx-logo--nuit,html.dcs .dcx-logo--nuit:visited,html.dcs .dcx-logo--nuit:hover,html.dcs .dcx-logo--nuit:focus{color:var(--dcs-on-night)}
html.dcs .dcx-logo--nuit .dcx-logo__signe{color:var(--dcs-on-night)}

/* ---------- en-tête : fond blanc, 72 px, filet bas ---------- */
html.dcs .dcx-hd{position:sticky;top:0;z-index:100;margin:0;padding:0;border-bottom:1px solid var(--dcs-line);background:var(--dcs-bg);color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);line-height:1.2;text-align:left}
/* Pages du thème : en-tête fixe, comme l'ancien — leurs gabarits lui réservent déjà sa place en haut de page. */
html.dcs .dcx-hd--fixe{position:fixed;left:0;right:0}
html.dcs body.admin-bar .dcx-hd--fixe{top:32px}
html.dcs .dcx-hd__in{display:flex;align-items:center;gap:20px;height:var(--dcs-hd-h)}
html.dcs .dcx-nav{display:flex;align-items:center;gap:2px;margin:0 0 0 12px;padding:0}
html.dcs .dcx-nav a,html.dcs .dcx-nav a:visited{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--dcs-r-sm);background:transparent;color:var(--dcs-ink-2);font-size:var(--dcs-fs-14);font-weight:500;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
html.dcs .dcx-nav a:hover,html.dcs .dcx-nav a:focus{background:var(--dcs-bg-alt);color:var(--dcs-ink)}
html.dcs .dcx-nav a[aria-current="page"]{background:var(--dcs-action-tint);color:var(--dcs-on-tint);font-weight:600}
html.dcs .dcx-hd__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
html.dcs .dcx-hd__lien,html.dcs .dcx-hd__lien:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--dcs-r-sm);background:transparent;color:var(--dcs-ink);font-size:var(--dcs-fs-14);font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
html.dcs .dcx-hd__lien:hover,html.dcs .dcx-hd__lien:focus{background:var(--dcs-bg-alt);color:var(--dcs-ink)}
html.dcs .dcx-hd__lien[aria-current="page"]{background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs .dcx-hd__lien .dcx-ico{vertical-align:0}

/* lien d'évitement : visible au clavier seulement */
html.dcs .dcx-skip,html.dcs .dcx-skip:visited{position:absolute;left:8px;top:-80px;z-index:2;padding:12px 16px;border-radius:var(--dcs-r-sm);background:var(--dcs-ink);color:var(--dcs-bg);font-size:var(--dcs-fs-14);font-weight:600;text-decoration:none}
html.dcs .dcx-skip:focus{top:8px;color:var(--dcs-bg)}

/* bouton du menu mobile */
html.dcs .dcx-hd__burger{display:none;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:0;margin:0 -10px 0 auto;padding:0;border:0;border-radius:var(--dcs-r-sm);background:transparent;box-shadow:none;color:var(--dcs-ink);cursor:pointer;-webkit-appearance:none;appearance:none}
html.dcs .dcx-hd__burger:hover,html.dcs .dcx-hd__burger:focus{background:var(--dcs-bg-alt);color:var(--dcs-ink)}
html.dcs .dcx-hd__burger .dcx-ico{display:block}
html.dcs .dcx-hd__burger .dcx-ico--x{display:none}
html.dcs .dcx-hd__burger[aria-expanded="true"] .dcx-ico--x{display:block}
html.dcs .dcx-hd__burger[aria-expanded="true"] .dcx-ico--menu{display:none}

/* ---------- menu mobile : panneau plein écran sous l'en-tête ---------- */
html.dcs .dcx-mnav{position:fixed;top:var(--dcs-hd-h);right:0;bottom:0;left:0;z-index:99;display:flex;flex-direction:column;gap:24px;margin:0;padding:8px var(--dcs-gutter) 32px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs .dcx-mnav[hidden]{display:none}
html.dcs .dcx-mnav__liens{display:flex;flex-direction:column;margin:0;padding:0}
html.dcs .dcx-mnav__liens a,html.dcs .dcx-mnav__liens a:visited{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 4px;border-bottom:1px solid var(--dcs-line);color:var(--dcs-ink);font-size:var(--dcs-fs-18);font-weight:600;letter-spacing:0;text-decoration:none}
html.dcs .dcx-mnav__liens a:hover,html.dcs .dcx-mnav__liens a:focus{color:var(--dcs-ink)}
html.dcs .dcx-mnav__liens a[aria-current="page"]{color:var(--dcs-on-tint)}
html.dcs .dcx-mnav__liens .dcx-ico{color:var(--dcs-ink-3)}
html.dcs .dcx-mnav__actions{display:flex;flex-direction:column;gap:12px}
html.dcs .dcx-mnav__note{margin:0;font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2);text-align:center}
html.dcs body.admin-bar .dcx-hd--fixe .dcx-mnav{top:calc(var(--dcs-hd-h) + 32px)}
/* menu ouvert : la page derrière ne défile plus. Sur <html> seulement : le même réglage sur <body> en ferait
   la zone de défilement de l'en-tête collant, qui quitterait alors le haut de l'écran. */
html.dcs.dcx-nav-open{overflow:hidden}

/* 960 à 1179 px : tout tient sur une ligne, « Espace pilote » réduit à son icône (le libellé reste lu) */
@media (min-width:960px) and (max-width:1179px){
  html.dcs .dcx-hd__in{gap:12px}
  html.dcs .dcx-nav{margin-left:4px}
  html.dcs .dcx-nav a{padding:0 10px}
  html.dcs .dcx-hd__lien{padding:0}
  html.dcs .dcx-hd__lien span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
/* sous 960 px : logo + bouton menu */
@media (max-width:959px){
  html.dcs .dcx-nav,html.dcs .dcx-hd__actions{display:none}
  html.dcs .dcx-hd__burger{display:inline-flex}
}
@media (min-width:960px){
  html.dcs .dcx-mnav{display:none}
}
@media (max-width:782px){
  html.dcs body.admin-bar .dcx-hd--fixe{top:46px}
  html.dcs body.admin-bar .dcx-hd--fixe .dcx-mnav{top:calc(var(--dcs-hd-h) + 46px)}
}

/* ---------- pied de page : fond nuit, 4 colonnes, ligne légale ---------- */
html.dcs .dcx-ft{margin:0;padding:0;background:var(--dcs-night);color:var(--dcs-on-night-2);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);line-height:var(--dcs-lh);text-align:left}
html.dcs .dcx-ft :focus-visible{outline-color:var(--dcs-on-night)}
html.dcs .dcx-ft__in{padding-top:56px;padding-bottom:32px}
html.dcs .dcx-ft__haut{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(0,1fr));gap:40px 32px;padding-bottom:40px}
html.dcs .dcx-ft__marque p{max-width:30ch;margin:14px 0 0;font-size:var(--dcs-fs-14);line-height:var(--dcs-lh);color:var(--dcs-on-night-2)}
html.dcs .dcx-ft__t{margin:0 0 12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--dcs-on-night)}
html.dcs .dcx-ft__liens{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
html.dcs .dcx-ft__liens li{margin:0;padding:0}
html.dcs .dcx-ft__liens a,html.dcs .dcx-ft__liens a:visited{display:inline-block;padding:5px 0;color:var(--dcs-on-night-2);font-size:var(--dcs-fs-14);font-weight:400;text-decoration:none}
html.dcs .dcx-ft__liens a:hover,html.dcs .dcx-ft__liens a:focus{color:var(--dcs-on-night);text-decoration:underline;text-underline-offset:3px}
html.dcs .dcx-ft__adresse{margin:0;padding:5px 0 0;font-size:var(--dcs-fs-14);font-style:normal;line-height:1.6;color:var(--dcs-on-night-2)}
html.dcs .dcx-ft__bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:24px;border-top:1px solid var(--dcs-night-line);font-size:var(--dcs-fs-13)}
html.dcs .dcx-ft__legal{margin:0;font-size:var(--dcs-fs-13);line-height:var(--dcs-lh);color:var(--dcs-on-night-2)}
html.dcs .dcx-ft__legal-liens{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none}
html.dcs .dcx-ft__legal-liens li{margin:0;padding:0}
html.dcs .dcx-ft__legal-liens a,html.dcs .dcx-ft__legal-liens a:visited{display:inline-block;padding:5px 0;color:var(--dcs-on-night-2);font-size:var(--dcs-fs-13);text-decoration:underline;text-underline-offset:3px}
html.dcs .dcx-ft__legal-liens a:hover,html.dcs .dcx-ft__legal-liens a:focus{color:var(--dcs-on-night)}

@media (max-width:1099px){
  html.dcs .dcx-ft__haut{grid-template-columns:repeat(4,minmax(0,1fr))}
  html.dcs .dcx-ft__marque{grid-column:1 / -1}
  html.dcs .dcx-ft__marque p{max-width:none}
}
@media (max-width:820px){
  html.dcs .dcx-ft__haut{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  html.dcs .dcx-ft__in{padding-top:40px}
  html.dcs .dcx-ft__liens a,html.dcs .dcx-ft__legal-liens a{padding:9px 0}
}

/* ---------- impression : pas d'en-tête collant ---------- */
@media print{
  html.dcs .dcx-hd,html.dcs .dcx-hd--fixe{position:static}
  html.dcs .dcx-hd__burger,html.dcs .dcx-mnav,html.dcs .dcx-hd__actions,html.dcs .dcx-nav{display:none}
}

/* ---- 30-carte.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 30-carte : carte opérateur v4, monogramme, vignette.
   Balisage : dcops_op_card_v4(), dcops_monogram_v4(), dcops_thumb_v4().
   La carte porte AUSSI la classe « dc-op » (lue par le script de l'annuaire) :
   les règles ci-dessous remplacent celles de .dc-op, propriété par propriété.
   ========================================================================== */

/* ---------- vignette : monogramme sur fond teinté, ou 1re vraie photo ---------- */
html.dcs .dcx-mono,html.dcs .dcx-thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:96px;height:96px;overflow:hidden;border-radius:var(--dcs-r-md)}
html.dcs .dcx-mono{background:var(--dcs-action-tint);color:var(--dcs-on-tint);font-family:var(--dcs-font-titre);font-size:30px;font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;-webkit-user-select:none;user-select:none}
/* la teinte suit la famille de service (classe dcx-mono--<service>), jamais le hasard */
html.dcs .dcx-mono--audiovisuel{background:var(--dcs-neutral-bg);color:var(--dcs-ink)}
html.dcs .dcx-mono--nettoyage,html.dcs .dcx-mono--agriculture{background:var(--dcs-bg-alt);box-shadow:inset 0 0 0 1px var(--dcs-line);color:var(--dcs-ink-2)}
html.dcs .dcx-thumb{background:var(--dcs-bg-alt)}
html.dcs .dcx-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
html.dcs .dcx-mono--sm,html.dcs .dcx-thumb--sm{width:56px;height:56px;border-radius:var(--dcs-r-sm)}
html.dcs .dcx-mono--sm{font-size:18px}
html.dcs .dcx-mono--lg,html.dcs .dcx-thumb--lg{width:120px;height:120px}
html.dcs .dcx-mono--lg{font-size:38px}

/* ---------- liste de cartes : une rangée par opérateur ---------- */
html.dcs .dcx-ops{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0}

/* ---------- carte opérateur ---------- */
html.dcs .dcx-op{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 20px;align-items:start;margin:0;padding:20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card);color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);line-height:1.45;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}
html.dcs .dcx-op:hover{border-color:var(--dcs-action);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-hover)}
html.dcs .dcx-op__vignette{grid-column:1;grid-row:1 / span 3}
html.dcs .dcx-op__id,html.dcs .dcx-op__infos,html.dcs .dcx-op__pied{grid-column:2;min-width:0}
html.dcs .dcx-op__tete{display:flex;align-items:flex-start;justify-content:space-between;gap:8px 12px}
html.dcs .dcx-op__nom{margin:0;font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--dcs-ink);overflow-wrap:anywhere}
/* carte entière cliquable : le lien du nom s'étend sur toute la carte */
html.dcs .dcx-op__lien,html.dcs .dcx-op__lien:visited,html.dcs .dcx-op__lien:hover,html.dcs .dcx-op__lien:focus{color:var(--dcs-ink);text-decoration:none}
html.dcs .dcx-op__lien::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--dcs-r-md)}
html.dcs .dcx-op:hover .dcx-op__lien{text-decoration:underline;text-underline-offset:3px}
html.dcs .dcx-op__lien:focus-visible{outline:none}
html.dcs .dcx-op__lien:focus-visible::after{outline:2px solid var(--dcs-focus);outline-offset:2px}
html.dcs .dcx-op__feat{flex-shrink:0}
html.dcs .dcx-op__structure{margin:2px 0 0;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2);overflow-wrap:anywhere}
html.dcs .dcx-op__infos{display:grid;gap:6px;margin:0;padding:0;list-style:none}
html.dcs .dcx-op__ligne{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
html.dcs .dcx-op__ligne > span{min-width:0;overflow-wrap:anywhere}
html.dcs .dcx-op__ligne .dcx-ico{margin-top:2px;color:var(--dcs-ink-3)}
html.dcs .dcx-op__ligne--prestas{font-weight:500;color:var(--dcs-ink)}
html.dcs .dcx-op__plus{font-weight:400;color:var(--dcs-ink-3);white-space:nowrap}
html.dcs .dcx-op__pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
html.dcs .dcx-op__statuts{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
html.dcs .dcx-op__cta{flex-shrink:0;margin-left:auto}
html.dcs .dcx-op:hover .dcx-op__cta{background:var(--dcs-bg-alt)}

/* ---------- mobile : même contenu, empilé ; la vignette ne passe en haut que s'il y a une vraie photo ---------- */
@media (max-width:640px){
  html.dcs .dcx-op{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px}
  html.dcs .dcx-op__vignette{grid-row:1}
  html.dcs .dcx-op__id{align-self:center}
  html.dcs .dcx-op__infos,html.dcs .dcx-op__pied{grid-column:1 / -1}
  html.dcs .dcx-op__vignette .dcx-mono{width:56px;height:56px;border-radius:var(--dcs-r-sm);font-size:18px}
  html.dcs .dcx-op__tete{flex-wrap:wrap}
  html.dcs .dcx-op__pied{margin-top:2px}
  html.dcs .dcx-op__cta{width:100%}
  html.dcs .dcx-op--photo .dcx-op__vignette,html.dcs .dcx-op--photo .dcx-op__id{grid-column:1 / -1}
  html.dcs .dcx-op--photo .dcx-op__vignette .dcx-thumb{width:100%;height:auto;aspect-ratio:16 / 9}
}

/* ---- 40-accueil.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 40-accueil : écran d'accueil (dc-operators-tpl/v4/home.php).
   7 blocs : héros et recherche, faits, services illustrés, étapes, opérateurs,
   pilotes, questions fréquentes et appel final. Classes propres : dcx-acc-*.
   Boutons, champs, puces, carte opérateur et bandeau nuit viennent du socle.
   ========================================================================== */

/* ---------- en-tête de section avec un lien à droite ---------- */
html.dcs .dcx-acc-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}
html.dcs .dcx-acc-tete > .dcx-entete{margin-bottom:0}

/* ---------- rangée de liens (besoins fréquents, régions) ---------- */
html.dcs .dcx-acc-liens{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px}
html.dcs .dcx-acc-liens--filet{margin-top:40px;padding-top:24px;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-acc-liens__t{margin-right:8px;font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;color:var(--dcs-ink)}

/* ---------- deux colonnes : titre à gauche (collant), liste à droite (opérateurs, questions) ---------- */
html.dcs .dcx-acc-duo{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px 72px;align-items:start}
html.dcs .dcx-acc-duo__tete{position:sticky;top:calc(var(--dcs-hd-h) + 32px);margin-bottom:0}
html.dcs .dcx-acc-duo__tete > .dcx-doux{font-size:var(--dcs-fs-16)}
html.dcs .dcx-acc-duo__corps{min-width:0}

/* ---------- 1. héros : texte et recherche à gauche, photo réelle à droite ---------- */
html.dcs .dcx-acc-hero{padding-top:64px;padding-bottom:72px;background:var(--dcs-bg)}
html.dcs .dcx-acc-hero__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:center}
html.dcs .dcx-acc-hero__texte{min-width:0}
html.dcs .dcx-acc-hero__texte > .dcx-chapo{margin-top:16px}
html.dcs .dcx-acc-hero__photo{margin:0;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--dcs-r-md);background:var(--dcs-bg-alt)}
html.dcs .dcx-acc-hero__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* recherche : service + région + bouton (formulaire GET vers l'annuaire) */
html.dcs .dcx-acc-rech{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin:32px 0 0;padding:16px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card)}
html.dcs .dcx-acc-rech__champ{display:block;min-width:0;margin:0}
html.dcs .dcx-acc-rech__btn{min-width:150px}
html.dcs .dcx-acc-freq{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px;margin-top:20px;font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-3)}
html.dcs .dcx-acc-freq__t{flex-basis:100%;font-size:var(--dcs-fs-13)}
html.dcs .dcx-acc-freq a{display:inline-block;padding:4px 0}

/* ---------- 2. faits calculés ---------- */
html.dcs .dcx-acc-faits{padding-top:28px;padding-bottom:28px;border-top:1px solid var(--dcs-line);border-bottom:1px solid var(--dcs-line);background:var(--dcs-bg-alt)}
html.dcs .dcx-acc-faits__liste{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
html.dcs .dcx-acc-fait{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;padding:2px 32px;border-left:1px solid var(--dcs-line)}
html.dcs .dcx-acc-fait:first-child{padding-left:0;border-left:0}
html.dcs .dcx-acc-fait__n{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-28);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--dcs-ink);white-space:nowrap}
html.dcs .dcx-acc-fait__l{font-size:var(--dcs-fs-16);line-height:1.4;color:var(--dcs-ink-2)}

/* ---------- 3. services : cartes illustrées (photo réelle 4:3, titre, description) ---------- */
html.dcs .dcx-acc-svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html.dcs .dcx-acc-svc,html.dcs .dcx-acc-svc:visited{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card);color:var(--dcs-ink);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
html.dcs .dcx-acc-svc:hover,html.dcs .dcx-acc-svc:focus{border-color:var(--dcs-action);box-shadow:var(--dcs-shadow-hover);color:var(--dcs-ink)}
html.dcs .dcx-acc-svc__img{position:relative;flex-shrink:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--dcs-bg-alt)}
html.dcs .dcx-acc-svc__img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
html.dcs .dcx-acc-svc__img--vide{display:flex;align-items:center;justify-content:center;color:var(--dcs-ink-3)}
html.dcs .dcx-acc-svc__corps{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0;padding:16px 20px 20px}
html.dcs .dcx-acc-svc__tete{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.dcs .dcx-acc-svc__tete .dcx-ico{color:var(--dcs-ink-3);transition:color .15s ease,transform .15s ease}
html.dcs .dcx-acc-svc:hover .dcx-acc-svc__tete .dcx-ico,html.dcs .dcx-acc-svc:focus .dcx-acc-svc__tete .dcx-ico{color:var(--dcs-link);transform:translateX(3px)}
html.dcs .dcx-acc-svc__desc{font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs .dcx-acc-svc__n{margin-top:auto;padding-top:8px;font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}

/* ---------- 4. comment ça marche : 3 étapes ---------- */
html.dcs .dcx-acc-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;margin:0;padding:0;list-style:none}
html.dcs .dcx-acc-etape{display:flex;flex-direction:column;gap:16px;margin:0;padding:0}
html.dcs .dcx-acc-etape__n{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--dcs-r-pill);background:var(--dcs-action-tint);color:var(--dcs-on-tint);font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-18);font-weight:700;line-height:1}
html.dcs .dcx-acc-etape__corps{min-width:0}
html.dcs .dcx-acc-etape__corps > p{max-width:44ch;margin-top:6px;color:var(--dcs-ink-2)}

/* ---------- 5. quelques opérateurs : suite de la liste (bouton + règle de sélection) ---------- */
html.dcs .dcx-acc-suite{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
html.dcs .dcx-acc-suite > .dcx-legende{flex:1 1 320px;min-width:0}
html.dcs .dcx-acc-suite > .dcx-legende > .dcx-lien{display:inline-block;padding:2px 0}

/* ---------- 6. pilotes : bandeau nuit, offre unique ---------- */
html.dcs .dcx-acc-pilotes__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px 72px;align-items:center}
html.dcs .dcx-acc-pilotes__texte{min-width:0}
html.dcs .dcx-acc-pilotes__offre{max-width:32em;margin-top:12px;font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-on-night-2);text-wrap:pretty}
html.dcs .dcx-acc-pilotes__offre > strong{font-weight:600;color:var(--dcs-on-night)}
html.dcs .dcx-acc-pilotes__offre > span{display:block;margin-top:2px}
html.dcs .dcx-acc-pilotes__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
html.dcs .dcx-acc-pilotes__texte > .dcx-legende{margin-top:16px}
html.dcs .dcx-acc-pilotes__inclus{padding:28px 32px;border:1px solid var(--dcs-night-line);border-radius:var(--dcs-r-md)}
html.dcs .dcx-acc-pilotes__inclus > h3{margin-bottom:16px;color:var(--dcs-on-night)}
html.dcs .dcx-acc-pilotes__inclus .dcx-liste > li{color:var(--dcs-on-night)}
html.dcs .dcx-acc-pilotes__inclus .dcx-liste > li > .dcx-ico{color:var(--dcs-on-night-2)}

/* ---------- 7. appel final ---------- */
html.dcs .dcx-acc-final .dcx-chapo{margin-top:12px;text-wrap:balance}
html.dcs .dcx-acc-final__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}

/* ---------- écrans intermédiaires ---------- */
@media (max-width:1179px){
  html.dcs .dcx-acc-hero__in{gap:40px}
  html.dcs .dcx-acc-rech{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html.dcs .dcx-acc-rech__btn{grid-column:1 / -1}
  html.dcs .dcx-acc-duo{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px 48px}
  html.dcs .dcx-acc-pilotes__in{gap:40px 48px}
}
@media (max-width:1023px){
  html.dcs .dcx-acc-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:959px){
  html.dcs .dcx-acc-hero{padding-top:40px;padding-bottom:48px}
  html.dcs .dcx-acc-hero__in{grid-template-columns:minmax(0,1fr);gap:32px}
  html.dcs .dcx-acc-hero__photo{aspect-ratio:16 / 9}
  html.dcs .dcx-acc-rech{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  html.dcs .dcx-acc-rech__btn{grid-column:auto}
  html.dcs .dcx-acc-duo,html.dcs .dcx-acc-pilotes__in{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-acc-duo{gap:24px}
  html.dcs .dcx-acc-duo__tete{position:static}
}
@media (max-width:767px){
  html.dcs .dcx-acc-etapes{grid-template-columns:minmax(0,1fr);gap:24px}
  html.dcs .dcx-acc-etape{flex-direction:row;align-items:flex-start}
  html.dcs .dcx-acc-etape__corps > p{max-width:none}
}

/* ---------- mobile ---------- */
@media (max-width:640px){
  html.dcs .dcx-acc-tete{margin-bottom:24px}
  html.dcs .dcx-acc-liens{margin-top:24px}
  html.dcs .dcx-acc-liens--filet{margin-top:32px}
  html.dcs .dcx-acc-liens__t{flex-basis:100%;margin-right:0}

  html.dcs .dcx-acc-hero{padding-top:28px;padding-bottom:40px}
  html.dcs .dcx-acc-hero__in{gap:28px}
  html.dcs .dcx-acc-hero__texte > .dcx-chapo{margin-top:12px}
  html.dcs .dcx-acc-rech{grid-template-columns:minmax(0,1fr);margin-top:24px}
  html.dcs .dcx-acc-rech__btn{width:100%}

  html.dcs .dcx-acc-faits{padding-top:20px;padding-bottom:20px}
  html.dcs .dcx-acc-fait{flex-direction:column;flex-wrap:nowrap;gap:2px;padding:0 12px}
  html.dcs .dcx-acc-fait__n{font-size:var(--dcs-fs-22)}
  html.dcs .dcx-acc-fait__l{font-size:var(--dcs-fs-13)}

  /* cartes de service en rangées : photo à gauche, texte à droite */
  html.dcs .dcx-acc-svcs{grid-template-columns:minmax(0,1fr);gap:12px}
  html.dcs .dcx-acc-svc{flex-direction:row}
  html.dcs .dcx-acc-svc__img{flex:0 0 112px;aspect-ratio:auto;min-height:104px}
  html.dcs .dcx-acc-svc__corps{justify-content:center;gap:4px;padding:14px 16px}
  html.dcs .dcx-acc-svc__n{margin-top:0;padding-top:2px}

  /* 2 cartes opérateur au lieu de 3 : l'annuaire complet est à un clic */
  html.dcs .dcx-acc-duo__corps > .dcx-ops > .dcx-op:nth-child(n+3){display:none}
  html.dcs .dcx-acc-suite > .dcx-btn{width:100%}
  html.dcs .dcx-acc-suite > .dcx-legende{flex-basis:100%}

  html.dcs .dcx-acc-pilotes__offre{font-size:var(--dcs-fs-16)}
  html.dcs .dcx-acc-pilotes__actions > .dcx-btn--plein{width:100%}
  html.dcs .dcx-acc-pilotes__inclus{padding:20px}
  html.dcs .dcx-acc-final__actions > .dcx-btn{width:100%}
}

/* ---------- très petits écrans (moins de 360 px) : les 3 faits passent en lignes ---------- */
@media (max-width:359px){
  html.dcs .dcx-acc-faits{padding-top:8px;padding-bottom:8px}
  html.dcs .dcx-acc-faits__liste{grid-auto-flow:row}
  html.dcs .dcx-acc-fait{flex-direction:row;align-items:baseline;gap:10px;padding:10px 0;border-left:0;border-top:1px solid var(--dcs-line)}
  html.dcs .dcx-acc-fait:first-child{border-top:0}
  html.dcs .dcx-acc-fait__l{font-size:var(--dcs-fs-14)}
}

/* ---- 41-annuaire.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 41-annuaire : annuaire (/operateurs/) et pages métier / région.
   Balisage : dc-operators-tpl/v4/annuaire.php et v4/taxo.php.
   « dcx-an- » : commun aux deux écrans. « dcx-tx- » : pages métier / région seulement.
   Carte opérateur, boutons, champs, puces : socle (10-base, 30-carte), non redéfinis ici.
   ========================================================================== */

/* ---------- 1. tête de page : fil d'Ariane, titre, chapô, recherche ---------- */
html.dcs .dcx-an-tete{padding-top:28px;padding-bottom:36px;background:var(--dcs-bg)}
html.dcs .dcx-an-tete .dc-bc{margin:0 0 20px}
html.dcs .dcx-an-tete h1{max-width:30ch}
html.dcs .dcx-an-tete .dcx-chapo{max-width:68ch;margin-top:12px}
html.dcs .dcx-an-recherche{position:relative;max-width:640px;margin-top:24px}
html.dcs .dcx-an-recherche > .dcx-ico{position:absolute;top:50%;left:16px;margin-top:-10px;color:var(--dcs-ink-3);pointer-events:none}
html.dcs .dcx-an-recherche .dcx-input{padding-left:46px}
html.dcs .dcx-an-recherche .dcx-input::-webkit-search-cancel-button{cursor:pointer}

/* ---------- 2. corps : colonne latérale + résultats, sur fond alterné ---------- */
html.dcs .dcx-an-corps{padding-top:32px;padding-bottom:72px}
html.dcs .dcx-an-cote{display:flex;flex-direction:column;gap:24px;min-width:0}
/* annuaire : la colonne suit le défilement ; si l'écran est trop bas pour elle, elle défile seule */
html.dcs .dcx-an-cote--colle{position:sticky;top:calc(var(--dcs-hd-h) + 16px);max-height:calc(100vh - var(--dcs-hd-h) - 32px);overflow-y:auto;scrollbar-width:thin}
html.dcs .dcx-an-resultats{min-width:0}
/* dans la liste : pas de « +4 » seul sur sa ligne quand les prestations passent à la ligne (navigateurs récents) */
html.dcs .dcx-an-resultats .dcx-op__ligne > span{text-wrap:pretty}

/* ---------- 3. panneau « Filtres » (annuaire) ou « Région et service » (pages métier / région) ----------
   Un <details> : fermé par défaut ; le script de l'écran l'ouvre à 960 px et plus et pose « dcx-an-filtres--js »,
   la feuille masque alors son bouton. Sans script, le bouton reste visible et le panneau s'ouvre à la main.
   Bouton et corps sont deux blocs : sur mobile le bouton de l'annuaire partage sa ligne avec le tri. */
html.dcs .dcx-an-filtres{margin:0;padding:0;border:0;background:transparent;color:var(--dcs-ink)}
html.dcs .dcx-an-filtres__bouton{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 16px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);list-style:none;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;line-height:1.2;color:var(--dcs-ink);cursor:pointer;-webkit-user-select:none;user-select:none}
html.dcs .dcx-an-filtres__bouton:hover{border-color:var(--dcs-field)}
html.dcs .dcx-an-filtres__bouton::-webkit-details-marker{display:none}
html.dcs .dcx-an-filtres__bouton .dcx-ico--sliders{color:var(--dcs-ink-2)}
html.dcs .dcx-an-filtres__bouton .dcx-ico--chevron-down{margin-left:auto;color:var(--dcs-ink-2);transition:transform .15s ease}
html.dcs .dcx-an-filtres[open] > .dcx-an-filtres__bouton{margin-bottom:8px;border-color:var(--dcs-ink)}
html.dcs .dcx-an-filtres[open] > .dcx-an-filtres__bouton .dcx-ico--chevron-down{transform:rotate(180deg)}
/* pastille : nombre de filtres actifs (posée par le script) */
html.dcs .dcx-an-filtres__nb{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:var(--dcs-r-pill);background:var(--dcs-action);color:var(--dcs-on-action);font-size:var(--dcs-fs-13);font-weight:600;line-height:1}
html.dcs .dcx-an-filtres__nb:not([hidden]) + .dcx-ico--chevron-down{margin-left:0}
html.dcs .dcx-an-filtres__corps{position:relative;display:flex;flex-direction:column;gap:24px;padding:20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs .dcx-an-filtres__corps--raz > .dcx-an-filtres__titre{padding-right:112px}
html.dcs .dcx-an-filtres__raz{position:absolute;top:13px;right:12px;min-height:36px;padding:4px 8px}
html.dcs .dcx-an-groupe{display:block;min-width:0;margin:0;padding:0;border:0}
html.dcs .dcx-an-groupe > .dcx-label{margin-bottom:10px}
html.dcs .dcx-an-groupe > .dcx-lien--fleche{margin-top:14px;font-size:var(--dcs-fs-14)}
html.dcs .dcx-an-puces{display:flex;flex-wrap:wrap;gap:8px}
html.dcs .dcx-an-filtres .dcx-an-puces .dcx-chip{padding-left:12px;padding-right:12px}
html.dcs .dcx-an-coches{display:flex;flex-direction:column;gap:12px}
/* puce-lien de la page affichée (pages métier / région) : même rendu que la puce de filtre active */
html.dcs .dcx-chip[aria-current="page"]{background:var(--dcs-action-tint);border-color:var(--dcs-action);color:var(--dcs-on-tint);font-weight:600}
/* liste déroulante : même chevron que les icônes du site (région, tri) */
html.dcs .dcx-an-select{position:relative;display:block;min-width:0}
html.dcs .dcx-an-select > select.dcx-input{-webkit-appearance:none;appearance:none;padding-right:42px;background-image:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.dcs .dcx-an-select > .dcx-ico{position:absolute;top:50%;right:12px;margin-top:-10px;color:var(--dcs-ink-2);pointer-events:none}

/* ---------- 4. barre de résultats : compteur, date des déclarations, tri ---------- */
html.dcs .dcx-an-barre{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;margin:0 0 16px}
html.dcs .dcx-an-barre__compte{flex:1 1 0;min-width:0}
html.dcs .dcx-an-compte{font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0;color:var(--dcs-ink)}
html.dcs .dcx-an-compte strong{font-weight:700}
html.dcs h2.dcx-an-compte{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-h3);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em}
html.dcs .dcx-an-barre .dcx-legende{margin-top:4px}
html.dcs .dcx-an-barre__regles{display:none}
html.dcs .dcx-an-tri{flex-shrink:0;min-width:0}

/* ---------- 5. bandeau « Décrivez votre besoin » en tête de liste : un seul lien ---------- */
html.dcs .dcx-an-devis,html.dcs .dcx-an-devis:visited{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:16px 20px;border:1px solid transparent;border-radius:var(--dcs-r-md);background:var(--dcs-action-tint);color:var(--dcs-ink);text-decoration:none;transition:border-color .15s ease}
html.dcs .dcx-an-devis:hover,html.dcs .dcx-an-devis:focus{border-color:var(--dcs-action);color:var(--dcs-ink)}
html.dcs .dcx-an-devis__ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--dcs-r-pill);background:var(--dcs-bg);color:var(--dcs-on-tint)}
html.dcs .dcx-an-devis__txt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
html.dcs .dcx-an-devis__titre{font-size:var(--dcs-fs-16);font-weight:600;line-height:1.35;color:var(--dcs-ink)}
html.dcs .dcx-an-devis__sous{font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2);text-wrap:pretty}
html.dcs .dcx-an-devis__btn{flex-shrink:0}
html.dcs .dcx-an-devis:hover .dcx-an-devis__btn{background:var(--dcs-bg-alt)}

/* ---------- 6. aucun résultat (affiché par le script de l'annuaire : il retire le style en ligne) ---------- */
html.dcs .dcx-an-vide{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;border:1px dashed var(--dcs-field);border-radius:var(--dcs-r-md);background:var(--dcs-bg);text-align:center}
html.dcs .dcx-an-vide > p{max-width:60ch;color:var(--dcs-ink-2);text-wrap:balance}
html.dcs .dcx-an-vide > .dcx-h4{color:var(--dcs-ink)}
html.dcs .dcx-an-vide > .dcx-legende{max-width:none;margin-top:8px;color:var(--dcs-ink-3)}
html.dcs .dcx-an-vide .dcx-lien{white-space:nowrap}

/* ---------- 7. règles de l'annuaire (règle d'entrée, conseil, ordre des résultats) ---------- */
html.dcs .dcx-an-regles{padding:0 4px}
html.dcs .dcx-an-regles__titre{margin:0 0 10px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;letter-spacing:0;color:var(--dcs-ink)}
html.dcs .dcx-an-regles__liste{display:flex;flex-direction:column;gap:10px}
html.dcs .dcx-an-regles__liste > li{display:flex;align-items:flex-start;gap:8px;font-size:var(--dcs-fs-13);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs .dcx-an-regles__liste .dcx-ico{margin-top:2px;color:var(--dcs-ink-3)}

/* ---------- 8. parcourir par service, par région ---------- */
html.dcs .dcx-an-bloc + .dcx-an-bloc{margin-top:56px}
html.dcs .dcx-an-bloc__tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
html.dcs a.dcx-an-svc{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
html.dcs .dcx-an-svc__ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:8px;border-radius:var(--dcs-r-sm);background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs .dcx-an-svc__desc{font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs .dcx-an-svc__lien{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:var(--dcs-fs-14);font-weight:600;line-height:1.3;color:var(--dcs-link)}
html.dcs a.dcx-an-svc:hover .dcx-an-svc__lien,html.dcs a.dcx-an-svc:focus .dcx-an-svc__lien{color:var(--dcs-on-tint);text-decoration:underline;text-underline-offset:3px}

/* ---------- 9. pages métier / région ---------- */
/* réponse directe (ouvre « En bref ») : l'emphase reste légère */
html.dcs .dcx-tx-reponse{color:var(--dcs-ink)}
html.dcs .dcx-tx-reponse strong{font-weight:500}
/* page sans opérateur : le visiteur à gauche, le tunnel « place disponible » des pilotes à droite */
html.dcs .dcx-tx-vide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
html.dcs .dcx-tx-vide__visiteur,html.dcs .dcx-tx-place{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px}
html.dcs .dcx-tx-vide__liens{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-top:auto;padding-top:24px;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-tx-place{border-radius:var(--dcs-r-md)}
html.dcs .dcx-tx-place .dcx-doux{max-width:60ch}
html.dcs .dcx-tx-place .dcx-liste > li > .dcx-ico{color:var(--dcs-on-night-2)}
html.dcs .dcx-tx-place__q,html.dcs .dcx-tx-place__r{display:block}
html.dcs .dcx-tx-place__inclus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;width:100%}
html.dcs .dcx-tx-place__offre{font-weight:600;color:var(--dcs-on-night)}
/* contenu éditorial : titre dans la colonne de gauche, contenu dans celle des résultats */
html.dcs .dcx-tx-rang{display:grid;grid-template-columns:clamp(280px,23vw,320px) minmax(0,1fr);gap:16px 32px;align-items:start;padding:40px 0;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-tx-rang:first-child{padding-top:0;border-top:0}
html.dcs .dcx-tx-rang:last-child{padding-bottom:0}
html.dcs .dcx-tx-rang__sous{display:block;margin-top:8px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:400;line-height:1.45;letter-spacing:0;color:var(--dcs-ink-2)}
html.dcs .dcx-tx-rang .dcx-prose{color:var(--dcs-ink-2)}
/* tableau des livrables */
html.dcs .dcx-tx-table{overflow-x:auto;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs .dcx-tx-table table{width:100%;margin:0;border:0;border-collapse:collapse;border-spacing:0;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);line-height:1.45}
html.dcs .dcx-tx-table th,html.dcs .dcx-tx-table td{padding:14px 20px;border:0;border-top:1px solid var(--dcs-line);background:transparent;color:var(--dcs-ink-2);font-weight:400;text-align:left;vertical-align:top}
html.dcs .dcx-tx-table thead th{border-top:0;background:var(--dcs-bg-alt);font-size:var(--dcs-fs-14);font-weight:600}
html.dcs .dcx-tx-table tbody th{width:38%;font-weight:600;color:var(--dcs-ink)}
html.dcs .dcx-tx-table__note{margin-top:10px}
/* appel final */
html.dcs .dcx-tx-final .dcx-chapo{margin-top:12px;margin-bottom:24px}

/* ---------- ordinateur : le panneau est toujours ouvert, son bouton disparaît ---------- */
@media (min-width:960px){
  html.dcs .dcx-an-grille{grid-template-columns:clamp(280px,23vw,320px) minmax(0,1fr)}
  html.dcs .dcx-an-filtres--js > .dcx-an-filtres__bouton{display:none}
  html.dcs .dcx-an-filtres__voir{display:none}
  html.dcs .dcx-an-tri select.dcx-input{font-size:var(--dcs-fs-14);font-weight:500}
  /* pages métier / région : les puces-liens deviennent une liste verticale, plus lisible pour 14 régions */
  html.dcs .dcx-tx-facette{flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0 -10px}
  html.dcs .dcx-an-filtres .dcx-tx-facette .dcx-chip{justify-content:flex-start;min-height:34px;padding:6px 10px;border-color:transparent;border-radius:var(--dcs-r-sm);background:transparent;white-space:normal;text-align:left}
  html.dcs .dcx-an-filtres .dcx-tx-facette .dcx-chip:hover,html.dcs .dcx-an-filtres .dcx-tx-facette .dcx-chip:focus{border-color:transparent;background:var(--dcs-bg-alt)}
  html.dcs .dcx-an-filtres .dcx-tx-facette .dcx-chip[aria-current="page"]{border-color:transparent;background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
}

/* ---------- sous 960 px : une colonne. Le panneau replié, puis les résultats, puis les règles ---------- */
@media (max-width:959px){
  html.dcs .dcx-an-grille{gap:16px}
  /* la colonne latérale se défait : ses deux blocs deviennent des éléments de la grille, pour passer
     l'un avant les résultats (panneau replié), l'autre après (règles) */
  html.dcs .dcx-an-cote{display:contents}
  html.dcs .dcx-an-filtres{order:0}
  html.dcs .dcx-an-resultats{order:1}
  html.dcs .dcx-an-regles{order:2;margin-top:8px;padding:20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
  html.dcs .dcx-an-filtres__titre{display:none}
  html.dcs .dcx-an-barre__regles{display:inline}
  /* annuaire : « Filtres » et le tri sur une même ligne. Le tri (dans la barre de résultats) est posé en haut à
     droite de la grille ; le bouton du panneau lui laisse la place ; le corps du panneau s'ouvre en pleine largeur. */
  html.dcs .dcx-an-grille--tri{position:relative}
  html.dcs .dcx-an-grille--tri .dcx-an-filtres__bouton{width:calc(100% - 178px);gap:8px;padding:0 14px}
  html.dcs .dcx-an-grille--tri .dcx-an-filtres__nb:not([hidden]) + .dcx-ico--chevron-down{display:none}
  html.dcs .dcx-an-grille--tri .dcx-an-tri{position:absolute;top:0;right:0;width:170px}
  html.dcs .dcx-an-grille--tri .dcx-an-tri select.dcx-input{min-height:48px;padding-left:14px;border-color:var(--dcs-line);border-radius:var(--dcs-r-md);font-weight:600}
  html.dcs .dcx-an-grille--tri .dcx-an-tri select.dcx-input:hover{border-color:var(--dcs-field)}
  html.dcs .dcx-tx-vide{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-tx-rang{grid-template-columns:minmax(0,1fr);padding:32px 0}
}

@media (max-width:640px){
  html.dcs .dcx-an-tete{padding-top:20px;padding-bottom:24px}
  html.dcs .dcx-an-tete .dc-bc{margin-bottom:14px}
  html.dcs .dcx-an-tete .dcx-chapo{margin-top:10px;font-size:var(--dcs-fs-16)}
  html.dcs .dcx-an-recherche{margin-top:20px}
  html.dcs .dcx-an-corps{padding-top:20px;padding-bottom:48px}
  /* bandeau : le titre et une flèche (le libellé du bouton reste lu) */
  html.dcs .dcx-an-devis{gap:12px;padding:14px 16px}
  html.dcs .dcx-an-devis__ico,html.dcs .dcx-an-devis__sous{display:none}
  html.dcs .dcx-an-devis__titre{text-wrap:balance}
  html.dcs .dcx-an-devis__btn{min-height:0;padding:0;border:0;background:transparent;color:var(--dcs-on-tint)}
  html.dcs .dcx-an-devis:hover .dcx-an-devis__btn{background:transparent}
  html.dcs .dcx-an-devis__lib{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  html.dcs .dcx-an-devis__btn .dcx-ico{width:20px;height:20px}
  html.dcs .dcx-an-vide{padding:32px 20px}
  html.dcs .dcx-an-bloc + .dcx-an-bloc{margin-top:40px}
  html.dcs .dcx-an-bloc__tete{margin-bottom:16px}
  /* cartes de service : l'icône à gauche, le texte à droite (deux fois moins hautes) */
  html.dcs a.dcx-an-svc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:start}
  html.dcs .dcx-an-svc__ico{grid-row:1 / span 3;margin-bottom:0}
  html.dcs .dcx-an-svc > :not(.dcx-an-svc__ico){grid-column:2}
  html.dcs .dcx-an-svc__lien{padding-top:6px}
  html.dcs .dcx-tx-vide__visiteur,html.dcs .dcx-tx-place{padding:24px 20px}
  html.dcs .dcx-tx-place__inclus{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-tx-table th,html.dcs .dcx-tx-table td{padding:12px 14px}
  html.dcs .dcx-tx-table tbody th{width:42%}
}

/* ---- 42-fiche.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 42-fiche : fiche opérateur (SPEC-v4 §6.3).
   Balisage : dc-operators-tpl/v4/fiche.php. Classes « dcx-fiche… » uniquement.
   Page blanche, sections séparées par un filet, une seule carte en relief :
   le bloc de contact. Il suit le défilement sur un écran d'ordinateur assez
   haut (768 px) ; sinon il reste à sa place (en haut à droite, ou en fin de
   page sur mobile) et une barre de contact tient le bas de l'écran.
   ========================================================================== */

/* ---------- page : fil d'Ariane, puis deux colonnes ---------- */
html.dcs .dcx-fiche{padding:20px 0 80px;background:var(--dcs-bg)}
html.dcs .dcx-fiche__fil{margin-bottom:24px}
html.dcs .dcx-fiche__grille{display:grid;grid-template-columns:minmax(0,1fr) 392px;column-gap:64px;align-items:start}
html.dcs .dcx-fiche__principal{min-width:0}
html.dcs .dcx-fiche__cote{min-width:0}

/* ---------- en-tête de fiche : sur blanc, sans bandeau ---------- */
html.dcs .dcx-fiche__tete{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:start;padding-bottom:40px}
html.dcs .dcx-fiche__vignette{display:flex}
html.dcs .dcx-fiche__identite{min-width:0}
html.dcs .dcx-fiche__nom{overflow-wrap:anywhere}
html.dcs .dcx-fiche__structure{margin-top:8px;font-size:var(--dcs-fs-18);font-weight:500;line-height:1.4;color:var(--dcs-ink-2);overflow-wrap:anywhere}
html.dcs .dcx-fiche__meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;color:var(--dcs-ink-2)}
html.dcs .dcx-fiche__meta > li{display:flex;align-items:flex-start;gap:8px;min-width:0}
html.dcs .dcx-fiche__meta > li > span{min-width:0;overflow-wrap:anywhere}
html.dcs .dcx-fiche__meta .dcx-ico{margin-top:2px;color:var(--dcs-ink-3)}
html.dcs .dcx-fiche__meta a,html.dcs .dcx-fiche__meta a:visited{padding:3px 0;color:inherit;text-decoration:underline;text-decoration-color:var(--dcs-field);text-decoration-thickness:1px;text-underline-offset:3px}
html.dcs .dcx-fiche__meta a:hover,html.dcs .dcx-fiche__meta a:focus{color:var(--dcs-ink);text-decoration-color:currentColor}
html.dcs .dcx-fiche__statuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
html.dcs .dcx-fiche__declare{margin-top:8px}
html.dcs .dcx-fiche__liens{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:20px}
html.dcs .dcx-fiche__liens a,html.dcs .dcx-fiche__liens a:visited{display:inline-flex;align-items:center;gap:8px;min-height:32px;max-width:100%;color:var(--dcs-link);font-weight:600;text-decoration:none}
html.dcs .dcx-fiche__liens a > span:not(.dcx-sr){min-width:0;overflow-wrap:anywhere}
html.dcs .dcx-fiche__liens a:hover,html.dcs .dcx-fiche__liens a:focus{color:var(--dcs-on-tint)}
html.dcs .dcx-fiche__liens a:hover > span,html.dcs .dcx-fiche__liens a:focus > span{text-decoration:underline;text-underline-offset:3px}

/* ---------- sections de la colonne principale ---------- */
html.dcs .dcx-fiche__sec{padding:40px 0;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-fiche__sec > h2{margin-bottom:20px;font-size:var(--dcs-fs-22)}
html.dcs .dcx-fiche__sous{margin-top:20px}

/* l'essentiel : faits déclarés, icône + libellé + valeur */
html.dcs .dcx-fiche__faits{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 32px;margin-top:28px}
html.dcs .dcx-fiche__fait{display:flex;align-items:center;gap:14px;min-width:0}
html.dcs .dcx-fiche__fait-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--dcs-r-sm);background:var(--dcs-bg-alt);color:var(--dcs-ink-2)}
html.dcs .dcx-fiche__fait-txt{display:flex;flex-direction:column;min-width:0}
html.dcs .dcx-fiche__fait-lib{font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}
html.dcs .dcx-fiche__fait-val{font-weight:600;line-height:1.4;color:var(--dcs-ink);overflow-wrap:anywhere}

/* listes à puce ronde (prestations, matériel, formations) */
html.dcs .dcx-fiche__liste{display:flex;flex-direction:column;gap:8px}
html.dcs .dcx-fiche__liste > li{position:relative;padding-left:20px;line-height:var(--dcs-lh);overflow-wrap:anywhere}
html.dcs .dcx-fiche__liste > li::before{content:"";position:absolute;left:4px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--dcs-field)}
html.dcs .dcx-fiche__liste--colonnes{display:block;columns:2 280px;column-gap:32px;margin-bottom:-10px}
html.dcs .dcx-fiche__liste--colonnes > li{margin-bottom:10px;break-inside:avoid}

/* deux blocs côte à côte (drones / capteurs, formations / certifications) */
html.dcs .dcx-fiche__duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px 32px}
html.dcs .dcx-fiche__sec > p + .dcx-fiche__duo{margin-top:20px}
html.dcs .dcx-fiche__bloc{min-width:0}
html.dcs .dcx-fiche__bloc > h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;line-height:1.4;letter-spacing:0}
html.dcs .dcx-fiche__bloc > h3 .dcx-ico{color:var(--dcs-ink-3)}

/* zones */
html.dcs .dcx-fiche__zones{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
html.dcs .dcx-fiche__zones .dcx-pill{max-width:100%;min-height:32px;padding:5px 14px;font-size:var(--dcs-fs-14);font-weight:500;white-space:normal}

/* assurance et conformité */
html.dcs .dcx-fiche__decl{max-width:68ch;gap:14px}
html.dcs .dcx-fiche__decl > li{line-height:var(--dcs-lh)}
html.dcs .dcx-fiche__decl > li > .dcx-ico{margin-top:2px}
html.dcs .dcx-fiche__attest{display:flex;align-items:flex-start;gap:10px;max-width:68ch;margin-top:20px;color:var(--dcs-ink)}
html.dcs .dcx-fiche__attest .dcx-ico{margin-top:1px;color:var(--dcs-ink-2)}

/* réalisations : vraies photos (4:3) et vidéo de l'opérateur */
html.dcs .dcx-fiche__galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html.dcs .dcx-fiche__galerie--1{grid-template-columns:minmax(0,1fr);max-width:560px}
html.dcs .dcx-fiche__galerie--2{grid-template-columns:repeat(2,minmax(0,1fr))}
html.dcs .dcx-fiche__photo{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--dcs-r-md);background:var(--dcs-bg-alt)}
html.dcs .dcx-fiche__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .2s ease}
html.dcs .dcx-fiche__photo:hover img,html.dcs .dcx-fiche__photo:focus img{transform:scale(1.03)}
html.dcs .dcx-fiche__video{position:relative;aspect-ratio:16 / 9;margin-bottom:12px;overflow:hidden;border-radius:var(--dcs-r-md);background:var(--dcs-night)}
html.dcs .dcx-fiche__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* ---------- avis ---------- */
html.dcs .dcx-fiche__moyenne{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
html.dcs .dcx-fiche__moyenne-n{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-28);font-weight:700;line-height:1}
html.dcs .dcx-fiche__etoiles{display:inline-flex;align-items:center;gap:2px}
html.dcs .dcx-fiche__etoile{color:var(--dcs-field)}
html.dcs .dcx-fiche__etoile--on{color:var(--dcs-ink);fill:currentColor}
html.dcs .dcx-fiche__avis{display:flex;flex-direction:column;margin:20px 0 12px}
html.dcs .dcx-fiche__avis-regle{margin-bottom:20px}
html.dcs .dcx-fiche__avis-item{padding:20px 0;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-fiche__avis-item:last-child{border-bottom:1px solid var(--dcs-line)}
html.dcs .dcx-fiche__avis-tete{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
html.dcs .dcx-fiche__avis-txt{max-width:68ch;margin-top:8px}
html.dcs .dcx-fiche__avis-item > .dcx-legende{margin-top:8px}
html.dcs .dcx-fiche__avis-rep{max-width:68ch;margin-top:12px;padding:12px 16px;border-radius:var(--dcs-r-sm);background:var(--dcs-bg-alt)}
html.dcs .dcx-fiche__avis-rep > p + p{margin-top:4px}
/* dépôt d'un avis : une ligne, le formulaire s'ouvre dessous */
html.dcs .dcx-fiche__deposer > summary{display:block;list-style:none;cursor:pointer;line-height:var(--dcs-lh)}
html.dcs .dcx-fiche__deposer > summary::-webkit-details-marker{display:none}
html.dcs .dcx-fiche__deposer-lien{color:var(--dcs-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
html.dcs .dcx-fiche__deposer-lien .dcx-ico{margin-left:4px;vertical-align:-.15em;transition:transform .15s ease}
html.dcs .dcx-fiche__deposer > summary:hover .dcx-fiche__deposer-lien{color:var(--dcs-on-tint);text-decoration-thickness:2px}
html.dcs .dcx-fiche__deposer[open] .dcx-fiche__deposer-lien .dcx-ico{transform:rotate(180deg)}
html.dcs .dcx-fiche__deposer-corps{max-width:640px;margin-top:20px;padding:24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs .dcx-fiche__deposer-corps > p{margin-bottom:20px}
html.dcs .dcx-fiche__sec > .dcx-fiche__retour{max-width:640px;margin-bottom:20px}
/* note de 1 à 5 : cases rondes, sans script */
html.dcs .dcx-fiche__notes{min-width:0;margin:0;padding:0;border:0}
html.dcs .dcx-fiche__notes > legend{padding:0}
html.dcs .dcx-fiche__notes-choix{display:flex;flex-wrap:wrap;gap:8px}
html.dcs .dcx-fiche__note{position:relative;display:inline-flex;margin:0;cursor:pointer}
html.dcs .dcx-fiche__note input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
html.dcs .dcx-fiche__note > span{display:inline-flex;align-items:center;gap:6px;min-height:var(--dcs-h-btn);padding:8px 16px;border:1px solid var(--dcs-field);border-radius:var(--dcs-r-pill);background:var(--dcs-bg);font-weight:600;line-height:1.2;color:var(--dcs-ink);transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html.dcs .dcx-fiche__note > span .dcx-ico{color:var(--dcs-ink-3)}
html.dcs .dcx-fiche__note:hover > span{border-color:var(--dcs-ink-2);background:var(--dcs-bg-alt)}
html.dcs .dcx-fiche__note input:checked + span{border-color:var(--dcs-action);background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs .dcx-fiche__note input:checked + span .dcx-ico{color:inherit;fill:currentColor}
html.dcs .dcx-fiche__note input:focus-visible + span{outline:2px solid var(--dcs-focus);outline-offset:2px}

/* ---------- formulaires de la fiche (contact, avis) : champs du socle, espacement propre ---------- */
html.dcs .dcx-fiche__form{display:flex;flex-direction:column;gap:14px}
html.dcs .dcx-fiche__form .dcx-champ{margin:0}
html.dcs .dcx-fiche__form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
html.dcs .dcx-fiche__date{max-width:260px}
html.dcs .dcx-fiche__robot{display:flex;align-items:center;gap:12px}
html.dcs .dcx-fiche__robot .dcx-label{margin:0}
html.dcs .dcx-fiche__calcul{white-space:nowrap}
html.dcs .dcx-fiche__robot .dcx-input{flex:0 0 72px;width:72px;padding-left:10px;padding-right:6px}
html.dcs .dcx-fiche__retour{display:flex;align-items:flex-start;gap:10px}
html.dcs .dcx-fiche__retour .dcx-ico{margin-top:1px}
html.dcs .dcx-fiche__retour strong{font-weight:600}

/* ---------- colonne droite : bloc de contact ---------- */
html.dcs .dcx-fiche__contact{display:flex;flex-direction:column;gap:16px}
html.dcs .dcx-fiche__contact-titre{font-size:var(--dcs-fs-22)}
html.dcs .dcx-fiche__contact-sous{margin-top:-10px;font-size:var(--dcs-fs-14);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
html.dcs .dcx-fiche__contact .dcx-num{font-size:var(--dcs-fs-16)}
html.dcs .dcx-fiche__ou{display:flex;align-items:center;gap:12px;font-size:var(--dcs-fs-13);line-height:1.2;color:var(--dcs-ink-3)}
html.dcs .dcx-fiche__ou::before,html.dcs .dcx-fiche__ou::after{content:"";flex:1 1 0;height:1px;background:var(--dcs-line)}
html.dcs .dcx-fiche__contact textarea.dcx-input{min-height:96px}
html.dcs .dcx-fiche__contact .dcx-fiche__robot{justify-content:space-between}
html.dcs .dcx-fiche__contact-note{text-align:center}
html.dcs .dcx-fiche__proprio{margin-top:12px;font-size:var(--dcs-fs-14);line-height:var(--dcs-lh);color:var(--dcs-ink-2);text-align:center}
html.dcs .dcx-fiche__proprio .dcx-lien{display:inline-block;padding:4px 0}

/* ---------- retour à l'annuaire ---------- */
html.dcs .dcx-fiche__retour-annuaire{padding-top:24px;border-top:1px solid var(--dcs-line)}

/* ---------- barre de contact ----------
   Affichée sur mobile, et sur un écran d'ordinateur trop bas pour garder le bloc de contact à l'écran (voir plus bas).
   Collée en bas de l'écran tant que la colonne principale défile ; elle s'arrête à la fin de cette colonne : elle ne
   recouvre donc jamais le formulaire, même sans script. Le script l'efface quand le bloc de contact est à l'écran. */
html.dcs .dcx-fiche__barre{position:sticky;bottom:0;z-index:50;display:none;align-items:center;gap:8px;border-top:1px solid var(--dcs-line);background:var(--dcs-bg);transition:opacity .15s ease,visibility .15s ease}
html.dcs .dcx-fiche__barre--off{opacity:0;visibility:hidden;pointer-events:none}
html.dcs .dcx-fiche__barre-num{display:none}

/* ---------- ordinateur, écran assez haut : le bloc de contact suit le défilement ---------- */
@media (min-width:960px) and (min-height:768px){
  html.dcs .dcx-fiche__cote{position:sticky;top:calc(var(--dcs-hd-h) + 16px)}
  /* filet de sécurité : le bloc ne dépasse jamais la hauteur de l'écran */
  html.dcs .dcx-fiche__contact{max-height:calc(100vh - var(--dcs-hd-h) - 72px);overflow-x:hidden;overflow-y:auto}
  /* retour d'erreur : le bloc se resserre, le bouton d'envoi reste à l'écran */
  html.dcs .dcx-fiche__contact--erreur .dcx-fiche__contact-sous,html.dcs .dcx-fiche__contact--erreur .dcx-fiche__contact-note,html.dcs .dcx-fiche__contact--erreur .dcx-fiche__ou{display:none}
}
@media (min-width:960px) and (min-height:768px) and (max-height:859px){
  html.dcs .dcx-fiche__contact{gap:12px;padding:20px}
  html.dcs .dcx-fiche__contact-sous{margin-top:-8px}
  html.dcs .dcx-fiche__contact-note{display:none}
  html.dcs .dcx-fiche__contact .dcx-fiche__form{gap:10px}
  html.dcs .dcx-fiche__contact textarea.dcx-input{min-height:80px}
  html.dcs .dcx-fiche__contact--erreur{gap:10px;padding:16px}
  html.dcs .dcx-fiche__contact--erreur textarea.dcx-input{min-height:56px}
}
/* ---------- ordinateur, écran bas : bloc de contact en haut de page, barre de contact en bas de la colonne ---------- */
@media (min-width:960px) and (max-height:767px){
  html.dcs .dcx-fiche__barre{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding:12px 0}
  html.dcs .dcx-fiche__barre::before{content:attr(aria-label);flex:1 1 auto;min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
  html.dcs .dcx-fiche__barre .dcx-btn{flex:0 0 auto}
  html.dcs .dcx-fiche__barre-mot{display:none}
  html.dcs .dcx-fiche__barre-num{display:inline}
  html.dcs body:has(.dcx-fiche__barre) > div[style*="z-index:99999"]{bottom:84px !important}
}
@media (min-width:960px) and (max-width:1179px){
  html.dcs .dcx-fiche__grille{grid-template-columns:minmax(0,1fr) 360px;column-gap:40px}
}

/* ---------- sous 960 px : une colonne, contact en fin de page, barre de contact en bas de l'écran ---------- */
@media (max-width:959px){
  html.dcs .dcx-fiche{padding-bottom:56px}
  html.dcs .dcx-fiche__grille{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-fiche__cote{max-width:560px;margin-top:8px}
  html.dcs .dcx-fiche__barre{display:flex;justify-content:center;margin:8px calc(-1 * var(--dcs-gutter)) 0;padding:12px var(--dcs-gutter) calc(12px + env(safe-area-inset-bottom,0px))}
  html.dcs .dcx-fiche__barre .dcx-btn{flex:1 1 0;min-width:0;max-width:320px;padding-left:12px;padding-right:12px}
  html.dcs .dcx-fiche__barre .dcx-btn--plein{flex-grow:1.5}
  /* Mode aperçu (dc-skin.php) : la pastille « Aperçu » se pose en bas à gauche ; on la remonte au-dessus de la barre. */
  html.dcs body:has(.dcx-fiche__barre) > div[style*="z-index:99999"]{bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important}
}
@media (max-width:640px){
  html.dcs .dcx-fiche{padding-top:16px}
  html.dcs .dcx-fiche__fil{margin-bottom:20px}
  html.dcs .dcx-fiche__tete{grid-template-columns:minmax(0,1fr);row-gap:16px;padding-bottom:32px}
  html.dcs .dcx-fiche__vignette .dcx-mono--lg,html.dcs .dcx-fiche__vignette .dcx-thumb--lg{width:72px;height:72px}
  html.dcs .dcx-fiche__vignette .dcx-mono--lg{font-size:24px}
  html.dcs .dcx-fiche__meta{flex-direction:column;gap:8px}
  html.dcs .dcx-fiche__sec{padding:32px 0}
  html.dcs .dcx-fiche__faits{gap:16px;margin-top:24px}
  html.dcs .dcx-fiche__galerie,html.dcs .dcx-fiche__galerie--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  html.dcs .dcx-fiche__galerie--1{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-fiche__form-2{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-fiche__deposer-corps{padding:20px}
  html.dcs .dcx-fiche__deposer-lien{white-space:normal}
  html.dcs .dcx-fiche__notes-choix{gap:6px}
  html.dcs .dcx-fiche__note > span{padding:8px 12px}
}
@media (max-width:379px){
  /* petits téléphones : la question anti-spam passe au-dessus de son champ, la barre se resserre */
  html.dcs .dcx-fiche__robot,html.dcs .dcx-fiche__contact .dcx-fiche__robot{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px}
  html.dcs .dcx-fiche__robot .dcx-input{flex:0 0 auto;width:96px}
  html.dcs .dcx-fiche__barre{padding-left:16px;padding-right:16px}
  html.dcs .dcx-fiche__barre .dcx-btn{padding-left:8px;padding-right:8px;font-size:var(--dcs-fs-14)}
  html.dcs .dcx-fiche__barre .dcx-btn--plein{flex-grow:1.7}
  html.dcs .dcx-fiche__barre .dcx-btn--plein .dcx-ico{display:none}
}

/* ---------- impression ---------- */
@media print{
  html.dcs .dcx-fiche__barre{display:none !important}
  html.dcs .dcx-fiche__cote{position:static}
  html.dcs .dcx-fiche__contact{max-height:none;overflow:visible}
}

/* ---- 43-rejoindre-espace.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 43-rejoindre-espace : écrans /rejoindre/ et /espace-operateur/
   Gabarits : dc-operators-tpl/v4/rejoindre.php et dc-operators-tpl/v4/espace.php.
   Blocs : dcx-rj-* (rejoindre), dcx-ep-* (espace pilote), dcx-re-* (communs aux deux écrans).
   Les classes dc- du formulaire à étapes (lues par dcops_js()) ne sont stylées qu'à l'intérieur
   de .dcx-re-form : rien ne change pour les autres formulaires du site.
   ========================================================================== */

/* ---------- commun : premier écran ---------- */
html.dcs .dcx-re-hero{padding-top:56px;padding-bottom:64px}
html.dcs .dcx-re-hero .dcx-chapo,
html.dcs .dcx-re-hero .dcx-legende{text-wrap:pretty}

/* message en tête de formulaire ou de page (erreur, confirmation, préremplissage) */
html.dcs .dcx-re-alerte{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px}
html.dcs .dcx-re-alerte > .dcx-ico{margin-top:1px}
html.dcs .dcx-re-alerte strong{font-weight:600}
html.dcs .dcx-re-insecable{white-space:nowrap} /* « Connectez-vous » ne se coupe pas au trait d'union */

/* confirmation plein écran (candidature envoyée) */
html.dcs .dcx-re-ok{display:flex;align-items:flex-start;gap:16px}
html.dcs .dcx-re-ok > .dcx-ico{margin-top:14px;color:var(--dcs-link)}
html.dcs .dcx-re-ok__txt > * + *{margin-top:16px}

/* ---------- commun : carte de formulaire ---------- */
html.dcs .dcx-re-form{padding:32px}
html.dcs .dcx-re-form form{margin:0}

/* Étapes : trois segments qui se remplissent. Le script pose la classe « on » sur l'étape en cours et les précédentes. */
html.dcs .dcx-re-form .dc-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin:0 0 28px;padding:0;list-style:none}
html.dcs .dcx-re-form .dc-step-item{position:relative;display:flex;align-items:baseline;gap:4px;min-width:0;margin:0;padding:12px 0 0;line-height:1.4}
html.dcs .dcx-re-form .dc-step-item::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;border-radius:var(--dcs-r-pill);background:var(--dcs-line)}
html.dcs .dcx-re-form .dc-step-item.on::before{background:var(--dcs-action)}
html.dcs .dcx-re-form .dc-step-item .dc-sdot{display:inline;flex-shrink:0;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--dcs-ink-3);font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:500}
html.dcs .dcx-re-form .dc-step-item .dc-sdot::after{content:"."}
html.dcs .dcx-re-form .dc-step-item .t{min-width:0;overflow:hidden;font-size:var(--dcs-fs-13);font-weight:500;color:var(--dcs-ink-3);text-overflow:ellipsis;white-space:nowrap}
html.dcs .dcx-re-form .dc-step-item.on .dc-sdot,
html.dcs .dcx-re-form .dc-step-item.on .t{background:transparent;color:var(--dcs-ink);font-weight:600}

/* contenu d'une étape */
html.dcs .dcx-re-etape__aide{margin:6px 0 20px;text-wrap:pretty}
html.dcs .dcx-re-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
html.dcs .dcx-re-facultatif{font-weight:400;color:var(--dcs-ink-3)}
html.dcs .dcx-re-cases{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}
html.dcs .dcx-re-cases .dcx-check strong{font-weight:600;color:var(--dcs-ink)}
html.dcs .dcx-re-rappel{margin:0}
html.dcs .dcx-re-securite .dcx-input{max-width:160px}

/* Précédent à gauche, action à droite. À l'étape 1, le script masque « Précédent » (style="visibility: hidden") :
   il sort alors du flux, et l'action garde sa place à droite (pleine largeur sur téléphone). */
html.dcs .dcx-re-form .dc-fnav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-re-form .dc-fnav > [data-prev]{margin-right:auto}
html.dcs .dcx-re-form .dc-fnav > [data-prev][style*="hidden"]{display:none}

/* ---------- commun : trois étapes numérotées ---------- */
html.dcs .dcx-re-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
html.dcs .dcx-re-etapes > li{display:flex;flex-direction:column;gap:16px;min-width:0}
html.dcs .dcx-re-etapes__n{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--dcs-r-pill);background:var(--dcs-neutral-bg);color:var(--dcs-ink);font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-16);font-weight:700;line-height:1}
html.dcs .dcx-re-etapes h3 + p{margin-top:6px;text-wrap:pretty}

/* ---------- commun : règles en deux colonnes (transparence du classement) ---------- */
html.dcs .dcx-re-regles{max-width:1040px;margin:0;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-re-regles > div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:8px 40px;padding:20px 0;border-bottom:1px solid var(--dcs-line)}
html.dcs .dcx-re-regles dt{margin:0;font-weight:600;color:var(--dcs-ink)}
html.dcs .dcx-re-regles dd{max-width:68ch;margin:0;color:var(--dcs-ink-2)}
html.dcs .dcx-re-regles dd > p{text-wrap:pretty}
html.dcs .dcx-re-regles dd > p + p{margin-top:8px}
html.dcs .dcx-re-regles__ref{margin-top:16px}

/* ==========================================================================
   /rejoindre/
   ========================================================================== */
html.dcs .dcx-rj-hero__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-rows:auto 1fr;grid-template-areas:"intro form" "inclus form";column-gap:64px;row-gap:32px;align-items:start}
html.dcs .dcx-rj-hero__intro{grid-area:intro;min-width:0}
html.dcs .dcx-rj-hero__form{grid-area:form;min-width:0}
html.dcs .dcx-rj-hero__inclus{grid-area:inclus;min-width:0}
html.dcs .dcx-rj-hero__intro > * + *{margin-top:16px}

/* l'offre unique : titre et prix à gauche, conditions à droite (dessous quand la place manque), réserve en pied */
html.dcs .dcx-rj-hero__intro > .dcx-rj-offre{margin-top:32px}
html.dcs .dcx-rj-offre{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;padding:20px 24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs .dcx-rj-offre__tete{flex:1 1 300px;min-width:0}
html.dcs .dcx-rj-offre__titre{font-size:var(--dcs-fs-28)}
html.dcs .dcx-rj-offre__prix{margin-top:4px;font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-ink)}
html.dcs .dcx-rj-offre__ttc{color:var(--dcs-ink-2)}
html.dcs .dcx-rj-offre__cond{display:flex;flex:0 1 auto;flex-direction:column;gap:6px}
html.dcs .dcx-rj-offre__cond > li{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--dcs-ink)}
html.dcs .dcx-rj-offre__cond .dcx-ico{color:var(--dcs-link)}
html.dcs .dcx-rj-offre__reserve{flex:1 1 100%;padding-top:14px;border-top:1px solid var(--dcs-line)}

/* ce qui est inclus : deux colonnes sous l'offre, une seule quand la colonne est étroite */
html.dcs .dcx-rj-inclus{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 32px;margin-top:16px}
html.dcs .dcx-rj-inclus > li > .dcx-ico{color:var(--dcs-link)}
html.dcs .dcx-rj-inclus__d{display:block;margin-top:2px;font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}

/* « Votre fiche existe déjà ? » : le lien ne se coupe pas au trait d'union */
html.dcs .dcx-rj-deja{margin-top:16px;text-align:center}
html.dcs .dcx-rj-deja a{display:inline-block}

/* ==========================================================================
   /espace-operateur/
   ========================================================================== */
html.dcs .dcx-ep-hero__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:32px 64px;align-items:center}
html.dcs .dcx-ep-hero__intro{min-width:0}
html.dcs .dcx-ep-hero__intro > * + *{margin-top:16px}
html.dcs .dcx-ep-hero__intro > .dcx-ep-hero__actions{margin-top:28px}
html.dcs .dcx-ep-hero__acces{max-width:62ch}

/* ce que contient l'espace : les cinq onglets */
html.dcs .dcx-ep-contenu{min-width:0;padding:28px 28px 14px}
html.dcs .dcx-ep-onglets{margin-top:10px}
html.dcs .dcx-ep-onglets > li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--dcs-line)}
html.dcs .dcx-ep-onglets > li:first-child{border-top:0}
html.dcs .dcx-ep-onglets__ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--dcs-r-sm);background:var(--dcs-neutral-bg);color:var(--dcs-ink)}
html.dcs .dcx-ep-onglets__t{display:block;font-weight:600;line-height:1.4;color:var(--dcs-ink)}
html.dcs .dcx-ep-onglets__d{display:block;font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}

/* champs verrouillés */
html.dcs .dcx-ep-verrou{display:flex;align-items:flex-start;gap:10px;margin-top:32px}
html.dcs .dcx-ep-verrou > .dcx-ico{margin-top:1px}

/* pas encore de fiche : l'offre en une ligne */
html.dcs .dcx-ep-offre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
html.dcs .dcx-ep-offre__txt{flex:1 1 480px;min-width:0}
html.dcs .dcx-ep-offre__txt > * + *{margin-top:6px}

/* écrire à l'équipe : formulaire replié */
html.dcs .dcx-ep-equipe > * + *{margin-top:16px}
html.dcs .dcx-ep-equipe > .dcx-ep-ecrire,
html.dcs .dcx-ep-equipe > .dcx-re-alerte{max-width:680px;margin:24px 0 0}
html.dcs .dcx-ep-ecrire > summary{list-style:none;user-select:none}
html.dcs .dcx-ep-ecrire > summary::-webkit-details-marker{display:none}
html.dcs .dcx-ep-ecrire > summary .dcx-ico{transition:transform .15s ease}
html.dcs .dcx-ep-ecrire[open] > summary .dcx-ico{transform:rotate(180deg)}
html.dcs .dcx-ep-form{margin:20px 0 0;padding:28px}
html.dcs .dcx-ep-form__pied{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
html.dcs .dcx-ep-form__pied > .dcx-legende{flex:1 1 240px}

/* ==========================================================================
   écrans étroits
   ========================================================================== */
/* 960 à 1099 px : deux colonnes plus serrées */
@media (max-width:1099px){
  html.dcs .dcx-rj-hero__grille{grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:40px}
  html.dcs .dcx-ep-hero__grille{grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:40px}
}
/* sous 960 px : une seule colonne de 640 px au plus, alignée à gauche comme les sections suivantes */
@media (max-width:959px){
  html.dcs .dcx-rj-hero__grille{grid-template-columns:minmax(0,640px);grid-template-rows:none;grid-template-areas:"intro" "form" "inclus";row-gap:28px}
  html.dcs .dcx-ep-hero__grille{grid-template-columns:minmax(0,640px)}
}
@media (max-width:860px){
  html.dcs .dcx-re-etapes{grid-template-columns:minmax(0,1fr);gap:24px}
  html.dcs .dcx-re-etapes > li{flex-direction:row}
  html.dcs .dcx-re-regles > div{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media (max-width:640px){
  html.dcs .dcx-re-hero{padding-top:32px;padding-bottom:40px}
  html.dcs .dcx-re-form{padding:20px}
  html.dcs .dcx-re-form .dc-stepper{margin-bottom:24px}
  /* l'action prend toute la place que « Précédent » laisse : plus facile à atteindre au pouce */
  html.dcs .dcx-re-form .dc-fnav > [data-next],
  html.dcs .dcx-re-form .dc-fnav > [data-send]{flex:1 1 auto}
  html.dcs .dcx-rj-hero__grille{row-gap:24px}
  html.dcs .dcx-rj-hero__intro > .dcx-rj-offre{margin-top:24px}
  html.dcs .dcx-rj-offre{gap:12px;padding:16px 20px}
  html.dcs .dcx-rj-offre__tete,html.dcs .dcx-rj-offre__cond{flex:1 1 100%}
  html.dcs .dcx-rj-inclus{grid-template-columns:minmax(0,1fr);gap:16px}
  html.dcs .dcx-ep-contenu{padding:20px 20px 8px}
  html.dcs .dcx-ep-form{padding:20px}
  html.dcs .dcx-ep-verrou{margin-top:24px}
}
@media (max-width:480px){
  html.dcs .dcx-re-duo{grid-template-columns:minmax(0,1fr)}
  html.dcs .dcx-ep-hero__actions{flex-direction:column;align-items:stretch}
  html.dcs .dcx-ep-offre > .dcx-btn,
  html.dcs .dcx-ep-ecrire > summary{width:100%}
  html.dcs .dcx-ep-form__pied > .dcx-btn{width:100%}
  /* trop étroit pour « 3. Validation » : le numéro reste lu, il n'est plus affiché */
  html.dcs .dcx-re-form .dc-step-item .dc-sdot{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}

/* ---- 50-ecrans-repeints.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 50-ecrans-repeints : les écrans NON reconstruits de
   l'annuaire, repeints par la feuille seule (SPEC-v4 §6.6) : devis, services
   (/metiers/), b2b, baromètre, guides, compte, connexion, lien expiré,
   modération, 404 et l'espace connecté (mon-espace, dc-operators-self.php).
   Aucun PHP : seules les classes « dc- » des anciens gabarits sont visées.

   Portée des sélecteurs
   - :where(#dc-main)           = le moteur annuaire (14 classes « dc- » portent le
                                  même nom dans le thème), sans peser sur la spécificité ;
   - :where(#dc-main .dc-wrap)  = l'ancien balisage seulement (les écrans v4 emploient
                                  .dcx-wrap) : sert aux règles sur style="…", a, li…
   Les écrans reconstruits ne portent aucune de ces classes, sauf le fil d'Ariane,
   les questions fréquentes et les étapes de formulaire, déjà repeints par le socle.
   ========================================================================== */

/* ---------- 0. police « dcx-vide » : un glyphe vide, de largeur nulle ----------
   Elle ne couvre que six caractères décoratifs des anciens gabarits (flèches, coche,
   cible, sablier, horloge). Mise en tête de font-family, elle les rend invisibles sans
   toucher au reste : si un gabarit est nettoyé plus tard, aucune lettre ne disparaît.
   360 octets, fabriquée par build/essais/ecrans-repeints/outils/police_vide.py. */
@font-face{font-family:"dcx-vide";font-style:normal;font-weight:100 900;font-display:block;src:url("data:font/woff2;base64,d09GMk9UVE8AAAFoAAkAAAAAAuQAAAEjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADUEGYACBNAE2AiQDBgQGBWMHIBs9AgAehXEzXUU+tje5imCO4Ps1dN/9C7EkVFFkEyEzUUDcVjgioaKKxtWxLttWEbgLgOL5tdzx74mf/uQpp/YUeGseSyIJBNSKMIHf0huWlMcxjIvfppCHiKhYXbk0cGFrdU1EVP1vydZdf9n4tEEWUVLT9KFGXPaaSq7X4qsScUeJnErm/JxGp3TeKYr0rKgjS/wA7rAJCS0lLK4Ss7kxqpXL5J13Ou91/+p93d9UFJijn44+HXyofTf45msAgGowCZTSeSeCoPMeCLp/gaD3NQj6m5QQf8aDCYHgfmfz7YU6f8pT+gKfW57IAiDJQLANh2EAd3lchtyIAKEcATJlyiWRVwj16uqeqdV+yvyk6v9WVy4NuLC1ujaxtnG2u3ScAAAA") format("woff2");unicode-range:U+2190,U+2192,U+23F3,U+25CE,U+2713,U+1F550}

/* ---------- 1. anciennes variables du moteur annuaire → jetons (A5 §5.5) ----------
   --green et --cta servent à la fois de fond (avec un texte clair écrit en dur) et de couleur
   de texte : ils pointent vers --dcs-link, lisible dans les deux cas et dans les deux palettes.
   Les boutons pleins reçoivent ensuite, par leur classe, le couple --dcs-action / --dcs-on-action.
   Le thème n'emploie aucun de ces noms : ses pages ne bougent pas. */
html.dcs{
  --paper:var(--dcs-bg);
  --band:var(--dcs-bg-alt);
  --card:var(--dcs-bg);
  --line:var(--dcs-line);
  --line2:var(--dcs-line);
  --line3:var(--dcs-line);
  --ink:var(--dcs-ink);
  --ink2:var(--dcs-ink-2);
  --ink3:var(--dcs-ink-2);
  --mut:var(--dcs-ink-3);
  --green:var(--dcs-link);
  --green-h:var(--dcs-on-tint);
  --green-lt:var(--dcs-on-night-2);
  --green-bg:var(--dcs-neutral-bg);
  --green-bd:var(--dcs-line);
  --cta:var(--dcs-link);
  --cta-h:var(--dcs-on-tint);
  --dark:var(--dcs-night);
  --dark2:var(--dcs-night);
  --dark-bd:var(--dcs-night-line);
  --cream-ink:var(--dcs-on-night);
  --amber:var(--dcs-on-night-2);
  --mono:var(--dcs-font);
  --disp:var(--dcs-font-titre);
  /* icônes au trait du socle (mêmes tracés que dcops_icon), en masque : la couleur vient de la règle */
  --dcx-ico-coche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  --dcx-ico-fleche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  --dcx-ico-croix:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  --dcx-ico-horloge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
  --dcx-ico-coche-rond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}

/* ---------- 2. base des anciens écrans ---------- */
/* conteneurs : les largeurs de .dcx-wrap--moyen et --etroit */
html.dcs :where(#dc-main) .dc-wrap--t,
html.dcs :where(#dc-main) .dc-wrap--n{max-width:calc(1080px + 2 * var(--dcs-gutter))}
html.dcs :where(#dc-main) .dc-wrap--r{max-width:calc(820px + 2 * var(--dcs-gutter))}
/* premier bloc : 40 px sous l'en-tête, partout */
html.dcs :where(#dc-main) > .dc-sec:first-child{padding-top:40px}
html.dcs :where(#dc-main) > section:first-child > .dc-wrap[style*="padding-top:34px"]{padding-top:40px !important}
html.dcs :where(#dc-main) .dc-sechead{margin-bottom:24px}
/* les marges du titre et du paragraphe fusionnent : 16 px en tout */
html.dcs :where(#dc-main .dc-wrap) h1 + p{margin-top:16px !important}
/* pas d'apparition animée des blocs au défilement */
html.dcs.dcm :where(#dc-main) [data-reveal]:not([class*="dcx-"]){opacity:1;transform:none;transition:none}

/* titres : Plus Jakarta Sans, bas de casse. Les tailles écrites en style="" (clamp) cèdent à l'échelle. */
html.dcs :where(#dc-main) :is(.dc-h1,.dc-h2,.dc-h3){font-family:var(--dcs-font-titre);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em;text-transform:none;text-wrap:balance}
html.dcs :where(#dc-main) h1:is(.dc-h1,.dc-h2){font-size:var(--dcs-fs-h1) !important;font-weight:800;letter-spacing:-.02em}
html.dcs :where(#dc-main) .dc-h1:not(h1),
html.dcs :where(#dc-main) .dc-h2:not(h1){font-size:var(--dcs-fs-h2) !important}
html.dcs :where(#dc-main) .dc-h2.dc-h2--s:not(h1){font-size:var(--dcs-fs-h3) !important}
html.dcs :where(#dc-main) .dc-h3{margin-bottom:8px;font-size:var(--dcs-fs-h3)}
html.dcs :where(#dc-main) .dc-lead{font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-ink-2);text-wrap:pretty}
/* sur-titres : plus de police de code ni de majuscules espacées ; une légende neutre */
html.dcs :where(#dc-main) .dc-eyebrow{gap:8px;margin-bottom:12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--dcs-ink-3)}
html.dcs :where(#dc-main) .dc-eyebrow--dash::before{content:none}
/* un sur-titre placé juste sous le fil d'Ariane le répète : masqué, le titre garde 16 px d'air */
html.dcs :where(#dc-main) .dc-bc + .dc-eyebrow{display:none}
html.dcs :where(#dc-main) .dc-bc + .dc-eyebrow + :is(h1,h2){margin-top:16px}
html.dcs :where(#dc-main) .dc-mono{font-family:"dcx-vide",var(--dcs-font);letter-spacing:0}

/* tailles écrites en style="" : ramenées à l'échelle 13 · 14 · 16 · 18 · 22 · 28 (13 px au minimum) */
html.dcs :where(#dc-main .dc-wrap) :is([style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"],[style*="font-size:12px"],[style*="font-size:12.5px"]){font-size:var(--dcs-fs-13) !important}
html.dcs :where(#dc-main .dc-wrap) :is([style*="font-size:13.5px"],[style*="font-size:14.5px"]){font-size:var(--dcs-fs-14) !important}
html.dcs :where(#dc-main .dc-wrap) :is([style*="font-size:15px"],[style*="font-size:15.5px"]){font-size:var(--dcs-fs-16) !important}
html.dcs :where(#dc-main .dc-wrap) [style*="font-size:17px"]{font-size:var(--dcs-fs-18) !important}
html.dcs :where(#dc-main .dc-wrap) [style*="font-size:20px"]{font-size:var(--dcs-fs-22) !important}
html.dcs :where(#dc-main .dc-wrap) [style*="font-size:30px"]{font-size:var(--dcs-fs-28) !important}
html.dcs :where(#dc-main .dc-wrap) [style*="text-transform:uppercase"]{letter-spacing:0 !important;text-transform:none !important}
/* texte crème écrit en dur (pensé pour un fond sombre) */
html.dcs :where(#dc-main .dc-wrap) [style*="rgba(237,231,219"]{color:var(--dcs-ink-2) !important}
/* accent écrit en dur sur un texte qui n'est pas un lien : encre (la couleur de lien ferait croire à un lien) */
html.dcs :where(#dc-main .dc-wrap) :not(a)[style*="color:var(--green)"]{color:var(--dcs-ink) !important}
html.dcs :where(#dc-main .dc-wrap) .dc-mono:not(a)[style*="color:var(--green)"]{color:var(--dcs-ink-2) !important;font-weight:600}
/* fond et filets beiges écrits en dur (bande « par région » de /metiers/) */
html.dcs :where(#dc-main) [style*="background:#F3F0E8"]{border-color:var(--dcs-line) !important;background:var(--dcs-bg-alt) !important}
html.dcs :where(#dc-main) [style*="background:#F3F0E8"] > .dc-wrap{max-width:calc(1080px + 2 * var(--dcs-gutter))}
html.dcs :where(#dc-main) [style*="background:#F3F0E8"] .dc-grid--4{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
/* petits rayons écrits en dur */
html.dcs :where(#dc-main .dc-wrap) :is([style*="border-radius:3px"],[style*="border-radius:4px"]){border-radius:var(--dcs-r-sm) !important}
html.dcs :where(#dc-main .dc-wrap) [style*="border-radius:6px"]{border-radius:var(--dcs-r-md) !important}

/* liens : visibles dans le texte */
html.dcs :where(#dc-main .dc-wrap) :is(p,li,label,td) > a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html.dcs :where(#dc-main .dc-wrap) :is(p,li,label,td) > a:not([class]):hover{color:var(--dcs-link)}
html.dcs :where(#dc-main) .dc-link,
html.dcs :where(#dc-main) .dc-link:visited{padding-bottom:0;border-bottom:0;color:var(--dcs-link);font-family:"dcx-vide",var(--dcs-font);font-size:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html.dcs :where(#dc-main) .dc-link:hover,
html.dcs :where(#dc-main) .dc-link:focus{color:var(--dcs-on-tint);text-decoration-thickness:2px}

/* ---------- 3. boutons : plein (action), contour (encre) ; 44 px, 48 px pour le grand ---------- */
html.dcs :where(#dc-main) .dc-btn{gap:8px;min-height:var(--dcs-h-btn);padding:8px 18px;border:1px solid transparent;border-radius:var(--dcs-r-sm);background:transparent;box-shadow:none;color:var(--dcs-ink);font-family:"dcx-vide",var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.2;letter-spacing:0;text-align:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html.dcs :where(#dc-main) .dc-btn--cta,
html.dcs :where(#dc-main) .dc-btn--cta:visited{border-color:var(--dcs-action);background:var(--dcs-action);color:var(--dcs-on-action)}
html.dcs :where(#dc-main) .dc-btn--cta:hover,
html.dcs :where(#dc-main) .dc-btn--cta:focus{border-color:var(--dcs-action-h);background:var(--dcs-action-h);color:var(--dcs-on-action)}
html.dcs :where(#dc-main) :is(.dc-btn--ghost,.dc-btn--green,.dc-btn--ghostd,.dc-btn--join),
html.dcs :where(#dc-main) :is(.dc-btn--ghost,.dc-btn--green,.dc-btn--ghostd,.dc-btn--join):visited{padding:8px 18px;border-color:var(--dcs-ink);background:var(--dcs-bg);color:var(--dcs-ink);font-size:var(--dcs-fs-14);font-weight:600}
html.dcs :where(#dc-main) :is(.dc-btn--ghost,.dc-btn--green,.dc-btn--ghostd,.dc-btn--join):hover,
html.dcs :where(#dc-main) :is(.dc-btn--ghost,.dc-btn--green,.dc-btn--ghostd,.dc-btn--join):focus{border-color:var(--dcs-ink);background:var(--dcs-bg-alt);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-btn.dc-btn--big{min-height:var(--dcs-h-btn-lg);padding:10px 24px;font-size:var(--dcs-fs-16)}
html.dcs :where(#dc-main) .dc-btn--full{width:100%}
/* « Confirmer la mission → publier » : la flèche porte le sens, elle reste */
html.dcs :where(#dc-main) .dc-btn[name="dcsv_confirm"]{font-family:var(--dcs-font)}

/* ---------- 4. anciens bandeaux sombres ---------- */
/* en-têtes de page et bandeau final : fond blanc, texte encre, plus de grille ni de halo */
html.dcs :where(#dc-main) .dc-dark{--cream-ink:var(--dcs-ink);--green-lt:var(--dcs-ink-2);--dark-bd:var(--dcs-line);border-bottom:1px solid var(--dcs-line);background-color:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs :where(#dc-main) :is(.dc-dark--grid,.dc-dark--hero,.dc-dark--glowb){background-image:none}
html.dcs :where(#dc-main) > .dc-dark > .dc-wrap[style*="padding-top"]{padding-top:40px !important;padding-bottom:40px !important}
html.dcs :where(#dc-main) > .dc-dark[style*="padding:36px 0 40px"]{padding:40px 0 !important}
html.dcs :where(#dc-main) > .dc-dark:first-child .dc-eyebrow{display:none}
/* ligne « région · ville » de l'espace connecté : la cible masquée laisse son espace */
html.dcs :where(#dc-main) .dc-dark .dc-mono{text-indent:-.28em}
html.dcs :where(#dc-main) .dc-dark .dc-bc--dark{color:var(--dcs-ink-3)}
html.dcs :where(#dc-main) .dc-dark .dc-bc--dark a{color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-dark .dc-bc--dark a:hover{color:var(--dcs-ink)}
/* héros à photo (b2b) : le voile et la photo sont écrits en style="". La section ne les peint plus ;
   à partir de 1024 px un bloc à droite reprend la même image (background-image:inherit), sans le voile. */
html.dcs :where(#dc-main) .dc-dark--photo{background-size:0 0 !important;background-repeat:no-repeat !important}
/* ligne de faits du héros b2b : une phrase continue, et non quatre blocs. Les séparateurs « · » restent
   collés au mot qui les précède (aucun espace entre les <span>) : à la coupure, ils finissent la ligne au
   lieu de l'ouvrir. Le retrait négatif rattrape l'espace laissé par la cible masquée. */
html.dcs :where(#dc-main) .dc-dark [style*="gap:10px 22px"]{display:block !important;font-family:"dcx-vide",var(--dcs-font);font-size:var(--dcs-fs-14) !important;line-height:1.6;color:var(--dcs-ink-3) !important;text-indent:-.28em}
html.dcs :where(#dc-main) .dc-dark [style*="gap:10px 22px"] > span + span{margin-left:.3em}
/* chiffres d'en-tête (baromètre) */
html.dcs :where(#dc-main) .dc-stats{gap:20px 32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--dcs-line)}
html.dcs :where(#dc-main) .dc-stat b{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-28);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--dcs-ink);font-variant-numeric:tabular-nums}
html.dcs :where(#dc-main) .dc-stat span{margin-top:6px;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-stat b span{margin:0;font-size:var(--dcs-fs-18) !important;font-weight:600;color:var(--dcs-ink-3) !important}
/* bandeau final (/metiers/) : clair, deux boutons */
html.dcs :where(#dc-main) .dc-final{padding:64px 0}
html.dcs :where(#dc-main) .dc-final .dc-eyebrow{display:none}
html.dcs :where(#dc-main) .dc-final p{max-width:60ch;margin:16px auto 28px;font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-final__btns{gap:12px}
/* carte d'appel : le seul bloc nuit de l'écran. Bouton principal blanc, texte encre. */
html.dcs :where(#dc-main) .dc-darkcard{padding:40px;border-radius:var(--dcs-r-md);background:var(--dcs-night);color:var(--dcs-on-night)}
html.dcs :where(#dc-main) .dc-wrap[style="padding-top:20px"] > .dc-darkcard{margin-bottom:52px}
html.dcs :where(#dc-main) .dc-darkcard [style*="rgba(237,231,219"]{color:var(--dcs-on-night-2) !important}
html.dcs :where(#dc-main) .dc-darkcard :focus-visible{outline-color:var(--dcs-on-night)}
html.dcs :where(#dc-main) .dc-darkcard .dc-btn--cta,
html.dcs :where(#dc-main) .dc-darkcard .dc-btn--cta:visited{border-color:var(--dcs-on-night);background:var(--dcs-on-night);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-darkcard .dc-btn--cta:hover,
html.dcs :where(#dc-main) .dc-darkcard .dc-btn--cta:focus{border-color:var(--dcs-on-night-2);background:var(--dcs-on-night-2);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-darkcard :is(.dc-btn--ghostd,.dc-btn--ghost),
html.dcs :where(#dc-main) .dc-darkcard :is(.dc-btn--ghostd,.dc-btn--ghost):visited{border-color:var(--dcs-on-night);background:transparent;color:var(--dcs-on-night)}
html.dcs :where(#dc-main) .dc-darkcard :is(.dc-btn--ghostd,.dc-btn--ghost):hover,
html.dcs :where(#dc-main) .dc-darkcard :is(.dc-btn--ghostd,.dc-btn--ghost):focus{border-color:var(--dcs-on-night);background:var(--dcs-night-line);color:var(--dcs-on-night)}

/* ---------- 5. blocs de contenu ---------- */
/* réponse directe : un encadré clair, sans filet coloré ni repère de coin */
html.dcs :where(#dc-main) .dc-answer{padding:24px 28px;border:0;border-radius:var(--dcs-r-md);background:var(--dcs-bg-alt)}
html.dcs :where(#dc-main) .dc-answer__crop{display:none}
html.dcs :where(#dc-main) .dc-answer .dc-eyebrow{margin-bottom:8px;font-size:var(--dcs-fs-13)}
html.dcs :where(#dc-main) .dc-answer__p{max-width:78ch;font-size:var(--dcs-fs-18);line-height:var(--dcs-lh);color:var(--dcs-ink);text-wrap:pretty}
html.dcs :where(#dc-main) .dc-answer__p strong{font-weight:600}
html.dcs :where(#dc-main) .dc-answer__src{margin-top:12px;padding-top:0;border-top:0;font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}
/* cartes */
html.dcs :where(#dc-main) .dc-card{padding:24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-filters__lbl{margin-bottom:12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--dcs-ink)}
/* « Pourquoi c'est différent » */
html.dcs :where(#dc-main) .dc-why{gap:16px}
html.dcs :where(#dc-main) .dc-why > div{gap:12px}
html.dcs :where(#dc-main) .dc-why .t{margin-bottom:2px;font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-why .d{font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
/* /metiers/ : familles et services */
html.dcs :where(#dc-main) .dc-taxgroup{margin-bottom:40px}
html.dcs :where(#dc-main) .dc-taxgroup__h{gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--dcs-line)}
html.dcs :where(#dc-main) .dc-taxgroup__ico{display:none}
html.dcs :where(#dc-main) .dc-taxgroup__t{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-h3);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-taxgroup__c{font-size:var(--dcs-fs-13);letter-spacing:0;text-transform:none;color:var(--dcs-ink-3);white-space:nowrap}
html.dcs :where(#dc-main) .dc-taxgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
html.dcs :where(#dc-main) .dc-taxcard{padding:18px 20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);transition:border-color .15s ease,box-shadow .15s ease}
html.dcs :where(#dc-main) .dc-taxcard:hover,
html.dcs :where(#dc-main) .dc-taxcard:focus{border-color:var(--dcs-action);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-hover)}
html.dcs :where(#dc-main) .dc-taxcard__n{align-items:flex-start;gap:12px;margin-bottom:4px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;line-height:1.35;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-taxcard__d{display:block;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
/* /metiers/ : régions */
html.dcs :where(#dc-main) .dc-region{gap:10px;padding:14px 16px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-sm);background:var(--dcs-bg);transition:border-color .15s ease,box-shadow .15s ease}
html.dcs :where(#dc-main) .dc-region:hover,
html.dcs :where(#dc-main) .dc-region:focus{border-color:var(--dcs-action);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card)}
html.dcs :where(#dc-main) .dc-region b{font-size:var(--dcs-fs-14);font-weight:600;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-region .n{margin-left:auto;font-size:var(--dcs-fs-13);color:var(--dcs-ink-3);white-space:nowrap}
/* flèches « → » des cartes : remplacées par l'icône au trait */
html.dcs :where(#dc-main) :is(.dc-taxcard__n .go,.dc-region .a){display:block;flex-shrink:0;width:18px;height:18px;overflow:hidden;background:currentColor;color:var(--dcs-ink-3);font-size:0;-webkit-mask:var(--dcx-ico-fleche) center / contain no-repeat;mask:var(--dcx-ico-fleche) center / contain no-repeat;transition:color .15s ease}
html.dcs :where(#dc-main) .dc-taxcard__n .go{margin-top:2px}
html.dcs :where(#dc-main) .dc-taxcard:hover .go,
html.dcs :where(#dc-main) .dc-region:hover .a{color:var(--dcs-link)}
/* guides : plus de faux visuel ni d'étiquette « Guide pilier » ; les guides « à paraître » ne sont pas montrés */
html.dcs :where(#dc-main) .dc-gcard{max-width:440px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);transition:border-color .15s ease,box-shadow .15s ease}
html.dcs :where(#dc-main) a.dc-gcard:hover,
html.dcs :where(#dc-main) a.dc-gcard:focus{border-color:var(--dcs-action);box-shadow:var(--dcs-shadow-hover)}
html.dcs :where(#dc-main) .dc-gcard--soon{display:none}
html.dcs :where(#dc-main) .dc-gcard__img{display:none}
html.dcs :where(#dc-main) .dc-gcard__b{padding:20px 24px}
html.dcs :where(#dc-main) .dc-gcard__b h3{margin:0 0 12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-gcard__go{color:var(--dcs-link);font-family:"dcx-vide",var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600}
html.dcs :where(#dc-main) a.dc-gcard:hover .dc-gcard__go{text-decoration:underline;text-underline-offset:3px}
/* guide : sommaire, sections, critères, glossaire, liste à cocher */
html.dcs :where(#dc-main) .dc-toc__lbl{margin-bottom:12px;font-size:var(--dcs-fs-14);font-weight:600;letter-spacing:0;text-transform:none;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-toc__list{border-left:1px solid var(--dcs-line)}
html.dcs :where(#dc-main) .dc-toc__list a{margin-left:-1px;padding:6px 0 6px 14px;border-left:1px solid transparent;font-size:var(--dcs-fs-14);line-height:1.4;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-toc__list a:hover,
html.dcs :where(#dc-main) .dc-toc__list a:focus{border-left-color:var(--dcs-action);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-fsec{margin-bottom:40px}
html.dcs :where(#dc-main) .dc-fsec > h2{margin:0 0 16px;font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-h2);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-fsec > p.dc-note{margin:-8px 0 16px;font-size:var(--dcs-fs-13);color:var(--dcs-ink-3)}
html.dcs :where(#dc-main) #glossaire > p.dc-note{display:none}
html.dcs :where(#dc-main) .dc-crit{gap:16px;padding:20px 24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs :where(#dc-main) .dc-crit__n{padding-top:3px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;color:var(--dcs-ink-3);font-variant-numeric:tabular-nums}
html.dcs :where(#dc-main) .dc-crit h3{margin:0 0 4px;font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-crit p{font-size:var(--dcs-fs-16);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-gloss{padding:16px 20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs :where(#dc-main) .dc-gloss__t{margin-bottom:4px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-gloss__d{font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-leadmag{padding:24px 28px;border:0;border-radius:var(--dcs-r-md);background:var(--dcs-bg-alt)}
html.dcs :where(#dc-main) .dc-leadmag .dc-eyebrow{display:none}
html.dcs :where(#dc-main) .dc-conf-inc{gap:10px}
html.dcs :where(#dc-main) .dc-conf-inc div{gap:10px;font-size:var(--dcs-fs-16);line-height:1.45;color:var(--dcs-ink)}
/* tableaux */
html.dcs :where(#dc-main) .dc-tbl{border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs :where(#dc-main) .dc-tbl__h{background:var(--dcs-bg-alt);color:var(--dcs-ink-2);font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:600;letter-spacing:0;text-transform:none}
html.dcs :where(#dc-main) .dc-tbl__r{border-top:1px solid var(--dcs-line);background:var(--dcs-bg)}
html.dcs :where(#dc-main) .dc-tbl__h > div{padding:12px 20px}
html.dcs :where(#dc-main) .dc-tbl__r > div{padding:14px 20px;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-tbl__r > div:first-child{font-weight:600;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-tbl__r .dc-link{word-spacing:-.28em}
/* faits, méthode, état vide */
html.dcs :where(#dc-main) .dc-facts{padding:24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg)}
html.dcs :where(#dc-main) .dc-facts__k{font-size:var(--dcs-fs-13);color:var(--dcs-ink-3)}
html.dcs :where(#dc-main) .dc-facts__v{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-18);font-weight:700;color:var(--dcs-ink);font-variant-numeric:tabular-nums}
html.dcs :where(#dc-main) .dc-facts li{position:relative;padding-left:30px;font-family:"dcx-vide",var(--dcs-font);text-indent:-.28em}
html.dcs :where(#dc-main) .dc-facts li::before{content:"";position:absolute;top:1px;left:0;width:20px;height:20px;background:var(--dcs-ink-2);-webkit-mask:var(--dcx-ico-coche) center / contain no-repeat;mask:var(--dcx-ico-coche) center / contain no-repeat}
html.dcs :where(#dc-main) .dc-empty{padding:20px 24px;border:0;border-radius:var(--dcs-r-md);background:var(--dcs-bg-alt);font-size:var(--dcs-fs-14);line-height:1.5;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-empty b{margin-bottom:4px;font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;letter-spacing:0;text-transform:none;color:var(--dcs-ink)}
/* /b2b/ « Pour qui » : des étiquettes, pas des boutons. Fond neutre sans filet : rien ne suggère un clic. */
html.dcs :where(#dc-main .dc-wrap) span[style*="border-radius:100px"]{padding:6px 12px !important;border-color:transparent !important;background:var(--dcs-neutral-bg) !important;color:var(--dcs-neutral-ink) !important;font-size:var(--dcs-fs-14) !important;line-height:1.3}
/* /b2b/ : les trois comptes entreprise (offres destinées aux entreprises : affichées) */
html.dcs :where(#dc-main) .dc-plans{gap:24px;align-items:stretch}
html.dcs :where(#dc-main) .dc-plan{padding:28px 24px 24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card)}
html.dcs :where(#dc-main) .dc-plan__name{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-22);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-plan__tag{min-height:0;margin:4px 0 20px;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-3)}
/* prix : « 490 € /mois », le nombre d'abord */
html.dcs :where(#dc-main) .dc-plan__price{align-items:baseline;gap:6px;margin-bottom:4px;color:var(--dcs-ink);font-variant-numeric:tabular-nums}
html.dcs :where(#dc-main) .dc-plan__price b{order:1;font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-44);font-weight:800;line-height:1;letter-spacing:-.02em}
html.dcs :where(#dc-main) .dc-plan__price .cur{order:2;font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-22);font-weight:700}
html.dcs :where(#dc-main) .dc-plan__price .per{order:3;margin:0;font-size:var(--dcs-fs-14);color:var(--dcs-ink-3)}
html.dcs :where(#dc-main) .dc-plan__feats{gap:10px;margin:20px 0 24px;padding-top:20px;border-top:1px solid var(--dcs-line)}
html.dcs :where(#dc-main) .dc-plan__feats li,
html.dcs :where(#dc-main) .dc-plan__feats li.h{gap:10px;font-size:var(--dcs-fs-14);font-weight:400;line-height:1.45;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-plan__feats li::before,
html.dcs :where(#dc-main) .dc-plan__feats li.h::before{content:"";flex-shrink:0;width:20px;height:20px;background:var(--dcs-ink-2);-webkit-mask:var(--dcx-ico-coche) center / contain no-repeat;mask:var(--dcx-ico-coche) center / contain no-repeat}
/* un seul bouton plein par écran visible : les trois « Être recontacté » passent en contour */
html.dcs :where(#dc-main) .dc-plan .dc-btn--cta,
html.dcs :where(#dc-main) .dc-plan .dc-btn--cta:visited{border-color:var(--dcs-ink);background:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-plan .dc-btn--cta:hover,
html.dcs :where(#dc-main) .dc-plan .dc-btn--cta:focus{border-color:var(--dcs-ink);background:var(--dcs-bg-alt);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-pricenote{max-width:92ch;margin-top:20px;font-size:var(--dcs-fs-13);line-height:1.5;color:var(--dcs-ink-3)}

/* ---------- 6. formulaires ---------- */
html.dcs :where(#dc-main) .dc-formwrap{gap:32px;padding-top:32px;padding-bottom:64px}
html.dcs :where(#dc-main) .dc-wrap.dc-formwrap{padding-right:var(--dcs-gutter);padding-left:var(--dcs-gutter)}
html.dcs :where(#dc-main) .dc-form-card{padding:28px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-card)}
html.dcs :where(#dc-main) .dc-form-card .dc-h3 + .dc-lab{margin-top:16px}
html.dcs :where(#dc-main) .dc-lab{margin-bottom:16px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.4;color:var(--dcs-ink)}
/* champs : 16 px (pas de zoom sur iPhone), 48 px de haut, bordure lisible */
html.dcs :where(#dc-main) .dc-input{min-height:var(--dcs-h-btn-lg);margin-top:6px;padding:11px 14px;border:1px solid var(--dcs-field);border-radius:var(--dcs-r-sm);background:var(--dcs-bg);box-shadow:none;color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:400;line-height:1.4}
html.dcs :where(#dc-main) textarea.dc-input{min-height:120px}
html.dcs :where(#dc-main) select.dc-input{padding-right:10px;cursor:pointer}
html.dcs :where(#dc-main) .dc-input::placeholder{color:var(--dcs-ink-3);opacity:1}
html.dcs :where(#dc-main) .dc-input:hover{border-color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-input:focus,
html.dcs :where(#dc-main) .dc-input:focus-visible{border-color:var(--dcs-focus);outline:2px solid var(--dcs-focus);outline-offset:1px}
/* cases à cocher : en bloc (l'ancien display:flex coupait le texte en colonnes dès qu'il contenait un lien) */
html.dcs :where(#dc-main) .dc-check{position:relative;display:block;margin-bottom:16px;padding-left:28px;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
html.dcs :where(#dc-main) .dc-check input{position:absolute;top:1px;left:0;width:18px;height:18px;margin:0;accent-color:var(--dcs-action);cursor:pointer}
html.dcs :where(#dc-main) .dc-contactform__note{margin-top:12px;font-size:var(--dcs-fs-13);line-height:1.45;color:var(--dcs-ink-3)}
html.dcs :where(#dc-main .dc-wrap) div.dc-note{border-radius:var(--dcs-r-sm) !important}
/* étapes de /devis/ : quatre colonnes égales, le numéro au-dessus du libellé (plus de retour à la ligne) */
html.dcs :where(#dc-main) form[action$="/devis/"] .dc-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:8px;margin-bottom:16px}
html.dcs :where(#dc-main) form[action$="/devis/"] .dc-step-item{flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
html.dcs :where(#dc-main) form[action$="/devis/"] .dc-step-item .t{font-size:var(--dcs-fs-13);line-height:1.3}
html.dcs :where(#dc-main) form[action$="/devis/"] .dc-progress{margin-bottom:24px}
/* messages : confirmation (neutre : le vert est réservé au statut « pièces contrôlées ») et erreur */
html.dcs :where(#dc-main) .dc-ok{padding:16px 20px;border:0;border-radius:var(--dcs-r-md);background:var(--dcs-neutral-bg);color:var(--dcs-ink-2);font-family:"dcx-vide",var(--dcs-font);font-size:var(--dcs-fs-14);line-height:1.5}
html.dcs :where(#dc-main) .dc-ok b{margin-bottom:2px;color:var(--dcs-ink);font-size:var(--dcs-fs-16);font-weight:600}
html.dcs :where(#dc-main) .dc-ok p{color:var(--dcs-ink-2) !important}
/* message court : coche à gauche ; le titre et le texte tiennent sur deux rangées, sans ligne vide */
html.dcs :where(#dc-main) .dc-ok:not([style*="text-align:center"]){position:relative;display:flex;flex-wrap:wrap;padding-left:52px !important}
html.dcs :where(#dc-main) .dc-ok:not([style*="text-align:center"])::before{content:"";position:absolute;top:17px;left:20px;width:20px;height:20px;background:var(--dcs-ink);-webkit-mask:var(--dcx-ico-coche-rond) center / contain no-repeat;mask:var(--dcx-ico-coche-rond) center / contain no-repeat}
html.dcs :where(#dc-main) .dc-ok:not([style*="text-align:center"]) > :is(b,p){flex:1 1 100%}
html.dcs :where(#dc-main) .dc-ok:not(:has(*)){text-indent:-.28em}
html.dcs :where(#dc-main) .dc-ok[style*="text-align:center"]{padding:40px 24px !important}
html.dcs :where(#dc-main) .dc-ok[style*="text-align:center"] b{margin-bottom:8px;font-size:var(--dcs-fs-22) !important;font-weight:700}
html.dcs :where(#dc-main) .dc-err{margin-bottom:16px;padding:12px 16px;border-radius:var(--dcs-r-sm);background:var(--dcs-bg);box-shadow:inset 0 0 0 1px var(--dcs-error);color:var(--dcs-error);font-size:var(--dcs-fs-14);font-weight:500;line-height:1.5}
/* pastille ronde de confirmation : la coche « ✓ » devient l'icône au trait */
html.dcs :where(#dc-main .dc-wrap) [aria-hidden="true"][style*="border-radius:50%"]{position:relative;width:56px !important;height:56px !important;border:0 !important;background:var(--dcs-neutral-bg) !important;font-size:0 !important}
html.dcs :where(#dc-main .dc-wrap) .dc-ok [aria-hidden="true"][style*="border-radius:50%"]{background:var(--dcs-bg) !important}
html.dcs :where(#dc-main .dc-wrap) [aria-hidden="true"][style*="border-radius:50%"]::before{content:"";width:28px;height:28px;background:var(--dcs-ink);-webkit-mask:var(--dcx-ico-coche) center / contain no-repeat;mask:var(--dcx-ico-coche) center / contain no-repeat}
/* coches « ✓ » portées par un élément : remplacées par l'icône au trait */
html.dcs :where(#dc-main) :is(.dc-why b.ck,.dc-conf-inc .bx,.dc-conf__rows div b){display:block;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--dcs-ink-2);font-size:0;-webkit-mask:var(--dcx-ico-coche) center / contain no-repeat;mask:var(--dcx-ico-coche) center / contain no-repeat}

/* ---------- 7. espace connecté (mon-espace) et espace client (/compte/) ---------- */
/* en-tête : monogramme, nom, onglets */
html.dcs :where(#dc-main) .dc-av{border-radius:var(--dcs-r-sm);background:var(--dcs-action-tint);color:var(--dcs-on-tint);font-family:var(--dcs-font-titre);font-weight:700;letter-spacing:.01em}
html.dcs :where(#dc-main) .dc-edittabs{gap:4px;border-bottom-color:var(--dcs-line)}
html.dcs :where(#dc-main) .dc-edittabs a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:-1px;padding:10px 14px;border-bottom:2px solid transparent;font-size:var(--dcs-fs-14);font-weight:600;white-space:nowrap}
html.dcs :where(#dc-main) .dc-edittabs a:hover,
html.dcs :where(#dc-main) .dc-edittabs a:focus{color:var(--dcs-ink) !important}
html.dcs :where(#dc-main) .dc-edittabs a.on{border-bottom-color:var(--dcs-action)}
/* quatre chiffres clés sur une rangée */
html.dcs :where(#dc-main) .dc-grid--3[style="margin-bottom:18px"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px !important}
html.dcs :where(#dc-main) .dc-grid--3[style="margin-bottom:18px"] > .dc-card{padding:20px}
html.dcs :where(#dc-main) .dc-grid--3[style="margin-bottom:18px"] > .dc-card > div:first-child{line-height:1.15;font-variant-numeric:tabular-nums}
/* jauge de complétude : carte claire */
html.dcs :where(#dc-main) .dc-gauge{--cream-ink:var(--dcs-ink);--green-lt:var(--dcs-ink);margin-bottom:24px;padding:20px 24px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-gauge .dc-mono{font-size:var(--dcs-fs-16) !important;font-weight:600}
html.dcs :where(#dc-main) .dc-gauge__bar{height:8px;margin:12px 0;border-radius:var(--dcs-r-pill);background:var(--dcs-line)}
html.dcs :where(#dc-main) .dc-gauge__bar b{border-radius:var(--dcs-r-pill);background:var(--dcs-action)}
/* avis : étoiles en ambre */
html.dcs :where(#dc-main) .dc-card b > span[style*="color:var(--cta)"]{color:var(--dcs-amber-ink) !important;letter-spacing:.05em}
html.dcs :where(#dc-main) .dc-card[style*="border-left:3px solid var(--line2)"]{border-left:1px solid var(--dcs-line) !important}
html.dcs :where(#dc-main .dc-wrap) .dc-card div[style*="border-left:3px solid var(--green)"]{border-left:0 !important}
/* notes d'attente : encadré neutre, horloge à la place de l'émoji */
html.dcs :where(#dc-main) .dc-card:is([style*="border-left:3px solid var(--green)"],[style*="border-left:3px solid var(--cta)"]){border:0 !important;background:var(--dcs-neutral-bg);color:var(--dcs-ink-2);font-family:"dcx-vide",var(--dcs-font);font-size:var(--dcs-fs-14);line-height:1.5}
html.dcs :where(#dc-main) .dc-card:is([style*="border-left:3px solid var(--green)"],[style*="border-left:3px solid var(--cta)"]) b{color:var(--dcs-ink)}
html.dcs :where(#dc-main) .dc-card[style*="border-left:3px solid"][style*="padding:14px 18px"]{position:relative;padding:16px 20px 16px 52px !important;text-indent:-.28em}
html.dcs :where(#dc-main) .dc-card[style*="border-left:3px solid"][style*="padding:14px 18px"]::before{content:"";position:absolute;top:17px;left:20px;width:20px;height:20px;background:var(--dcs-ink);-webkit-mask:var(--dcx-ico-horloge) center / contain no-repeat;mask:var(--dcx-ico-horloge) center / contain no-repeat}
/* galerie : vignettes et bouton de suppression */
html.dcs :where(#dc-main) .dc-gtile{border:1px solid var(--dcs-line);border-radius:var(--dcs-r-sm);background:var(--dcs-bg-alt)}
html.dcs :where(#dc-main) .dc-gtile .dc-btn[name="dcsv_delphoto"]{width:36px;min-height:36px;height:36px;padding:0 !important;border:1px solid var(--dcs-line);background:var(--dcs-bg) !important;color:var(--dcs-ink) !important;font-size:0 !important}
html.dcs :where(#dc-main) .dc-gtile .dc-btn[name="dcsv_delphoto"]::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--dcx-ico-croix) center / contain no-repeat;mask:var(--dcx-ico-croix) center / contain no-repeat}
/* champs verrouillés */
html.dcs :where(#dc-main) .dc-conf__rows{gap:10px}
html.dcs :where(#dc-main) .dc-conf__rows div{gap:10px;font-size:var(--dcs-fs-14);line-height:1.45;color:var(--dcs-ink-2)}
/* /compte/ : tableau des demandes */
html.dcs :where(#dc-main .dc-wrap) table th{font-weight:600}
html.dcs :where(#dc-main .dc-wrap) code{font-family:var(--dcs-font);font-size:inherit}

/* ---------- 8. ancienne grille de formules pilotes (39 à 490 €) et ses options : masquées ----------
   L'offre est unique (SPEC §6.4). Dans l'espace connecté, onglet « Aperçu » :
   - carte « Votre formule » : la liste des formules, leurs liens de paiement, le bouton « Comparer » ;
     la carte entière disparaît, sauf pour un abonné qui a un portail de facturation (résiliation) ;
   - carte « Options de visibilité » : masquée, sauf la ligne d'une option déjà active.
   /b2b/ n'affiche que les comptes entreprise : rien n'y est masqué. */
html.dcs :where(#dc-main) a[href*="/espace-operateur/checkout/?plan="],
html.dcs :where(#dc-main) a[href*="/espace-operateur/checkout-option/"],
html.dcs :where(#dc-main) a.dc-btn[href$="/espace-operateur/#tarifs"]{display:none !important}
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 > .dc-card:nth-child(2) > div[style*="flex-direction:column"],
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 > .dc-card:nth-child(2) > div[style*="flex-direction:column"] + p{display:none !important}
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 > .dc-card:nth-child(2) > form{margin-left:0 !important}
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 + .dc-card{display:none !important}
/* navigateurs qui connaissent :has() : la carte « Votre formule » sans portail de facturation disparaît ;
   la carte des options revient pour la seule ligne d'une option active. */
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 > .dc-card:nth-child(2):not(:has(form[action*="/espace-operateur/portail/"])){display:none !important}
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 + .dc-card:has(span.dc-mono[style*="color:var(--green)"]){display:block !important}
html.dcs :where(#dc-main) .dc-gauge + .dc-grid--2 + .dc-card > div[style*="flex-direction:column"] > div:not(:has(span.dc-mono[style*="color:var(--green)"])){display:none !important}

/* ---------- 9. écrans étroits ---------- */
/* héros à photo : la photo à droite du texte, à partir de 1024 px */
@media (min-width:1024px){
  html.dcs :where(#dc-main) .dc-dark--photo::after{content:"";position:absolute;top:40px;right:calc(max(0px,(100% - 1080px - 2 * var(--dcs-gutter)) / 2) + var(--dcs-gutter));bottom:40px;width:clamp(300px,32vw,440px);border-radius:var(--dcs-r-md);background-image:inherit;background-position:0 0,center;background-repeat:no-repeat;background-size:0 0,cover}
  html.dcs :where(#dc-main) .dc-dark--photo > .dc-wrap > *{max-width:calc(100% - clamp(300px,32vw,440px) - 48px) !important}
}
@media (max-width:1023px){
  html.dcs :where(#dc-main) .dc-grid--3[style="margin-bottom:18px"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* sommaire du guide : une rangée de puces dès que la colonne latérale passe au-dessus du texte */
@media (max-width:960px){
  html.dcs :where(#dc-main) .dc-toc__list{flex-direction:row;flex-wrap:wrap;gap:8px;border-left:0}
  html.dcs :where(#dc-main) .dc-toc__list a{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:6px 14px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-pill)}
  html.dcs :where(#dc-main) .dc-toc__list a:hover,
  html.dcs :where(#dc-main) .dc-toc__list a:focus{border-color:var(--dcs-field)}
}
@media (max-width:640px){
  html.dcs :where(#dc-main) > .dc-sec:first-child,
  html.dcs :where(#dc-main) > section:first-child > .dc-wrap[style*="padding-top:34px"]{padding-top:28px !important}
  html.dcs :where(#dc-main) > .dc-dark > .dc-wrap[style*="padding-top"]{padding-top:28px !important;padding-bottom:32px !important}
  html.dcs :where(#dc-main) > .dc-dark[style*="padding:36px 0 40px"]{padding:28px 0 32px !important}
  html.dcs :where(#dc-main) .dc-final{padding:48px 0}
  html.dcs :where(#dc-main) .dc-final__btns .dc-btn{width:100%}
  html.dcs :where(#dc-main) .dc-darkcard{padding:32px 20px}
  html.dcs :where(#dc-main) .dc-darkcard .dc-btn{width:100%}
  html.dcs :where(#dc-main) .dc-answer{padding:20px}
  html.dcs :where(#dc-main) .dc-answer__p{font-size:var(--dcs-fs-16)}
  html.dcs :where(#dc-main) .dc-form-card{padding:20px}
  html.dcs :where(#dc-main) .dc-card{padding:20px}
  html.dcs :where(#dc-main) .dc-leadmag{padding:20px}
  html.dcs :where(#dc-main) .dc-formwrap{gap:24px;padding-top:24px;padding-bottom:48px}
  html.dcs :where(#dc-main) .dc-plan__price b{font-size:var(--dcs-fs-28)}
  html.dcs :where(#dc-main) .dc-taxgroup{margin-bottom:32px}
  /* étapes de /devis/ : les quatre libellés ne tiennent pas ; seul celui de l'étape en cours reste */
  html.dcs :where(#dc-main) form[action$="/devis/"] .dc-step-item .t{display:none}
  html.dcs :where(#dc-main) form[action$="/devis/"] .dc-step-item.on:not(:has(+ .dc-step-item.on)) .t{display:block;white-space:nowrap}
  /* tableaux empilés : une ligne = un bloc */
  html.dcs :where(#dc-main) .dc-tbl__h > div{padding:12px 16px}
  html.dcs :where(#dc-main) .dc-tbl__r{padding:12px 0}
  html.dcs :where(#dc-main) .dc-tbl__r > div{padding:2px 16px}
  /* tableaux à trois colonnes du baromètre (nom, nombre, lien) : nom et nombre à gauche, lien à droite */
  html.dcs :where(#dc-main) .dc-tbl--3 > .dc-tbl__r{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  html.dcs :where(#dc-main) .dc-tbl--3 > .dc-tbl__r > div:nth-child(2){grid-row:2;grid-column:1}
  html.dcs :where(#dc-main) .dc-tbl--3 > .dc-tbl__r > div:nth-child(3){grid-row:1 / span 2;grid-column:2;padding-left:0}
  /* onglets de l'espace connecté : une rangée qui défile, pas deux rangées */
  html.dcs :where(#dc-main) .dc-edittabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.dcs :where(#dc-main) .dc-edittabs::-webkit-scrollbar{display:none}
  html.dcs :where(#dc-main) .dc-edittabs a{flex-shrink:0}
}

/* ---- 60-theme.css ---- */
/* ==========================================================================
   DRONECORP — peau v4 · 60-theme : les pages du thème « droneconnect » (SPEC §6.7).
   Par la feuille seule : aucun gabarit n'est modifié.

   Portée : les pages du thème seulement — <main id="main-content">, les variables du thème
   (aucune n'est lue par l'annuaire) et ce que seul le thème émet hors de <main>
   (.skip-link, .dc-scroll-progress, #dc-cookie, #ast-scroll-top, #dc-toast-container).

   Méthode
   1. Les variables du thème pointent vers les jetons sans changer de sens : claire reste claire,
      sombre reste sombre (les gabarits s'en servent comme fond ET comme texte).
   2. Chaque bloc porte un CONTEXTE, clair ou nuit, par quelques variables locales « --dct-* »
      (toujours égales à un jeton --dcs-*). Le contexte le plus proche l'emporte : une carte posée
      dans une section, une pastille dans une carte, se règlent seules.
   3. Nuit : le bandeau du haut de page (photo ou titre) et rien d'autre — SPEC §2, « un bandeau
      sombre au plus ». Les anciennes sections sombres (.bg-noir, .bg-darker) passent en clair,
      comme les écrans repeints de l'annuaire. Pour y parvenir sans toucher aux gabarits, les
      couleurs de texte qu'ils écrivent en dur (style="color: var(--papier-80)"…) sont rebranchées
      sur le contexte (§6). Revenir à des sections « nuit » : retirer .bg-noir, .bg-darker et
      .bg-surface de la liste « clair » du §2, les ajouter à la liste « nuit », et leur rendre
      un fond var(--dcs-night) au §4 (build/essais/theme/outils/variante_nuit.py le fait et
      écrit la variante, auditée, dans build/essais/theme/variantes/).
   4. Sous 769 px le thème repassait les sections claires en sombre à coups de !important :
      c'est neutralisé (§5), le mobile a les mêmes fonds que l'ordinateur.
   ========================================================================== */

/* ---------- 1. variables du thème → jetons (valeurs fixes) ---------- */
html.dcs{
  --noir-encre:var(--dcs-night);
  --blanc-papier:var(--dcs-bg);
  --papier:var(--dcs-bg);
  --dc-relief:var(--dcs-link);
  --surface-dark:var(--dcs-night);
  --surface-darker:var(--dcs-night);
  --surface-line-dark:var(--dcs-night-line);
  --surface-line-light:var(--dcs-line);
  --noir-95:var(--dcs-night);
  --noir-80:var(--dcs-ink-2);
  --noir-60:var(--dcs-ink-3);
  --noir-40:var(--dcs-ink-3);
  --noir-20:var(--dcs-line);
  --noir-10:var(--dcs-line);
  --papier-95:var(--dcs-on-night-2);
  --papier-80:var(--dcs-on-night-2);
  --papier-60:var(--dcs-on-night-2);
  --papier-40:var(--dcs-on-night-2);
  --papier-20:var(--dcs-night-line);
  --papier-10:var(--dcs-night-line);
  --papier-05:var(--dcs-night-line);
  --rouge-90:var(--dcs-action-h);
  --rouge-30:var(--dcs-line);
  --rouge-20:var(--dcs-action-tint);
  --rouge-10:var(--dcs-action-tint);
  --relief-30:var(--dcs-action-tint);
  --relief-20:var(--dcs-action-tint);
  --relief-10:var(--dcs-action-tint);
  /* polices : deux familles, plus de police de code */
  --font-display:var(--dcs-font-titre);
  --font-body:var(--dcs-font);
  --font-mono:var(--dcs-font);
  /* tailles : ramenées à l'échelle 13, 14, 16, 18, 22, 28, 44 */
  --fs-11:var(--dcs-fs-13);--fs-12:var(--dcs-fs-13);--fs-13:var(--dcs-fs-13);--fs-14:var(--dcs-fs-14);
  --fs-15:var(--dcs-fs-16);--fs-16:var(--dcs-fs-16);--fs-17:var(--dcs-fs-16);--fs-18:var(--dcs-fs-18);
  --fs-20:var(--dcs-fs-18);--fs-22:var(--dcs-fs-22);--fs-24:var(--dcs-fs-22);--fs-28:var(--dcs-fs-28);
  --fs-32:var(--dcs-fs-28);--fs-40:var(--dcs-fs-28);--fs-48:var(--dcs-fs-44);--fs-64:var(--dcs-fs-44);
  --fs-72:var(--dcs-fs-44);--fs-80:var(--dcs-fs-44);--fs-96:var(--dcs-fs-44);--fs-128:var(--dcs-fs-44);
  /* mesures : mêmes marges que l'en-tête, sections de 64 px, trois rayons */
  --maxw:var(--dcs-wrap);
  --maxw-content:var(--dcs-wrap);
  --gutter:var(--dcs-gutter);
  --sp-9:64px;--sp-10:80px;--sp-11:96px;--sp-12:112px;
  --radius-sm:var(--dcs-r-sm);--radius-md:var(--dcs-r-md);--radius-lg:var(--dcs-r-md);--radius-xl:var(--dcs-r-md);--radius-2xl:var(--dcs-r-md);
  --shadow-sm:var(--dcs-shadow-card);--shadow-md:var(--dcs-shadow-card);--shadow-lg:var(--dcs-shadow-hover);
  /* thème parent (Astra) */
  --ast-global-color-0:var(--dcs-link);--ast-global-color-1:var(--dcs-on-tint);--ast-global-color-2:var(--dcs-ink);--ast-global-color-3:var(--dcs-ink-2);
  --ast-global-color-4:var(--dcs-bg);--ast-global-color-5:var(--dcs-bg-alt);--ast-global-color-6:var(--dcs-ink);--ast-global-color-7:var(--dcs-line);
}

/* ---------- 2. contextes ---------- */
/* clair : toutes les sections, les cartes claires, les blocs blancs écrits en dur */
html.dcs #main-content :is(.bg-papier,.bg-noir,.bg-darker,.bg-surface,.dc-carte-claire,.dc-region-carte,.dc-region-chip,.dc-trust,.dc-marquee,.dc-guide-papier,.dc-secteur-row,[style*="background: #F"],[style*="background: white"],[style*="background: var(--dc-relief)"],[style*="background: var(--dc-bg-soft"]),
html.dcs #dc-cookie{
  --rouge-signal:var(--dcs-link);
  --cuivre:var(--dcs-link);
  --rouge:var(--dcs-link);
  --gris-beton:var(--dcs-ink-3);
  --dct-titre:var(--dcs-ink);
  --dct-texte:var(--dcs-ink-2);
  --dct-doux:var(--dcs-ink-3);
  --dct-accent:var(--dcs-link);
  --dct-accent-h:var(--dcs-on-tint);
  --dct-filet:var(--dcs-line);
  --dct-carte:var(--dcs-bg);
  --dct-teinte:var(--dcs-bg-alt);
  --dct-btn-bg:var(--dcs-action);
  --dct-btn-bg-h:var(--dcs-action-h);
  --dct-btn-ink:var(--dcs-on-action);
  --dct-contour:var(--dcs-ink);
  --dct-contour-bg:var(--dcs-bg);
  --dct-contour-h:var(--dcs-bg-alt);
  --dct-plein-bg:var(--dcs-action-tint);
  --dct-plein-ink:var(--dcs-on-tint);
  --dct-icone:brightness(0);
}
/* sur fond alterné, ce qui était « teinté » devient blanc pour rester visible */
html.dcs #main-content :is(.bg-darker,.bg-surface,.dc-trust,.dc-marquee,[style*="background: var(--dc-relief)"],[style*="background: var(--dc-bg-soft"]){--dct-teinte:var(--dcs-bg)}
/* nuit : le bandeau du haut de page et les rares blocs sombres voulus (étiquette posée sur une photo) */
html.dcs,
html.dcs #main-content :is(.dc-hero,.dc-page-header,.dc-card-overlay,[style*="background: rgba(10,10,10"],[style*="background: var(--noir-encre)"],[style*="background:var(--noir-encre)"]),
html.dcs #main-content > section[style*="min-height"]{
  --rouge-signal:var(--dcs-on-night);
  --cuivre:var(--dcs-on-night);
  --rouge:var(--dcs-on-night);
  --gris-beton:var(--dcs-on-night-2);
  --dct-titre:var(--dcs-on-night);
  --dct-texte:var(--dcs-on-night-2);
  --dct-doux:var(--dcs-on-night-2);
  --dct-accent:var(--dcs-on-night);
  --dct-accent-h:var(--dcs-on-night-2);
  --dct-filet:var(--dcs-night-line);
  --dct-carte:transparent;
  --dct-teinte:var(--dcs-night-line);
  --dct-btn-bg:var(--dcs-on-night);
  --dct-btn-bg-h:var(--dcs-on-night-2);
  --dct-btn-ink:var(--dcs-ink);
  --dct-contour:var(--dcs-on-night);
  --dct-contour-bg:transparent;
  --dct-contour-h:var(--dcs-night-line);
  --dct-plein-bg:var(--dcs-night-line);
  --dct-plein-ink:var(--dcs-on-night);
  --dct-icone:brightness(0) invert(1);
}

/* ---------- 3. base : fond de page, texte, titres, liens ---------- */
/* Le thème veut un fond de page sombre (style.css) que le thème parent rendait blanc ; le texte par défaut étant blanc, le fond est nuit. */
html.dcs body.wp-child-theme-droneconnect{background-color:var(--dcs-night);font-feature-settings:normal}
@media print{
  html.dcs body.wp-child-theme-droneconnect{background-color:var(--dcs-bg)}
}
html.dcs #main-content{font-family:var(--dcs-font);font-size:var(--dcs-fs-16);line-height:var(--dcs-lh)}
html.dcs #main-content :is(h1,h2,h3,h4,h5,h6){font-family:var(--dcs-font-titre);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em;text-transform:none;color:var(--dct-titre) !important}
html.dcs #main-content h1{font-size:var(--dcs-fs-h1);font-weight:800;letter-spacing:-.02em}
html.dcs #main-content h2{font-size:var(--dcs-fs-h2)}
html.dcs #main-content h3{font-size:var(--dcs-fs-h3)}
html.dcs #main-content :is(h4,h5,h6){font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0}
html.dcs #main-content :is(h1,h2,h3,h4,h5,h6)[style*="color"]{color:var(--dct-titre) !important}
html.dcs #main-content :is(h1,h2)[style*="font-size: clamp"]{font-size:var(--dcs-fs-h1) !important}
/* chiffres clés : 28 px, couleur de titre ; leurs légendes gardent leur taille (le thème les grossissait toutes sur mobile) */
html.dcs #main-content div[style*="font-size: clamp("]{font-size:var(--dcs-fs-28) !important;color:var(--dct-titre) !important;font-variant-numeric:tabular-nums}
html.dcs #main-content .dc-card[style*="text-align: center"] div[style*="font-size"]{font-size:var(--dcs-fs-28) !important}
html.dcs #main-content .dc-card[style*="text-align: center"] div[style*="font-size: var(--fs-1"]{font-size:var(--dcs-fs-14) !important}
/* un titre, une couleur : plus de mot en couleur d'accent dans les titres */
html.dcs #main-content :is(h1,h2,h3,h4) :is(em,.text-rouge,[style*="color: var(--rouge-signal)"],[style*="color:var(--rouge-signal)"]){color:inherit !important;font-style:normal}
html.dcs #main-content :is(p.lead,.lead,.dc-lead){font-size:var(--dcs-fs-18);font-weight:400;line-height:var(--dcs-lh);color:var(--dct-texte)}
/* sur-titres : une ligne discrète en bas de casse, sans tiret ni majuscules espacées */
html.dcs #main-content :is(.eyebrow,.dc-eyebrow):not([hidden]){margin-bottom:12px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14) !important;font-weight:600 !important;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--dct-doux) !important}
html.dcs #main-content :is(.eyebrow,.dc-eyebrow)::before{content:none}
html.dcs #main-content .text-mono{letter-spacing:0}
html.dcs #main-content :is(a:hover,a:focus){color:var(--dct-accent-h)}
html.dcs #main-content :focus-visible{outline-color:var(--dct-accent)}
html.dcs #main-content blockquote{border-color:var(--dct-filet);color:inherit}
html.dcs #main-content .dc-divider{background:var(--dct-filet)}
/* majuscules espacées écrites dans les gabarits */
html.dcs #main-content [style*="text-transform"]{text-transform:none !important}
html.dcs #main-content [style*="letter-spacing"]{letter-spacing:0 !important}

/* ---------- 4. sections : fonds clairs, un filet entre deux sections de même fond ---------- */
html.dcs #main-content :is(.bg-papier,.bg-noir){background:var(--dcs-bg) !important;color:var(--dcs-ink) !important}
html.dcs #main-content :is(.bg-darker,.bg-surface){background:var(--dcs-bg-alt) !important;color:var(--dcs-ink) !important}
html.dcs #main-content > :is(.bg-papier,.bg-noir) + :is(.bg-papier,.bg-noir),
html.dcs #main-content > :is(.bg-darker,.bg-surface) + :is(.bg-darker,.bg-surface){border-top:1px solid var(--dcs-line)}
html.dcs #main-content .dc-page-header-inner{max-width:calc(var(--dcs-wrap) - 2 * var(--dcs-gutter))}
html.dcs #main-content :is(.dc-container,.dc-container-wide,.dc-container-narrow) :is(.dc-container,.dc-container-wide,.dc-container-narrow){padding-inline:0}
html.dcs #main-content .dc-container-narrow .dc-grid-3{grid-template-columns:minmax(0,1fr)}
@media (min-width:641px){
  html.dcs #main-content .dc-container-narrow .dc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html.dcs #main-content [style*="aspect-ratio"] > picture,html.dcs #main-content [style*="aspect-ratio"] > picture > img{display:block;width:100%;height:100%;object-fit:cover}
html.dcs #main-content div.dc-carte-claire:not([style*="padding"]){padding:20px 24px}
/* grilles : un contenu long (adresse web, mot sans coupure) ne peut plus élargir sa colonne au-delà de l'écran */
html.dcs #main-content .dc-grid > *{min-width:0}
html.dcs #main-content :is(h1,h2,h3,h4,p,li,dt,dd,td,th,figcaption,blockquote){overflow-wrap:break-word}
/* lignes « puce + texte » : la puce reste à gauche du texte, y compris sur mobile */
html.dcs #main-content li[style*="display: flex"]{flex-wrap:nowrap !important}
html.dcs #main-content li[style*="display: flex"] > :last-child{flex:1;min-width:0}

/* ---------- 5. mobile : fin de l'inversion des sections claires (style.css, @media max-width 768 px) ---------- */
@media (max-width:768px){
  /* le thème forçait ici du texte clair : chaque élément reprend la couleur de son parent, comme sur ordinateur */
  html.dcs #main-content .bg-papier :where(p,li,strong,b,span:not(.text-rouge):not(.eyebrow):not(.dc-eyebrow):not(.dc-badge)){color:inherit !important}
  html.dcs #main-content .bg-papier :where(p.lead,.lead,.dc-lead){color:var(--dct-texte) !important}
  /* grilles à deux colonnes écrites en ligne dans le contenu : une colonne sur mobile (elles restaient côte à côte et débordaient) */
  html.dcs #main-content .dc-grid[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
  /* titres : tailles de l'échelle (le thème les imposait) */
  html.dcs #main-content h1{font-size:var(--dcs-fs-h1) !important;line-height:var(--dcs-lh-titre)}
  html.dcs #main-content h2{font-size:var(--dcs-fs-h2) !important;line-height:var(--dcs-lh-titre)}
}

/* ---------- 6. couleurs écrites dans les gabarits : rebranchées sur le contexte ---------- */
/* (placé après le bloc mobile : à spécificité égale, ces règles l'emportent sur lui) */
html.dcs #main-content :is([style*="color: var(--blanc-papier)"],[style*="color:var(--blanc-papier)"],[style*="color: var(--papier)"],[style*="color:var(--papier)"],[style*="color: var(--noir-encre)"],[style*="color:var(--noir-encre)"],[style*="color: white"],[style*="color:white"],[style*="color: #fff"],[style*="color:#fff"],[style*="color: rgba(255,255,255"],[style*="color: #1A355C"],[style*="color:#1A355C"]),
html.dcs #main-content .text-noir,
html.dcs #main-content .text-papier{color:var(--dct-titre) !important}
html.dcs #main-content :is([style*="color: var(--papier-"],[style*="color:var(--papier-"],[style*="color: var(--noir-80)"],[style*="color:var(--noir-80)"],[style*="color: #3A4759"],[style*="color:#3A4759"]){color:var(--dct-texte) !important}
html.dcs #main-content :is([style*="color: var(--noir-60)"],[style*="color:var(--noir-60)"],[style*="color: var(--gris-beton)"],[style*="color: #6B7785"],[style*="color:#6B7785"]){color:var(--dct-doux) !important}
html.dcs #main-content :is([style*="color: var(--rouge-signal)"],[style*="color:var(--rouge-signal)"],[style*="color: var(--dc-relief)"],[style*="color:var(--dc-relief)"]){color:var(--dct-accent) !important}
/* une couleur, un rôle : l'accent reste aux liens ; ailleurs (chiffres, mots mis en avant) le texte prend la couleur de titre */
html.dcs #main-content :not(a):not(a *):is(.text-rouge,[style*="color: var(--rouge-signal)"],[style*="color:var(--rouge-signal)"],[style*="color: var(--dc-relief)"],[style*="color:var(--dc-relief)"]){color:var(--dct-titre) !important}
/* puces « flèche » et numéros décoratifs : neutres */
html.dcs #main-content span[aria-hidden="true"]:is(.text-rouge,[style*="color: var(--rouge-signal)"],[style*="color:var(--rouge-signal)"]){color:var(--dct-doux) !important}
/* filets et fonds */
html.dcs #main-content :is([style*="var(--surface-line-"],[style*="var(--noir-20)"],[style*="var(--noir-10)"],[style*="rgba(22,36,30"],[style*="#E1E7EE"],[style*="border-color: white"]){border-color:var(--dct-filet) !important}
html.dcs #main-content :is(table,th,td){border-color:var(--dct-filet)}
html.dcs #main-content table{background:var(--dct-carte)}
html.dcs #main-content :is([style*="background: var(--surface-dark"],[style*="background:var(--surface-dark"],[style*="linear-gradient(135deg, var(--surface-darker)"]){border:1px solid var(--dct-filet) !important;background:var(--dct-carte) !important}
html.dcs #main-content [style*="rgba(56,113,90"]{background:var(--dct-teinte) !important}
html.dcs #main-content :is(aside,div,p,li)[style*="#F7FAFC"]{background-color:var(--dcs-bg-alt) !important}
html.dcs #main-content [style*="background: rgba(10,10,10"]{background:var(--dcs-night) !important;color:var(--dcs-on-night)}
/* liserés d'accent : un filet de carte à la place */
html.dcs #main-content :is([style*="border-inline-start: 3px solid var(--"],[style*="border-inline-start:3px solid var(--"],[style*="border-inline-start: 4px solid var(--"],[style*="border-inline-start: 2px solid var(--"]){border-inline-start:1px solid var(--dct-filet) !important}
html.dcs #main-content :is([style*="border-block-start: 3px solid"],[style*="border-top: 3px solid"]){border-block-start:1px solid var(--dct-filet) !important}
html.dcs #main-content :is([style*="border-block-end: 3px solid var(--rouge-signal)"],[style*="border-block-end: 2px solid var(--rouge-signal)"]){border-block-end:1px solid var(--dct-filet) !important}
/* pastille à fond d'accent (numéros d'étape, étiquettes) : une pastille teintée ; la couleur d'action reste aux boutons */
html.dcs #main-content :is([style*="background: var(--rouge-signal)"],[style*="background:var(--rouge-signal)"],[style*="background: var(--rouge)"]){
  background:var(--dct-plein-bg) !important;
  color:var(--dct-plein-ink) !important;
  --dct-titre:var(--dct-plein-ink);
  --dct-texte:var(--dct-plein-ink);
  --dct-doux:var(--dct-plein-ink);
  --dct-accent:var(--dct-plein-ink);
}

/* ---------- 7. bandeau du haut de page : photo (héros) ou titre ---------- */
html.dcs #main-content .dc-hero{padding-block-start:var(--dcs-hd-h);background:var(--dcs-night);color:var(--dcs-on-night)}
html.dcs #main-content .dc-hero-bg::after{background:linear-gradient(90deg,color-mix(in srgb,var(--dcs-night) 88%,transparent) 0%,color-mix(in srgb,var(--dcs-night) 62%,transparent) 55%,color-mix(in srgb,var(--dcs-night) 20%,transparent) 100%),linear-gradient(180deg,transparent 55%,var(--dcs-night) 100%)}
html.dcs #main-content .dc-hero[style*="align-items: center"] .dc-hero-bg::after{background:color-mix(in srgb,var(--dcs-night) 74%,transparent)}
html.dcs #main-content .dc-hero h1{max-width:22ch;margin-bottom:16px}
html.dcs #main-content .dc-hero-content[style*="text-align: center"] h1{margin-inline:auto}
html.dcs #main-content .dc-hero p.lead{max-width:56ch;margin-bottom:32px}
html.dcs #main-content .dc-hero-meta{gap:16px 48px;margin-top:40px;padding-block-start:24px;border-block-start:1px solid var(--dcs-night-line)}
html.dcs #main-content .dc-hero-meta-item :is(h4,.dc-hero-meta-value){margin:0 0 2px;font-family:var(--dcs-font);font-size:var(--dcs-fs-18);font-weight:600;line-height:1.3;letter-spacing:0;font-feature-settings:normal;color:var(--dcs-on-night) !important}
html.dcs #main-content .dc-hero-meta-item span{font-family:var(--dcs-font);font-size:var(--dcs-fs-14) !important;letter-spacing:0 !important;text-transform:none;color:var(--dcs-on-night-2)}
html.dcs #main-content .dc-hero-scroll{display:none}
html.dcs #main-content .dc-page-header{padding:calc(var(--dcs-hd-h) + 48px) var(--dcs-gutter) 48px;border-block-end:0;background:var(--dcs-night);color:var(--dcs-on-night)}
/* bandeaux à photo écrits dans les gabarits (guides, articles, pages thématiques) : même voile nuit, et place pour l'en-tête fixe */
html.dcs #main-content > section[style*="min-height"]:not(.dc-hero){padding-top:calc(var(--dcs-hd-h) + 32px) !important;background:var(--dcs-night) !important;color:var(--dcs-on-night) !important}
html.dcs #main-content > section[style*="min-height"]:not(.dc-hero) > :is(.dc-container,.dc-container-wide){width:100%}
html.dcs #main-content [style*="linear-gradient(90deg, rgba(1"]{background:linear-gradient(90deg,color-mix(in srgb,var(--dcs-night) 90%,transparent) 0%,color-mix(in srgb,var(--dcs-night) 70%,transparent) 50%,color-mix(in srgb,var(--dcs-night) 40%,transparent) 100%) !important}
html.dcs #main-content [style*="linear-gradient(180deg, rgba(1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--dcs-night) 88%,transparent) 0%,color-mix(in srgb,var(--dcs-night) 72%,transparent) 100%) !important}
/* fil d'Ariane */
html.dcs #main-content .dc-breadcrumb{gap:6px;margin-bottom:16px;font-family:var(--dcs-font);font-size:var(--dcs-fs-13) !important;line-height:1.5;letter-spacing:0 !important;text-transform:none;color:var(--dct-doux)}
html.dcs #main-content .dc-breadcrumb :is(a,span){font-size:var(--dcs-fs-13) !important;letter-spacing:0 !important}
html.dcs #main-content .dc-breadcrumb a{color:var(--dct-texte);text-decoration:underline;text-underline-offset:2px}
html.dcs #main-content .dc-breadcrumb a:hover{color:var(--dct-titre)}
html.dcs #main-content .dc-breadcrumb-sep{color:var(--dct-doux)}
@media (max-width:768px){
  html.dcs #main-content .dc-hero-bg::after{background:linear-gradient(180deg,color-mix(in srgb,var(--dcs-night) 66%,transparent) 0%,color-mix(in srgb,var(--dcs-night) 82%,transparent) 60%,var(--dcs-night) 100%)}
  html.dcs #main-content .dc-hero-meta{gap:16px 32px;margin-top:32px}
  html.dcs #main-content .dc-page-header{padding-top:calc(var(--dcs-hd-h) + 32px);padding-bottom:32px}
}

/* ---------- 8. boutons : alignés sur les boutons v4 (plein, contour) ---------- */
html.dcs #main-content .dc-btn{gap:8px;min-height:var(--dcs-h-btn);padding:8px 18px;border:1px solid transparent;border-radius:var(--dcs-r-sm);box-shadow:none;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;transform:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html.dcs #main-content .dc-btn:is(:hover,:active){transform:none;box-shadow:none}
html.dcs #main-content .dc-btn:focus-visible{outline:2px solid var(--dct-accent);outline-offset:2px}
html.dcs #main-content :is(.dc-btn-lg,.dc-form-actions [data-dc-next],.dc-form-actions [data-dc-submit],.dc-form-actions [data-dc-prev]){min-height:var(--dcs-h-btn-lg);padding:10px 24px;font-size:var(--dcs-fs-16)}
html.dcs #main-content .dc-btn-arrow::after{content:none}
html.dcs #main-content :is(.dc-btn-primary,.dc-btn[style*="background: white"],.dc-form-actions [data-dc-next],.dc-form-actions [data-dc-submit]){background:var(--dct-btn-bg) !important;border-color:var(--dct-btn-bg) !important;color:var(--dct-btn-ink) !important;--dct-texte:var(--dct-btn-ink);--dct-titre:var(--dct-btn-ink)}
html.dcs #main-content :is(.dc-btn-primary,.dc-btn[style*="background: white"],.dc-form-actions [data-dc-next],.dc-form-actions [data-dc-submit]):is(:hover,:focus){background:var(--dct-btn-bg-h) !important;border-color:var(--dct-btn-bg-h) !important;color:var(--dct-btn-ink) !important;transform:none;box-shadow:none}
html.dcs #main-content :is(.dc-btn-secondary,.dc-btn-ghost,.dc-form-actions [data-dc-prev]){background:var(--dct-contour-bg) !important;border:1px solid var(--dct-contour) !important;color:var(--dct-contour) !important}
html.dcs #main-content :is(.dc-btn-secondary,.dc-btn-ghost,.dc-form-actions [data-dc-prev]):is(:hover,:focus){background:var(--dct-contour-h) !important;border-color:var(--dct-contour) !important;color:var(--dct-contour) !important}
@media (max-width:640px){
  html.dcs #main-content .dc-btn{max-width:100%;white-space:normal;text-align:center}
}

/* ---------- 9. cartes, étapes, pastilles, chiffres ---------- */
html.dcs #main-content :is(.dc-carte-claire,.dc-region-carte){border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);color:var(--dcs-ink)}
html.dcs #main-content :is(.dc-card,.dc-pillar,.dc-testimonial,.dc-carte-sombre,.dc-banner-cta),
html.dcs #main-content .dc-faq details{border:1px solid var(--dct-filet);border-radius:var(--dcs-r-md);background:var(--dct-carte);box-shadow:none;color:var(--dct-titre) !important;transform:none}
html.dcs #main-content :is(.dc-card,.dc-pillar):hover{border-color:var(--dct-filet);box-shadow:none;transform:none}
html.dcs #main-content :is(a.dc-card,.dc-card.dc-card-link,a.dc-carte-claire){transition:border-color .15s ease,box-shadow .15s ease}
html.dcs #main-content :is(a.dc-card,.dc-card.dc-card-link,a.dc-carte-claire):is(:hover,:focus){border-color:var(--dct-accent);box-shadow:var(--dcs-shadow-hover);color:var(--dct-titre)}
html.dcs #main-content :is(.dc-card,.dc-pillar,.dc-banner-cta) p{color:var(--dct-texte) !important}
html.dcs #main-content :is(.dc-card,.dc-pillar,.dc-carte-sombre) h3:not([hidden]){font-size:var(--dcs-fs-18) !important;letter-spacing:-.01em}
html.dcs #main-content .dc-card > .dc-card-img{margin:-24px -24px 0;aspect-ratio:auto}
html.dcs #main-content .dc-card > .dc-card-img + .dc-card-body{padding:20px 0 0}
html.dcs #main-content .dc-card-img::after{background:none}
html.dcs #main-content .dc-card-link:hover .dc-card-img img{transform:none}
html.dcs #main-content .dc-card-meta{border-color:var(--dct-filet)}
html.dcs #main-content .dc-card-arrow{color:var(--dct-doux) !important}
html.dcs #main-content .dc-card-tag{font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:600;letter-spacing:0;text-transform:none}
html.dcs #main-content .dc-card-tag:not([style*="background"]){color:var(--dct-doux) !important}
html.dcs #main-content .dc-card-tag[style*="background"]{padding:3px 10px;border-radius:var(--dcs-r-pill)}
html.dcs #main-content .dc-pillar-num{width:32px;height:32px;background:var(--dct-plein-bg);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;color:var(--dct-plein-ink);transform:none !important}
html.dcs #main-content .dc-testimonial{padding:24px}
html.dcs #main-content .dc-testimonial-quote{font-size:var(--dcs-fs-18);font-style:normal;color:var(--dct-titre)}
html.dcs #main-content .dc-testimonial-quote::before,html.dcs #main-content .dc-testimonial-quote::after{color:inherit}
html.dcs #main-content :is(.dc-testimonial-author,.dc-testimonial-role){font-family:var(--dcs-font);font-size:var(--dcs-fs-14);letter-spacing:0;color:var(--dct-texte) !important}
html.dcs #main-content .dc-banner-cta{border:0;background:var(--dct-teinte)}
html.dcs #main-content .dc-banner-cta p{font-size:var(--dcs-fs-18)}
/* pastilles : neutres. Le vert reste réservé au statut « pièces contrôlées ». */
html.dcs #main-content .dc-badge{gap:6px;min-height:26px;padding:3px 10px;border:0;border-radius:var(--dcs-r-pill);background:var(--dcs-neutral-bg) !important;font-family:var(--dcs-font);font-size:var(--dcs-fs-13);font-weight:600;line-height:1.3;letter-spacing:0;color:var(--dcs-neutral-ink) !important}
/* chiffres */
html.dcs #main-content .dc-stat{gap:4px;padding-block:16px}
html.dcs #main-content .dc-stat .dc-stat-value{font-family:var(--dcs-font-titre);font-size:var(--dcs-fs-28);font-weight:700;line-height:var(--dcs-lh-titre);letter-spacing:-.015em;font-feature-settings:normal;font-variant-numeric:tabular-nums;color:var(--dct-titre) !important}
html.dcs #main-content .dc-stat .dc-stat-label{font-family:var(--dcs-font);font-size:var(--dcs-fs-14);letter-spacing:0;text-transform:none;color:var(--dct-texte) !important}
/* blocs à icône : le thème teintait l'icône en rouge par un filtre */
html.dcs #main-content .dc-icon-block-icon{border-radius:var(--dcs-r-md);background:var(--dct-teinte);color:var(--dct-titre)}
html.dcs #main-content .dc-icon-block-icon :is(img,svg){filter:var(--dct-icone);opacity:.82}
html.dcs #main-content .dc-icon-block p{color:var(--dct-texte) !important}
/* page « secteurs » et page « région » (styles posés dans les gabarits) */
html.dcs #main-content .dc-secteur-row{border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);transition:border-color .15s ease,box-shadow .15s ease}
html.dcs #main-content .dc-secteur-row:is(:hover,:focus){border-color:var(--dcs-action);box-shadow:var(--dcs-shadow-hover);transform:none}
html.dcs #main-content .dc-secteur-row__img{border-radius:var(--dcs-r-sm);background:var(--dcs-bg-alt)}
html.dcs #main-content .dc-secteur-row .dc-secteur-row__k{font-family:var(--dcs-font);font-size:var(--dcs-fs-13);letter-spacing:0;text-transform:none;color:var(--dcs-ink-3) !important}
html.dcs #main-content .dc-secteur-row .dc-secteur-row__lk{color:var(--dcs-link) !important}
html.dcs #main-content .dc-region-chip{border:1px solid var(--dcs-line);background:var(--dcs-bg);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);letter-spacing:0;color:var(--dcs-ink-2) !important}
html.dcs #main-content .dc-region-chip::before{content:none}

/* ---------- 10. questions fréquentes ---------- */
html.dcs #main-content .dc-faq-item{border-color:var(--dct-filet)}
html.dcs #main-content .dc-faq-q{font-size:var(--dcs-fs-16);font-weight:600;letter-spacing:0}
html.dcs #main-content .dc-faq-q::after,html.dcs #main-content .dc-faq summary::after{font-family:var(--dcs-font);font-weight:400;color:var(--dct-doux)}
html.dcs #main-content .dc-faq .dc-faq-a{font-size:var(--dcs-fs-16);line-height:var(--dcs-lh);color:var(--dct-texte)}
html.dcs #main-content .dc-faq details summary{color:var(--dct-titre) !important}
html.dcs #main-content .dc-faq details summary:hover{background:transparent}
html.dcs #main-content .dc-faq details[open] summary{border-bottom-color:var(--dct-filet)}
html.dcs #main-content .dc-faq details p{color:var(--dct-texte) !important}
html.dcs #main-content details.dc-faq-item[style*="background"]{padding-block:0}
html.dcs #main-content .dc-faq-plus{font-family:var(--dcs-font);font-weight:400;color:var(--dct-doux) !important}
html.dcs #main-content details.dc-faq-item > summary:not(.dc-faq-q):not([style]){display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;list-style:none;cursor:pointer}
html.dcs #main-content details.dc-faq-item > summary:not(.dc-faq-q):not([style])::-webkit-details-marker{display:none}
html.dcs #main-content details.dc-faq-item > summary:not(.dc-faq-q):not([style])::after{content:"+";flex-shrink:0;font-size:var(--dcs-fs-22);font-weight:400;line-height:1;color:var(--dct-doux)}
html.dcs #main-content details.dc-faq-item[open] > summary:not(.dc-faq-q):not([style])::after{transform:rotate(45deg)}

/* ---------- 11. formulaires : champs blancs, 16 px, 48 px de haut ---------- */
html.dcs body.dc-body #main-content :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="search"],input[type="password"],input[type="date"],textarea,select){min-height:var(--dcs-h-btn-lg);padding:11px 14px !important;border:1px solid var(--dcs-field) !important;border-radius:var(--dcs-r-sm) !important;background-color:var(--dcs-bg) !important;box-shadow:none !important;color:var(--dcs-ink) !important;font-family:var(--dcs-font) !important;font-size:var(--dcs-fs-16) !important;line-height:1.4}
html.dcs body.dc-body #main-content :is(input,textarea,select):hover{border-color:var(--dcs-ink-2) !important}
html.dcs body.dc-body #main-content :is(input,textarea,select):focus{border-color:var(--dcs-focus) !important;outline:2px solid var(--dct-accent) !important;outline-offset:1px;background-color:var(--dcs-bg) !important;box-shadow:none}
html.dcs body.dc-body #main-content :is(input,textarea)::placeholder{color:var(--dcs-ink-3) !important;opacity:1}
html.dcs body.dc-body #main-content select:not([hidden]){padding-right:10px !important;background-image:none !important;-webkit-appearance:menulist;appearance:auto;cursor:pointer}
html.dcs body.dc-body #main-content textarea:not([hidden]){min-height:120px}
html.dcs body.dc-body #main-content input:is([type="checkbox"],[type="radio"]){accent-color:var(--dcs-action)}
html.dcs body.dc-body #main-content :is(label,legend){color:var(--dct-titre) !important}
html.dcs body.dc-body #main-content :is(.dc-label,.dc-form-label,.dc-contact-label){font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;letter-spacing:0;text-transform:none;color:var(--dct-titre) !important}
html.dcs #main-content :is(.dc-check-card,.dc-radio-card,.dc-checkbox-card){border:1px solid var(--dct-filet);border-radius:var(--dcs-r-sm);background:transparent;color:var(--dct-titre) !important}
html.dcs #main-content :is(.dc-check-card,.dc-radio-card,.dc-checkbox-card):hover{border-color:var(--dct-contour);background:transparent}
html.dcs #main-content :is(.dc-check-card,.dc-radio-card,.dc-checkbox-card):is(.is-checked,.checked){border-color:var(--dct-accent);background:var(--dct-teinte);box-shadow:inset 0 0 0 1px var(--dct-accent)}
html.dcs #main-content :is(.dc-check-card-title,.dc-radio-card-title,.dc-checkbox-card-title){color:var(--dct-titre) !important}
html.dcs #main-content :is(.dc-check-card-desc,.dc-radio-card-desc,.dc-checkbox-card-desc){color:var(--dct-texte) !important}
html.dcs #main-content .dc-form-step{border:1px solid var(--dct-filet);border-radius:var(--dcs-r-md);background:transparent}
html.dcs #main-content .dc-form-step > p{color:var(--dct-texte)}
html.dcs #main-content .dc-form-step .dc-form-step-title{color:var(--dct-titre)}
html.dcs #main-content .dc-form-step .dc-form-consent{background:var(--dct-teinte)}
html.dcs #main-content .dc-form-step .dc-form-consent label{color:var(--dct-texte) !important}
html.dcs #main-content .dc-form-progress .step{background:var(--dct-filet)}
html.dcs #main-content .dc-form-progress .step:is(.completed,.active){background:var(--dct-accent);box-shadow:none}
html.dcs #main-content .dc-banner{border-radius:var(--dcs-r-sm);font-size:var(--dcs-fs-14)}
html.dcs #main-content .dc-banner-success{border:0;background:var(--dcs-action-tint);color:var(--dcs-on-tint)}
html.dcs #main-content .dc-banner-success :is(strong,a){color:var(--dcs-on-tint) !important}
html.dcs #main-content :is(.dc-banner-error,.dc-banner-blocked){border:1px solid var(--dcs-error);background:var(--dcs-bg);color:var(--dcs-error)}
html.dcs #main-content :is(.dc-banner-error,.dc-banner-blocked) :is(strong,a){color:var(--dcs-error) !important}

/* ---------- 12. contenu rédigé (.dc-prose, contenu en base, guides, articles) ---------- */
html.dcs #main-content .dc-prose{color:var(--dct-texte) !important;font-size:var(--dcs-fs-16);line-height:1.6}
html.dcs #main-content .dc-prose :is(p,ul,ol,li,blockquote){color:var(--dct-texte) !important}
html.dcs #main-content .dc-prose :is(strong,b){color:var(--dct-titre) !important;font-weight:600 !important}
html.dcs #main-content .dc-prose h2{font-size:var(--dcs-fs-h2) !important;font-weight:700 !important;letter-spacing:-.015em}
html.dcs #main-content .dc-prose h3{font-size:var(--dcs-fs-h3) !important;font-weight:700 !important}
html.dcs #main-content .dc-prose h4{font-size:var(--dcs-fs-18) !important;font-weight:600 !important}
html.dcs #main-content .dc-prose a:not(.dc-btn):not(.dc-btn-primary):not(.dc-btn-secondary):not(.dc-btn-ghost):not(.dc-badge){color:var(--dct-accent) !important;text-decoration:underline;text-underline-offset:3px}
html.dcs #main-content .dc-prose a:not(.dc-btn):not(.dc-btn-primary):not(.dc-btn-secondary):not(.dc-btn-ghost):not(.dc-badge):hover{color:var(--dct-accent-h) !important}
html.dcs #main-content .dc-prose blockquote{border-left:3px solid var(--dct-filet);font-style:normal}
html.dcs #main-content .dc-prose code{padding:.1em .35em;border-radius:4px;background:var(--dct-teinte);font-family:inherit;font-size:var(--dcs-fs-14);color:var(--dct-titre) !important}
html.dcs #main-content .dc-prose table{background:var(--dct-carte)}
html.dcs #main-content .dc-prose :is(th,td){border-color:var(--dct-filet);color:var(--dct-texte) !important}
html.dcs #main-content .dc-prose th{background:var(--dct-teinte);font-weight:600 !important;color:var(--dct-titre) !important}
html.dcs #main-content .dc-prose hr{border-top-color:var(--dct-filet)}
html.dcs #main-content .dc-prose img{border-radius:var(--dcs-r-md)}
html.dcs #main-content .dc-prose :is(.eyebrow,.dc-eyebrow) + :is(h1,h2,h3){margin-top:0}
html.dcs #main-content .dc-prose .dc-section{padding-block:28px}
html.dcs #main-content .dc-prose > .dc-section:first-child{padding-top:0}
html.dcs #main-content .dc-prose > .dc-section:last-child{padding-bottom:0}
html.dcs #main-content .dc-content-rescue :is(p,li,summary){color:var(--dct-texte) !important}
html.dcs #main-content .dc-content-rescue :is(section,div):is([style*="background: #"],[style*="background:#"],[style*="#f7fafc"]){color:inherit !important}
/* guide et article : fond clair à toutes les largeurs (le thème ne le faisait que sur ordinateur) */
html.dcs body.dc-body #main-content section:is(.dc-guide-content.dc-guide-papier,.dc-article-body.dc-article-papier){background:var(--dcs-bg) !important;color:var(--dcs-ink)}
html.dcs #main-content .dc-article-papier :is(.dc-article-lead,.dc-article-text,.dc-conclusion-text){color:var(--dcs-ink-2) !important}
html.dcs #main-content .dc-article-papier :is(.dc-article-strong,strong,b){color:var(--dcs-ink) !important}
html.dcs #main-content .dc-article-papier :is(.dc-sources-title,.dc-sources-list,.dc-sources-list li){color:var(--dcs-ink-3) !important}
html.dcs #main-content .dc-article-papier .dc-sources-block{border-block-start-color:var(--dcs-line) !important}

/* ---------- 13. bandes : conformité, défilant, appel final des pages thématiques ---------- */
html.dcs #main-content :is(.dc-trust,.dc-marquee){padding-block:20px;border-block:1px solid var(--dcs-line);background:var(--dcs-bg-alt)}
html.dcs #main-content .dc-trust-inner{gap:12px 48px}
html.dcs #main-content .dc-trust-label{font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;letter-spacing:0;text-transform:none;color:var(--dct-titre)}
html.dcs #main-content .dc-trust-items{gap:8px 32px}
html.dcs #main-content .dc-trust-item{gap:10px;font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:500;letter-spacing:0;color:var(--dct-texte)}
html.dcs #main-content .dc-trust-item::before{content:"";flex-shrink:0;width:5px;height:10px;margin:0 2px 3px 3px;border:solid var(--dct-doux);border-width:0 1.75px 1.75px 0;transform:rotate(45deg)}
html.dcs #main-content .dc-marquee-track{animation:none}
html.dcs #main-content .dc-marquee-item{font-family:var(--dcs-font);font-size:var(--dcs-fs-16);font-weight:600;letter-spacing:0;text-transform:none;color:var(--dcs-ink-3)}
html.dcs #main-content .dc-marquee-item::after{content:none}
html.dcs #main-content section[style*="background: var(--dc-relief)"]{background:var(--dcs-bg-alt) !important;color:var(--dcs-ink) !important}

/* ---------- 14. hors <main> : éléments émis par le thème ---------- */
html.dcs .skip-link,html.dcs .skip-link:focus,html.dcs .skip-link:focus-visible{border:0 !important;border-radius:var(--dcs-r-sm);background:var(--dcs-ink) !important;color:var(--dcs-bg) !important;font-family:var(--dcs-font);font-size:var(--dcs-fs-14) !important;font-weight:600 !important;letter-spacing:0}
html.dcs .dc-scroll-progress{display:none}
/* bandeau cookies : carte blanche, deux boutons de même poids */
html.dcs .dc-cookie{left:16px;bottom:16px;max-width:400px;padding:20px;border:1px solid var(--dcs-line);border-radius:var(--dcs-r-md);background:var(--dcs-bg);box-shadow:var(--dcs-shadow-hover);color:var(--dcs-ink);font-family:var(--dcs-font)}
html.dcs .dc-cookie .dc-cookie-text strong{margin-bottom:6px;font-size:var(--dcs-fs-16);font-weight:600;color:var(--dcs-ink)}
html.dcs .dc-cookie .dc-cookie-text span{font-size:var(--dcs-fs-14);line-height:var(--dcs-lh);color:var(--dcs-ink-2)}
html.dcs .dc-cookie .dc-cookie-text a{color:var(--dcs-link);text-decoration:underline;text-underline-offset:3px}
html.dcs .dc-cookie .dc-cookie-actions{gap:8px;margin-top:16px}
html.dcs .dc-cookie .dc-cookie-btn{flex:1 1 0;min-height:var(--dcs-h-btn);padding:8px 18px;border:1px solid var(--dcs-ink);border-radius:var(--dcs-r-sm);background:var(--dcs-bg);box-shadow:none;filter:none;color:var(--dcs-ink);font-family:var(--dcs-font);font-size:var(--dcs-fs-14);font-weight:600;line-height:1.2}
html.dcs .dc-cookie .dc-cookie-btn:is(:hover,:focus){background:var(--dcs-bg-alt);color:var(--dcs-ink)}
@media (max-width:768px){
  html.dcs .dc-cookie{left:8px;right:8px;bottom:8px;max-width:none}
}
/* retour en haut (thème parent) */
html.dcs #ast-scroll-top,html.dcs .ast-scroll-top-icon{width:44px !important;height:44px !important;border:1px solid var(--dcs-line) !important;background-color:var(--dcs-bg) !important;box-shadow:var(--dcs-shadow-card) !important;color:var(--dcs-ink) !important}
html.dcs #ast-scroll-top:hover,html.dcs .ast-scroll-top-icon:hover{background-color:var(--dcs-bg-alt) !important;transform:none !important}
html.dcs #ast-scroll-top:focus-visible{outline-color:var(--dcs-focus) !important}
html.dcs #ast-scroll-top :is(svg,i){fill:var(--dcs-ink) !important;color:var(--dcs-ink) !important}
/* messages du formulaire de devis, bouton flottant (désactivé aujourd'hui) */
html.dcs #dc-toast-container .dc-toast{border-radius:var(--dcs-r-sm) !important;background:var(--dcs-ink) !important;box-shadow:var(--dcs-shadow-hover) !important;color:var(--dcs-bg) !important;font-family:var(--dcs-font) !important}
html.dcs #dc-toast-container .dc-toast-error{background:var(--dcs-error) !important}
html.dcs .dc-floating-call{background:var(--dcs-action);box-shadow:var(--dcs-shadow-hover);color:var(--dcs-on-action);font-family:var(--dcs-font)}
html.dcs .dc-floating-call .dc-fc-icon{display:none}