@font-face{font-family:'Poppins';font-weight:300;font-style:normal;font-display:swap;src:url(/img/k/poppins-300.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:400;font-style:normal;font-display:swap;src:url(/img/k/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:500;font-style:normal;font-display:swap;src:url(/img/k/poppins-500.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:600;font-style:normal;font-display:swap;src:url(/img/k/poppins-600.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:700;font-style:normal;font-display:swap;src:url(/img/k/poppins-700.woff2) format('woff2')}

*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
:root{--blue:#84C7DA;--anth:#3A3A3A;--ink:#1F2224;--g1:#F4F4F4;--g2:#E7E8E9;--g3:#A3A6A9;--g4:#6E7174}
html{font-size:clamp(16px,calc(.42vw + 11px),21px);scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;color:var(--anth);background:#fff;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
.lab{font-size:.95rem;color:var(--g4);font-weight:600;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.lab:before{content:"";width:1.6rem;height:3px;background:var(--blue)}
.more{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;color:var(--anth)}
.more .tease{font-weight:500}
.next{display:inline-block;cursor:pointer;color:inherit}
.lnk2{display:inline-block;font-weight:500;text-decoration:none;color:var(--anth);border-bottom:2px solid var(--anth);padding-bottom:.1rem}
.lnk2:hover{border-bottom-color:var(--g3)}
.more i{display:inline-block;width:2.4rem;height:2.4rem;border:2px solid currentColor;position:relative;animation:bob 1.8s ease-in-out infinite}
.more i:after{content:"";position:absolute;left:50%;top:42%;width:.6rem;height:.6rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes bob{50%{transform:translateY(5px)}}
.sec{padding:7rem 5vw}

/* annotation discrète « Le saviez-vous ? » */
.nudge{display:block;width:100%;text-align:left;background:#fff;color:var(--anth);border:1px solid var(--g2);border-left:3px solid var(--g3);font:inherit;cursor:pointer;padding:.8rem 2.6rem .8rem 1rem;position:relative}
.nudge:before{content:"Le saviez-vous ?";display:block;font-size:.7rem;font-weight:600;color:var(--g4);margin-bottom:.2rem}
.nudge:after{content:"+";position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:300;color:var(--g4);transition:transform .3s}
.nudge[aria-expanded=true]:after{transform:translateY(-50%) rotate(45deg)}
.nudge .q{display:block;font-weight:500;font-size:.88rem;line-height:1.45}
.nudge .a{display:block;font-weight:300;font-size:.85rem;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .5s ease,margin .4s}
.nudge[aria-expanded=true] .a{max-height:12rem;margin-top:.5rem}
.nudge:hover{border-color:var(--g3);border-left-color:var(--anth)}
.nudge .a a{font-weight:500;color:var(--anth)}

/* en-tête */
.hd{display:flex;align-items:center;gap:1.6rem;padding:1.2rem 5vw;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--g2)}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;font:600 1.55rem/1 Poppins;letter-spacing:-.5px}
.logo img{height:2rem;width:auto}
.hd nav{display:flex;gap:1.5rem;margin:0 auto;font-size:.95rem}.hd nav a{text-decoration:none;padding-bottom:.2rem}.hd nav a.on{border-bottom:2px solid var(--blue)}
.hd .cta{padding:.75rem 1.1rem;font:600 .9rem/1 Poppins;text-decoration:none;background:var(--anth);color:#fff}

/* grille 12 colonnes pour casser l'uniformité */
.g{display:grid;grid-template-columns:repeat(12,1fr);column-gap:1.8vw;padding:0 5vw;position:relative}

/* ===== bandeau 1 : bande grise sur 70 %, vidéo verticale qui sort à droite ===== */
.b1{position:relative;padding:4.5rem 0 7rem;overflow:hidden}
.b1:before{content:"";position:absolute;left:0;top:0;bottom:14%;width:71%;background:var(--g1)}
.b1 h1{grid-column:1/9;grid-row:1;font-size:clamp(2rem,3.6vw,3.6rem);max-width:13em;align-self:end}
.b1 .acc{grid-column:3/8;grid-row:2;font-size:1.08rem;font-weight:300;line-height:1.75;margin-top:2.2rem;padding-left:1.4rem;border-left:3px solid var(--anth)}
.b1 .more{grid-column:3/8;grid-row:3;margin-top:2rem;justify-self:start}
.frame{grid-column:9/13;grid-row:1/4;position:relative;height:min(76vh,700px);margin-right:-5vw;align-self:start}
.frame video{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.board{position:absolute;left:-7rem;bottom:2.5rem;background:#fff;box-shadow:0 20px 40px rgba(31,34,36,.14);padding:1.3rem 1.4rem;border-top:3px solid var(--blue)}
.board .t{font-size:.85rem;font-weight:500;margin-bottom:.8rem;color:var(--g4)}
.flaps{display:flex;gap:4px;perspective:400px}
.fl{width:clamp(24px,2.3vw,40px);height:clamp(38px,3.5vw,60px);background:#15181A;color:#fff;display:flex;align-items:center;justify-content:center;font:600 clamp(1.2rem,2vw,2.1rem)/1 Poppins;position:relative}
.fl:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;opacity:.7}
.fl.go{animation:flap .36s ease-in-out}
@keyframes flap{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0)}}
.board p{margin-top:.8rem;font-size:.88rem;min-height:2.6em;line-height:1.4;max-width:17em}
.dots{display:flex;gap:6px;margin-top:.6rem}.dots i{width:20px;height:3px;background:rgba(127,127,127,.35)}.dots i.on{background:var(--anth)}

/* ===== bandeau 2 : titre en colonne étroite, cartes de largeurs différentes ===== */
.b2{padding:7rem 0 6rem}
.b2 .head{grid-column:1/5;grid-row:1/3;align-self:start}
.b2 h2{font-size:clamp(1.6rem,2.5vw,2.4rem)}
.cardA,.cardB{display:grid;grid-template-columns:34% 1fr;min-height:31rem;background:var(--g1);position:relative}
.cardA{grid-column:5/13;grid-row:1}
.cardB{grid-column:3/11;grid-row:2;margin-top:3.5rem;z-index:2;box-shadow:0 24px 50px rgba(31,34,36,.08)}
.cardA>img,.cardB>img{width:100%;height:100%;min-height:22rem;object-fit:cover;filter:grayscale(1)}
.cardA .tx,.cardB .tx{padding:2rem 2.2rem 1.8rem}
.tx small{display:block;font-size:1.12rem;font-weight:600;color:var(--anth);margin-bottom:.5rem;padding-left:.7rem;border-left:3px solid var(--blue);line-height:1.2}
.tx h3{font-size:1.4rem}
.tx p{font-size:1rem;font-weight:300;line-height:1.7;margin-top:.7rem}
.lk{display:inline-block;margin-top:.8rem;font-weight:600;color:var(--anth);border-bottom:2px solid var(--blue);text-decoration:none;cursor:pointer}
.tx .nudge{margin-top:1.4rem}
.letter{display:grid;grid-template-columns:7.5rem 1fr;gap:1.1rem;align-items:center;margin-top:1.3rem;text-decoration:none;color:var(--anth)}
.letter img{width:100%;height:auto;background:#fff;padding:.45rem;border:1px solid var(--g2);box-shadow:0 10px 22px rgba(31,34,36,.14);transform:rotate(-2.5deg);filter:none;min-height:0}
.letter span{font-size:.88rem;font-weight:300;line-height:1.45;border-bottom:0}
.letter b{display:block;font-weight:600;font-size:.95rem;color:var(--ink)}
.letter:hover img{transform:rotate(0)}
.pt .blog{margin-top:.7rem;font-size:.92rem}
.sum{grid-column:6/13;grid-row:3;margin-top:-1.2rem;background:var(--anth);color:#fff;padding:3.4rem 2.6rem 2.2rem;display:flex;flex-direction:column;gap:1.4rem;z-index:1}
.sum p{font-size:1.25rem;line-height:1.5}
.sum p b{font-weight:600;box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}
.sum .more{color:#fff;align-self:flex-end;align-items:flex-end}

/* ===== bandeau 3 : colonne étroite d'un côté, bloc large qui chevauche de l'autre ===== */
.b3{padding:7rem 0 7rem}
.b3 .lab{grid-column:1/13}
.b3 h2{grid-column:1/9;font-size:clamp(1.7rem,2.9vw,2.8rem)}
.c1{grid-column:1/5;grid-row:3;margin-top:2.6rem;background:var(--g1);padding:1.8rem 3.6rem 2rem 1.8rem;align-self:start}
.c1 .ph{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.c1 .ph img{width:5.5rem;height:5.5rem;object-fit:cover;filter:grayscale(1)}
.c1 h3,.c2 h3{font-size:1.2rem}
.one{font-size:1rem;font-weight:300;line-height:1.7}
.c1 .res{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--g2);font-weight:600;color:var(--anth)}
.c2wrap{grid-column:5/12;grid-row:3;margin-top:7rem;margin-left:-3.2rem;position:relative;z-index:2}
.c2{background:var(--anth);color:#fff;padding:2.2rem 2.4rem 2.2rem 2.6rem;border-left:4px solid var(--blue);box-shadow:0 30px 60px rgba(31,34,36,.18)}
.c2 h3{color:#fff;margin-bottom:.8rem}
.c2 .one{color:#E4E5E6;max-width:34em}
.figs{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;margin-top:1.6rem}
.fig{padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.18)}
.fig b{display:block;font-size:clamp(2rem,3.3vw,3.1rem);font-weight:600;color:#fff;letter-spacing:-.03em;white-space:nowrap}
.fig span{display:block;margin-top:.3rem;font-size:.92rem;font-weight:300;line-height:1.5;color:#D9DBDD}
.c2 .still{margin-top:1.6rem;font-weight:600;font-size:1.08rem;color:#fff}
.c2 .tool{display:inline-block;margin-top:1.1rem;font-size:.9rem;font-weight:300;color:#D9DBDD;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:.15rem}
.c2 .tool b{font-weight:600;color:#fff}
.c2 .tool:hover{border-bottom-color:#fff}
.c2wrap .nudge{width:70%;margin:1rem 0 0 auto}
.end{grid-column:7/13;grid-row:4;margin-top:4rem;padding-top:1.6rem;border-top:2px solid var(--anth)}
.end p{font-size:1.3rem;font-weight:500;color:var(--ink);line-height:1.45}
.end .more{margin-top:1.2rem}

/* ===== 1 : le fil ===== */
.b4 .lab{grid-column:1/13}
.b4 h2{grid-column:1/8;grid-row:2}
.b4 .intro{grid-column:8/12;grid-row:2/4;align-self:end;padding-left:1.4rem;border-left:3px solid var(--anth)}
.b4 .fil{grid-column:1/13;grid-row:4;position:relative;margin-top:3rem;display:grid;grid-template-columns:repeat(12,1fr);column-gap:1.8vw}
.b4 .fil:before{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:4rem;width:2px;background:var(--g2)}
.b4 .pt{position:relative}
.b4 .l{grid-column:2/7;text-align:right;padding-right:2.8rem}
.b4 .r{grid-column:7/12;padding-left:2.8rem}
.b4 .pt:before{content:"";position:absolute;top:.62rem;height:1px;background:var(--g3);width:calc(2rem + .9vw)}
.b4 .pt:after{content:"";position:absolute;top:calc(.62rem - 5px);width:11px;height:11px;background:var(--anth)}
.b4 .l:before{right:-.9vw}.b4 .l:after{right:calc(-.9vw - 5px)}
.b4 .r:before{left:-.9vw}.b4 .r:after{left:calc(-.9vw - 6px)}
.b4 .p1{grid-row:1}
.b4 .p2{grid-row:1;margin-top:3.6rem}
.b4 .p3{grid-row:2;margin-top:.6rem}
.b4 .p4{grid-row:2;margin-top:4.2rem}
.b4 .p5{grid-row:2;margin-top:4.2rem}
.b4 .s1{grid-column:1/5;grid-row:3;height:8.5rem;margin-top:1.6rem;align-self:start}
.b4 .s2{grid-column:7/11;grid-row:3;height:9rem;margin-top:3.4rem;margin-left:2.8rem}
.b4 .fil:before{bottom:0}
.b4 .aside{grid-column:2/7;grid-row:3;margin-top:3rem;position:relative;z-index:2}
.b4 .end{grid-column:8/13;grid-row:3;align-self:end;margin-top:3rem;padding-top:1.4rem;border-top:2px solid var(--anth)}

.b4 .fil{margin-top:3rem}

/* ===== bandeau 4 : le fil ===== */
.b4{padding:3.5rem 0 5.5rem}
.b4 h2{font-size:clamp(1.8rem,3vw,2.9rem)}
.intro{font-size:1.06rem;font-weight:300;line-height:1.75}
.ph{object-fit:cover;filter:grayscale(1);width:100%;height:100%}
.pt h3{font-size:1.15rem;margin-bottom:.5rem}
.pt p{font-size:.98rem;font-weight:300;line-height:1.68}
.aside{background:var(--anth);color:#fff;padding:2rem 2.2rem}
.aside p{font-size:1.12rem;line-height:1.55}
.end p b{font-weight:600;box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}



.b3{padding-bottom:4rem}
.b4{padding-top:3.5rem}
/* ===== bandeau 5 : le deal ===== */
.b5{padding:1rem 0 6rem}
.strip{grid-column:1/9;grid-row:1/3;position:relative;margin-left:-5vw;min-height:25rem;background:#15181A;overflow:hidden}
.strip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.42}
.strip .in{position:relative;padding:3.6rem 3rem 3.4rem 5vw;max-width:40rem}
.strip .lab{color:#C9CBCD}
.strip h2{color:#fff;font-size:clamp(1.8rem,3vw,2.9rem)}
.strip p{margin-top:1.2rem;font-weight:300;font-size:1.05rem;line-height:1.7;color:#E4E5E6;max-width:30em}
.deal{grid-column:8/13;grid-row:2/4;margin-top:-7rem;background:#fff;box-shadow:0 30px 60px rgba(31,34,36,.16);padding:2.2rem 2.2rem 1.6rem;border-top:3px solid var(--anth);z-index:2;align-self:start}
.deal div{padding:1rem 0;border-bottom:1px solid var(--g2)}
.deal div:first-child{padding-top:0}.deal div:last-child{border-bottom:0}
.deal b{display:block;font-size:1.08rem;font-weight:600;color:var(--ink);margin-bottom:.3rem}
.deal span{display:block;font-size:.95rem;font-weight:300;line-height:1.6}
.calc{grid-column:2/7;grid-row:3;margin-top:3rem;padding-left:1.4rem;border-left:3px solid var(--anth)}
.calc p{font-size:1rem;font-weight:300;line-height:1.7}
.calc .lnk2{margin-top:1rem}
.calc .more{margin-top:1.6rem}

/* ===== bandeau 6 : comment ça se passe ===== */
.b6{padding:5rem 0 6rem}
.b6 h2{grid-column:1/8;grid-row:2;font-size:clamp(1.7rem,2.8vw,2.7rem)}
.steps{grid-column:1/9;grid-row:3;margin-top:3rem;list-style:none;counter-reset:s;position:relative}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.6rem 1fr;gap:1.2rem;padding-bottom:1.6rem;position:relative;max-width:34rem}
.steps li:nth-child(2){margin-left:3rem}.steps li:nth-child(3){margin-left:6rem}.steps li:nth-child(4){margin-left:9rem}.steps li:nth-child(5){margin-left:12rem}
.steps li:before{content:counter(s);width:2.6rem;height:2.6rem;border:2px solid var(--anth);display:flex;align-items:center;justify-content:center;font-weight:600;background:#fff;position:relative;z-index:1}
.steps li:last-child:before{background:var(--anth);color:#fff}
.steps li:not(:last-child):after{content:"";position:absolute;left:1.25rem;top:2.6rem;width:3rem;height:calc(100% - 2.6rem);border-left:2px solid var(--g2);border-bottom:2px solid var(--g2)}
.steps h3{font-size:1.1rem;margin:.45rem 0 .3rem}
.steps p{font-size:.96rem;font-weight:300;line-height:1.62}
.gar{grid-column:9/13;grid-row:1/4;align-self:start;background:var(--anth);color:#fff;margin-right:-5vw}
.gar img{height:9rem}
.gar .in{padding:1.9rem 5vw 2.2rem 2rem}
.gar h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}
.gar ul{list-style:none}
.gar li{font-size:.95rem;font-weight:300;line-height:1.55;padding:.55rem 0 .55rem 1.3rem;position:relative;color:#E4E5E6;border-top:1px solid rgba(255,255,255,.12)}
.gar li a{color:#fff;font-weight:500}
.gar li:before{content:"";position:absolute;left:0;top:1.05rem;width:.55rem;height:2px;background:var(--blue)}
.gar .last{margin-top:1.1rem;font-weight:600;color:#fff;line-height:1.45}

/* ===== bandeau 7 : avis ===== */
.b7{padding:5.5rem 0 6rem;position:relative}
.b7:before{content:"";position:absolute;right:0;top:9rem;bottom:2rem;width:72%;background:var(--g1)}
.b7 .head{grid-column:1/6;grid-row:1}
.b7 h2{font-size:clamp(1.7rem,2.8vw,2.7rem)}
.b7 .head p{margin-top:1rem;font-weight:300;line-height:1.7;max-width:24em}
.names{grid-column:1/4;grid-row:2/4;margin-top:3rem;align-self:start}
.names span{display:block;font-size:.92rem;font-weight:500;color:var(--g4);padding:.45rem 0;border-bottom:1px solid var(--g2)}
.names .lnk2{margin-top:1.4rem;font-size:.95rem}
.big{grid-column:4/12;grid-row:2;margin-top:3rem;padding:0 0 0 3.4rem;position:relative}
.big:before{content:"«";position:absolute;left:0;top:-1.6rem;font-size:5rem;font-weight:600;color:var(--g3);line-height:1}
.big p{font-size:clamp(1.35rem,2.2vw,2rem);font-weight:500;line-height:1.35;color:var(--ink);letter-spacing:-.015em}
.big cite,.qs cite{display:block;margin-top:1rem;font-style:normal;font-size:.9rem;font-weight:600;color:var(--g4)}
.qs{background:#fff;padding:1.6rem 1.8rem;border-left:3px solid var(--anth);box-shadow:0 18px 40px rgba(31,34,36,.07)}
.qs p{font-size:1rem;line-height:1.6;font-weight:400}
.q1{grid-column:5/9;grid-row:3;margin-top:3rem}
.q2{grid-column:9/13;grid-row:3;margin-top:5.5rem;margin-right:-1.5rem}

/* ===== bandeau 8 : écosystème ===== */
.b8{padding:6rem 0}
.b8 .pic{grid-column:1/4;grid-row:1/6;margin-left:-5vw;min-height:30rem}
.b8 .lab{grid-column:5/13;grid-row:1;margin-top:1rem}
.b8 h2{grid-column:5/12;grid-row:2;font-size:clamp(1.7rem,2.8vw,2.7rem)}
.b8 .intro{grid-column:5/11;grid-row:3;margin-top:1.2rem}
.eco{grid-column:5/13;grid-row:4;margin-top:2.6rem}
.eco a{display:grid;grid-template-columns:5.5rem 12rem 1fr auto;gap:1.4rem;align-items:center;padding:1.1rem 0;border-top:1px solid var(--g2);text-decoration:none}
.eco a:last-child{border-bottom:1px solid var(--g2)}
.eco a:nth-child(2){margin-left:2.5rem}.eco a:nth-child(3){margin-left:5rem}.eco a:nth-child(4){margin-left:7.5rem}
.eco .elogo{height:3rem;width:100%;object-fit:contain;object-position:left center}
.eco b{font-size:1.3rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.eco span{font-size:.96rem;font-weight:300;line-height:1.55}
.eco small{font-size:.8rem;color:var(--g4)}
.eco a:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}
.b8 .lnk2{grid-column:9/13;grid-row:5;margin-top:2rem;justify-self:end;align-self:start}
.nx8{grid-column:5/9;grid-row:6;margin-top:2.5rem}
.nx6{grid-column:1/9;grid-row:4;margin-top:1rem}
.nx7{grid-column:5/9;grid-row:4;margin-top:3rem}

/* ===== bandeau 9 : on en parle ===== */
.b9{padding:3rem 0 6rem}
.talk{grid-column:3/13;grid-row:1;background:var(--anth);color:#fff;margin-right:-5vw;padding:4rem 5vw 4rem calc(14vw + 3rem);display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end}
.talk h2{color:#fff;font-size:clamp(2rem,3.6vw,3.4rem)}
.talk p{margin-top:1.1rem;font-weight:300;line-height:1.7;color:#E4E5E6;max-width:26em}
.acts{display:flex;flex-direction:column;gap:.8rem}
.btn{display:block;text-align:center;padding:1rem 1.2rem;font-weight:600;text-decoration:none}
.btn.w{background:#fff;color:var(--ink)}
.btn.o{border:2px solid rgba(255,255,255,.7);color:#fff}
.tel{margin-top:.8rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}
.tel b{display:block;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.01em}
.tel span{display:block;font-size:.88rem;font-weight:300;color:#C9CBCD;margin-top:.2rem}
.b9 .pic{grid-column:1/5;grid-row:1;height:17rem;align-self:end;margin-bottom:-3rem;z-index:2;border:6px solid #fff;box-shadow:0 24px 50px rgba(31,34,36,.18)}

/* ===== pied de page ===== */
.ft{background:var(--g1);padding:4rem 0 2rem;margin-top:3rem}
.ft .brand{grid-column:1/5}
.ft .brand p{margin-top:1rem;font-size:.9rem;font-weight:300;line-height:1.6;max-width:20em}
.ft .col{grid-column:span 2}
.ft .col:nth-of-type(2){grid-column:7/9}
.ft .col:last-of-type{grid-column:11/13}
.ft .so{display:flex;gap:1.1rem;margin-top:1.3rem}
.ft .so a{display:block;opacity:.75;transition:opacity .2s}
.ft .so a:hover,.ft .so a:focus-visible{opacity:1}
.ft .so img{display:block;width:1.35rem;height:1.35rem;filter:brightness(.55)}
.ft h4{font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.8rem}
.ft .col a,.ft .col span{display:block;font-size:.88rem;font-weight:300;text-decoration:none;padding:.25rem 0}
.ft .col a:hover{text-decoration:underline}
.ft .copy{grid-column:1/13;margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--g2);font-size:.8rem;color:var(--g4)}

@media(max-width:900px){.hd nav{display:none}.hd .cta{margin-left:auto}
.g{display:block;padding:0 6vw}.b1:before{width:100%;bottom:45%}.b1 .acc{margin-top:1.4rem}.b1 .more{margin:1.4rem 0 2rem}
.frame{margin-right:-6vw;height:46vh}.board{left:0;bottom:-2rem}
.b2 .head{position:static;margin-bottom:2rem}.cardA,.cardB{grid-template-columns:1fr;min-height:0}.cardA>img,.cardB>img{min-height:12rem;height:12rem}.cardB{margin-top:3rem}.cardA .tx,.cardB .tx{padding:2rem 1.4rem}
.sum{margin-top:2rem;padding:2rem 1.5rem}.c1{margin-top:2rem}.c2wrap{margin-top:1.5rem;margin-left:0}.figs{grid-template-columns:1fr}.c2wrap .nudge{width:100%}.end{margin-top:2.5rem}}
@media(max-width:900px){
 
 .b4 .intro{margin-top:1.4rem}.b4 .fil{margin-top:2.5rem;display:block}.b4 .fil:before,.b4 .pt:after,.b4 .pt:before{display:none}
 .b4 .pt{text-align:left;padding:0 0 1.6rem 1rem!important;margin:0 0 .4rem!important;border-left:2px solid var(--g2)}
 .b4 .ph{margin:1rem 0 2rem;height:12rem}.b4 .s1{margin:1.4rem 0 0;height:9rem}.b4 .aside,.b4 .end{margin-top:2rem}
 .strip{margin:0 -6vw;min-height:0}.strip .in{padding:3rem 6vw}
 .deal{margin-top:-1.5rem;position:relative}.calc{margin-top:2.5rem}
 .steps{margin-top:2rem}.steps li{margin-left:0!important}.gar{margin:2rem -6vw 0}.gar .in{padding:1.8rem 6vw}
 .b7:before{width:100%;top:14rem}.names{margin-top:2rem}.big{margin-top:2.5rem;padding-left:2.4rem}.qs{margin:1.5rem 0 0!important}
 .b8 .pic{margin:0 -6vw 2rem;min-height:14rem;height:14rem}.eco a{grid-template-columns:4rem 1fr;gap:.3rem 1rem;margin-left:0!important}.eco .elogo{grid-row:1/4}.b8 .more{margin-top:1.6rem}
 .talk{margin:0 -6vw;padding:3rem 6vw;grid-template-columns:1fr}.b9 .pic{margin:0 0 -2rem;height:12rem;position:relative}
 .ft .brand,.ft .col{margin-bottom:1.8rem}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.page{display:block}
/* une photo ne décide jamais de la hauteur d'un bloc : elle suit le texte */
.ph,.cardA>img,.cardB>img{contain:size}
/* ===== page Solutions ===== */
#p-solutions p{line-height:1.7}
.so1{padding:4rem 0 4rem;position:relative}
.so1:before{content:"";position:absolute;left:0;top:0;height:20rem;width:66%;background:var(--g1)}
.so1-t{grid-column:1/8;grid-row:1}
.so1 h1{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:1.2rem;max-width:12em}
.so1-tab{grid-column:8/12;grid-row:1/3;align-self:start;margin-top:2rem;background:#fff;border:1px solid var(--g2);border-top:3px solid var(--anth);padding:1.8rem;box-shadow:0 24px 50px rgba(31,34,36,.09);z-index:1}
.so1-tab table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.so1-tab th{font-size:.82rem;font-weight:600;text-align:left;padding:.5rem .4rem;border-bottom:2px solid var(--anth)}
.so1-tab td{padding:.65rem .4rem;border-bottom:1px solid var(--g2);font-size:1.1rem;font-weight:600;color:var(--ink);vertical-align:middle}
.so1-tab td small{display:block;font-size:.78rem;font-weight:300;color:var(--g4)}
.so1-tab td.k{font-size:1.8rem;text-align:center;background:var(--g1);border-left:4px solid #fff}
.so1-c{grid-column:2/7;grid-row:2;margin-top:3rem}
.so1-c p{font-weight:300;margin-bottom:.9rem}
.so1-c .more{margin-top:1.4rem}

.so2{padding:3rem 0 6rem}
.so-col{display:flex;flex-direction:column;gap:1.6rem}
.so-d{grid-column:1/7;grid-row:1}
.so-s{grid-column:7/13;grid-row:1;margin-top:6rem}
.so-h{font-size:1.4rem;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-.02em;margin-bottom:.2rem}
.so-h span{display:block;font-size:1.12rem;font-weight:600;color:var(--anth);padding-left:.7rem;border-left:3px solid var(--blue);margin-bottom:.4rem;letter-spacing:0}
.so-card{display:grid;grid-template-columns:30% 1fr;background:#fff;border:1px solid var(--g2);text-decoration:none;color:var(--anth);transition:box-shadow .3s}
.so-card:hover{box-shadow:0 24px 50px rgba(31,34,36,.1)}
.so-card .ph{height:100%;min-height:15rem}
.so-card>div{padding:1.6rem 1.8rem}
.so-card small{display:block;font-size:.85rem;font-weight:600;color:var(--g4);margin-bottom:.4rem}
.so-card h3{font-size:1.15rem;margin-bottom:.6rem}
.so-card p{font-size:.93rem;font-weight:300;margin-bottom:.6rem}
.so-card .so-w{font-size:.85rem;color:var(--g4);padding-left:.7rem;border-left:2px solid var(--g3)}
.so-card .lnk2{font-size:.92rem;margin-top:.4rem}
.so-rec{grid-column:2/7;grid-row:2;margin-top:2rem;display:block;text-decoration:none;color:var(--anth);background:var(--g1);padding:1.3rem 1.6rem;border-left:3px solid var(--anth)}
.so-rec small{display:block;font-size:.85rem;color:var(--g4)}
.so-rec b{font-weight:600;color:var(--ink)}
.so-rec:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}
.so-end{grid-column:7/12;grid-row:2;margin-top:3rem;border-top:2px solid var(--anth);padding-top:1.8rem}
.so-end h2{font-size:clamp(1.5rem,2.3vw,2.2rem)}
.so-end p{font-weight:300;margin-top:.6rem}
.so-b{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.3rem}.so-b .btn{flex:1;min-width:12rem}

@media(max-width:900px){
 .so1:before{height:24rem;width:100%}.so1-tab{margin:2rem 0}.so1-c{margin-top:1rem}
 .so-s{margin-top:3rem}.so-card{grid-template-columns:1fr}.so-card .ph{min-height:10rem;height:10rem}.so-rec,.so-end{margin-top:2rem}
}
/* ===== page Solution 1 ===== */
.sa-k{font-size:.95rem;font-weight:600;color:var(--g4);margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem}
.sa-k:before{content:"";width:1.6rem;height:3px;background:var(--blue)}
.sa-note{font-size:.9rem;font-weight:300;color:var(--g4);line-height:1.6}
.sa-cap{font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:1.2rem}
#p-solution1 h2{font-size:clamp(1.7rem,2.8vw,2.7rem)}
#p-solution1 p{line-height:1.7}

.sa1{position:relative;padding:4rem 0 6rem;overflow:hidden}
.sa1:before{content:"";position:absolute;left:0;top:0;bottom:22%;width:62%;background:var(--g1)}
.sa1-t{grid-column:1/8;grid-row:1}
.sa1 h1{font-size:clamp(2rem,3.6vw,3.5rem);max-width:12em}
.sa1-a{grid-column:2/7;grid-row:2;margin-top:2.2rem;padding-left:1.4rem;border-left:3px solid var(--anth)}
.sa1-a .more{margin-top:2rem}
.sa1-v{grid-column:8/13;grid-row:1/3;position:relative;margin-right:-5vw;height:min(72vh,640px)}
.sa1-v .ph{height:100%}
.sa-paper{position:absolute;left:-6rem;bottom:-2.5rem;width:17rem;background:#fff;padding:.7rem .7rem .5rem;box-shadow:0 24px 50px rgba(31,34,36,.22);transform:rotate(-3deg);text-decoration:none;transition:transform .3s}
.sa-paper img{width:100%}
.sa-paper span{display:block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--ink)}
.sa-paper:hover{transform:rotate(0)}

.sa2{padding:5rem 0 4rem}
.sa2-t{grid-column:1/6;grid-row:1;max-width:32rem}
.sa2-t h2{margin-bottom:1.4rem}
.sa2-t p{font-weight:300;margin-bottom:1rem}
.sa2-bars{grid-column:6/11;grid-row:1;background:var(--g1);padding:2.4rem 2.4rem 2.2rem;margin-top:5rem;align-self:start;max-width:34rem}
.bar{display:grid;grid-template-columns:8.5rem 1fr 3.6rem;align-items:center;gap:1rem;margin-bottom:1rem}
.bar span{font-size:.92rem;font-weight:500}
.bar i{display:block;height:1.6rem;background:var(--g3);width:var(--w);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.bar b{font-size:1.15rem;font-weight:600;color:var(--ink)}
.bar.k i{background:var(--anth);box-shadow:inset 0 -3px 0 var(--blue)}
.bar.k span,.bar.k b{font-weight:700}
.sa2-bars.wait .bar i{width:0}
.sa2-bars .sa-note{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--g2)}
.sa2-n{grid-column:3/6;grid-row:2;margin-top:1rem}

.sa3{padding:3rem 0 4rem}
.sa3-wrap{grid-column:3/12;display:flex;align-items:flex-start;gap:0}
.sa3-t{flex:0 1 30rem;min-width:0}
.sa3-t p{font-weight:300;margin-bottom:1rem}
.sa3-t h2{margin-bottom:1.4rem}
.sa3-t .nudge{margin-top:1.2rem}
.sa3-av{flex:0 1 25rem;margin:9rem 0 0 2.6rem;border:1px solid var(--g2);border-top:3px solid var(--anth);padding:1.8rem 1.8rem 1.2rem;box-shadow:0 24px 50px rgba(31,34,36,.09);background:#fff;position:relative;z-index:1}
.sa3-av h3{font-size:1.15rem;margin-bottom:.7rem}
.sa3-av ul{list-style:none}
.sa3-av li{padding:.6rem 0 .6rem 1.4rem;border-top:1px solid var(--g2);position:relative;font-size:.94rem;line-height:1.5}
.sa3-av li:before{content:"";position:absolute;left:0;top:1.15rem;width:.65rem;height:2px;background:var(--anth)}
.sa3-n{grid-column:3/8;margin-top:1.6rem}

.sa4{padding:4rem 0 4.5rem;position:relative}
.sa4:before{content:"";position:absolute;left:0;top:0;bottom:0;width:58%;background:var(--g1)}
.sa4-t{grid-column:1/7;grid-row:1}
.sa4-line{grid-column:1/6;grid-row:2;list-style:none;margin-top:2.6rem;counter-reset:s;position:relative}
.sa4-line li{counter-increment:s;position:relative;padding:0 0 1.5rem 3.8rem}
.sa4-line li:before{content:counter(s);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--anth);font-weight:600;z-index:1}
.sa4-line li:not(:last-child):after{content:"";position:absolute;left:1.2rem;top:2.5rem;bottom:0;width:2px;background:var(--g3)}
.sa4-line li:last-child:before{background:var(--anth);color:#fff}
.sa4-line b{display:block;font-size:1.06rem;color:var(--ink);margin:.35rem 0 .25rem}
.sa4-line span{font-size:.93rem;font-weight:300;line-height:1.55;display:block}
.sa4-pic{grid-column:7/11;grid-row:1/3;position:relative;margin-top:3rem;height:28rem}
.sa4-after{position:absolute;left:-4rem;bottom:-2.4rem;width:19rem;background:#fff;padding:1.4rem 1.6rem;border-left:3px solid var(--g3);box-shadow:0 20px 44px rgba(31,34,36,.12)}
.sa4-after h3{font-size:1.02rem;margin-bottom:.4rem}
.sa4-after p{font-size:.9rem;font-weight:300;line-height:1.55}
.sa4-after .sa-note{margin-top:.45rem;font-size:.85rem}
.sa4-n{grid-column:2/6;grid-row:3;margin-top:1.2rem}

.sa5{padding:5rem 0 5rem}
.sa5-d{grid-column:1/8;grid-row:1;background:var(--anth);color:#E4E5E6;margin-left:-5vw;padding:3.4rem 7rem 3.2rem 5vw}
.sa5-d .sa-k{color:#C9CBCD}
.sa5-d h2{color:#fff;margin-bottom:1.3rem}
.sa5-d p{font-weight:300;margin-bottom:.9rem;max-width:36em}
.sa5-d ul{list-style:none;margin:.4rem 0 1rem}
.sa5-d li{padding:.45rem 0 .45rem 1.3rem;position:relative;font-weight:300}
.sa5-d li:before{content:"";position:absolute;left:0;top:1.05rem;width:.6rem;height:2px;background:var(--blue)}
.sa5-d .sa5-last{font-weight:600;color:#fff}
.sa5-letter{grid-column:7/13;grid-row:1;align-self:center;margin-left:-2rem;z-index:2}
.sa-big{display:block;background:#fff;padding:1.4rem;box-shadow:0 34px 70px rgba(31,34,36,.28);transform:rotate(1.6deg);transition:transform .35s}
.sa-big:hover{transform:rotate(0)}
.sa-big img{width:100%}
.sa5-letter .lnk2{margin-top:1.6rem}
.sa5-n{grid-column:2/7;grid-row:2;margin-top:2.4rem}

.sa6{padding:3rem 0 4rem}
.sa6-t{grid-column:4/10;border-top:2px solid var(--anth);padding-top:2rem}
.sa6-t p{font-weight:300;margin-top:1rem;font-size:1.06rem}
.sa6-t .more{margin-top:1.6rem}

.sa7{padding:2rem 0 6rem}
.sa7-p{grid-column:2/13;grid-row:1;background:var(--g1);margin-right:-5vw;padding:3.4rem 5vw 3.4rem 3rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}
.sa7-p p{font-weight:300;margin-top:1rem;max-width:30em}
.sa7-b{display:flex;flex-direction:column;gap:.8rem}
.sa7-tel{margin-top:.6rem;font-size:.88rem;font-weight:300;color:var(--g4)}
.sa7-tel b{display:block;font-size:1.4rem;font-weight:600;color:var(--ink)}
.sa7-x-old{grid-column:1/6;grid-row:2;margin-top:-1.4rem;z-index:2;background:#fff;border:1px solid var(--g2);border-left:3px solid var(--anth);padding:1.3rem 1.6rem;text-decoration:none;box-shadow:0 18px 40px rgba(31,34,36,.08)}
.sa7-x span{display:block;font-size:.9rem;font-weight:300;color:var(--g4)}
.sa7-x b{display:block;font-weight:600;color:var(--ink);margin-top:.2rem}
.sa7-x:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}

@media(max-width:900px){
 .sa1:before{width:100%;bottom:50%}.sa1-a{margin-top:1.4rem}.sa1-v{margin:3rem -6vw 0;height:22rem}.sa-paper{left:6vw;bottom:-2rem;width:12rem}
 .sa2-bars{margin:2rem -6vw 0;padding:2rem 6vw;max-width:none}.bar{grid-template-columns:6.5rem 1fr 3rem}
 .sa3-wrap{display:block}.sa3-av{margin:2rem 0 0}.sa4:before{width:100%}.sa4-pic{height:16rem;margin:2rem -6vw 3rem}.sa4-after{left:6vw;width:auto;right:6vw}
 .sa5-d{margin:0 -6vw;padding:2.6rem 6vw}.sa5-letter{margin:2rem 0 0}.sa7-p{margin:0 -6vw;padding:2.6rem 6vw;grid-template-columns:1fr}.sa7-x-old{margin-top:1.4rem}
 .sa2-n,.sa3-n,.sa4-n,.sa5-n{margin-top:2rem}.sa4-after{margin-top:1rem}
}
.btn.d{background:var(--anth);color:#fff}.btn.l{border:2px solid var(--anth);color:var(--anth)}
.btn.d:hover{background:var(--ink)}.btn.l:hover{background:#fff}
.sa5-letter{display:flex;flex-direction:column;align-items:flex-end}
.sa5-letter .sa-big{align-self:stretch}

.sa3-alt{display:block;margin-top:1.4rem;max-width:34em;font-size:.95rem;font-weight:300;color:var(--anth);text-decoration:none;padding:.8rem 1rem;border:1px solid var(--g2);border-left:3px solid var(--anth)}
.sa3-alt b{font-weight:600}
.sa3-alt:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}
.sa8{grid-column:2/10;grid-row:2;margin-top:4rem;display:grid;grid-template-columns:15rem 1fr;background:#fff;border:1px solid var(--g2);box-shadow:0 26px 54px rgba(31,34,36,.09);max-width:52rem}
.sa8 .ph{height:100%;min-height:15rem}
.sa8-t{padding:2.6rem 3rem 2.4rem 2.8rem;border-top:3px solid var(--anth)}
.sa8-t h2{font-size:clamp(1.5rem,2.3vw,2.2rem)!important;margin-bottom:1rem}
.sa8-t p{font-weight:300;max-width:32em}
.sa8-t .lnk2{margin-top:1.3rem}
@media(max-width:900px){.sa8{margin:2.4rem -6vw 0;grid-template-columns:1fr}.sa8 .ph{min-height:12rem;height:12rem}.sa8-t{padding:2rem 6vw}}
.sa5-letter{max-width:38rem}

.sa-big{margin:0}
.sa-big figcaption{margin-top:.9rem;font-size:.9rem;font-weight:600;color:var(--ink)}
@media(min-width:901px){.sa8{grid-template-columns:12rem 1fr}.sa8 .ph{min-height:13rem}}
/* ===== page Contre Retraite ===== */
#p-contreretraite h2{font-size:clamp(1.7rem,2.8vw,2.7rem)}
#p-contreretraite p{line-height:1.7}
.cr1{padding:3.5rem 0 4.5rem}
.cr1-pic{grid-column:1/4;grid-row:1;height:30rem;margin-left:-5vw;width:calc(100% + 5vw)}
.cr1-t{grid-column:5/11;grid-row:1;align-self:center;padding:2rem 0}
.cr1 h1{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:1.6rem}
.cr1 .intro{max-width:31em;padding-left:1.4rem;border-left:3px solid var(--anth)}
.cr1 .more{margin-top:2rem}

.cr2{padding:3rem 0 4rem;position:relative}
.cr2:before{content:"";position:absolute;right:0;top:0;bottom:3rem;width:56%;background:var(--g1)}
.cr2-cols{grid-column:2/6;grid-row:1;background:#fff;border:1px solid var(--g2);padding:2rem 2rem 1.6rem;box-shadow:0 24px 50px rgba(31,34,36,.08);margin-top:4rem;align-self:start;position:relative;z-index:1}
.cols{display:flex;align-items:flex-end;gap:1.6rem;height:15rem;border-bottom:2px solid var(--anth);padding:0 .4rem}
.crc{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}
.crc i{display:block;width:100%;height:var(--h);background:var(--g3);transition:height 1.2s cubic-bezier(.2,.7,.2,1)}
.crc.k i{background:var(--anth);box-shadow:inset 0 3px 0 var(--blue)}
.crc b{order:-1;font-size:1.15rem;font-weight:600;color:var(--ink);margin-bottom:.4rem}
.crc span{position:absolute;bottom:-1.9rem;font-size:.85rem;font-weight:500;white-space:nowrap}
.crc.k span{font-weight:700}
.cr2-cols.wait .crc i{height:0}
.cr2-cols .sa-note{margin-top:2.8rem}
.cr2-t{grid-column:7/12;grid-row:1;padding:3rem 0 2rem;max-width:34rem}
.cr2-t h2{margin-bottom:1.2rem}
.cr2-t p{font-weight:300;margin-bottom:1rem}
.cr2-t .more{margin-top:1.4rem}

.cr3{padding:4rem 0 4rem}
.cr3-t{grid-column:5/11;grid-row:1;max-width:36rem}
.cr3-t h2{margin-bottom:1.3rem}
.cr3-t p{font-weight:300;margin-bottom:.9rem}
.cr3-t .more{margin-top:1.8rem}
.cr3-pr{grid-column:1/5;grid-row:1;align-self:start;margin-top:7rem;background:var(--anth);color:#E4E5E6;padding:2rem 2rem 1.6rem;margin-right:-1rem;z-index:1}
.cr3-pr h3{color:#fff;font-size:1.1rem;margin-bottom:.7rem}
.cr3-pr ul{list-style:none}
.cr3-pr li{padding:.6rem 0 .6rem 1.3rem;border-top:1px solid rgba(255,255,255,.12);position:relative;font-size:.93rem;font-weight:300;line-height:1.5}
.cr3-pr li:before{content:"";position:absolute;left:0;top:1.15rem;width:.6rem;height:2px;background:var(--blue)}

.cr4{padding:3.5rem 0 4rem}
.cr4-t{grid-column:2/9;grid-row:1}
.cr4-steps{grid-column:2/10;grid-row:2;list-style:none;margin-top:2.4rem;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s;border-top:2px solid var(--anth)}
.cr4-steps li{counter-increment:s;padding:1.2rem 1rem 1.2rem 0;position:relative}
.cr4-steps li:nth-child(odd){background:var(--g1);padding-left:1rem}
.cr4-steps li:before{content:counter(s);display:block;font-size:2.2rem;font-weight:600;color:var(--g3);line-height:1;margin-bottom:.6rem}
.cr4-steps li:last-child:before{color:var(--anth)}
.cr4-steps li:nth-child(2){margin-top:1.4rem}.cr4-steps li:nth-child(4){margin-top:1.4rem}
.cr4-steps b{display:block;font-size:1rem;color:var(--ink);margin-bottom:.3rem}
.cr4-steps span{font-size:.9rem;font-weight:300;line-height:1.5;display:block}
.cr4-free{grid-column:10/13;grid-row:2;align-self:end;margin:0 0 -1rem 1rem;border-left:3px solid var(--g3);padding:.6rem 1rem;font-size:.92rem;font-weight:300}
.cr4-free b{display:block;font-weight:600;color:var(--ink)}
.cr4-n{grid-column:2/7;grid-row:3;margin-top:2.2rem}

.cr5{padding:3rem 0 4rem}
.cr5-pic{grid-column:7/13;grid-row:1;height:26rem;margin-right:-5vw;width:calc(100% + 5vw)}
.cr5-d{grid-column:2/8;grid-row:1;align-self:center;background:var(--anth);color:#E4E5E6;padding:3rem 3rem 2.6rem;z-index:1;margin-top:5rem}
.cr5-d .sa-k{color:#C9CBCD}
.cr5-d h2{color:#fff;margin-bottom:1.2rem}
.cr5-d p{font-weight:300;margin-bottom:.8rem}
.cr5-d .cr5-last{font-weight:600;color:#fff}
.cr5-d .more{margin-top:1.4rem;color:#fff}

.cr6{padding:2rem 0 6rem}
.cr6-t{grid-column:2/7;grid-row:1;border-top:2px solid var(--anth);padding-top:1.8rem;align-self:start}
.cr6-t p{font-weight:300;margin-top:1rem}
.cr6-p{grid-column:7/13;grid-row:1;margin-top:5rem;background:var(--anth);color:#E4E5E6;padding:2.6rem 5vw 2.6rem 2.6rem;margin-right:-5vw}
.cr6-p h2{color:#fff;font-size:clamp(1.5rem,2.3vw,2.2rem)!important}
.cr6-p p{font-weight:300;margin-top:.9rem}
.cr6-b{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.cr6-b .btn{flex:1;min-width:12rem}
.cr6-tel{margin-top:1rem;font-size:.88rem;color:#C9CBCD}.cr6-tel b{display:block;font-size:1.4rem;color:#fff}
.cr6-x{grid-column:1/9!important;grid-row:2!important;margin-left:-5vw}

@media(max-width:900px){
 .cr1-pic{margin:0 -6vw;width:calc(100% + 12vw);height:14rem}.cr1-t{padding:2rem 0 0}
 .cr2:before{width:100%}.cr2-cols{margin-top:2rem}.cr2-t{padding:2rem 0}
 .cr3-pr{margin:2rem 0 0}.cr4-steps{display:block}.cr4-steps li{margin:0!important;padding:1rem}.cr4-free{margin:1.4rem 0 0}
 .cr5-pic{margin:0 -6vw;width:calc(100% + 12vw);height:14rem}.cr5-d{margin-top:-2rem;padding:2rem 6vw}
 .cr6-p{margin:2rem -6vw 0;padding:2rem 6vw}.cr6-x{margin:2.4rem -6vw 0!important;max-width:none}
}
/* ===== page Pour vos salariés ===== */
#p-salaries h2{font-size:clamp(1.6rem,2.6vw,2.5rem)}
#p-salaries p{line-height:1.7}
.sl1{padding:4rem 0 5rem;position:relative}
.sl1-t{grid-column:1/7;grid-row:1;z-index:1;align-self:center}
.sl1 h1{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:1.4rem}
.sl1 .intro{max-width:30em}
.sl1 .more{margin-top:1.8rem}
.sl1-pic{grid-column:7/12;grid-row:1;height:27rem}
.sl1-num{grid-column:9/13;grid-row:2;margin:-3.5rem 0 0 -2rem;background:var(--anth);color:#D9DBDD;padding:1.4rem 1.6rem;font-size:.9rem;font-weight:300;line-height:1.5;z-index:1;max-width:20rem}
.sl1-num b{display:block;font-size:2.4rem;font-weight:600;color:#fff;letter-spacing:-.03em}

.sl-n{display:inline-block;font-size:.85rem;font-weight:600;color:var(--anth);border:2px solid var(--anth);padding:.25rem .7rem;margin-bottom:1rem}
.sl2{padding:3rem 0 4rem}
.sl2-a{grid-column:1/7;grid-row:1;background:var(--g1);padding:2.6rem 2.6rem 2.2rem 5vw;margin-left:-5vw}
.sl2-a h2,.sl2-b h2{margin-bottom:1.1rem}
.sl2-a p,.sl2-b p{font-weight:300;margin-bottom:.9rem}
.sl2-a p b{font-weight:600}
.sl2-two{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.4rem 0 1rem}
.sl2-two div{background:#fff;padding:1.2rem 1.3rem;border-top:3px solid var(--anth)}
.sl2-two h3{font-size:1rem;margin-bottom:.4rem}
.sl2-two p{font-size:.92rem;margin:0!important}
.sl-warn{font-size:.9rem!important;font-weight:500!important;color:var(--anth);padding-left:.8rem;border-left:3px solid var(--g3)}
.sl2-a .nudge{margin-top:1.2rem}
.sl2-b{grid-column:7/12;grid-row:1;margin:6rem 0 0 2.4rem;align-self:start;border:1px solid var(--g2);background:#fff;padding:2.4rem 2.4rem 2rem;box-shadow:0 26px 54px rgba(31,34,36,.08)}
.sl2-big{font-size:2.4rem!important;font-weight:600!important;color:var(--ink);letter-spacing:-.03em;line-height:1.1!important;margin:.4rem 0 1rem!important}
.sl2-big span{display:block;font-size:.95rem;font-weight:400;letter-spacing:0;color:var(--g4)}
.sl2-n{grid-column:8/12;grid-row:2;margin-top:2rem}

.sl3{padding:3rem 0 4rem}
.sl3-t{grid-column:2/7;grid-row:1}
.sl3-t h2{margin-bottom:1.1rem}
.sl3-t p{font-weight:300;margin-bottom:.9rem}
.sl3-v{grid-column:7/12;grid-row:1;margin-top:3.6rem;padding-left:1rem}
.sal{display:flex;height:3.4rem;border:2px solid var(--anth)}
.sal span{display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}
.sal .s1{flex:0 0 66%;background:var(--g2);color:var(--ink)}
.sal .s2{flex:1;background:var(--anth);color:#fff;box-shadow:inset 0 -3px 0 var(--blue)}
.sal-l{display:flex;justify-content:space-between;font-size:.82rem;color:var(--g4);margin:.5rem 0 1.8rem}
.sl3-n{grid-column:2/6;grid-row:2;margin-top:1.4rem}

.sl4{padding:3rem 0 6rem}
.sl4-t{grid-column:3/9;grid-row:1;border-top:2px solid var(--anth);padding-top:2rem}
.sl4-t p{font-weight:300;margin-top:1rem}
.sl4-b{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.sl4-b .btn{min-width:13rem}
.sl4-x{grid-column:9/13;grid-row:1;align-self:end;margin:0 -5vw -2rem 1.4rem;display:block;text-decoration:none;background:var(--g1);color:var(--anth)}
.sl4-x .ph{height:10rem}
.sl4-x span{display:block;padding:1.2rem 5vw 1.4rem 1.4rem}
.sl4-x small{display:block;font-size:.85rem;color:var(--g4)}
.sl4-x b{display:block;font-weight:600;color:var(--ink);line-height:1.4;margin-top:.2rem}
.sl4-x:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}

@media(max-width:900px){
 .sl1-pic{height:15rem;margin:2rem -6vw 0}.sl1-num{margin:-2rem 0 0;max-width:none}
 .sl2-a{margin:0 -6vw;padding:2rem 6vw}.sl2-two{grid-template-columns:1fr}.sl2-b{margin:2rem 0 0}
 .sl3-v{margin-top:2rem;padding:0}.sl4-x{margin:2rem -6vw 0}
}
/* ===== page Écosystème ===== */
#p-ecosysteme h2{font-size:clamp(1.6rem,2.6vw,2.5rem)}
#p-ecosysteme p{line-height:1.7}
.ec1{padding:3.5rem 0 3rem}
.ec1-pic{grid-column:8/13;grid-row:1;height:26rem;margin-right:-5vw;width:calc(100% + 5vw)}
.ec1-t{grid-column:1/8;grid-row:1;align-self:center;padding-right:2rem}
.ec1 h1{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:1.4rem;max-width:13em}
.ec1 .intro{max-width:32em}
.ec1-n{margin-top:1.2rem;font-weight:600;color:var(--ink);padding-left:.8rem;border-left:3px solid var(--blue)}

.ec2{padding:2rem 0 4rem}
.ec2-k{grid-column:1/13}
.ec2-m{grid-column:1/13;display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem;margin-top:.6rem}
.ecm{display:flex;flex-direction:column;background:#fff;border:1px solid var(--g2);padding:1.5rem 1.5rem 1.3rem;text-decoration:none;color:var(--anth);transition:box-shadow .3s,transform .3s}
.ecm:hover{box-shadow:0 22px 46px rgba(31,34,36,.1)}
.ecm .logo{height:3.4rem;width:auto;max-width:10rem;object-fit:contain;align-self:flex-start;background:#fff;padding:.35rem .5rem;margin-bottom:.9rem}
.ecm:nth-child(1) .logo{height:4.2rem}
.ecm small{font-size:.8rem;font-weight:600;color:var(--g4)}
.ecm b{font-size:1.35rem;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:.2rem 0 .6rem}
.ecm span{font-size:.92rem;font-weight:300;line-height:1.6;flex:1}
.ecm em{font-style:normal;font-size:.82rem;font-weight:500;margin-top:.9rem;border-bottom:2px solid var(--anth);align-self:flex-start}
.ecm:nth-child(1){grid-column:1/4;grid-row:1/3;background:var(--g1);border:0;padding:2.2rem}
.ecm:nth-child(1) b{font-size:2rem}
.ecm:nth-child(2){grid-column:4/6;margin-top:2.4rem}
.ecm:nth-child(3){grid-column:6/7;grid-row:1/3;margin-top:5rem}
.ecm:nth-child(4){grid-column:4/6;grid-row:2;background:var(--anth);border:0;color:#D9DBDD}
.ecm:nth-child(4) small{color:#B7B9BB}.ecm:nth-child(4) b{color:#fff}.ecm:nth-child(4) em{border-color:#fff;color:#fff}
.ecm:nth-child(5){grid-column:2/4;grid-row:3;margin-top:-1rem}
.ecm:nth-child(6){grid-column:4/7;grid-row:3;margin-top:1.4rem;border-left:3px solid var(--anth)}
.ec2-n{grid-column:2/6;margin-top:2rem}

.ec3{padding:3rem 0 4rem;position:relative}
.ec3:before{content:"";position:absolute;left:30%;right:0;top:2rem;bottom:2rem;background:var(--g1)}
.ec3-t{grid-column:1/5;grid-row:1;align-self:start;padding-top:3rem}
.ec3-t h2{margin-bottom:1rem}
.ec3-t p{font-weight:300}
.ec3-l{grid-column:5/12;grid-row:1;padding:3rem 0 2rem 2rem;columns:2;column-gap:2.4rem}
.ec3-l div{break-inside:avoid;padding:.55rem 0;border-bottom:1px solid var(--g2);display:flex;justify-content:space-between;gap:1rem}
.ec3-l dt{font-size:.92rem;font-weight:500;color:var(--ink)}
.ec3-l dd{font-size:.92rem;font-weight:300;text-align:right}
.ec3-n{grid-column:1/5;grid-row:1;align-self:end;margin-bottom:2rem}

.ec4{padding:3rem 0 6rem}
.ec4-t{grid-column:6/12;grid-row:1}
.ec4-t h2{margin-bottom:.8rem}
.ec4-t p{font-weight:300}
.ec4-l{grid-column:6/12;grid-row:2;list-style:none;margin-top:1.6rem}
.ec4-l a{display:grid;grid-template-columns:11rem 1fr;gap:1.4rem;padding:1rem 0;border-top:1px solid var(--g2);text-decoration:none;color:var(--anth)}
.ec4-l li:last-child a{border-bottom:1px solid var(--g2)}
.ec4-l b{font-weight:600;color:var(--ink)}
.ec4-l span{font-size:.92rem;font-weight:300;line-height:1.55}
.ec4-l a:hover b{box-shadow:inset 0 -.3em 0 rgba(132,199,218,.45)}
.ec4-c{grid-column:1/6;grid-row:1/3;align-self:end;background:var(--anth);color:#E4E5E6;padding:2.4rem 2.4rem 2.2rem 5vw;margin-left:-5vw;margin-right:1.5rem}
.ec4-c h2{color:#fff;font-size:clamp(1.4rem,2.2vw,2rem)!important}
.ec4-c p{font-weight:300;margin-top:.8rem}
.ec4-b{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}.ec4-b .btn{flex:1;min-width:11rem}

@media(max-width:900px){
 .ec1-pic{height:14rem;margin:0 -6vw 2rem;width:calc(100% + 12vw)}.ec1-t{padding:0}
 .ec2-m{display:flex;flex-direction:column}.ecm{margin:0!important}
 .ec3:before{left:0}.ec3-l{columns:1;padding:1.4rem 0}.ec3-n{margin:0}
 .ec4-l a{grid-template-columns:1fr;gap:.2rem}.ec4-c{margin:2rem -6vw 0;padding:2rem 6vw}
}
/* ===== page Résultats ===== */
#p-resultats p{line-height:1.7}
#p-resultats h2{font-size:clamp(1.6rem,2.6vw,2.5rem)}
.rs1{padding:4rem 0 2rem}
.rs1-t{grid-column:1/9}
.rs1 h1{font-size:clamp(2.2rem,4vw,3.8rem);margin-bottom:1.2rem;max-width:12em}
.rs1 .intro{max-width:34em;padding-left:1.4rem;border-left:3px solid var(--anth);margin-left:3rem}
.rs1-n{grid-column:9/13;align-self:end;font-size:.92rem;font-weight:300;color:var(--g4);border-top:2px solid var(--anth);padding-top:.8rem}
.rs1-n b{display:block;font-weight:600;color:var(--ink)}

.rs2{padding:2rem 0 4rem}
.cas{background:#fff;border:1px solid var(--g2);padding:1.8rem 1.8rem 1.5rem;align-self:start}
.cas h3{font-size:1.12rem;margin-bottom:.6rem}
.cas p{font-size:.92rem;font-weight:300;line-height:1.6}
.ab{margin:1.2rem 0 .8rem}
.ab div{display:grid;grid-template-columns:3.4rem 1fr 6.4rem;align-items:center;gap:.7rem;margin-bottom:.45rem}
.ab span{font-size:.8rem;color:var(--g4)}
.ab i{display:block;height:1.1rem;background:var(--g3);width:var(--w);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.ab .k i{background:var(--anth)}
.ab b{font-size:.95rem;font-weight:600;color:var(--ink);text-align:right}
.ab.wait i{width:0}
.gain{font-size:1.3rem!important;font-weight:600!important;color:var(--ink);letter-spacing:-.02em;line-height:1.3!important;border-top:1px solid var(--g2);padding-top:.7rem}
.gain small{display:block;font-size:.85rem;font-weight:300;letter-spacing:0;color:var(--g4)}
.rc1{grid-column:1/7;grid-row:1;background:var(--anth);border:0;color:#D9DBDD;padding:2.4rem}
.rc1 h3,.rc1 .gain{color:#fff}.rc1 .ab b{color:#fff}.rc1 .ab .k i{background:#fff;box-shadow:inset 0 -3px 0 var(--blue)}.rc1 .ab span{color:#B7B9BB}.rc1 .gain{border-color:rgba(255,255,255,.2);font-size:1.8rem!important}
.rc2{grid-column:7/11;grid-row:1;margin:4rem 0 0 1rem}
.rc3{grid-column:2/6;grid-row:2;margin-top:2rem}
.rc4{grid-column:6/10;grid-row:2;margin:1.4rem 0 0 1rem;background:var(--g1);border:0}
.rc5{grid-column:10/13;grid-row:2;margin-top:3rem}
.rc6{grid-column:3/8;grid-row:3;margin-top:1.6rem;border-left:3px solid var(--anth)}
.rs-x{display:block;margin-top:.8rem;font-size:.86rem;color:var(--anth);text-decoration:none;border-left:2px solid var(--g3);padding-left:.7rem}
.rs-x:hover{color:var(--ink)}
.rs2-n{grid-column:8/12;grid-row:3;align-self:end;margin-left:2rem}

.rs3{padding:3rem 0 6rem;position:relative}
.rs3:before{content:"";position:absolute;left:0;width:64%;top:0;bottom:8rem;background:var(--g1)}
.rs3-t{grid-column:1/7;grid-row:1;padding-top:2.6rem}
.rs3-l{grid-column:1/8;grid-row:2;margin-top:1.4rem;font-size:.95rem;font-weight:300;line-height:2;color:var(--anth)}
.rs3-q{grid-column:9/13;grid-row:1/3;align-self:center;margin-top:3rem}
.rs3-q blockquote p{font-size:1.4rem;font-weight:500;line-height:1.4;color:var(--ink)}
.rs3-q cite{display:block;font-style:normal;font-size:.9rem;font-weight:600;color:var(--g4);margin:.6rem 0 1.4rem}
.rs3-c{grid-column:6/12;grid-row:3;margin-top:3rem;background:var(--anth);color:#E4E5E6;padding:2.4rem 2.6rem;z-index:1}
.rs3-c h2{color:#fff;font-size:clamp(1.4rem,2.2vw,2rem)!important}
.rs3-c p{font-weight:300;margin-top:.6rem}

@media(max-width:900px){
 .rs1 .intro{margin-left:0}.rs1-n{margin-top:2rem}
 .cas{margin:0 0 1.2rem!important}.rs3:before{width:100%;bottom:0}.rs3-q{margin-top:2rem}.rs3-c{margin:2rem -6vw 0;padding:2rem 6vw}
}
/* ===== page Avis ===== */
#p-avis p{line-height:1.7}
.av1s{padding:4rem 0 2rem}
.av-t{grid-column:1/8}
.av1s h1{font-size:clamp(2rem,3.6vw,3.4rem);margin-bottom:1.2rem}
.av1s .intro{max-width:32em;margin-bottom:1rem}
.av-w{grid-column:8/12;align-self:end;background:var(--g1);padding:1.4rem 1.6rem;font-size:.95rem;font-weight:300;border-left:3px solid var(--anth)}
.av-w b{font-weight:600;color:var(--ink)}
.av2s{padding:2rem 0 6rem}
.av-col{display:flex;flex-direction:column;gap:1.4rem}
.av-col.a{grid-column:1/7}
.av-col.b{grid-column:7/12;margin-top:5rem}
.avi{background:#fff;border:1px solid var(--g2);padding:1.8rem 1.9rem 1.5rem;position:relative}
.avi:nth-child(3n+2){background:var(--g1);border:0}
.avi .lg{height:3.6rem;margin-bottom:1rem;display:flex;align-items:center}
.avi .lg img{max-height:100%;max-width:9rem;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}
.avi:hover .lg img{filter:none;opacity:1}
.avi .qm{font-size:3rem;font-weight:600;line-height:1;color:var(--g3);height:3.6rem;margin-bottom:.4rem}
.avi p{font-size:.95rem;font-weight:300;margin-bottom:.7rem}
.avi details summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--anth);list-style:none;border-bottom:2px solid var(--anth);display:inline-block;margin-bottom:.6rem}
.avi details summary::-webkit-details-marker{display:none}
.avi details[open] summary{display:none}
.avi cite{display:block;font-style:normal;font-size:.9rem;font-weight:600;color:var(--ink);margin-top:.4rem;padding-top:.7rem;border-top:1px solid var(--g2)}
.av-end{grid-column:2/8;margin-top:3rem;border-top:2px solid var(--anth);padding-top:1.8rem}
.av-end h2{font-size:clamp(1.5rem,2.3vw,2.2rem)}
.av-end p{font-weight:300;margin-top:.6rem}
@media(max-width:900px){.av-w{margin-top:1.4rem}.av-col.b{margin-top:1.4rem}}
/* ===== page Business ===== */
#p-business p{line-height:1.7}
#p-business h2{font-size:clamp(1.6rem,2.6vw,2.5rem)}
.bz1{padding:4rem 0 3rem}
.bz1-t{grid-column:1/7;grid-row:1;align-self:center}
.bz1 h1{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:1.3rem}
.bz1 .intro{max-width:30em}
.bz1 .more{margin-top:1.8rem}
.bz1-pic{grid-column:8/12;grid-row:1;height:24rem}

.bz2{padding:2rem 0 4rem}
.bz2-cmp{grid-column:2/10;display:grid;grid-template-columns:1fr 1fr;gap:0}
.bzc{padding:2.2rem 2.2rem 1.8rem;background:var(--g1)}
.bzc.d{background:var(--anth);color:#D9DBDD;margin-top:3rem}
.bzc small{display:block;font-size:1.05rem;font-weight:600;color:var(--anth);padding-left:.7rem;border-left:3px solid var(--blue);margin-bottom:.8rem}
.bzc.d small{color:#fff}
.bzc h3{font-size:1.15rem;margin-bottom:.6rem}.bzc.d h3{color:#fff}
.bzc p{font-size:.95rem;font-weight:300}
.bzc-ex{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(127,127,127,.25);font-size:.85rem!important}
.bzc-ex b{display:block;font-size:2rem;font-weight:600;color:var(--ink);letter-spacing:-.03em}
.bzc.d .bzc-ex b{color:#fff}
.bz2-com{grid-column:3/9;margin-top:1.6rem;font-weight:300}
.bz2-com b{font-weight:600;color:var(--ink)}
.bz2-n{grid-column:10/13;grid-row:1;align-self:end;margin-left:1.4rem}

.bz3{padding:3rem 0 4rem;position:relative}
.bz3:before{content:"";position:absolute;left:0;right:22%;top:0;bottom:0;background:var(--g1)}
.bz3-t{grid-column:1/6;grid-row:1/3;padding-top:3rem}
.bz3-t h2{margin-bottom:1rem}.bz3-t p{font-weight:300}
.bz3-a,.bz3-b{background:#fff;border:1px solid var(--g2);padding:1.8rem 2rem;box-shadow:0 22px 46px rgba(31,34,36,.07)}
.bz3-a{grid-column:6/10;grid-row:1;margin-top:3rem}
.bz3-b{grid-column:8/13;grid-row:2;margin-top:1.4rem}
.bz3-a h3,.bz3-b h3{font-size:1.1rem;margin-bottom:.4rem}
.bz3-a p,.bz3-b p{font-size:.92rem;font-weight:300}
.bz3-a dl div,.bz3-b dl div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--g2);font-size:.92rem}
.bz3-a dd,.bz3-b dd{font-weight:600;color:var(--ink);white-space:nowrap}
.bz3-a .k dd,.bz3-b .k dd{font-size:1.3rem}
.bz3-a dl,.bz3-b dl{margin-top:.8rem}

.bz4{padding:4rem 0 3rem}
.bz4-pic{grid-column:1/4;grid-row:1;height:22rem;margin-left:-5vw;width:calc(100% + 5vw)}
.bz4-t{grid-column:5/11;grid-row:1;align-self:center}
.bz4-t h2{margin-bottom:1rem}.bz4-t p{font-weight:300;margin-bottom:.8rem}

.bz5{padding:3rem 0 6rem}
.bz5-t{grid-column:2/8}
.bz5-l{grid-column:2/9;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem 1.6rem;margin-top:1.6rem}
.bz5-l h3{font-size:.98rem;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:2px solid var(--anth)}
.bz5-l a{display:block;font-size:.9rem;font-weight:300;color:var(--anth);text-decoration:none;padding:.2rem 0}
.bz5-l a:hover{text-decoration:underline}
.bz5-c{grid-column:9/13;grid-row:1/3;align-self:end;background:var(--anth);color:#E4E5E6;padding:2.2rem 5vw 2.2rem 2.2rem;margin-right:-5vw}
.bz5-c h2{color:#fff;font-size:clamp(1.4rem,2.1vw,1.9rem)!important}
.bz5-c p{font-weight:300;margin-top:.6rem}

@media(max-width:900px){
 .bz1-pic{height:14rem;margin-top:2rem}.bz2-cmp{grid-template-columns:1fr}.bzc.d{margin-top:0}.bz2-n{margin:1.4rem 0 0}
 .bz3:before{right:0}.bz3-a,.bz3-b{margin-top:1.4rem}.bz4-pic{margin:0 -6vw 2rem;width:calc(100% + 12vw);height:14rem}
 .bz5-l{grid-template-columns:1fr 1fr}.bz5-c{margin:2rem -6vw 0;padding:2rem 6vw}
}
/* ===== page Nos actions ===== */
#p-actions p{line-height:1.7}
.na1{padding:4rem 0 6rem}
.na-t{grid-column:1/7;grid-row:1}
.na1 h1{font-size:clamp(2rem,3.4vw,3.2rem);margin-bottom:1.2rem}
.na{background:#fff;border:1px solid var(--g2);display:grid;grid-template-columns:9rem 1fr;align-items:start}
.na img{width:100%;height:9rem;object-fit:contain;padding:1rem;background:#fff;border-right:1px solid var(--g2)}
.na>div{padding:1.6rem 1.8rem}
.na h3{font-size:1.15rem;margin-bottom:.5rem}
.na p{font-size:.93rem;font-weight:300;margin-bottom:.8rem}
.c1n{grid-column:7/13;grid-row:1;margin-top:4rem}
.c2n{grid-column:2/8;grid-row:2;margin-top:2rem}
.c3n{grid-column:6/12;grid-row:3;margin-top:-1rem;background:var(--g1);border:0}
.c3n img{background:#fff}
.c4n{grid-column:1/6;grid-row:3;align-self:end;display:block;background:var(--anth);border:0;color:#D9DBDD;margin-right:1.4rem}
.c4n h3{color:#fff}
@media(max-width:900px){.na{margin:1.2rem 0 0!important;grid-template-columns:1fr}.na img{border-right:0;border-bottom:1px solid var(--g2)}}
/* ===== pages Contact et NewsLetter ===== */
#p-contact p,#p-newsletter p{line-height:1.7}
.ct1{padding:4rem 0 6rem;position:relative}
.ct1:before{content:"";position:absolute;left:0;top:0;height:24rem;width:60%;background:var(--g1)}
.ct-t{grid-column:1/7;grid-row:1;padding-top:1rem}
.ct1 h1{font-size:clamp(2.2rem,3.8vw,3.6rem);margin-bottom:1.2rem}
.ct-b{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.ct-b .btn{min-width:13rem}
.ct-card{grid-column:7/11;grid-row:1/3;align-self:start;background:#fff;border:1px solid var(--g2);box-shadow:0 26px 54px rgba(31,34,36,.1);margin-top:2rem;z-index:1}
.ct-card .ph{height:13rem}
.ct-card dl{padding:1.2rem 1.6rem 1.4rem}
.ct-card dl div{padding:.6rem 0;border-bottom:1px solid var(--g2)}
.ct-card dl div:last-child{border:0}
.ct-card dt{font-size:.8rem;font-weight:600;color:var(--g4)}
.ct-card dd{font-size:1.05rem;font-weight:500;color:var(--ink)}
.ct-card dd a{text-decoration:none;font-size:1.4rem;font-weight:600}
.ct-p{grid-column:1/7;grid-row:2;list-style:none;margin-top:5rem}
.ct-p li{padding:1rem 0 1rem 1.4rem;border-left:3px solid var(--g3);margin-bottom:.8rem;font-size:.95rem;font-weight:300;line-height:1.6}
.ct-p li:nth-child(2){margin-left:2.5rem}.ct-p li:nth-child(3){margin-left:5rem;border-left-color:var(--anth)}
.ct-p b{display:block;font-weight:600;color:var(--ink)}

.nw1{padding:4rem 0 7rem}
.nw-pic{grid-column:8/13;grid-row:1;height:24rem;margin-right:-5vw;width:calc(100% + 5vw)}
.nw-t{grid-column:2/8;grid-row:1;align-self:center;background:#fff;padding:2.6rem 3rem 2.4rem 0;margin-right:-3rem;z-index:1}
.nw1 h1{font-size:clamp(2.2rem,3.8vw,3.6rem);margin-bottom:1rem}
#nlf{display:flex;margin-top:1.6rem;max-width:32rem;border:2px solid var(--anth)}
#nlf input{flex:1;min-width:0;padding:.9rem 1rem;border:0;font:inherit;font-size:.95rem;outline:none}
#nlf .btn{border:0;cursor:pointer;font:inherit;font-weight:600}
.nw-m{min-height:1.6em;margin-top:.8rem;font-weight:500}
.nw-s{font-size:.82rem;color:var(--g4)}
.nw-s a{color:var(--anth)}
@media(max-width:900px){.ct1:before{width:100%}.ct-card{margin-top:2rem}.ct-p{margin-top:2rem}.ct-p li{margin-left:0!important}.nw-pic{margin:0 -6vw;width:calc(100% + 12vw);height:14rem}.nw-t{margin:0;padding:2rem 0}}

/* ===== pages légales ===== */
.lg1{padding:4rem 0 6rem;position:relative}
.lg1:before{content:"";position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--g1)}
.lg-t{grid-column:1/4;align-self:start;position:sticky;top:6rem}
.lg1 h1{font-size:clamp(1.6rem,2.4vw,2.3rem)}
.lg-c{grid-column:5/11;max-width:44rem}
.lg-c h2{font-size:1.25rem;margin:2rem 0 .6rem}
.lg-c h3{font-size:1.05rem;margin:1.4rem 0 .4rem}
.lg-c p,.lg-c li{font-size:.95rem;font-weight:300;line-height:1.7;margin-bottom:.7rem}
.lg-c ul{padding-left:1.2rem}
.lg-c a{color:var(--anth)}
@media(max-width:900px){.lg1:before{display:none}.lg-t{position:static;margin-bottom:1.4rem}}

section[id],[id^="sa"],[id^="cr"],[id^="sl"],[id^="so"],[id^="ec"],[id^="rs"],[id^="bz"]{scroll-margin-top:80px}