.carte figcaption{margin-top:12px;font-size:13px;line-height:1.6;opacity:.72}
.carte .av{display:block;font-size:9px;letter-spacing:.24em;text-transform:uppercase;
  opacity:.55;margin-bottom:4px}
@media (prefers-reduced-motion:reduce){
  .defile-band{overflow-x:auto}
  .piste{animation:none;width:auto}
  .piste .carte:nth-child(n+9){display:none}
  .defile-band .def-fl{display:none}}
@media (max-width:1100px){
  .carte{width:240px}
  .carte i{height:300px}
  .defile-band{padding:22px 0 54px}
  .defile-band .def-fl{width:40px;height:40px;top:calc(50% - 26px)}.defile-band .def-g{left:12px}.defile-band .def-d{right:12px}}
/* ================= la ligne soeur ================= */
.soeur{margin:34px auto 0;max-width:64ch;font-size:14.5px;line-height:1.85;opacity:.68;
  border-top:1px solid rgba(22,59,53,.14);padding-top:22px}
.soeur a{border-bottom:1px solid rgba(22,59,53,.3)}
.soeur a:hover{border-color:var(--vert)}
.soeur .plus{display:inline-block;margin-left:10px;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;white-space:nowrap}
.soeur .plus:after{content:" →"}
footer{background:var(--nuit);color:rgba(238,244,239,.66);
  display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100vh - 98px);min-height:calc(100svh - 98px);box-sizing:border-box;
  padding:130px 0 46px;position:relative;z-index:1;overflow:hidden;
  border-top:4px solid var(--jaune)}
/* les lucioles vivent dans les deux bandes VIDES du pied (au-dessus de la signature et
   sous les colonnes) : elles ne se posent plus sur les lettres (audit 16/09, P12) */
footer .lucioles{position:absolute;inset:0;pointer-events:none;z-index:0}
footer .lucioles i{position:absolute;width:4px;height:4px;border-radius:50%;
  background:var(--jaune);opacity:0;animation:luciole 4.6s ease-in-out infinite;
  box-shadow:0 0 8px 2px rgba(255,247,203,.55)}
@keyframes luciole{0%,100%{opacity:0}9%{opacity:1}28%{opacity:.3}
  44%{opacity:.9}66%{opacity:0}}
footer .filig-mw{position:absolute;right:-50px;bottom:-84px;width:400px;opacity:.05;
  color:var(--clair);pointer-events:none}
footer .filig-mw svg{width:100%;height:auto;display:block}
footer .grande-sig{color:var(--clair);text-align:center;
  font-size:clamp(30px,3.9vw,58px);line-height:1.16;max-width:22ch;margin:0 auto 96px}
footer .grande-sig em{font-style:italic;
  text-decoration:underline;text-decoration-color:rgba(255,247,203,.26);
  -webkit-text-decoration-color:rgba(255,247,203,.26);
  text-decoration-thickness:.44em;text-underline-offset:-.38em;
  text-decoration-skip-ink:none;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
footer .sig-act{display:flex;flex-direction:column;align-items:center;gap:16px;
  margin:-40px auto 96px}
footer .cta-fin{min-height:58px;padding:0 40px;font-size:13px}
footer .cta-bleu{background:#aacde2;color:var(--vert)}
footer .cta-fin:hover{opacity:.88}
footer .sig-note{font-size:13px;opacity:.5;letter-spacing:.03em}
footer .volf{position:absolute;top:0;left:0;width:58px;height:auto;z-index:2;opacity:0;
  color:var(--clair);pointer-events:none;will-change:transform,opacity}
footer .lucioles{transition:opacity 1.2s ease}
footer .lucioles.cache{opacity:0}
footer .marque{width:200px;display:block;color:var(--clair);margin-bottom:24px}
footer .marque svg{width:100%;height:auto;display:block}
footer .cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:48px;
  position:relative}
footer .tit{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(238,244,239,.5);margin-bottom:14px}
footer p{font-size:14px;line-height:2.15}
footer a:hover{color:var(--jaune)}
footer .bas{display:flex;justify-content:space-between;font-size:12px;gap:20px;
  color:rgba(238,244,239,.36);border-top:1px solid rgba(238,244,239,.12);margin-top:72px;
  padding-top:24px;flex-wrap:wrap;position:relative}
footer .bas a{color:rgba(238,244,239,.56);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:rgba(238,244,239,.26)}
footer .bas a:hover{color:var(--jaune)}
@media (prefers-reduced-motion:reduce){
  footer .lucioles i,footer .aq-pose{animation:none}
  footer .lucioles i{opacity:.3}}
/* ================= réactif ================= */
@media (max-width:1100px){
  :root{--haut:74px}
  .wrap{padding-left:26px;padding-right:26px}
  #bandeau{height:28px}
  #bandeau .long{display:none}
  #bandeau .court{display:inline;font-size:7.6px;letter-spacing:.16em}
  header{top:28px;padding:10px 20px}
  header .marque{width:116px}
  header nav{gap:14px}
  header nav a:not(.cta){display:none}
  header .fil .aig{width:28px;top:-7px}
  .cbar{padding:11px 24px}
  .hero{height:auto;min-height:100svh;padding:112px 0 40px}
  .hero h1{max-width:none}
  .duo{grid-template-columns:1fr;gap:40px}
  footer{min-height:0;display:block}
  .vign{height:52vw;max-height:340px;margin-bottom:26px}
  .second{grid-template-columns:1fr;gap:14px;margin-top:44px}
  .bloc{padding:80px 0}
  .grille{grid-template-columns:1fr;margin-top:40px}
  .niv{padding:0}
  .niv+.niv{border-left:0;border-top:1px solid rgba(22,59,53,.14);padding-left:0;
    margin-top:40px;padding-top:40px}
  .niv .t,.niv .sous,.niv .d{min-height:0}
  .origine{padding:60px 26px 70px}
  .pan{padding:14px 12px 44px}
  .cadre{padding:56px 24px}
  footer{padding-top:88px}
  footer .grande-sig{margin-bottom:52px}
  footer .sig-act{margin:-24px auto 64px}
  footer .cols{grid-template-columns:1fr 1fr;gap:30px}
  /* la journée en portrait */
  #seq .scene{height:calc(100vh - 220px);height:calc(100svh - 220px);min-height:480px}
  #seq .indic{display:none}
  #seq .art{left:26px;right:26px;width:auto;margin-left:0}
  #seq .fg{font-size:34vw}
  #seq .coin{top:16px;left:18px}
  #seq .coin .ch{font-size:21px}
  .bascule{padding:88px 24px}
  .chap{padding:0 24px 12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .hero .in>*{opacity:1;transform:none;transition:none}
  #nuee,#libhero,#seq .grains,#seq .libv{display:none}
  #seq{height:auto}
  #seq .scene{position:relative;height:auto;min-height:0;padding:30px 0 10px}
  #seq .astre,#seq .pastilles{display:none}
  #seq .txts{position:relative;inset:auto}
  #seq .art{position:relative;opacity:1;transform:none;left:auto;right:auto;
    pointer-events:auto;max-width:640px;margin:0 auto;padding:44px 26px;
    border-top:1px solid rgba(22,59,53,.14)}
  header,header .marque,header nav{transition:none}
}
/* ================= écrans peu hauts : une section = un écran, vraiment ================= */
@media (max-height:860px) and (min-width:901px){
  .chap{padding:12px 40px 10px}
  .chap .clib{height:26px}
  .pan{padding:12px 40px 34px}
  .cadre{padding:22px 44px}
  .offres.cadre{padding:16px 40px 12px}
  .offres .tete{font-size:clamp(20px,1.9vw,25px)}
  .offres .chapo{margin-top:4px;font-size:13px}
  .grille{margin-top:9px;gap:0 34px}
  .niv+.niv{padding-left:34px}
  .niv .t{font-size:clamp(19px,1.6vw,23px);margin-top:6px}
  .niv .sous{min-height:2.2em;margin-top:3px}
  .niv .d{min-height:6.6em;line-height:1.55;margin-top:6px}
  .niv .prixl{margin-top:6px}
  .niv .p{font-size:clamp(24px,2.1vw,29px)}
  .niv .u{margin-top:2px}
  .niv .lanc{margin-top:6px;font-size:12px;padding:4px 10px}
  .niv .incl{margin-top:7px}
  .niv .incl li{padding:4.5px 0 4.5px 14px}
  .niv .incl li:before{top:10px}
  .pied-offre{margin-top:10px;padding-top:8px;line-height:1.6}
  .bloc .corps{font-size:16.5px;line-height:1.75;margin-top:14px}
  .bloc h2{font-size:clamp(28px,2.9vw,38px)}
  .gestes3{gap:36px;margin-top:20px}
  .g3 .gn{font-size:30px}
  .g3 b{font-size:21px}
  .g3 p{line-height:1.6}
  .s1-fin{margin-top:20px;padding-top:14px}
  .s1-fin .t{font-size:21px}
  .s1-fin p{font-size:14.5px}
  .tablo th,.tablo td{padding:10px 12px;font-size:14.5px}
  .t-t{font-size:23px}
  .t-prix{font-size:29px}
  .carton{padding:26px 30px}
  .vign{height:min(38vh,340px)}
  .defile-band{padding:18px 0 36px}
  .carte i{height:min(36vh,300px)}
  .carte figcaption{margin-top:8px;font-size:13.5px}
  .pourquoi .lib{width:52px;margin-bottom:14px}
  .pourquoi .corps{font-size:15px;line-height:1.7;margin-top:10px}
  .soeur{margin-top:20px;padding-top:12px;font-size:14px;line-height:1.7}
  #seq .scene{height:calc(100vh - 236px);height:calc(100svh - 236px)}
  footer{padding-top:72px}
  footer .grande-sig{margin-bottom:74px}
  footer .sig-act{margin:-38px auto 68px}
  .bascule{padding:76px 40px}
  .bascule .fort{margin-top:28px}
  .bascule .retenue{margin-top:20px}
  .bascule .apres{margin-top:38px}
}
/* ============ 02 · S1 : les trois gestes en vitrine ============ */
.s1-haut{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.chapo-s{max-width:64ch;font-size:16.5px;line-height:1.75;opacity:.8;margin:0}
.gestes3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:44px;margin-top:30px}
.g3 .gn{font-family:'Recoleta',Georgia,serif;font-size:36px;opacity:.22;
  line-height:1;display:block}
.g3 b{font-weight:400;font-size:23px;display:block;margin:7px 0 6px}
.g3 p{font-size:15px;line-height:1.72;opacity:.8;margin:0}
.eco-l{font-size:14px;line-height:1.7;opacity:.62;margin:18px 0 0;font-style:italic}
.s1-fin{display:flex;gap:28px;align-items:baseline;border-top:1px solid rgba(22,59,53,.14);
  margin-top:30px;padding-top:18px;flex-wrap:wrap}
.s1-fin .t{font-size:23px;white-space:nowrap}
.s1-fin p{font-size:14.5px;line-height:1.7;opacity:.85;margin:0;flex:1}
/* ============ 03 · F2 : la table du cycle ============ */
.tablo-w{margin-top:20px;overflow-x:auto}
.tablo{width:100%;border-collapse:collapse}
.tablo th,.tablo td{text-align:left;padding:13px 14px;font-weight:300;font-size:15px}
.tablo thead th{vertical-align:top;border-bottom:1px solid rgba(22,59,53,.3);
  padding-bottom:16px}
.tablo .niv-c{width:19%}
.t-nom{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.6;
  display:block}
.t-t{font-size:26px;line-height:1.12;display:block;margin-top:5px;font-weight:400}
.t-prixl{display:flex;align-items:baseline;gap:9px;margin-top:10px}
.t-prix{font-size:34px;line-height:1;font-weight:400}
.t-prix .e{font-size:.42em;vertical-align:.5em;opacity:.55}
.t-ttc{font-size:12px;opacity:.55;letter-spacing:.06em;white-space:nowrap}
.tablo tbody th,.tablo tbody td{border-bottom:1px solid rgba(22,59,53,.14)}
.tablo tbody th{opacity:.85;font-size:15px}
.tablo .oui{display:inline-block;width:9px;height:9px;background:var(--jaune);
  outline:1px solid rgba(22,59,53,.3)}
.tablo .lanc-l td{font-size:13.5px;background:rgba(255,247,203,.5)}
/* ============ 04 · V3 : le carton de rendez-vous ============ */
.v3duo{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.carton{border:none;padding:33px 37px;text-align:center;
  background-color:var(--blanc);
  background-image:
    repeating-linear-gradient(90deg,rgba(22,59,53,.4) 0 6px,transparent 6px 13px),
    repeating-linear-gradient(90deg,rgba(22,59,53,.4) 0 6px,transparent 6px 13px),
    repeating-linear-gradient(180deg,rgba(22,59,53,.4) 0 6px,transparent 6px 13px),
    repeating-linear-gradient(180deg,rgba(22,59,53,.4) 0 6px,transparent 6px 13px);
  background-size:100% 1px,100% 1px,1px 100%,1px 100%;
  background-position:0 0,0 100%,0 0,100% 0;
  background-repeat:no-repeat;
  transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.carton:hover{transform:rotate(-1.6deg)}
@media (prefers-reduced-motion:no-preference){
  .carton:hover{animation:decoupe 5s linear infinite}
}
@keyframes decoupe{to{background-position:26px 0,-26px 100%,0 -26px,100% 26px}}
.carton .c-eti{display:block;font-size:12px;letter-spacing:.26em;text-transform:uppercase;
  opacity:.6;margin-bottom:12px}
.carton .c-h{font-size:clamp(22px,2vw,29px);line-height:1.25;display:block}
.carton .c-d{display:block;font-size:13.5px;opacity:.7;margin:12px 0 20px}
.carton .cta{width:100%}
/* ============ 06 · M3 : l'aquarelle en grand ============ */
.m3duo{display:grid;grid-template-columns:1.1fr .8fr;gap:64px;align-items:center;
  text-align:left}
.m3duo .corps{max-width:none;margin:0}
.m3duo .corps p{margin-left:0;margin-right:0}
.m3duo h2{margin-bottom:14px}
.m3duo .corps p{font-size:18px;line-height:1.9;opacity:.87}
.m3duo .soeur{margin:26px 0 0;max-width:none;text-align:left}
.aq{text-align:center}
.aq img{width:80%;max-width:400px;transform:rotate(-6deg);
  filter:saturate(1.05) drop-shadow(0 14px 24px rgba(13,36,32,.12))}
/* ================= écrans vraiment peu hauts (~700-790 px) ================= */
@media (max-height:790px){
  .chap{padding-bottom:8px}
  .chap .clib{height:22px}
  .pan{padding:6px 40px 24px}
  .cadre{padding:16px 40px}
  .offres.cadre{padding:12px 36px 10px}
  .offres .tete{font-size:clamp(18px,1.7vw,22px)}
  .grille{margin-top:8px}
  .niv .d{min-height:6.4em;line-height:1.5}
  .niv .incl{margin-top:5px}
  .niv .incl li{padding:3.5px 0 3.5px 13px}
  .niv .lanc{margin-top:5px;font-size:12px;padding:3px 9px}
  .pied-offre{margin-top:8px;padding-top:6px;line-height:1.55}
  .bloc h2{font-size:clamp(26px,2.6vw,33px)}
  .bloc .corps{font-size:16px;line-height:1.7;margin-top:10px}
  .gestes3{gap:30px;margin-top:16px}
  .g3 .gn{font-size:26px}
  .g3 b{font-size:19px}
  .g3 p{line-height:1.55}
  .s1-fin{margin-top:16px;padding-top:11px}
  .s1-fin .t{font-size:19px}
  .s1-fin p{font-size:14.5px}
  .tablo th,.tablo td{padding:8px 11px;font-size:14px}
  .t-t{font-size:21px}
  .t-prix{font-size:26px}
  .t-nom{font-size:12px}
  .carton{padding:20px 26px}
  .aq img{max-width:330px}
  .m3duo .corps p{font-size:16.5px;line-height:1.8}
  .vign{height:min(32vh,280px)}
  .carte i{height:min(32vh,260px)}
  .pourquoi .lib{width:44px;margin-bottom:10px}
  .pourquoi .corps{font-size:15px;line-height:1.6;margin-top:8px}
  .soeur{margin-top:14px;padding-top:10px;font-size:14px;line-height:1.65}
  .bascule{padding:40px 40px}
  .bascule .fort{margin-top:20px;font-size:clamp(30px,4vw,54px)}
  .bascule .retenue{margin-top:14px}
  .bascule .apres{margin-top:26px}
  #seq .scene{height:calc(100vh - 212px);height:calc(100svh - 212px)}
  footer{padding-top:44px}
  footer .grande-sig{font-size:clamp(24px,3vw,42px);margin-bottom:46px}
  footer .sig-act{margin:-28px auto 40px;gap:12px}
  footer .cta-fin{min-height:48px;padding:0 30px;font-size:12px}
  footer .marque{width:160px;margin-bottom:14px}
  footer p{font-size:14px;line-height:1.9}
  footer .cols{gap:34px}
  footer .bas{margin-top:26px;padding-top:18px}
}
/* mobile : les nouvelles grilles en une colonne (declare en dernier pour gagner la cascade) */
@media (max-width:1100px){
  .gestes3,.v3duo,.m3duo{grid-template-columns:1fr;gap:30px}
  .aq img{max-width:240px}
  .s1-fin{flex-direction:column;gap:8px}
  .s1-haut{flex-direction:column;align-items:flex-start;gap:14px}
}
/* ========== LABO XVII : BORD DE MER (brand book strict) ========== */
@font-face{font-family:"Caveat";font-weight:400 700;font-style:normal;
  font-display:swap;src:url(fc15624330b7.woff2) format("woff2")}
@font-face{font-family:"Autography";font-weight:400;
  font-style:normal;font-display:swap;
  src:url(f735d04608d5.woff2) format("woff2")}
:root{--casse:#fbfaf6;--bleu:#aacde2;--bleupale:#e3eef7;
  --jaunepale:#fdf7d9}
body{background:var(--casse)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;
  z-index:4;background:url(9023ca6b6905.webp);background-size:340px;
  mix-blend-mode:soft-light;opacity:.25}
/* le menu (arbitrage 29/08 apres les labos XX et XXIII) : la barre
   de base, pleine largeur, juste un peu plus FINE */
body.bm-a header{padding:8px 64px}
body.bm-a header .marque{width:112px}
body.bm-a header nav{gap:24px;font-size:12.5px}
/* liens a gauche, Dimwazel au centre, rendez-vous a droite */
@media (min-width:901px){
  body.bm-a header{justify-content:flex-start}
  body.bm-a header .marque{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%)}
  body.bm-a header nav{width:100%;justify-content:flex-start}
  body.bm-a header nav .cta{margin-left:auto}
}
@media (max-width:900px){body.bm-a header{padding:7px 20px}}
header{background:rgba(251,250,246,.92)}
.defile-band:before{background:linear-gradient(90deg,var(--casse),
  rgba(251,250,246,0))}
.defile-band:after{background:linear-gradient(270deg,var(--casse),
  rgba(251,250,246,0))}
/* les ecrans pleine hauteur respirent : les blocs ne collent plus au
   bas de la fenetre, et tout a plus d'air */
body.bm-a .plein{height:auto;min-height:calc(100vh - 98px);min-height:calc(100svh - 98px);
  display:flex;flex-direction:column;justify-content:center;
  padding-top:10px;padding-bottom:44px}
body.bm-a .bascule.plein{min-height:calc(100vh - 98px);min-height:calc(100svh - 98px);
  padding-top:0;padding-bottom:0}
body.bm-a .chap{padding-top:18px;padding-bottom:8px}
/* le monogramme : fleurons entre les ecrans (curseur) */
.fleuron{display:none}
body.bm-mono .fleuron{display:flex;justify-content:center;
  margin:8px 0 2px}
body.bm-mono .fleuron svg{width:58px;height:auto;color:#163b35;
  opacity:.3}
/* ============ A. LE COLLAGE ============ */
body.bm-a .hero{padding-top:190px;background:linear-gradient(180deg,
  #b6d5e8 0%,var(--bleu) 52%,#98c0da 100%)}
body.bm-a .hero h1{font-size:clamp(25px,2.9vw,44px);line-height:1.16;
  margin-top:10px}
body.bm-a .hero .lead{font-size:15px;line-height:1.75}
body.bm-a .hero .actions{margin-top:26px}
body.bm-a .hero .wrap{padding-bottom:9vh;
  margin-left:clamp(26px,13vw,190px);margin-right:auto}
@media (max-width:900px){body.bm-a .hero .wrap{margin-left:auto}}
body.bm-a .hero::before{content:"";position:absolute;left:0;right:0;
  bottom:-1px;height:22px;z-index:2;background:var(--casse);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q 37.5 2 75 10 T 150 10 L 150 20 L 0 20 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x;
  -webkit-mask-size:150px 100%;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q 37.5 2 75 10 T 150 10 L 150 20 L 0 20 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x;
  mask-size:150px 100%}
body.bm-a.bm-ray .hero{background:
  repeating-linear-gradient(90deg,var(--casse) 0 16px,
  #eef4fa 16px 32px)}
body.bm-a.bm-ray .hero h1{font-size:clamp(38px,4vw,64px)}
body.bm-a.bm-ray .hero::before{display:none}
body.bm-a .pola-h{display:block;position:absolute;right:34px;
  top:-38px;width:min(270px,22vw);background:#fff;
  padding:12px 12px 14px;box-shadow:0 14px 40px rgba(22,59,53,.2);
  transform:rotate(3.5deg);z-index:3}
body.bm-a .pola-h img{width:100%;height:auto;display:block}
body.bm-a .pola-h figcaption{font-family:'Autography','Caveat',
  cursive;font-size:19px;color:#163b35;text-align:center;
  margin-top:9px;opacity:.9}
body.bm-a .pola-h::before{content:"";position:absolute;top:-12px;
  left:50%;transform:translateX(-50%) rotate(-4deg);width:92px;
  height:26px;background:rgba(255,247,203,.75);
  box-shadow:0 1px 3px rgba(22,59,53,.12)}
body.bm-a #libhero{color:#35688c;opacity:.45;width:158px;
  height:130px;
  -webkit-box-reflect:below 10px
    linear-gradient(transparent 45%,rgba(0,0,0,.22))}
body.bm-a #visite{position:relative;overflow:visible}
/* les blocs : le bleu et le jaune DU BRAND BOOK, sans dilution */
body.bm-a #service,body.bm-a .pourquoi{background:var(--bleu);
  border-radius:18px;padding:36px 44px 40px;margin:0 18px 26px}
body.bm-a #service{padding:26px 40px 28px}
body.bm-a #service .gestes3{margin-top:18px;gap:26px}
body.bm-a #service .s1-fin{margin-top:16px;padding-top:12px}
body.bm-a #offre{background:#fff;border:1px solid rgba(22,59,53,.16);
  border-radius:18px;padding:22px 36px 24px;margin:0 18px 26px}
body.bm-a #offre .tablo th,body.bm-a #offre .tablo td{
  padding:6px 10px;font-size:13px}
body.bm-a #offre .tablo-w{margin-top:10px}
body.bm-a #offre .t-prix{background:var(--jaune);padding:3px 12px;
  border-radius:10px;display:inline-block;white-space:nowrap}
body.bm-a #visite{background:var(--bleu);border-radius:18px;
  padding:36px 44px 40px;margin:0 18px 26px}
body.bm-a .chap .cnum{background:#fff}
body.bm-a .chap .cnum{color:#163b35;opacity:.9;background:#fff;
  border-radius:50%;width:1.9em;height:1.9em;display:inline-flex;
  align-items:center;justify-content:center;font-size:15px}
/* le bouton retenu par Vincent (29/08) : la PASTILLE arrondie (jaune
   pour le principal, blanche pour le secondaire) + le souligne vague
   sous le texte ; au survol la vague se met a courir */
@keyframes vague-file{from{background-position-x:0}
  to{background-position-x:-24px}}
body.bm-a .cta{border:none;background:var(--jaune);border-radius:12px;
  min-height:56px;color:#163b35;padding:10px 30px 6px;font-weight:500;
  font-size:12.5px;letter-spacing:.18em;
  transition:background .25s ease,transform .2s ease}
body.bm-a .cta .sv{display:inline-block;padding:2px 2px 11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q 6 0 12 4 T 24 4' fill='none' stroke='%23163b35' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 100%/24px 8px}
body.bm-a .cta:hover{background:#fff3ae;transform:translateY(-2px)}
body.bm-a .cta:hover .sv{animation:vague-file .9s linear infinite}
body.bm-a .cta-l{background:#fff;
  box-shadow:0 6px 18px rgba(22,59,53,.12)}
body.bm-a .cta-l:hover{background:var(--jaune)}
body.bm-a header nav .cta{min-height:34px;padding:6px 16px 2px;
  font-size:10px;border-radius:8px}
body.bm-a header nav .cta .sv{padding:1px 1px 7px;
  background-size:18px 6px}
body.bm-a .lanc{background:#fff}
body.bm-a #offre tr:last-child td{background:var(--jaune)}
body.bm-a .tablo .oui{width:17px;height:17px;background:#fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 L 6.5 11.5 L 12.5 4.5' fill='none' stroke='%23163b35' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
  center/12px no-repeat;outline:1px solid rgba(22,59,53,.4);
  border-radius:4px}
body.bm-a .defile-band figure{background:#fff;padding:10px 10px 34px;
  box-shadow:0 10px 26px rgba(22,59,53,.14)}
body.bm-a .defile-band figure:nth-child(odd){transform:rotate(-1.4deg)}
body.bm-a .defile-band figure:nth-child(even){transform:rotate(1.2deg)}
body.bm-a .souligne span{box-shadow:inset 0 -.46em 0 var(--bleu)}
/* les touches collage (29/08) : une libellule jaune deborde du bloc
   bleu du service, l'ecriture jaune habille les titres des blocs
   bleus, et les trois libellules se posent sur les polaroids */
body.bm-a #service{position:relative}
body.bm-a .lib-deb{position:absolute;top:-36px;right:40px;width:98px;
  height:auto;color:var(--jaune);transform:rotate(-9deg);
  filter:drop-shadow(0 4px 10px rgba(22,59,53,.22))}
body.bm-a #service h2,body.bm-a #visite h2,
body.bm-a .pourquoi h2{color:var(--jaune)}
body.bm-a .carte{position:relative}
body.bm-a .lib-p{position:absolute;height:auto;z-index:3;
  width:46px;color:var(--bleu,#aacde2);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(22,59,53,.28))}
/* 21/09 Morgane : bleues */
body.bm-a .lp1{top:-16px;right:-14px;transform:rotate(13deg)}
body.bm-a .lp2{bottom:-15px;left:-14px;transform:rotate(-11deg)}
body.bm-a .lp3{bottom:-14px;right:-16px;transform:rotate(7deg)}
body.bm-a .lp4{top:-16px;left:-14px;transform:rotate(-15deg)}
body.bm-a .lp5{top:38%;right:-22px;transform:rotate(18deg)}
body.bm-a .lp6{top:-14px;right:44px;transform:rotate(-6deg)}
@media (max-width:640px){body.bm-a .lib-deb{width:74px;top:-26px;
  right:22px}}
/* la section rassure sur le design : titre + gestes elargis */
@media (min-width:901px){
  body.bm-a .gestes3{grid-template-columns:repeat(4,1fr);gap:28px}}
body.bm-a #offre .alac{text-align:center;font-size:12.5px;
  font-style:italic;opacity:.75}
/* les photos des jardins fournies par Vincent (29/08) */
body.bm-a .carte i{opacity:1}