/* =====================================================================
   LES DEUX SALLES — l'interrupteur Emile / Sophie
   Tout en haut, un bandeau fin de la couleur de la salle où l'on est
   (vert Emile, vieux rose Sophie). Juste dessous, un interrupteur à deux
   positions, comme un réglage de téléphone : « Emile · votre second » et
   « Sophie · la formation ». Le curseur est sur la salle où l'on est ;
   un clic sur l'autre le fait glisser, puis la page change.
   Le contact est en bas de page, dans le pied.
   Sur une page, <body data-salle="emile|sophie"> place le curseur.
   ===================================================================== */
.onglets{--o-vert:#1F7F82;--o-rose:#9B6072;--o-papier:#FBF7F0;--o-rail:#EFE8DC;
  --o-salle:var(--o-vert);
  position:relative;z-index:60;background:var(--o-papier);border-top:6px solid var(--o-salle);
  padding:10px 16px 4px;display:flex;justify-content:center;font-family:Manrope,system-ui,sans-serif}
[data-salle="sophie"] .onglets{--o-salle:var(--o-rose)}
.inter{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,460px);
  padding:4px;border-radius:999px;background:var(--o-rail);box-shadow:inset 0 1px 2px rgba(28,26,23,.08)}
/* le curseur : la pastille pleine qui glisse d'un côté à l'autre */
.inter .curseur{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;
  background:var(--o-vert);box-shadow:0 1px 3px rgba(28,26,23,.2);
  transition:transform .22s cubic-bezier(.3,.7,.3,1),background-color .22s ease}
[data-salle="sophie"] .inter .curseur{transform:translateX(100%);background:var(--o-rose)}
.inter a{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:.4em;
  min-height:40px;align-content:center;flex-wrap:wrap;padding:8px 14px;border-radius:999px;
  text-decoration:none;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;
  color:var(--o-vert);transition:color .22s ease}
.inter .o-sophie{color:var(--o-rose)}
.inter a small{font-weight:500;font-size:13px;opacity:.9}
.inter a[aria-current="page"]{color:#fff}
/* au survol : le côté qu'on n'a pas ouvert prend sa couleur, en clair (01/10) */
.inter a:not([aria-current]){transition:color .22s ease,background-color .22s ease}
/* (01/10, 2) : ce n'est plus un bouton qui s'allume, c'est TOUT le fond de la barre ;
   et la pastille pleine glisse un peu vers le côté survolé, comme si elle allait y passer */
.inter{transition:background-color .25s ease}
.inter:has(a.o-sophie:not([aria-current]):hover){background:#F6D3DE}
.inter:has(a.o-emile:not([aria-current]):hover){background:#CDEEEB}
.inter:has(a.o-sophie:not([aria-current]):hover) .curseur{transform:translateX(8%)}
[data-salle="sophie"] .inter:has(a.o-emile:not([aria-current]):hover) .curseur{transform:translateX(92%)}
.inter a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
/* la bascule, le temps que la page suivante arrive */
.onglets.vers-sophie .curseur{transform:translateX(100%)!important;background:var(--o-rose)}
.onglets.vers-emile .curseur{transform:none!important;background:var(--o-vert)}
.onglets.vers-sophie .o-sophie,.onglets.vers-emile .o-emile{color:#fff}
.onglets.vers-sophie .o-emile{color:var(--o-vert)}
.onglets.vers-emile .o-sophie{color:var(--o-rose)}
@media (prefers-reduced-motion:reduce){.inter .curseur,.inter a{transition:none}}
/* téléphone : deux moitiés, le descriptif sous le nom */
@media (max-width:640px){
  .onglets{padding:8px 12px 2px}
  .inter a{flex-direction:column;align-items:center;gap:0;padding:6px 8px;font-size:14px}
  .inter a small{font-size:12px}
}

/* ——— la bascule d'une salle à l'autre, en fondu (29/09) ———
   Les navigateurs récents enchaînent les deux pages sans écran blanc :
   l'interrupteur reste en place, le reste se fond, puis le logo de la
   nouvelle salle se construit. Les autres navigateurs changent de page
   comme avant. */
@view-transition{navigation:auto}
.onglets{view-transition-name:onglets}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}

/* ——— la ligne du haut (30/09) ———
   ordinateur : logo à gauche, interrupteur au centre, bouton d'appel à droite ;
   le logo et le bouton quittent l'en-tête, qui garde le menu.
   téléphone : l'interrupteur seul ; logo et bouton restent face à face dans l'en-tête. */
.o-marque,.o-appel{display:none}
@media (min-width:901px){
  .o-marque{display:flex;position:absolute;left:max(16px,calc((100% - 1200px) / 2 + 16px));top:50%;transform:translateY(-35%);
    align-items:center;gap:10px;text-decoration:none;color:#1C1A17;font:800 1.05rem/1 Manrope,system-ui,sans-serif}
  .o-marque img{height:40px;width:auto}
  .o-appel{display:inline-flex;position:absolute;right:max(16px,calc((100% - 1200px) / 2 + 16px));top:50%;transform:translateY(-35%);
    white-space:nowrap}
  .entete .marque-preceptio,.entete .cta-entete,.entete > .cadre > .bouton-rose{display:none!important}
  .entete nav{margin-inline:auto}
  /* en-tête sans menu (pages Sophie) : il n'a plus rien à montrer */
  .entete:not(:has(nav)){display:none}
  /* le bouton reste jaune, le fil conducteur */
  .o-appel.bouton-rose{background:var(--jaune,#F4D35E);color:#1C1A17;border-color:var(--jaune,#F4D35E)}
}


/* ——— essai 30/09 : la signature en Cinzel, comme le logo Préceptio ———
   « PRÉCEPTIO » à côté de l'arbre, et les sous-titres « votre second » / « la formation »
   (interrupteur et logos). Manrope reste pour tout le reste. */
@font-face{font-family:"Cinzel";font-display:swap;font-weight:400 900;src:url(/fonts/cinzel.woff2) format("woff2")}
/* « PRÉCEPTIO » aussi haut que l'arbre : hauteur des capitales (0,7 em) = hauteur de l'arbre */
.o-marque,.marque-preceptio{--arbre:30px}
.o-marque img,.marque-preceptio img{height:var(--arbre)!important;width:auto}
.o-marque span,.marque-preceptio .marque-site{font-family:"Cinzel",serif!important;font-weight:700!important;
  text-transform:uppercase;letter-spacing:.02em;font-size:calc(var(--arbre) / .7)!important;line-height:1!important;color:#1C1A17;
  transform:translateY(.06em)}
@media (min-width:901px) and (max-width:1250px){.o-marque{--arbre:24px}}
/* téléphone : l'arbre reste lisible, le mot un peu plus petit que lui */
@media (max-width:900px){.marque-preceptio{--arbre:30px;gap:8px}.marque-preceptio .marque-site{font-size:21px!important}}
.inter a small{font-family:"Cinzel",serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.signature .second,.signature-sophie .second{font-family:"Cinzel",serif!important;font-weight:700!important}
/* essai : « Emile » et « Sophie » en Parisienne dans l'interrupteur (le logo), sous-titre en Cinzel */
@font-face{font-family:"Parisienne-logo";font-display:swap;src:url(/fonts/parisienne.woff2) format("woff2")}
.inter a{font-family:"Parisienne-logo",Parisienne,cursive;font-weight:400;font-size:32px;line-height:1;align-items:baseline;padding-top:4px;padding-bottom:4px}
.inter a small{font-size:11px}
@media (max-width:640px){.inter a{font-size:29px;line-height:.95;align-items:center}.inter a small{margin-top:2px}}

/* ordinateur : logo, interrupteur et bouton répartis avec des blancs égaux (30/09) */
@media (min-width:901px){
  .onglets{justify-content:space-between;align-items:center;gap:24px;
    padding-inline:max(16px,calc((100% - 1200px) / 2 + 16px))}
  .o-marque,.o-appel{position:static;transform:none}
  .o-marque{order:1}.inter{order:2}.o-appel{order:3}
}

/* ——— le trait de pinceau (30/09) : une petite vague ———
   départ bas, bosse, creux, puis la fin remonte (jamais plus haut que la bosse).
   Il dépasse un peu du nom de chaque côté. Sophie : la bosse passe sur la jambe du p. */
.signature .second-justifie,.signature-sophie .second-justifie{position:relative;padding-top:4px}
.signature .second-justifie::before,.signature-sophie .second-justifie::before{content:"";position:absolute;left:-8%;right:-8%;
  height:1.35em;opacity:.9;-webkit-mask:var(--trait) center/100% 100% no-repeat;mask:var(--trait) center/100% 100% no-repeat}
.signature .second-justifie::before{--trait:var(--trait-emile);background:#1F7F82;top:-1.45em;transform:rotate(-1.5deg);transform-origin:50% 50%}
.signature-sophie .second-justifie::before{--trait:var(--trait-sophie);background:#BE728C;top:-2.15em;left:-2%;right:-2%;transform:rotate(-1.5deg);transform-origin:50% 50%}

/* les deux traits, partagés par les grands et les petits logos */
:root{--trait-emile:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0.0%2C15.85%20L3.3%2C15.72%20L6.7%2C15.60%20L10.0%2C15.49%20L13.3%2C15.36%20L16.7%2C15.22%20L20.0%2C15.07%20L23.3%2C14.91%20L26.7%2C14.74%20L30.0%2C14.56%20L33.3%2C14.37%20L36.7%2C14.17%20L40.0%2C13.95%20L43.3%2C13.73%20L46.7%2C13.50%20L50.0%2C13.26%20L53.3%2C13.01%20L56.7%2C12.75%20L60.0%2C12.49%20L63.3%2C12.22%20L66.7%2C11.94%20L70.0%2C11.66%20L73.3%2C11.37%20L76.7%2C11.09%20L80.0%2C10.79%20L83.3%2C10.50%20L86.7%2C10.21%20L90.0%2C9.91%20L93.3%2C9.62%20L96.7%2C9.33%20L100.0%2C9.04%20L103.3%2C8.75%20L106.7%2C8.46%20L110.0%2C8.18%20L113.3%2C7.91%20L116.7%2C7.64%20L120.0%2C7.38%20L123.3%2C7.13%20L126.7%2C6.89%20L130.0%2C6.65%20L133.3%2C6.42%20L136.7%2C6.21%20L140.0%2C6.00%20L143.3%2C5.81%20L146.7%2C5.63%20L150.0%2C5.46%20L153.3%2C5.31%20L156.7%2C5.17%20L160.0%2C5.04%20L163.3%2C4.93%20L166.7%2C4.83%20L170.0%2C4.75%20L173.3%2C4.68%20L176.7%2C4.63%20L180.0%2C4.59%20L183.3%2C4.57%20L186.7%2C4.56%20L190.0%2C4.60%20L193.3%2C4.67%20L196.7%2C4.79%20L200.0%2C4.94%20L203.3%2C5.13%20L206.7%2C5.36%20L210.0%2C5.62%20L213.3%2C5.91%20L216.7%2C6.23%20L220.0%2C6.58%20L223.3%2C6.96%20L226.7%2C7.35%20L230.0%2C7.77%20L233.3%2C8.20%20L236.7%2C8.64%20L240.0%2C9.09%20L243.3%2C9.55%20L246.7%2C10.01%20L250.0%2C10.47%20L253.3%2C10.92%20L256.7%2C11.37%20L260.0%2C11.80%20L263.3%2C12.22%20L266.7%2C12.62%20L270.0%2C13.00%20L273.3%2C13.35%20L276.7%2C13.68%20L280.0%2C13.98%20L283.3%2C14.26%20L286.7%2C14.49%20L290.0%2C14.70%20L293.3%2C14.86%20L296.7%2C14.99%20L300.0%2C15.09%20L303.3%2C15.14%20L306.7%2C15.16%20L310.0%2C15.13%20L313.3%2C15.05%20L316.7%2C14.93%20L320.0%2C14.77%20L323.3%2C14.57%20L326.7%2C14.33%20L330.0%2C14.07%20L333.3%2C13.77%20L336.7%2C13.44%20L340.0%2C13.10%20L343.3%2C12.74%20L346.7%2C12.37%20L350.0%2C11.99%20L353.3%2C11.62%20L356.7%2C11.24%20L360.0%2C10.88%20L363.3%2C10.53%20L366.7%2C10.19%20L370.0%2C9.88%20L373.3%2C9.60%20L376.7%2C9.36%20L380.0%2C9.14%20L383.3%2C8.97%20L386.7%2C8.84%20L390.0%2C8.76%20L393.3%2C8.73%20L396.7%2C8.75%20L400.0%2C8.85%20L400.0%2C9.15%20L396.7%2C9.30%20L393.3%2C9.46%20L390.0%2C9.66%20L386.7%2C9.90%20L383.3%2C10.17%20L380.0%2C10.49%20L376.7%2C10.83%20L373.3%2C11.21%20L370.0%2C11.62%20L366.7%2C12.05%20L363.3%2C12.51%20L360.0%2C12.97%20L356.7%2C13.45%20L353.3%2C13.94%20L350.0%2C14.43%20L346.7%2C14.91%20L343.3%2C15.39%20L340.0%2C15.85%20L336.7%2C16.29%20L333.3%2C16.71%20L330.0%2C17.10%20L326.7%2C17.46%20L323.3%2C17.79%20L320.0%2C18.08%20L316.7%2C18.32%20L313.3%2C18.53%20L310.0%2C18.68%20L306.7%2C18.79%20L303.3%2C18.86%20L300.0%2C18.87%20L296.7%2C18.85%20L293.3%2C18.79%20L290.0%2C18.69%20L286.7%2C18.55%20L283.3%2C18.38%20L280.0%2C18.17%20L276.7%2C17.92%20L273.3%2C17.65%20L270.0%2C17.35%20L266.7%2C17.02%20L263.3%2C16.67%20L260.0%2C16.29%20L256.7%2C15.90%20L253.3%2C15.50%20L250.0%2C15.09%20L246.7%2C14.66%20L243.3%2C14.24%20L240.0%2C13.81%20L236.7%2C13.39%20L233.3%2C12.97%20L230.0%2C12.57%20L226.7%2C12.17%20L223.3%2C11.80%20L220.0%2C11.44%20L216.7%2C11.10%20L213.3%2C10.79%20L210.0%2C10.51%20L206.7%2C10.25%20L203.3%2C10.03%20L200.0%2C9.84%20L196.7%2C9.69%20L193.3%2C9.57%20L190.0%2C9.49%20L186.7%2C9.44%20L183.3%2C9.44%20L180.0%2C9.44%20L176.7%2C9.46%20L173.3%2C9.50%20L170.0%2C9.54%20L166.7%2C9.60%20L163.3%2C9.68%20L160.0%2C9.76%20L156.7%2C9.85%20L153.3%2C9.96%20L150.0%2C10.08%20L146.7%2C10.21%20L143.3%2C10.35%20L140.0%2C10.50%20L136.7%2C10.66%20L133.3%2C10.82%20L130.0%2C11.00%20L126.7%2C11.18%20L123.3%2C11.37%20L120.0%2C11.57%20L116.7%2C11.77%20L113.3%2C11.97%20L110.0%2C12.18%20L106.7%2C12.39%20L103.3%2C12.61%20L100.0%2C12.82%20L96.7%2C13.04%20L93.3%2C13.25%20L90.0%2C13.47%20L86.7%2C13.68%20L83.3%2C13.89%20L80.0%2C14.10%20L76.7%2C14.30%20L73.3%2C14.50%20L70.0%2C14.70%20L66.7%2C14.88%20L63.3%2C15.06%20L60.0%2C15.23%20L56.7%2C15.39%20L53.3%2C15.55%20L50.0%2C15.69%20L46.7%2C15.82%20L43.3%2C15.94%20L40.0%2C16.05%20L36.7%2C16.15%20L33.3%2C16.23%20L30.0%2C16.30%20L26.7%2C16.35%20L23.3%2C16.39%20L20.0%2C16.41%20L16.7%2C16.42%20L13.3%2C16.41%20L10.0%2C16.39%20L6.7%2C16.34%20L3.3%2C16.27%20L0.0%2C16.15%20Z%22/%3E%3C/svg%3E");--trait-sophie:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0.0%2C15.85%20L3.3%2C15.71%20L6.7%2C15.59%20L10.0%2C15.45%20L13.3%2C15.30%20L16.7%2C15.13%20L20.0%2C14.94%20L23.3%2C14.73%20L26.7%2C14.51%20L30.0%2C14.27%20L33.3%2C14.02%20L36.7%2C13.75%20L40.0%2C13.46%20L43.3%2C13.16%20L46.7%2C12.85%20L50.0%2C12.53%20L53.3%2C12.20%20L56.7%2C11.86%20L60.0%2C11.52%20L63.3%2C11.17%20L66.7%2C10.81%20L70.0%2C10.45%20L73.3%2C10.09%20L76.7%2C9.73%20L80.0%2C9.38%20L83.3%2C9.02%20L86.7%2C8.67%20L90.0%2C8.33%20L93.3%2C8.00%20L96.7%2C7.67%20L100.0%2C7.36%20L103.3%2C7.05%20L106.7%2C6.77%20L110.0%2C6.49%20L113.3%2C6.23%20L116.7%2C5.99%20L120.0%2C5.77%20L123.3%2C5.56%20L126.7%2C5.38%20L130.0%2C5.21%20L133.3%2C5.07%20L136.7%2C4.95%20L140.0%2C4.85%20L143.3%2C4.77%20L146.7%2C4.72%20L150.0%2C4.69%20L153.3%2C4.69%20L156.7%2C4.71%20L160.0%2C4.77%20L163.3%2C4.86%20L166.7%2C4.97%20L170.0%2C5.11%20L173.3%2C5.28%20L176.7%2C5.48%20L180.0%2C5.70%20L183.3%2C5.95%20L186.7%2C6.21%20L190.0%2C6.50%20L193.3%2C6.81%20L196.7%2C7.13%20L200.0%2C7.47%20L203.3%2C7.83%20L206.7%2C8.19%20L210.0%2C8.56%20L213.3%2C8.94%20L216.7%2C9.33%20L220.0%2C9.72%20L223.3%2C10.10%20L226.7%2C10.49%20L230.0%2C10.87%20L233.3%2C11.25%20L236.7%2C11.62%20L240.0%2C11.97%20L243.3%2C12.32%20L246.7%2C12.65%20L250.0%2C12.97%20L253.3%2C13.26%20L256.7%2C13.54%20L260.0%2C13.80%20L263.3%2C14.03%20L266.7%2C14.24%20L270.0%2C14.43%20L273.3%2C14.59%20L276.7%2C14.73%20L280.0%2C14.84%20L283.3%2C14.92%20L286.7%2C14.97%20L290.0%2C14.99%20L293.3%2C14.98%20L296.7%2C14.94%20L300.0%2C14.87%20L303.3%2C14.76%20L306.7%2C14.62%20L310.0%2C14.46%20L313.3%2C14.27%20L316.7%2C14.05%20L320.0%2C13.81%20L323.3%2C13.55%20L326.7%2C13.27%20L330.0%2C12.98%20L333.3%2C12.68%20L336.7%2C12.36%20L340.0%2C12.05%20L343.3%2C11.72%20L346.7%2C11.40%20L350.0%2C11.09%20L353.3%2C10.78%20L356.7%2C10.48%20L360.0%2C10.20%20L363.3%2C9.93%20L366.7%2C9.68%20L370.0%2C9.46%20L373.3%2C9.25%20L376.7%2C9.08%20L380.0%2C8.94%20L383.3%2C8.82%20L386.7%2C8.75%20L390.0%2C8.70%20L393.3%2C8.70%20L396.7%2C8.74%20L400.0%2C8.85%20L400.0%2C9.15%20L396.7%2C9.29%20L393.3%2C9.44%20L390.0%2C9.61%20L386.7%2C9.80%20L383.3%2C10.03%20L380.0%2C10.28%20L376.7%2C10.56%20L373.3%2C10.86%20L370.0%2C11.19%20L366.7%2C11.54%20L363.3%2C11.91%20L360.0%2C12.30%20L356.7%2C12.69%20L353.3%2C13.10%20L350.0%2C13.52%20L346.7%2C13.94%20L343.3%2C14.37%20L340.0%2C14.79%20L336.7%2C15.21%20L333.3%2C15.62%20L330.0%2C16.02%20L326.7%2C16.40%20L323.3%2C16.77%20L320.0%2C17.12%20L316.7%2C17.44%20L313.3%2C17.74%20L310.0%2C18.01%20L306.7%2C18.26%20L303.3%2C18.47%20L300.0%2C18.65%20L296.7%2C18.80%20L293.3%2C18.91%20L290.0%2C18.99%20L286.7%2C19.03%20L283.3%2C19.04%20L280.0%2C19.02%20L276.7%2C18.97%20L273.3%2C18.89%20L270.0%2C18.78%20L266.7%2C18.64%20L263.3%2C18.48%20L260.0%2C18.29%20L256.7%2C18.08%20L253.3%2C17.84%20L250.0%2C17.58%20L246.7%2C17.30%20L243.3%2C17.01%20L240.0%2C16.69%20L236.7%2C16.36%20L233.3%2C16.02%20L230.0%2C15.67%20L226.7%2C15.31%20L223.3%2C14.94%20L220.0%2C14.57%20L216.7%2C14.20%20L213.3%2C13.82%20L210.0%2C13.45%20L206.7%2C13.08%20L203.3%2C12.72%20L200.0%2C12.37%20L196.7%2C12.03%20L193.3%2C11.70%20L190.0%2C11.39%20L186.7%2C11.09%20L183.3%2C10.82%20L180.0%2C10.56%20L176.7%2C10.32%20L173.3%2C10.10%20L170.0%2C9.91%20L166.7%2C9.75%20L163.3%2C9.60%20L160.0%2C9.49%20L156.7%2C9.40%20L153.3%2C9.34%20L150.0%2C9.31%20L146.7%2C9.30%20L143.3%2C9.31%20L140.0%2C9.35%20L136.7%2C9.40%20L133.3%2C9.47%20L130.0%2C9.56%20L126.7%2C9.67%20L123.3%2C9.80%20L120.0%2C9.95%20L116.7%2C10.11%20L113.3%2C10.29%20L110.0%2C10.49%20L106.7%2C10.69%20L103.3%2C10.91%20L100.0%2C11.14%20L96.7%2C11.38%20L93.3%2C11.63%20L90.0%2C11.89%20L86.7%2C12.15%20L83.3%2C12.41%20L80.0%2C12.68%20L76.7%2C12.95%20L73.3%2C13.22%20L70.0%2C13.49%20L66.7%2C13.75%20L63.3%2C14.01%20L60.0%2C14.26%20L56.7%2C14.51%20L53.3%2C14.74%20L50.0%2C14.97%20L46.7%2C15.18%20L43.3%2C15.38%20L40.0%2C15.56%20L36.7%2C15.73%20L33.3%2C15.88%20L30.0%2C16.01%20L26.7%2C16.12%20L23.3%2C16.21%20L20.0%2C16.28%20L16.7%2C16.33%20L13.3%2C16.35%20L10.0%2C16.35%20L6.7%2C16.32%20L3.3%2C16.26%20L0.0%2C16.15%20Z%22/%3E%3C/svg%3E")}

/* ——— les petits logos comme les grands (30/09) : nom en Parisienne, trait de pinceau, sous-titre en Cinzel ——— */
.petit-logo .nom{display:block;font:400 2rem/1 "Parisienne-logo",Parisienne,cursive!important;text-transform:none;letter-spacing:0}
.petit-logo .sous{position:relative;display:block;margin-top:.45em;padding-top:2px;font:700 .62rem/1.2 "Cinzel",serif!important;
  text-transform:uppercase;letter-spacing:.26em}
.petit-logo .sous::before{content:"";position:absolute;left:-6%;right:-2%;top:-1.35em;height:1.2em;opacity:.9;
  -webkit-mask:var(--trait) center/100% 100% no-repeat;mask:var(--trait) center/100% 100% no-repeat;transform:rotate(-1.5deg)}
.petit-logo-emile .nom,.petit-logo-emile .sous{color:#1F7F82}
.petit-logo-emile .sous::before{--trait:var(--trait-emile);background:#1F7F82}
.petit-logo-sophie .nom,.petit-logo-sophie .sous{color:#BE728C}
.petit-logo-sophie .sous::before{--trait:var(--trait-sophie);background:#BE728C}
/* Cinzel en gras (plus large) : l'interrupteur s'élargit un peu, les sous-titres restent sur une ligne */
@media (min-width:641px){.inter{width:min(100%,520px)}.inter a{flex-wrap:nowrap;white-space:nowrap}.inter a small{letter-spacing:.07em}}

/* ——— les grands logos (30/09) : plus d'air entre le dessin et le nom, nom et dessous agrandis ———
   --k agrandit le mot en Parisienne, le trait et le sous-titre ensemble (le dessin animé n'est pas touché). */
.signature .pile,.signature-sophie .pile{--k:1.15;gap:calc(var(--px)*.2)}
.signature,.signature-sophie{margin-block:10px 18px}
.signature .mot svg{width:calc(var(--px)*1.05*var(--k))}
.signature .second{width:calc(var(--px)*1.05*var(--k));font-size:calc(var(--px)*.072*var(--k))}
.signature .second-justifie{width:calc(var(--px)*1.05*var(--k)*.972);margin-left:calc(var(--px)*1.05*var(--k)*.0155)}
.signature-sophie .mot svg{width:calc(var(--px)*1.27*var(--k))}
.signature-sophie .second{width:calc(var(--px)*1.27*var(--k));font-size:calc(var(--px)*.072*var(--k))}
.signature-sophie .second-justifie{width:calc(var(--px)*1.27*var(--k)*.980);margin-left:calc(var(--px)*1.27*var(--k)*.009)}
/* Sophie calée sur Emile (mesuré le 30/09) : même écart dessin → nom (23 % de la hauteur du dessin)
   et même centre vertical du bloc de texte (57 %) */
.signature-sophie .pile{gap:calc(var(--px)*.217)!important}
.signature-sophie .bloc-texte{padding-top:calc(var(--px)*.124)}
/* essai 30/09 : PRÉCEPTIO un peu plus petit, « .fr » en Parisienne (menu du site seulement) */
.o-marque,.marque-preceptio{--arbre:26px}
.o-marque span i,.marque-preceptio .marque-site i{font:400 1.05em/1 "Parisienne-logo",Parisienne,cursive;font-style:normal;text-transform:none;
  letter-spacing:0;color:#1F7F82;margin-left:.04em;position:relative;top:.06em}
[data-salle="sophie"] .o-marque span i,[data-salle="sophie"] .marque-preceptio .marque-site i{color:#BE728C}
@media (max-width:900px){.marque-preceptio{--arbre:28px}.marque-preceptio .marque-site{font-size:19px!important}}
/* figé 30/09 : PRÉCEPTIO à taille fixe, le point en Cinzel, « Fr » en Parisienne (F capitale),
   l'arbre aussi haut que le bandeau */
.o-marque span,.marque-preceptio .marque-site{font-size:37px!important}
.o-marque span b.pt,.marque-preceptio .marque-site b.pt{display:inline!important;font:inherit!important;color:inherit!important;margin:0}
.o-marque span i,.marque-preceptio .marque-site i{margin-left:.02em}
.o-marque img{height:52px!important}
.marque-preceptio img{height:44px!important}
@media (max-width:900px){.marque-preceptio .marque-site{font-size:19px!important}.marque-preceptio img{height:40px!important}}
.marque-preceptio .marque-site,.o-marque span{white-space:nowrap;display:inline-block}
@media (max-width:900px){.marque-preceptio{gap:6px;flex-shrink:0}.marque-preceptio .marque-site{font-size:18px!important}.marque-preceptio img{height:36px!important}}
/* PRÉCEPTIO un peu plus bas, « fr » en minuscules, bien plus gros */
.o-marque span,.marque-preceptio .marque-site{position:relative;top:.12em}
.o-marque span i,.marque-preceptio .marque-site i{font-size:1.7em;top:.1em;margin-left:.03em}
/* « fr » : un petit espace après le point, encore plus gros, et jamais coupé en bas */
.o-marque span i,.marque-preceptio .marque-site i{font-size:2em;margin-left:.14em;top:.12em;display:inline-block;line-height:1.3;padding-bottom:.15em;margin-bottom:-.3em}
.onglets,.o-marque,.o-marque span,.marque-preceptio,.marque-preceptio .marque-site,.entete,.entete .cadre{overflow:visible!important}
/* ordinateur : « fr » remonté */
@media (min-width:901px){.o-marque span i{top:-.02em}}
/* l'arbre plus présent à côté de PRÉCEPTIO.fr (ordinateur) : plus grand, le mot un peu réduit */
@media (min-width:901px){.o-marque img{height:64px!important}.o-marque span{font-size:33px!important}.o-marque{gap:12px}}
/* ordinateur : PRÉCEPTIO.fr centré sur l'axe de l'arbre, de l'interrupteur et du bouton (capitales mesurées) */
@media (min-width:901px){.o-marque span{top:-.29em}}

/* ——— le haut de page figé (30/09) : interrupteur + en-tête restent en haut de l'écran, opaques ———
   les hauteurs viennent de assets/haut-fige.js */
.onglets{position:sticky!important;top:0;z-index:60}
.entete{position:sticky!important;top:var(--haut-onglets,0px)!important;z-index:55!important;background:#FBF7F0!important}
html{scroll-padding-top:calc(var(--haut-fixe,0px) + 8px)}
/* écrans d'ordinateur étroits : le logo et l'interrupteur se resserrent pour ne pas se chevaucher */
@media (min-width:901px) and (max-width:1100px){
  .o-marque img{height:44px!important}
  .o-marque span{font-size:24px!important}
  .inter{width:min(100%,430px)!important}
  .inter a{font-size:27px!important;padding-inline:10px}
  .inter a small{font-size:9.5px!important}
  .o-appel{padding-inline:16px}
}

/* ——— le menu de la page Sophie (30/09) : comme celui d'Emile, en vieux rose ; ordinateur seulement ——— */
.menu-sophie{display:none}
@media (min-width:901px){
  .salle-sophie .entete .cadre{justify-content:center;min-height:61px}
  .menu-sophie{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .menu-sophie a{font:600 14.4px/14.4px Manrope,system-ui,sans-serif;padding:7.2px 12.8px;border-radius:999px;color:#1C1A17;text-decoration:none;
    transition:background .15s,color .15s,transform .15s}
  .menu-sophie a:hover,.menu-sophie a:focus-visible{color:#fff;background:#9B6072;transform:translateY(-1px)}
  .menu-sophie a.ici{color:#9B6072;background:#FBF0F3}
}