O\u00f9 nous trouver \u2014 Sapora<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F7F2EA;\n --warm-white: #FDFAF5;\n --olive: #2C2A1E;\n --gold: #B8932A;\n --gold-light: #D4A843;\n --muted: #7A7260;\n --border: rgba(184,147,42,0.25);\n }\n\n \/* \u2500\u2500\u2500 BLOCAGE RADICAL DU FOND ACCUEIL ET WORDPRESS (SUPPRIME LA BANDE BLANCHE) \u2500\u2500\u2500 *\/\n html { scroll-behavior: smooth; background: #1A1913 !important; }\n\n body {\n font-family: 'Jost', sans-serif;\n background: var(--warm-white);\n color: var(--olive);\n overflow-x: hidden;\n margin: 0;\n }\n\n #page, .site, .wp-site-blocks, .main, .site-container, #wp--skip-link--target {\n background-color: transparent !important;\n background: transparent !important;\n padding-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n\n \/* \u2500\u2500\u2500 MODIFICATION PLEINE LARGEUR (FULL WIDTH FORC\u00c9) \u2500\u2500\u2500 *\/\n .hero, .map-section, .b2b-section, .site-footer-premium {\n width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n max-width: 100vw !important;\n }\n\n \/* \u2500\u2500\u2500 MASQUAGE DE L'ANCIEN FOOTER THEME WORDPRESS \u2500\u2500\u2500 *\/\n footer:not(.site-footer-premium), .site-footer, #colophon, .wp-block-template-part {\n display: none !important;\n height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n background: var(--cream);\n padding: 11rem 2rem 5rem; \n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: -160px !important; \n z-index: 1 !important; \n }\n\n header, .site-header, #masthead {\n position: relative !important;\n z-index: 9999 !important;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n border: 0.5px solid rgba(184,147,42,0.1);\n pointer-events: none;\n }\n\n .hero-sup {\n font-size: 0.62rem;\n font-weight: 300;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.25rem;\n opacity: 0;\n animation: fadeUp 0.8s ease 0.2s forwards;\n }\n\n .hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.8rem, 5vw, 4.5rem);\n font-weight: 300;\n line-height: 1.1;\n color: var(--olive);\n opacity: 0;\n animation: fadeUp 0.8s ease 0.35s forwards;\n }\n\n .hero-title em { font-style: italic; color: var(--gold); }\n\n \/* \u2500\u2500\u2500 MAP OPTIMIS\u00c9E DESIGN SAPORA \u2500\u2500\u2500 *\/\n .map-section {\n padding: 0 0 5rem;\n background: var(--warm-white);\n }\n\n .map-container {\n width: 100%;\n height: 500px;\n background: #EEE9E0;\n position: relative;\n overflow: hidden;\n border-top: 0.5px solid var(--border);\n border-bottom: 0.5px solid var(--border);\n }\n\n .map-container iframe {\n width: 100%;\n height: calc(100% + 75px) !important;\n margin-top: -55px !important;\n border: none;\n filter: sepia(35%) hue-rotate(5deg) contrast(95%) saturate(90%);\n }\n\n .map-legend {\n max-width: 960px;\n margin: 3rem auto 0;\n padding: 0 2rem;\n display: flex;\n gap: 2.5rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.72rem;\n font-weight: 300;\n letter-spacing: 0.1em;\n color: var(--muted);\n }\n\n .legend-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .dot-gold { background: var(--gold); }\n .dot-olive { background: var(--olive); }\n .dot-terra { background: #8B3E2F; }\n\n \/* \u2500\u2500\u2500 B2B \u2500\u2500\u2500 *\/\n .b2b-section {\n background: var(--olive);\n padding: 7rem 2rem;\n margin-bottom: 0 !important; \n position: relative;\n z-index: 1 !important;\n }\n\n .b2b-inner {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: start;\n }\n\n .b2b-sup {\n font-size: 0.62rem;\n font-weight: 300;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.25rem;\n display: block;\n }\n\n .b2b-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 300;\n line-height: 1.2;\n color: var(--cream);\n margin-bottom: 1.75rem;\n }\n\n .b2b-title em { font-style: italic; color: var(--gold-light); }\n\n .b2b-body {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 2;\n color: rgba(247,242,234,0.6);\n margin-bottom: 2.5rem;\n }\n\n .b2b-contacts { display: flex; flex-direction: column; gap: 0.9rem; }\n\n .b2b-contact-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.78rem;\n font-weight: 300;\n color: rgba(247,242,234,0.75);\n }\n\n .b2b-contact-item a { color: var(--gold-light); text-decoration: none; }\n .b2b-contact-item a:hover { text-decoration: underline; }\n\n .contact-icon {\n width: 32px; height: 32px;\n border: 0.5px solid rgba(184, 147, 42, 0.25);\n display: flex; align-items: center; justify-content: center;\n font-size: 0.85rem;\n flex-shrink: 0;\n }\n\n \/* Style des alertes de soumission *\/\n .form-alert {\n padding: 1rem;\n margin-bottom: 1.5rem;\n font-size: 0.85rem;\n font-weight: 300;\n letter-spacing: 0.05em;\n display: none;\n }\n .form-alert.success {\n background: rgba(107, 124, 94, 0.2);\n border: 0.5px solid var(--gold);\n color: var(--cream);\n }\n .form-alert.error {\n background: rgba(139, 62, 47, 0.2);\n border: 0.5px solid #8B3E2F;\n color: #C4634D;\n }\n\n \/* Formulaire *\/\n .b2b-form { display: flex; flex-direction: column; gap: 1.25rem; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\n .form-field { display: flex; flex-direction: column; gap: 0.5rem; }\n\n .form-label {\n font-size: 0.6rem;\n font-weight: 300;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(247,242,234,0.45);\n }\n\n .form-input,\n .form-textarea {\n font-family: 'Jost', sans-serif;\n font-size: 0.82rem;\n font-weight: 300;\n color: #FFFFFF !important; \n background: transparent;\n border: none;\n border-bottom: 0.5px solid rgba(184,147,42,0.4);\n padding: 0.75rem 0;\n outline: none;\n transition: border-color 0.3s ease;\n width: 100%;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder { \n color: rgba(247, 242, 234, 0.45) !important; \n }\n \n .form-input:focus,\n .form-textarea:focus { border-bottom-color: var(--gold); }\n .form-textarea { resize: vertical; min-height: 110px; }\n\n .btn-gold {\n font-family: 'Jost', sans-serif;\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #1C1A15;\n background: var(--gold);\n border: none;\n padding: 1rem 2.5rem;\n cursor: pointer;\n align-self: flex-start;\n transition: background 0.3s ease, transform 0.2s ease;\n }\n\n .btn-gold:hover { background: var(--gold-light); transform: translateY(-1px); }\n\n \/* \u2500\u2500\u2500 FOOTER PREMIUM COMPACT ET \u00c9PUR\u00c9 \u2500\u2500\u2500 *\/\n .site-footer-premium {\n background-color: #1A1913 !important;\n color: var(--cream) !important;\n padding: 4rem 5% 2rem 5% !important; \n border-top: 1px solid rgba(184, 147, 42, 0.15);\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n position: relative;\n z-index: 10 !important;\n display: block !important;\n box-shadow: 0px 500px 0px 500px #1A1913;\n }\n\n .footer-container {\n max-width: 1800px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 8rem;\n padding-bottom: 3rem; \n border-bottom: 1px solid rgba(247, 242, 234, 0.1);\n }\n\n .footer-brand h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.4rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n color: var(--gold-light);\n margin-bottom: 1.25rem;\n }\n\n .footer-brand p {\n font-size: 0.95rem;\n font-weight: 300;\n line-height: 1.9;\n color: rgba(247, 242, 234, 0.65);\n max-width: 600px;\n }\n\n .footer-column h4 {\n font-family: 'Jost', sans-serif;\n font-size: 0.85rem;\n font-weight: 400;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--cream);\n margin-bottom: 1.5rem;\n }\n\n .footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .footer-links li {\n margin-bottom: 0.85rem;\n }\n\n .footer-links a {\n font-size: 0.95rem;\n font-weight: 300;\n color: rgba(247, 242, 234, 0.65) !important;\n text-decoration: none;\n transition: color 0.3s ease, padding-left 0.3s ease;\n display: inline-block;\n }\n\n .footer-links a:hover {\n color: var(--gold-light) !important;\n padding-left: 6px;\n }\n\n .footer-bottom {\n max-width: 1800px;\n margin: 0 auto;\n padding-top: 1.75rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.85rem;\n font-weight: 300;\n color: rgba(247, 242, 234, 0.4);\n }\n\n .footer-bottom-tagline {\n letter-spacing: 0.15em;\n text-transform: uppercase;\n font-size: 0.75rem;\n color: rgba(184, 147, 42, 0.7);\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(20px); }\n to { opacity:1; transform:translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.85s ease, transform 0.85s ease;\n }\n .reveal.visible { opacity:1; transform:translateY(0); }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 860px) {\n .hero, .marquee-wrap, section, .site-footer-premium {\n width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: auto;\n right: auto;\n }\n .hero {\n margin-top: 0 !important;\n padding: 5rem 1.5rem 3.5rem;\n }\n .b2b-section {\n margin-bottom: 0 !important;\n }\n .b2b-inner { grid-template-columns: 1fr; gap: 3rem; }\n .form-row { grid-template-columns: 1fr; }\n .map-container { height: 360px; }\n .footer-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }\n .footer-brand p { max-width: 100%; margin: 0 auto; }\n .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }\n }\n\n @media (max-width: 500px) {\n .hero { padding: 5rem 1.5rem 3.5rem; }\n .b2b-section { padding: 4rem 1.5rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <p class=\"hero-sup\">Points de vente & Partenariats<\/p>\n <h1 class=\"hero-title\">L’Italie pr\u00e8s de <em>chez vous<\/em><\/h1>\n<\/section>\n\n<section class=\"map-section\">\n <div class=\"map-container\">\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/1\/embed?mid=1UEniO2mCR4WVN2eQcJCUpgjyA-HM6uM&ehbc=2E312F\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n <\/div>\n\n <div class=\"map-legend reveal\">\n <div class=\"legend-item\"><span class=\"legend-dot dot-olive\"><\/span>Restaurant partenaire<\/div>\n <div class=\"legend-item\"><span class=\"legend-dot dot-terra\"><\/span>Revendeur partenaire<\/div>\n <\/div>\n<\/section>\n\n<section class=\"b2b-section\">\n <div class=\"b2b-inner\">\n <div class=\"reveal\">\n <span class=\"b2b-sup\">Espace professionnel<\/span>\n <h2 class=\"b2b-title\">Devenir revendeur<br>ou <em>partenaire<\/em><\/h2>\n <p class=\"b2b-body\">Vous g\u00e9rez un restaurant, une \u00e9picerie fine ou un h\u00f4tel d’exception ? Partageons l’amour des vrais produits. \u00c9crivez-nous pour recevoir notre catalogue professionnel ou discuter d’une collaboration sur-mesure.<\/p>\n <div class=\"b2b-contacts\">\n <div class=\"b2b-contact-item\">\n <div class=\"contact-icon\">\u2709<\/div>\n <span><a href=\"mailto:contact@sapora.be\">contact@sapora.be<\/a><\/span>\n <\/div>\n <div class=\"b2b-contact-item\">\n <div class=\"contact-icon\">\u260e<\/div>\n <span><a href=\"tel:+32496444189\">+32 (0)496 44 41 89<\/a><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"b2b-form reveal\" style=\"transition-delay:0.15s\" id=\"saporaForm\">\n <div id=\"alertSuccess\" class=\"form-alert success\">Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. L’\u00e9quipe Sapora vous recontactera tr\u00e8s rapidement !<\/div>\n <div id=\"alertError\" class=\"form-alert error\">Une erreur est survenue. Veuillez envoyer votre demande directement \u00e0 contact@sapora.be<\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"nom\">Nom *<\/label>\n <input class=\"form-input\" id=\"nom\" name=\"nom\" type=\"text\" placeholder=\"Votre nom\" required=\"\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"entreprise\">Entreprise<\/label>\n <input class=\"form-input\" id=\"entreprise\" name=\"entreprise\" type=\"text\" placeholder=\"Nom de l'\u00e9tablissement\">\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"email\">Email *<\/label>\n <input class=\"form-input\" id=\"email\" name=\"email\" type=\"email\" placeholder=\"votre@email.com\" required=\"\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"tel\">T\u00e9l\u00e9phone<\/label>\n <input class=\"form-input\" id=\"tel\" name=\"tel\" type=\"tel\" placeholder=\"+32 ...\">\n <\/div>\n <\/div>\n\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"message\">Message *<\/label>\n <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre projet ou votre demande\u2026\" required=\"\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" id=\"submitBtn\" class=\"btn-gold\">Envoyer la demande<\/button>\n <\/form>\n <\/div>\n<\/section>\n\n<div class=\"site-footer-premium\">\n <div class=\"footer-container\">\n <div class=\"footer-brand\">\n <h3>Sapora<\/h3>\n <p>\u00c9picerie fine italienne d’exception. Nous s\u00e9lectionnons avec passion le meilleur des terroirs et du savoir-faire artisanal italien pour sublimer vos tables.<\/p>\n <\/div>\n <div class=\"footer-column\">\n <h4>Nous contacter<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"mailto:contact@sapora.be\">contact@sapora.be<\/a><\/li>\n <li><a href=\"tel:0032496444189\">0032 (0) 496 44 41 89<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/32496444189\" target=\"_blank\">Discuter sur WhatsApp<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h4>Suivez l’aventure<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/www.facebook.com\/profile.php?id=61583254347793&locale=fr_FR\" target=\"_blank\">Sapora sur Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/sapora.be\" target=\"_blank\">Sapora sur Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 Sapora. Tous droits r\u00e9serv\u00e9s.<\/p>\n <p class=\"footer-bottom-tagline\">Artisans & Terroirs d’Italie<\/p>\n <\/div>\n<\/div>\n\n<script>\n const form = document.getElementById('saporaForm');\n const alertSuccess = document.getElementById('alertSuccess');\n const alertError = document.getElementById('alertError');\n const submitBtn = document.getElementById('submitBtn');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n submitBtn.textContent = 'Envoi en cours...';\n submitBtn.disabled = true;\n\n const formData = new FormData(form);\n \n fetch('https:\/\/formspree.io\/f\/mqakpjpz', {\n method: 'POST',\n body: formData,\n headers: {\n 'Accept': 'application\/json'\n }\n }).then(response => {\n if (response.ok) {\n alertError.style.display = 'none';\n alertSuccess.style.display = 'block'; \n form.reset();\n } else {\n alertSuccess.style.display = 'none';\n alertError.style.display = 'block'; \n }\n }).catch(error => {\n alertSuccess.style.display = 'none';\n alertError.style.display = 'block';\n }).finally(() => {\n submitBtn.textContent = 'Envoyer la demande';\n submitBtn.disabled = false;\n });\n });\n\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n reveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>O\u00f9 nous trouver \u2014 Sapora Points de vente & Partenariats L’Italie pr\u00e8s de chez vous Restaurant partenaire Revendeur partenaire Espace professionnel Devenir revendeurou partenaire Vous g\u00e9rez un restaurant, une \u00e9picerie fine ou un h\u00f4tel d’exception ? Partageons l’amour des vrais produits. \u00c9crivez-nous pour recevoir notre catalogue professionnel ou discuter d’une collaboration sur-mesure. \u2709 contact@sapora.be \u260e…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":29,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560\/revisions"}],"predecessor-version":[{"id":873,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560\/revisions\/873"}],"wp:attachment":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/media?parent=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":560,"date":"2026-05-15T16:31:56","date_gmt":"2026-05-15T14:31:56","guid":{"rendered":"https:\/\/sapora.be\/?page_id=560"},"modified":"2026-05-21T21:49:25","modified_gmt":"2026-05-21T19:49:25","slug":"boutique-2-0","status":"publish","type":"page","link":"https:\/\/sapora.be\/index.php\/boutique-2-0\/","title":{"rendered":"ou nous retrouvez"},"content":{"rendered":"\n\n\n\n\n\nO\u00f9 nous trouver \u2014 Sapora<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F7F2EA;\n --warm-white: #FDFAF5;\n --olive: #2C2A1E;\n --gold: #B8932A;\n --gold-light: #D4A843;\n --muted: #7A7260;\n --border: rgba(184,147,42,0.25);\n }\n\n \/* \u2500\u2500\u2500 BLOCAGE RADICAL DU FOND ACCUEIL ET WORDPRESS (SUPPRIME LA BANDE BLANCHE) \u2500\u2500\u2500 *\/\n html { scroll-behavior: smooth; background: #1A1913 !important; }\n\n body {\n font-family: 'Jost', sans-serif;\n background: var(--warm-white);\n color: var(--olive);\n overflow-x: hidden;\n margin: 0;\n }\n\n #page, .site, .wp-site-blocks, .main, .site-container, #wp--skip-link--target {\n background-color: transparent !important;\n background: transparent !important;\n padding-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n\n \/* \u2500\u2500\u2500 MODIFICATION PLEINE LARGEUR (FULL WIDTH FORC\u00c9) \u2500\u2500\u2500 *\/\n .hero, .map-section, .b2b-section, .site-footer-premium {\n width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n max-width: 100vw !important;\n }\n\n \/* \u2500\u2500\u2500 MASQUAGE DE L'ANCIEN FOOTER THEME WORDPRESS \u2500\u2500\u2500 *\/\n footer:not(.site-footer-premium), .site-footer, #colophon, .wp-block-template-part {\n display: none !important;\n height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n background: var(--cream);\n padding: 11rem 2rem 5rem; \n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: -160px !important; \n z-index: 1 !important; \n }\n\n header, .site-header, #masthead {\n position: relative !important;\n z-index: 9999 !important;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n border: 0.5px solid rgba(184,147,42,0.1);\n pointer-events: none;\n }\n\n .hero-sup {\n font-size: 0.62rem;\n font-weight: 300;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.25rem;\n opacity: 0;\n animation: fadeUp 0.8s ease 0.2s forwards;\n }\n\n .hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.8rem, 5vw, 4.5rem);\n font-weight: 300;\n line-height: 1.1;\n color: var(--olive);\n opacity: 0;\n animation: fadeUp 0.8s ease 0.35s forwards;\n }\n\n .hero-title em { font-style: italic; color: var(--gold); }\n\n \/* \u2500\u2500\u2500 MAP OPTIMIS\u00c9E DESIGN SAPORA \u2500\u2500\u2500 *\/\n .map-section {\n padding: 0 0 5rem;\n background: var(--warm-white);\n }\n\n .map-container {\n width: 100%;\n height: 500px;\n background: #EEE9E0;\n position: relative;\n overflow: hidden;\n border-top: 0.5px solid var(--border);\n border-bottom: 0.5px solid var(--border);\n }\n\n .map-container iframe {\n width: 100%;\n height: calc(100% + 75px) !important;\n margin-top: -55px !important;\n border: none;\n filter: sepia(35%) hue-rotate(5deg) contrast(95%) saturate(90%);\n }\n\n .map-legend {\n max-width: 960px;\n margin: 3rem auto 0;\n padding: 0 2rem;\n display: flex;\n gap: 2.5rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n font-size: 0.72rem;\n font-weight: 300;\n letter-spacing: 0.1em;\n color: var(--muted);\n }\n\n .legend-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .dot-gold { background: var(--gold); }\n .dot-olive { background: var(--olive); }\n .dot-terra { background: #8B3E2F; }\n\n \/* \u2500\u2500\u2500 B2B \u2500\u2500\u2500 *\/\n .b2b-section {\n background: var(--olive);\n padding: 7rem 2rem;\n margin-bottom: 0 !important; \n position: relative;\n z-index: 1 !important;\n }\n\n .b2b-inner {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem;\n align-items: start;\n }\n\n .b2b-sup {\n font-size: 0.62rem;\n font-weight: 300;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1.25rem;\n display: block;\n }\n\n .b2b-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 300;\n line-height: 1.2;\n color: var(--cream);\n margin-bottom: 1.75rem;\n }\n\n .b2b-title em { font-style: italic; color: var(--gold-light); }\n\n .b2b-body {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 2;\n color: rgba(247,242,234,0.6);\n margin-bottom: 2.5rem;\n }\n\n .b2b-contacts { display: flex; flex-direction: column; gap: 0.9rem; }\n\n .b2b-contact-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.78rem;\n font-weight: 300;\n color: rgba(247,242,234,0.75);\n }\n\n .b2b-contact-item a { color: var(--gold-light); text-decoration: none; }\n .b2b-contact-item a:hover { text-decoration: underline; }\n\n .contact-icon {\n width: 32px; height: 32px;\n border: 0.5px solid rgba(184, 147, 42, 0.25);\n display: flex; align-items: center; justify-content: center;\n font-size: 0.85rem;\n flex-shrink: 0;\n }\n\n \/* Style des alertes de soumission *\/\n .form-alert {\n padding: 1rem;\n margin-bottom: 1.5rem;\n font-size: 0.85rem;\n font-weight: 300;\n letter-spacing: 0.05em;\n display: none;\n }\n .form-alert.success {\n background: rgba(107, 124, 94, 0.2);\n border: 0.5px solid var(--gold);\n color: var(--cream);\n }\n .form-alert.error {\n background: rgba(139, 62, 47, 0.2);\n border: 0.5px solid #8B3E2F;\n color: #C4634D;\n }\n\n \/* Formulaire *\/\n .b2b-form { display: flex; flex-direction: column; gap: 1.25rem; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\n .form-field { display: flex; flex-direction: column; gap: 0.5rem; }\n\n .form-label {\n font-size: 0.6rem;\n font-weight: 300;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(247,242,234,0.45);\n }\n\n .form-input,\n .form-textarea {\n font-family: 'Jost', sans-serif;\n font-size: 0.82rem;\n font-weight: 300;\n color: #FFFFFF !important; \n background: transparent;\n border: none;\n border-bottom: 0.5px solid rgba(184,147,42,0.4);\n padding: 0.75rem 0;\n outline: none;\n transition: border-color 0.3s ease;\n width: 100%;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder { \n color: rgba(247, 242, 234, 0.45) !important; \n }\n \n .form-input:focus,\n .form-textarea:focus { border-bottom-color: var(--gold); }\n .form-textarea { resize: vertical; min-height: 110px; }\n\n .btn-gold {\n font-family: 'Jost', sans-serif;\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #1C1A15;\n background: var(--gold);\n border: none;\n padding: 1rem 2.5rem;\n cursor: pointer;\n align-self: flex-start;\n transition: background 0.3s ease, transform 0.2s ease;\n }\n\n .btn-gold:hover { background: var(--gold-light); transform: translateY(-1px); }\n\n \/* \u2500\u2500\u2500 FOOTER PREMIUM COMPACT ET \u00c9PUR\u00c9 \u2500\u2500\u2500 *\/\n .site-footer-premium {\n background-color: #1A1913 !important;\n color: var(--cream) !important;\n padding: 4rem 5% 2rem 5% !important; \n border-top: 1px solid rgba(184, 147, 42, 0.15);\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n position: relative;\n z-index: 10 !important;\n display: block !important;\n box-shadow: 0px 500px 0px 500px #1A1913;\n }\n\n .footer-container {\n max-width: 1800px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 8rem;\n padding-bottom: 3rem; \n border-bottom: 1px solid rgba(247, 242, 234, 0.1);\n }\n\n .footer-brand h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 2.4rem;\n font-weight: 400;\n letter-spacing: 0.05em;\n color: var(--gold-light);\n margin-bottom: 1.25rem;\n }\n\n .footer-brand p {\n font-size: 0.95rem;\n font-weight: 300;\n line-height: 1.9;\n color: rgba(247, 242, 234, 0.65);\n max-width: 600px;\n }\n\n .footer-column h4 {\n font-family: 'Jost', sans-serif;\n font-size: 0.85rem;\n font-weight: 400;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--cream);\n margin-bottom: 1.5rem;\n }\n\n .footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .footer-links li {\n margin-bottom: 0.85rem;\n }\n\n .footer-links a {\n font-size: 0.95rem;\n font-weight: 300;\n color: rgba(247, 242, 234, 0.65) !important;\n text-decoration: none;\n transition: color 0.3s ease, padding-left 0.3s ease;\n display: inline-block;\n }\n\n .footer-links a:hover {\n color: var(--gold-light) !important;\n padding-left: 6px;\n }\n\n .footer-bottom {\n max-width: 1800px;\n margin: 0 auto;\n padding-top: 1.75rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.85rem;\n font-weight: 300;\n color: rgba(247, 242, 234, 0.4);\n }\n\n .footer-bottom-tagline {\n letter-spacing: 0.15em;\n text-transform: uppercase;\n font-size: 0.75rem;\n color: rgba(184, 147, 42, 0.7);\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(20px); }\n to { opacity:1; transform:translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.85s ease, transform 0.85s ease;\n }\n .reveal.visible { opacity:1; transform:translateY(0); }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 860px) {\n .hero, .marquee-wrap, section, .site-footer-premium {\n width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n left: auto;\n right: auto;\n }\n .hero {\n margin-top: 0 !important;\n padding: 5rem 1.5rem 3.5rem;\n }\n .b2b-section {\n margin-bottom: 0 !important;\n }\n .b2b-inner { grid-template-columns: 1fr; gap: 3rem; }\n .form-row { grid-template-columns: 1fr; }\n .map-container { height: 360px; }\n .footer-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }\n .footer-brand p { max-width: 100%; margin: 0 auto; }\n .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }\n }\n\n @media (max-width: 500px) {\n .hero { padding: 5rem 1.5rem 3.5rem; }\n .b2b-section { padding: 4rem 1.5rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <p class=\"hero-sup\">Points de vente & Partenariats<\/p>\n <h1 class=\"hero-title\">L’Italie pr\u00e8s de <em>chez vous<\/em><\/h1>\n<\/section>\n\n<section class=\"map-section\">\n <div class=\"map-container\">\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/1\/embed?mid=1UEniO2mCR4WVN2eQcJCUpgjyA-HM6uM&ehbc=2E312F\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n <\/div>\n\n <div class=\"map-legend reveal\">\n <div class=\"legend-item\"><span class=\"legend-dot dot-olive\"><\/span>Restaurant partenaire<\/div>\n <div class=\"legend-item\"><span class=\"legend-dot dot-terra\"><\/span>Revendeur partenaire<\/div>\n <\/div>\n<\/section>\n\n<section class=\"b2b-section\">\n <div class=\"b2b-inner\">\n <div class=\"reveal\">\n <span class=\"b2b-sup\">Espace professionnel<\/span>\n <h2 class=\"b2b-title\">Devenir revendeur<br>ou <em>partenaire<\/em><\/h2>\n <p class=\"b2b-body\">Vous g\u00e9rez un restaurant, une \u00e9picerie fine ou un h\u00f4tel d’exception ? Partageons l’amour des vrais produits. \u00c9crivez-nous pour recevoir notre catalogue professionnel ou discuter d’une collaboration sur-mesure.<\/p>\n <div class=\"b2b-contacts\">\n <div class=\"b2b-contact-item\">\n <div class=\"contact-icon\">\u2709<\/div>\n <span><a href=\"mailto:contact@sapora.be\">contact@sapora.be<\/a><\/span>\n <\/div>\n <div class=\"b2b-contact-item\">\n <div class=\"contact-icon\">\u260e<\/div>\n <span><a href=\"tel:+32496444189\">+32 (0)496 44 41 89<\/a><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"b2b-form reveal\" style=\"transition-delay:0.15s\" id=\"saporaForm\">\n <div id=\"alertSuccess\" class=\"form-alert success\">Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. L’\u00e9quipe Sapora vous recontactera tr\u00e8s rapidement !<\/div>\n <div id=\"alertError\" class=\"form-alert error\">Une erreur est survenue. Veuillez envoyer votre demande directement \u00e0 contact@sapora.be<\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"nom\">Nom *<\/label>\n <input class=\"form-input\" id=\"nom\" name=\"nom\" type=\"text\" placeholder=\"Votre nom\" required=\"\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"entreprise\">Entreprise<\/label>\n <input class=\"form-input\" id=\"entreprise\" name=\"entreprise\" type=\"text\" placeholder=\"Nom de l'\u00e9tablissement\">\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"email\">Email *<\/label>\n <input class=\"form-input\" id=\"email\" name=\"email\" type=\"email\" placeholder=\"votre@email.com\" required=\"\">\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"tel\">T\u00e9l\u00e9phone<\/label>\n <input class=\"form-input\" id=\"tel\" name=\"tel\" type=\"tel\" placeholder=\"+32 ...\">\n <\/div>\n <\/div>\n\n <div class=\"form-field\">\n <label class=\"form-label\" for=\"message\">Message *<\/label>\n <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre projet ou votre demande\u2026\" required=\"\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" id=\"submitBtn\" class=\"btn-gold\">Envoyer la demande<\/button>\n <\/form>\n <\/div>\n<\/section>\n\n<div class=\"site-footer-premium\">\n <div class=\"footer-container\">\n <div class=\"footer-brand\">\n <h3>Sapora<\/h3>\n <p>\u00c9picerie fine italienne d’exception. Nous s\u00e9lectionnons avec passion le meilleur des terroirs et du savoir-faire artisanal italien pour sublimer vos tables.<\/p>\n <\/div>\n <div class=\"footer-column\">\n <h4>Nous contacter<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"mailto:contact@sapora.be\">contact@sapora.be<\/a><\/li>\n <li><a href=\"tel:0032496444189\">0032 (0) 496 44 41 89<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/32496444189\" target=\"_blank\">Discuter sur WhatsApp<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-column\">\n <h4>Suivez l’aventure<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/www.facebook.com\/profile.php?id=61583254347793&locale=fr_FR\" target=\"_blank\">Sapora sur Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/sapora.be\" target=\"_blank\">Sapora sur Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 Sapora. Tous droits r\u00e9serv\u00e9s.<\/p>\n <p class=\"footer-bottom-tagline\">Artisans & Terroirs d’Italie<\/p>\n <\/div>\n<\/div>\n\n<script>\n const form = document.getElementById('saporaForm');\n const alertSuccess = document.getElementById('alertSuccess');\n const alertError = document.getElementById('alertError');\n const submitBtn = document.getElementById('submitBtn');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n submitBtn.textContent = 'Envoi en cours...';\n submitBtn.disabled = true;\n\n const formData = new FormData(form);\n \n fetch('https:\/\/formspree.io\/f\/mqakpjpz', {\n method: 'POST',\n body: formData,\n headers: {\n 'Accept': 'application\/json'\n }\n }).then(response => {\n if (response.ok) {\n alertError.style.display = 'none';\n alertSuccess.style.display = 'block'; \n form.reset();\n } else {\n alertSuccess.style.display = 'none';\n alertError.style.display = 'block'; \n }\n }).catch(error => {\n alertSuccess.style.display = 'none';\n alertError.style.display = 'block';\n }).finally(() => {\n submitBtn.textContent = 'Envoyer la demande';\n submitBtn.disabled = false;\n });\n });\n\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n reveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>O\u00f9 nous trouver \u2014 Sapora Points de vente & Partenariats L’Italie pr\u00e8s de chez vous Restaurant partenaire Revendeur partenaire Espace professionnel Devenir revendeurou partenaire Vous g\u00e9rez un restaurant, une \u00e9picerie fine ou un h\u00f4tel d’exception ? Partageons l’amour des vrais produits. \u00c9crivez-nous pour recevoir notre catalogue professionnel ou discuter d’une collaboration sur-mesure. \u2709 contact@sapora.be \u260e…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-560","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":29,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560\/revisions"}],"predecessor-version":[{"id":873,"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/pages\/560\/revisions\/873"}],"wp:attachment":[{"href":"https:\/\/sapora.be\/index.php\/wp-json\/wp\/v2\/media?parent=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}