/* Pleine lumière · habillage du site : en-tête, menu du téléphone, pied de page · 20261003a
   Tout est sous body.pl-site (classe posée par le snippet « PL — Habillage du site ») : sans elle, rien ne change. */
body.pl-site{--h-tete:88px;--pl-noir:#121211;--pl-perle:#F6F0EF;--pl-perle78:#C9C4C1;--pl-perle14:rgba(246,240,239,.14);--pl-or:#C9AB6F;--pl-or-clair:#D9C08E;--pl-filet:rgba(201,171,111,.5);--pl-filet-doux:rgba(201,171,111,.24);--pl-texte:"Mr Eaves ModOT",sans-serif;--pl-titre:"Arastin","Oscar One Light",Georgia,serif;--pl-marge:clamp(16px,5vw,80px);background-color:#121211}
/* ---------- en-tête : 88 px, le logo à gauche, cinq liens, le numéro, « Planifier un appel » ---------- */
html body.pl-site .site-header{position:sticky;top:0;z-index:100;background:var(--pl-noir);border-bottom:1px solid var(--pl-filet-doux)}
html body.pl-site.admin-bar .site-header{top:32px}
@media (max-width:782px){html body.pl-site.admin-bar .site-header{top:46px}}
@media (max-width:600px){html body.pl-site.admin-bar .site-header{top:0}}
html body.pl-site .site-header .inside-header{height:var(--h-tete);padding:0;width:min(1320px,calc(100% - 2*var(--pl-marge)));max-width:none;margin-inline:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:30px;text-align:left}
html body.pl-site .site-header .site-logo{order:0;margin:0 auto 0 0;line-height:0;flex:0 0 auto}
html body.pl-site .site-header .header-image{width:199px;height:auto;display:block}
html body.pl-site #site-navigation{order:1;margin-left:0;background:transparent;flex:0 1 auto;min-width:0}
html body.pl-site #site-navigation .inside-navigation{padding:0;max-width:none;width:auto}
html body.pl-site #site-navigation .main-nav>ul{display:flex;flex-wrap:nowrap;align-items:center;gap:30px;margin:0;padding:0}
html body.pl-site #site-navigation .main-nav>ul>li{float:none;margin:0;position:relative}
html body.pl-site #site-navigation .main-nav>ul>li>a{display:block;padding:6px 0;line-height:1.2;font-family:var(--pl-texte);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--pl-perle);background:none;border-bottom:1px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}
html body.pl-site #site-navigation .main-nav>ul>li>a:hover,html body.pl-site #site-navigation .main-nav>ul>li>a:focus-visible{color:var(--pl-or)}
html body.pl-site #site-navigation .main-nav>ul>li.current-menu-item>a{color:var(--pl-or);border-bottom-color:var(--pl-or)}
html body.pl-site #site-navigation .main-nav>ul>li.pl-tel>a{font-size:16px;letter-spacing:0;text-transform:none}
html body.pl-site #site-navigation .main-nav>ul>li.pl-rdv>a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1px solid var(--pl-or);font-size:16px;letter-spacing:0;text-transform:none;transition:background-color .25s,color .25s}
html body.pl-site #site-navigation .main-nav>ul>li.pl-rdv>a:hover{background:var(--pl-or);color:var(--pl-noir)}
html body.pl-site .pl-menu-btn{display:none}
/* 02/10 : six liens (Formules ajoutée) : le bouton « Planifier un appel » se masque sous 1 280 px (mesuré : il reste au moins 40 px entre le logo et le menu) */
@media (max-width:1280px){html body.pl-site #site-navigation .main-nav>ul>li.pl-rdv{display:none}}
@media (max-width:1080px){
html.pl-menu body.pl-site #site-navigation,html.pl-menu body.pl-site .site-header .mobile-menu-control-wrapper,html.pl-menu body.pl-site .site-header .menu-toggle{display:none !important}
html.pl-menu body.pl-site .pl-menu-btn{display:block;order:3;margin-left:auto;appearance:none;border:0;background:none;color:var(--pl-perle);font:700 14px/1 var(--pl-texte);letter-spacing:.12em;padding:10px 0 10px 12px;cursor:pointer}
}
/* le menu anglais a des libellés plus longs : ses propres seuils (mesurés : il reste au moins 40 px de marge) */
@media (max-width:1320px){html[lang^="en"] body.pl-site #site-navigation .main-nav>ul>li.pl-rdv{display:none}}
@media (max-width:1180px){
html.pl-menu[lang^="en"] body.pl-site #site-navigation,html.pl-menu[lang^="en"] body.pl-site .site-header .mobile-menu-control-wrapper,html.pl-menu[lang^="en"] body.pl-site .site-header .menu-toggle{display:none !important}
html.pl-menu[lang^="en"] body.pl-site .pl-menu-btn{display:block;order:3;margin-left:auto;appearance:none;border:0;background:none;color:var(--pl-perle);font:700 14px/1 var(--pl-texte);letter-spacing:.12em;padding:10px 0 10px 12px;cursor:pointer}
}
@media (max-width:760px){body.pl-site{--h-tete:58px}html body.pl-site .site-header .header-image{width:129px}}
/* les bandeaux de titre posés juste sous l'en-tête par le thème (Blog, guides) : l'ancien en-tête leur laissait 32 px */
html body.pl-site .site-header + .gb-container{margin-top:32px}
/* ---------- le menu du téléphone (panneau plein écran) ---------- */
#pl-panneau{position:fixed;inset:0;z-index:100000;background:#121211;padding:18px 20px 30px;display:none;flex-direction:column;overflow:auto;font-family:"Mr Eaves ModOT",sans-serif}
#pl-panneau.ouvert{display:flex}
#pl-panneau .haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
#pl-panneau .haut img{width:129px;height:auto}
#pl-panneau .fermer{appearance:none;border:0;background:none;color:#F6F0EF;font:700 14px/1 "Mr Eaves ModOT",sans-serif;letter-spacing:.12em;cursor:pointer;padding:8px 0}
#pl-panneau a.p{font-family:"Arastin","Oscar One Light",Georgia,serif;font-size:32px;line-height:1.1;color:#C9AB6F;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(246,240,239,.14);text-decoration:none}
#pl-panneau a.p[aria-current="page"]{color:#F6F0EF}
#pl-panneau .rdv{margin-top:26px;display:flex;align-items:center;justify-content:center;min-height:54px;background:#C9AB6F;color:#121211;font-weight:700;font-size:18px;text-decoration:none}
#pl-panneau .tel2{display:block;margin-top:14px;text-align:center;font-weight:700;font-size:18px;color:#F6F0EF;text-decoration:none}
#pl-panneau .langue{display:block;margin-top:16px;text-align:center;font-size:15px;color:#C9C4C1;text-decoration:none}
/* ---------- pied de page (l'ancien élément du thème et le bouton flottant ne s'affichent plus) ---------- */
html body.pl-site .site-footer{background:var(--pl-noir);padding:0;margin:0;color:var(--pl-perle)}
html body.pl-site .site-footer>:not(.pied){display:none !important}
html body.pl-site .sticky-button{display:none !important}
html body.pl-site .pied{margin-top:calc(clamp(84px,8vw,128px) / 2);background:var(--pl-noir);border-top:1px solid var(--pl-filet-doux);color:var(--pl-perle);font-family:var(--pl-texte);font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-align:left}
html body.pl-site .pied .wrap{width:min(1200px,calc(100% - 2*var(--pl-marge)));margin-inline:auto}
html body.pl-site .pied a{color:inherit;text-decoration:none}
html body.pl-site .pied .plan{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px 48px;padding:64px 0 52px}
html body.pl-site .pied .logo-pied{display:block;width:180px;height:auto;margin:0 0 22px}
html body.pl-site .pied .plan-a p{margin:0;font-size:17px;line-height:1.7;color:var(--pl-perle78);max-width:25em}
html body.pl-site .pied .plan-a a{color:var(--pl-perle);border-bottom:1px solid var(--pl-filet);transition:color .2s,border-color .2s}
html body.pl-site .pied .plan-titre{margin:0 0 16px;font-weight:700;font-size:13px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--pl-or)}
html body.pl-site .pied ul{list-style:none;padding:0;margin:0;font-size:17px;line-height:1.5}
html body.pl-site .pied li{margin:0}
html body.pl-site .pied li+li{margin-top:10px}
html body.pl-site .pied .plan-col a{color:var(--pl-perle);transition:color .2s}
html body.pl-site .pied a:hover,html body.pl-site .pied .plan-a a:hover{color:var(--pl-or)}
html body.pl-site .pied .et{margin-left:8px;font-size:11px;letter-spacing:.16em;color:var(--pl-or)}
html body.pl-site .pied .btn.filet{display:inline-flex;align-items:center;justify-content:center;margin:24px 0 32px;height:44px;padding:0 18px;font-weight:700;font-size:16px;white-space:nowrap;border:1px solid var(--pl-or);color:var(--pl-perle);transition:background-color .25s,color .25s}
html body.pl-site .pied .btn.filet:hover{background:var(--pl-or);color:var(--pl-noir)}
html body.pl-site .pied ul.reseaux{display:flex;gap:12px}
html body.pl-site .pied ul.reseaux li+li{margin-top:0}
html body.pl-site .pied .reseaux a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--pl-filet);border-radius:50%;color:var(--pl-or);transition:color .2s,border-color .2s}
html body.pl-site .pied .reseaux a:hover{color:var(--pl-perle);border-color:var(--pl-or)}
html body.pl-site .pied .reseaux svg{width:18px;height:18px}
html body.pl-site .pied .bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;padding:22px 0 30px;border-top:1px solid var(--pl-perle14)}
html body.pl-site .pied .bas p{margin:0;font-size:15px;line-height:1.6;color:var(--pl-perle78)}
html body.pl-site .pied .bas a{color:var(--pl-perle78);cursor:pointer;transition:color .2s}
html body.pl-site .pied .bas a:hover{color:var(--pl-or)}
html body.pl-site .pied .haut{appearance:none;background:none;border:0;padding:6px 0;color:var(--pl-perle78);font:700 13px/1 var(--pl-texte);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:12px}
html body.pl-site .pied .haut::after{content:"";width:8px;height:8px;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:translateY(2px) rotate(45deg)}
html body.pl-site .pied .haut:hover{color:var(--pl-or)}
@media (max-width:1000px){html body.pl-site .pied .plan{grid-template-columns:repeat(3,minmax(0,1fr))}html body.pl-site .pied .plan-a{grid-column:1 / -1}}
@media (max-width:760px){html body.pl-site .pied .plan{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding:44px 0 40px}html body.pl-site .pied .plan-col:last-child{grid-column:1 / -1}html body.pl-site .pied .bas{flex-direction:column;align-items:flex-start}}

/* ===== 02/10 · les petites pages au nouveau dessin : Secrets (62333), Liens (54553), Plan du site (43023) ; CSS seul, contenus intacts =====
   Les deux pages du tour « Entrez dans la magie » (90905, 24794) ne sont pas touchées. */
/* Secrets : le titre en Arastin or sans les barres dorées, l'encart à filet d'or, le bouton de la maquette */
html body.pl-site.page-id-62333 .gb-grid-wrapper-25d4cd14{display:block !important;margin:0 !important;padding:72px 0 0 !important;text-align:center}
html body.pl-site.page-id-62333 .gb-grid-column-4f058934,html body.pl-site.page-id-62333 .gb-grid-column-4bb791d9{display:none !important}
html body.pl-site.page-id-62333 .gb-grid-column-04b81734{width:100% !important;flex-basis:100% !important;max-width:none !important}
html body.pl-site.page-id-62333 .gb-container-04b81734{background:none !important;padding:0 !important}
html body.pl-site.page-id-62333 .gb-headline-01d2cf5d{margin:0 !important;font-family:var(--pl-titre) !important;font-weight:400 !important;font-size:clamp(50px,4.6vw,88px) !important;line-height:1.05 !important;text-transform:uppercase !important;letter-spacing:.012em !important;color:var(--pl-or) !important;text-align:center !important}
html body.pl-site.page-id-62333 .gb-container-85be03b1{background:none !important;padding:34px 0 0 !important;margin:0 !important}
html body.pl-site.page-id-62333 .gb-container-986a9a8f{width:min(760px,calc(100% - 2*var(--pl-marge))) !important;max-width:none !important;margin:0 auto !important;padding:30px 32px !important;background:rgba(18,18,17,.7) !important;border:1px solid var(--pl-or) !important;border-radius:0 !important;text-align:center}
html body.pl-site.page-id-62333 .gb-headline-86f756b1{font-family:var(--pl-texte) !important;font-size:19px !important;line-height:1.6 !important;color:var(--pl-perle78) !important;text-align:center !important}
html body.pl-site.page-id-62333 .gb-container-8c7a21c7{margin:22px 0 0 !important;padding:0 !important;text-align:center}
html body.pl-site.page-id-62333 a.gb-button-5eeb09f1{display:inline-flex !important;align-items:center;justify-content:center;height:54px;padding:0 28px !important;background:transparent !important;border:1px solid var(--pl-or) !important;border-radius:0 !important;box-shadow:none !important;color:var(--pl-perle) !important;font:700 18px/1 var(--pl-texte) !important;letter-spacing:0 !important;text-transform:none !important;transition:background-color .25s,color .25s}
html body.pl-site.page-id-62333 a.gb-button-5eeb09f1::before,html body.pl-site.page-id-62333 a.gb-button-5eeb09f1::after{content:none !important;display:none !important}
html body.pl-site.page-id-62333 a.gb-button-5eeb09f1:hover{background:var(--pl-or) !important;color:var(--pl-noir) !important}
/* le formulaire du mot de passe (toute page protégée) */
html body.pl-site .post-password-form{width:min(760px,100%);margin:44px auto 72px;font-family:var(--pl-texte);font-size:19px;line-height:1.6;color:var(--pl-perle78);text-align:center}
html body.pl-site .post-password-form p{margin:0 0 18px}
html body.pl-site .post-password-form label{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--pl-or)}
html body.pl-site .post-password-form input[type="password"]{appearance:none;width:260px;max-width:100%;height:48px;padding:0 12px;background:rgba(246,240,239,.05);border:0;border-bottom:1px solid var(--pl-filet);border-radius:0;color:var(--pl-perle);font:400 18px var(--pl-texte);letter-spacing:0;text-transform:none}
html body.pl-site .post-password-form input[type="submit"]{appearance:none;height:48px;padding:0 26px;margin-left:8px;background:var(--pl-or);border:0;border-radius:0;color:var(--pl-noir);font:700 17px/1 var(--pl-texte);letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .2s}
html body.pl-site .post-password-form input[type="submit"]:hover{background:var(--pl-or-clair)}
/* Liens (54553), ANCIEN contenu à blocs : gardé tant que la nouvelle page (section « la page Liens » en fin de fichier) n'est pas publiée */
/* Liens : le nom en Arastin or, les réseaux et les boutons carrés de la maquette (or plein, filet d'or) */
html body.pl-site.page-id-54553 .gb-headline-51e1ef74{color:var(--pl-or) !important;font-family:var(--pl-titre) !important;font-weight:400 !important;text-transform:uppercase !important}
html body.pl-site.page-id-54553 .gb-headline-99f27e98,html body.pl-site.page-id-54553 .gb-headline-99f27e98 mark{font-family:var(--pl-texte) !important;color:var(--pl-or) !important}
html body.pl-site.page-id-54553 .gb-headline-139c166e{font-family:var(--pl-texte) !important;color:var(--pl-perle78) !important}
html body.pl-site.page-id-54553 .wp-block-social-links .wp-social-link{border-radius:0 !important;background:var(--pl-or) !important;color:var(--pl-noir) !important}
html body.pl-site.page-id-54553 .wp-block-social-links .wp-social-link a{font-family:var(--pl-texte) !important;font-weight:700 !important}
html body.pl-site.page-id-54553 .entry-content a.gb-button{width:min(560px,100%) !important;max-width:none !important;margin:12px auto 0 !important;justify-content:center;background:transparent !important;border:1px solid var(--pl-or) !important;border-radius:0 !important;box-shadow:none !important;color:var(--pl-perle) !important;font:700 18px/1.2 var(--pl-texte) !important;letter-spacing:0 !important;text-transform:none !important;transition:background-color .25s,color .25s}
html body.pl-site.page-id-54553 .entry-content a.gb-button:hover{background:var(--pl-or) !important;color:var(--pl-noir) !important}
html body.pl-site.page-id-54553 .entry-content a.gb-button .gb-icon{color:var(--pl-or)}
html body.pl-site.page-id-54553 .entry-content a.gb-button:hover .gb-icon{color:var(--pl-noir)}
/* Plan du site : le titre en Arastin or, la liste sur deux colonnes, filets fins */
html body.pl-site.page-id-43023 .entry-header{padding:72px 0 0;margin:0;border:0;text-align:center}
html body.pl-site.page-id-43023 .entry-title{margin:0 !important;font-family:var(--pl-titre) !important;font-weight:400 !important;font-size:clamp(50px,4.6vw,88px) !important;line-height:1.05 !important;text-transform:uppercase !important;letter-spacing:.012em !important;color:var(--pl-or) !important;text-align:center !important}
html body.pl-site.page-id-43023 .entry-content{width:min(1200px,100%);margin:0 auto;font-family:var(--pl-texte)}
html body.pl-site.page-id-43023 .entry-content h2{margin:56px 0 18px !important;font-family:var(--pl-texte) !important;font-weight:700 !important;font-size:14px !important;line-height:1.4 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--pl-or) !important}
html body.pl-site.page-id-43023 .entry-content>ul,html body.pl-site.page-id-43023 .entry-content .wsp-container>ul{columns:2 320px;column-gap:56px;list-style:none;margin:0;padding:0}
html body.pl-site.page-id-43023 .entry-content li{break-inside:avoid;margin:0;padding:9px 0;border-top:1px solid var(--pl-perle14);list-style:none;font-size:17px;line-height:1.4}
html body.pl-site.page-id-43023 .entry-content li::marker{content:none}
html body.pl-site.page-id-43023 .entry-content li a{color:var(--pl-perle) !important;text-decoration:none;transition:color .2s}
html body.pl-site.page-id-43023 .entry-content li a:hover{color:var(--pl-or) !important}
html body.pl-site.page-id-43023 .entry-content li ul{columns:auto;margin:6px 0 0 18px;padding:0}

/* ---------- 02/10 · bilan avec Thomas ---------- */
/* les blocs d'offres : interligne plus serré (ordinateur aussi, Cyril), plus d'air entre le titre et le texte */
html body.pl-site .pl .format .f-corps p{line-height:1.5}
@media (max-width:760px){
  /* sur téléphone, la barre de couleur passe AU-DESSUS : toute la largeur reste au texte */
  html body.pl-site .pl .formats.trio .format{box-shadow:inset 0 4px 0 var(--c);padding:26px 16px 22px}
  html body.pl-site .pl .format{gap:20px}
  html body.pl-site .pl .format .f-corps p{line-height:1.45}
  /* volets fermés : on voit les trois offres d'un coup ; une flèche dit qu'on peut les ouvrir */
  html body.pl-site .pl .formats.volets .format .f-tete{cursor:pointer;position:relative;padding-right:36px;-webkit-tap-highlight-color:transparent}
  html body.pl-site .pl .formats.volets .format .f-tete::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;border-right:2px solid var(--c,#C9AB6F);border-bottom:2px solid var(--c,#C9AB6F);transform:translateY(-75%) rotate(45deg);transition:transform .25s ease}
  html body.pl-site .pl .formats.volets .format.ouvert .f-tete::after{transform:translateY(-25%) rotate(-135deg)}
  html body.pl-site .pl .formats.volets .format:not(.ouvert) .f-corps{display:none}
  html body.pl-site .pl .formats.volets .format:not(.ouvert){gap:0}
  html body.pl-site .pl .formats.volets .format .f-tete:focus-visible{outline:2px solid var(--c,#C9AB6F);outline-offset:4px}
}
/* le menu du téléphone : plus de grosses capitales (« un mouvement de recul »), la police du texte */
#pl-panneau a.p{font-family:"Mr Eaves ModOT",sans-serif;font-size:26px;line-height:1.25;text-transform:none;letter-spacing:0;font-weight:400}
/* une citation mise en avant, signée : la signature centrée sous la citation */
html body.pl-site .pl .pull + .qui{text-align:center;margin-top:14px}
/* 02/10, Cyril : « on part sur le 3 = Bold » : les titres dorés en Mr Eaves passent en gras (le choix de Thomas) */
html body.pl-site .pl h2.long,html body.pl-site .pl .h2.long{font-weight:700}
/* 02/10 · la fenêtre « Plus de 2 500 événements » : le calcul tient sur UNE ligne sur ordinateur (le signe ne reste plus seul en bout
   de ligne), les libellés se replient dans leur colonne ; sur téléphone, une colonne. Les nombres ne se coupent jamais. */
html body.pl-site .pl .calcul{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;align-items:center;column-gap:22px;row-gap:8px}
html body.pl-site .pl .calcul span{max-width:15ch}
html body.pl-site .pl .calcul b{white-space:nowrap}
@media (max-width:760px){html body.pl-site .pl .calcul{grid-template-columns:auto;justify-items:start}html body.pl-site .pl .calcul span{max-width:none}}
/* ===== 02/10 · la page Liens (54553), refaite : la carte de visite du QR code. Téléphone d'abord, belle aussi sur ordinateur.
   Le papier peint du site (.pp), la photo dans l'alcôve dorée en arche, le nom en Arastin, des boutons carrés à filet d'or. ===== */
.pl-liens{--l-or:var(--pl-or,#C9AB6F);--l-or-clair:var(--pl-or-clair,#D9C08E);--l-perle:var(--pl-perle,#F6F0EF);--l-perle78:var(--pl-perle78,#C9C4C1);
  --l-noir:var(--pl-noir,#121211);--l-titre:"Arastin","Oscar One Light",Georgia,serif;--l-texte:"Mr Eaves ModOT","Mr Eaves","Futura","Avenir Next",sans-serif}
.pl-liens .liens{padding:28px 20px 56px}
.pl-liens .liens-grille{max-width:1120px;margin:0 auto;display:grid;gap:0;justify-items:center}
/* la photo : une arche, comme l'alcôve où il se tient ; le bas se fond dans la nuit pour accueillir le nom */
.pl-liens .liens-photo{margin:0;width:100%;max-width:440px}
.pl-liens .liens-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;
  border-radius:50% 50% 0 0 / 34% 34% 0 0;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 95%);mask-image:linear-gradient(to bottom,#000 60%,transparent 95%)}
.pl-liens .liens-texte{position:relative;width:100%;max-width:440px;margin-top:-50px;text-align:center}
.pl-liens .liens-nom{margin:0;font-family:var(--l-titre);font-weight:400;font-size:clamp(50px,15vw,66px);line-height:.98;letter-spacing:.01em;
  text-transform:uppercase;color:var(--l-or);text-wrap:balance}
.pl-liens .liens-metier{margin:12px 0 0;font-family:var(--l-texte);font-style:italic;font-size:23px;line-height:1.2;color:var(--l-perle)}
.pl-liens .liens-devise{margin:10px auto 0;max-width:30ch;font-family:var(--l-texte);font-size:17px;line-height:1.45;color:var(--l-perle78)}
.pl-liens .liens-oeil{display:block;width:64px;height:auto;margin:28px auto;opacity:.95}
.pl-liens .liens-boutons{display:grid;gap:12px}
.pl-liens .lb{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 20px;background:rgba(18,18,17,.84);border:1px solid var(--l-or);
  color:var(--l-perle);font-family:var(--l-texte);font-weight:700;font-size:17px;line-height:1.2;letter-spacing:.01em;text-align:left;text-decoration:none;
  transition:background-color .2s,color .2s,border-color .2s}
.pl-liens .lb svg{flex:0 0 22px;width:22px;height:22px;color:var(--l-or);transition:color .2s}
.pl-liens .lb span{flex:1}
.pl-liens .lb::after{content:"";flex:0 0 8px;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.55}
.pl-liens .lb:hover,.pl-liens .lb:focus-visible{background:var(--l-or);color:var(--l-noir)}
.pl-liens .lb:hover svg,.pl-liens .lb:focus-visible svg{color:var(--l-noir)}
.pl-liens .lb.plein{background:var(--l-or);color:var(--l-noir);font-size:18px;min-height:62px}
.pl-liens .lb.plein svg{color:var(--l-noir)}
.pl-liens .lb.plein:hover,.pl-liens .lb.plein:focus-visible{background:var(--l-or-clair);border-color:var(--l-or-clair)}
.pl-liens .liens-note{margin:8px 0 22px;font-family:var(--l-texte);font-size:15px;line-height:1.4;color:var(--l-perle78)}
.pl-liens .lb:focus-visible,.pl-liens .liens-reseaux a:focus-visible,.pl-liens .liens-secret:focus-visible{outline:2px solid var(--l-or-clair);outline-offset:3px}
/* 02/10, Cyril : « les réseaux sociaux doivent être mis en avant en priorité. Ensuite, la demande d'avis sur Google » ; « Planifier
   un appel » en dernier, sans mise en valeur. Les réseaux : quatre grandes tuiles (deux par ligne), avant tout le reste. */
.pl-liens .liens-reseaux{list-style:none;margin:26px 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pl-liens .liens-reseaux a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:0 12px;border:1px solid var(--l-or);
  background:rgba(18,18,17,.84);color:var(--l-perle);font-family:var(--l-texte);font-weight:700;font-size:17px;text-decoration:none;transition:background-color .2s,color .2s}
.pl-liens .liens-reseaux svg{flex:0 0 26px;width:26px;height:26px;color:var(--l-or);transition:color .2s}
.pl-liens .liens-reseaux a:hover,.pl-liens .liens-reseaux a:focus-visible{background:var(--l-or);color:var(--l-noir)}
.pl-liens .liens-reseaux a:hover svg,.pl-liens .liens-reseaux a:focus-visible svg{color:var(--l-noir)}
.pl-liens .liens-secret{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-family:var(--l-texte);font-size:16px;color:var(--l-perle78);
  text-decoration:none;border-bottom:1px solid var(--l-or);padding-bottom:2px}
.pl-liens .liens-secret svg{width:15px;height:15px;color:var(--l-or)}
.pl-liens .liens-secret:hover{color:var(--l-or)}
/* ordinateur : la photo à gauche, haute ; le nom et les boutons à droite */
@media (min-width:900px){
  .pl-liens .liens{padding:64px 40px 88px}
  .pl-liens .liens-grille{grid-template-columns:minmax(0,500px) minmax(0,440px);gap:80px;align-items:center;justify-content:center}
  .pl-liens .liens-photo{max-width:500px}
  .pl-liens .liens-photo img{aspect-ratio:3/4;-webkit-mask-image:none;mask-image:none}
  .pl-liens .liens-texte{margin-top:0;text-align:left}
  .pl-liens .liens-nom{font-size:clamp(64px,6vw,84px)}
  .pl-liens .liens-devise{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.pl-liens .lb,.pl-liens .liens-reseaux a{transition:none}}
/* ===== 03/10 · pages TARIFS : pas de « Planifier un appel » (Cyril : « Quand j'envoie les tarifs, j'ai systématiquement eu la personne juste
   avant au téléphone ») : le menu d'ordinateur ne l'écrit plus (pls_tarifs), le panneau du téléphone le masque ===== */
html body.pl-tarifs #pl-panneau a.rdv{display:none}
/* ===== 03/10 · les PRIX des formules : « pas en gras, mais plus petits et plus fins » (Cyril : codes du luxe, un prix élevé discret fait
   moins peur) ; « à partir de » sur la même ligne ===== */
html body.pl-site .pl .format .f-corps p.prix{font-weight:300;font-size:clamp(21px,1.7vw,25px);line-height:1.25;letter-spacing:.02em}
html body.pl-site .pl .format .f-corps p.prix .des{display:inline;margin:0 .4em 0 0;font-size:15px;font-weight:300;letter-spacing:.02em}