/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/fraunces-italic-300-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/fraunces-italic-300-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/fraunces-normal-300-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/fraunces-normal-300-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/inter-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/inter-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--wl-navy:#0B1F3F;--wl-navy2:#07152E;--wl-soft:#F7F4EE;--wl-ink:#121A2B;--wl-ink2:#3A4459;--wl-mut:#6B7385;--wl-line:#E5E0D6;--wl-gold:#C9A24B;--wl-goldd:#8A6A2F;--wl-green:#1E7A4C;
 --wl-display:"Fraunces",Georgia,"Times New Roman",serif;--wl-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.wl{background:#fff;color:var(--wl-ink);font:18px/1.6 var(--wl-sans);-webkit-font-smoothing:antialiased}
.wl .wl img{max-width:100%;display:block}
.wl a{color:inherit}
.wl-in{max-width:1120px;margin:0 auto;padding-inline:24px}
.wl-kick{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wl-goldd)}
.wl-dark .wl-kick,.wl-band .wl-kick{color:var(--wl-gold)}
.wl h1,.wl h2,.wl h3{font-family:var(--wl-display);font-weight:500;margin:0;letter-spacing:-.015em;text-wrap:balance;font-variation-settings:"opsz" 144}
.wl h1{font-size:clamp(2.7rem, 1.5rem + 4vw, 5rem);line-height:.98;color:#fff;margin-top:16px}
.wl h1 em{font-style:italic;color:var(--wl-gold);display:block}
.wl h2{font-size:clamp(2rem, 1.3rem + 2.2vw, 3.3rem);line-height:1.04;color:var(--wl-navy);margin-top:12px}
.wl-dark h2,.wl-band h2{color:#fff}
.wl h3{font-size:1.3rem;line-height:1.25;color:var(--wl-navy)}
.wl p{margin:0}
.wl section{padding-block:88px}
.wl-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--wl-gold);color:var(--wl-navy);font-weight:700;padding:18px 30px;border-radius:999px;text-decoration:none;font-size:1.08rem;box-shadow:0 12px 30px rgba(201,162,75,.35);transition:transform .15s ease,filter .15s ease;text-align:center}
.wl-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.wl-btn:focus-visible,.wl-ghost:focus-visible,a:focus-visible{outline:3px solid var(--wl-gold);outline-offset:3px}
.wl-btn-s{padding:11px 20px;font-size:.95rem;box-shadow:none;white-space:nowrap}
.wl-ghost{color:#fff;font-weight:500;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:4px}
.wl-micro{font-size:.92rem;color:rgba(255,255,255,.72);margin-top:14px}
.wl-hero{padding-top:calc(105px + 56px)!important;background:radial-gradient(110% 120% at 85% 0%,#17386A 0%,var(--wl-navy) 45%,var(--wl-navy2) 100%);color:#fff;padding-block:76px 0}
.wl-hero .wl-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding-bottom:72px}
.wl-hero .wl-sub{font-size:1.3rem;line-height:1.5;color:rgba(255,255,255,.9);margin-top:22px;max-width:34ch}
.wl-hero .wl-ctas{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:34px}
.wl-me{margin:0;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.4);aspect-ratio:4/5}
.wl-me img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.wl-me figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(180deg,rgba(7,21,46,0),rgba(7,21,46,.9));font-size:.95rem;color:rgba(255,255,255,.85)}
.wl-me figcaption b{display:block;font-family:var(--wl-display);font-weight:500;font-size:1.35rem;color:#fff}
.wl-proof{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}
.wl-proof .wl-in{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;padding-block:20px;font-size:.98rem;color:rgba(255,255,255,.8)}
.wl-proof a{text-decoration:none}
.wl-proof b{color:var(--wl-gold);font-weight:700}
.wl-pains{background:var(--wl-soft)}
.wl-pains .wl-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.wl-pains .wl-ph img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:0 24px 60px rgba(11,31,63,.16)}
.wl-pain{padding:30px 0;border-top:1px solid var(--wl-line)}
.wl-pain:first-of-type{border-top:0;padding-top:18px}
.wl-pain .wl-q{font-weight:600;color:var(--wl-goldd);font-size:1.05rem}
.wl-pain .wl-p{font-family:var(--wl-display);font-weight:500;font-size:clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem);line-height:1.08;color:var(--wl-navy);margin:8px 0 10px;letter-spacing:-.015em;text-wrap:balance}
.wl-pain .wl-l{color:var(--wl-ink2);font-size:1.08rem;max-width:46ch}
.wl-band{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;background:var(--wl-navy);padding-block:0}
.wl-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wl-band .wl-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,46,.2) 0%,rgba(7,21,46,.55) 45%,rgba(7,21,46,.92) 100%)}
.wl-band .wl-in{position:relative;padding-block:72px;width:100%}
.wl-band h2{max-width:19ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.wl-band p{max-width:54ch;color:rgba(255,255,255,.92);margin-top:16px;font-size:1.15rem}
.wl-band .wl-more{display:inline-block;margin-top:20px;color:var(--wl-gold);font-weight:700;text-decoration:none}
.wl-robin .wl-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}
.wl-robin .wl-pic{width:100%;max-width:260px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 24px 60px rgba(11,31,63,.2)}
.wl-robin .wl-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.wl-robin .wl-t{font-size:1.3rem;line-height:1.55;color:var(--wl-ink2);margin-top:16px;max-width:52ch}
.wl-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.wl-chip{border:1px solid var(--wl-line);border-radius:999px;padding:9px 16px;font-size:.95rem;color:var(--wl-mut);background:#fff}
.wl-chip b{color:var(--wl-navy)}
.wl-ecrans{background:var(--wl-soft)}
.wl-ecrans .wl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.wl-ecran{background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 14px 36px rgba(11,31,63,.08);transition:transform .15s ease}
a.wl-ecran:hover{transform:translateY(-2px)}
.wl-ecran .wl-shot{position:relative;aspect-ratio:16/10;overflow:hidden;background:#E9EDF3}
.wl-ecran .wl-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.wl-play{position:absolute;left:16px;bottom:16px;width:46px;height:46px;border-radius:50%;background:var(--wl-gold);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wl-play::after{content:"";position:absolute;left:18px;top:14px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent var(--wl-navy)}
.wl-ecran p{padding:18px 20px;font-weight:600;color:var(--wl-navy);font-size:1.05rem}
.wl-temo .wl-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;align-items:start}
.wl-temo .wl-row.wl-one{grid-template-columns:minmax(0,640px)}
.wl-quote{display:grid;grid-template-columns:130px 1fr;gap:20px;border:1px solid var(--wl-line);border-radius:22px;padding:20px;text-decoration:none;background:#fff;box-shadow:0 14px 36px rgba(11,31,63,.06)}
.wl-quote.wl-nov{grid-template-columns:1fr}
.wl-quote .wl-th{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4}
.wl-quote .wl-th img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.wl-quote .wl-th .wl-play{left:10px;bottom:10px;width:36px;height:36px}
.wl-quote .wl-th .wl-play::after{left:14px;top:11px;border-width:7px 0 7px 11px}
.wl-quote .wl-q{font-family:var(--wl-display);font-style:italic;font-size:1.3rem;line-height:1.32;color:var(--wl-navy)}
.wl-quote .wl-s{font-size:.92rem;color:var(--wl-mut);margin-top:12px}
.wl-quote .wl-m{font-size:.85rem;color:var(--wl-mut);margin-top:4px}
.wl-quote .wl-v{font-size:.95rem;font-weight:700;color:var(--wl-goldd);margin-top:12px}
.wl-price{background:radial-gradient(110% 110% at 10% 100%,#17386A 0%,var(--wl-navy) 45%,var(--wl-navy2) 100%);color:#fff;padding-block:100px}
.wl-price .wl-head{text-align:center;max-width:760px;margin:0 auto}
.wl-price .wl-sub{color:rgba(255,255,255,.85);margin-top:14px;font-size:1.15rem}
.wl-cards{display:grid;gap:20px;margin-top:48px;align-items:stretch}
.wl-cards.wl-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wl-cards.wl-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wl-cards.wl-c1{grid-template-columns:minmax(0,480px);justify-content:center}
.wl-card{background:#fff;color:var(--wl-ink);border-radius:22px;padding:32px 26px 28px;display:flex;flex-direction:column;gap:16px;position:relative;text-decoration:none}
.wl-card.wl-hl{box-shadow:0 0 0 3px var(--wl-gold),0 30px 70px rgba(0,0,0,.35)}
.wl-card .wl-tag{position:absolute;top:-14px;left:24px;background:var(--wl-gold);color:var(--wl-navy);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.wl-card .wl-nm{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wl-goldd)}
.wl-card .wl-amt b{display:block;font-family:var(--wl-display);font-weight:500;font-size:clamp(2.6rem, 2rem + 1.4vw, 3.4rem);line-height:1;color:var(--wl-navy);letter-spacing:-.02em;white-space:nowrap}
.wl-card .wl-amt span{display:block;font-size:.95rem;color:var(--wl-mut);margin-top:6px}
.wl-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wl-card li{padding-left:26px;position:relative;font-size:1rem;line-height:1.4}
.wl-card li::before{content:"";position:absolute;left:3px;top:.42em;width:12px;height:7px;border-left:2px solid var(--wl-green);border-bottom:2px solid var(--wl-green);transform:rotate(-45deg)}
.wl-card.wl-sm-card{background:rgba(255,255,255,.06);color:#fff;border:2px solid var(--wl-gold)}
.wl-card.wl-sm-card .wl-nm{color:var(--wl-gold)}
.wl-card.wl-sm-card .wl-amt b{color:#fff}
.wl-card.wl-sm-card .wl-amt span{color:rgba(255,255,255,.75)}
.wl-card.wl-sm-card li::before{border-color:var(--wl-gold)}
.wl-card .wl-lnk{margin-top:auto;color:var(--wl-gold);font-weight:700}
.wl-notes{text-align:center;margin-top:30px;display:grid;gap:8px;color:rgba(255,255,255,.85);font-size:1.02rem}
.wl-notes b{color:#fff}
.wl-price .wl-go{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:34px}
.wl-faq .wl-list{margin-top:32px;max-width:780px;display:grid}
.wl-faq .wl-it{padding:22px 0;border-top:1px solid var(--wl-line)}
.wl-faq .wl-it p{color:var(--wl-ink2);margin-top:6px}
.wl-fin{background:var(--wl-soft);text-align:center}
.wl-fin h2{max-width:22ch;margin-inline:auto}
.wl-fin p{color:var(--wl-ink2);font-size:1.15rem;margin:16px auto 30px;max-width:52ch}
.wl-fin .wl-micro{color:var(--wl-mut);margin:14px auto 0}
.wl-stick{display:none}
@media (max-width:960px){
 .wl-hero .wl-wrap,.wl-pains .wl-grid,.wl-robin .wl-grid{grid-template-columns:1fr;gap:36px}
 .wl-me{max-width:420px;aspect-ratio:5/4}
 .wl-pains .wl-ph img{aspect-ratio:16/10}
 .wl-cards.wl-c4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wl-cards.wl-c3{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .wl-ecrans .wl-row,.wl-temo .wl-row{grid-template-columns:1fr}
 .wl-robin .wl-pic{max-width:200px}
}
@media (max-width:640px){
 .wl{font-size:17px}
 body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 .wl section{padding-block:60px}
 .wl-hero{padding-top:calc(85px + 32px)!important}
 .wl-hero .wl-sub{font-size:1.15rem}
 .wl-hero .wl-ctas .wl-btn{width:100%}
 .wl-band{min-height:460px}
 .wl-band .wl-in{padding-block:48px}
 .wl-cards.wl-c4{grid-template-columns:1fr}
 .wl-quote{grid-template-columns:96px 1fr;gap:14px;padding:16px}
 .wl-quote .wl-q{font-size:1.15rem}
 .wl-price .wl-go .wl-btn{width:100%}
 .wl-stick{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(7,21,46,.96);border-top:1px solid rgba(255,255,255,.12);color:#fff;font-size:.95rem;font-weight:600}
}

.wl-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--wl-gold);color:var(--wl-navy);padding:10px 16px;font-weight:700}
.wl-skip:focus{left:16px;top:16px}
.wl-pillars{background:#fff}
.wl-pillars .wl-trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.wl-pillar{border:1px solid var(--wl-line);border-radius:22px;padding:30px 26px;background:var(--wl-soft);display:flex;flex-direction:column;gap:10px}
.wl-pillar .wl-n{font-family:var(--wl-display);font-size:2.2rem;line-height:1;color:var(--wl-gold)}
.wl-pillar h3{font-size:1.6rem}
.wl-pillar p{color:var(--wl-ink2);font-size:1.05rem}
.wl-pillar a{margin-top:auto;padding-top:8px;color:var(--wl-goldd);font-weight:700;text-decoration:none}
.wl-metiers{background:var(--wl-soft)}
.wl-metiers .wl-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.wl-metier{display:block;background:#fff;border:1px solid var(--wl-line);border-radius:18px;padding:22px 22px 20px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
a.wl-metier:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(11,31,63,.1)}
.wl-metier b{display:block;font-family:var(--wl-display);font-weight:500;font-size:1.4rem;color:var(--wl-navy)}
.wl-metier span{display:block;color:var(--wl-ink2);margin-top:6px}
.wl-metier i{display:block;font-style:normal;color:var(--wl-goldd);font-weight:700;margin-top:10px;font-size:.95rem}
@media (max-width:960px){.wl-pillars .wl-trois,.wl-metiers .wl-six{grid-template-columns:1fr}}

/* v13 : prix riches en valeur, encart haut de gamme, outils avec douleur. Classes préfixées wl-, noms nouveaux uniquement. */
.wl-cards.wl-c2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
.wl-card .wl-pour{font-family:var(--wl-display);font-weight:500;font-size:1.25rem;line-height:1.25;color:var(--wl-navy);margin-top:-4px}
.wl-card .wl-sous{font-size:.92rem;color:var(--wl-green);font-weight:600;margin-top:-6px}
.wl-card .wl-gift{margin-top:auto;background:#F6EEDB;border-radius:12px;padding:12px 14px;font-size:.95rem;font-weight:600;color:var(--wl-goldd);line-height:1.35}
.wl-card.wl-hl .wl-gift{background:var(--wl-navy);color:var(--wl-gold)}
.wl-card li{font-size:.98rem}
.wl-hiticket{margin:36px auto 0;max-width:1072px;border:2px solid var(--wl-gold);border-radius:26px;background:linear-gradient(135deg,rgba(201,162,75,.16),rgba(255,255,255,.04) 55%);padding:40px 42px;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center;color:#fff}
.wl-hiticket .wl-kick{color:var(--wl-gold)}
.wl-hiticket h3{font-family:var(--wl-display);font-weight:500;color:#fff;font-size:clamp(1.8rem, 1.3rem + 1.4vw, 2.6rem);line-height:1.08;margin-top:10px}
.wl-hiticket .wl-ht-lead{color:rgba(255,255,255,.85);margin-top:12px;font-size:1.08rem;max-width:52ch}
.wl-hiticket ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.wl-hiticket li{padding-left:22px;position:relative}
.wl-hiticket li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--wl-gold)}
.wl-hiticket li b{display:block;color:#fff;font-size:1.02rem}
.wl-hiticket li span{display:block;color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.4;margin-top:2px}
.wl-ht-side{background:rgba(7,21,46,.55);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px 24px;text-align:center;display:grid;gap:12px;justify-items:center}
.wl-ht-side b{font-family:var(--wl-display);font-weight:500;font-size:2.6rem;line-height:1;color:var(--wl-gold)}
.wl-ht-side p{color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.4}
.wl-ht-side .wl-btn{width:100%}
.wl-ht-side .wl-micro{margin:0;font-size:.85rem}
.wl-ecran .wl-tq{padding:18px 20px 0;color:var(--wl-goldd);font-weight:600;font-size:.98rem}
.wl-ecran h3{padding:6px 20px 0;font-size:1.35rem}
.wl-ecran .wl-tv{padding:8px 20px 20px;color:var(--wl-ink2);font-size:.98rem;line-height:1.45}
.wl-metier .wl-mq{display:block;color:var(--wl-goldd);font-weight:600;font-size:.92rem;margin-bottom:6px}
@media (max-width:960px){
 .wl-cards.wl-c2{grid-template-columns:1fr;max-width:520px}
 .wl-hiticket{grid-template-columns:1fr;padding:30px 24px;gap:26px}
}
@media (max-width:640px){.wl-hiticket ul{grid-template-columns:1fr}}

/* v14 : sans / avec, bloc réseau, témoins sous les métiers, lecteur vidéo sur place. Classes wl- nouvelles uniquement. */
.wl-vs{background:var(--wl-soft)}
.wl-vs .wl-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:40px}
.wl-vs .wl-vs-h{font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;padding:0 26px 14px}
.wl-vs .wl-vs-h.wl-sans{color:#8A8F9C}
.wl-vs .wl-vs-h.wl-avec{color:var(--wl-goldd)}
.wl-vs .wl-c-sans,.wl-vs .wl-c-avec{padding:22px 26px;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;border-top:1px solid var(--wl-line)}
.wl-vs .wl-c-sans{background:#EFEBE3;color:#5B6172;font-size:1.05rem;line-height:1.45}
.wl-vs .wl-c-avec{background:#fff;border-left:3px solid var(--wl-gold)}
.wl-vs .wl-top{border-top:0}
.wl-vs .wl-ico{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;line-height:1}
.wl-vs .wl-c-sans .wl-ico{background:#E2D7D2;color:#A04A3A}
.wl-vs .wl-c-avec .wl-ico{background:#E3F1E8;color:var(--wl-green)}
.wl-vs .wl-c-avec b{display:block;font-family:var(--wl-display);font-weight:500;font-size:clamp(1.3rem, 1.05rem + .7vw, 1.65rem);line-height:1.15;color:var(--wl-navy)}
.wl-vs .wl-c-avec span{display:block;color:var(--wl-ink2);margin-top:4px;font-size:1rem}
.wl-vs .wl-r1{border-radius:18px 18px 0 0}
.wl-reseaux{background:radial-gradient(110% 120% at 90% 10%,#17386A 0%,var(--wl-navy) 50%,var(--wl-navy2) 100%);color:#fff}
.wl-reseaux .wl-rx-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.wl-reseaux h2{color:#fff}
.wl-reseaux .wl-rx-lead{color:rgba(255,255,255,.88);font-size:1.15rem;margin-top:14px;max-width:54ch}
.wl-reseaux ul{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.wl-reseaux li{padding-left:22px;position:relative}
.wl-reseaux li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--wl-gold)}
.wl-reseaux li b{display:block;color:#fff;font-size:1.05rem}
.wl-reseaux li span{display:block;color:rgba(255,255,255,.78);font-size:.96rem;margin-top:2px}
.wl-reseaux .wl-rx-prix{margin-top:26px;color:var(--wl-gold);font-weight:600}
.wl-reseaux .wl-rx-cta{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:24px}
.wl-rx-video{display:block;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 30px 70px rgba(0,0,0,.4);text-decoration:none;max-width:380px;justify-self:end;width:100%}
.wl-rx-video img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.wl-rx-video .wl-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:72px;height:72px}
.wl-rx-video .wl-play::after{left:28px;top:22px;border-width:14px 0 14px 22px}
.wl-rx-video span.wl-rx-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;background:linear-gradient(180deg,rgba(7,21,46,0),rgba(7,21,46,.92));color:#fff;font-size:.98rem;line-height:1.35}
.wl-metier{display:flex;flex-direction:column}
.wl-metier .wl-mlink{margin-top:12px;color:var(--wl-goldd);font-weight:700;text-decoration:none;font-size:.95rem}
.wl-mtemo{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;margin-top:14px;padding:10px;border-radius:14px;background:var(--wl-soft);text-decoration:none;transition:background .15s ease}
.wl-mtemo:hover{background:#EFE7D6}
.wl-mtemo .wl-mth{position:relative;width:64px;height:84px;border-radius:10px;overflow:hidden;display:block}
.wl-mtemo .wl-mth img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.wl-mtemo .wl-mth .wl-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:30px;height:30px}
.wl-mtemo .wl-mth .wl-play::after{left:11px;top:8px;border-width:7px 0 7px 10px}
.wl-mtemo .wl-mtq{font-family:var(--wl-display);font-style:italic;color:var(--wl-navy);font-size:1.02rem;line-height:1.3}
.wl-mtemo .wl-mtq small{display:block;font-family:var(--wl-sans);font-style:normal;color:var(--wl-mut);font-size:.8rem;margin-top:4px;line-height:1.3}
dialog.wl-lecteur{padding:0;border:0;background:transparent;max-width:min(980px,94vw);max-height:92vh;overflow:visible}
dialog.wl-lecteur::backdrop{background:rgba(5,12,28,.86)}
dialog.wl-lecteur video{display:block;max-width:min(980px,94vw);max-height:82vh;width:auto;height:auto;border-radius:16px;background:#000;margin:0 auto}
.wl-lecteur-x{position:absolute;top:-46px;right:0;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#0B1F3F;font-size:26px;line-height:1;cursor:pointer}
.wl-lecteur-x:focus-visible{outline:3px solid #C9A24B;outline-offset:3px}
.wl-lecteur-t{color:#fff;text-align:center;margin:12px 0 0;font:500 1rem/1.4 var(--wl-sans)}
@media (max-width:960px){
 .wl-vs .wl-vs-grid{grid-template-columns:1fr}
 .wl-vs .wl-vs-h{display:none}
 .wl-vs .wl-c-sans{border-radius:16px 16px 0 0;margin-top:16px;border-top:0}
 .wl-vs .wl-c-avec{border-radius:0 0 16px 16px;border-top:0}
 .wl-reseaux .wl-rx-grid{grid-template-columns:1fr;gap:36px}
 .wl-rx-video{justify-self:start;max-width:320px}
}
@media (max-width:640px){.wl-reseaux ul{grid-template-columns:1fr}}

/* v15 : bloc des trois piliers. Classes wl- nouvelles uniquement. */
.wl-pil{background:#fff}
.wl-pil .wl-pil-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.wl-pil .wl-mission{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wl-goldd)}
.wl-pil .wl-tricolore{display:inline-flex;width:30px;height:12px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(11,31,63,.12)}
.wl-pil .wl-tricolore i{flex:1}
.wl-pil .wl-tricolore i:nth-child(1){background:#1E3A8A}.wl-pil .wl-tricolore i:nth-child(2){background:#fff}.wl-pil .wl-tricolore i:nth-child(3){background:#C8102E}
.wl-pil .wl-pil-lead{color:var(--wl-ink2);font-size:1.15rem;max-width:56ch;margin-top:14px}
.wl-pil .wl-pil-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;align-items:stretch}
.wl-pc{position:relative;border-radius:26px;padding:34px 30px 30px;background:var(--wl-soft);border:1px solid var(--wl-line);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.wl-pc .wl-pc-top{display:flex;justify-content:space-between;align-items:center}
.wl-pc .wl-pc-n{font-family:var(--wl-display);font-size:3.6rem;line-height:.8;color:var(--wl-gold);font-weight:400}
.wl-pc .wl-pc-b{font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:#fff;color:var(--wl-goldd);border:1px solid var(--wl-line)}
.wl-pc h3{font-size:clamp(1.55rem, 1.2rem + .9vw, 2rem);line-height:1.1;margin-top:6px}
.wl-pc .wl-pc-p{font-family:var(--wl-display);font-style:italic;font-size:1.2rem;line-height:1.35;color:var(--wl-goldd)}
.wl-pc ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.wl-pc li{position:relative;padding-left:30px;font-size:1.02rem;line-height:1.45;color:var(--wl-ink2)}
.wl-pc li::before{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:#E3F1E8}
.wl-pc li::after{content:"";position:absolute;left:6px;top:.42em;width:8px;height:5px;border-left:2px solid var(--wl-green);border-bottom:2px solid var(--wl-green);transform:rotate(-45deg)}
.wl-pc .wl-pc-l{margin-top:auto;padding-top:10px;color:var(--wl-goldd);font-weight:700;text-decoration:none;font-size:1.05rem}
.wl-pc .wl-pc-l:hover{text-decoration:underline;text-underline-offset:4px}
.wl-pc.wl-pc-hl{background:radial-gradient(120% 120% at 100% 0%,#17386A 0%,var(--wl-navy) 55%,var(--wl-navy2) 100%);border-color:transparent;box-shadow:0 30px 70px rgba(11,31,63,.28)}
.wl-pc.wl-pc-hl h3{color:#fff}
.wl-pc.wl-pc-hl .wl-pc-p,.wl-pc.wl-pc-hl .wl-pc-l{color:var(--wl-gold)}
.wl-pc.wl-pc-hl li{color:rgba(255,255,255,.88)}
.wl-pc.wl-pc-hl li::before{background:rgba(201,162,75,.22)}
.wl-pc.wl-pc-hl li::after{border-color:var(--wl-gold)}
.wl-pc.wl-pc-hl .wl-pc-b{background:rgba(255,255,255,.08);color:var(--wl-gold);border-color:rgba(201,162,75,.4)}
@media (max-width:960px){.wl-pil .wl-pil-grid{grid-template-columns:1fr;max-width:560px}.wl-pil .wl-pil-head{grid-template-columns:1fr}}

/* v16 : cartes avant / après, bloc réseau riche. Classes wl- nouvelles uniquement. */
.wl-ba{background:var(--wl-soft)}
.wl-ba .wl-ba-head{text-align:center;max-width:760px;margin:0 auto}
.wl-ba .wl-ba-lead{color:var(--wl-ink2);font-size:1.15rem;margin-top:12px}
.wl-ba .wl-ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.wl-bac{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(11,31,63,.08);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.wl-bac:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(11,31,63,.13)}
.wl-bac .wl-ba-sans{background:#F1ECE3;padding:20px 24px 34px;display:grid;gap:6px}
.wl-bac .wl-ba-lab{font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#9A8F80}
.wl-bac .wl-ba-sans p{color:#6E6A63;font-size:1rem;line-height:1.45;text-decoration:line-through;text-decoration-color:rgba(176,74,58,.55);text-decoration-thickness:1.5px}
.wl-bac .wl-ba-arrow{width:36px;height:36px;border-radius:50%;background:var(--wl-gold);color:var(--wl-navy);display:flex;align-items:center;justify-content:center;margin:-18px 0 -18px 22px;position:relative;z-index:1;box-shadow:0 6px 16px rgba(201,162,75,.4)}
.wl-bac .wl-ba-arrow svg{width:18px;height:18px}
.wl-bac .wl-ba-avec{padding:28px 24px 26px;display:grid;gap:8px;flex:1}
.wl-bac .wl-ba-avec .wl-ba-lab{color:var(--wl-goldd)}
.wl-bac .wl-ba-avec b{font-family:var(--wl-display);font-weight:500;font-size:clamp(1.35rem, 1.1rem + .7vw, 1.7rem);line-height:1.12;color:var(--wl-navy)}
.wl-bac .wl-ba-avec span{color:var(--wl-ink2);font-size:1rem;line-height:1.45}
.wl-rv{background:radial-gradient(120% 120% at 85% 0%,#17386A 0%,var(--wl-navy) 50%,var(--wl-navy2) 100%);color:#fff}
.wl-rv h2{color:#fff;max-width:20ch}
.wl-rv .wl-rv-lead{color:rgba(255,255,255,.86);font-size:1.15rem;margin-top:14px;max-width:60ch}
.wl-rv .wl-rv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.wl-rvt{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px 22px;display:grid;gap:8px;transition:background .2s ease,border-color .2s ease}
.wl-rvt:hover{background:rgba(255,255,255,.08);border-color:rgba(201,162,75,.45)}
.wl-rvt .wl-rvi{width:46px;height:46px;border-radius:14px;background:rgba(201,162,75,.16);color:var(--wl-gold);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.wl-rvt .wl-rvi svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wl-rvt b{font-family:var(--wl-display);font-weight:500;font-size:1.3rem;line-height:1.2;color:#fff}
.wl-rvt span{color:rgba(255,255,255,.78);font-size:.98rem;line-height:1.45}
.wl-rv .wl-rv-bottom{display:grid;grid-template-columns:1.4fr .9fr;gap:22px;margin-top:22px;align-items:stretch}
.wl-roi{border:2px solid var(--wl-gold);border-radius:22px;padding:30px 32px;background:linear-gradient(135deg,rgba(201,162,75,.18),rgba(255,255,255,.03) 60%);display:grid;gap:10px}
.wl-roi .wl-kick{color:var(--wl-gold)}
.wl-roi h3{color:#fff;font-size:clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem);line-height:1.1}
.wl-roi p{color:rgba(255,255,255,.88);font-size:1.05rem}
.wl-roi .wl-roi-note{color:rgba(255,255,255,.6);font-size:.9rem}
.wl-roi .wl-roi-cta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:8px}
.wl-rvv{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;border-radius:22px;padding:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;transition:background .2s ease}
.wl-rvv:hover{background:rgba(255,255,255,.1)}
.wl-rvv .wl-rvv-th{position:relative;width:120px;height:160px;border-radius:14px;overflow:hidden;display:block}
.wl-rvv .wl-rvv-th img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.wl-rvv .wl-rvv-th .wl-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:44px;height:44px}
.wl-rvv .wl-rvv-th .wl-play::after{left:17px;top:13px;border-width:9px 0 9px 13px}
.wl-rvv b{display:block;font-family:var(--wl-display);font-weight:500;font-size:1.25rem}
.wl-rvv span.wl-rvv-t{display:block;color:rgba(255,255,255,.78);margin-top:6px;font-size:.98rem}
.wl-rvv i{display:block;font-style:normal;color:var(--wl-gold);font-weight:700;margin-top:12px}
@media (max-width:960px){
 .wl-ba .wl-ba-grid,.wl-rv .wl-rv-tiles{grid-template-columns:1fr 1fr}
 .wl-rv .wl-rv-bottom{grid-template-columns:1fr}
}
@media (max-width:640px){
 .wl-ba .wl-ba-grid,.wl-rv .wl-rv-tiles{grid-template-columns:1fr}
 .wl-roi{padding:24px 20px}
}

/* v17 : encart « déroulé de l'audit ». Classes wl- nouvelles uniquement. */
.wl-audit{background:var(--wl-soft)}
.wl-audit .wl-au-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.wl-audit .wl-au-left{position:sticky;top:130px}
.wl-audit .wl-au-badge{display:inline-flex;align-items:baseline;gap:10px;margin-top:18px;background:var(--wl-navy);color:#fff;border-radius:16px;padding:14px 18px}
.wl-audit .wl-au-badge b{font-family:var(--wl-display);font-weight:500;font-size:1.9rem;color:var(--wl-gold);line-height:1}
.wl-audit .wl-au-badge s{color:rgba(255,255,255,.55);font-size:1.05rem}
.wl-audit .wl-au-badge span{font-size:.95rem;color:rgba(255,255,255,.85)}
.wl-audit .wl-au-lead{color:var(--wl-ink2);font-size:1.12rem;margin-top:16px;max-width:46ch}
.wl-audit .wl-au-cta{display:grid;gap:12px;justify-items:start;margin-top:26px}
.wl-audit .wl-au-cta .wl-micro{color:var(--wl-mut);margin:0}
.wl-audit ol{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:au}
.wl-audit li{counter-increment:au;background:#fff;border-radius:20px;padding:24px 26px 22px 84px;position:relative;box-shadow:0 14px 34px rgba(11,31,63,.07)}
.wl-audit li::before{content:counter(au);position:absolute;left:24px;top:22px;width:42px;height:42px;border-radius:50%;background:var(--wl-navy);color:var(--wl-gold);font-family:var(--wl-display);font-size:1.35rem;display:flex;align-items:center;justify-content:center}
.wl-audit li h3{font-size:1.4rem;line-height:1.2}
.wl-audit li p{color:var(--wl-ink2);margin-top:6px;font-size:1.02rem}
.wl-audit li .wl-au-tip{margin-top:12px;padding:10px 14px;border-left:3px solid var(--wl-gold);background:#FBF6EA;border-radius:0 10px 10px 0;color:var(--wl-navy);font-size:.98rem;line-height:1.45}
.wl-audit li .wl-au-tip b{color:var(--wl-goldd);font-weight:700;margin-right:6px}
@media (max-width:960px){.wl-audit .wl-au-grid{grid-template-columns:1fr;gap:34px}.wl-audit .wl-au-left{position:static}}
@media (max-width:640px){.wl-audit li{padding:20px 18px 18px 70px}.wl-audit li::before{left:16px;top:18px;width:38px;height:38px}}

/* v18 : bandeau médias, téléphone vidéo, annuaire qui défile (valeurs reprises de la prod, classes wl- et lp-annuaire-* sous .wl-annu). */
.wl-presse{background:#071630;border-top:1px solid rgba(201,162,75,.35);color:#F3EAD9}
.wl-presse .wl-presse-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 36px;padding-block:24px}
.wl-presse .wl-presse-lab{margin:0;font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wl-gold);white-space:nowrap}
.wl-presse .wl-presse-marques{list-style:none;margin:0;padding:0 0 0 36px;border-left:1px solid rgba(201,162,75,.32);display:flex;align-items:center;justify-content:flex-start;gap:14px 46px;flex-wrap:wrap}
.wl-pm{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#F3EAD9;transition:color .2s ease}
.wl-pm:hover{color:#E9CF8C}
.wl-pm .wl-pm-svg{height:34px;width:auto;display:block;overflow:visible;margin-right:14px}
.wl-pm .wl-pm-mc{font-family:"Didot","Bodoni 72","Bodoni MT",var(--wl-display);font-weight:700;font-size:1.9rem;line-height:34px;letter-spacing:-.02em;white-space:nowrap}
.wl-pm span:last-child{font-size:.72rem;letter-spacing:.04em;color:rgba(243,234,217,.55);white-space:nowrap}
.wl-presse .wl-presse-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-self:end}
.wl-presse .wl-presse-cta span{font-size:.75rem;color:rgba(243,234,217,.55)}
.wl-btn.wl-btn-line{background:transparent;color:#E9CF8C;border:1px solid rgba(201,162,75,.65);box-shadow:none}
.wl-btn.wl-btn-line:hover{background:var(--wl-gold);color:var(--wl-navy);border-color:var(--wl-gold)}
.wl-telwrap{justify-self:center;width:100%;max-width:360px}
.wl-tel{width:100%;border-radius:26px;overflow:hidden;border:1px solid rgba(201,162,75,.45);background:#071630;box-shadow:0 24px 70px rgba(7,22,48,.55);aspect-ratio:9/16}
.wl-tel video{width:100%;height:100%;display:block;object-fit:cover}
.wl-tel-leg{margin:16px 0 0;text-align:center;font-family:var(--wl-display);font-weight:500;font-size:1.02rem;line-height:1.4;color:#F3EAD9}
.wl-annu{background:#F2ECDA;padding-bottom:64px}
.wl-annu .wl-annu-tete{text-align:center}
.wl-annu .wl-annu-lead{color:var(--wl-ink2);font-size:1.15rem;margin:12px auto 0;max-width:58ch}
.wl-annu .wl-annu-m{position:relative;margin-top:34px;overflow:hidden}
.wl-annu .wl-annu-m::before,.wl-annu .wl-annu-m::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.wl-annu .wl-annu-m::before{left:0;background:linear-gradient(90deg,#F2ECDA,rgba(242,236,218,0))}
.wl-annu .wl-annu-m::after{right:0;background:linear-gradient(270deg,#F2ECDA,rgba(242,236,218,0))}
.wl-annu .lp-annuaire-track{display:flex;gap:14px;width:max-content;padding:7px 0;animation:wlDefile 70s linear infinite;animation-play-state:paused}
.wl-annu .lp-annuaire-marquee.est-visible .lp-annuaire-track{animation-play-state:running}
.wl-annu .lp-annuaire-track--inverse{animation-direction:reverse;animation-duration:84s}
.wl-annu .lp-annuaire-marquee.est-visible:hover .lp-annuaire-track,.wl-annu .lp-annuaire-marquee.est-visible:focus-within .lp-annuaire-track{animation-play-state:paused}
@keyframes wlDefile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wl-annu .lp-annuaire-tuile{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:#fff;border:1px solid rgba(8,27,58,.12);text-decoration:none;color:var(--wl-navy);flex:0 0 auto;transition:border-color .2s ease}
.wl-annu .lp-annuaire-tuile:hover{border-color:var(--wl-gold)}
.wl-annu .lp-annuaire-tuile img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.wl-annu .lp-annuaire-ini{width:56px;height:56px;border-radius:50%;background:var(--wl-navy);color:var(--wl-gold);font-family:var(--wl-display);font-size:1.4rem;display:none;align-items:center;justify-content:center;flex:0 0 auto}
.wl-annu .lp-annuaire-tuile.sans-image .lp-annuaire-ini{display:inline-flex}
.wl-annu .lp-annuaire-tuile.sans-image img{display:none}
.wl-annu .lp-annuaire-tx{display:block;min-width:0}
.wl-annu .lp-annuaire-nom{display:block;font-weight:600;font-size:.92rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-annu .lp-annuaire-meta{display:block;font-size:.78rem;color:rgba(8,27,58,.62);min-height:1.2em}
.wl-annu .wl-annu-note{margin:18px auto 0;text-align:center;font-size:.85rem;color:rgba(8,27,58,.62);padding-inline:24px}
.wl-annu .wl-annu-note a{color:var(--wl-goldd);font-weight:600}
@media (prefers-reduced-motion:reduce){.wl-annu .lp-annuaire-track{animation:none}.wl-annu .wl-annu-m{overflow-x:auto}}
@media (max-width:960px){
 .wl-presse .wl-presse-in{grid-template-columns:1fr;justify-items:center;text-align:center}
 .wl-presse .wl-presse-marques{justify-content:center;padding-left:0;border-left:0}
 .wl-presse .wl-presse-cta{justify-self:center;align-items:center}
 .wl-telwrap{max-width:300px}
}
@media (max-width:640px){.wl-pm .wl-pm-svg{height:28px}.wl-pm .wl-pm-mc{font-size:1.55rem;line-height:28px}}

/* v19 : bloc « Allez plus loin » en fin de page. Classes wl- nouvelles uniquement. */
.wl-cross{background:radial-gradient(120% 120% at 15% 0%,#17386A 0%,var(--wl-navy) 50%,var(--wl-navy2) 100%);color:#fff}
.wl-cross h2{color:#fff;max-width:24ch}
.wl-cross .wl-cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.wl-crc{display:grid;gap:10px;border-radius:22px;padding:30px 30px 26px;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.wl-crc:hover{transform:translateY(-3px);border-color:rgba(201,162,75,.6);background:rgba(255,255,255,.09)}
.wl-crc.wl-crc-hl{border:2px solid var(--wl-gold);background:linear-gradient(135deg,rgba(201,162,75,.18),rgba(255,255,255,.03) 60%)}
.wl-crc .wl-crc-k{font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wl-gold)}
.wl-crc b{font-family:var(--wl-display);font-weight:500;font-size:clamp(1.45rem, 1.15rem + .9vw, 2rem);line-height:1.15}
.wl-crc i{font-style:normal;color:var(--wl-gold);font-weight:700;margin-top:6px}
.wl-cross .wl-cr-chips{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.wl-cross .wl-cr-chips span{color:rgba(255,255,255,.75);margin-right:4px}
.wl-cross .wl-cr-chips a{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:border-color .2s ease,color .2s ease}
.wl-cross .wl-cr-chips a:hover{border-color:var(--wl-gold);color:var(--wl-gold)}
@media (max-width:760px){.wl-cross .wl-cr-grid{grid-template-columns:1fr}}

/* v20 : liens vers les sites du groupe. */
a.wl-chip{text-decoration:none;transition:border-color .2s ease,color .2s ease}
a.wl-chip:hover{border-color:var(--wl-gold);color:var(--wl-goldd)}
a.wl-chip::after{content:" ↗";color:var(--wl-goldd);font-size:.85em}
.wl a.wl-grp{color:inherit;text-decoration:underline;text-decoration-color:var(--wl-gold);text-decoration-thickness:2px;text-underline-offset:3px}
.wl a.wl-grp:hover{color:var(--wl-gold)}

/* v22 : « la bascule », animation de l'avant / après (bascule.js). Rendu fixe = état final : trait rouge sur le « sans », surligné or sous le « avec ». */
.wl-bac .wl-ba-sans p{text-decoration:none}
.wl-bac s.wl-ba-x{text-decoration:none;background:linear-gradient(rgba(176,74,58,.62),rgba(176,74,58,.62)) no-repeat 0 56%/100% 1.6px}
.wl-bac mark.wl-ba-hl{color:inherit;background:linear-gradient(rgba(201,162,75,.34),rgba(201,162,75,.34)) no-repeat 0 92%/100% .36em;padding:0 .04em}
/* animation : seulement quand bascule.js a posé data-anim sur la section */
.wl-ba[data-anim] .wl-bac{opacity:0}
.wl-ba[data-anim] .wl-bac.wl-on{opacity:1;animation:wl-ba-in .75s cubic-bezier(.16,1,.3,1) var(--wl-d,0ms) backwards}
@keyframes wl-ba-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}
.wl-ba[data-anim] .wl-ba-sans p{transition:color .5s ease calc(var(--wl-d,0ms) + .55s)}
.wl-ba[data-anim] .wl-bac:not(.wl-on) .wl-ba-sans p{color:var(--wl-ink2)}
.wl-ba[data-anim] s.wl-ba-x{background-size:0% 1.6px;transition:background-size .6s cubic-bezier(.65,0,.35,1) calc(var(--wl-d,0ms) + .3s)}
.wl-ba[data-anim] .wl-on s.wl-ba-x{background-size:100% 1.6px}
.wl-ba[data-anim] .wl-ba-arrow{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--wl-d,0ms) + .8s)}
.wl-ba[data-anim] .wl-on .wl-ba-arrow{transform:none}
.wl-ba[data-anim] .wl-on .wl-ba-arrow svg{animation:wl-ba-tombe .7s ease-in-out calc(var(--wl-d,0ms) + 1.2s) 1}
@keyframes wl-ba-tombe{0%,100%{transform:none}45%{transform:translateY(4px)}}
.wl-ba[data-anim] .wl-ba-avec>*{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.wl-ba[data-anim] .wl-on .wl-ba-avec>*{opacity:1;transform:none}
.wl-ba[data-anim] .wl-on .wl-ba-avec>:nth-child(1){transition-delay:calc(var(--wl-d,0ms) + .95s)}
.wl-ba[data-anim] .wl-on .wl-ba-avec>:nth-child(2){transition-delay:calc(var(--wl-d,0ms) + 1.05s)}
.wl-ba[data-anim] .wl-on .wl-ba-avec>:nth-child(3){transition-delay:calc(var(--wl-d,0ms) + 1.2s)}
.wl-ba[data-anim] mark.wl-ba-hl{background-size:0% .36em;transition:background-size .65s cubic-bezier(.65,0,.35,1) calc(var(--wl-d,0ms) + 1.35s)}
.wl-ba[data-anim] .wl-on mark.wl-ba-hl{background-size:100% .36em}
@media print{.wl-ba[data-anim] .wl-bac,.wl-ba[data-anim] .wl-ba-avec>*{opacity:1!important;transform:none!important}}

/* v23 : écran de l'outil en tête des pages métier ; carte du réseau (page réseau). */
.wl-hero-ecran{display:block;width:100%;text-decoration:none;color:inherit}
.wl-hero-ecran .wl-shot{position:relative;overflow:hidden;aspect-ratio:16/10;background:#E9EDF3;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.wl-hero-ecran .wl-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
/* écran horizontal : colonnes équilibrées au-dessus de 960 px (en dessous, l'en-tête passe en une colonne, style_v12) */
@media (min-width:961px){.wl-hero .wl-wrap:has(.wl-hero-ecran){grid-template-columns:1.05fr .95fr}}
.wl-hero-ecran .wl-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:72px;height:72px}
.wl-hero-ecran .wl-play::after{left:28px;top:22px;border-width:14px 0 14px 22px}
.wl-carte{background:#F7F4EE;padding:72px 0}
.wl-carte-lead{max-width:640px;margin:12px 0 0}
.wl-carte-grille{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:32px}
.wl-carte-svg{display:block;width:100%;height:auto}
.wl-dep{fill:#E5E0D6;stroke:#fff;stroke-width:1;cursor:pointer;transition:fill .15s}
.wl-dep:hover,.wl-dep:focus-visible{fill:#B9C3D6;outline:none}
.wl-dep-on{fill:var(--wl-gold)}
.wl-dep-on:hover,.wl-dep-on:focus-visible{fill:#A8862F}
.wl-dep[aria-pressed="true"]{stroke:var(--wl-navy);stroke-width:3}
.wl-carte-choix{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:16px}
.wl-carte-choix select,.wl-cp-form input,.wl-cp-form select,.wl-cp-form textarea{font:inherit;padding:10px 12px;border:1px solid #D9D3C7;border-radius:10px;background:#fff;width:100%;box-sizing:border-box}
.wl-carte-panneau{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(11,31,63,.08)}
.wl-carte-panneau h3{margin:6px 0 10px;outline:none}
.wl-carte-actifs{margin-top:10px;font-size:.95rem;color:#4A5468}
.wl-cp-offre{font-weight:600;color:var(--wl-navy);background:#FBF5E6;border-left:3px solid var(--wl-gold);padding:10px 12px;border-radius:8px}
.wl-cp-form{display:grid;gap:12px;margin-top:14px}
.wl-cp-form label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600}
.wl-cp-form label span{font-weight:400;color:#6B7385}
.wl-pot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wl-carte-etat{margin:12px 0 0;font-weight:600}
.wl-carte-etat.wl-ok{color:#1F7A4D}
.wl-carte-etat.wl-err{color:#B91C1C}
.wl-carte-src{margin-top:18px;font-size:.8rem;color:#6B7385}
@media (max-width:820px){.wl-carte{padding:48px 0}.wl-carte-grille{grid-template-columns:1fr;gap:20px}.wl-carte-cote{order:-1}}

/* v24 : vidéos de la page outils groupées par usage, mot-clé sur chaque vidéo ; groupe WhatsApp sous la carte du réseau. */
.wl-tgroupe{margin-top:48px}
.wl-tgroupe+.wl-tgroupe{margin-top:56px;padding-top:40px;border-top:1px solid var(--wl-line)}
.wl-tg-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.wl-tg-k{font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wl-goldd)}
.wl .wl-tg-h{font-size:clamp(1.4rem,1.1rem + .8vw,1.9rem);margin:0}
.wl-ecrans .wl-row4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.wl-row4 .wl-ecran .wl-tq{font-size:.9rem;padding:14px 16px 0}
.wl-row4 .wl-ecran h3{font-size:1.15rem;padding:4px 16px 0}
.wl-row4 .wl-ecran .wl-tv{font-size:.9rem;padding:6px 16px 16px}
.wl-ecran .wl-vtag{position:absolute;left:10px;top:10px;z-index:1;background:var(--wl-navy);color:#fff;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;box-shadow:0 4px 12px rgba(7,21,46,.25)}
@media (max-width:1100px){.wl-ecrans .wl-row4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wl-ecrans .wl-row4{grid-template-columns:1fr}.wl-tgroupe{margin-top:36px}}
.wl-carte-wa{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:14px 18px;border-radius:14px;background:#25D366;color:#073B1F;text-decoration:none;box-shadow:0 8px 22px rgba(37,211,102,.28);transition:transform .15s ease}
.wl-carte-wa:hover{transform:translateY(-2px)}
.wl-carte-wa b{font-size:1.02rem}
.wl-carte-wa span{font-size:.9rem;opacity:.85}