
.fs{font-family:var(--f-titres),ui-serif,Georgia,serif}


html{overflow-x:clip}

.pleine{width:100vw;margin-left:calc(50% - 50vw);
  --gut:max(clamp(20px,4.5vw,64px),calc((100vw - var(--page-large,1560px))/2))}




.bigbot{grid-area:1/1;place-self:center;z-index:2;width:min(56%,340px);aspect-ratio:1;
  color:#fff;opacity:.92}
.bigbot[hidden]{display:none}
.bigbot svg{width:100%;height:100%}
.botx *,.bigbot svg *{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;vector-effect:non-scaling-stroke}
.botx .fillx,.bigbot svg .fillx{fill:currentColor;stroke:none}
.gstrip .draw{background:color-mix(in srgb,var(--c) 82%,#000);color:#fff;
  display:flex;align-items:center;justify-content:center}
.gstrip .draw svg{width:58%;height:58%}

.flat{font-family:var(--f-titres),ui-serif,Georgia,serif;font-style:italic;color:var(--mute);
  font-size:var(--t-lg,17px);margin:-6px 0 0}

.profil .bar{display:flex;height:16px;border-radius:5px;overflow:hidden;margin-top:8px;
  background:color-mix(in srgb,var(--c) 10%,transparent)}
.profil .bar i{display:block}
.profil .legs{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:var(--t-xs,12px);color:var(--mute)}





.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1.5px solid var(--ink);
  margin-top:clamp(28px,5vh,48px)}
.ben{padding:clamp(20px,3vw,36px) clamp(16px,2.4vw,30px) clamp(20px,3vw,36px) 0;
  border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0}
.ben+.ben{padding-left:clamp(16px,2.4vw,30px)}
.ben:last-child{border-right:0}
.ben .n{font-family:var(--f-titres),ui-serif,Georgia,serif;font-size:clamp(34px,4.4vw,58px);
  line-height:.8;color:color-mix(in srgb,var(--c) 45%,transparent);letter-spacing:-.04em}
.ben h4{font-size:clamp(17px,1.9vw,21px);letter-spacing:-.02em;margin:0}
.ben p{font-size:var(--t-md,15px);color:var(--mute);line-height:1.55;margin:0}
@media(max-width:820px){.bens{grid-template-columns:1fr}.ben{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.ben+.ben{padding-left:0}.ben:last-child{border-bottom:0}}


.pull{border-left:3px solid var(--c);padding:6px 0 6px 20px;font-family:var(--f-titres),ui-serif,Georgia,serif;
  font-size:clamp(19px,2.2vw,26px);line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.pull cite{display:block;font-family:var(--f-texte),system-ui,sans-serif;font-style:normal;font-size:var(--t-xxs,11px);
  letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:12px;font-weight:800}





.mentions{margin-top:clamp(28px,5vh,44px);border:1px solid var(--line);border-radius:12px;
  padding:16px 20px;background:color-mix(in srgb,var(--c) 7%,transparent);scroll-margin-top:90px}
.mentions b{display:block;font-size:var(--t-xxs,11px);letter-spacing:.12em;text-transform:uppercase;
  color:var(--mute);margin-bottom:8px}
.mentions p{font-size:var(--t-sm,13px);color:var(--mute);line-height:1.6;max-width:82ch;margin:0}
.mentions .srcs{margin:0 0 10px;padding-left:18px}
.mentions .srcs li{font-size:var(--t-sm,13px);color:var(--mute);line-height:1.55;max-width:82ch;
  margin-bottom:6px;scroll-margin-top:90px}



.rrowp{--pw:clamp(34px,3.8vw,48px);--stkw:calc(var(--pw)*4 - 18px);
  display:grid;grid-template-columns:var(--stkw) minmax(0,1fr) minmax(0,1.05fr) auto;
  gap:clamp(14px,2.4vw,32px);align-items:center;padding:clamp(16px,2.6vh,26px) 0;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .22s}
.rrowp:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.rstk{display:flex;align-items:center;flex:none}
.rstk i{width:var(--pw);aspect-ratio:1;border-radius:50%;display:block;background-color:var(--sc);background-size:cover;background-position:center;font-style:normal;
  margin-left:-12px;box-shadow:0 0 0 3px var(--fond,#fff),0 4px 10px -6px rgba(0,0,0,.4);
  transition:margin-left .3s cubic-bezier(.2,.7,.3,1)}
.rstk i:first-child{margin-left:0}

.rrowp:hover .rstk i{margin-left:-6px}
.rrowp:hover .rstk i:first-child{margin-left:0}
@media (prefers-reduced-motion:reduce){.rstk i{transition:none}}
.rrowp .idx{font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.rrowp .rt{display:block;font-family:var(--f-titres),ui-serif,Georgia,serif;font-size:clamp(19px,2.3vw,28px);
  letter-spacing:-.025em;margin-top:4px}
.rrowp .rd{font-size:var(--t-sm,13px);color:var(--mute);margin-top:4px;max-width:38ch;line-height:1.45}
.rbar{display:flex;height:44px;border-radius:5px;overflow:hidden}
.rbar i{display:flex;font-style:normal;align-items:flex-end;padding:5px 8px;font-size:var(--t-xxs,11px);font-weight:800;
  white-space:nowrap;overflow:hidden;color:var(--tx);border-right:1px solid var(--fond,#fff)}
.rbar i:last-child{border-right:0}

.rbar i:not(.moi){opacity:.5}
.rbar i.moi{font-weight:900}
.rrowp:hover .rbar i:not(.moi){opacity:.72}
.rrowp .go{font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.rrowp:hover .go{color:var(--ink)}
@media(max-width:820px){.rrowp{grid-template-columns:var(--stkw) minmax(0,1fr)}.rrowp .rbar,.rrowp .go{display:none}}

.assoc2{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.assoc2 a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  border-radius:calc(var(--arrondi)*1.375);padding:6px 13px 6px 9px;font-size:var(--t-sm,13px);font-weight:600;
  background:var(--fond,#fff);color:var(--ink);text-decoration:none}
.assoc2 a:hover{border-color:var(--ink)}
.assoc2 .d{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.vigil{margin-top:18px;border-left:3px solid var(--coral);background:color-mix(in srgb,var(--coral) 9%,transparent);
  padding:12px 16px;font-size:var(--t-sm,13px);color:var(--mute);max-width:60ch}

@media(max-width:900px){.fvis .ph{width:100%;aspect-ratio:4/5;max-height:72vh}}
