/* LE CHOIX DE LA LANGUE (Salih, 08/10 : « un toggle mignon en haut à
   gauche »), collé au nom de Liza. Une pastille lime glisse sous la langue
   choisie, avec un petit rebond, puis la page change (langue.js). */
.langues{position:relative;display:inline-flex;flex:none;padding:3px;border-radius:999px;
  background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(30,40,10,.08),0 1px 3px rgba(30,40,10,.06);
  font:650 11.5px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.06em}
.langues::before{content:"";position:absolute;top:3px;left:3px;width:32px;height:24px;border-radius:999px;
  background:#d8ed9f;box-shadow:0 1px 4px rgba(41,64,18,.2);transition:transform .42s cubic-bezier(.34,1.56,.64,1)}
.langues.en::before{transform:translateX(32px)}
.langues a{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:24px;border-radius:999px;
  color:#1d1d1f;opacity:.5;text-decoration:none;transition:opacity .2s ease}
.langues a:hover{opacity:.85}
.langues a[aria-current]{opacity:1}
.langues a:focus-visible{outline:2px solid #526d22;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.langues::before{transition:none}}
/* les pages annexes : le nom et le choix sur une même ligne */
.tete{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-bottom:34px}
.tete .marque{margin:0}
.haut .langues{margin:0 auto 0 14px}