/*
Theme Name: CCDIGITAL
Theme URI: https://ccdigital.fr
Author: CCDIGITAL
Description: Thème bloc sur mesure — sécurité et gouvernance de l'IA. Construit depuis la maquette validée ; contenu 100 % blocs natifs.
Version: 1.0.10
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ccdigital
Tags: block-theme, full-site-editing, business
*/

/* ==========================================================================
   VIGIL — Sécurité & gouvernance de l'IA
   Registre relevé sur la référence : sans-serif technique (titres) + sans-serif
   neutre (texte), fond clair froid-neutre, blocs sombres encartés arrondis,
   accent bleu CCDIGITAL ; rouge réservé au danger, titres de section centrés.
   ========================================================================== */
:root {
  --nuit: #0a0f18;          /* graphite quasi noir */
  --nuit-2: #0c1d33;        /* bleu très sombre */
  --nuit-3: #13325a;        /* lueur bleue des dégradés */
  --accent: #2f5bd8;        /* bleu CCDIGITAL, accent principal */
  --accent-vif: #4a72e6;
  --accent-clair: #7d9bf2;  /* même bleu éclairci, pour le texte sur fond sombre */
  --rouge: #b3131e;         /* rouge profond : réservé au danger (risque, incident, scénarios) */
  --rouge-vif: #d01d29;
  --fond: #f5f5f2;          /* blanc cassé */
  --gris: #e8e9ea;
  --carte: #ffffff;
  --encre: #111722;
  --texte: #505865;
  --trait: rgba(17, 23, 34, .1);
  --titre: "Saira", system-ui, sans-serif;
  --corps: "Inter", system-ui, sans-serif;
  --r-carte: 14px;
  --r-bloc: 22px;
  --marge: 12px;
  --large: 1180px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font: 400 15px/1.65 var(--corps);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
:is(a,.x-a) { color: inherit; text-decoration: none; }
h1, h2, h3, h4 {
  font-family: var(--titre);
  color: var(--encre);
  margin: 0;
  letter-spacing: -.01em;
  hyphens: none;
  text-wrap: balance;
}
p:where(:not([class*="x-"])) { margin: 0; }
.enveloppe { width: min(var(--large), 100% - 48px); margin-inline: auto; }
/* ---------- Surtitre (pastille bleue + capitales espacées) ---------- */
.surtitre {
  display: inline-flex; align-items: center; gap: 9px;
  font: 600 11.5px/1 var(--corps);
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--encre);
}
.surtitre::before {
  content: ""; width: 15px; height: 15px; border-radius: 50%;
  border: 1.5px solid var(--accent);
  background: radial-gradient(circle, var(--accent) 0 3px, transparent 3.5px);
}
.sombre .surtitre, .hero .surtitre { color: #c9d2de; }
.titre-section { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; font-weight: 600; }
.titre-section em { font-style: normal; color: var(--accent); }
.sombre .titre-section em { color: var(--accent-clair); }
.tete-centre { text-align: center; display: grid; justify-items: center; gap: 16px; margin-bottom: 56px; }
.tete-centre p:where(:not([class*="x-"])) { max-width: 640px; }
/* ---------- Boutons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 22px; border-radius: 999px;
  font: 600 14px/1 var(--corps); letter-spacing: .01em;
  border: 0; cursor: pointer; transition: transform .2s, background .2s, color .2s;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }
.btn-accent { background: var(--accent); color: #fff; }
.btn-accent:hover { background: var(--accent-vif); }
.btn-blanc { background: #fff; color: var(--encre); }
.btn-nuit { background: linear-gradient(90deg, var(--nuit), var(--nuit-3)); color: #fff; }
.btn .puce {
  width: 20px; height: 20px; border-radius: 50%; background: var(--encre); color: #fff;
  display: grid; place-items: center; font-size: 12px;
}
.btn-accent .puce { background: #fff; color: var(--accent); }
.lien-lecture { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-weight: 600; font-size: 14px; }
.lien-lecture .rond {
  width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--accent);
  display: grid; place-items: center;
}
/* ==========================================================================
   HERO — bloc sombre pleine largeur, photo à droite, triangle bleu en angle
   ========================================================================== */
.hero {
  position: relative;
  margin: 0;               /* fond pleine largeur, bord à bord */
  overflow: hidden;
  min-height: 760px;
  color: #cfd6e0;
  background: var(--nuit);
  isolation: isolate;
}
.hero-photo {
  position: absolute; inset: 0; z-index: -2;
  width: 100%; height: 100%; object-fit: cover; object-position: 70% 30%;
}
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(8,12,20,.96) 0%, rgba(8,14,26,.86) 38%, rgba(10,24,46,.35) 70%, rgba(10,24,46,.15) 100%),
    linear-gradient(0deg, rgba(8,12,20,.9) 0%, transparent 30%);
}
.hero::after {           /* triangle bleu, angle bas droit */
  content: ""; position: absolute; right: 0; bottom: 0; width: 150px; height: 120px;
  background: var(--accent); clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.entete {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 26px 0;
}
.logo { display: inline-flex; align-items: center; gap: 11px; color: #fff; }
.logo svg { width: 34px; height: 34px; }
.logo :is(b,strong,.x-b) { font: 700 19px/1 var(--titre); letter-spacing: .14em; }
.logo :is(small,.x-small) { display: block; font: 500 9.5px/1 var(--corps); letter-spacing: .28em; color: #8e9aab; margin-top: 4px; }
.menu { display: flex; gap: 6px; font-size: 14px; }
.menu :is(a,.x-a) { padding: 9px 14px; border-radius: 999px; color: #d5dce6; transition: background .2s; }
.menu :is(a,.x-a):hover, .menu :is(a,.x-a).actif { background: rgba(255,255,255,.08); color: #fff; }
.burger { display: none; }
.hero-corps { padding: 80px 0 150px; max-width: 900px; }
.hero h1 {
  color: #fff; font-weight: 600;
  font-size: clamp(40px, 5.2vw, 70px); line-height: 1.04; letter-spacing: -.02em;
  margin: 22px 0 26px;
}
.hero h1 :is(span,em,.x-span) { color: #ff4b55; }
.hero-corps > p:where(:not([class*="x-"])) { font-size: 17px; max-width: 580px; color: #c3ccd8; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 36px; }
.referentiels { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 44px; align-items: center; }
.referentiels > :is(span,em,.x-span):first-child { font-size: 12px; color: #8e9aab; margin-right: 6px; }
.jeton {
  font: 500 12px/1 var(--corps); padding: 8px 12px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18); color: #e3e8ef; background: rgba(255,255,255,.04);
  backdrop-filter: blur(6px);
}
.hero-bandeau {
  position: absolute; left: 0; right: 0; bottom: 0;
  border-top: 1px solid rgba(255,255,255,.1);
}
.hero-bandeau :is(ul,.x-ul) {
  list-style: none; margin: 0 auto; padding: 22px 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  width: min(var(--large), 100% - 48px);
}
.hero-bandeau :is(li,.x-li) { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #b8c2cf; }
.hero-bandeau svg { width: 18px; height: 18px; color: var(--accent-clair); flex: none; }
/* ==========================================================================
   PROBLÈME — photo à gauche, texte à droite (bande blanche)
   ========================================================================== */
.probleme { background: #fff; margin: 0; padding: 110px 0; }
.probleme .enveloppe { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: center; }
.probleme-visuel { position: relative; }
.probleme-visuel img { border-radius: var(--r-bloc); aspect-ratio: 4/4.4; object-fit: cover; width: 100%; }
.alerte {
  position: absolute; right: -36px; bottom: 44px; width: 290px;
  background: var(--nuit); color: #d5dce6; border-radius: var(--r-carte);
  padding: 20px 22px; box-shadow: 0 30px 60px -20px rgba(8,12,20,.55);
  border-left: 3px solid var(--rouge);
}
.alerte .ligne { display: flex; align-items: center; gap: 8px; font: 600 11px/1 var(--corps); letter-spacing: .16em; text-transform: uppercase; color: #ff5a63; }
.alerte .ligne::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff3b45; box-shadow: 0 0 0 4px rgba(255,59,69,.2); animation: pouls 1.6s infinite; }
@keyframes pouls { 50% { box-shadow: 0 0 0 8px rgba(255,59,69,0); } }
.alerte p:where(:not([class*="x-"])) { font-size: 13.5px; margin-top: 12px; line-height: 1.55; }
.alerte code { font-size: 12px; color: #fff; background: rgba(255,255,255,.08); padding: 2px 6px; border-radius: 5px; }
.probleme-texte .titre-section { margin: 18px 0 24px; }
.constats { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 10px; }
.constats :is(li,.x-li) { position: relative; padding-left: 26px; }
.constats :is(li,.x-li)::before { content: ""; position: absolute; left: 0; top: 9px; width: 12px; height: 2px; background: var(--accent); }
.chute { font: 600 19px/1.4 var(--titre); color: var(--encre); padding: 20px 0; border-top: 1px solid var(--trait); }
.chute :is(span,em,.x-span) { color: var(--accent); }
.axes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.axe { background: var(--fond); border-radius: var(--r-carte); padding: 18px; }
.axe :is(b,strong,.x-b) { font: 700 13px/1 var(--titre); letter-spacing: .12em; color: var(--encre); display: block; margin-bottom: 8px; }
.axe p:where(:not([class*="x-"])) { font-size: 13px; line-height: 1.5; }
/* ==========================================================================
   SOLUTIONS — bande grise, 6 cartes blanches, une carte sombre
   ========================================================================== */
.solutions {
  margin: 0; padding: 110px 0 120px;
  background: linear-gradient(180deg, #f1f2f2 0%, #d9dcde 100%);
  position: relative; overflow: hidden;
}
.solutions::before {  /* trame de circuit, discrète */
  content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none;
  background:
    linear-gradient(rgba(17,23,34,.05) 1px, transparent 1px) 0 0/64px 64px,
    linear-gradient(90deg, rgba(17,23,34,.05) 1px, transparent 1px) 0 0/64px 64px;
  mask-image: radial-gradient(ellipse at 70% 80%, #000 10%, transparent 65%);
}
.grille-offres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; position: relative; }
.offre {
  background: var(--carte); border-radius: var(--r-carte);
  padding: 28px 26px 26px; display: flex; flex-direction: column; min-height: 330px;
  transition: transform .25s, box-shadow .25s; position: relative;
}
.offre:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -24px rgba(12,29,51,.35); }
.offre .icone {
  width: 62px; height: 62px; color: var(--encre);
}
.offre .num { position: absolute; top: 28px; right: 26px; font: 600 13px/1 var(--titre); color: #a4abb5; letter-spacing: .1em; }
.offre .verbe { font: 600 11px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin: 34px 0 10px; }
.offre h3 { font-size: 21px; line-height: 1.2; font-weight: 600; }
.offre > p:where(:not([class*="x-"])) { font-size: 14px; margin-top: 10px; line-height: 1.55; }
.offre .pied-offre { margin-top: auto; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.offre .pour { font-size: 12.5px; color: #7b8391; line-height: 1.4; }
.fleche {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  background: var(--encre); color: #fff; display: grid; place-items: center;
  transition: background .2s;
}
.offre:hover .fleche { background: var(--accent); }
.offre.phare { background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); color: #c4cedb; }
.offre.phare h3, .offre.phare .icone { color: #fff; }
.offre.phare .num { color: #6f819b; }
.offre.phare .pour { color: #8e9db2; }
.offre.phare .fleche { background: #fff; color: var(--accent); }
.offre.phare .badge-entree {
  position: absolute; top: -12px; left: 26px; background: var(--accent); color: #fff;
  font: 600 11px/1 var(--corps); letter-spacing: .12em; text-transform: uppercase;
  padding: 7px 12px; border-radius: 999px;
}
.offre.dev { background: rgba(255,255,255,.55); border: 1px dashed rgba(17,23,34,.25); }
.statut-dev { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--encre); }
.statut-dev::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #e0a100; }
/* ==========================================================================
   ESCALIER — bandeau d'images en accordéon (5 panneaux)
   ========================================================================== */
.escalier { background: var(--fond); padding: 120px 0 100px; }
.accordeon { display: flex; gap: 0; height: 440px; border-radius: var(--r-bloc); overflow: hidden; }
.panneau {
  position: relative; flex: 1; min-width: 0; cursor: pointer; overflow: hidden;
  transition: flex .6s cubic-bezier(.2,.7,.2,1);
  color: #fff; background: var(--nuit);
}
.panneau img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s, filter .5s; filter: grayscale(.35) brightness(.7); }
.panneau::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,15,24,.1) 30%, rgba(10,15,24,.92) 100%);
}
.panneau.actif { flex: 2.6; }
.panneau.actif img { filter: none; transform: scale(1.04); }
.panneau-num { position: absolute; top: 22px; left: 22px; z-index: 2; font: 600 40px/1 var(--titre); color: rgba(255,255,255,.9); }
.panneau-titre-court {
  position: absolute; left: 22px; bottom: 26px; z-index: 2;
  font: 600 13px/1.3 var(--titre); letter-spacing: .14em; text-transform: uppercase;
  transition: opacity .3s;
}
.panneau-detail {
  position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 2;
  opacity: 0; transform: translateY(14px); transition: opacity .35s .15s, transform .35s .15s;
}
.panneau.actif .panneau-detail { opacity: 1; transform: none; }
.panneau.actif .panneau-titre-court { opacity: 0; }
.cadre {
  display: inline-block; border: 1px solid rgba(255,255,255,.5); border-radius: 6px;
  padding: 6px 10px; font: 600 11px/1 var(--corps); letter-spacing: .16em; text-transform: uppercase;
  background: rgba(10,15,24,.35); backdrop-filter: blur(6px);
}
.panneau-detail h3 { color: #fff; font-size: 26px; line-height: 1.15; margin: 14px 0 8px; font-weight: 600; }
.panneau-detail p:where(:not([class*="x-"])) { font-size: 14px; color: #d2d9e3; max-width: 380px; }
.escalier-note { text-align: center; margin: 44px auto 0; max-width: 620px; font-size: 14.5px; }
.escalier-note :is(a,.x-a) { color: var(--accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
/* ==========================================================================
   SCÉNARIO — composition en puzzle (photo + panneau gris + carte sombre)
   ========================================================================== */
.scenario { background: #fff; margin: 0; padding: 110px 0; }
.puzzle { display: grid; grid-template-columns: 400px 1fr; grid-template-rows: auto auto; position: relative; max-width: 1040px; margin: 0 auto; }
.puzzle-photo { grid-row: 1; grid-column: 1; position: relative; }
.puzzle-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r-bloc) var(--r-bloc) 0 var(--r-bloc); min-height: 360px; }
.pastille {
  position: absolute; left: -26px; top: 42px;
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; border-radius: 999px; padding: 10px 16px 10px 12px;
  font: 600 13px/1 var(--corps); color: var(--encre);
  box-shadow: 0 14px 30px -12px rgba(8,12,20,.35);
}
.pastille svg { width: 18px; height: 18px; color: var(--rouge); }
.puzzle-texte {
  grid-row: 1; grid-column: 2; background: var(--fond);
  border-radius: 0 var(--r-bloc) 0 0; padding: 54px 56px 48px;
}
.puzzle-texte .titre-section { margin: 16px 0 18px; }
.puzzle-vide { grid-row: 2; grid-column: 1; background: var(--fond); border-radius: 0 0 0 var(--r-bloc); position: relative; }
.puzzle-vide::after { /* congé inversé */
  content: ""; position: absolute; top: 0; right: 0; width: var(--r-bloc); height: var(--r-bloc);
  background: radial-gradient(circle at 0 100%, transparent var(--r-bloc), var(--fond) calc(var(--r-bloc) + .5px));
}
.puzzle-carte {
  grid-row: 2; grid-column: 2;
  background: radial-gradient(120% 140% at 100% 0%, var(--nuit-3) 0%, var(--nuit-2) 40%, var(--nuit) 80%);
  color: #cdd5e0; border-radius: var(--r-bloc); padding: 42px 48px 44px;
  position: relative; overflow: hidden;
}
.chrono { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.chrono :is(li,.x-li) { display: grid; grid-template-columns: 62px 1fr; gap: 16px; font-size: 14.5px; line-height: 1.55; }
.chrono :is(time,.x-time) { font: 600 15px/1.5 var(--titre); color: #ff5a63; }
.chrono :is(b,strong,.x-b) { color: #fff; font-weight: 600; }
.puzzle-carte .conclusion { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); font: 600 18px/1.4 var(--titre); color: #fff; }
/* ==========================================================================
   APPROCHE — grand bloc sombre : photo + 3 cartes + 4 étapes
   ========================================================================== */
.approche {
  margin: 0;
  background: linear-gradient(120deg, var(--nuit) 0%, var(--nuit-2) 55%, var(--nuit-3) 110%);
  padding: 110px 0 90px; color: #b7c2d0; position: relative; overflow: hidden;
}
.approche .haut { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.approche-photo { border-radius: var(--r-bloc); overflow: hidden; position: relative; }
.approche-photo img { width: 100%; aspect-ratio: 1/1.05; object-fit: cover; }
.approche h2 { color: #fff; margin: 16px 0 16px; }
.approche .chapeau { margin-bottom: 28px; font-size: 15.5px; }
.niveaux { display: grid; gap: 14px; }
.niveau {
  display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center;
  background: #fff; border-radius: var(--r-carte); padding: 20px 22px; color: var(--texte);
}
.niveau svg { width: 50px; height: 50px; color: var(--encre); }
.niveau h3 { font-size: 17px; font-weight: 600; }
.niveau p:where(:not([class*="x-"])) { font-size: 13.5px; line-height: 1.5; margin-top: 3px; }
.etapes {
  display: grid; grid-template-columns: repeat(4, 1fr);
  margin-top: 80px; padding-top: 56px; border-top: 1px solid rgba(255,255,255,.1);
}
.etape { text-align: center; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.08); }
.etape:last-child { border-right: 0; }
.etape svg { width: 36px; height: 36px; color: #fff; margin: 0 auto 16px; }
.etape :is(b,strong,.x-b) { display: block; font: 600 30px/1 var(--titre); color: #fff; }
.etape :is(b,strong,.x-b) :is(small,.x-small) { font-size: 14px; color: var(--accent-clair); margin-right: 6px; vertical-align: 4px; }
.etape p:where(:not([class*="x-"])) { font-size: 13px; margin-top: 10px; line-height: 1.5; }
/* ==========================================================================
   DIAGNOSTIC — aimant à prospects (auto-évaluation)
   ========================================================================== */
.diagnostic { padding: 120px 0 110px; background: var(--fond); }
.test {
  display: grid; grid-template-columns: 1.35fr 1fr; gap: 0;
  background: #fff; border-radius: var(--r-bloc); overflow: hidden;
  box-shadow: 0 40px 80px -50px rgba(12,29,51,.45);
}
.questions { padding: 44px 48px; display: grid; gap: 4px; }
.question { display: grid; grid-template-columns: 30px 1fr auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--trait); }
.question:last-child { border-bottom: 0; }
.question .n { font: 600 13px/1 var(--titre); color: #a4abb5; }
.question p:where(:not([class*="x-"])) { font-size: 14px; color: var(--encre); line-height: 1.45; }
.choix { display: flex; gap: 6px; }
.choix :is(button,.x-button) {
  font: 600 12px/1 var(--corps); padding: 9px 12px; border-radius: 999px; cursor: pointer;
  background: var(--fond); color: var(--texte); border: 1px solid transparent; transition: all .15s;
}
.choix :is(button,.x-button):hover { border-color: var(--trait); }
.choix :is(button,.x-button).choisi { background: var(--encre); color: #fff; }
.choix :is(button,.x-button).choisi.v-2 { background: var(--accent); }
.resultat {
  background: linear-gradient(170deg, var(--nuit-2) 0%, var(--nuit) 70%);
  color: #c4cedb; padding: 44px 44px 40px; display: flex; flex-direction: column;
  position: relative;
}
.jauge { position: relative; width: 190px; height: 110px; margin: 10px auto 18px; }
.jauge svg { width: 100%; height: 100%; overflow: visible; }
.jauge .valeur { position: absolute; left: 0; right: 0; bottom: -4px; text-align: center; font: 600 44px/1 var(--titre); color: #fff; }
.jauge .valeur :is(small,.x-small) { font-size: 16px; color: #8e9db2; }
.niveau-risque { text-align: center; font: 600 12px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: #8e9db2; }
.verdicts { margin: 18px 0 22px; min-height: 96px; }
.verdict { display: none; text-align: center; font-size: 14px; line-height: 1.55; }
.verdict :is(b,strong,.x-b) { display: block; font: 600 20px/1.25 var(--titre); color: #fff; margin-bottom: 8px; }
.resultat.niveau-attente .verdict.n-attente, .resultat.niveau-faible .verdict.n-faible, .resultat.niveau-modere .verdict.n-modere, .resultat.niveau-eleve .verdict.n-eleve, .resultat.niveau-critique .verdict.n-critique { display: block; }
.capture { margin-top: auto; display: grid; gap: 10px; }
.capture input {
  width: 100%; font: 400 14px/1 var(--corps); padding: 14px 18px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: #fff;
}
.capture input::placeholder { color: #7f8ea4; }
.capture .btn { justify-content: center; }
.capture :is(small,.x-small) { font-size: 11.5px; color: #7f8ea4; text-align: center; line-height: 1.45; }
/* ==========================================================================
   FORMATS — cartes « tarif » sans prix
   ========================================================================== */
.formats { padding: 20px 0 110px; background: var(--fond); }
.grille-formats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; max-width: 1020px; margin: 0 auto; }
.format { background: #eceded; border-radius: var(--r-carte); padding: 32px 30px; position: relative; }
.format.mis-en-avant { background: #fff; border: 1px solid var(--encre); }
.format .etiquette { position: absolute; top: 30px; right: 26px; background: var(--accent); color: #fff; font: 600 11px/1 var(--corps); padding: 6px 10px; border-radius: 999px; }
.format h3 { font-size: 21px; font-weight: 600; }
.format > p:where(:not([class*="x-"])) { font-size: 13.5px; margin: 8px 0 22px; line-height: 1.5; }
.format .duree { font: 600 40px/1 var(--titre); color: var(--encre); }
.format .duree :is(small,.x-small) { font-size: 15px; color: var(--texte); font-weight: 500; margin-left: 4px; }
.format .sur-devis { font-size: 12.5px; color: #7b8391; margin: 6px 0 22px; }
.format .btn { width: 100%; justify-content: center; }
.format :is(ul,.x-ul) { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; font-size: 13.5px; color: var(--encre); }
.format :is(li,.x-li) { display: flex; gap: 10px; }
.format :is(li,.x-li)::before { content: "✓"; color: var(--accent); font-weight: 700; }
.format .livrables-titre { font-size: 12px; color: #7b8391; margin-top: 22px; }
/* ==========================================================================
   APPEL FINAL — bandeau sombre arrondi, flèche bleue manuscrite
   ========================================================================== */
.appel { padding: 0 0 110px; background: var(--fond); }
.bandeau-appel {
  display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; gap: 30px;
  background: linear-gradient(110deg, var(--nuit) 0%, var(--nuit-2) 60%, var(--nuit-3) 120%);
  border-radius: var(--r-bloc); padding: 16px 16px 16px 56px; position: relative;
  width: min(1240px, 100% - 24px);
}
.bandeau-appel h2 { color: #fff; font-size: clamp(26px, 2.8vw, 36px); line-height: 1.15; font-weight: 600; }
.bandeau-appel .sous { color: #b7c2d0; margin: 14px 0 26px; font-size: 15px; max-width: 520px; }
.contacts { display: flex; flex-wrap: wrap; gap: 14px 30px; align-items: center; }
.contacts .c { display: flex; align-items: center; gap: 12px; color: #fff; font-size: 13px; }
.contacts .c svg { width: 30px; height: 30px; color: #cfd6e0; }
.contacts .c :is(span,em,.x-span) { display: block; color: #8e9db2; font-size: 12px; }
.fleche-main { position: absolute; left: 50%; bottom: 34px; width: 90px; color: var(--accent-vif); transform: translateX(-10px); }
.bandeau-appel :is(figure,.x-figure) { margin: 0; }
.bandeau-appel :is(figure,.x-figure) img { border-radius: calc(var(--r-bloc) - 6px); width: 100%; aspect-ratio: 16/10; object-fit: cover; }
/* ==========================================================================
   RESSOURCES — un article vedette + liste
   ========================================================================== */
.ressources { padding: 20px 0 120px; background: var(--fond); }
.grille-ressources { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; max-width: 1040px; margin: 0 auto; }
.vedette :is(figure,.x-figure) { margin: 0 0 22px; position: relative; }
.vedette img { border-radius: var(--r-bloc); aspect-ratio: 16/10.5; object-fit: cover; width: 100%; }
.categorie { position: absolute; left: 20px; bottom: 18px; background: #fff; color: var(--encre); font: 600 11.5px/1 var(--corps); padding: 7px 12px; border-radius: 999px; }
.vedette h3 { font-size: 26px; line-height: 1.2; font-weight: 600; }
.meta { font-size: 12px; color: #8a929e; margin: 10px 0; }
.meta :is(b,strong,.x-b) { color: var(--accent); font-weight: 600; }
.liste-articles { display: grid; gap: 26px; align-content: start; }
.liste-articles article { padding-bottom: 24px; border-bottom: 1px solid var(--trait); }
.liste-articles article:last-child { border-bottom: 0; }
.liste-articles h4 { font-size: 18px; line-height: 1.3; font-weight: 600; }
.liste-articles p:where(:not([class*="x-"])) { font-size: 13.5px; }
/* ==========================================================================
   PIED — bloc sombre pleine largeur : guide + colonnes
   ========================================================================== */
.pied {
  margin: 0;               /* fond pleine largeur, bord à bord */
  background: radial-gradient(120% 120% at 100% 0%, var(--nuit-3) 0%, var(--nuit-2) 38%, var(--nuit) 80%);
  color: #9aa7b8; padding: 90px 0 30px; position: relative; overflow: hidden;
}
.guide { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; padding-bottom: 70px; border-bottom: 1px solid rgba(255,255,255,.08); }
.guide h2 { color: #fff; font-size: clamp(26px, 2.8vw, 36px); line-height: 1.15; font-weight: 600; }
.guide p:where(:not([class*="x-"])) { margin-top: 10px; font-size: 14.5px; }
.guide form { display: flex; gap: 6px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: 6px; }
.guide input { flex: 1; min-width: 0; background: none; border: 0; color: #fff; font: 400 14px var(--corps); padding: 0 16px; }
.guide input::placeholder { color: #7f8ea4; }
.colonnes { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; gap: 40px; padding: 64px 0 56px; }
.colonnes h4 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 18px; }
.colonnes :is(ul,.x-ul) { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 13.5px; }
.colonnes :is(a,.x-a):hover { color: #fff; }
.colonnes .presentation p:where(:not([class*="x-"])) { font-size: 13.5px; margin-top: 18px; max-width: 320px; line-height: 1.65; }
.bas { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px; }
.reseaux { display: flex; gap: 10px; }
.reseaux :is(a,.x-a) { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); display: grid; place-items: center; color: #cfd6e0; font: 600 12px var(--corps); }
/* Apparition au défilement */
.revele { opacity: 0; transform: translateY(24px); transition: opacity .8s, transform .8s; }
.revele.vu { opacity: 1; transform: none; }
/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1080px) {.menu { display: none; }
.burger { display: grid; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.08); place-items: center; color: #fff; border: 0; }
.entete .btn { display: none; }
.probleme .enveloppe, .approche .haut, .test, .bandeau-appel, .grille-ressources, .guide { grid-template-columns: 1fr; }
.alerte { right: 16px; }
.grille-offres, .grille-formats { grid-template-columns: 1fr 1fr; }
.colonnes { grid-template-columns: 1fr 1fr; }
.puzzle { grid-template-columns: 1fr; }
.puzzle-photo, .puzzle-texte, .puzzle-carte { grid-column: 1; grid-row: auto; }
.puzzle-vide { display: none; }
.puzzle-photo img, .puzzle-texte, .puzzle-carte { border-radius: var(--r-bloc); }
.puzzle-texte { margin: 14px 0; }
.bandeau-appel { padding: 40px 28px 16px; }
.fleche-main { display: none; }

}
@media (max-width: 720px) {:root { --marge: 6px; }
body { font-size: 14.5px; }
.enveloppe { width: calc(100% - 36px); }
.hero { min-height: 0; }
.hero-corps { padding: 44px 0 190px; }
.hero-bandeau :is(ul,.x-ul) { grid-template-columns: 1fr 1fr; }
.grille-offres, .grille-formats, .axes { grid-template-columns: 1fr; }
.accordeon { flex-direction: column; height: 760px; }
.etapes { grid-template-columns: 1fr 1fr; row-gap: 36px; }
.etape { border-right: 0; }
.question { grid-template-columns: 1fr; gap: 10px; }
.question .n { display: none; }
.questions, .resultat { padding: 30px 22px; }
.puzzle-texte, .puzzle-carte { padding: 34px 24px; }
.chrono :is(li,.x-li) { grid-template-columns: 1fr; gap: 2px; }
.colonnes { grid-template-columns: 1fr; }
.bas { flex-direction: column; }
.guide form { flex-direction: column; border-radius: 18px; }
.guide input { padding: 12px 14px; }
.probleme, .solutions, .scenario { padding: 80px 0; }
.alerte { position: relative; right: auto; bottom: auto; width: auto; margin: -40px 14px 0; }

}
/* ajouts tour de design */
.sanction { display: flex; gap: 18px; align-items: center; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--trait); }
.sanction :is(b,strong,.x-b) { font: 600 40px/1 var(--titre); color: var(--rouge); white-space: nowrap; }
.sanction :is(span,em,.x-span) { font-size: 13.5px; line-height: 1.5; }
.contenu-rapport { list-style: none; margin: 0 0 24px; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.1); display: grid; gap: 9px; font-size: 13px; }
.contenu-rapport :is(li,.x-li) { display: flex; gap: 10px; }
.contenu-rapport :is(li,.x-li)::before { content: ""; flex: none; width: 6px; height: 6px; margin-top: 7px; border-radius: 50%; background: var(--accent-clair); }
@media (max-width: 720px) {.sanction { flex-direction: column; align-items: flex-start; gap: 8px; }
 }
@media (max-width: 720px) {.etape { min-width: 0; padding: 0 6px; }
.etape :is(b,strong,.x-b) { font-size: 22px; }
 }
/* marque CCDIGITAL */
.logo img { width: 36px; height: 36px; }
.logo :is(b,strong,.x-b) { letter-spacing: .1em; }
.fleche-main { left: 52%; bottom: 100px; }
/* ---------- Scénarios : le rouge reste la couleur du danger ---------- */
.scenario .surtitre::before { border-color: var(--rouge); background: radial-gradient(circle, var(--rouge) 0 3px, transparent 3.5px); }
.scenario .puzzle { display: none; }
.scenario .puzzle.actif { display: grid; animation: apparait .45s ease; }
@keyframes apparait { from { opacity: 0; transform: translateY(10px); } }
.onglets-scenario { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 26px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--trait); }
.onglet { font: 600 12.5px/1 var(--corps); padding: 10px 16px; border-radius: 999px; border: 0; cursor: pointer; background: none; color: var(--texte); transition: background .2s, color .2s; }
.onglet:hover { color: var(--encre); }
.onglet.actif { background: var(--rouge); color: #fff; }
.chrono :is(time,.x-time) { color: #ff5a63; }
@media (max-width: 720px) {.onglets-scenario { display: flex; }
.onglet { flex: 1; padding: 10px 8px; }
 }
/* ==========================================================================
   PAGES INTERNES — composants partagés
   ========================================================================== */
.hero.hero-interne { min-height: 0; }
.hero-interne .hero-corps { padding: 56px 0 110px; max-width: 820px; }
.hero-interne h1 { font-size: clamp(36px, 4.4vw, 58px); margin: 18px 0 22px; }
.hero-interne .hero-corps > p:where(:not([class*="x-"])) { max-width: 640px; }
.fil { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; color: #8e9aab; margin-bottom: 26px; }
.fil :is(a,.x-a):hover { color: #fff; }
.fil :is(span,em,.x-span)::before { content: "/"; margin-right: 8px; opacity: .5; }
.hero-interne::after { width: 110px; height: 88px; }
/* Menu mobile */
@media (max-width: 1080px) {.entete.ouvert .menu {
    display: grid; position: absolute; left: 12px; right: 12px; top: 84px; z-index: 20;
    background: var(--nuit); border: 1px solid rgba(255,255,255,.1); border-radius: var(--r-carte); padding: 10px;
  }
.entete.ouvert .menu :is(a,.x-a) { padding: 13px 14px; }

}
/* Sections génériques */
.bande { padding: 110px 0; }
.bande-blanche { background: #fff; margin: 0; }
.bande-grise { margin: 0; background: linear-gradient(180deg, #f1f2f2 0%, #dcdfe1 100%); }
.bloc-sombre {
  margin: 0; padding: 110px 0;
  background: linear-gradient(120deg, var(--nuit) 0%, var(--nuit-2) 55%, var(--nuit-3) 110%);
  color: #b7c2d0; position: relative; overflow: hidden;
}
.bloc-sombre h2, .bloc-sombre h3 { color: #fff; }
.bloc-sombre .surtitre { color: #c9d2de; }
.bloc-sombre .titre-section em { color: var(--accent-clair); }
.bloc-sombre .tete-centre p:where(:not([class*="x-"])) { color: #b7c2d0; }
/* Constat + fiche */
.constat { display: grid; grid-template-columns: 1.25fr 1fr; gap: 64px; align-items: start; }
.constat .titre-section { margin: 18px 0 22px; }
.constat > div > p:where(:not([class*="x-"])) { margin-bottom: 22px; }
.fiche {
  background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%);
  border-radius: var(--r-bloc); padding: 34px 34px 30px; color: #c4cedb; position: sticky; top: 24px;
}
.fiche :is(dl,.x-dl) { margin: 0; display: grid; gap: 20px; }
.fiche :is(dt,.x-dt) { font: 600 11px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: var(--accent-clair); margin-bottom: 8px; }
.fiche :is(dd,.x-dd) { margin: 0; font-size: 14.5px; line-height: 1.55; color: #e3e8ef; }
.fiche .btn { margin-top: 26px; width: 100%; justify-content: center; }
/* Livrables numérotés */
.grille-livrables { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
.livrable { background: #fff; border-radius: var(--r-carte); padding: 24px 22px; min-height: 170px; display: flex; flex-direction: column; }
.livrable .n { font: 600 13px/1 var(--titre); color: var(--accent); letter-spacing: .1em; }
.livrable h3 { font-size: 17px; line-height: 1.25; margin: 16px 0 8px; font-weight: 600; }
.livrable p:where(:not([class*="x-"])) { font-size: 13.5px; line-height: 1.5; }
.livrable.fort { background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); color: #c4cedb; }
.livrable.fort h3 { color: #fff; }
.livrable.fort .n { color: var(--accent-clair); }
/* Périmètre : photo + nuage d'étiquettes */
.perimetre { display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
.perimetre-photo { border-radius: var(--r-bloc); overflow: hidden; }
.perimetre-photo img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.perimetre h2 { margin: 16px 0 16px; }
.nuage { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.nuage :is(span,em,.x-span) { font: 500 13px/1 var(--corps); padding: 11px 15px; border-radius: 999px; background: #fff; color: var(--encre); }
.nuage :is(span,em,.x-span).cle { background: var(--accent); color: #fff; }
.note-sombre { margin-top: 26px; padding: 18px 20px; border-radius: var(--r-carte); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font-size: 14px; }
.note-sombre :is(b,strong,.x-b) { color: #fff; }
/* Déroulé horizontal */
.deroule { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
.deroule::before { content: ""; position: absolute; left: 0; right: 0; top: 22px; height: 1px; background: var(--trait); }
.pas { position: relative; padding-right: 26px; }
.pas .rond { width: 44px; height: 44px; border-radius: 50%; background: var(--fond); border: 1px solid var(--trait); display: grid; place-items: center; font: 600 14px/1 var(--titre); color: var(--encre); position: relative; }
.pas:first-child .rond { background: var(--accent); color: #fff; border-color: var(--accent); }
.pas h3 { font-size: 18px; margin: 20px 0 8px; font-weight: 600; }
.pas p:where(:not([class*="x-"])) { font-size: 14px; }
.pas :is(small,.x-small) { display: block; margin-top: 10px; font-size: 12px; color: var(--accent); font-weight: 600; letter-spacing: .06em; }
/* FAQ (details natifs) */
.faq { max-width: 860px; margin: 0 auto; display: grid; gap: 10px; }
.faq details { background: #fff; border-radius: var(--r-carte); padding: 0 26px; }
.faq summary { list-style: none; cursor: pointer; padding: 22px 34px 22px 0; font: 600 17px/1.35 var(--titre); color: var(--encre); position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 0; top: 18px; font: 400 24px/1 var(--corps); color: var(--accent); transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p:where(:not([class*="x-"])) { padding-bottom: 22px; font-size: 14.5px; }
.bande-blanche .faq details { background: var(--fond); }
/* Suite de l'escalier */
.suite { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.suite :is(a,.x-a) { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 26px 28px; border-radius: var(--r-carte); background: #fff; transition: transform .2s; }
.suite :is(a,.x-a):hover { transform: translateY(-3px); }
.suite :is(small,.x-small) { display: block; font: 600 11px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
.suite :is(b,strong,.x-b) { font: 600 20px/1.2 var(--titre); color: var(--encre); }
.suite :is(a,.x-a).prec { flex-direction: row-reverse; text-align: right; }
.suite :is(a,.x-a).prec .fleche { transform: rotate(180deg); }
.suite :is(a,.x-a):hover .fleche { background: var(--accent); }
/* ---------- Gouvernance & conformité ---------- */
.grille-ref { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ref { background: #fff; border-radius: var(--r-carte); padding: 28px 26px; display: flex; flex-direction: column; }
.ref .type { font: 600 11px/1 var(--corps); letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.ref h3 { font-size: 22px; margin: 14px 0 10px; font-weight: 600; }
.ref p:where(:not([class*="x-"])) { font-size: 14px; line-height: 1.55; }
.ref .nous { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--trait); font-size: 13px; color: var(--encre); }
.ref .nous :is(b,strong,.x-b) { color: var(--accent); }
.ref p:where(:not([class*="x-"])) + .nous { margin-top: 18px; }
.ref.sombre { background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); color: #c4cedb; }
.ref.sombre h3 { color: #fff; }
.ref.sombre .type, .ref.sombre .nous :is(b,strong,.x-b) { color: var(--accent-clair); }
.ref.sombre .nous { color: #e3e8ef; border-color: rgba(255,255,255,.12); }
.frise { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; position: relative; margin-top: 10px; }
.frise::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 2px; background: rgba(255,255,255,.12); }
.jalon { position: relative; padding: 36px 20px 0 0; }
.jalon::before { content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--nuit); border: 2px solid var(--accent-clair); }
.jalon.passe::before { background: var(--accent-clair); }
.jalon :is(time,.x-time) { font: 600 20px/1.2 var(--titre); color: #fff; display: block; }
.jalon p:where(:not([class*="x-"])) { font-size: 13.5px; margin-top: 8px; line-height: 1.5; }
.jalon .etat { display: inline-block; margin-top: 12px; font: 600 11px/1 var(--corps); letter-spacing: .1em; text-transform: uppercase; padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: #cfd6e0; }
.jalon.passe .etat { background: var(--accent); color: #fff; }
.paliers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 64px; padding-top: 48px; border-top: 1px solid rgba(255,255,255,.1); }
.palier { border-radius: var(--r-carte); padding: 22px 24px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }
.palier :is(b,strong,.x-b) { display: block; font: 600 34px/1 var(--titre); color: #fff; }
.palier :is(b,strong,.x-b) :is(small,.x-small) { font-size: 15px; color: #8e9db2; font-weight: 500; }
.palier p:where(:not([class*="x-"])) { font-size: 13.5px; margin-top: 10px; }
.note-calendrier { font-size: 12.5px; color: #8e9db2; margin-top: 26px; }
.owasp { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.risque { display: grid; grid-template-columns: 74px 1fr; gap: 18px; background: #fff; border-radius: var(--r-carte); padding: 22px 24px; }
.risque .code { font: 600 14px/1 var(--titre); color: var(--accent); letter-spacing: .04em; padding-top: 3px; }
.risque h3 { font-size: 17px; font-weight: 600; line-height: 1.3; }
.risque p:where(:not([class*="x-"])) { font-size: 13.5px; margin-top: 6px; line-height: 1.5; }
.risque .ctrl { display: block; margin-top: 10px; font-size: 12.5px; color: var(--encre); }
.risque .ctrl::before { content: "→ "; color: var(--accent); font-weight: 700; }
.deux-cadres { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.cadre-carte { background: #fff; border-radius: var(--r-bloc); padding: 40px 38px; }
.cadre-carte .titre-section { font-size: clamp(26px, 2.6vw, 34px); margin: 14px 0 14px; }
.fonctions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.fonction { background: var(--fond); border-radius: 12px; padding: 16px 18px; }
.fonction :is(b,strong,.x-b) { display: block; font: 700 13px/1 var(--titre); letter-spacing: .14em; color: var(--encre); margin-bottom: 7px; }
.fonction p:where(:not([class*="x-"])) { font-size: 13px; line-height: 1.5; }
.tactiques { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }
.tactiques :is(span,em,.x-span) { font: 500 12px/1 var(--corps); padding: 8px 11px; border-radius: 8px; background: var(--fond); color: var(--encre); border-left: 2px solid var(--accent); }
.matrice-wrap { overflow-x: auto; border-radius: var(--r-bloc); background: #fff; }
.matrice { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 760px; }
.matrice th, .matrice td { padding: 16px 18px; text-align: center; border-bottom: 1px solid var(--trait); }
.matrice thead th { font: 600 12px/1.3 var(--corps); letter-spacing: .06em; color: var(--encre); background: #f3f4f4; }
.matrice tbody th { text-align: left; font: 600 15px/1.3 var(--titre); color: var(--encre); }
.matrice tbody th :is(small,.x-small) { display: block; font: 500 11px/1 var(--corps); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 5px; }
.matrice tr:last-child th, .matrice tr:last-child td { border-bottom: 0; }
.plein, .partiel { display: inline-block; width: 14px; height: 14px; border-radius: 50%; vertical-align: middle; }
.plein { background: var(--accent); }
.partiel { border: 2px solid var(--accent); }
.legende { display: flex; gap: 22px; justify-content: center; margin-top: 18px; font-size: 12.5px; align-items: center; }
.legende :is(span,em,.x-span) { display: inline-flex; align-items: center; gap: 8px; }
.table-grc { display: grid; gap: 10px; }
.ligne-grc { display: grid; grid-template-columns: 1fr 40px 1.5fr; gap: 20px; align-items: center; background: #fff; border-radius: var(--r-carte); padding: 20px 24px; }
.ligne-grc .avant :is(b,strong,.x-b) { display: block; font: 600 18px/1.2 var(--titre); color: var(--encre); }
.ligne-grc .avant :is(span,em,.x-span) { font-size: 12.5px; color: #7b8391; }
.ligne-grc .fl { width: 34px; height: 34px; border-radius: 50%; background: var(--accent); color: #fff; display: grid; place-items: center; }
.ligne-grc .apres { font-size: 14px; }
.ligne-grc .apres :is(b,strong,.x-b) { color: var(--encre); }
/* ---------- Méthodologie ---------- */
.citation { max-width: 980px; margin: 0 auto; text-align: center; }
.citation p:where(:not([class*="x-"])) { font: 600 clamp(24px, 3vw, 38px)/1.25 var(--titre); color: var(--encre); letter-spacing: -.01em; text-wrap: balance; }
.citation p:where(:not([class*="x-"])) em { font-style: normal; color: var(--accent); }
.citation :is(small,.x-small) { display: block; margin-top: 22px; font-size: 13px; color: #7b8391; letter-spacing: .04em; }
.sept { display: grid; max-width: 1040px; margin: 0 auto; }
.etape-m { display: grid; grid-template-columns: 90px 1.1fr 1fr; gap: 30px; padding: 34px 0; border-top: 1px solid var(--trait); align-items: start; }
.etape-m:last-child { border-bottom: 1px solid var(--trait); }
.etape-m .num { font: 600 44px/1 var(--titre); color: var(--accent); }
.etape-m h3 { font-size: 24px; font-weight: 600; }
.etape-m .phase { font: 600 11px/1 var(--corps); letter-spacing: .16em; text-transform: uppercase; color: #8a929e; margin-bottom: 10px; display: block; }
.etape-m p:where(:not([class*="x-"])) { font-size: 14.5px; margin-top: 8px; }
.etape-m .sortie { background: #fff; border-radius: 12px; padding: 16px 18px; font-size: 13.5px; }
.etape-m .sortie :is(b,strong,.x-b) { display: block; font: 600 11px/1 var(--corps); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.principes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.principe { border-top: 2px solid var(--accent); padding-top: 22px; }
.principe h3 { font-size: 20px; font-weight: 600; margin-bottom: 8px; }
.principe p:where(:not([class*="x-"])) { font-size: 14px; }
/* ---------- À propos ---------- */
.fondateur { display: grid; grid-template-columns: 380px 1fr; gap: 56px; align-items: center; }
.fondateur :is(figure,.x-figure) { margin: 0; position: relative; }
.fondateur :is(figure,.x-figure) img { border-radius: var(--r-bloc); aspect-ratio: 4/5; object-fit: cover; width: 100%; }
.a-completer { display: inline-block; font: 600 11px/1 var(--corps); letter-spacing: .12em; text-transform: uppercase; background: #fff3cd; color: #7a5b00; padding: 7px 10px; border-radius: 6px; margin-bottom: 14px; }
.fondateur h2 { margin: 16px 0 16px; }
.fondateur p:where(:not([class*="x-"])) { margin-bottom: 14px; }
.competences { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.competences div { background: var(--fond); border-radius: 12px; padding: 14px 16px; font-size: 13.5px; color: var(--encre); }
.competences div :is(b,strong,.x-b) { display: block; font: 600 11px/1 var(--corps); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 7px; }
/* ---------- Ressources ---------- */
.aimants { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.aimant { border-radius: var(--r-bloc); padding: 40px 38px; display: flex; flex-direction: column; gap: 14px; }
.aimant.clair { background: #fff; }
.aimant.fonce { background: linear-gradient(150deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); color: #c4cedb; }
.aimant.fonce h3 { color: #fff; }
.aimant.fonce .surtitre { color: #c9d2de; }
.aimant h3 { font-size: 28px; line-height: 1.15; font-weight: 600; }
.aimant :is(ul,.x-ul) { list-style: none; padding: 0; margin: 4px 0 8px; display: grid; gap: 8px; font-size: 14px; }
.aimant :is(li,.x-li) { display: flex; gap: 10px; }
.aimant :is(li,.x-li)::before { content: "✓"; color: var(--accent); font-weight: 700; }
.aimant.fonce :is(li,.x-li)::before { color: var(--accent-clair); }
.aimant .btn { align-self: flex-start; margin-top: auto; }
.aimant form { margin-top: auto; display: flex; gap: 6px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 6px; }
.aimant input { flex: 1; min-width: 0; background: none; border: 0; color: #fff; font: 400 14px var(--corps); padding: 0 16px; }
.aimant input::placeholder { color: #7f8ea4; }
.filtres { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 40px; }
.filtre { font: 600 13px/1 var(--corps); padding: 11px 18px; border-radius: 999px; border: 1px solid var(--trait); background: #fff; color: var(--texte); cursor: pointer; }
.filtre.actif { background: var(--encre); border-color: var(--encre); color: #fff; }
.grille-articles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 26px; }
.carte-article :is(figure,.x-figure) { margin: 0 0 18px; position: relative; }
.carte-article img { border-radius: var(--r-carte); aspect-ratio: 16/10.5; object-fit: cover; width: 100%; }
.carte-article h3 { font-size: 20px; line-height: 1.25; font-weight: 600; }
.carte-article p:where(:not([class*="x-"])) { font-size: 13.5px; }
.carte-article.masque { display: none; }
/* ---------- Contact ---------- */
.contact-grille { display: grid; grid-template-columns: 1.35fr 1fr; gap: 22px; align-items: start; }
.formulaire { background: #fff; border-radius: var(--r-bloc); padding: 44px 44px 40px; }
.formulaire h2 { font-size: 28px; font-weight: 600; margin-bottom: 8px; }
.formulaire > p:where(:not([class*="x-"])) { margin-bottom: 26px; }
.champs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.champ { display: grid; gap: 7px; }
.champ.large { grid-column: 1 / -1; }
.champ label { font: 600 12.5px/1 var(--corps); color: var(--encre); }
.champ input, .champ select, .champ textarea {
  font: 400 14.5px/1.4 var(--corps); padding: 14px 16px; border-radius: 12px; border: 1px solid var(--trait);
  background: var(--fond); color: var(--encre); width: 100%;
}
.champ textarea { min-height: 140px; resize: vertical; }
.champ input:focus, .champ select:focus, .champ textarea:focus { outline: 2px solid var(--accent); outline-offset: 1px; background: #fff; }
.formulaire .btn { margin-top: 22px; }
.formulaire :is(small,.x-small) { display: block; margin-top: 14px; font-size: 12px; color: #7b8391; }
.coordonnees { background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); border-radius: var(--r-bloc); padding: 40px 36px; color: #c4cedb; }
.coordonnees h3 { color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 20px; }
.coordonnees .c { display: flex; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; font-size: 15px; }
.coordonnees .c svg { width: 26px; height: 26px; color: var(--accent-clair); flex: none; }
.coordonnees .c :is(span,em,.x-span) { display: block; font-size: 12px; color: #8e9db2; }
.ensuite { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 16px; counter-reset: e; }
.ensuite :is(li,.x-li) { display: grid; grid-template-columns: 32px 1fr; gap: 12px; font-size: 13.5px; counter-increment: e; }
.ensuite :is(li,.x-li)::before { content: counter(e); width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff; display: grid; place-items: center; font: 600 13px/1 var(--titre); }
.ensuite :is(b,strong,.x-b) { color: #fff; display: block; }
@media (max-width: 1080px) {.constat, .perimetre, .deux-cadres, .fondateur, .aimants, .contact-grille { grid-template-columns: 1fr; }
.fiche { position: static; }
.grille-livrables { grid-template-columns: 1fr 1fr; }
.grille-ref, .grille-articles { grid-template-columns: 1fr 1fr; }
.frise { grid-template-columns: 1fr; gap: 26px; }
.frise::before { left: 7px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
.jalon { padding: 0 0 0 36px; }
.owasp { grid-template-columns: 1fr; }
.deroule { grid-template-columns: 1fr 1fr; row-gap: 36px; }
.deroule::before { display: none; }

}
@media (max-width: 720px) {.grille-livrables, .grille-ref, .grille-articles, .paliers, .principes, .fonctions, .competences, .champs, .suite { grid-template-columns: 1fr; }
.deroule { grid-template-columns: 1fr; }
.etape-m { grid-template-columns: 1fr; gap: 12px; }
.ligne-grc { grid-template-columns: 1fr; gap: 10px; }
.ligne-grc .fl { transform: rotate(90deg); }
.risque { grid-template-columns: 1fr; gap: 8px; }
.formulaire, .coordonnees, .cadre-carte, .aimant { padding: 30px 22px; }
.bande, .bloc-sombre { padding: 80px 0; }
.hero-interne .hero-bandeau { display: none; }
.hero-interne .hero-corps { padding-bottom: 70px; }
.suite :is(a,.x-a).prec { flex-direction: row; text-align: left; }
.aimant form { flex-direction: column; border-radius: 18px; }
.aimant input { padding: 12px 14px; }

}
.bande-blanche .ligne-grc, .bande-blanche .livrable { background: var(--fond); }
/* ==========================================================================
   ARTICLE — gabarit de billet de blog
   ========================================================================== */
.hero-article .hero-corps { max-width: 900px; padding-bottom: 96px; }
.hero-article h1 { font-size: clamp(34px, 4vw, 54px); }
.meta-article { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 26px; font-size: 13px; color: #aeb8c6; align-items: center; }
.meta-article .auteur { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; }
.meta-article .auteur img { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.08); padding: 4px; }
.meta-article :is(span,em,.x-span) + :is(span,em,.x-span)::before { content: "·"; margin-right: 22px; opacity: .5; }
.lecture { background: #fff; margin: 0; padding: 90px 0 110px; }
.lecture .enveloppe { display: grid; grid-template-columns: 240px minmax(0, 720px); gap: 80px; justify-content: center; }
.sommaire { position: sticky; top: 28px; align-self: start; }
.sommaire :is(b,strong,.x-b) { display: block; font: 600 11px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: var(--encre); margin-bottom: 16px; }
.sommaire :is(ol,.x-ol) { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: s; border-left: 1px solid var(--trait); }
.sommaire :is(li,.x-li) { counter-increment: s; }
.sommaire :is(a,.x-a) { display: block; padding: 8px 0 8px 16px; margin-left: -1px; font-size: 13.5px; line-height: 1.4; color: var(--texte); border-left: 2px solid transparent; transition: color .2s, border-color .2s; }
.sommaire :is(a,.x-a)::before { content: counter(s, decimal-leading-zero) "  "; font: 600 11px var(--titre); color: #a4abb5; }
.sommaire :is(a,.x-a):hover, .sommaire :is(a,.x-a).actif { color: var(--encre); border-left-color: var(--accent); }
.sommaire .partage { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--trait); font-size: 12.5px; }
.sommaire .partage :is(a,.x-a) { display: inline-flex; padding: 0; border: 0; color: var(--accent); font-weight: 600; margin: 0; }
.sommaire .partage :is(a,.x-a)::before { content: none; }
.prose { font-size: 16.5px; line-height: 1.78; color: #3f4652; }
.prose > * + * { margin-top: 20px; }
.prose .chapo { font-size: 20px; line-height: 1.6; color: var(--encre); font-weight: 500; }
.prose h2 { font-size: 30px; line-height: 1.2; font-weight: 600; margin-top: 56px; scroll-margin-top: 24px; }
.prose h3 { font-size: 21px; line-height: 1.3; font-weight: 600; margin-top: 34px; }
.prose :is(ul,.x-ul), .prose :is(ol,.x-ol) { padding-left: 0; list-style: none; display: grid; gap: 10px; }
.prose :is(ul,.x-ul) :is(li,.x-li) { position: relative; padding-left: 26px; }
.prose :is(ul,.x-ul) :is(li,.x-li)::before { content: ""; position: absolute; left: 0; top: 13px; width: 12px; height: 2px; background: var(--accent); }
.prose :is(ol,.x-ol) { counter-reset: o; }
.prose :is(ol,.x-ol) :is(li,.x-li) { counter-increment: o; position: relative; padding-left: 40px; }
.prose :is(ol,.x-ol) :is(li,.x-li)::before { content: counter(o); position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: var(--fond); color: var(--accent); font: 600 13px/26px var(--titre); text-align: center; }
.prose strong { color: var(--encre); }
.prose :is(a,.x-a) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.prose blockquote { margin: 34px 0; padding: 4px 0 4px 28px; border-left: 3px solid var(--accent); font: 600 23px/1.4 var(--titre); color: var(--encre); }
.prose :is(figure,.x-figure) { margin: 36px 0; }
.prose :is(figure,.x-figure) img { border-radius: var(--r-bloc); width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.prose figcaption { font-size: 13px; color: #8a929e; margin-top: 10px; }
.prose code { font-size: 14px; background: var(--fond); padding: 2px 7px; border-radius: 6px; color: var(--encre); }
.prose table { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.5; }
.prose th, .prose td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--trait); vertical-align: top; }
.prose thead th { font: 600 12px/1.3 var(--corps); letter-spacing: .08em; text-transform: uppercase; color: var(--encre); background: var(--fond); }
.encadre { border-radius: var(--r-carte); padding: 26px 28px; background: var(--fond); }
.encadre > :is(b,strong,.x-b) { display: block; font: 600 11px/1 var(--corps); letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.encadre p:where(:not([class*="x-"])) + p:where(:not([class*="x-"])), .encadre p:where(:not([class*="x-"])) + :is(ul,.x-ul) { margin-top: 10px; }
.encadre.fonce { background: linear-gradient(160deg, var(--nuit-3) 0%, var(--nuit-2) 45%, var(--nuit) 100%); color: #c4cedb; }
.encadre.fonce > :is(b,strong,.x-b) { color: var(--accent-clair); }
.encadre.fonce strong { color: #fff; }
.encadre.fonce :is(ul,.x-ul) :is(li,.x-li)::before { background: var(--accent-clair); }
.encadre-cta { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; margin: 44px 0 !important; }
.encadre-cta h4 { font: 600 20px/1.3 var(--titre); color: #fff; margin: 0 0 6px; }
.encadre-cta p:where(:not([class*="x-"])) { font-size: 14px; line-height: 1.55; }
.encadre-cta .btn { text-decoration: none; color: #fff; }
.a-retenir { margin-top: 56px !important; }
.a-retenir :is(ul,.x-ul) :is(li,.x-li) { font-size: 15.5px; }
.articles-lies { padding: 100px 0 110px; }
.articles-lies .grille-articles { grid-template-columns: repeat(3, 1fr); }
.carte-article :is(a,.x-a) { display: block; }
.carte-article :is(a,.x-a):hover h3 { color: var(--accent); }
.carte-article h3 { transition: color .2s; }
.vedette :is(a,.x-a):hover h3, .liste-articles :is(a,.x-a):hover h4 { color: var(--accent); }
.vedette h3, .liste-articles h4 { transition: color .2s; }
@media (max-width: 1080px) {.lecture .enveloppe { grid-template-columns: 1fr; gap: 30px; }
.sommaire { position: static; background: var(--fond); border-radius: var(--r-carte); padding: 22px; }
.articles-lies .grille-articles { grid-template-columns: 1fr 1fr; }

}
@media (max-width: 720px) {.lecture { padding: 60px 0 80px; }
.prose { font-size: 16px; }
.prose .chapo { font-size: 18px; }
.prose h2 { font-size: 25px; margin-top: 44px; }
.prose blockquote { font-size: 19px; padding-left: 20px; }
.encadre-cta { grid-template-columns: 1fr; }
.articles-lies .grille-articles { grid-template-columns: 1fr; }
.prose table { font-size: 13px; }
.prose th, .prose td { padding: 10px 8px; }

}


/* ==========================================================================
   ADAPTATIONS WORDPRESS
   Ce qui précède est la feuille de la maquette, sélecteurs de type réécrits
   en :is(b, .x-b)… Ce qui suit adapte le rendu aux blocs natifs.
   ========================================================================== */

/* ---------- Socle ---------- */
body { position: relative; }
em { font-style: normal; }
img { height: auto; }
:where(.wp-block-group) > :where(*), :where(.wp-block-buttons) { margin-block: 0; }
figure.wp-block-image, figure.wp-block-table { margin: 0; }
.wp-site-blocks, .wp-block-post-content, main.wp-block-group { margin: 0; padding: 0; }
.x-figure > figure.wp-block-image { margin: 0 !important; }
:where(ul.wp-block-list, ol.wp-block-list) { margin: 0; }
.lien-carte { position: relative; }
.lien-carte :is(h1, h2, h3, h4, h5, h6, p) > a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.lien-carte .wp-block-post-terms a { position: relative; z-index: 2; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* ---------- En-tête (template part) flottant au-dessus du héros ---------- */
.entete-site { position: absolute; top: 0; left: 0; right: 0; z-index: 20; }
.hero > .enveloppe { padding-top: 93px; }
/* la mise en page « flow » de WordPress annule la marge du premier et du dernier enfant */
.wp-block-post-content > .hero:first-child, main > .hero:first-child { margin-top: 0; }
.entete .logo { position: relative; }
.entete .logo figure { flex: none; }
.entete .logo img, .pied .logo img { width: 36px; height: 36px; }
.wp-block-navigation.menu { display: flex; font-size: 14px; }
.wp-block-navigation.menu .wp-block-navigation__container { gap: 6px; }
.wp-block-navigation.menu .wp-block-navigation-item__content {
  display: block; padding: 9px 14px; border-radius: 999px; color: #d5dce6; transition: background .2s;
}
.wp-block-navigation.menu .wp-block-navigation-item__content:hover,
.wp-block-navigation.menu .wp-block-navigation-item__content.actif { background: rgba(255,255,255,.08); color: #fff; }
.wp-block-navigation.menu .wp-block-navigation__responsive-container-open { color: #fff; }
.wp-block-navigation.menu .wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--nuit) !important; color: #fff !important; padding: 28px 22px !important;
}
.wp-block-navigation.menu .is-menu-open .wp-block-navigation-item__content { font-size: 18px; padding: 12px 0; }
.entete-site .wp-block-buttons { flex: none; }
@media (max-width: 1080px) {
  .wp-block-navigation.menu { display: flex; }
  .wp-block-navigation.menu .wp-block-navigation-item__content { padding: 8px 9px; font-size: 13px; }
  .entete-site .wp-block-buttons { display: none; }
}
@media (max-width: 720px) { .hero > .enveloppe { padding-top: 94px; } }

/* ---------- Boutons (core/button) ---------- */
.wp-block-button[class*="b-"] .wp-block-button__link {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 22px; border-radius: 999px; border: 0;
  font: 600 14px/1 var(--corps); letter-spacing: .01em; text-decoration: none;
  white-space: nowrap; transition: transform .2s, background .2s, color .2s;
}
.wp-block-button[class*="b-"] .wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button.b-accent .wp-block-button__link { background: var(--accent); color: #fff; }
.wp-block-button.b-accent .wp-block-button__link:hover { background: var(--accent-vif); }
.wp-block-button.b-blanc .wp-block-button__link { background: #fff; color: var(--encre); }
.wp-block-button.b-nuit .wp-block-button__link { background: linear-gradient(90deg, var(--nuit), var(--nuit-3)); color: #fff; }
.wp-block-button.a-puce .wp-block-button__link::after {
  content: ""; width: 20px; height: 20px; border-radius: 50%; flex: none;
  background: var(--encre) var(--fl-blanc) center / 12px no-repeat;
}
.wp-block-button.b-accent.a-puce .wp-block-button__link::after { background-color: #fff; background-image: var(--fl-accent); }
.wp-block-button.b-lecture .wp-block-button__link {
  background: none; color: #fff; padding: 0; gap: 12px; font-weight: 600; font-size: 14px;
}
.wp-block-button.b-lecture .wp-block-button__link::before {
  content: ""; width: 40px; height: 40px; border-radius: 50%; flex: none;
  background: #fff var(--fl-accent) center / 16px no-repeat;
}
.wp-block-buttons { gap: 10px; }
.wp-block-buttons > .wp-block-button { display: inline-flex; vertical-align: top; }
.hero-actions { gap: 26px; }
.format .wp-block-buttons, .format .wp-block-button, .format .wp-block-button__link,
.fiche .wp-block-buttons, .fiche .wp-block-button, .fiche .wp-block-button__link { width: 100%; justify-content: center; }
.fiche .wp-block-buttons { margin-top: 26px; }
.aimant .wp-block-buttons { margin-top: auto; }
.formulaire .wpcf7 { margin-top: 0; }

/* ---------- Pictogrammes (masques CSS) ---------- */
.ico::before {
  content: ""; display: block; flex: none; background: currentColor;
  -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
}
.offre.ico::before { width: 62px; height: 62px; background: var(--encre); }
.offre.phare.ico::before { background: #fff; }
.niveau.ico::before { width: 50px; height: 50px; background: var(--encre); }
.etape.ico::before { width: 36px; height: 36px; margin: 0 auto 23px; background: #fff; } /* 16px + l'interligne sous le SVG en ligne de la maquette */
.hero-bandeau li.ico { display: flex; }
.hero-bandeau li.ico::before { width: 18px; height: 18px; background: var(--accent-clair); }
.pastille.ico::before { width: 18px; height: 18px; background: var(--rouge); }
.contacts .c.ico::before { width: 30px; height: 30px; background: #cfd6e0; }
.coordonnees .c.ico::before { width: 26px; height: 26px; background: var(--accent-clair); }

/* Flèche ronde des cartes */
.a-fleche { display: flex; }
.a-fleche::after {
  content: ""; width: 34px; height: 34px; border-radius: 50%; flex: none;
  background: var(--encre) var(--fl-blanc) center / 14px no-repeat; transition: background-color .2s;
}
.offre:hover .a-fleche::after, .suite .x-a:hover::after { background-color: var(--accent); }
.offre.phare .a-fleche::after { background-color: #fff; background-image: var(--fl-accent); }
.suite .x-a.prec::after { transform: rotate(180deg); }
.pied-offre.a-fleche { align-items: center; justify-content: space-between; }

/* Flèche manuscrite du bandeau d'appel */
.bandeau-appel.a-fleche-main::after {
  content: ""; position: absolute; left: 52%; bottom: 100px; width: 90px; height: 54px; transform: translateX(-10px);
  background: var(--accent-vif); -webkit-mask: var(--fleche-main) center / contain no-repeat; mask: var(--fleche-main) center / contain no-repeat;
}
@media (max-width: 1080px) { .bandeau-appel.a-fleche-main::after { display: none; } }

/* ---------- Images en couches (le CSS des blocs impose height:auto) ---------- */
figure.hero-photo { position: absolute; inset: 0; z-index: -2; margin: 0; }
figure.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 30%; }
.panneau figure.wp-block-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.puzzle-photo figure.wp-block-image, .puzzle-photo figure.wp-block-image img { height: 100%; }
.probleme-visuel figure.wp-block-image img, .approche-photo figure.wp-block-image img,
.perimetre-photo figure.wp-block-image img, .fondateur figure.wp-block-image img { height: auto; }
.probleme-visuel { position: relative; }

/* ---------- Scénarios : cellule vide et congé repris en pseudo-éléments ---------- */
.puzzle::before { content: ""; grid-row: 2; grid-column: 1; background: var(--fond); border-radius: 0 0 0 var(--r-bloc); }
.puzzle-texte { position: relative; }
.puzzle-texte::after {
  content: ""; position: absolute; left: calc(-1 * var(--r-bloc)); bottom: calc(-1 * var(--r-bloc));
  width: var(--r-bloc); height: var(--r-bloc);
  background: radial-gradient(circle at 0 100%, transparent var(--r-bloc), var(--fond) calc(var(--r-bloc) + .5px));
}
@media (max-width: 1080px) { .puzzle::before, .puzzle-texte::after { display: none; } }
.chrono li > em:first-child { font: 600 15px/1.5 var(--titre); color: #ff5a63; }
.onglet { display: inline-block; }

/* ---------- Test d'exposition : jauge en CSS ---------- */
@property --p { syntax: "<number>"; inherits: true; initial-value: 0; }
.jauge { --p: 0; transition: --p .6s; }
.jauge::before {
  content: ""; position: absolute; left: 0; top: 4px; width: 190px; height: 95px; border-radius: 95px 95px 0 0;
  background: conic-gradient(from -90deg at 50% 100%, var(--accent) calc(var(--p) * 1.8deg), rgba(255,255,255,.1) 0 180deg, transparent 0);
  -webkit-mask: radial-gradient(circle at 50% 100%, transparent 74px, #000 75px 88px, transparent 89px);
  mask: radial-gradient(circle at 50% 100%, transparent 74px, #000 75px 88px, transparent 89px);
}
.jauge .valeur { position: absolute; left: 0; right: 0; bottom: -4px; text-align: center; font: 600 44px/1 var(--titre); color: #fff; }
.choix > p { cursor: pointer; margin: 0; }

/* ---------- Formulaires Contact Form 7 ---------- */
.wpcf7 form { margin: 0; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-spinner { display: none !important; }
.wpcf7 .hidden-fields-container, .wpcf7 fieldset.hidden-fields-container { display: none; border: 0; padding: 0; margin: 0; }
.wpcf7 input.wpcf7-submit.btn {
  font: 600 14px/1 var(--corps); padding: 13px 22px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--accent); color: #fff; width: auto; transition: background .2s, transform .2s;
}
.wpcf7 input.wpcf7-submit.btn:hover { background: var(--accent-vif); transform: translateY(-2px); }
.wpcf7-not-valid-tip { font-size: 12px; margin-top: 6px; color: #ff8a92; }
.wpcf7 form .wpcf7-response-output { margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; font-size: 13px; border-width: 1px; }
.capture .wpcf7-form { display: grid; gap: 10px; }
.capture input.wpcf7-submit.btn { width: 100%; }
/* pastille e-mail + bouton (guide) ; la case de consentement se place dessous */
.guide .wpcf7-form, .aimant .wpcf7-form { display: block; background: none; border: 0; padding: 0; border-radius: 0; }
.guide .pilule, .aimant .pilule {
  display: flex; gap: 6px; background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: 6px;
}
.guide .pilule > .wpcf7-form-control-wrap, .aimant .pilule > .wpcf7-form-control-wrap { flex: 1; min-width: 0; }
.guide .pilule input.wpcf7-email, .aimant .pilule input.wpcf7-email {
  width: 100%; height: 100%; background: none; border: 0; color: #fff; font: 400 14px var(--corps); padding: 12px 16px; outline: none;
}
.guide .pilule input.wpcf7-email::placeholder, .aimant .pilule input.wpcf7-email::placeholder { color: #7f8ea4; }
.guide .pilule input.wpcf7-submit, .aimant .pilule input.wpcf7-submit { flex: none; width: auto; }
.guide .wpcf7-response-output, .aimant .wpcf7-response-output { color: #cfd6e0; }
.guide .x-form, .aimant .x-form { margin-top: auto; }
.formulaire .wpcf7-form .btn { margin-top: 22px; }
.formulaire .wpcf7-form select { appearance: auto; }
/* case de consentement (facultative) */
.wpcf7-acceptance .wpcf7-list-item { display: block; margin: 12px 0 0; }
.wpcf7-acceptance label { display: flex; gap: 9px; align-items: flex-start; cursor: pointer; font-size: 11.5px; line-height: 1.5; color: #8e9db2; }
.wpcf7 .wpcf7-acceptance input[type="checkbox"] { flex: none; width: 15px; height: 15px; margin: 1px 0 0; padding: 0; border-radius: 3px; background: none; border: initial; accent-color: var(--accent); }
.wpcf7-acceptance a { color: inherit; text-decoration: underline; }
.formulaire .wpcf7-acceptance label { color: var(--texte); font-size: 12.5px; }
.capture .wpcf7-acceptance .wpcf7-list-item { margin: 2px 0 4px; }
@media (max-width: 720px) {
  .guide .pilule, .aimant .pilule { flex-direction: column; border-radius: 18px; }
}

/* ---------- Tableaux ---------- */
figure.wp-block-table.matrice { margin: 0; }
figure.matrice table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 760px; }
figure.matrice td { color: var(--accent); font-size: 17px; }
.prose figure.wp-block-table table { width: 100%; border-collapse: collapse; }
.wp-block-table thead { border-bottom: 0; }
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid var(--trait); }

/* ---------- Détails (FAQ) ---------- */
.faq details.wp-block-details { background: #fff; border-radius: var(--r-carte); padding: 0 26px; }
.bande-blanche .faq details.wp-block-details { background: var(--fond); }
.faq details.wp-block-details > p { padding-bottom: 22px; font-size: 14.5px; }

/* ---------- Listes d'articles (boucles de requête) ---------- */
ul.grille-articles { list-style: none; padding: 0; margin: 0; }
.grille-articles > li.masque { display: none; }
.carte-article { container-type: inline-size; }
.carte-article .wp-block-post-featured-image { margin: 0 0 18px; }
.carte-article .wp-block-post-featured-image img { border-radius: var(--r-carte); aspect-ratio: 16/10.5; object-fit: cover; width: 100%; height: auto; }
.carte-article > .categorie { position: absolute; left: 20px; top: calc(100cqw * 10.5 / 16 - 43px); bottom: auto; z-index: 2; }
.carte-article .categorie a { color: inherit; text-decoration: none; pointer-events: none; }
.carte-article .wp-block-post-title { font-size: 20px; line-height: 1.25; font-weight: 600; }
.carte-article .wp-block-post-title a { color: inherit; text-decoration: none; }
.carte-article .wp-block-post-title a:hover { color: var(--accent); }
.carte-article .meta { display: flex; gap: 6px; font-size: 12px; color: #8a929e; margin: 10px 0; }
.carte-article .meta .wp-block-post-terms { color: var(--accent); font-weight: 600; }
.carte-article .meta .wp-block-post-terms a { color: inherit; pointer-events: none; text-decoration: none; }
.carte-article .meta > * + *::before { content: "·"; margin-right: 6px; color: #8a929e; font-weight: 400; }
.carte-article .wp-block-post-excerpt__excerpt { font-size: 13.5px; margin: 0; }
.carte-article .wp-block-post-excerpt__more-text { display: none; }

/* ---------- Article (modèle single) ---------- */
.hero-article .fil { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hero-article .fil a { color: inherit; }
.hero-article .fil-terme::before { content: "/"; margin-right: 8px; opacity: .5; }
.hero-article .fil-terme a { color: inherit; text-decoration: none; }
.hero-article .fil-ligne { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; font-size: 12.5px; color: #8e9aab; }
.hero-article .surtitre a { color: inherit; text-decoration: none; }
.hero-article .wp-block-post-excerpt__excerpt { font-size: 17px; max-width: 640px; color: #c3ccd8; margin: 0; }
.hero-article .wp-block-post-excerpt__more-text { display: none; }
.meta-article > * + *::before { content: "·"; margin-right: 22px; opacity: .5; }
.meta-article .auteur { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; }
.meta-article .auteur::before { content: ""; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.08) var(--logo-blanc) center / 22px no-repeat; margin: 0; opacity: 1; }
.meta-article .wp-block-post-date { color: #aeb8c6; }
.sommaire > ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: s; border-left: 1px solid var(--trait); }
.prose > .wp-block-quote { margin: 34px 0; }
.prose > .wp-block-quote p { margin: 0; }
.prose .encadre-cta .wp-block-buttons { margin: 0; }
.prose .encadre-cta .wp-block-button__link { text-decoration: none; }
.prose ul.wp-block-list, .prose ol.wp-block-list { padding-left: 0; }

/* ---------- Pagination et archives ---------- */
.archive-grille { padding: 90px 0 110px; }
.wp-block-query-pagination { margin-top: 40px; justify-content: center; gap: 10px; font-weight: 600; }

/* ---------- Correctifs de fidélité (porte 4) ---------- */
.resultat > .jauge { margin-top: 10px; }
.fil-ligne .fil { margin: 0; }
/* GRC : la flèche centrale devient un pseudo-élément placé dans la colonne du milieu */
.ligne-grc.a-fl::after {
  content: ""; order: 2; width: 34px; height: 34px; border-radius: 50%;
  background: var(--accent) var(--fl-blanc) center / 14px no-repeat;
}
.ligne-grc > .avant { order: 1; }
.ligne-grc > .apres { order: 3; }
@media (max-width: 720px) { .ligne-grc.a-fl::after { transform: rotate(90deg); } }
/* lien étiré des cartes : il hérite sinon des règles écrites pour la carte (.suite a…) */
.lien-carte.x-a :is(h1, h2, h3, h4, h5, h6, p) > a { display: inline; padding: 0; background: none; border-radius: 0; box-shadow: none; transform: none; }
/* listes de l'encadré « À retenir » : marges par défaut de la maquette (1em) */
.prose .encadre :is(ul, ol).wp-block-list { margin-block: 1em; }
.prose .encadre > :is(ul, ol).wp-block-list:last-child { margin-bottom: 1em; }
/* Contact Form 7 : champs en bloc (pas de ligne fantôme) et zone de message à 140 px comme la maquette */
.wpcf7-form-control-wrap > :is(input, select, textarea) { display: block; }
.formulaire .champ textarea { height: 140px; }
/* pied de page et ressources : le bouton garde sa largeur, le champ prend le reste */

/* ---------- Pictogrammes générés depuis le sprite de la maquette ---------- */
:root {
  --fl-blanc: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --fl-accent: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%232f5bd8%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --fleche-main: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 60%22%3E%3Cpath d=%22M96 6c-8 22-30 20-30 8 0-10 16-6 10 12-6 16-30 26-66 22%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M18 40l-9 8 11 4%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --logo-blanc: url("assets/img/logo-blanc.png");
}
.ico-radar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-radar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-radar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 12l5.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 fill=%22%23000%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-gouv::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-gouv::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-gouv::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9l9-5 9 5%22/%3E%3Cpath d=%22M5 9v9M9.5 9v9M14.5 9v9M19 9v9%22/%3E%3Cpath d=%22M3 20h18%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-archi::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-archi::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-archi::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%228.5%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Cpath d=%22M6.5 10v2h11v-2M12 12v2%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-bouclier::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-bouclier::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-bouclier::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath d=%22M8.5 12l2.5 2.5 4.5-5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-outil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-outil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-outil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.5 6.5a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.6 2.6l5.6-5.6a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.4-.4-2.3z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-cockpit::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-cockpit::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-cockpit::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M7 13l3-3 2.5 2L17 8%22/%3E%3Cpath d=%22M9 21h6M12 17v4%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-grc::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-grc::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-grc::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 3h7l4 4v14H7z%22/%3E%3Cpath d=%22M14 3v4h4%22/%3E%3Cpath d=%22M10 12h5M10 15.5h5M10 8.5h2%22/%3E%3Cpath d=%22M4 7v14h3%22 opacity=%22.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-oeil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-oeil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-oeil::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22%3E%3Cpath d=%22M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M4 20L20 4%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-fuite::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-fuite::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-fuite::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v10H4z%22/%3E%3Cpath d=%22M9 19h6M12 15v4%22/%3E%3Cpath d=%22M14 9l3 3M17 9l-3 3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-injection::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-injection::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-injection::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 17l6-6-6-6%22/%3E%3Cpath d=%22M12 19h8%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-agent::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-agent::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-agent::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%224.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%225%22 r=%221.8%22/%3E%3Ccircle cx=%224.5%22 cy=%2219%22 r=%221.8%22/%3E%3Ccircle cx=%2219.5%22 cy=%2219%22 r=%221.8%22/%3E%3Cpath d=%22M6 6.4l3.8 3.6M18 6.4l-3.8 3.6M6 17.6l3.8-3.6M18 17.6l-3.8-3.6%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-loupe::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-loupe::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-loupe::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L21 21%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-cible::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-cible::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-cible::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Cpath d=%22M12 1v5M12 18v5M1 12h5M18 12h5%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-cadenas::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-cadenas::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-cadenas::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210.5%22 rx=%222%22/%3E%3Cpath d=%22M8 10.5V7.5a4 4 0 0 1 8 0v3%22/%3E%3Cpath d=%22M12 14.5v3%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-relais::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-relais::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-relais::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h11%22/%3E%3Cpath d=%22M11 7l5 5-5 5%22/%3E%3Cpath d=%22M20 4v16%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-tel::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-tel::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-tel::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 3.5h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.6 6.6l1.4-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-mail::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E"); }
.ico-o20-mail::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-mail::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3.5 6l8.5 7 8.5-7%22/%3E%3C/g%3E%3C/svg%3E%3C/svg%3E"); }
.ico-fl::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.ico-o20-fl::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2220%22 y=%2220%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E%3C/svg%3E"); }
.ico-o16-fl::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M22 3h20l19 19v20L42 61H22L3 42V22z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22/%3E%3Cpath d=%22M24 8h16l16 16v16L40 56H24L8 40V24z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221%22 stroke-dasharray=%222 3%22 opacity=%22.6%22/%3E%3Csvg x=%2216%22 y=%2216%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h13M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E%3C/svg%3E"); }

/* ---------- Styles en ligne de la maquette ---------- */
.st-002535c { margin-top:12px !important }
.st-3855a00 img { object-position:70% 40% !important }
.st-4eb23a8 { color:#fff !important }
.st-6a2c44b { padding-bottom:40px !important }
.st-7e21426 img { object-position:50% 40% !important }
.st-80a460c img { object-position:60% 50% !important }
.st-8ebdd60 { margin-top:0 !important;border-top:0 !important;padding-top:0 !important }
.st-950a9d0 img { object-position:60% 35% !important }
.st-a70435a img { object-position:50% 30% !important }
.st-b89a775 { margin-top:22px !important }
.st-bd32ac0 img { object-position:60% 30% !important }