/* Z Pâtisserie — Essentiel : styles limités à l'en-tête, aux méga-menus, au menu mobile, au pied de page et aux cartes de la carte. Aucune règle ne cible le contenu des pages. */ #zp-header,#zp-drawer,.zpe-footer,.zpe-mbar,.zp-carte,.scrim{ --ink:#111;--body:#5c5c5c;--mute:#8b8b8b;--line:#e9e9e9;--soft:#f6f6f4;--green:#3E8F69;--green-d:#2F7A56;--sage:#84C09C;--lgreen:#bfe0cd; --cream:#FBF9F4;--cream2:#F4F0E8;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--r:4px;--hh:84px} #zp-header,#zp-header *,#zp-drawer,#zp-drawer *,.zpe-footer,.zpe-footer *,.zpe-mbar,.zpe-mbar *,.zp-carte,.zp-carte *{box-sizing:border-box} #zp-header a,#zp-drawer a,.zpe-footer a,.zpe-mbar a,.zp-carte a{text-decoration:none;color:inherit} #zp-header img,#zp-drawer img,.zpe-footer img,.zp-carte img{max-width:100%;display:block;height:auto} #zp-header ul,#zp-drawer ul,.zpe-footer ul{list-style:none;margin:0;padding:0} #zp-header p,#zp-drawer p,.zpe-footer p{margin:0} html body #zp-header button,html body #zp-drawer button,html body .zp-carte button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:0;text-decoration:none;margin:0} html body #zp-header button:hover,html body #zp-header button:focus,html body #zp-drawer button:hover,html body #zp-drawer button:focus,html body .zp-carte button:hover,html body .zp-carte button:focus{background:none;color:inherit;box-shadow:none;outline:0} #zp-header svg,#zp-drawer svg,.zpe-footer svg,.zp-carte svg{flex:none} /* Thème / Elementor Header & Footer : leurs en-têtes et pieds de page ne s'affichent plus */ body.zpe-on header#masthead,body.zpe-on .ehf-header #masthead,body.zpe-on .hfe-header,body.zpe-on #hfe-header,body.zpe-on header.hfe-header,body.zpe-on footer#colophon,body.zpe-on .hfe-footer,body.zpe-on footer.hfe-footer,body.zpe-on .ehf-footer .footer-width-fixer{display:none!important} /* Pages sans photo en haut : le contenu commence sous l'en-tête fixe (comme avec l'ancien en-tête) */ body.zpe-nohero{padding-top:var(--zpe-hh,84px)} body.zpe-on.admin-bar #zp-header{top:32px} /* ================= EN-TÊTE ================= */ #zp-header{position:fixed;top:0;left:0;right:0;z-index:9990;color:#fff;font-family:var(--sans);transition:background .35s,box-shadow .35s} #zp-header[data-s="clear"]{background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} #zp-header[data-s="dark"]{background:rgba(13,13,13,.94);box-shadow:0 1px 0 rgba(255,255,255,.06)} #zp-header .zpe-bar{max-width:1320px;margin:0 auto;padding:0 32px;height:var(--hh);display:flex;align-items:center;gap:28px} #zp-header .zpe-logo{flex:none;display:block} #zp-header .zpe-logo img{height:64px!important;width:auto!important;max-width:none!important} #zp-header .zpe-nav{flex:1;display:flex;justify-content:center;gap:6px;height:100%} #zp-header .nav-item{position:relative;display:flex;align-items:center;height:100%} #zp-header .nav-item>a{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:.92rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#fff;position:relative;white-space:nowrap} #zp-header .nav-item>a svg{width:15px;height:15px;transition:transform .25s} #zp-header .nav-item>a:after{content:"";position:absolute;left:16px;right:16px;bottom:-4px;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s} #zp-header .nav-item:hover>a:after,#zp-header .nav-item.open>a:after{transform:scaleX(1)} #zp-header .nav-item.open>a svg{transform:rotate(180deg)} #zp-header .nav-item.open:before{content:"";position:absolute;left:50%;bottom:-1px;width:18px;height:18px;background:var(--cream);transform:translateX(-50%) rotate(45deg);border-radius:2px;z-index:2;box-shadow:-1px -1px 0 rgba(0,0,0,.03)} #zp-header .zpe-right{flex:none;display:flex;align-items:center;gap:22px} #zp-header .zpe-tel{display:inline-flex;align-items:center;gap:9px;font-size:1rem;font-weight:500;letter-spacing:.02em;white-space:nowrap} #zp-header .zpe-tel svg{width:19px;height:19px} .zpe-btn-book{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff!important;font-family:var(--serif);font-weight:600;font-size:1rem;padding:13px 26px;border-radius:5px;transition:background .25s;white-space:nowrap} .zpe-btn-book:hover{background:var(--green-d)} #zp-header .zpe-burger{display:none;width:44px;height:44px;place-items:center;color:#fff} #zp-header .zpe-burger svg{width:26px;height:26px} /* ================= MÉGA-MENUS ================= */ #zp-header .mega{position:absolute;left:0;right:0;top:100%;padding:0 24px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none} #zp-header .mega.open{opacity:1;visibility:visible;transform:none;pointer-events:auto} #zp-header .zpe-panel{max-width:1320px;margin:0 auto;background:var(--cream);color:var(--body);border-radius:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.04);overflow:hidden} #zp-header .zpe-mm-body{display:grid;gap:30px;padding:38px 44px} #zp-header .zpe-mm-body .zpe-eb{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--green);margin-bottom:12px} #zp-header .zpe-mm-body .zpe-mm-h{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:2rem;line-height:1.15;margin:0 0 10px} #zp-header .zpe-mm-body .zpe-mm-h-s{font-size:1.45rem} #zp-header .zpe-mm-body .zpe-mm-s{font-size:.92rem;color:#777;line-height:1.55} #zp-header .zpe-mm-body .zpe-col+.zpe-col{border-left:1px solid #E6E0D4;padding-left:30px} .zpe-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:100%;background:linear-gradient(135deg,#EFE9DF,#E3DACB);color:#A79C88} .zpe-ph svg{width:30px;height:30px} .zpe-ph em{font-style:normal;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600} #zp-header .zpe-mm-body .zpe-btn-soft{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 20px;background:#E9F1EB;color:var(--ink);border-radius:6px;font-size:.92rem;font-weight:500;transition:background .2s} #zp-header .zpe-mm-body .zpe-btn-soft:hover{background:#DCEADF} #zp-header .zpe-mm-body .zpe-btn-soft svg,#zp-header .zpe-mm-body .zpe-btn-dark svg,#zp-header .zpe-mm-body .zpe-btn-green svg{width:16px;height:16px} #zp-header .zpe-mm-body .zpe-btn-dark{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;padding:13px 22px;border-radius:6px;font-family:var(--serif);font-weight:500;font-size:.98rem;transition:background .2s} #zp-header .zpe-mm-body .zpe-btn-dark:hover{background:var(--green)} #zp-header .zpe-mm-body .zpe-btn-green{display:inline-flex;align-items:center;gap:12px;background:var(--green);color:#fff;padding:13px 22px;border-radius:6px;font-family:var(--serif);font-weight:500;font-size:1rem;margin-top:18px;align-self:flex-start;transition:background .2s} /* La carte */ #zp-header .zpe-mm-body.zpe-mm-carte{grid-template-columns:200px 1fr 300px;align-items:stretch} #zp-header .zpe-mm-body .zpe-mm-intro{padding-top:30px} #zp-header .zpe-mm-body .zpe-fams{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} #zp-header .zpe-mm-body .zpe-fam{display:flex;flex-direction:column;align-items:center;background:#F3EFE7;border-radius:10px;padding:8px 8px 22px;transition:transform .25s,box-shadow .25s} #zp-header .zpe-mm-body .zpe-fam:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px rgba(0,0,0,.3)} #zp-header .zpe-mm-body .zpe-fam-img{display:block;width:100%;flex:1 1 auto;min-height:170px;border-radius:7px;overflow:hidden} #zp-header .zpe-mm-body .zpe-fam-img img{width:100%;height:100%;object-fit:cover} #zp-header .zpe-mm-body .zpe-fam-ico{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-top:-27px;position:relative;box-shadow:0 6px 14px -6px rgba(0,0,0,.2)} #zp-header .zpe-mm-body .zpe-fam-ico.t-g{background:#E9F1EB;color:var(--green)} #zp-header .zpe-mm-body .zpe-fam-ico.t-w{background:#F6ECE1;color:#B06A35} #zp-header .zpe-mm-body .zpe-fam-ico svg{width:25px;height:25px} #zp-header .zpe-mm-body .zpe-fam-t{min-height:2.5em;display:flex;align-items:center;margin-top:12px;font-family:var(--serif);font-size:1.18rem;line-height:1.2;color:var(--ink);text-align:center} #zp-header .zpe-mm-body .zpe-cdc{background:#EEF3EE;border-radius:10px;padding:20px} #zp-header .zpe-mm-body .zpe-cdc-img{display:block;aspect-ratio:4/3;border-radius:8px;overflow:hidden;margin-bottom:14px} #zp-header .zpe-mm-body .zpe-cdc-img img{width:100%;height:100%;object-fit:cover} #zp-header .zpe-mm-body .zpe-cdc-t{font-family:var(--serif);font-size:1.4rem;color:var(--ink);margin-bottom:6px} #zp-header .zpe-mm-body .zpe-cdc-d{font-size:.86rem;line-height:1.55;color:#7a7a7a} #zp-header .zpe-mm-body .zpe-cdc-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px} #zp-header .zpe-mm-body .zpe-cdc-p{font-family:var(--serif);font-size:1.3rem;color:var(--ink);white-space:nowrap} #zp-header .zpe-mm-body .zpe-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#F5F2EB;border-top:1px solid #ECE6DA;padding:20px 44px} #zp-header .zpe-mm-body .zpe-strip-i{display:flex;align-items:center;gap:14px;padding:0 18px} #zp-header .zpe-mm-body .zpe-strip-i+.zpe-strip-i{border-left:1px solid #E2DBCD} #zp-header .zpe-mm-body .zpe-strip-i i{flex:none;width:46px;height:46px;border-radius:50%;background:#E9F1EB;color:var(--green);display:grid;place-items:center} #zp-header .zpe-mm-body .zpe-strip-i i svg{width:21px;height:21px} #zp-header .zpe-mm-body .zpe-strip-i span{font-size:.86rem;color:#888;line-height:1.4} #zp-header .zpe-mm-body .zpe-strip-i b{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:600;margin-bottom:2px} /* Sur mesure */ #zp-header .zpe-mm-body.zpe-mm-sm{grid-template-columns:1.6fr 1fr 1.15fr} #zp-header .zpe-mm-body .zpe-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px} #zp-header .zpe-mm-body .zpe-type{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s} #zp-header .zpe-mm-body .zpe-type:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(0,0,0,.28)} #zp-header .zpe-mm-body .zpe-type-img{display:block;aspect-ratio:4/5;overflow:hidden} #zp-header .zpe-mm-body .zpe-type-img img{width:100%;height:100%;object-fit:cover} #zp-header .zpe-mm-body .zpe-type-t{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 12px 13px;font-family:var(--serif);font-size:.95rem;color:var(--ink)} #zp-header .zpe-mm-body .zpe-type-t svg,#zp-header .zpe-mm-body .zpe-occ-i span svg{width:14px;height:14px;color:#888} #zp-header .zpe-mm-body .zpe-occ{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px} #zp-header .zpe-mm-body .zpe-occ-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:8px;padding:18px 10px;min-height:104px;transition:transform .25s} #zp-header .zpe-mm-body .zpe-occ-i:hover{transform:translateY(-2px)} #zp-header .zpe-mm-body .zpe-occ-i i{width:34px;height:34px;display:grid;place-items:center} #zp-header .zpe-mm-body .zpe-occ-i i svg{width:30px;height:30px} #zp-header .zpe-mm-body .zpe-occ-i span{display:inline-flex;align-items:center;gap:6px;font-family:var(--serif);font-size:.9rem;line-height:1.25;color:var(--ink)} #zp-header .zpe-mm-body .zpe-occ-i.c-rose{background:#FBEDEB}#zp-header .zpe-mm-body .zpe-occ-i.c-rose i{color:#C8665F} #zp-header .zpe-mm-body .zpe-occ-i.c-creme{background:#F7F0E3}#zp-header .zpe-mm-body .zpe-occ-i.c-creme i{color:#B88A3E} #zp-header .zpe-mm-body .zpe-occ-i.c-sauge{background:#EEF2EC}#zp-header .zpe-mm-body .zpe-occ-i.c-sauge i{color:var(--green)} #zp-header .zpe-mm-body .zpe-occ-i.c-bleu{background:#ECF0F6}#zp-header .zpe-mm-body .zpe-occ-i.c-bleu i{color:#4C6C98} /* Carte « grande photo » (Sur mesure / L'atelier) */ #zp-header .zpe-mm-body .zpe-feat{position:relative;display:block;border-radius:10px;overflow:hidden;min-height:330px;background:#EFE9DF} #zp-header .zpe-mm-body .zpe-feat-img{position:absolute;inset:0;display:block} #zp-header .zpe-mm-body .zpe-feat-img img{width:100%;height:100%;object-fit:cover} #zp-header .zpe-mm-body .zpe-feat-img .zpe-ph{align-items:flex-end;padding-right:24px} #zp-header .zpe-mm-body .zpe-feat-in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:330px;padding:28px 30px;max-width:72%;background:linear-gradient(90deg,rgba(251,249,244,.97) 55%,rgba(251,249,244,0))} #zp-header .zpe-mm-body .zpe-feat-t{display:block;font-family:var(--serif);font-size:1.75rem;line-height:1.15;color:var(--ink);margin-bottom:12px} #zp-header .zpe-mm-body .zpe-feat-x{display:block;font-size:.9rem;line-height:1.55;color:#6f6f6f} #zp-header .zpe-mm-body .zpe-feat:hover .zpe-btn-green{background:var(--green-d)} /* L'atelier */ #zp-header .zpe-mm-body.zpe-mm-at{grid-template-columns:1fr 1.2fr 1.25fr} #zp-header .zpe-mm-body .zpe-col-isa hr{border:0;border-top:1px solid #DED7C9;width:34px;margin:18px 0 10px} #zp-header .zpe-mm-body .zpe-links li a{display:flex;align-items:center;gap:14px;padding:11px 0;font-size:.98rem;color:var(--ink);transition:color .2s} #zp-header .zpe-mm-body .zpe-links li a:hover{color:var(--green)} #zp-header .zpe-mm-body .zpe-links i{width:28px;display:grid;place-items:center;color:var(--ink)} #zp-header .zpe-mm-body .zpe-links i svg{width:24px;height:24px} #zp-header .zpe-mm-body .zpe-links span{flex:1} #zp-header .zpe-mm-body .zpe-links a>svg{width:16px;height:16px;color:#999} #zp-header .zpe-mm-body .zpe-map-l{display:block;margin-top:6px} #zp-header .zpe-mm-body .zpe-map{width:100%;height:auto;display:block} #zp-header .zpe-mm-body .zpe-map .land{fill:#DCE7D4;stroke:#C5D6BB;stroke-width:1.5} #zp-header .zpe-mm-body .zpe-map .zone{fill:rgba(62,143,105,.16);stroke:rgba(62,143,105,.35);stroke-width:1} #zp-header .zpe-mm-body .zpe-map .dot{fill:#333} #zp-header .zpe-mm-body .zpe-map text{font-family:var(--serif);font-size:11.5px;fill:#333} #zp-header .zpe-mm-body .zpe-map text.main{font-size:14px;fill:#111} #zp-header .zpe-mm-body .zpe-map text.dep{font-size:15px;font-style:italic;letter-spacing:.12em;fill:#7C9277} #zp-header .zpe-mm-body .zpe-map .pin{fill:var(--green)} #zp-header .zpe-mm-body .zpe-map .pin-c{fill:#fff} #zp-header .zpe-mm-body .zpe-map-l:hover .land{fill:#D3E2CA} .scrim{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:9980;opacity:0;visibility:hidden;transition:.3s} .scrim.on{opacity:1;visibility:visible} /* ================= MENU MOBILE (tiroir) ================= */ #zp-drawer{position:fixed;inset:0;z-index:99990;background:#fff;transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column;visibility:hidden;font-family:var(--sans);color:var(--body)} #zp-drawer.on{transform:none;visibility:visible} #zp-drawer .d-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0d0d0d;flex:none} #zp-drawer .d-top img{height:46px!important;width:auto!important;max-width:none!important} #zp-drawer .d-close{width:44px;height:44px;display:grid;place-items:center;color:#fff} #zp-drawer .d-close svg{width:24px;height:24px} #zp-drawer .d-stage{position:relative;flex:1;overflow:hidden} #zp-drawer .d-panel{position:absolute;inset:0;overflow-y:auto;padding:14px 24px 30px;background:#fff;transform:translateX(100%);transition:transform .38s cubic-bezier(.7,0,.2,1)} #zp-drawer .d-panel.on{transform:none} #zp-drawer .d-panel.past{transform:translateX(-30%)} #zp-drawer .d-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--ink);text-align:left} #zp-drawer .d-row svg,#zp-drawer .d-sub svg{width:16px;height:16px;color:var(--green)} #zp-drawer .d-back{display:flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:600;padding:14px 0} #zp-drawer .d-back svg{width:14px;height:14px;transform:rotate(180deg)} #zp-drawer .d-title{font-family:var(--serif);font-size:1.9rem;color:var(--ink);margin:2px 0 8px} #zp-drawer .d-sub{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:1.02rem;color:var(--ink)} #zp-drawer .d-cta{margin-top:26px;display:grid;gap:10px} #zp-drawer .zpe-btn-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--ink);color:var(--ink);padding:12px 20px;border-radius:5px;font-family:var(--serif);font-weight:600} #zp-drawer .zpe-btn-line svg{width:17px;height:17px} #zp-drawer .d-foot{margin-top:24px;font-size:.84rem;display:grid;gap:4px} /* ================= PIED DE PAGE ================= */ .zpe-footer{background:#0d0d0d;color:#a9a9a9;padding:80px 0 40px;font-size:.9rem;font-family:var(--sans);line-height:1.8;position:relative} .zpe-footer .zpe-wrap{max-width:1240px;margin:0 auto;padding:0 28px} .zpe-footer .f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px} .zpe-footer .f-logo{height:56px!important;width:auto!important;max-width:none!important;margin-bottom:18px} .zpe-footer .f-h{font-family:var(--serif);font-weight:600;color:#fff;opacity:.55;font-size:1.05rem;margin-bottom:12px} .zpe-footer a{color:#fff;transition:color .2s} .zpe-footer a:hover{color:var(--sage)} .zpe-footer li{margin-bottom:4px} .zpe-footer .f-bot{border-top:1px solid #2a2a2a;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem} .zpe-footer .f-bot a{margin-left:18px} .zpe-footer .f-credit{position:absolute;right:28px;bottom:0;transform:translateY(45%) scale(.5);transform-origin:bottom right;z-index:2} .zpe-footer .f-credit a{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border-radius:12px;padding:11px 18px 13px;box-shadow:0 12px 26px -8px rgba(0,0,0,.4)} .zpe-footer .f-credit span{font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:#8d8d8d;font-weight:700;white-space:nowrap} .zpe-footer .f-credit img{width:92px;height:auto!important;margin:0!important} .zpe-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:9970;background:#0d0d0d} .zpe-mbar a{flex:1;display:flex;align-items:center;justify-content:center;padding:15px;font-family:var(--serif);font-weight:700;color:#fff;font-size:.95rem} .zpe-mbar a+a{background:var(--green)} /* ================= RESPONSIVE ================= */ @media (max-width:1320px){ #zp-header .zpe-mm-body{padding:32px 30px;gap:24px} #zp-header .zpe-mm-carte{grid-template-columns:170px 1fr 260px} #zp-header .zpe-fam-t{font-size:1.02rem} #zp-header .nav-item>a{padding:8px 11px;font-size:.86rem} #zp-header .zpe-tel span{display:none} } @media (max-width:1180px){ #zp-header .zpe-nav,#zp-header .zpe-tel,#zp-header .mega,.scrim{display:none!important} #zp-header .zpe-burger{display:grid} #zp-header .zpe-bar{justify-content:space-between;padding:0 18px;height:72px} #zp-header .zpe-logo img{height:50px!important} body.zpe-nohero{--zpe-hh:72px} .zpe-footer .f-grid{grid-template-columns:1fr 1fr} } @media (max-width:767px){ #zp-header .zpe-right .zpe-btn-book{display:none} .zpe-mbar{display:flex} body.zpe-on{padding-bottom:52px} .zpe-footer .f-grid{grid-template-columns:1fr;gap:30px} .zpe-footer .f-credit{position:static;transform:scale(.5);transform-origin:top center;display:flex;justify-content:center;margin-top:8px;margin-bottom:-30px} } /* ================= CARTES DE LA CARTE ([z_carte], [z_carte_onglets]) — reprises du staging 1 ================= */ html body .zp-carte{font-family:var(--sans);color:var(--body);font-weight:300;line-height:1.6} html body .zp-carte h3{font-family:var(--serif);font-weight:700;color:var(--ink);margin:0;line-height:1.2;letter-spacing:0;text-transform:none} html body .zp-carte p{margin:0} html body .zp-carte .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;border-radius:var(--r);font-family:var(--serif);font-weight:700;font-size:.98rem;letter-spacing:.01em;transition:.3s;white-space:nowrap;border:1.5px solid transparent;line-height:1.2} html body .zp-carte .btn svg{width:16px;height:16px;transition:transform .3s} html body .zp-carte .btn:hover svg{transform:translateX(3px)} html body .zp-carte .btn-dark{background:var(--ink);color:#fff} html body .zp-carte .btn-dark:hover{background:var(--green)} html body .zp-carte .btn-green{background:var(--green);color:#fff} html body .zp-carte .btn-green:hover{background:var(--ink)} html body .zp-carte .btn-sage{background:var(--sage);color:#fff} html body .zp-carte .btn-sage:hover{background:var(--green)} html body .zp-carte .btn-line{border-color:var(--ink);color:var(--ink)} html body .zp-carte .btn-line:hover{background:var(--ink);color:#fff} html body .zp-carte .btn-white{background:#fff;color:var(--ink)} html body .zp-carte .btn-white:hover{background:var(--sage);color:#fff} html body .zp-carte .btn-line-w{border-color:#fff;color:#fff} html body .zp-carte .btn-line-w:hover{background:#fff;color:var(--ink)} html body .zp-carte .btn-sm{padding:10px 20px;font-size:.88rem} html body .zp-carte .btn-row{display:flex;gap:14px;flex-wrap:wrap} html body .zp-carte .center .btn-row{justify-content:center} html body .zp-carte .tabs{display:flex;gap:6px 28px;justify-content:center;flex-wrap:wrap;margin:34px 0 46px} html body .zp-carte .tab{font-family:var(--sans);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:8px 0;color:var(--mute);border-bottom:2px solid transparent;transition:.25s} html body .zp-carte .tab:hover{color:var(--ink)} html body .zp-carte .tab.on{color:var(--ink);border-color:var(--ink)} html body .zp-carte .car{position:relative} html body .zp-carte .car-vp{overflow:hidden;padding:6px 0 10px;margin:-6px 0 -10px} html body .zp-carte .car-track{display:flex;gap:26px;will-change:transform;touch-action:pan-y;cursor:grab} html body .zp-carte .car-track.drag{cursor:grabbing} html body .zp-carte .car-track .card{flex:0 0 auto;user-select:none} html body .zp-carte .car-track img{-webkit-user-drag:none} html body .zp-carte .car-btn{position:absolute;top:31%;z-index:5;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);transition:.25s} html body .zp-carte .car-btn:hover{background:var(--ink);color:#fff} html body .zp-carte .car-btn svg{width:18px} html body .zp-carte .car-btn.prev{left:-24px} html body .zp-carte .car-btn.prev svg{transform:rotate(180deg)} html body .zp-carte .car-btn.next{right:-24px} html body .zp-carte .car.static .car-btn{display:none} html body .zp-carte .car.static .car-track{cursor:auto} html body .zp-carte .card{display:flex;flex-direction:column;background:#fff} html body .zp-carte .card-img{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden;border:1px solid var(--line)} html body .zp-carte .card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)} html body .zp-carte .card:hover .card-img img{transform:scale(1.07)} html body .zp-carte .badge{position:absolute;left:0;top:16px;background:var(--ink);color:#fff;font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px 7px 12px;z-index:2} html body .zp-carte .badge.off{background:#8b8b8b} html body .zp-carte .card-b{padding:20px 2px 0;display:flex;flex-direction:column;flex:1} html body .zp-carte .card-b h3{font-size:1.28rem} html body .zp-carte .card-b p{font-size:.86rem;margin:6px 0 14px;color:var(--mute);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1} html body .zp-carte .vchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px} html body .zp-carte .vchip{font-size:.74rem;font-weight:500;padding:6px 12px;border:1px solid #d5d5d5;color:var(--body);transition:.2s;border-radius:2px} html body .zp-carte .vchip:hover{border-color:var(--ink)} html body .zp-carte .vchip.on{background:var(--ink);color:#fff;border-color:var(--ink)} html body .zp-carte .card-f{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px} html body .zp-carte .price{font-family:var(--serif);font-weight:700;font-size:1.3rem;color:var(--ink)} html body .zp-carte .price small{font-family:var(--sans);font-weight:300;font-size:.72rem;color:var(--mute);margin-right:4px} html body .zp-carte .card.unavail .card-img img{opacity:.45;filter:grayscale(1)} html body .zp-carte .car-more{margin-top:44px;text-align:center} html body .zp-carte .price-table{width:100%;border-collapse:collapse;border:1px solid var(--line)} html body .zp-carte .price-table th, html body .zp-carte .price-table td{padding:14px 18px;text-align:left;font-size:.9rem;border-bottom:1px solid var(--line)} html body .zp-carte .price-table th{background:var(--ink);color:#fff;font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase} html body .zp-carte .car-btn{top:31%} html body .zp-carte .btn-dark, html body .zp-carte .btn-green, html body .zp-carte .btn-sage, html body .zp-carte .btn-dark:visited, html body .zp-carte .btn-sage:visited{color:#fff!important} html body .zp-carte .btn-line{color:var(--ink)!important} html body .zp-carte .btn-line:hover{color:#fff!important} html body .zp-carte .btn{text-decoration:none!important;height:auto!important} html body .zp-carte .tab, html body .zp-carte .badge{text-transform:uppercase} html body .zp-carte .bar-right .btn{line-height:1.2!important;padding:12px 22px!important} html body .zp-carte .vchips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px} html body .zp-carte .vchips .price{margin-left:auto;font-family:var(--serif);font-weight:700;font-size:1.3rem;color:var(--ink);line-height:1} html body .zp-carte .card-f{display:block;border-top:1px solid var(--line);padding-top:14px} html body .zp-carte .card-f .btn{width:100%;justify-content:center} @media (max-width:1180px){html body .zp-carte .bar-right .btn{display:none}html body .zp-carte .car-btn.prev{left:8px}html body .zp-carte .car-btn.next{right:8px}} @media (max-width:640px){html body .zp-carte .hero .btn-row{flex-direction:column;align-items:stretch;width:100%;max-width:300px}html body .zp-carte .car-track{gap:14px}html body .zp-carte .car-btn{display:none}html body .zp-carte .card-b h3{font-size:1.1rem}html body .zp-carte .card-b p{display:none}html body .zp-carte .card-f{flex-wrap:wrap}html body .zp-carte .price{font-size:1.1rem}html body .zp-carte .tabs{gap:6px 18px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-left:-20px;margin-right:-20px;padding:0 20px;scrollbar-width:none}html body .zp-carte .tab{white-space:nowrap}} html body .zp-carte .btn-sage{color:#111!important} html body .zp-carte .btn-sage:hover{color:#fff!important} html body .zp-carte .vchip{background:transparent!important;color:#5C5C5C!important;border:1px solid #d5d5d5!important;border-radius:2px!important;font-family:'Inter',sans-serif!important;font-size:.74rem!important;font-weight:500!important;text-transform:none!important;padding:6px 12px!important;box-shadow:none!important} html body .zp-carte .vchip:hover{border-color:#111!important} html body .zp-carte .vchip.on{background:#111!important;color:#fff!important;border-color:#111!important} html body .zp-carte .card-b p{font-family:'Inter',sans-serif;font-size:.9rem;color:#5C5C5C} html body .zp-carte .btn-sage{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important} html body .zp-carte .btn-sage:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}/* méga-menu : neutralise l'interlignage hérité du thème (titres / boutons) */ #zp-header .zpe-type-t{line-height:1.25;font-size:.92rem;padding:12px 10px 13px} #zp-header .zpe-btn-green,#zp-header .zpe-btn-dark,#zp-header .zpe-btn-soft{line-height:1.2;white-space:nowrap} #zp-header .zpe-occ-i{line-height:1.25} /* liens du pied de page / barre mobile : passent devant la couleur de lien du kit Elementor */ html body .zpe-footer a{color:#fff} html body .zpe-footer a:hover{color:var(--sage)} html body .zpe-mbar a{text-decoration:none} html body .zpe-footer .f-credit a{color:#111} html body .zpe-mbar a{color:#fff} /* badge « Site réalisé par » : reste dans le pied de page (plus de bande blanche dessous) */ @media (min-width:768px){.zpe-footer{padding-bottom:72px}.zpe-footer .f-credit{bottom:12px;transform:scale(.5)}} /* ===== Accueil : bloc « Un gâteau qui vous ressemble » (étapes, repris du staging 1) ===== */ html body .zpe-etapes{--ink:#111;--line:#e4e4e4;--green:#3E8F69;--green-d:#2F7A56;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; background:#fff;padding:110px 24px;font-family:var(--sans);color:#5c5c5c;box-sizing:border-box;width:100%} html body .zpe-etapes *{box-sizing:border-box} html body .zpe-etapes .zpe-et-in{max-width:1180px;margin:0 auto} html body .zpe-etapes .zpe-et-head{text-align:center} html body .zpe-etapes .zpe-et-eb{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--ink)} html body .zpe-etapes h2{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;color:var(--ink);margin:16px 0 22px;padding:0;letter-spacing:0;text-transform:none} html body .zpe-etapes .zpe-et-lead{font-size:1.05rem;line-height:1.7;max-width:920px;margin:0 auto;color:#5c5c5c} html body .zpe-etapes .zpe-et-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;position:relative} html body .zpe-etapes .zpe-et-line{position:absolute;left:0;top:10px;height:2px;width:100%;overflow:hidden;background:var(--line);pointer-events:none} html body .zpe-etapes .zpe-et-line i{position:absolute;inset:0;background:var(--ink);transform-origin:left center;transform:scaleX(0);transition:transform 1.3s cubic-bezier(.2,.7,.2,1) .15s} html body .zpe-etapes .zpe-et-steps.in .zpe-et-line i{transform:scaleX(1)} html body .zpe-etapes .zpe-et-step{position:relative;border-left:1px solid #ececec;padding:0 28px 6px 36px} html body .zpe-etapes .zpe-et-step:before{content:"";display:block;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:#fff;margin-bottom:28px;position:relative;z-index:1;transition:background-color .5s,border-color .5s,transform .5s} html body .zpe-etapes .zpe-et-steps.in .zpe-et-step:before{background:var(--ink);border-color:var(--ink);transform:scale(1.05)} html body .zpe-etapes .zpe-et-step:nth-child(3):before{transition-delay:.15s} html body .zpe-etapes .zpe-et-step:nth-child(4):before{transition-delay:.3s} html body .zpe-etapes .zpe-et-step:nth-child(5):before{transition-delay:.45s} html body .zpe-etapes .zpe-et-step h3{font-family:var(--serif);font-weight:700;font-size:1.15rem;line-height:1.3;color:var(--ink);margin:0 0 8px;padding:0;text-transform:none;letter-spacing:0} html body .zpe-etapes .zpe-et-step p{font-size:.92rem;line-height:1.85;margin:0;color:#6a6a6a} html body .zpe-etapes .zpe-et-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:60px} html body .zpe-etapes .zpe-et-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 36px;border-radius:4px;font-family:var(--serif);font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;color:#fff;transition:background .2s} html body .zpe-etapes .zpe-et-btn.dark{background:var(--ink)} html body .zpe-etapes .zpe-et-btn.dark:hover{background:#333;color:#fff} html body .zpe-etapes .zpe-et-btn.green{background:var(--green)} html body .zpe-etapes .zpe-et-btn.green:hover{background:var(--green-d);color:#fff} @media (prefers-reduced-motion:reduce){html body .zpe-etapes .zpe-et-line i{transform:none;transition:none}} @media (max-width:900px){html body .zpe-etapes{padding:80px 20px}html body .zpe-etapes .zpe-et-steps{grid-template-columns:1fr 1fr;gap:40px 0}html body .zpe-etapes .zpe-et-line{display:none}html body .zpe-etapes .zpe-et-step:nth-child(4){border-left:0}} @media (max-width:600px){html body .zpe-etapes .zpe-et-steps{grid-template-columns:1fr;gap:0;margin-top:48px}html body .zpe-etapes .zpe-et-step,html body .zpe-etapes .zpe-et-step:nth-child(4){border-left:0;padding:24px 0;border-top:1px solid #ececec}html body .zpe-etapes .zpe-et-step:nth-child(2){border-top:0}html body .zpe-etapes .zpe-et-step:before{margin-bottom:16px}} html body .zpe-etapes .zpe-et-num{display:block;font-family:var(--serif);font-weight:700;font-size:.95rem;letter-spacing:.08em;color:var(--green);margin:0 0 6px} html body .zpe-etapes .zpe-et-head + .zpe-et-steps{margin-top:64px} /* ===== Avis Google au-dessus du pied de page (repris du staging 1) ===== */ html body .zpe-avis{--ink:#111;--body:#5c5c5c;--mute:#8b8b8b;--line:#e9e9e9;--green:#3E8F69;--sage-l:#e3f1e9;--tint:#f2f8f4;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--tint);padding:clamp(64px,9vw,120px) 0;font-family:var(--sans);color:var(--body)} html body .zpe-avis *{box-sizing:border-box} html body .zpe-avis .zpe-av-wrap{max-width:1240px;margin:0 auto;padding:0 28px;width:100%} html body .zpe-avis .zpe-av-eb{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--ink)} html body .zpe-avis h2{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;color:var(--ink);margin:14px 0 0;padding:0;text-transform:none;letter-spacing:0} html body .zpe-avis .rating{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);padding:14px 26px;background:#fff;font-size:.9rem} html body .zpe-avis .rating b{font-family:var(--serif);font-size:1.7rem;color:var(--ink)} html body .zpe-avis .zp-avis-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px} html body .zpe-avis .rating{display:inline-flex} html body .zpe-avis .wp-gr{font-family:var(--sans)!important} html body .zpe-avis .wp-gr .grw-header{display:none} html body .zpe-avis .wp-gr .grw-review-inner,html body .zpe-avis .wp-gr .grw-review .grw-review-inner{background:#fff!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:26px!important;height:100%} html body .zpe-avis .wp-gr .wp-google-name,html body .zpe-avis .wp-gr .wp-google-name a{font-family:var(--serif)!important;font-weight:700!important;color:var(--ink)!important;font-size:1.02rem!important} html body .zpe-avis .wp-gr .wp-google-time{color:var(--mute)!important;font-size:.76rem!important} html body .zpe-avis .wp-gr .wp-google-text,html body .zpe-avis .wp-gr .wp-more-toggle,html body .zpe-avis .wp-gr .wp-google-feedback{font-weight:300!important;color:var(--body)!important;font-size:.92rem!important;line-height:1.7!important} html body .zpe-avis .wp-gr .wp-more-toggle{color:var(--green)!important;font-weight:500!important} html body .zpe-avis .wp-gr .wp-google-stars svg,html body .zpe-avis .wp-gr .wp-google-stars .rpi-star{fill:#e0a800} html body .zpe-avis .wp-gr .rpi-dots .rpi-dot,html body .zpe-avis .wp-gr .grw-dot{background:#c9c9c9!important} html body .zpe-avis .wp-gr .rpi-dots .active,html body .zpe-avis .wp-gr .grw-dot.active{background:var(--ink)!important} html body .zpe-avis .wp-gr .rpi-arr,html body .zpe-avis .wp-gr .grw-prev,html body .zpe-avis .wp-gr .grw-next{background:#fff!important;color:var(--ink)!important;box-shadow:0 10px 30px -8px rgba(0,0,0,.3)!important;border-radius:50%!important} html body .zpe-avis .zp-avis-head .rating{background:transparent!important;border:0!important;padding:0!important;gap:14px;align-items:baseline;flex-wrap:wrap} html body .zpe-avis .zp-avis-head .rating b{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--ink);font-weight:700} html body .zpe-avis .zp-avis-head .rating .stars{color:var(--green);letter-spacing:.12em;font-size:1.05rem} html body .zpe-avis .zp-avis-head .rating span:last-child{font-size:.82rem;letter-spacing:.06em;color:var(--mute);text-transform:uppercase} html body .zpe-avis .wp-gr .rpi-slide{display:flex!important;height:auto} html body .zpe-avis .wp-gr .grw-review-inner{border:0!important;border-top:3px solid var(--green)!important;padding:30px 28px 26px!important;box-shadow:0 18px 40px -26px rgba(0,0,0,.28)!important;position:relative;transition:transform .35s,box-shadow .35s;width:100%} html body .zpe-avis .wp-gr .grw-review-inner:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(0,0,0,.35)!important} html body .zpe-avis .wp-gr .grw-review-inner:before{content:"\201C";position:absolute;right:22px;top:6px;font-family:var(--serif);font-size:5rem;line-height:1;color:var(--sage-l);pointer-events:none} html body .zpe-avis .wp-gr .grw-img,html body .zpe-avis .wp-gr .grw-img-wrap img{border-radius:50%!important;width:46px!important;height:46px!important;object-fit:cover} html body .zpe-avis .wp-gr .rpi-stars,html body .zpe-avis .wp-gr .rpi-stars svg,html body .zpe-avis .wp-gr .rpi-stars path,html body .zpe-avis .wp-gr .rpi-star{color:var(--green)!important;fill:var(--green)!important;margin:10px 0 8px!important} html body .zpe-avis .wp-gr .grw-scroll,html body .zpe-avis .wp-gr .wp-google-feedback{max-height:none!important;overflow:visible!important} html body .zpe-avis .wp-gr .wp-google-text{display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} html body .zpe-avis .wp-gr .grw-review-inner svg[class*=google],html body .zpe-avis .wp-gr .grw-review-inner>svg{opacity:.9} html body .zpe-avis .wp-gr .rpi-dots{margin-top:26px!important} html body .zpe-avis .wp-gr .rpi-dot{width:8px!important;height:8px!important;border-radius:50%!important;transition:.3s} html body .zpe-avis .wp-gr .rpi-dot.active{width:26px!important;border-radius:6px!important;background:var(--green)!important} html body .zpe-avis .wp-gr,html body .zpe-avis .wp-gr .rpi-stars{--rpi-star-color:#3E8F69!important} html body .zpe-avis .wp-gr .rpi-stars:before,html body .zpe-avis .wp-gr .rpi-stars:after{background-color:#3E8F69!important} html body .zpe-etapes .zpe-et-lead{margin-top:18px}html body .zpe-etapes .zpe-et-lead + .zpe-et-lead{margin-top:10px}html body .zpe-etapes .zpe-et-step p + p{margin-top:10px} /* ===== « Pourquoi choisir Z Pâtisserie ? » (mise en forme du staging 1) ===== */ html body .zpe-pq{--ink:#111;--sage:#84C09C;--line:#e4e4e1;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; background:#f6f6f4;padding:clamp(64px,9vw,120px) 24px;font-family:var(--sans);color:#6a6a6a;width:100%;box-sizing:border-box} html body .zpe-pq *{box-sizing:border-box} html body .zpe-pq .zpe-pq-in{max-width:1180px;margin:0 auto} html body .zpe-pq .zpe-pq-head{text-align:center} html body .zpe-pq h2{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;color:var(--ink);margin:0;padding:0;text-transform:none;letter-spacing:0} html body .zpe-pq .zpe-pq-lead{font-size:1.05rem;line-height:1.7;max-width:920px;margin:18px auto 0;color:#5c5c5c} html body .zpe-pq .zpe-pq-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px} html body .zpe-pq .zpe-pq-grid.zpe-pq-n4{grid-template-columns:repeat(4,1fr)} html body .zpe-pq .zpe-pq-grid.zpe-pq-n2{grid-template-columns:repeat(2,1fr)} html body .zpe-pq .zpe-pq-item{padding:0 36px 6px;border-left:1px solid var(--line)} html body .zpe-pq .zpe-pq-item:first-child{border-left:0;padding-left:0} html body .zpe-pq .zpe-pq-item:last-child{padding-right:0} html body .zpe-pq .zpe-pq-num{display:block;font-family:var(--serif);font-weight:500;font-size:2.6rem;line-height:1;color:var(--sage);margin:0 0 12px} html body .zpe-pq h3{font-family:var(--serif);font-weight:700;font-size:1.25rem;line-height:1.3;color:var(--ink);margin:0 0 10px;padding:0;text-transform:none;letter-spacing:0} html body .zpe-pq .zpe-pq-item p{font-size:.95rem;line-height:1.85;margin:0;color:#6a6a6a} html body .zpe-pq .zpe-pq-item p + p{margin-top:10px} html body .zpe-pq strong,html body .zpe-pq b{color:#333;font-weight:500} @media (max-width:1000px){html body .zpe-pq .zpe-pq-grid.zpe-pq-n4{grid-template-columns:repeat(2,1fr);gap:40px 0}html body .zpe-pq .zpe-pq-n4 .zpe-pq-item:nth-child(3){border-left:0;padding-left:0}} @media (max-width:767px){html body .zpe-pq .zpe-pq-grid,html body .zpe-pq .zpe-pq-grid.zpe-pq-n4,html body .zpe-pq .zpe-pq-grid.zpe-pq-n2{grid-template-columns:1fr;gap:0;margin-top:44px}html body .zpe-pq .zpe-pq-item,html body .zpe-pq .zpe-pq-n4 .zpe-pq-item:nth-child(3){border-left:0;padding:26px 0;border-top:1px solid var(--line)}html body .zpe-pq .zpe-pq-item:first-child{border-top:0;padding-top:0}} /* pied de page : espacements alignés sur le staging 1 */ html body .zpe-footer{line-height:28px} html body .zpe-footer .f-h{line-height:1.15;margin-bottom:16px} html body .zpe-footer li{margin-bottom:9px} @media (min-width:768px){html body .zpe-footer{padding-bottom:110px}html body .zpe-footer .f-credit{bottom:16px}} html body #zp-header .nav-item.open:before,html body #zp-header .nav-item:before{display:none!important;content:none!important} /* ===== Menu mobile : repris du site live (panneau à droite) ===== */ html body #zp-drawer.zl-drawer{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.45);transform:none;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;display:block;font-family:'Roboto','Inter',sans-serif} html body #zp-drawer.zl-drawer.on{visibility:visible;opacity:1} html body #zp-drawer .zl-panel{position:absolute;top:0;right:0;bottom:0;width:min(335px,86vw);background:#fff;border-radius:18px 0 0 18px;box-shadow:-12px 0 40px rgba(0,0,0,.18);overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column} html body #zp-drawer.on .zl-panel{transform:none} html body #zp-drawer .zl-top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 18px;border-bottom:1px solid #eaeedf} html body #zp-drawer .zl-logo img{width:142px!important;height:auto!important;max-width:none!important} html body #zp-drawer .zl-close{width:22px;height:22px;display:grid;place-items:center;color:#111} html body #zp-drawer .zl-close svg{width:18px;height:22px;fill:currentColor} html body #zp-drawer .zl-item{position:relative;display:flex;align-items:center;min-height:56px;padding:0 30px 0 18px;border-bottom:1px solid #eaeedf;color:#2b2a26} html body #zp-drawer .zl-item:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#cbd5df;font-size:20px;line-height:1} html body #zp-drawer .zl-ico{width:23px;height:23px;display:grid;place-items:center;flex:none} html body #zp-drawer .zl-ico svg{width:23px;height:23px;fill:#4E6440} html body #zp-drawer .zl-t{flex:1;text-align:center;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:15px;color:#2b2a26} html body #zp-drawer .zl-cta{padding:14px 16px 24px;display:grid;gap:14px} html body #zp-drawer .zl-book{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:#4E6440;color:#fff;border-radius:12px;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:16px} html body #zp-drawer .zl-book svg{width:15px;height:16px;fill:#fff} html body #zp-drawer .zl-tel{display:flex;align-items:center;gap:12px;background:#f6f1e6;border-radius:14px;padding:14px 16px;min-height:76px} html body #zp-drawer .zl-tel-ico svg{width:20px;height:20px;fill:#4E6440} html body #zp-drawer .zl-tel-in{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center} html body #zp-drawer .zl-tel-in small{font-size:12px;font-weight:300;color:#7a7a6e} html body #zp-drawer .zl-tel-in b{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:700;color:#4E6440;margin-top:4px} /* ===== Formulaires MetForm : mise en forme du formulaire de contact du staging 1 ===== */ html body .metform-form-content .mf-input,html body .metform-form-content input.mf-input,html body .metform-form-content textarea.mf-input,html body .metform-form-content select.mf-input{background:#fff!important;border:1px solid #e1e1e1!important;border-radius:4px!important;color:#111!important;font-family:'Inter',system-ui,sans-serif!important;font-size:.95rem!important;font-weight:300!important;padding:14px 18px!important;box-shadow:none!important;min-height:52px;transition:border-color .2s} html body .metform-form-content textarea.mf-input{min-height:150px;line-height:1.6!important} html body .metform-form-content .mf-input:focus{border-color:#111!important;outline:0!important} html body .metform-form-content .mf-input::placeholder{color:#8b8b8b!important;font-family:'Inter',system-ui,sans-serif!important;font-weight:300!important;opacity:1} html body .metform-form-content .mf-input-label,html body .metform-form-content label.mf-input-label{font-family:'Inter',system-ui,sans-serif!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#111!important} html body .metform-form-content .metform-btn,html body .metform-form-content button[type=submit]{display:inline-flex!important;align-items:center;gap:12px;background:#3E8F69!important;color:#fff!important;border:0!important;border-radius:4px!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:1.05rem!important;letter-spacing:.01em!important;text-transform:none!important;padding:16px 34px!important;box-shadow:none!important;transition:background .2s} html body .metform-form-content .metform-btn:after{content:"→";font-family:'Inter',sans-serif;font-weight:400} html body .metform-form-content .metform-btn:hover,html body .metform-form-content button[type=submit]:hover{background:#111!important;color:#fff!important} /* coup de cœur = visuel du pop-up (affiche entière, sans recadrage) */ #zp-header .zpe-cdc-pop .zpe-cdc-img{aspect-ratio:auto;max-height:340px;background:#fff} #zp-header .zpe-cdc-pop .zpe-cdc-img img{height:auto;max-height:340px;object-fit:contain} #zp-header .zpe-cdc-pop .zpe-cdc-d{font-family:var(--serif);font-size:1rem;color:#5c5c5c} #zp-header .zpe-cdc-pop .zpe-cdc-f{justify-content:flex-start} /* MetForm : alignement exact sur les valeurs mesurées du formulaire du staging 1 */ html body .metform-form-content .mf-input,html body .metform-form-content input.mf-input,html body .metform-form-content textarea.mf-input,html body .metform-form-content select.mf-input{border:1px solid #d5d5d5!important;border-radius:2px!important;padding:13px 14px!important;font-size:.95rem!important;line-height:28px!important;min-height:56px} html body .metform-form-content textarea.mf-input{min-height:140px;height:140px} html body .metform-form-content .mf-input::placeholder{color:#757575!important;font-size:.95rem!important} html body .metform-form-content .metform-btn,html body .metform-form-content button[type=submit]{width:auto!important;padding:14px 30px!important;font-size:.98rem!important;line-height:1.2!important;border:1px solid transparent!important} html body .metform-form-content .mf-btn-wraper,html body .metform-form-content .metform-submit-btn-wrapper{text-align:left} /* Formulaire de réservation (MetForm 292) : disposition du staging 1 — Prénom & Nom + Téléphone côte à côte, intitulés au-dessus */ html body .metform-form-content .elementor-element-6642d867 > .elementor-widget-wrap,html body .metform-form-content .elementor-element-6642d867 > .elementor-column-wrap > .elementor-widget-wrap{display:grid!important;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:0;align-items:start} html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element{grid-column:1/-1;width:100%!important;margin-bottom:22px!important} html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-4594ed4e,html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-5c86a334{grid-column:auto} html body .metform-form-content .mf-input-label{display:block;margin:0 0 10px!important;line-height:1.2!important;font-size:.7rem!important;letter-spacing:.14em!important} html body .metform-form-content .mf-input-required-indicator{display:none!important} @media (max-width:640px){html body .metform-form-content .elementor-element-6642d867 > .elementor-widget-wrap,html body .metform-form-content .elementor-element-6642d867 > .elementor-column-wrap > .elementor-widget-wrap{grid-template-columns:1fr}html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-4594ed4e,html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-5c86a334{grid-column:1/-1}} /* pied de page : comme le staging 1 — bande blanche sous le pied de page, badge « Site réalisé par » à cheval dessus */ @media (min-width:768px){html body .zpe-footer{padding-bottom:40px}html body .zpe-footer .f-credit{bottom:0;transform:translateY(45%) scale(.5)}} /* Prénom & Nom / Téléphone côte à côte seulement si le formulaire est assez large (sinon l'un sous l'autre) */ html body .metform-form-content{container-type:inline-size} html body .metform-form-content .elementor-element-6642d867 > .elementor-widget-wrap,html body .metform-form-content .elementor-element-6642d867 > .elementor-column-wrap > .elementor-widget-wrap{grid-template-columns:1fr} html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-4594ed4e,html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-5c86a334{grid-column:1/-1} @container (min-width:520px){html body .metform-form-content .elementor-element-6642d867 > .elementor-widget-wrap,html body .metform-form-content .elementor-element-6642d867 > .elementor-column-wrap > .elementor-widget-wrap{grid-template-columns:1fr 1fr}html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-4594ed4e,html body .metform-form-content .elementor-element-6642d867 .elementor-widget-wrap > .elementor-element-5c86a334{grid-column:auto}} /* ===================================================================== MÉGA-MENUS ÉDITABLES (ElementsKit + Elementor) — classes posées dans Elementor ===================================================================== */ html body .zpe-mm{--ink:#111;--body:#5c5c5c;--green:#3E8F69;--green-d:#2F7A56;--cream:#FBF9F4;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-family:var(--sans);color:var(--body);text-align:left} html body .zpe-mm,html body .zpe-mm .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--min-height:0;--width:auto;padding:0;margin:0;min-width:0} html body .zpe-mm *{box-sizing:border-box} html body .zpe-mm a{text-decoration:none!important} html body .zpe-mm .elementor-widget{margin:0!important;width:auto;max-width:100%} html body .zpe-mm .elementor-widget-container{margin:0;padding:0} html body .zpe-mm p{margin:0} /* racine : grille + marges du panneau ; hors en-tête (aperçu Elementor) on voit le même panneau */ html body .zpe-mm.e-con{display:grid!important;gap:30px;padding:38px 44px!important;background:var(--cream);max-width:1320px;margin:0 auto!important;width:100%} html body #zp-header .zpe-panel .zpe-mm.e-con{background:transparent;max-width:none} html body .zpe-mm .e-con:not(.zpe-mm){display:flex;flex-direction:column;flex-wrap:nowrap} /* textes */ html body .zpe-mm .zpe-eb .elementor-heading-title,html body .zpe-mm .zpe-eb{font-family:var(--sans)!important;font-size:.7rem!important;letter-spacing:.24em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--green)!important;line-height:1.3!important} html body .zpe-mm .zpe-eb{margin-bottom:12px!important} html body .zpe-mm .zpe-mm-h .elementor-heading-title{font-family:var(--serif)!important;font-weight:500!important;color:var(--ink)!important;font-size:2rem!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important} html body .zpe-mm .zpe-mm-h{margin-bottom:10px!important} html body .zpe-mm .zpe-mm-h-s .elementor-heading-title{font-size:1.45rem!important} html body .zpe-mm .zpe-mm-s,html body .zpe-mm .zpe-mm-s p{font-size:.92rem!important;color:#777!important;line-height:1.55!important;font-family:var(--sans)!important;font-weight:400!important} html body .zpe-mm .zpe-col+.zpe-col{border-left:1px solid #E6E0D4;padding-left:30px!important} /* images (photo « à venir » à remplacer dans Elementor) */ html body .zpe-mm .elementor-widget-image img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0} html body .zpe-mm .elementor-widget-image .elementor-widget-container,html body .zpe-mm .elementor-widget-image a{height:100%;display:block} /* boutons */ html body .zpe-mm .elementor-button-content-wrapper{display:inline-flex!important;align-items:center;gap:10px;flex-direction:row-reverse!important} html body .zpe-mm .elementor-button-icon svg{width:14px;height:14px;fill:currentColor} html body .zpe-mm .zpe-btn-soft .elementor-button{display:inline-flex;margin-top:22px;padding:12px 20px!important;background:#E9F1EB!important;color:var(--ink)!important;border-radius:6px!important;font-family:var(--sans)!important;font-size:.92rem!important;font-weight:500!important;line-height:1.2!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-mm .zpe-btn-soft .elementor-button:hover{background:#DCEADF!important} html body .zpe-mm .zpe-btn-soft .elementor-button-icon svg{fill:var(--ink)} html body .zpe-mm .zpe-btn-green .elementor-heading-title{display:inline-flex;align-items:center;gap:12px;background:var(--green);color:#fff!important;padding:13px 22px;border-radius:6px;font-family:var(--serif)!important;font-weight:500!important;font-size:1rem!important;line-height:1.2!important;transition:background .2s} html body .zpe-mm .zpe-btn-green{margin-top:18px!important;align-self:flex-start} html body .zpe-mm .zpe-btn-green .elementor-heading-title:after{content:"→";font-family:var(--sans)} html body .zpe-mm .zpe-feat:hover .zpe-btn-green .elementor-heading-title{background:var(--green-d)} /* ---- La carte ---- */ html body .zpe-mm-carte.e-con{grid-template-columns:200px 1fr 300px;align-items:stretch} html body .zpe-mm .zpe-mm-intro{padding-top:30px!important} html body .zpe-mm .zpe-fams.e-con{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px} html body .zpe-mm .zpe-fam.e-con{display:flex!important;flex-direction:column;align-items:center;background:#F3EFE7;border-radius:10px;padding:8px 8px 22px!important;transition:transform .25s,box-shadow .25s;color:var(--ink)} html body .zpe-mm .zpe-fam.e-con:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px rgba(0,0,0,.3)} html body .zpe-mm .zpe-fam-img{width:100%!important;flex:1 1 auto;min-height:170px;border-radius:7px;overflow:hidden} html body .zpe-mm .zpe-fam-ico{width:54px!important;height:54px;border-radius:50%;margin-top:-27px!important;position:relative;z-index:1;box-shadow:0 6px 14px -6px rgba(0,0,0,.2);display:grid!important;place-items:center} html body .zpe-mm .zpe-fam-ico .elementor-icon-wrapper{line-height:0} html body .zpe-mm .zpe-fam-ico .elementor-icon{font-size:22px!important;color:inherit!important} html body .zpe-mm .zpe-fam-ico svg{width:22px!important;height:22px!important;fill:currentColor!important} html body .zpe-mm .zpe-fam-ico.t-g{background:#E9F1EB;color:var(--green)} html body .zpe-mm .zpe-fam-ico.t-w{background:#F6ECE1;color:#B06A35} html body .zpe-mm .zpe-fam-t{margin-top:12px!important;min-height:2.5em;display:flex;align-items:center;justify-content:center} html body .zpe-mm .zpe-fam-t .elementor-heading-title{font-family:var(--serif)!important;font-size:1.18rem!important;line-height:1.2!important;color:var(--ink)!important;text-align:center;font-weight:500!important} html body .zpe-mm .zpe-cdc{background:#EEF3EE;border-radius:10px;padding:20px;height:100%} html body .zpe-mm .zpe-cdc a{display:block} html body .zpe-mm .zpe-cdc-img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;margin-bottom:14px} html body .zpe-mm .zpe-cdc-img img{width:100%;height:100%;object-fit:cover;display:block} html body .zpe-mm .zpe-cdc-pop .zpe-cdc-img{aspect-ratio:auto;max-height:340px;background:#fff} html body .zpe-mm .zpe-cdc-pop .zpe-cdc-img img{height:auto;max-height:340px;object-fit:contain} html body .zpe-mm .zpe-cdc .zpe-eb{display:block;margin-bottom:12px} html body .zpe-mm .zpe-cdc-t{font-family:var(--serif);font-size:1.4rem;color:var(--ink);margin-bottom:6px!important;line-height:1.25} html body .zpe-mm .zpe-cdc-d{font-size:.86rem;line-height:1.55;color:#7a7a7a} html body .zpe-mm .zpe-cdc-pop .zpe-cdc-d{font-family:var(--serif);font-size:1rem;color:#5c5c5c} html body .zpe-mm .zpe-cdc-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px} html body .zpe-mm .zpe-cdc-pop .zpe-cdc-f{justify-content:flex-start} html body .zpe-mm .zpe-cdc-p{font-family:var(--serif);font-size:1.3rem;color:var(--ink);white-space:nowrap} html body .zpe-mm .zpe-btn-dark{display:inline-flex!important;align-items:center;gap:10px;background:#111;color:#fff!important;padding:13px 22px;border-radius:6px;font-family:var(--serif);font-weight:500;font-size:.98rem;transition:background .2s} html body .zpe-mm .zpe-btn-dark:hover{background:var(--green)} html body .zpe-mm .zpe-btn-dark svg{width:16px;height:16px} /* ---- Sur mesure ---- */ html body .zpe-mm-sm.e-con{grid-template-columns:1.6fr 1fr 1.15fr} html body .zpe-mm .zpe-types.e-con{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px!important} html body .zpe-mm .zpe-type.e-con{display:flex!important;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s} html body .zpe-mm .zpe-type.e-con:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(0,0,0,.28)} html body .zpe-mm .zpe-type-img{aspect-ratio:4/5;overflow:hidden;width:100%!important} html body .zpe-mm .zpe-type-t{padding:12px 12px 13px!important} html body .zpe-mm .zpe-type-t .elementor-heading-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-family:var(--serif)!important;font-size:.95rem!important;color:var(--ink)!important;line-height:1.25!important;font-weight:500!important} html body .zpe-mm .zpe-type-t .elementor-heading-title:after,html body .zpe-mm .zpe-occ-t .elementor-heading-title:after{content:"›";color:#888;font-family:var(--sans);font-size:1.1rem;line-height:1} html body .zpe-mm .zpe-occ.e-con{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px!important} html body .zpe-mm .zpe-occ-i.e-con{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:8px;padding:18px 10px!important;min-height:104px;transition:transform .25s} html body .zpe-mm .zpe-occ-i.e-con:hover{transform:translateY(-2px)} html body .zpe-mm .zpe-occ-ico .elementor-icon-wrapper{line-height:0} html body .zpe-mm .zpe-occ-ico svg{width:28px!important;height:28px!important;fill:currentColor!important} html body .zpe-mm .zpe-occ-ico .elementor-icon{font-size:28px!important;color:inherit!important} html body .zpe-mm .zpe-occ-t .elementor-heading-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--serif)!important;font-size:.9rem!important;line-height:1.25!important;color:var(--ink)!important;font-weight:500!important} html body .zpe-mm .zpe-occ-i.c-rose{background:#FBEDEB;color:#C8665F} html body .zpe-mm .zpe-occ-i.c-creme{background:#F7F0E3;color:#B88A3E} html body .zpe-mm .zpe-occ-i.c-sauge{background:#EEF2EC;color:var(--green)} html body .zpe-mm .zpe-occ-i.c-bleu{background:#ECF0F6;color:#4C6C98} /* ---- Carte « grande photo » ---- */ html body .zpe-mm .zpe-feat.e-con{position:relative;display:block!important;border-radius:10px;overflow:hidden;min-height:330px;background:#EFE9DF} html body .zpe-mm .zpe-feat-img{position:absolute!important;inset:0;width:100%!important;height:100%} html body .zpe-mm .zpe-feat-in.e-con{position:relative;z-index:1;justify-content:center;height:100%;min-height:330px;padding:28px 30px!important;max-width:72%;background:linear-gradient(90deg,rgba(251,249,244,.97) 55%,rgba(251,249,244,0))} html body .zpe-mm .zpe-feat-t .elementor-heading-title{font-family:var(--serif)!important;font-size:1.75rem!important;line-height:1.15!important;color:var(--ink)!important;font-weight:500!important} html body .zpe-mm .zpe-feat-t{margin-bottom:12px!important} html body .zpe-mm .zpe-feat-x .elementor-heading-title{font-family:var(--sans)!important;font-size:.9rem!important;line-height:1.55!important;color:#6f6f6f!important;font-weight:400!important} /* ---- L'atelier ---- */ html body .zpe-mm-at.e-con{grid-template-columns:1fr 1.2fr 1.25fr} html body .zpe-mm .zpe-hr{margin:18px 0 10px!important;width:34px!important} html body .zpe-mm .zpe-hr .elementor-divider{padding:0!important} html body .zpe-mm .zpe-hr .elementor-divider-separator{border-top:1px solid #DED7C9!important;width:34px!important} html body .zpe-mm .zpe-links .elementor-icon-list-items{list-style:none;margin:0;padding:0} html body .zpe-mm .zpe-links .elementor-icon-list-item{margin:0!important;padding:0!important} html body .zpe-mm .zpe-links .elementor-icon-list-item>a{display:flex!important;align-items:center;gap:14px;padding:11px 0;color:var(--ink)!important;transition:color .2s} html body .zpe-mm .zpe-links .elementor-icon-list-item>a:after{content:"›";margin-left:auto;color:#999;font-size:1.2rem;line-height:1} html body .zpe-mm .zpe-links .elementor-icon-list-item>a:hover{color:var(--green)!important} html body .zpe-mm .zpe-links .elementor-icon-list-icon{width:28px;display:grid;place-items:center;padding:0!important} html body .zpe-mm .zpe-links .elementor-icon-list-icon svg{width:20px!important;height:20px!important;fill:currentColor!important} html body .zpe-mm .zpe-links .elementor-icon-list-text{font-family:var(--sans)!important;font-size:.98rem!important;font-weight:500!important;color:inherit!important;padding:0!important} html body .zpe-mm .zpe-map-l{display:block;margin-top:6px} html body .zpe-mm .zpe-map{width:100%;height:auto;display:block} html body .zpe-mm .zpe-map .land{fill:#DCE7D4;stroke:#C5D6BB;stroke-width:1.5} html body .zpe-mm .zpe-map .zone{fill:rgba(62,143,105,.16);stroke:rgba(62,143,105,.35);stroke-width:1} html body .zpe-mm .zpe-map .dot{fill:#333} html body .zpe-mm .zpe-map text{font-family:var(--serif);font-size:11.5px;fill:#333} html body .zpe-mm .zpe-map text.main{font-size:14px;fill:#111} html body .zpe-mm .zpe-map text.dep{font-size:15px;font-style:italic;letter-spacing:.12em;fill:#7C9277} html body .zpe-mm .zpe-map .pin{fill:var(--green)} html body .zpe-mm .zpe-map .pin-c{fill:#fff} html body .zpe-mm .zpe-map-l:hover .land{fill:#D3E2CA} html body .zpe-mm .zpe-feat-img{left:40%!important} html body .zpe-mm .zpe-btn-green .elementor-heading-title,html body .zpe-mm .elementor-button{white-space:nowrap} /* La carte : catégories en 2 × 2, photos plus larges et moins hautes */ html body .zpe-mm .zpe-fams.e-con{grid-template-columns:repeat(2,1fr);gap:16px;align-content:start} html body .zpe-mm .zpe-fam.e-con{padding:8px 8px 16px!important} html body .zpe-mm .zpe-fam-img{flex:none!important;min-height:0!important;aspect-ratio:16/9;height:auto} html body .zpe-mm .zpe-fam-t{margin-top:8px!important;min-height:0} html body .zpe-mm .zpe-fam-ico{width:48px!important;height:48px;margin-top:-24px!important} /* badge « Site réalisé par » : +30 % */ @media (min-width:768px){html body .zpe-footer .f-credit{transform:translateY(45%) scale(.65)}} @media (max-width:767px){html body .zpe-footer .f-credit{transform:scale(.65)}} /* La carte : photos des catégories entières (contenues) et centrées */ html body .zpe-mm .zpe-fam-img{background:#fff} html body .zpe-mm .zpe-fam-img img{object-fit:contain!important;object-position:center center!important} /* retour au remplissage (les photos actuelles sont en portrait : « contenu » laisse des bandes blanches) — cadrage centré */ html body .zpe-mm .zpe-fam-img img{object-fit:cover!important;object-position:center center!important} /* Bandeau photo parallax pleine largeur (milieu des pages) */ html body .e-con.zpe-parallax{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;background-attachment:fixed;background-size:cover;background-position:center} @media (hover:none),(max-width:1024px){html body .e-con.zpe-parallax{background-attachment:scroll!important}} /* ===== Bloc catégories « éditorial » (titre espacé au-dessus, grande photo verticale) ===== */ html body .zpe-cats{background:#F2EEE9;padding:clamp(56px,7vw,96px) 24px;width:100%;box-sizing:border-box;font-family:'Inter',system-ui,sans-serif} html body .zpe-cats *{box-sizing:border-box} html body .zpe-cats .zpe-cats-in{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px} html body .zpe-cats .zpe-cat{display:flex;flex-direction:column;text-decoration:none!important;color:#3b2f28} html body .zpe-cats .zpe-cat-t{display:block;text-align:center;font-family:'Inter',system-ui,sans-serif;font-size:.86rem;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:#3b2f28;margin:0 0 26px;padding-left:.42em} html body .zpe-cats .zpe-cat-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#e7e0d8} html body .zpe-cats .zpe-cat-img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)} html body .zpe-cats .zpe-cat:hover .zpe-cat-img img{transform:scale(1.04)} html body .zpe-cats .zpe-cat-x{display:block;margin-top:20px;text-align:center;font-size:.9rem;line-height:1.7;color:#7a6f68;font-weight:300;padding:0 6px} html body .zpe-cats .zpe-cat-x p{margin:0} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in{grid-template-columns:repeat(2,1fr);gap:40px 20px}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in{grid-template-columns:1fr}} html body .zpe-cats .zpe-cat-t{font-size:.8rem;letter-spacing:.3em;padding-left:.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:1280px) and (min-width:1025px){html body .zpe-cats .zpe-cat-t{letter-spacing:.2em;padding-left:.2em}} /* 6 catégories : 3 par ligne */ html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:repeat(3,1fr);gap:56px 28px;max-width:1320px} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:repeat(2,1fr);gap:40px 20px}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:1fr}} html body .zpe-cats .zpe-cats-head{text-align:center;max-width:1100px;margin:0 auto 56px} html body .zpe-cats .zpe-cats-head h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.2;color:#111;margin:0;padding:0;text-transform:none;letter-spacing:0} html body .zpe-cats div.zpe-cat{color:#3b2f28} html body .zpe-cats .zpe-cat-x strong,html body .zpe-cats .zpe-cat-x b{font-weight:400;color:#5c5049} /* 3 catégories côte à côte */ html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1320px} html body .zpe-cats .zpe-cat-x p{margin:0 0 10px} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:repeat(2,1fr);gap:40px 20px}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:1fr}} /* ===== Réalisations (galerie, repris du staging 1) ===== */ html body .zpe-gal{columns:3;column-gap:26px} html body .zpe-gal figure{break-inside:avoid;margin:0 0 26px;overflow:hidden;cursor:zoom-in;position:relative;background:#eee;border-radius:10px;box-shadow:0 8px 24px rgba(20,20,15,.08)} html body .zpe-gal img{width:100%!important;height:auto!important;display:block;transition:transform .9s;max-width:none!important} html body .zpe-gal figure:hover img{transform:scale(1.05)} html body .zpe-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 16px;color:#fff;font-family:'Inter',sans-serif;font-size:.85rem;line-height:1.4;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);opacity:0;transition:.3s;text-align:left} html body .zpe-gal figure:hover figcaption{opacity:1} @media (hover:none){html body .zpe-gal figcaption{opacity:1}} #zpe-lb{position:fixed;inset:0;background:rgba(10,10,10,.94);z-index:100000;display:none;place-items:center;padding:24px;cursor:zoom-out} #zpe-lb.on{display:grid} #zpe-lb img{max-height:84vh;max-width:92vw;width:auto;height:auto;border-radius:6px} #zpe-lb p{color:#eee;font-family:'Inter',sans-serif;font-size:.95rem;margin:14px 0 0;text-align:center} html body .zpe-real{background:#fff;padding:clamp(64px,8vw,110px) 24px;font-family:'Inter',sans-serif} html body .zpe-real .zpe-real-in{max-width:1240px;margin:0 auto} html body .zpe-real .zpe-real-head{text-align:center;margin-bottom:48px} html body .zpe-real .zpe-real-eb{display:block;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:#3E8F69;margin-bottom:12px} html body .zpe-real h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(2rem,4vw,3rem);color:#111;margin:0;padding:0;text-transform:none;letter-spacing:0;line-height:1.15} html body .zpe-real .zpe-gal{columns:4} html body .zpe-gal-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:22px} html body .zpe-gal-more-btn,html body .zpe-gal-all{display:inline-flex;align-items:center;justify-content:center;padding:15px 32px;border-radius:4px;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1rem;line-height:1.2;cursor:pointer;text-decoration:none!important;transition:background .2s,color .2s;border:1px solid #111} html body .zpe-gal-more-btn{background:#111;color:#fff} html body .zpe-gal-more-btn:hover{background:#3E8F69;border-color:#3E8F69} html body .zpe-gal-all{background:transparent;color:#111!important} html body .zpe-gal-all:hover{background:#111;color:#fff!important} @media (max-width:1024px){html body .zpe-gal,html body .zpe-real .zpe-gal{columns:2;column-gap:20px}html body .zpe-gal figure{margin-bottom:20px}} @media (max-width:560px){html body .zpe-gal,html body .zpe-real .zpe-gal{columns:1}} /* ===== Blocs génériques (page Pâtisserie proche de Riom) ===== */ html body .zpe-sec{padding:clamp(60px,8vw,100px) 24px;background:#fff;font-family:'Inter',system-ui,sans-serif;color:#5c5c5c;box-sizing:border-box;width:100%} html body .zpe-sec *{box-sizing:border-box} html body .zpe-sec-soft{background:#F2EEE9} html body .zpe-in{max-width:1240px;margin:0 auto} html body .zpe-narrow{max-width:860px} html body .zpe-center{text-align:center} html body .zpe-eb2,html body .zpe-cats .zpe-eb2{display:block;font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:#3E8F69;margin-bottom:14px} html body .zpe-h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.18;color:#111;margin:0 0 24px;padding:0;text-transform:none;letter-spacing:0} html body .zpe-sec p{font-size:1rem;line-height:1.85;margin:0 0 16px;color:#5c5c5c} html body .zpe-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center} html body .zpe-split-rev .zpe-split-txt{order:2} html body .zpe-split-img img{width:100%!important;height:auto!important;max-height:640px;object-fit:cover;display:block;border-radius:10px;box-shadow:0 24px 50px -24px rgba(0,0,0,.3)} html body .zpe-split-map{background:#fff;border-radius:12px;padding:24px} html body .zpe-split-map svg{width:100%;height:auto;display:block} html body .zpe-split-map .land{fill:#DCE7D4;stroke:#C5D6BB;stroke-width:1.5} html body .zpe-split-map .zone{fill:rgba(62,143,105,.16);stroke:rgba(62,143,105,.35)} html body .zpe-split-map .dot{fill:#333} html body .zpe-split-map text{font-family:'Playfair Display',Georgia,serif;font-size:11.5px;fill:#333} html body .zpe-split-map text.main{font-size:14px;fill:#111} html body .zpe-split-map text.dep{font-size:15px;font-style:italic;letter-spacing:.12em;fill:#7C9277} html body .zpe-split-map .pin{fill:#3E8F69} html body .zpe-split-map .pin-c{fill:#fff} html body .zpe-check{list-style:none;margin:8px 0 22px;padding:0} html body .zpe-check li{position:relative;padding:0 0 0 30px;margin:0 0 10px;line-height:1.7;color:#333;text-align:left} html body .zpe-check li:before{content:"";position:absolute;left:0;top:.55em;width:16px;height:9px;border-left:2px solid #3E8F69;border-bottom:2px solid #3E8F69;transform:rotate(-45deg)} html body .zpe-chips{list-style:none;margin:10px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px} html body .zpe-chips li{background:#fff;border:1px solid #e1dbd2;border-radius:30px;padding:8px 16px;font-size:.9rem;color:#333;margin:0} html body .zpe-cats .zpe-cats-lead{max-width:820px;margin:18px auto 0} html body .zpe-cats .zpe-cats-lead p{font-size:1rem;line-height:1.8;color:#6a6a6a;margin:0} html body .zpe-etapes .zpe-et-eb{color:#3E8F69;margin-bottom:12px} html body .zpe-infobar{margin:56px auto 0;max-width:980px;background:#F2EEE9;border-radius:10px;padding:18px 24px;text-align:center;font-size:.95rem;color:#333;line-height:1.7} html body .zpe-infobar p{margin:0} html body .zpe-et-note{max-width:820px;margin:22px auto 0;text-align:center} html body .zpe-et-note p{font-size:.92rem;color:#7a7a7a;margin:0} html body .zpe-faq{margin-top:32px;text-align:left} html body .zpe-faq details{background:#fff;border-radius:8px;margin:0 0 12px;box-shadow:0 1px 0 rgba(0,0,0,.04)} html body .zpe-faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.08rem;color:#111;position:relative} html body .zpe-faq summary::-webkit-details-marker{display:none} html body .zpe-faq summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-family:'Inter',sans-serif;font-weight:300;font-size:1.6rem;color:#3E8F69} html body .zpe-faq details[open] summary:after{content:"–"} html body .zpe-faq details>div{padding:0 24px 18px} html body .zpe-faq details>div p{font-size:.95rem} html body .zpe-cta .zpe-et-btns{margin-top:30px} @media (max-width:900px){html body .zpe-split{grid-template-columns:1fr}html body .zpe-split-rev .zpe-split-txt{order:0}} html body .zpe-cats .zpe-cats-3 .zpe-cat-t{white-space:normal;overflow:visible;line-height:1.6;min-height:3.2em;display:flex;align-items:flex-end;justify-content:center} /* ===== Blocs zpe-* reconstruits en Elementor : mêmes styles (prioritaires) + remises à zéro ===== */ html body .zpe-etapes{--ink:#111!important;--line:#e4e4e4!important;--green:#3E8F69!important;--green-d:#2F7A56!important;--serif:'Playfair Display',Georgia,serif!important;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:#fff!important;padding:110px 24px!important;font-family:var(--sans)!important;color:#5c5c5c!important;box-sizing:border-box!important;width:100%!important} html body .zpe-etapes *{box-sizing:border-box!important} html body .zpe-etapes .zpe-et-in{max-width:1180px!important;margin:0 auto!important} html body .zpe-etapes .zpe-et-head{text-align:center!important} html body .zpe-etapes .zpe-et-eb{display:block!important;font-family:var(--sans)!important;font-size:.78rem!important;letter-spacing:.28em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--ink)!important} html body .zpe-etapes h2{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(2rem,4vw,3.1rem)!important;line-height:1.15!important;color:var(--ink)!important;margin:16px 0 22px!important;padding:0!important;letter-spacing:0!important;text-transform:none!important} html body .zpe-etapes .zpe-et-lead{font-size:1.05rem!important;line-height:1.7!important;max-width:920px!important;margin:0 auto!important;color:#5c5c5c!important} html body .zpe-etapes .zpe-et-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin-top:72px!important;position:relative!important} html body .zpe-etapes .zpe-et-line{position:absolute!important;left:0!important;top:10px!important;height:2px!important;width:100%!important;overflow:hidden!important;background:var(--line)!important;pointer-events:none!important} html body .zpe-etapes .zpe-et-line i{position:absolute!important;inset:0!important;background:var(--ink)!important;transform-origin:left center!important;transform:scaleX(0)!important;transition:transform 1.3s cubic-bezier(.2,.7,.2,1) .15s!important} html body .zpe-etapes .zpe-et-steps.in .zpe-et-line i{transform:scaleX(1)!important} html body .zpe-etapes .zpe-et-step{position:relative!important;border-left:1px solid #ececec!important;padding:0 28px 6px 36px!important} html body .zpe-etapes .zpe-et-step:before{content:""!important;display:block!important;width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid var(--line)!important;background:#fff!important;margin-bottom:28px!important;position:relative!important;z-index:1!important;transition:background-color .5s,border-color .5s,transform .5s!important} html body .zpe-etapes .zpe-et-steps.in .zpe-et-step:before{background:var(--ink)!important;border-color:var(--ink)!important;transform:scale(1.05)!important} html body .zpe-etapes .zpe-et-step:nth-child(3):before{transition-delay:.15s!important} html body .zpe-etapes .zpe-et-step:nth-child(4):before{transition-delay:.3s!important} html body .zpe-etapes .zpe-et-step:nth-child(5):before{transition-delay:.45s!important} html body .zpe-etapes .zpe-et-step h3{font-family:var(--serif)!important;font-weight:700!important;font-size:1.15rem!important;line-height:1.3!important;color:var(--ink)!important;margin:0 0 8px!important;padding:0!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-etapes .zpe-et-step p{font-size:.92rem!important;line-height:1.85!important;margin:0!important;color:#6a6a6a!important} html body .zpe-etapes .zpe-et-btns{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:16px!important;margin-top:60px!important} html body .zpe-etapes .zpe-et-btn .elementor-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:15px 36px!important;border-radius:4px!important;font-family:var(--serif)!important;font-weight:700!important;font-size:1rem!important;line-height:1.2!important;text-decoration:none!important;color:#fff!important;transition:background .2s!important} html body .zpe-etapes .zpe-et-btn.dark .elementor-button{background:var(--ink)!important} html body .zpe-etapes .zpe-et-btn.dark .elementor-button:hover{background:#333!important;color:#fff!important} html body .zpe-etapes .zpe-et-btn.green .elementor-button{background:var(--green)!important} html body .zpe-etapes .zpe-et-btn.green .elementor-button:hover{background:var(--green-d)!important;color:#fff!important} @media (prefers-reduced-motion:reduce){html body .zpe-etapes .zpe-et-line i{transform:none!important;transition:none!important}} @media (max-width:900px){html body .zpe-etapes{padding:80px 20px!important}html body .zpe-etapes .zpe-et-steps{grid-template-columns:1fr 1fr!important;gap:40px 0!important}html body .zpe-etapes .zpe-et-line{display:none!important}html body .zpe-etapes .zpe-et-step:nth-child(4){border-left:0!important}} @media (max-width:600px){html body .zpe-etapes .zpe-et-steps{grid-template-columns:1fr!important;gap:0!important;margin-top:48px!important}html body .zpe-etapes .zpe-et-step,html body .zpe-etapes .zpe-et-step:nth-child(4){border-left:0!important;padding:24px 0!important;border-top:1px solid #ececec!important}html body .zpe-etapes .zpe-et-step:nth-child(2){border-top:0!important}html body .zpe-etapes .zpe-et-step:before{margin-bottom:16px!important}} html body .zpe-etapes .zpe-et-num{display:block!important;font-family:var(--serif)!important;font-weight:700!important;font-size:.95rem!important;letter-spacing:.08em!important;color:var(--green)!important;margin:0 0 6px!important} html body .zpe-etapes .zpe-et-head + .zpe-et-steps{margin-top:64px!important} html body .zpe-etapes .zpe-et-lead{margin-top:18px!important} html body .zpe-etapes .zpe-et-lead + .zpe-et-lead{margin-top:10px!important} html body .zpe-etapes .zpe-et-step p + p{margin-top:10px!important} html body .zpe-pq{--ink:#111!important;--sage:#84C09C!important;--line:#e4e4e1!important;--serif:'Playfair Display',Georgia,serif!important;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:#f6f6f4!important;padding:clamp(64px,9vw,120px) 24px!important;font-family:var(--sans)!important;color:#6a6a6a!important;width:100%!important;box-sizing:border-box!important} html body .zpe-pq *{box-sizing:border-box!important} html body .zpe-pq .zpe-pq-in{max-width:1180px!important;margin:0 auto!important} html body .zpe-pq .zpe-pq-head{text-align:center!important} html body .zpe-pq h2{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(2rem,4vw,3.1rem)!important;line-height:1.15!important;color:var(--ink)!important;margin:0!important;padding:0!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-pq .zpe-pq-lead{font-size:1.05rem!important;line-height:1.7!important;max-width:920px!important;margin:18px auto 0!important;color:#5c5c5c!important} html body .zpe-pq .zpe-pq-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin-top:64px!important} html body .zpe-pq .zpe-pq-grid.zpe-pq-n4{grid-template-columns:repeat(4,1fr)!important} html body .zpe-pq .zpe-pq-grid.zpe-pq-n2{grid-template-columns:repeat(2,1fr)!important} html body .zpe-pq .zpe-pq-item{padding:0 36px 6px!important;border-left:1px solid var(--line)!important} html body .zpe-pq .zpe-pq-item:first-child{border-left:0!important;padding-left:0!important} html body .zpe-pq .zpe-pq-item:last-child{padding-right:0!important} html body .zpe-pq .zpe-pq-num{display:block!important;font-family:var(--serif)!important;font-weight:500!important;font-size:2.6rem!important;line-height:1!important;color:var(--sage)!important;margin:0 0 12px!important} html body .zpe-pq h3{font-family:var(--serif)!important;font-weight:700!important;font-size:1.25rem!important;line-height:1.3!important;color:var(--ink)!important;margin:0 0 10px!important;padding:0!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-pq .zpe-pq-item p{font-size:.95rem!important;line-height:1.85!important;margin:0!important;color:#6a6a6a!important} html body .zpe-pq .zpe-pq-item p + p{margin-top:10px!important} html body .zpe-pq strong,html body .zpe-pq b{color:#333!important;font-weight:500!important} @media (max-width:1000px){html body .zpe-pq .zpe-pq-grid.zpe-pq-n4{grid-template-columns:repeat(2,1fr)!important;gap:40px 0!important}html body .zpe-pq .zpe-pq-n4 .zpe-pq-item:nth-child(3){border-left:0!important;padding-left:0!important}} @media (max-width:767px){html body .zpe-pq .zpe-pq-grid,html body .zpe-pq .zpe-pq-grid.zpe-pq-n4,html body .zpe-pq .zpe-pq-grid.zpe-pq-n2{grid-template-columns:1fr!important;gap:0!important;margin-top:44px!important}html body .zpe-pq .zpe-pq-item,html body .zpe-pq .zpe-pq-n4 .zpe-pq-item:nth-child(3){border-left:0!important;padding:26px 0!important;border-top:1px solid var(--line)!important}html body .zpe-pq .zpe-pq-item:first-child{border-top:0!important;padding-top:0!important}} html body .zpe-cats{background:#F2EEE9!important;padding:clamp(56px,7vw,96px) 24px!important;width:100%!important;box-sizing:border-box!important;font-family:'Inter',system-ui,sans-serif!important} html body .zpe-cats *{box-sizing:border-box!important} html body .zpe-cats .zpe-cats-in{max-width:1480px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important} html body .zpe-cats .zpe-cat{display:flex!important;flex-direction:column!important;text-decoration:none!important;color:#3b2f28!important} html body .zpe-cats .zpe-cat-t{display:block!important;text-align:center!important;font-family:'Inter',system-ui,sans-serif!important;font-size:.86rem!important;font-weight:400!important;letter-spacing:.42em!important;text-transform:uppercase!important;color:#3b2f28!important;margin:0 0 26px!important;padding-left:.42em!important} html body .zpe-cats .zpe-cat-img{display:block!important;aspect-ratio:3/4!important;overflow:hidden!important;background:#e7e0d8!important} html body .zpe-cats .zpe-cat-img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)!important} html body .zpe-cats .zpe-cat:hover .zpe-cat-img img{transform:scale(1.04)!important} html body .zpe-cats .zpe-cat-x{display:block!important;margin-top:20px!important;text-align:center!important;font-size:.9rem!important;line-height:1.7!important;color:#7a6f68!important;font-weight:300!important;padding:0 6px!important} html body .zpe-cats .zpe-cat-x p{margin:0!important} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in{grid-template-columns:repeat(2,1fr)!important;gap:40px 20px!important}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in{grid-template-columns:1fr!important}} html body .zpe-cats .zpe-cat-t{font-size:.8rem!important;letter-spacing:.3em!important;padding-left:.3em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} @media (max-width:1280px) and (min-width:1025px){html body .zpe-cats .zpe-cat-t{letter-spacing:.2em!important;padding-left:.2em!important}} html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:repeat(3,1fr)!important;gap:56px 28px!important;max-width:1320px!important} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:repeat(2,1fr)!important;gap:40px 20px!important}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in.zpe-cats-6{grid-template-columns:1fr!important}} html body .zpe-cats .zpe-cats-head{text-align:center!important;max-width:1100px!important;margin:0 auto 56px!important} html body .zpe-cats .zpe-cats-head h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:clamp(1.8rem,3.4vw,2.6rem)!important;line-height:1.2!important;color:#111!important;margin:0!important;padding:0!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-cats div.zpe-cat{color:#3b2f28!important} html body .zpe-cats .zpe-cat-x strong,html body .zpe-cats .zpe-cat-x b{font-weight:400!important;color:#5c5049!important} html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:repeat(3,1fr)!important;gap:28px!important;max-width:1320px!important} html body .zpe-cats .zpe-cat-x p{margin:0 0 10px!important} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:repeat(2,1fr)!important;gap:40px 20px!important}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in.zpe-cats-3{grid-template-columns:1fr!important}} html body .zpe-sec{padding:clamp(60px,8vw,100px) 24px!important;background:#fff!important;font-family:'Inter',system-ui,sans-serif!important;color:#5c5c5c!important;box-sizing:border-box!important;width:100%!important} html body .zpe-sec *{box-sizing:border-box!important} html body .zpe-sec-soft{background:#F2EEE9!important} html body .zpe-narrow{max-width:860px!important} html body .zpe-center{text-align:center!important} html body .zpe-eb2,html body .zpe-cats .zpe-eb2{display:block!important;font-family:'Inter',sans-serif!important;font-size:.78rem!important;letter-spacing:.28em!important;text-transform:uppercase!important;font-weight:500!important;color:#3E8F69!important;margin-bottom:14px!important} html body .zpe-h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:clamp(1.9rem,3.6vw,2.8rem)!important;line-height:1.18!important;color:#111!important;margin:0 0 24px!important;padding:0!important;text-transform:none!important;letter-spacing:0!important} html body .zpe-sec p{font-size:1rem!important;line-height:1.85!important;margin:0 0 16px!important;color:#5c5c5c!important} html body .zpe-split{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:clamp(32px,6vw,80px)!important;align-items:center!important} html body .zpe-split-rev .zpe-split-txt{order:2!important} html body .zpe-split-img img{width:100%!important;height:auto!important;max-height:640px!important;object-fit:cover!important;display:block!important;border-radius:10px!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.3)!important} html body .zpe-split-map{background:#fff!important;border-radius:12px!important;padding:24px!important} html body .zpe-split-map svg{width:100%!important;height:auto!important;display:block!important} html body .zpe-split-map .land{fill:#DCE7D4!important;stroke:#C5D6BB!important;stroke-width:1.5!important} html body .zpe-split-map .zone{fill:rgba(62,143,105,.16)!important;stroke:rgba(62,143,105,.35)!important} html body .zpe-split-map .dot{fill:#333!important} html body .zpe-split-map text{font-family:'Playfair Display',Georgia,serif!important;font-size:11.5px!important;fill:#333!important} html body .zpe-split-map text.main{font-size:14px!important;fill:#111!important} html body .zpe-split-map text.dep{font-size:15px!important;font-style:italic!important;letter-spacing:.12em!important;fill:#7C9277!important} html body .zpe-split-map .pin{fill:#3E8F69!important} html body .zpe-split-map .pin-c{fill:#fff!important} html body .zpe-check{list-style:none!important;margin:8px 0 22px!important;padding:0!important} html body .zpe-check li{position:relative!important;padding:0 0 0 30px!important;margin:0 0 10px!important;line-height:1.7!important;color:#333!important;text-align:left!important} html body .zpe-check li:before{content:""!important;position:absolute!important;left:0!important;top:.55em!important;width:16px!important;height:9px!important;border-left:2px solid #3E8F69!important;border-bottom:2px solid #3E8F69!important;transform:rotate(-45deg)!important} html body .zpe-chips{list-style:none!important;margin:10px 0 22px!important;padding:0!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important} html body .zpe-chips li{background:#fff!important;border:1px solid #e1dbd2!important;border-radius:30px!important;padding:8px 16px!important;font-size:.9rem!important;color:#333!important;margin:0!important} html body .zpe-cats .zpe-cats-lead{max-width:820px!important;margin:18px auto 0!important} html body .zpe-cats .zpe-cats-lead p{font-size:1rem!important;line-height:1.8!important;color:#6a6a6a!important;margin:0!important} html body .zpe-etapes .zpe-et-eb{color:#3E8F69!important;margin-bottom:12px!important} html body .zpe-infobar{margin:56px auto 0!important;max-width:980px!important;background:#F2EEE9!important;border-radius:10px!important;padding:18px 24px!important;text-align:center!important;font-size:.95rem!important;color:#333!important;line-height:1.7!important} html body .zpe-infobar p{margin:0!important} html body .zpe-et-note{max-width:820px!important;margin:22px auto 0!important;text-align:center!important} html body .zpe-et-note p{font-size:.92rem!important;color:#7a7a7a!important;margin:0!important} html body .zpe-faq{margin-top:32px!important;text-align:left!important} html body .zpe-faq details{background:#fff!important;border-radius:8px!important;margin:0 0 12px!important;box-shadow:0 1px 0 rgba(0,0,0,.04)!important} html body .zpe-faq summary{cursor:pointer!important;list-style:none!important;padding:20px 56px 20px 24px!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:1.08rem!important;color:#111!important;position:relative!important} html body .zpe-faq summary::-webkit-details-marker{display:none!important} html body .zpe-faq summary:after{content:"+"!important;position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;font-family:'Inter',sans-serif!important;font-weight:300!important;font-size:1.6rem!important;color:#3E8F69!important} html body .zpe-faq details[open] summary:after{content:"–"!important} html body .zpe-faq details>div{padding:0 24px 18px!important} html body .zpe-faq details>div p{font-size:.95rem!important} html body .zpe-cta .zpe-et-btns{margin-top:30px!important} @media (max-width:900px){html body .zpe-split{grid-template-columns:1fr!important}html body .zpe-split-rev .zpe-split-txt{order:0!important}} html body .zpe-cats .zpe-cats-3 .zpe-cat-t{white-space:normal!important;overflow:visible!important;line-height:1.6!important;min-height:3.2em!important;display:flex!important;align-items:flex-end!important;justify-content:center!important} html body .zpe-el,html body .zpe-el .e-con,html body .zpe-el-wrap{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--kit-widget-spacing:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;min-height:0} html body .zpe-el .elementor-widget{margin-block-end:0} html body .zpe-el .zpe-hs .elementor-heading-title{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important} html body .zpe-el .zpe-et-btns,html body .zpe-el.zpe-et-btns{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important} html body .zpe-el .zpe-et-btn .elementor-button-content-wrapper{gap:0} html body .zpe-el .elementor-widget-text-editor{color:inherit} html body .zpe-el .zpe-list-w ul{margin-top:8px} html body .zpe-el .zpe-et-steps{position:relative!important} html body .zpe-el .zpe-et-steps:before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:#e4e4e4;z-index:0} html body .zpe-el .zpe-et-steps:after{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:#111;transform:scaleX(0);transform-origin:left center;transition:transform 1.3s cubic-bezier(.2,.7,.2,1) .15s;z-index:0} html body .zpe-el .zpe-et-steps.in:after{transform:scaleX(1)} @media (max-width:900px){html body .zpe-el .zpe-et-steps:before,html body .zpe-el .zpe-et-steps:after{display:none}} html body .zpe-el .zpe-cat-img .elementor-widget-image,html body .zpe-el .zpe-cat-img .elementor-widget-container{height:100%} html body .zpe-el .zpe-split-img .elementor-widget-image img{border-radius:10px} html body .zpe-el .zpe-acc .elementor-accordion-item{background:#fff;border:0!important;border-radius:8px;margin:0 0 12px;overflow:hidden} html body .zpe-el .zpe-acc .elementor-tab-title{padding:20px 24px!important;border:0!important} html body .zpe-el .zpe-acc .elementor-tab-title a,html body .zpe-el .zpe-acc .elementor-accordion-title{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:1.08rem!important;color:#111!important} html body .zpe-el .zpe-acc .elementor-accordion-icon{color:#3E8F69!important} html body .zpe-el .zpe-acc .elementor-tab-content{border:0!important;padding:0 24px 18px!important;color:#5c5c5c} html body .zpe-el .zpe-acc .elementor-tab-content p{font-size:.95rem!important;line-height:1.8!important;margin:0 0 10px!important} /* boutons zpe-et-btn (Elementor), partout */ html body .zpe-el .zpe-et-btns{gap:16px!important;margin-top:56px} html body .zpe-el .zpe-et-btn .elementor-button{display:inline-flex!important;align-items:center;justify-content:center;padding:15px 36px!important;border-radius:4px!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:1rem!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;border:0!important;box-shadow:none!important;transition:background .2s} html body .zpe-el .zpe-et-btn.dark .elementor-button{background:#111!important} html body .zpe-el .zpe-et-btn.dark .elementor-button:hover{background:#333!important} html body .zpe-el .zpe-et-btn.green .elementor-button{background:#3E8F69!important} html body .zpe-el .zpe-et-btn.green .elementor-button:hover{background:#2F7A56!important} html body .zpe-el .elementor-widget.zpe-et-btn{padding:0!important;background:none!important;border:0!important;min-height:0!important} html body .zpe-el .zpe-acc .elementor-tab-title{display:flex!important;align-items:flex-start;gap:12px;line-height:1.4!important}html body .zpe-el .zpe-acc .elementor-accordion-icon{flex:none;margin-top:2px}html body .zpe-el .zpe-acc .elementor-tab-content p:empty{display:none}html body .zpe-el .zpe-acc .elementor-tab-content>*:last-child{margin-bottom:0!important} /* Nouvelles pages : frise 5 étapes, grille 4 cartes */ @media (min-width:901px){html body .zpe-etapes .zpe-et-steps.zpe-et-5{grid-template-columns:repeat(5,1fr)!important}} html body .zpe-cats .zpe-cats-in.zpe-cats-4{grid-template-columns:repeat(4,1fr)!important;gap:28px!important;max-width:1320px} @media (max-width:1024px){html body .zpe-cats .zpe-cats-in.zpe-cats-4{grid-template-columns:repeat(2,1fr)!important;gap:40px 20px!important}} @media (max-width:600px){html body .zpe-cats .zpe-cats-in.zpe-cats-4{grid-template-columns:1fr!important}} html body .zpe-cats .zpe-cats-4 .zpe-cat-t{white-space:normal;line-height:1.6;min-height:3.2em;display:flex;align-items:flex-end;justify-content:center} html body .zpe-cats .zpe-cats-after{margin-top:48px} html body .zpe-cats .zpe-cats-4 .zpe-cat-t{overflow:visible!important;text-overflow:clip!important;white-space:normal!important} html body .zpe-cats .zpe-cats-after{text-align:center;max-width:760px;margin-left:auto;margin-right:auto} html body .zpe-sec.zpe-sec-grey{background:#f6f6f4!important} html body .zpe-split-txt h3,html body .zpe-split-txt h3.elementor-heading-title{margin-top:28px!important;margin-bottom:10px!important} /* Bandeau mobile « Appeler / Réserver » retiré (remplacé par le widget de contact flottant) */ html body .zpe-mbar{display:none!important} @media (max-width:767px){html body.zpe-on{padding-bottom:0!important}html body #zp-widget{bottom:calc(20px + env(safe-area-inset-bottom))!important;right:16px!important}} /* Widget de contact masqué quand le menu mobile est ouvert */ html body:has(#zp-drawer.on) #zp-widget{opacity:0!important;visibility:hidden!important;pointer-events:none!important} html body #zp-widget{transition:opacity .2s,visibility .2s} /* Méga-menu Sur mesure : carte « Wedding cake » cadrée sur le haut du gâteau */ html body .elementor-element-390949b img{object-position:center top!important} /* Menu mobile : entrée dépliante « Sur mesure » */ html body #zp-drawer button.zl-toggle{width:100%;background:none!important;border:0;border-bottom:1px solid #eaeedf!important;border-radius:0!important;font:inherit;cursor:pointer;text-align:center;box-shadow:none!important} html body #zp-drawer .zl-toggle:after{transform:translateY(-50%) rotate(90deg);transition:transform .25s} html body #zp-drawer .zl-toggle[aria-expanded="true"]:after{transform:translateY(-50%) rotate(-90deg);color:#4E6440} html body #zp-drawer .zl-sub{background:#f7f8f3;border-bottom:1px solid #eaeedf} html body #zp-drawer .zl-sub[hidden]{display:none} html body #zp-drawer .zl-subitem{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 30px;font-family:'Playfair Display',Georgia,serif;font-size:14px;color:#2b2a26;border-top:1px solid #eef0e6} html body #zp-drawer .zl-subitem:first-child{border-top:0} html body #zp-drawer .zl-subitem:active,html body #zp-drawer .zl-subitem:hover{color:#4E6440} /* Cartes produits : plusieurs photos (diaporama) */ html body .zp-carte .card-img img.g{position:absolute;inset:0;opacity:0;transition:opacity .45s ease,transform 1s cubic-bezier(.2,.7,.2,1)} html body .zp-carte .card-img img.g.on{opacity:1} html body .zp-carte .card-img .g-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#111!important;font-size:22px;line-height:1;z-index:3;display:grid;place-items:center;opacity:0;transition:opacity .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;padding:0 0 3px!important} html body .zp-carte .card:hover .g-nav{opacity:1} @media (hover:none){html body .zp-carte .card-img .g-nav{opacity:1}} html body .zp-carte .card-img .g-prev{left:8px} html body .zp-carte .card-img .g-next{right:8px} html body .zp-carte .card-img .g-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3;pointer-events:none} html body .zp-carte .card-img .g-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.18)} html body .zp-carte .card-img .g-dots i.on{background:#fff} /* Mobile : suppression du décalage horizontal (onglets de la carte + titre « Tous nos produits ») */ @media (max-width:640px){html body .zp-carte .tabs{margin-left:0!important;margin-right:0!important;max-width:100%}} @media (max-width:767px){html body .elementor-element-2712c57,html body .elementor-element-25bed3b,html body .elementor-element-96e8d88,html body .elementor-element-dce1536{margin-left:0!important;margin-right:0!important;padding-left:16px;padding-right:16px;max-width:100%}} /* Filet de sécurité : jamais de défilement horizontal de la page */ html body{overflow-x:clip} /* Accueil : bloc Nouveautés masqué s il n y a aucun produit Nouveauté */ .zp-nouv:not(:has(.zp-carte)){display:none!important} /* ===== 08/10/2026 — Carrousels de la carte : largeur des cartes AVANT l'exécution du JS ===== LiteSpeed retarde zpe.js jusqu'à la 1re interaction (souris, scroll, toucher). Sans ces règles, les cartes gardaient leur largeur « naturelle » (flex:0 0 auto) : une carte à photo unique prenait la largeur réelle de la photo (819 px). Le JS remplace ensuite ces valeurs par ses largeurs exactes (styles en ligne). */ html body .zp-carte .car-track{gap:20px} html body .zp-carte .car-track>.card{flex:0 0 calc((100% - 60px)/4);width:calc((100% - 60px)/4);min-width:0;max-width:100%} html body .zp-carte .card-img img{max-width:100%;display:block} @media (max-width:1079px){html body .zp-carte .car-track>.card{flex-basis:calc((100% - 40px)/3);width:calc((100% - 40px)/3)}} @media (max-width:819px){html body .zp-carte .car-track>.card{flex-basis:calc((100% - 20px)/2);width:calc((100% - 20px)/2)}} @media (max-width:579px){html body .zp-carte .car-track{gap:12px}html body .zp-carte .car-track>.card{flex-basis:calc((100% - 3px)/1.25);width:calc((100% - 3px)/1.25)}} html body .zp-carte .car-track:not(:has(>.card:nth-child(5))){justify-content:center} /* ===== 08/10/2026 — Galerie des réalisations : espace vertical entre les photos ===== Elementor remettait la marge des
à 0 (.elementor .elementor-widget:not(...) figure{margin:0}). */ html body .zpe-gal figure{margin:0 0 26px!important} @media (max-width:1024px){html body .zpe-gal figure{margin-bottom:20px!important}}