/* =====================================================================
   trouver-mon-fournisseur.fr — feuille de style unique
   Nommage : francais, prefixes propres au site (aucun emprunt au reste
   de la flotte). Rythme typo : titres 800 / -0.03em, corps 1.62.
   ===================================================================== */

:root{
  /* couleurs */
  --vd960be:#081a38;
  --vd3izgr:#0f2a55;
  --v86z4k5:#1a3d70;
  --v8dd3u3:#1257d8;
  --v6hlxba:#0d43ab;
  --v4bxpau:#3e82f7;
  --v29tmp4:#e9f0fe;
  --vfycnml:#f4f8ff;
  --papier:#ffffff;
  --va0tyfy:#f6f8fc;
  --vdijhvz:#eef2f9;
  --encre:#0d1626;
  --v3us55b:#414d63;
  --v85srf1:#7c869d;
  --v81l9hv:#e2e8f2;
  --v8ftm7y:#c9d3e4;
  --vfryeoo:#0b7a55;
  --vgge6h8:#e6f5ef;
  --v8jyoak:#a86a12;

  /* formes */
  --v73zael:8px;
  --vaocch6:14px;
  --vfqxgd8:24px;
  --vcg3bjh:999px;

  /* elevations */
  --v22z0f8:0 1px 2px rgba(8,26,56,.06);
  --v9hd1wf:0 2px 6px rgba(8,26,56,.06),0 12px 28px -16px rgba(8,26,56,.22);
  --v4m6j5v:0 24px 60px -28px rgba(8,26,56,.36);

  /* typo */
  --vf4mll3:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --v6kof9v:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI Semibold","Segoe UI",Roboto,Arial,sans-serif;
  --v0a9cek:12px;
  --vaegmj6:13.5px;
  --v4r3pw4:16.5px;
  --v8rjck8:18.5px;
  --ve46boe:clamp(19px,1.25vw + 12px,23px);
  --v4uxcun:clamp(26px,1.9vw + 14px,38px);
  --v85scr3:clamp(31px,2.9vw + 15px,52px);

  /* rythme vertical */
  --veqwj6d:clamp(52px,6vw,92px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--papier);
  color:var(--encre);
  font-family:var(--vf4mll3);
  font-size:var(--v4r3pw4);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--v8dd3u3);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;font-family:var(--v6kof9v);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--encre)}
h1{font-size:var(--v85scr3)}
h2{font-size:var(--v4uxcun)}
h3{font-size:var(--ve46boe);letter-spacing:-.02em;line-height:1.25}
h4{font-size:17px;letter-spacing:-.015em;line-height:1.3}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.05em;padding-left:1.15em}
li{margin-bottom:.45em}
:focus-visible{outline:3px solid var(--v4bxpau);outline-offset:2px;border-radius:4px}

.cc039p7{width:100%;max-width:1180px;margin-inline:auto;padding-inline:22px}
.c29svc9{max-width:860px}
.c7hmfcl{color:var(--v8dd3u3)}
.cdoevpn{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --ver563a boutons --ver563a */
.cdguhec{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 22px;border:1.5px solid transparent;border-radius:var(--v73zael);
  font-family:var(--vf4mll3);font-size:15px;font-weight:650;letter-spacing:-.01em;
  cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,transform .12s ease;
}
.cdguhec:hover{text-decoration:none;transform:translateY(-1px)}
.bouton--vfp8f83{background:var(--v8dd3u3);color:#fff;box-shadow:var(--v22z0f8)}
.bouton--vfp8f83:hover{background:var(--v6hlxba)}
.bouton--v2yz6ab{background:#fff;color:var(--vd960be);border-color:var(--v8ftm7y)}
.bouton--v2yz6ab:hover{border-color:var(--v8dd3u3);color:var(--v8dd3u3)}
.bouton--vcr65h3{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.bouton--vcr65h3:hover{background:rgba(255,255,255,.12)}
.bouton--v3abunm{width:100%}
.bouton--v6vqowb{height:54px;padding:0 30px;font-size:16px}
.cdguhec svg{width:17px;height:17px;flex:none}

.c05bwvn{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-size:15px}
.c05bwvn svg{width:15px;height:15px;transition:transform .15s ease}
.c05bwvn:hover svg{transform:translateX(3px)}

/* --ver563a entetes de bloc --ver563a */
.c79367y{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;
  font-size:var(--v0a9cek);font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--v8dd3u3);
}
.c79367y::before{content:"";width:22px;height:2px;background:var(--v8dd3u3);border-radius:2px}
.c3e4isp{max-width:66ch;color:var(--v3us55b);font-size:var(--v8rjck8);margin-top:14px}
.c5901b6{margin-bottom:38px}
.tete-bloc--vb68gdh{text-align:center;margin-inline:auto;max-width:760px}
.tete-bloc--vb68gdh .c79367y::before{display:none}
.tete-bloc--vb68gdh .c3e4isp{margin-inline:auto}
.cfn51lr{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:34px}

.c56rmyc{padding-block:var(--veqwj6d)}
.bloc--v2zwmel{background:var(--va0tyfy)}
.bloc--v0h6eqf{background:var(--vfycnml)}

/* =====================================================================
   BARRE UTILITAIRE
   ===================================================================== */
.c159q5q{background:var(--vd960be);color:#c3d1e8;font-size:var(--vaegmj6)}
.camwr6p{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px;flex-wrap:wrap}
.c5t656q{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:#e4ecf9}
.c5t656q svg{width:14px;height:14px;color:var(--v4bxpau);flex:none}
.c23b7p8{display:flex;align-items:center;gap:20px}
.c23b7p8 a{color:#c3d1e8;font-weight:500}
.c23b7p8 a:hover{color:#fff;text-decoration:none}

/* =====================================================================
   ENTETE
   ===================================================================== */
.c7oqvoc{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--v81l9hv)}
.cdz1rjk{display:flex;align-items:center;gap:14px;min-height:72px}
.c2uiwtv{display:inline-flex;align-items:center;gap:11px;color:var(--encre);font-weight:800;letter-spacing:-.035em;font-size:15.5px;line-height:1.05;font-family:var(--v6kof9v)}
.c2uiwtv:hover{text-decoration:none}
.cgb7ism{
  width:36px;height:36px;flex:none;border-radius:10px;
  background:linear-gradient(150deg,var(--v4bxpau),var(--v6hlxba));
  display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px -4px rgba(18,87,216,.6);
}
.cgb7ism svg{width:20px;height:20px}
.c3xdg9a{display:flex;flex-direction:column}
.c3xdg9a b{font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:14px}
.c3xdg9a i{font-style:normal;font-weight:500;font-size:11.5px;letter-spacing:.02em;color:var(--v85srf1)}

.cg83edp{display:flex;align-items:center;gap:2px;margin-left:26px}
.cg83edp>a,.cf65w1v>button{
  display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;
  background:none;border:0;font-family:var(--vf4mll3);font-size:15px;font-weight:600;
  color:var(--v3us55b);border-radius:var(--v73zael);cursor:pointer;letter-spacing:-.01em;
}
.cg83edp>a:hover,.cf65w1v>button:hover{background:var(--vdijhvz);color:var(--encre);text-decoration:none}
.cf65w1v{position:relative}
.cf65w1v>button svg{width:12px;height:12px;transition:transform .18s ease}
.cf65w1v:hover>button svg{transform:rotate(180deg)}
.ccoce79{
  position:absolute;top:calc(100% + 8px);left:-10px;z-index:70;
  min-width:520px;padding:14px;background:#fff;border:1px solid var(--v81l9hv);
  border-radius:var(--vaocch6);box-shadow:var(--v4m6j5v);
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .16s ease;
}
.cf65w1v:hover .ccoce79,.cf65w1v:focus-within .ccoce79,
.cf65w1v[data-ouvert] .ccoce79{opacity:1;visibility:visible;transform:none}
.cf65w1v[data-ouvert]>button svg{transform:rotate(180deg)}
.caqs6w4{display:flex;gap:11px;padding:10px 11px;border-radius:var(--v73zael);color:var(--encre)}
.caqs6w4:hover{background:var(--vfycnml);text-decoration:none}
.cg09k01{width:32px;height:32px;flex:none;border-radius:9px;background:var(--v29tmp4);color:var(--v8dd3u3);display:grid;place-items:center}
.cg09k01 svg{width:16px;height:16px}
.caqs6w4 b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.015em}
.caqs6w4 span{display:block;font-size:12.5px;color:var(--v85srf1);line-height:1.4}
.c9qts17{grid-column:1/-1;margin-top:8px;padding:12px 11px 4px;border-top:1px solid var(--v81l9hv);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.c9qts17 span{font-size:13px;color:var(--v85srf1)}

.c35fr5k{flex:1}
.c9mnkes{display:inline-flex}
.burger{
  display:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--v8ftm7y);
  background:#fff;border-radius:var(--v73zael);cursor:pointer;padding:0;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.burger span{display:block;width:18px;height:2px;background:var(--encre);border-radius:2px;transition:transform .18s ease,opacity .18s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.menu-mobile{display:none;border-top:1px solid var(--v81l9hv);background:#fff;padding:14px 22px 22px;max-height:calc(100vh - 110px);overflow-y:auto}
.menu-mobile[data-ouvert]{display:block}
.menu-mobile a{display:block;padding:12px 2px;font-size:16px;font-weight:600;color:var(--encre);border-bottom:1px solid var(--vdijhvz)}
.menu-mobile a:hover{text-decoration:none;color:var(--v8dd3u3)}
.cc4ubto{display:block;margin:18px 0 4px;font-size:var(--v0a9cek);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--v85srf1)}
.cc4ubto:first-child{margin-top:4px}
.menu-mobile .cdguhec{margin-top:20px;border-bottom:0}

/* =====================================================================
   ACCROCHE (home)
   ===================================================================== */
.cc72w89{position:relative;padding-block:clamp(44px,5vw,80px) clamp(52px,6vw,92px);overflow:hidden;background:
  radial-gradient(1100px 500px at 88% -8%,var(--v29tmp4),transparent 62%),
  linear-gradient(180deg,#fff 0%,var(--va0tyfy) 100%)}
.c3jn7gm{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:56px;align-items:center}
.cc72w89 h1{max-width:15ch;text-wrap:balance}
.cc72w89 h1 .c7hmfcl{white-space:nowrap}
.c5ria3a{font-size:var(--v8rjck8);color:var(--v3us55b);max-width:52ch;margin:20px 0 28px}

.cf69t7v{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:6px 14px 6px 8px;
  background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vcg3bjh);
  font-size:13px;font-weight:600;color:var(--v3us55b);box-shadow:var(--v22z0f8);
}
.cf69t7v i{width:7px;height:7px;border-radius:50%;background:var(--vfryeoo);box-shadow:0 0 0 3px var(--vgge6h8);flex:none}

/* barre de recherche */
.c7n2hro{
  display:flex;align-items:center;gap:8px;padding:8px;background:#fff;
  border:1px solid var(--v8ftm7y);border-radius:var(--vaocch6);box-shadow:var(--v9hd1wf);
}
.cdzdkq3{flex:1 1 auto;display:flex;align-items:center;gap:10px;padding-left:12px;min-width:0}
.cdzdkq3 svg{width:18px;height:18px;color:var(--v85srf1);flex:none}
.c7n2hro input{flex:1;min-width:0;height:44px;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--encre)}
.c7n2hro input::placeholder{color:var(--v85srf1)}
.c7n2hro select{
  flex:0 0 auto;height:44px;max-width:190px;border:0;border-left:1px solid var(--v81l9hv);
  background:transparent;font:inherit;font-size:14.5px;color:var(--v3us55b);padding:0 10px;outline:none;cursor:pointer;
}
.c7n2hro .cdguhec{flex:none}
.c83vv5s{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--v85srf1)}
.c83vv5s b{font-weight:600;color:var(--v3us55b)}
.c83vv5s a,.c83vv5s button{
  display:inline-block;padding:5px 12px;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vcg3bjh);
  font-family:var(--vf4mll3);font-size:13px;font-weight:600;color:var(--v3us55b);cursor:pointer;line-height:1.45;
}
.c83vv5s a:hover,.c83vv5s button:hover{border-color:var(--v8dd3u3);color:var(--v8dd3u3);text-decoration:none}

/* composition en losanges */
.caxqh21{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;transform:rotate(45deg) scale(.86);margin-inline:auto;max-width:430px}
.c9kiayh{aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--vdijhvz);box-shadow:var(--v9hd1wf)}
.c9kiayh img{width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.45)}
.losange--v6vqowb{transform:translateY(-26px)}
.losange--vfppnaq{transform:translateY(26px)}
.losange--v8dd3u3{background:linear-gradient(150deg,var(--v4bxpau),var(--v6hlxba));display:grid;place-items:center}
.c9s09q8{transform:rotate(-45deg);text-align:center;color:#fff;padding:14px}
.c9s09q8 b{display:block;font-family:var(--v6kof9v);font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.c9s09q8 span{display:block;font-size:12.5px;color:rgba(255,255,255,.82);margin-top:5px;line-height:1.35}

/* =====================================================================
   BANDEAU REPERES (6 items)
   ===================================================================== */
.cf9nhaa{border-block:1px solid var(--v81l9hv);background:#fff;padding-block:22px}
.c2eg1ki{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.c708k2g{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:8px 6px}
.c708k2g svg{width:22px;height:22px;color:var(--v8dd3u3);flex:none}
.c708k2g span{font-size:13px;font-weight:600;color:var(--v3us55b);line-height:1.35;letter-spacing:-.005em}

/* =====================================================================
   UNIVERS (8 cartes a picto)
   ===================================================================== */
.cc4mily{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.c074in8{
  display:block;padding:24px 22px 22px;background:#fff;border:1px solid var(--v81l9hv);
  border-radius:var(--vaocch6);color:var(--encre);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
.c074in8:hover{border-color:var(--v4bxpau);transform:translateY(-3px);box-shadow:var(--v9hd1wf);text-decoration:none}
.c7i9c6c{width:44px;height:44px;border-radius:12px;background:var(--v29tmp4);color:var(--v8dd3u3);display:grid;place-items:center;margin-bottom:16px}
.c7i9c6c svg{width:22px;height:22px}
.c074in8 b{display:block;font-family:var(--v6kof9v);font-size:16.5px;font-weight:750;letter-spacing:-.02em}
.c074in8 span{display:block;margin-top:6px;font-size:13.5px;color:var(--v85srf1);line-height:1.45}

/* =====================================================================
   RAIL (carrousel de cartes categorie)
   ===================================================================== */
.c3vk0ak{position:relative}
.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 20px;margin:0 -4px;scrollbar-width:thin}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-thumb{background:var(--v8ftm7y);border-radius:3px}
.rail-carte{
  flex:0 0 300px;scroll-snap-align:start;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);overflow:hidden;color:var(--encre);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.rail-carte:hover{border-color:var(--v4bxpau);box-shadow:var(--v9hd1wf);text-decoration:none}
.c40gxce{aspect-ratio:16/10;background:var(--vdijhvz);overflow:hidden}
.c40gxce img{width:100%;height:100%;object-fit:cover}
.c6agkdd{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.cav406p{
  display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-bottom:11px;
  padding:4px 10px;background:var(--vgge6h8);color:var(--vfryeoo);border-radius:var(--vcg3bjh);
  font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.etiquette--v8dd3u3{background:var(--v29tmp4);color:var(--v8dd3u3)}
.rail-carte b{font-family:var(--v6kof9v);font-size:17px;font-weight:750;letter-spacing:-.02em;line-height:1.25}
.rail-carte p{margin:8px 0 14px;font-size:14px;color:var(--v3us55b);line-height:1.5}
.cd50obt{margin-top:auto;padding-top:12px;border-top:1px solid var(--vdijhvz);font-size:13.5px;font-weight:650;color:var(--v8dd3u3);display:flex;align-items:center;gap:6px}
.cd50obt svg{width:14px;height:14px}
.c295j93{display:flex;gap:8px}
.c4bi6cr{width:42px;height:42px;border:1px solid var(--v8ftm7y);background:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--v3us55b)}
.c4bi6cr:hover{border-color:var(--v8dd3u3);color:var(--v8dd3u3)}
.c4bi6cr svg{width:16px;height:16px}

/* =====================================================================
   DEMARCHE (4 etapes)
   ===================================================================== */
.cdlp5nm{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.etape{position:relative;padding:28px 22px;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6)}
.cdi3vcq{
  width:40px;height:40px;border-radius:11px;background:var(--vd960be);color:#fff;
  display:grid;place-items:center;font-family:var(--v6kof9v);font-size:17px;font-weight:800;margin-bottom:16px;
}
.etape:nth-child(1) .cdi3vcq{background:var(--v8dd3u3)}
.etape h3{margin-bottom:8px}
.etape p{margin:0;font-size:14.5px;color:var(--v3us55b);line-height:1.55}
.c5ksk4e{position:absolute;top:50%;right:-19px;z-index:2;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--v81l9hv);display:grid;place-items:center;color:var(--v4bxpau)}
.c5ksk4e svg{width:12px;height:12px}
.etape:last-child .c5ksk4e{display:none}

/* =====================================================================
   APPEL (bandeau bleu)
   ===================================================================== */
.casuwzs{background:linear-gradient(135deg,var(--vd960be) 0%,var(--vd3izgr) 55%,var(--v6hlxba) 130%);color:#fff;position:relative;overflow:hidden}
.casuwzs::after{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(62,130,247,.16)}
.c82nqt7{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;padding-block:clamp(38px,4.4vw,58px)}
.casuwzs h2{color:#fff;max-width:20ch}
.casuwzs p{margin:12px 0 0;color:#bed0ea;max-width:56ch;font-size:16px}
.cerk1r6{display:flex;gap:12px;flex-wrap:wrap}

/* =====================================================================
   JALONS (reperes chiffres non commerciaux)
   ===================================================================== */
.caypf6x{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c9kyd8t{padding:26px 22px;background:#fff;border:1px solid var(--v81l9hv);border-left:3px solid var(--v8dd3u3);border-radius:0 var(--vaocch6) var(--vaocch6) 0}
.c9kyd8t b{display:block;font-family:var(--v6kof9v);font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--encre)}
.c9kyd8t span{display:block;margin-top:7px;font-size:14px;color:var(--v3us55b);line-height:1.5}

/* =====================================================================
   JOURNAL (4 cartes)
   ===================================================================== */
.cahxbgz{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);overflow:hidden;color:var(--encre)}
.article:hover{border-color:var(--v4bxpau);box-shadow:var(--v9hd1wf);text-decoration:none}
.cf686ix{aspect-ratio:16/9;background:var(--vdijhvz);overflow:hidden}
.cf686ix img{width:100%;height:100%;object-fit:cover}
.c9vru3c{padding:16px 17px 19px}
.c2r65th{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--v85srf1);margin-bottom:9px}
.c2r65th b{color:var(--v8dd3u3);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}
.article h3{font-size:16.5px;line-height:1.32}

/* =====================================================================
   PIED DE PAGE
   ===================================================================== */
.c2h85p2{background:var(--vd960be);color:#a9bdda;padding-block:clamp(44px,5vw,70px) 0;font-size:14.5px}
.cfosmxj{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.35fr;gap:34px}
.c2h85p2 .c2uiwtv{color:#fff}
.c2h85p2 .c3xdg9a i{color:#8ba4c8}
.cgd122z{margin:16px 0 18px;color:#a9bdda;line-height:1.6;max-width:34ch}
.c9kb908{display:flex;gap:9px}
.c9kb908 a{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#c9d8ee}
.c9kb908 a:hover{background:var(--v8dd3u3);color:#fff}
.c9kb908 svg{width:16px;height:16px}
.c2scjrn{margin:0 0 14px;font-family:var(--v6kof9v);font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.c2h85p2 ul{list-style:none;margin:0;padding:0}
.c2h85p2 li{margin-bottom:9px}
.c2h85p2 a{color:#a9bdda}
.c2h85p2 a:hover{color:#fff;text-decoration:none}
.c5gmdwm p{font-size:13.5px;line-height:1.55;margin-bottom:13px}
.c4cbcrp{display:flex;gap:8px}
.c5gmdwm input{
  flex:1;min-width:0;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);border-radius:var(--v73zael);color:#fff;font:inherit;font-size:14px;outline:none;
}
.c5gmdwm input::placeholder{color:#7f97ba}
.c5gmdwm input:focus{border-color:var(--v4bxpau)}
.c5gmdwm button{
  flex:none;height:44px;padding:0 16px;border:0;border-radius:var(--v73zael);background:var(--v8dd3u3);
  color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer;
}
.c5gmdwm button:hover{background:var(--v4bxpau)}
.c5gmdwm small{display:block;margin-top:10px;font-size:12px;color:#7f97ba;line-height:1.45}
.c49aktt{
  margin-top:44px;padding-block:20px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8ba4c8;
}
.c49aktt nav{display:flex;gap:18px;flex-wrap:wrap}

/* =====================================================================
   PAGE CATEGORIE
   ===================================================================== */
.cdfpfn7{padding-block:14px;font-size:13px;color:var(--v85srf1);background:var(--va0tyfy);border-bottom:1px solid var(--v81l9hv)}
.cdfpfn7 ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
.cdfpfn7 li{margin:0;display:inline-flex;align-items:center;gap:8px}
.cdfpfn7 li+li::before{content:"›";color:var(--v8ftm7y)}
.cdfpfn7 a{color:var(--v3us55b);font-weight:500}

.c76995x{padding-block:clamp(38px,4.4vw,66px);background:linear-gradient(180deg,#fff,var(--vfycnml))}
.c8d9meb{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:center}
.c76995x h1{max-width:16ch}
.c0yxgoz{font-size:var(--v8rjck8);color:var(--v3us55b);max-width:54ch;margin:18px 0 24px}
.c5ilcjv{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px}
.c5ilcjv li{display:flex;gap:11px;align-items:flex-start;margin:0;font-size:15.5px;color:var(--encre)}
.c5ilcjv svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--vfryeoo)}
.c077ani{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.c5vv8yn{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--v81l9hv);font-size:13.5px;color:var(--v3us55b);flex-wrap:wrap}
.c55rizo{display:inline-flex;align-items:center;gap:7px}
.c55rizo svg{width:16px;height:16px;color:var(--v8dd3u3);flex:none}

.c8ctjiw{position:relative}
.c8ctjiw>img{width:100%;border-radius:var(--vfqxgd8);box-shadow:var(--v4m6j5v);aspect-ratio:16/11;object-fit:cover}
.cemns8e{
  position:absolute;left:-22px;bottom:-26px;width:260px;padding:18px 20px;background:#fff;
  border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);box-shadow:var(--v4m6j5v);
}
.cemns8e b{display:block;font-family:var(--v6kof9v);font-size:13px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--v85srf1);margin-bottom:12px}
.cemns8e dl{margin:0;display:grid;gap:10px}
.cemns8e div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;line-height:1.4}
.cemns8e dt{color:var(--v85srf1);flex:none}
.cemns8e dd{margin:0;text-align:right;font-weight:650;color:var(--encre)}

/* atouts */
.ceg5att{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cczbrcs{padding:26px 22px;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6)}
.c4nq4cj{width:44px;height:44px;border-radius:12px;background:var(--v29tmp4);color:var(--v8dd3u3);display:grid;place-items:center;margin-bottom:15px}
.c4nq4cj svg{width:22px;height:22px}
.cczbrcs h3{font-size:17px;margin-bottom:8px}
.cczbrcs p{margin:0;font-size:14.5px;color:var(--v3us55b);line-height:1.55}

/* gammes (6 cartes sous-categories) */
.c3lktli{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gamme{display:flex;flex-direction:column;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);overflow:hidden;color:var(--encre)}
.gamme:hover{border-color:var(--v4bxpau);box-shadow:var(--v9hd1wf);text-decoration:none}
.cbaou4j{aspect-ratio:4/3;background:var(--vdijhvz);overflow:hidden}
.cbaou4j img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.gamme:hover .cbaou4j img{transform:scale(1.04)}
.cchfm2c{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.gamme h3{font-size:17.5px;margin-bottom:8px}
.gamme p{margin:0 0 14px;font-size:14.5px;color:var(--v3us55b);line-height:1.5}
.cah9j9n{margin-top:auto;font-size:13.5px;font-weight:650;color:var(--v8dd3u3);display:inline-flex;align-items:center;gap:7px}
.cah9j9n svg{width:14px;height:14px}

/* =====================================================================
   BLOC SOURCING + FORMULAIRE (coeur de conversion)
   ===================================================================== */
.sourcing{scroll-margin-top:90px;padding-block:var(--veqwj6d);background:
  radial-gradient(760px 380px at 12% 0%,rgba(62,130,247,.18),transparent 60%),
  linear-gradient(140deg,var(--vd960be) 0%,var(--vd3izgr) 100%)}
.c67fy0i{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;background:#fff;border-radius:var(--vfqxgd8);overflow:hidden;box-shadow:var(--v4m6j5v)}
.c7aso7r{padding:clamp(30px,3.4vw,48px);background:linear-gradient(165deg,var(--va0tyfy),var(--v29tmp4));display:flex;flex-direction:column;justify-content:center}
.c7aso7r h2{max-width:16ch}
.c7aso7r>p{margin:16px 0 24px;color:var(--v3us55b);font-size:16px;max-width:44ch}
.ccv1je7{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ccv1je7 li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:14.5px;color:var(--encre);line-height:1.5}
.ccv1je7 svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--v8dd3u3)}
.ccv1je7 b{font-weight:700}
.cfb070h{padding:clamp(28px,3.2vw,44px)}
.c9hx9i9{margin-bottom:22px}
.c9hx9i9 b{display:block;font-family:var(--v6kof9v);font-size:20px;font-weight:800;letter-spacing:-.025em}
.c9hx9i9 span{display:block;margin-top:6px;font-size:14px;color:var(--v85srf1)}

.c0xxbgl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.c7fgx1d{display:flex;flex-direction:column;gap:6px}
.champ--vfp8f83{grid-column:1/-1}
.c7fgx1d label{font-size:13.5px;font-weight:650;color:var(--v3us55b);letter-spacing:-.005em}
.c9nby5h{color:#c02626}
.c7fgx1d input,.c7fgx1d select,.c7fgx1d textarea{
  width:100%;padding:0 13px;height:46px;border:1px solid var(--v8ftm7y);border-radius:var(--v73zael);
  background:#fff;font:inherit;font-size:15px;color:var(--encre);outline:none;transition:border-color .14s ease,box-shadow .14s ease;
}
.c7fgx1d textarea{height:auto;padding:12px 13px;resize:vertical;line-height:1.55}
.c7fgx1d input:focus,.c7fgx1d select:focus,.c7fgx1d textarea:focus{border-color:var(--v8dd3u3);box-shadow:0 0 0 3px var(--v29tmp4)}
.c7fgx1d input::placeholder,.c7fgx1d textarea::placeholder{color:var(--v85srf1)}
.c7fgx1d small{font-size:12px;color:var(--v85srf1)}
.c6loa4y{margin-top:6px}
.c58ddh4{margin:12px 0 0;font-size:12.5px;color:var(--v85srf1);line-height:1.5}
.c33a3sw{margin-top:10px;font-size:14px;font-weight:600;color:var(--v8dd3u3);min-height:20px}

/* laboratoires / reassurance factuelle */
.c8fe8dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}
.c1iy6or{padding:22px;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);text-align:center}
.c1iy6or b{display:block;font-family:var(--v6kof9v);font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--vd960be)}
.c1iy6or span{display:block;margin-top:6px;font-size:13.5px;color:var(--v85srf1);line-height:1.45}
.cb79g34{text-align:center;max-width:70ch;margin-inline:auto;font-size:14.5px;color:var(--v3us55b)}

/* corps editorial */
.c9etfz5{max-width:76ch}
.c9etfz5 h2{margin-top:52px;margin-bottom:16px;scroll-margin-top:90px}
.c9etfz5 h2:first-child{margin-top:0}
.c9etfz5 h3{margin-top:32px;margin-bottom:11px;scroll-margin-top:90px}
.c9etfz5 p,.c9etfz5 li{font-size:16.5px;color:var(--v3us55b)}
.c9etfz5 strong{color:var(--encre);font-weight:700}
.c9etfz5 ul{padding-left:1.2em}
.c9etfz5 li::marker{color:var(--v8dd3u3)}
.c7wkw4d{
  margin:28px 0;padding:22px 24px;background:var(--vfycnml);border:1px solid var(--v29tmp4);
  border-left:3px solid var(--v8dd3u3);border-radius:0 var(--vaocch6) var(--vaocch6) 0;
}
.c7wkw4d b{display:block;font-family:var(--v6kof9v);font-size:16px;font-weight:750;letter-spacing:-.015em;margin-bottom:8px;color:var(--encre)}
.c7wkw4d p:last-child,.c7wkw4d ul:last-child{margin-bottom:0}
.cb431kl{
  margin:32px 0;padding:24px;background:var(--va0tyfy);border:1px dashed var(--v8ftm7y);border-radius:var(--vaocch6);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.cb431kl b{font-family:var(--v6kof9v);font-size:17px;font-weight:750;letter-spacing:-.02em}
.cb431kl p{margin:5px 0 0;font-size:14.5px;color:var(--v3us55b);max-width:48ch}

.c3yf73i{overflow-x:auto;margin:24px 0;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--v81l9hv);vertical-align:top}
th{background:var(--va0tyfy);font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--encre);white-space:nowrap}
tr:last-child td{border-bottom:0}

/* faq */
.c9zy251{display:grid;gap:12px;max-width:900px}
.c750w1v{background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);overflow:hidden}
.c750w1v summary{
  padding:18px 22px;cursor:pointer;font-family:var(--v6kof9v);font-size:16.5px;font-weight:700;
  letter-spacing:-.02em;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;
}
.c750w1v summary::-webkit-details-marker{display:none}
.c750w1v summary::after{content:"+";font-size:22px;font-weight:400;color:var(--v8dd3u3);flex:none;line-height:1}
.c750w1v[open] summary::after{content:"–"}
.cczkokb{padding:0 22px 20px;font-size:15.5px;color:var(--v3us55b)}
.cczkokb p:last-child{margin-bottom:0}

/* barre sticky mobile */
.barre-mobile{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.97);border-top:1px solid var(--v81l9hv);box-shadow:0 -6px 22px -14px rgba(8,26,56,.5);
  gap:10px;align-items:center;transition:transform .22s ease;
}
.barre-mobile .cdguhec{flex:1}
.c5elkyu{flex:none;font-size:12.5px;font-weight:650;color:var(--v3us55b);line-height:1.25;max-width:38%}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1080px){
  .c3jn7gm{grid-template-columns:1fr;gap:44px}
  .cc72w89 h1{max-width:20ch}
  .caxqh21{max-width:360px}
  .c8d9meb{grid-template-columns:1fr;gap:56px}
  .cc4mily{grid-template-columns:repeat(3,1fr)}
  .cahxbgz{grid-template-columns:repeat(2,1fr)}
  .ceg5att{grid-template-columns:repeat(2,1fr)}
  .cdlp5nm{grid-template-columns:repeat(2,1fr);gap:20px}
  .c5ksk4e{display:none}
  .caypf6x{grid-template-columns:repeat(2,1fr)}
  .c67fy0i{grid-template-columns:1fr}
  .c2eg1ki{grid-template-columns:repeat(3,1fr)}
  .cfosmxj{grid-template-columns:1.4fr 1fr 1fr;row-gap:38px}
  .cfosmxj .c5gmdwm{grid-column:1/-1}
}
@media (max-width:940px){
  .cg83edp,.c9mnkes{display:none}
  .burger{display:flex}
  .c35fr5k{display:none}
  .c3lktli{grid-template-columns:repeat(2,1fr)}
  .ccoce79{display:none}
}
@media (max-width:768px){
  :root{--v4r3pw4:16px;--v8rjck8:17px}
  /* les liens utilitaires vivent deja dans le burger et la barre sticky : on rend l'espace au contenu */
  .camwr6p{justify-content:center;min-height:32px;padding-block:5px}
  .c23b7p8{display:none}
  .c5t656q{font-size:12.5px}
  .c7n2hro{flex-wrap:wrap;padding:10px}
  .cdzdkq3{flex:1 1 100%;padding-left:6px;border-bottom:1px solid var(--v81l9hv);padding-bottom:6px}
  .c7n2hro select{flex:1 1 auto;max-width:none;border-left:0;padding-left:6px}
  .c7n2hro .cdguhec{flex:0 0 auto}
  .cc4mily{grid-template-columns:repeat(2,1fr)}
  .c8fe8dl{grid-template-columns:1fr}
  .cemns8e{position:static;width:auto;margin-top:16px;box-shadow:var(--v9hd1wf)}
  .c8ctjiw>img{aspect-ratio:16/10}
  .rail-carte{flex:0 0 82vw}
  .c82nqt7{flex-direction:column;align-items:flex-start}
  .cerk1r6{width:100%}
  .cerk1r6 .cdguhec{flex:1}
  .barre-mobile{display:flex}
  body{padding-bottom:74px}
  .c49aktt{flex-direction:column;gap:12px}
  /* sur mobile le CTA remonte juste sous l'accroche, avant les puces */
  .c8d9meb>div:first-child{display:flex;flex-direction:column}
  .c8d9meb .c077ani{order:1;margin-bottom:24px}
  .c8d9meb .c5ilcjv{order:2;margin-bottom:0}
  .c8d9meb .c5vv8yn{order:3}
  .c0yxgoz{margin-bottom:20px}
}
@media (max-width:560px){
  .c2eg1ki{grid-template-columns:repeat(2,1fr)}
  .cahxbgz,.ceg5att,.cdlp5nm,.caypf6x,.c3lktli{grid-template-columns:1fr}
  .c0xxbgl{grid-template-columns:1fr}
  .cfosmxj{grid-template-columns:1fr 1fr}
  .cfosmxj .cd7bft3{grid-column:1/-1}
  .caxqh21{max-width:280px;gap:14px}
  .c9s09q8 b{font-size:20px}
  .c9s09q8 span{font-size:11px}
  .cb431kl{flex-direction:column;align-items:flex-start}
  .cb431kl .cdguhec{width:100%}
  .c077ani .cdguhec{width:100%}
  .c5elkyu{display:none}
}
@media (max-width:400px){
  .cc4mily{grid-template-columns:1fr}
  .c83vv5s{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .cdguhec:hover,.c074in8:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════
   BLOCS DE CONTENU GÉNÉRÉS  (voir kw-research/builder/render.c39xwur)
   Vocabulaire volontairement court : liste, tableau, encart, reg,
   synopsis, sommaire. Un rédacteur qui choisit entre six formes en
   alterne plusieurs, ce qui casse le rythme uniforme qui trahit la
   génération en série.
   ═══════════════════════════════════════════════════════════════════ */

.ceptpl0{margin:18px 0 22px;padding-left:22px;max-width:70ch;color:var(--v3us55b)}
.ceptpl0 li{margin-bottom:9px;line-height:1.62}
.ceptpl0 li::marker{color:var(--v8dd3u3)}
.liste--v51jl2k{padding-left:26px}
.liste--v51jl2k li::marker{font-weight:600}

/* Le tableau défile dans SON conteneur. Sans ce cadre, une colonne de trop
   fait défiler la page entière en horizontal sur mobile. */
.c6j273w{margin:26px 0;overflow-x:auto;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);background:#fff}
.cdbt90y{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--vaegmj6)}
.cdbt90y th,.cdbt90y td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--v81l9hv)}
.cdbt90y thead th{background:var(--vdijhvz);color:var(--encre);font-weight:600;white-space:nowrap}
.cdbt90y tbody tr:last-child td{border-bottom:0}
.cdbt90y tbody tr:nth-child(even){background:var(--va0tyfy)}

/* Références réglementaires : la référence du texte porte le poids visuel,
   parce que c'est elle qu'un acheteur recopie dans son cahier des charges. */
.c7lo5kl{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}
.c7lo5kl li{padding:16px 18px;background:#fff;border:1px solid var(--v81l9hv);border-radius:var(--vaocch6);display:grid;gap:5px}
.cbla3ya{font-size:var(--v0a9cek);letter-spacing:.06em;text-transform:uppercase;color:var(--v6hlxba);font-weight:600}
.c7lo5kl li b{font-size:var(--v4r3pw4);color:var(--encre)}
.c7lo5kl li span:last-child{color:var(--v3us55b);font-size:var(--vaegmj6);line-height:1.6}

/* Synopsis : ce que la page couvre, en un coup d'œil, avant le corps. */
.c66b959{margin:26px 0 0;padding:4px 0 0;border-top:2px solid var(--encre);display:grid;gap:0}
.cadta9c{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--v81l9hv)}
.c66b959 dt{font-size:var(--v0a9cek);letter-spacing:.07em;text-transform:uppercase;color:var(--v85srf1);font-weight:600}
.c66b959 dd{margin:0;color:var(--v3us55b);font-size:var(--vaegmj6);line-height:1.6}
@media(min-width:760px){
  .cadta9c{grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:baseline}
}

.c9ivpup{margin:30px 0 6px;padding:18px 20px;background:var(--va0tyfy);border:1px solid var(--v81l9hv);border-radius:var(--vaocch6)}
.c9ivpup ol{margin:10px 0 0;padding-left:20px;display:grid;gap:7px}
.c9ivpup a{color:var(--v3us55b);text-decoration:none;border-bottom:1px solid var(--v8ftm7y)}
.c9ivpup a:hover{color:var(--v6hlxba);border-bottom-color:var(--v8dd3u3)}
@media(min-width:680px){
  .c9ivpup ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}
}

/* ═══════════════════════════════════════════════════════════════════
   CORRECTIFS DE RENDU  (2026-08-09)
   ═══════════════════════════════════════════════════════════════════ */

/* 1. Icônes décalées en haut à gauche de leur pastille.
   `.c074in8 span` et `.caqs6w4 span` visent le texte de description,
   mais le conteneur d'icône est LUI AUSSI un <span> : leur `display:block`
   (spécificité 0,1,1) écrasait le `display:grid` de `.c7i9c6c` et
   `.cg09k01` (0,1,0), donc `place-items:center` ne s'appliquait plus et le
   SVG retombait dans le coin. On exclut explicitement les pastilles. */
.c074in8 span.c7i9c6c,
.caqs6w4 span.cg09k01{
  display:grid;place-items:center;margin-top:0;
}

/* 2. La colonne de lecture est calée sur 76ch, ce qui est juste pour de la
   prose mais laisse la moitié de l'écran vide dès qu'une section aligne des
   listes ou un tableau. Les paragraphes gardent leur mesure ; les listes,
   tableaux et encarts prennent toute la largeur du conteneur, et les listes
   d'items indépendants passent sur deux colonnes au-delà de 1000px. */
.c9etfz5{max-width:none}
.c9etfz5>p,.c9etfz5>h3{max-width:76ch}
.c9etfz5 h2{max-width:26ch}

.c9etfz5>ul,.c9etfz5>ol{max-width:none;margin-block:18px 24px}
.c9etfz5>ul>li,.c9etfz5>ol>li{margin-bottom:11px;line-height:1.62}

@media(min-width:1000px){
  /* Deux colonnes seulement sur les listes à puces : sur une liste numérotée,
     l'ordre de lecture compte et une coupure en colonnes le brouille. */
  .c9etfz5>ul{columns:2;column-gap:52px}
  .c9etfz5>ul>li{break-inside:avoid;-webkit-column-break-inside:avoid}
}

.c9etfz5 table{width:100%;max-width:none}

/* Liste de liens internes : deux à trois colonnes dès qu'il y a de la place.
   Une liste de 23 produits sur une seule colonne pousse le formulaire hors
   de l'écran. */
.liste--vfda5a6{list-style:none;padding-left:0;max-width:none}
.liste--vfda5a6 li{margin-bottom:8px}
.liste--vfda5a6 a{color:var(--v6hlxba);border-bottom:1px solid var(--v8ftm7y)}
.liste--vfda5a6 a:hover{border-bottom-color:var(--v8dd3u3)}
@media(min-width:700px){.liste--vfda5a6{columns:2;column-gap:44px}}
@media(min-width:1100px){.liste--vfda5a6{columns:3;column-gap:38px}}

/* Index des univers sur /univers/ : trois colonnes de groupes, chacun avec sa
   propre liste. Une seule colonne sur 85 entrées ferait une page de 4 mètres. */
.ccucmfl{display:grid;gap:34px 40px;margin-top:26px}
.c2wp3b1 h3{margin:0 0 10px;font-size:var(--ve46boe);display:flex;align-items:baseline;gap:9px}
.c2wp3b1 h3 a{color:var(--encre);text-decoration:none;border-bottom:2px solid var(--v29tmp4)}
.c2wp3b1 h3 a:hover{border-bottom-color:var(--v8dd3u3)}
.cfy75w0{font-size:var(--v0a9cek);font-weight:600;color:var(--v85srf1);background:var(--vdijhvz);border-radius:var(--vcg3bjh);padding:2px 8px}
.c2wp3b1 .liste--vfda5a6{columns:1;margin:0}
@media(min-width:760px){.ccucmfl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.ccucmfl{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* prose d'accueil sur deux colonnes */
/* Les blocs de fond de l'accueil sont posés seuls dans leur bande : bornés à
   76ch ils laissaient la moitié droite vide, non bornés ils donnaient des
   lignes illisibles. Deux colonnes tiennent les deux contraintes. */
@media(min-width:1080px){
  .c56rmyc > .cc039p7 > .c9etfz5{max-width:none;columns:2;column-gap:52px}
  .c56rmyc > .cc039p7 > .c9etfz5 > p{break-inside:avoid;margin-top:0}
}