{"id":6,"date":"2025-12-22T15:03:02","date_gmt":"2025-12-22T15:03:02","guid":{"rendered":"https:\/\/mayzeera.be\/?page_id=6"},"modified":"2026-05-14T20:10:57","modified_gmt":"2026-05-14T20:10:57","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/mayzeera.be\/","title":{"rendered":""},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n \n \n \n \u00c9ducatrice Canine Li\u00e8ge – MAYZEERA | \u00c9ducation Canine & Balades<\/title>\n<meta name=\"description\" content=\"\u00c9ducatrice canine \u00e0 Li\u00e8ge. S\u00e9ances d'\u00e9ducation canine individuelles et collectives, balades \u00e9ducatives et r\u00e9cr\u00e9ative, agility, recherche olfactive et dog walking. M\u00e9thode adaptative pour un bin\u00f4me \u00e9panoui.\" \/>\n \n<!-- Int\u00e9gration de la police Satisfy depuis Google Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Satisfy&display=swap\" rel=\"stylesheet\">\n\n \n\n <style>\n :root{\n --bg1:#fff7ed;\n --text:#0f172a;\n --muted:#475569;\n --card:#ffffff;\n --ring:#e2e8f0;\n --soft:#f8fafc;\n --accent:#0f172a;\n --accent2:#0ea5a4;\n --amber:#f59e0b;\n --radius:18px;\n --shadow: 0 8px 24px rgba(15,23,42,.08);\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--text);\n background: linear-gradient(to bottom, var(--bg1), #fff, #fff);\n }\n a{color:inherit; text-decoration:none}\n \/* ==================== CONTAINER ==================== *\/\n.container {\n max-width: 100%;\n margin: 0 auto;\n padding: 0 30px;\n width: 100%;\n box-sizing: border-box;\n}\n\n\/* Sur grands \u00e9crans : on r\u00e9duit fortement les marges lat\u00e9rales *\/\n@media (min-width: 1200px) {\n .container {\n padding: 0 40px;\n }\n}\n\n\/* Sur tr\u00e8s grands \u00e9crans : full edge-to-edge (ce que tu veux) *\/\n@media (min-width: 1600px) {\n .container {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\/* ==================== TOPBAR & HEADER ==================== *\/\n.topbar-inner {\n padding: 10px 30px;\n}\n\n@media (min-width: 1200px) {\n .topbar-inner {\n padding-left: 40px;\n padding-right: 40px;\n }\n}\n\n@media (min-width: 1600px) {\n .topbar-inner {\n padding-left: 0;\n padding-right: 0;\n }\n}\n .topbar{\n position:sticky;\n top:0;\n z-index:999;\n width:100%;\n margin:0;\n padding:0;\n\n background:#ffffff; \/* important *\/\n border-bottom:1px solid rgba(226,232,240,.7);\n}\n\n \/* \u2705 CORRECTION : sur t\u00e9l\u00e9phone\/petits \u00e9crans, la topbar ne suit plus le scroll *\/\n @media (max-width: 859px){\n .topbar{ position: static; }\n }\n\n .topbar-inner{\n display:flex;\n align-items:center;\n justify-content:space-between;\n width:100%;\n padding:6px 40px; \/* \ud83d\udd25 espace gauche\/droite *\/\n}\n .brand{display:flex; gap:12px; align-items:center;}\n\n .logo{\n width:100px;\n height:100px;\n border-radius:16px;\n overflow:hidden;\n box-shadow: var(--shadow);\n background: transparent;\n flex: 0 0 auto;\n }\n .logo img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n }\n\n .brand small{display:block; color:var(--muted); margin-top:2px}\n\n \/* Police Satisfy UNIQUEMENT sur le titre principal *\/\n .hero-title {\n font-family: 'Satisfy', cursive !important;\n font-weight: normal;\n font-size: 42px;\n line-height: 1.25;\n margin: 14px 0 0;\n letter-spacing: 0.3px;\n }\n @media(min-width:860px){\n .hero-title { font-size: 52px; }\n }\n\n \/* Menu mobile *\/\n @media (max-width: 859px){\n\n .mobile-nav{\n display:grid;\n grid-template-columns: repeat(2, 1fr);\n gap:10px;\n width:100%;\n padding:10px;\n }\n\n .mobile-nav a{\n display:flex;\n justify-content:center;\n align-items:center;\n text-align:center;\n font-size:13px;\n padding:10px;\n border-radius:14px;\n background:#fff;\n border:1px solid var(--ring);\n }\n\n \/* bouton r\u00e9server prend toute la largeur *\/\n .mobile-nav .btn-booking{\n grid-column:1 \/ -1;\n margin-top:4px;\n }\n\n}\n .mobile-nav a{\n font-size:14px;\n font-weight:600;\n padding:6px 12px;\n border-radius:12px;\n }\n .mobile-nav a:hover{\n background: rgba(15,23,42,.06);\n }\n\n nav{\n display:none;\n gap:10px;\n align-items:center;\n }\n @media (min-width: 860px){\n nav{display:flex;}\n .mobile-nav{display:none;}\n }\n\n .icon-btn{\n width:40px;\n height:40px;\n border-radius:16px;\n display:flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n background:#fff;\n border:1px solid var(--ring);\n }\n .icon-btn:hover{\n background:#fff;\n box-shadow: 0 4px 14px rgba(15,23,42,.08);\n }\n .icon-btn img{\n display:block;\n object-fit:contain;\n }\n\n .social-ico.insta{ width:30px; height:30px; }\n .social-ico.other{ width:22px; height:22px; }\n\n .btn{\n display:inline-flex; align-items:center; justify-content:center;\n gap:10px;\n padding:10px 14px;\n border-radius:18px;\n font-weight:600;\n font-size:14px;\n border:1px solid transparent;\n box-shadow: 0 1px 0 rgba(15,23,42,.06);\n cursor:pointer;\n font-family: inherit;\n }\n .btn.primary{background:var(--accent); color:#fff;}\n .btn-booking{background:#dc2626; color:#fff; border:none;}\n .btn-booking:hover{background:#b91c1c;}\n .btn.primary:hover{background:#111c33;}\n .btn.secondary{background:#fff; color:var(--text); border:1px solid var(--ring);}\n .btn.secondary:hover{background:var(--soft);}\n .btn.ghost{background:transparent; color:var(--text);}\n .btn.ghost:hover{background:rgba(15,23,42,.06)}\n .pill{\n display:inline-flex; align-items:center;\n padding:6px 10px;\n border-radius:999px;\n font-size:13px;\n\n background: rgba(196, 122, 44, 0.18);\n color: #9A5A1F;\n\n border: 1px solid rgba(196, 122, 44, 0.35);\n}\n .grid{display:grid; gap:18px;}\n .card{\n background:var(--card);\n border:1px solid var(--ring);\n border-radius: var(--radius);\n box-shadow: 0 4px 18px rgba(15,23,42,.06);\n }\n .section{padding:48px 0;}\n\n .hero{padding:32px 0 32px;}\n .hero-grid{display:grid; gap:22px;}\n @media(min-width: 860px){ .hero-grid{grid-template-columns: 1fr; } }\n\n h1{font-size:28px; line-height:1.2; margin:14px 0 0;}\n @media(min-width:860px){ h1{font-size:36px;} }\n\n h2{font-size:26px; margin:0;}\n @media(min-width:860px){ h2{font-size:32px;} }\n p{margin:10px 0 0; color:var(--muted); line-height:1.5;}\n\n .mini-cards{display:grid; gap:12px; margin-top:18px;}\n @media(min-width:700px){ .mini-cards{grid-template-columns: repeat(3, 1fr);} }\n .mini{padding:14px;}\n .mini strong{display:block;}\n\n .hero-photos{\n display:flex;\n gap:16px;\n margin-top:26px;\n width:100%;\n justify-content:space-between;\n }\n .hero-photos img{\n width:calc((100% - 48px) \/ 4);\n aspect-ratio: 1 \/ 1;\n object-fit:cover;\n border-radius:18px;\n box-shadow: 0 8px 20px rgba(15,23,42,.12);\n display:block;\n }\n @media(max-width:860px){\n .hero-photos{flex-wrap:wrap;}\n .hero-photos img{width:100%; aspect-ratio: 4 \/ 3;}\n }\n\n @media(max-width:860px){\n .hero-photos img{\n max-height:220px;\n }\n }\n\n .service-layout{display:grid; gap:18px;}\n @media(min-width: 1020px){ .service-layout{grid-template-columns: 1fr 2fr;} }\n .service-list{padding:12px;}\n .service-btn{\n width:100%;\n border:none;\n background:#fff;\n border-radius:18px;\n padding:14px;\n display:flex;\n gap:12px;\n text-align:left;\n cursor:pointer;\n border:1px solid var(--ring);\n transition:.15s ease;\n font-family: inherit;\n }\n .service-btn + .service-btn{margin-top:10px;}\n .service-btn:hover{background:var(--soft)}\n .service-btn.active{\n background:var(--accent);\n border-color: transparent;\n color:#fff;\n }\n .service-btn .badge{\n width:40px; height:40px; border-radius:16px;\n display:grid; place-items:center;\n background: rgba(15,23,42,.06);\n }\n .service-btn.active .badge{background: rgba(255,255,255,.14)}\n .service-btn .desc{font-size:13px; margin-top:4px; color:var(--muted);}\n .service-btn.active .desc{color: rgba(255,255,255,.80)}\n .service-detail{padding:20px;}\n .price-grid{display:grid; gap:10px; margin-top:14px;}\n @media(min-width: 700px){ .price-grid{grid-template-columns: repeat(2, 1fr);} }\n .price-row{\n display:flex; justify-content:space-between; align-items:center;\n padding:10px 12px;\n border-radius:14px;\n background: var(--soft);\n border:1px solid var(--ring);\n font-size:14px;\n }\n .info-amber{\n margin-top:16px;\n padding:14px;\n border-radius:18px;\n background: rgba(245,158,11,.15);\n border:1px solid rgba(245,158,11,.25);\n color:#7c4a03;\n }\n\n .agenda-wrap{overflow:hidden;}\n .agenda-grid{display:grid;}\n @media(min-width: 1020px){ .agenda-grid{grid-template-columns: 1.1fr .9fr;} }\n iframe{border:0; width:100%;}\n .agenda-side{padding:20px;}\n\n .member{padding:20px;}\n .member-grid{display:grid; gap:12px; margin-top:12px;}\n @media(min-width: 860px){ .member-grid{grid-template-columns: 1fr 1fr;} }\n\n .member-img{\n width:100%;\n display:block;\n border-radius:18px;\n border:1px solid var(--ring);\n box-shadow: 0 10px 24px rgba(15,23,42,.10);\n object-fit:cover;\n }\n\n .member-benefits{\n padding:18px; border-radius:18px;\n border:1px solid var(--ring); background:#fff;\n }\n\n .member-benefits ul{\n margin:10px 0 0;\n padding-left:0;\n list-style:none;\n color:var(--muted);\n }\n .member-benefits li{ margin:6px 0; }\n\n .panel{ padding:26px; }\n\n .faq-grid2{\n margin-top:16px;\n display:grid;\n gap:12px;\n }\n @media(min-width:860px){\n .faq-grid2{ grid-template-columns: 1fr 1fr; }\n }\n .faq-grid2 details{\n padding:14px;\n border:1px solid var(--ring);\n border-radius:18px;\n background:#fff;\n }\n .faq-grid2 summary{cursor:pointer; font-weight:700;}\n .faq-grid2 details p{margin-top:10px;}\n\n .contact-rect{\n margin-top:16px;\n border:1px solid var(--ring);\n border-radius:18px;\n padding:22px;\n background:#fff;\n display:grid;\n gap:18px;\n }\n @media(min-width:1020px){\n .contact-rect{\n grid-template-columns: 1fr 1fr;\n align-items:start;\n }\n }\n .contact-left p{\n margin-top:10px;\n line-height:1.6;\n}\n\n .contact-items{\n margin-top:16px;\n display:grid;\n gap:12px;\n }\n .contact-item{\n display:flex;\n gap:12px;\n align-items:center;\n padding:14px;\n border-radius:18px;\n background: var(--soft);\n border:1px solid var(--ring);\n }\n .contact-item:hover{background:#f1f5f9;}\n .contact-ico{\n width:44px;\n height:44px;\n border-radius:16px;\n display:grid;\n place-items:center;\n background:#fff;\n border:1px solid var(--ring);\n }\n .contact-title{font-weight:900;}\n .contact-sub{\n font-size:14px;\n color:var(--muted);\n margin-top:2px;\n }\n\n footer{padding:22px 0 16px; text-align:center; color:#64748b; font-size:12px;}\n .hide-sm{display:none;}\n @media(min-width: 700px){ .hide-sm{display:inline-flex;} }\n\n \/* =========================\n MODAL OBJECTIFS (IMAGES)\n ========================== *\/\n .modal-overlay{\n position:fixed;\n inset:0;\n background: rgba(15,23,42,.45);\n display:none;\n align-items:center;\n justify-content:center;\n padding:18px;\n z-index:999;\n }\n .modal-overlay.open{\n display:flex;\n z-index:1000;\n}\n\n .modal{\n width:min(920px, 100%);\n max-height: calc(100vh - 36px);\n background:#fff;\n border:1px solid var(--ring);\n border-radius:22px;\n box-shadow: 0 18px 60px rgba(15,23,42,.25);\n overflow:hidden;\n display:flex;\n flex-direction:column;\n }\n .modal-header{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:12px;\n padding:16px 18px;\n border-bottom:1px solid var(--ring);\n background:#fff;\n flex: 0 0 auto;\n }\n .modal-title{\n font-weight:900;\n font-size:16px;\n color:var(--text);\n }\n .modal-close{\n width:40px;\n height:40px;\n border-radius:16px;\n border:1px solid var(--ring);\n background:#fff;\n cursor:pointer;\n display:grid;\n place-items:center;\n font-family: inherit;\n }\n .modal-close:hover{ background: var(--soft); }\n\n .modal-body{\n padding:16px 18px 18px;\n overflow:auto;\n flex: 1 1 auto;\n }\n\n .modal-img-grid{\n display:grid;\n gap:12px;\n grid-template-columns: 1fr;\n }\n .modal-img-grid.two{\n grid-template-columns: 1fr 1fr;\n }\n @media (max-width: 720px){\n .modal-img-grid.two{\n grid-template-columns: 1fr;\n }\n }\n\n .modal-img{\n width:100%;\n height:auto;\n max-height: calc(100vh - 220px);\n display:block;\n border-radius:18px;\n border:1px solid var(--ring);\n object-fit:contain;\n background:#fff;\n }\n\n .modal-footer{\n padding:14px 18px 18px;\n border-top:1px solid var(--ring);\n background:#fff;\n display:flex;\n justify-content:flex-end;\n gap:10px;\n flex: 0 0 auto;\n }\n\n \/* Logo hero : rapproch\u00e9 du pill et \u00e9quilibr\u00e9 avec le slogan *\/\n .hero-logo {\n width: 180px;\n height: auto;\n margin: 18px auto 18px;\n overflow: hidden;\n background: transparent;\n }\n .hero-logo img {\n width: 100%;\n height: auto;\n display: block;\n }\n @media (min-width: 860px) {\n .hero-logo {\n width: 240px;\n margin: 24px auto 24px;\n }\n }\n\n \/* Espace entre le ruban .pill et le logo fortement r\u00e9duit *\/\n .hero-pill {\n display: block;\n margin-bottom: 20px;\n }\n \/* Bouton WhatsApp flottant *\/\n.whatsapp-float{\n position:fixed;\n bottom:26px;\n right:26px;\n width:70px;\n height:70px;\n z-index:999;\n animation: whatsappPulse 2.8s infinite;\n}\n\nbody.modal-open .whatsapp-float{\n display:none;\n}\n\n.whatsapp-float img{\n width:100%;\n height:100%;\n}\n\n\/* Bulle texte *\/\n.whatsapp-bubble{\n position:fixed;\n bottom:100px;\n right:20px;\n background:#ffffff;\n border-radius:14px;\n padding:8px 12px;\n font-size:14px;\n border:1px solid #e2e8f0;\n box-shadow:0 6px 20px rgba(0,0,0,0.08);\n z-index:998;\n\n max-width:220px;\n white-space:normal;\n text-align:center;\n\n opacity:0;\n transform:translateY(10px);\n transition:all .4s ease;\n}\n\n.whatsapp-bubble.show{\n opacity:1;\n transform:translateY(0);\n}\n\n@keyframes whatsappPulse{\n 0%{transform:scale(1);}\n 50%{transform:scale(1.08);}\n 100%{transform:scale(1);}\n} \n\n@media (max-width:700px){\n #cmplz-manage-consent,\n .cmplz-manage-consent,\n .cmplz-cookiebanner,\n .cmplz-btn,\n .cmplz-floating-button {\n display:none !important;\n }\n}\n\n@media (max-width:700px){\n #cmplz-manage-consent{\n display:none;\n }\n}\n\n@media (max-width:860px){\n .whatsapp-bubble{\n display:none !important;\n }\n}\n\nbody.modal-open .whatsapp-bubble{\n display:none;\n}\n\n.hero-subtitle{\n font-family:'Satisfy', cursive;\n font-size:24px;\n line-height:1.35;\n margin-top:12px;\n color:var(--text);\n}\n\n@media(max-width:860px){\n .hero-subtitle{\n font-size:20px;\n }\n}\n\n@media(max-width:500px){\n #bookingModal .modal-body div{\n flex-direction:column;\n }\n\n #bookingModal .btn{\n width:100%;\n }\n}\n\n.hero-title{\n text-align:center;\n}\n\n.hero-subtitle{\n text-align:center;\n max-width:650px;\n margin-left:auto;\n margin-right:auto;\n}\n\n.hero-pill{\n display:block;\n text-align:center;\n margin-left:auto;\n margin-right:auto;\n}\n\n@media(max-width:860px){\n .hero-pill{\n font-size:11px;\n line-height:1.5;\n padding:6px 10px;\n max-width:320px;\n margin-left:auto;\n margin-right:auto;\n }\n}\n\n.socials{\n display:flex;\n gap:8px;\n justify-self:end;\n}\n\n.topbar{\n margin-top:0;\n padding-top:0;\n}\n\nhtml, body{\n margin:0 !important;\n padding:0 !important;\n}\n\nbody > *:first-child{\n margin-top:0 !important;\n}\n\nbody{\n margin-top:0 !important;\n}\n\n.topbar-inner{\n width:100%;\n}\n\n.topbar{\n position:sticky;\n}\n\n.socials{\n display:flex;\n gap:10px;\n margin-left:20px; \/* espace avec le bouton *\/\n}\n\nhtml {\n scroll-behavior: smooth;\n scroll-padding-top: 60px; \/* ajuste selon la hauteur de ton header *\/\n}\n\nsection {\n scroll-margin-top: 60px; \/* m\u00eame valeur *\/\n}\n\n@media (max-width: 859px){\n .booking-center{\n display:none;\n }\n}\n\n.mobile-nav{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n justify-content:center;\n padding:10px;\n}\n\n.mobile-nav a{\n font-size:13px;\n}\n\n.mobile-nav .btn-booking{\n width:100%;\n text-align:center;\n margin-top:6px;\n padding:10px;\n border-radius:14px;\n}\n\n@media (max-width: 859px){\n\n .topbar-inner{\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:8px;\n padding:12px 10px;\n }\n\n}\n\n@media (max-width: 859px){\n\n .brand{\n flex-direction:column;\n align-items:center;\n text-align:center;\n gap:6px;\n }\n\n .logo{\n width:80px;\n height:80px;\n }\n\n}\n\n@media (max-width: 859px){\n\n .socials{\n display:none;\n }\n\n .booking-center{\n display:none;\n }\n\n}\n\n@media (max-width: 859px){\n\n .mobile-nav{\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n gap:8px;\n width:100%;\n padding:8px 10px 12px;\n }\n\n .mobile-nav a{\n font-size:13px;\n padding:8px 12px;\n border-radius:12px;\n background:#fff;\n border:1px solid var(--ring);\n }\n\n}\n\n@media (max-width: 859px){\n\n .mobile-nav .btn-booking{\n width:100%;\n margin-top:6px;\n text-align:center;\n }\n\n}\n\n\/* ===== FIX BOUTON ROUGE MOBILE ===== *\/\n.mobile-nav .btn-booking{\n background:#dc2626 !important;\n color:#fff !important;\n border:none !important;\n}\n\n@media (max-width: 859px){\n .topbar{\n position: static; \/* \ud83d\udd25 cl\u00e9 du comportement naturel *\/\n }\n}\n\n@media (max-width: 859px){\n\n \/* On centre tout le header *\/\n .topbar-inner{\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n }\n\n \/* Logo + texte centr\u00e9s *\/\n .brand{\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n margin:0 auto;\n }\n\n \/* Petit espace propre *\/\n .brand div{\n text-align:center;\n }\n\n}\n\n.carousel {\n overflow: hidden;\n width: 100%;\n}\n\n.carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.carousel img {\n width: 100%;\n flex-shrink: 0;\n object-fit: cover;\n}\n\n\/* \ud83d\udc49 uniquement sur mobile *\/\n@media (min-width: 768px) {\n .carousel-track {\n display: grid;\n grid-template-columns: repeat(4, 1fr); \/* \ud83d\udd25 4 images *\/\n gap:16px;\n transform: none !important;\n }\n\n .carousel img{\n width:100%;\n height:220px;\n object-fit:cover;\n border-radius:18px;\n }\n}\n\n.carousel-hint{\n text-align:center;\n font-size:12px;\n color:#64748b;\n margin-top:10px;\n opacity:0.7;\n letter-spacing:0.5px;\n}\n\n\/* petite animation douce et propre *\/\n.carousel-hint span{\n display:inline-block;\n animation: swipeMove 1.6s infinite;\n}\n\n@keyframes swipeMove{\n 0%{transform:translateX(0); opacity:0.4;}\n 50%{transform:translateX(6px); opacity:1;}\n 100%{transform:translateX(0); opacity:0.4;}\n}\n\n\/* cacher sur desktop *\/\n@media(min-width:768px){\n .carousel-hint{\n display:none;\n }\n}\n\n.carousel-dots{\n display:flex;\n justify-content:center;\n gap:6px;\n margin-top:10px;\n}\n\n.carousel-dots span{\n width:6px;\n height:6px;\n border-radius:50%;\n background:#cbd5e1;\n transition:all 0.3s ease;\n}\n\n.carousel-dots span.active{\n width:18px;\n border-radius:999px;\n background:#0f172a;\n}\n\n\/* cacher sur desktop *\/\n@media(min-width:768px){\n .carousel-dots{\n display:none;\n }\n\n}\n@media (max-width: 859px){\n .hero-actions{\n display:none;\n }\n\n .mini-cards{\n display:none;\n }\n}\n\n\/* ===== HEADER CLEAN FINAL ===== *\/\n\n.topbar{\n position:sticky;\n top:0;\n z-index:999;\n background:#fff;\n border-bottom:1px solid #e2e8f0;\n}\n\n.topbar-inner{\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:10px 30px;\n}\n\n\/* LEFT *\/\n.brand{\n display:flex;\n align-items:center;\n gap:12px;\n}\n\n.logo{\n width:70px;\n height:70px;\n border-radius:12px;\n overflow:hidden;\n}\n\n.logo img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n\/* CENTER *\/\n.main-nav{\n display:flex;\n gap:10px;\n}\n\n\/* RIGHT *\/\n.header-right{\n display:flex;\n align-items:center;\n gap:10px;\n}\n\n.socials{\n display:flex;\n gap:8px;\n}\n\n.icon-btn{\n width:38px;\n height:38px;\n display:flex;\n align-items:center;\n justify-content:center;\n border-radius:12px;\n border:1px solid #e2e8f0;\n background:#fff;\n}\n\n.icon-btn img{\n width:20px;\n height:20px;\n}\n\n\/* MOBILE *\/\n@media (max-width:859px){\n\n .main-nav,\n .header-right{\n display:none;\n }\n\n .topbar-inner{\n flex-direction:column;\n align-items:center;\n gap:10px;\n }\n\n .brand{\n flex-direction:column;\n text-align:center;\n }\n\n .logo{\n width:80px;\n height:80px;\n }\n\n}\n\n\/* ===== HEADER FINAL CLEAN ===== *\/\n\n.topbar{\n position:sticky;\n top:0;\n z-index:999;\n background:#fff;\n border-bottom:1px solid #e2e8f0;\n}\n\n.topbar-inner{\n display:flex;\n align-items:center;\n justify-content:space-between;\n padding:10px 30px;\n}\n\n\/* LEFT *\/\n.brand{\n display:flex;\n align-items:center;\n gap:10px;\n}\n\n.logo{\n width:70px;\n height:70px;\n border-radius:12px;\n overflow:hidden;\n}\n\n.logo img{\n width:100%;\n height:100%;\n object-fit:cover;\n}\n\n.brand-text{\n font-weight:800;\n}\n\n\/* MENU PC *\/\n.nav-desktop{\n display:flex;\n gap:20px;\n}\n\n.nav-desktop a{\n font-weight:600;\n}\n\n\/* RIGHT *\/\n.right{\n display:flex;\n align-items:center;\n gap:12px;\n}\n\n.socials{\n display:flex;\n gap:6px;\n}\n\n.socials img{\n width:20px;\n height:20px;\n}\n\n.btn-booking{\n background:#dc2626;\n color:#fff;\n padding:10px 16px;\n border-radius:999px;\n cursor:pointer;\n}\n\n\/* MOBILE *\/\n.mobile-nav{\n display:none;\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width:859px){\n\n \/* \ud83d\udd25 IMPORTANT \u2192 disparition naturelle au scroll *\/\n .topbar{\n position:static;\n }\n\n .nav-desktop,\n .right{\n display:none;\n }\n\n .topbar-inner{\n flex-direction:column;\n align-items:center;\n gap:8px;\n }\n\n .brand{\n flex-direction:column;\n text-align:center;\n }\n\n .logo{\n width:80px;\n height:80px;\n }\n\n .mobile-nav{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n width:100%;\n padding:10px;\n }\n\n .mobile-nav a{\n text-align:center;\n padding:10px;\n border-radius:12px;\n background:#fff;\n border:1px solid #e2e8f0;\n }\n\n .mobile-nav .btn-booking{\n grid-column:1\/-1;\n }\n\n}\n\n\/* ===== MENU PC STYLE BOUTONS ===== *\/\n\n.nav-desktop a{\n padding:8px 14px;\n border-radius:14px;\n border:1px solid #e2e8f0;\n background:#fff;\n font-size:14px;\n transition:0.2s;\n}\n\n.nav-desktop a:hover{\n background:#f8fafc;\n}\n\/* ===== ICONS SOCIAUX FIX FINAL ===== *\/\n\n.socials a{\n width:38px;\n height:38px;\n display:flex;\n align-items:center;\n justify-content:center;\n border:1px solid #e2e8f0;\n border-radius:12px;\n background:#fff;\n}\n\n.socials img{\n width:20px;\n height:20px;\n object-fit:contain;\n}\n\n\/* \ud83d\udd25 Instagram l\u00e9g\u00e8rement plus grand *\/\n.socials a:first-child img{\n width:26px;\n height:26px;\n}\n.mini-cards{\n margin-bottom: 20px;\n}\n.mini{\n display:flex;\n flex-direction:column;\n align-items:center;\n text-align:center;\n}\n\/* \ud83d\udd34 Bouton \"R\u00e9server une activit\u00e9\" en rouge (section agenda uniquement) *\/\n#agenda .btn.primary{\n background:#dc2626 !important;\n color:#fff !important;\n border:none !important;\n}\n\n#agenda .btn.primary:hover{\n background:#b91c1c !important;\n}\n.booking-buttons .btn-rencontre {\n background-color: #d97706; \/* orange plus fonc\u00e9 (amber 600) *\/\n color: white;\n}\n\n.booking-buttons .btn-rencontre:hover {\n background-color: #b45309; \/* encore plus fonc\u00e9 au survol *\/\n}\n\n.booking-buttons .btn-collectif {\n background-color: #16a34a; \/* vert plus doux (green 600) *\/\n color: white;\n}\n\n.booking-buttons .btn-collectif:hover {\n background-color: #15803d; \/* vert plus profond au hover *\/\n}\n.booking-buttons {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.booking-buttons a {\n width: 100%;\n text-align: center;\n display: block;\n}\n.booking-buttons .btn-reglement {\n background: #f1f5f9;\n color: #334155;\n border: 1px solid #e2e8f0;\n font-size: 13px;\n}\n\n.booking-buttons .btn-reglement:hover {\n background: #e2e8f0;\n}\n\/* ==================== HEADER FINAL - ESPACEMENT + CENTRAGE MENU ==================== *\/\n\n.topbar-inner {\n padding: 10px 40px !important;\n position: relative;\n}\n\n@media (min-width: 1400px) {\n .topbar-inner {\n padding: 10px 60px !important;\n }\n}\n\n.brand {\n margin-right: 20px !important;\n}\n\n\/* Recentrer le menu desktop *\/\n.nav-desktop {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n gap: 12px;\n}\n\n\/* Boutons \u00e0 droite bien align\u00e9s *\/\n.right {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-left: auto;\n}\n\n\/* Mobile : on cache le menu desktop *\/\n@media (max-width: 859px) {\n .nav-desktop {\n display: none !important;\n }\n}\n <\/style>\n <\/head>\n\n <body>\n <!-- TOPBAR -->\n <header class=\"topbar\">\n\n <div class=\"topbar-inner\">\n\n <!-- LOGO -->\n <div class=\"brand\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/IMG_1661.jpeg\">\n <\/div>\n <div class=\"brand-text\">\n MAYZEERA | \u00c9ducation canine\n <\/div>\n <\/div>\n\n <!-- MENU PC -->\n <nav class=\"nav-desktop\">\n <a href=\"#services\">Services<\/a>\n <a href=\"#agenda\">Agenda<\/a>\n <a href=\"#membres\">Carte<\/a>\n <a href=\"#faq\">Questions<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n <!-- DROITE -->\n <div class=\"right\">\n <a class=\"btn-booking\" onclick=\"openBookingModal()\">R\u00e9server<\/a>\n\n <div class=\"socials\">\n <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/insta.jpeg\"><\/a>\n <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/facebook.png\"><\/a>\n <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/tiktok.jpeg\"><\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- MENU MOBILE -->\n <div class=\"mobile-nav\">\n <a href=\"#services\">Services<\/a>\n <a href=\"#agenda\">Agenda<\/a>\n <a href=\"#membres\">Carte<\/a>\n <a href=\"#faq\">Questions<\/a>\n <a href=\"#contact\">Contact<\/a>\n\n <a class=\"btn-booking\" onclick=\"openBookingModal()\">R\u00e9server<\/a>\n <\/div>\n\n<\/header>\n\n <!-- HERO -->\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div>\n <span class=\"pill hero-pill\">\n S\u00e9ances individuelles & collectives \u00b7 Balades r\u00e9cr\u00e9atives & \u00e9ducatives \u00b7 Agility \u00b7 Recherche olfactive \u00b7 Dog walker\n <\/span>\n\n \n <h1 class=\"hero-title\">\nD\u00e9veloppez le potentiel de votre chien.<br>\nUn humain confiant, un chien \u00e9panoui !\n<\/h1>\n\n <p class=\"hero-subtitle\">\n\u00c9ducatrice canine bas\u00e9e en province de Li\u00e8ge, j\u2019accompagne les chiens et leurs humains dans l\u2019\u00e9ducation et les activit\u00e9s canines. <\/p>\n\n <div class=\"mini-cards\">\n <div class=\"card mini\">\n <strong>Travail du bin\u00f4me<\/strong>\n <div style=\"color:var(--muted); margin-top:4px; font-size:14px;\">Confiance & gestion des \u00e9motions<\/div>\n <\/div>\n <div class=\"card mini\">\n <strong>M\u00e9thode adaptative<\/strong>\n <div style=\"color:var(--muted); margin-top:4px; font-size:14px;\">Respect & motivation<\/div>\n <\/div>\n <div class=\"card mini\">\n <strong>Suivi comportemental<\/strong>\n <div style=\"color:var(--muted); margin-top:4px; font-size:14px;\">Conseils personnalis\u00e9s<\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel\">\n <div class=\"carousel-track\">\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/04\/IMG_3132-1-scaled.jpeg\" \/>\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/IMG_3110-scaled.jpeg\" \/>\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/IMG_1465-1-scaled.jpg\" \/>\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/IMG_3018-1-1-scaled.jpeg\" \/>\n <\/div>\n<\/div>\n<div class=\"carousel-dots\"><\/div>\n <\/div>\n <\/section>\n\n <!-- SERVICES -->\n <section id=\"services\" class=\"section\">\n <div class=\"container\">\n <h2>Services & tarifs<\/h2>\n <p>Clique sur une cat\u00e9gorie pour voir le d\u00e9tail.<\/p>\n\n <div class=\"service-layout\" style=\"margin-top:18px;\">\n <div class=\"card service-list\">\n <button class=\"service-btn active\" data-service=\"education\" type=\"button\">\n <div class=\"badge\">\ud83c\udf93<\/div>\n <div>\n <div style=\"font-weight:800;\">\u00c9ducation & cours<\/div>\n <div class=\"desc\">Collectifs et individuels, m\u00e9thode adaptative.<\/div>\n <\/div>\n <\/button>\n\n <button class=\"service-btn\" data-service=\"balades\" type=\"button\">\n <div class=\"badge\">\ud83d\udc3e<\/div>\n <div>\n <div style=\"font-weight:800;\">Balades canines<\/div>\n <div class=\"desc\">Balades canines r\u00e9cr\u00e9atives et \u00e9ducatives.<\/div>\n <\/div>\n <\/button>\n\n <button class=\"service-btn\" data-service=\"olfactive\" type=\"button\">\n <div class=\"badge\">\ud83d\udc43<\/div>\n <div>\n <div style=\"font-weight:800;\">Recherche olfactive<\/div>\n <div class=\"desc\">Stimulation mentale et travail du flair.<\/div>\n <\/div>\n <\/button>\n\n <button class=\"service-btn\" data-service=\"agility\" type=\"button\">\n <div class=\"badge\">\ud83c\udfc1<\/div>\n <div>\n <div style=\"font-weight:800;\">Agility<\/div>\n <div class=\"desc\">Agility individuelle et collective : allier travail avec plaisir.<\/div>\n <\/div>\n <\/button>\n\n <button class=\"service-btn\" data-service=\"dogwalker\" type=\"button\">\n <div class=\"badge\">\ud83d\udeb6\u200d\u2642\ufe0f<\/div>\n <div>\n <div style=\"font-weight:800;\">Dog walker<\/div>\n <div class=\"desc\">Promenade individuelle adapt\u00e9e \u00e0 votre chien.<\/div>\n <\/div>\n <\/button>\n <\/div>\n\n <div class=\"card service-detail\" id=\"serviceDetailCard\">\n <div style=\"display:flex; justify-content:space-between; gap:12px; align-items:flex-start;\">\n <div>\n <h3 id=\"serviceTitle\" style=\"margin:0; font-size:20px;\"><\/h3>\n <p id=\"serviceDesc\"><\/p>\n <\/div>\n <span class=\"pill\">Tarifs<\/span>\n <\/div>\n\n <div id=\"servicePrices\" class=\"price-grid\"><\/div>\n\n <div style=\"margin-top:16px; display:flex; gap:10px; flex-wrap:wrap;\">\n <a class=\"btn primary\" id=\"bookingBtn\" href=\"https:\/\/www.eventbrite.be\/fr_BE\/o\/mayzeera-121009558660\" onclick=\"openBookingModal(); return false;\">R\u00e9server<\/a>\n <a class=\"btn secondary\" href=\"#contact\">Poser une question<\/a>\n <button class=\"btn secondary\" type=\"button\" id=\"objectifsBtn\">Objectifs<\/button>\n <\/div>\n\n <div class=\"info-amber\">\n <strong>Infos pratiques<\/strong>\n <div id=\"serviceInfo\" style=\"margin-top:6px; font-size:14px; line-height:1.5;\"><\/div>\n <\/div>\n\n <div id=\"fidelityBox\" class=\"card\" style=\"margin-top:12px; padding:14px; background:var(--soft); display:none;\">\n <div style=\"font-weight:900;\">* Carte de membre<\/div>\n <div style=\"color:var(--muted); margin-top:6px; font-size:14px; line-height:1.5;\">\n La carte de membre co\u00fbte 100 \u20ac et comprend 10 unit\u00e9s, chaque unit\u00e9 valant 10 \u20ac. Une carte enti\u00e8rement utilis\u00e9e offre <strong>10 \u20ac de r\u00e9duction<\/strong>.\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- AGENDA -->\n <section id=\"agenda\" class=\"section\">\n <div class=\"container\">\n <h2>Agenda en ligne<\/h2>\n\n <div class=\"card agenda-wrap\" style=\"margin-top:18px;\">\n <div class=\"agenda-grid\">\n <div style=\"padding:20px;\">\n\n <!-- Boutons mois -->\n <div id=\"agendaMonths\" style=\"\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n justify-content:center;\n margin-bottom:16px;\n \"><\/div>\n\n <!-- Images mois courant + suivant -->\n <div style=\"display:grid; gap:16px;\">\n <img decoding=\"async\"\n id=\"agendaImageCurrent\"\n src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/calendrierjanvier.jpeg\"\n alt=\"Agenda mensuel courant Mayzeera\"\n loading=\"lazy\"\n style=\"\n width:100%;\n max-width:700px;\n height:auto;\n display:block;\n margin:0 auto;\n border-radius:22px;\n box-shadow: 0 12px 30px rgba(15,23,42,.18);\n \"\n \/>\n\n <img decoding=\"async\"\n id=\"agendaImageNext\"\n src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/02\/calendrierfevrier.jpeg\"\n alt=\"Agenda mensuel suivant Mayzeera\"\n loading=\"lazy\"\n style=\"\n width:100%;\n max-width:700px;\n height:auto;\n display:block;\n margin:0 auto;\n border-radius:22px;\n box-shadow: 0 12px 30px rgba(15,23,42,.18);\n \"\n\/>\n <\/div>\n\n<\/div>\n\n\n <div class=\"agenda-side\">\n <div style=\"font-weight:800; font-size:20px;\">Agenda mensuel<\/div>\n\n <p style=\"margin-top:8px;\">\n L\u2019agenda mensuel est publi\u00e9 en ligne chaque <strong>20 du mois<\/strong> pour le mois suivant.\n<\/p>\n\n<p>\n Les places sont <strong>limit\u00e9es<\/strong> afin de garantir la qualit\u00e9 des activit\u00e9s et la s\u00e9curit\u00e9 des chiens.\n<\/p>\n\n <div\n style=\"\n margin-top:12px;\n padding:14px 16px;\n border-radius:18px;\n background: var(--soft);\n border:1px solid var(--ring);\n color: var(--muted);\n font-size:14px;\n line-height:1.5;\n \"\n >\n Tout nouveau bin\u00f4me souhaitant participer aux balades r\u00e9cr\u00e9atives encadr\u00e9es devra, au pr\u00e9alable,\n prendre part \u00e0 une <strong>balade rencontre avec mes chiens priv\u00e9s<\/strong> (cette r\u00e8gle s’applique aux chiens de plus d’un an).<br\/><br\/>\n Cette \u00e9tape permet de m\u2019assurer de la sociabilit\u00e9 du chien ainsi que de son niveau d\u2019\u00e9nergie,\n afin de garantir des sorties harmonieuses, de mieux g\u00e9rer la composition et le bon d\u00e9roulement\n des balades.\n <\/div>\n\n <div style=\"margin-top:16px; display:flex; gap:10px; flex-wrap:wrap;\">\n <a class=\"btn primary\" href=\"https:\/\/www.eventbrite.be\/fr_BE\/o\/mayzeera-121009558660\" onclick=\"openBookingModal(); return false;\">R\u00e9server une activit\u00e9<\/a>\n <a class=\"btn secondary\" href=\"https:\/\/wa.me\/32496707139\" target=\"_blank\" rel=\"noreferrer\">Whatsapp<\/a>\n <a class=\"btn secondary\" href=\"https:\/\/www.instagram.com\/mayzeera_educationcanine?igsh=MTVrdnMwMnNkdG8zNQ%3D%3D&utm_source=qr\" target=\"_blank\" rel=\"noreferrer\">Instagram<\/a>\n <a class=\"btn secondary\" href=\"https:\/\/www.facebook.com\/share\/1CCioi4t2P\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noreferrer\">Facebook<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- MEMBRES -->\n <section id=\"membres\" class=\"section\">\n <div class=\"container\">\n <h2>Carte de membre<\/h2>\n <p><\/p>\n\n <div class=\"card member\" style=\"margin-top:18px;\">\n <div class=\"member-grid\">\n <div>\n <img decoding=\"async\"\n class=\"member-img\"\n src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/carte-de-membre.jpeg\"\n alt=\"Carte de membre MAYZEERA\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"member-benefits\">\n <div style=\"font-weight:900;\">Avantages<\/div>\n <ul>\n <li>\n \u00c0 l\u2019achat d\u2019une carte de membre de 100 \u20ac, vous b\u00e9n\u00e9ficiez de 10 unit\u00e9s, chaque unit\u00e9 valant 10 \u20ac, utilisables sur <strong>l\u2019ensemble des activit\u00e9s<\/strong> <em>(except\u00e9 les s\u00e9ances d’\u00e9ducation individuelles)<\/em>.\n Chaque prestation consomme des unit\u00e9s en fonction de son prix.\n <\/li>\n <li>Une fois la carte compl\u00e9t\u00e9e, <strong>10 \u20ac de r\u00e9duction<\/strong> vous sont offerts sur votre prochaine activit\u00e9.<\/li>\n <li>Une fa\u00e7on simple de r\u00e9compenser votre fid\u00e9lit\u00e9.<\/li>\n <\/ul>\n <div style=\"margin-top:12px;\">\n <a class=\"btn secondary\" href=\"#contact\">Devenir membre<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:14px; font-size:12px; color:#64748b;\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- QUESTIONS FREQUENTES -->\n <section id=\"faq\" class=\"section\">\n <div class=\"container\">\n <div class=\"card panel\">\n <h2>Questions fr\u00e9quentes<\/h2>\n\n <div class=\"faq-grid2\">\n <details>\n <summary>Les tarifs sont-ils par chien ?<\/summary>\n <p>Oui, les tarifs s\u2019entendent par chien.<\/p>\n <\/details>\n\n <details>\n <summary>Y a-t-il des r\u00e9ductions si j\u2019ai plusieurs chiens ?<\/summary>\n <p>Balades r\u00e9cr\u00e9atives : -50% pour votre deuxi\u00e8me chien.<\/p>\n <\/details>\n\n <details>\n <summary>Les d\u00e9placements sont-ils compris pour les cours individuels ?<\/summary>\n <p>Les 20 premiers kilom\u00e8tres sont offerts. Les frais de d\u00e9placement s’\u00e9l\u00e8vent \u00e0 0,50\u20ac\/km suppl\u00e9mentaire.<\/p>\n <\/details>\n\n <details>\n <summary>Comment r\u00e9server ?<\/summary>\n <p>\n Si nous nous sommes d\u00e9j\u00e0 rencontr\u00e9s, vous pouvez consulter tous les \u00e9v\u00e8nements (balades r\u00e9cr\u00e9atives, \u00e9ducatives et cours collectifs) \n <a href=\"https:\/\/www.eventbrite.be\/fr_BE\/o\/mayzeera-121009558660\" target=\"_blank\"><strong><u>en cliquant ici<\/u><\/strong><\/a>. \n Si ce n\u2019est pas encore le cas, n\u2019h\u00e9sitez pas \u00e0 me contacter au 0496707139 ou via les r\u00e9seaux sociaux dans la rubrique \u00ab\u00a0Contact\u00a0\u00bb.<\/p>\n <\/details>\n\n <details>\n <summary>Puis-je faire des balades r\u00e9cr\u00e9atives avec mon chien r\u00e9actif ?<\/summary>\n <p>Non, pas dans un premier temps. Certaines balades <u>\u00e9ducatives<\/u> peuvent \u00eatre b\u00e9n\u00e9fiques pour votre chien mais il est n\u00e9cessaire que je le vois avant en \u00e9ducation individuelle. Pour venir en balades r\u00e9cr\u00e9atives, un travail cibl\u00e9 sera effectu\u00e9 au pr\u00e9alable avec des chiens pr\u00e9s\u00e9lectionn\u00e9s.<\/p>\n <\/details>\n\n <details>\n <summary>Les cours sont-ils annul\u00e9s en cas de mauvais temps ?<\/summary>\n <p>Les cours ne sont pas annul\u00e9s automatiquement en cas de pluie ou autres intemp\u00e9ries. S’il devait y avoir une annulation, vous serez pr\u00e9venu au moins 1h \u00e0 l’avance par mes soins. Il n’y aura \u00e9videmment rien \u00e0 payer.<\/p>\n <\/details>\n\n <details>\n <summary>Comment \u00e7a se passe si j’annule une s\u00e9ance ou une balade ?<\/summary>\n <p>Toute annulation de s\u00e9ance faite moins de 48h \u00e0 l’avance sera due. Pour les balades <u>r\u00e9cr\u00e9atives<\/u>, ce d\u00e9lai est r\u00e9duit \u00e0 24h.<\/p>\n <\/details>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACT -->\n <section id=\"contact\" class=\"section\" style=\"padding-bottom:24px;\">\n <div class=\"container\">\n <div class=\"card panel\">\n <div class=\"contact-rect\">\n <div class=\"contact-left\">\n <h2>Contact<\/h2>\n \n\n<p style=\"margin-top:10px; font-weight:600;\">\nParlez-moi de votre chien et de votre demande, je vous orienterai vers l\u2019activit\u00e9 la plus adapt\u00e9e.\n<\/p>\n <span style=\"color:var(--muted); font-size:13px;\">\n R\u00e9ponse g\u00e9n\u00e9ralement dans la journ\u00e9e (souvent plus rapide sur Whatsapp)<\/span>\n <div class=\"contact-items\">\n <a class=\"contact-item\" href=\"tel:+32496707139\">\n <div class=\"contact-ico\">\ud83d\udcde<\/div>\n <div>\n <div class=\"contact-title\">T\u00e9l\u00e9phone<\/div>\n <div class=\"contact-sub\">0496 70 71 39<\/div>\n <\/div>\n <\/a>\n\n <a class=\"contact-item\" href=\"https:\/\/m.me\/mayzeera.educationcanine\" target=\"_blank\" rel=\"noreferrer\">\n <div class=\"contact-ico\">\n <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/facebook-messenger.jpg\" alt=\"Messenger\" style=\"width:20px;height:20px;object-fit:contain;\">\n <\/div>\n <div>\n <div class=\"contact-title\">Messenger<\/div>\n <div class=\"contact-sub\">Disponible aussi sur Messenger<\/div>\n <\/div>\n<\/a>\n\n <div class=\"contact-item\" style=\"cursor:default;\">\n <div class=\"contact-ico\">\ud83d\udccd<\/div>\n <div>\n <div class=\"contact-title\">Zone<\/div>\n <div class=\"contact-sub\">Province de Li\u00e8ge<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:16px; display:flex; gap:10px; flex-wrap:wrap; align-items:center;\">\n <a class=\"icon-btn\" href=\"https:\/\/www.instagram.com\/mayzeera_educationcanine?igsh=MTVrdnMwMnNkdG8zNQ%3D%3D&utm_source=qr\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Instagram\" title=\"Instagram\">\n <img decoding=\"async\" class=\"social-ico insta\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/insta.jpeg\" alt=\"Instagram\" \/>\n <\/a>\n\n <a class=\"icon-btn\" href=\"https:\/\/www.facebook.com\/share\/1CCioi4t2P\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Facebook\" title=\"Facebook\">\n <img decoding=\"async\" class=\"social-ico other\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/facebook.png\" alt=\"Facebook\" \/>\n <\/a>\n\n <a class=\"icon-btn\" href=\"https:\/\/www.tiktok.com\/@mayzeera_educationcanine?is_from_webapp=1&sender_device=pc\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"TikTok\" title=\"TikTok\">\n <img decoding=\"async\" class=\"social-ico other\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/tiktok.jpeg\" alt=\"TikTok\" \/>\n <\/a>\n\n <a class=\"btn primary\" href=\"#agenda\">Agenda<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-amber\" style=\"margin-top:0;\">\n <strong>Des questions ? Une r\u00e9servation ?<\/strong>\n <p style=\"margin-top:10px; color:#7c4a03;\"><\/p>\n\n <div class=\"card\" style=\"margin-top:12px; padding:14px; border-color:rgba(245,158,11,.25);\">\n <div style=\"font-weight:900;\">WhatsApp<\/div>\n\n <div style=\"margin-top:10px; display:flex; gap:10px; flex-wrap:wrap;\">\n <a\n class=\"btn primary\"\n href=\"https:\/\/wa.me\/32496707139?text=Bonjour%2C%20je%20souhaite%20des%20informations%20pour%20mon%20chien.\"\n target=\"_blank\"\n rel=\"noreferrer\"\n aria-label=\"Ouvrir WhatsApp\"\n title=\"Ouvrir WhatsApp\"\n >\n Ouvrir WhatsApp\n <\/a>\n\n <span style=\"color:var(--muted); font-size:13px; align-self:center;\">\n R\u00e9ponse rapide via WhatsApp\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <footer style=\"display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap;\">\n <span>\u00a9 <span id=\"year\"><\/span> MAYZEERA<\/span>\n <span>\u00b7<\/span>\n\n <a href=\"#\" style=\"font-weight:600;\">Mentions l\u00e9gales<\/a>\n\n <span>\u00b7<\/span>\n\n <a\n href=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/Conditions-Generales-\u2013-MAYZEERA-Education-canine-activites-recreatives.pdf\"\n target=\"_blank\"\n rel=\"noreferrer\"\n class=\"btn ghost\"\n style=\"padding:6px 10px; font-size:13px;\"\n >\n Conditions g\u00e9n\u00e9rales\n <\/a>\n\n <span>\u00b7<\/span>\n <a href=\"#\" style=\"font-weight:600;\">Politique de confidentialit\u00e9<\/a>\n <\/footer>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- MODAL OBJECTIFS -->\n <div class=\"modal-overlay\" id=\"objectifsModal\" aria-hidden=\"true\">\n <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"objectifsTitle\">\n <div class=\"modal-header\">\n <div class=\"modal-title\" id=\"objectifsTitle\">Objectifs<\/div>\n <button class=\"modal-close btn secondary\" type=\"button\" id=\"objectifsClose\" aria-label=\"Fermer\">Fermer<\/button>\n <\/div>\n\n <div class=\"modal-body\">\n <div id=\"objectifsImages\" class=\"modal-img-grid\"><\/div>\n <\/div>\n\n <div class=\"modal-footer\">\n <button class=\"btn secondary\" type=\"button\" id=\"objectifsClose2\">Fermer<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById(\"year\").textContent = new Date().getFullYear();\n\n \/\/ SERVICES DATA\n const data = {\n education: {\n title: \"\u00c9ducation & cours\",\n booking: true,\n desc: \"S\u00e9ances individuelles et cours collectifs (chiots). M\u00e9thode adaptative, objectifs concrets, suivi clair.\",\n prices: [\n { label: \"S\u00e9ance individuelle\", price: \"50\u20ac\/h\" },\n { label: \"Cours collectif\", price: \"10\u20ac\/h\" },\n ],\n info: `\n \u2022 Cours collectifs : jusqu'\u00e0 10 mois. Les cours se d\u00e9roulent \u00e0 <strong>Ans<\/strong>.<br\/>\n \u2022 S\u00e9ances individuelles : d\u00e9placement \u00e0 domicile (20 km offerts, puis 0,50\u20ac\/km).<br\/>\n \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n `,\n objectifsImgs: [\n \"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-Education-individuelle.png\",\n \"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-cours-collectifs.png\"\n ],\n fidelity: true,\n },\n\n balades: {\n title: \"Balades canines\",\n booking: true,\n desc: \"Les balades r\u00e9cr\u00e9atives permettent \u00e0 votre chien de satisfaire son besoin de contact avec ses cong\u00e9n\u00e8res, tout \u00e7a de mani\u00e8re encadr\u00e9e. Les balades \u00e9ducatives vous aide \u00e0 travailler votre chien en situation r\u00e9elle et parfois, dans des environnements plus complexes.\",\n prices: [\n { label: \"Balades r\u00e9cr\u00e9atives\", price: \"10\u20ac\" },\n { label: \"Balades \u00e9ducatives\", price: \"20\u20ac\" },\n ],\n info: `\n \u2022 Balades r\u00e9cr\u00e9atives : <strong>groupe optimis\u00e9 selon les inscrits<\/strong>.<br\/>\n \u2022 Balades \u00e9ducatives : <strong>le th\u00e8me abord\u00e9<\/strong> lors de la balade est indiqu\u00e9 dans <strong>l'agenda<\/strong>. Les places sont limit\u00e9s \u00e0 <strong>5 chiens<\/strong>.<br\/>\n \u2022 Les tarifs s'entendent par chien.<br\/>\n \u2022 <strong>R\u00e9duction<\/strong> (balades r\u00e9cr\u00e9atives) : -50% pour votre deuxi\u00e8me chien.<br\/>\n \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n `,\n objectifsImgs: [\n \"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-balades-recreatives.png\",\n \"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-balades-educatives.png\"\n ],\n fidelity: true,\n },\n\n olfactive: {\n title: \"Recherche olfactive\",\n booking: false,\n desc: \"Travaillez la stimulation mentale et le travail du flair de votre chien gr\u00e2ce \u00e0 la recherche olfactive. Reconnaissance d'odeurs sp\u00e9cifiques et travail du marquage.\",\n prices: [\n { label: \"D\u00e9butant\", price: \"20\u20ac\" },\n { label: \"Confirm\u00e9\", price: \"30\u20ac\" },\n ],\n info: `\n \u2022 Les s\u00e9ances durent <strong>30 minutes<\/strong> en initiation ou en confirm\u00e9.<br\/>\n \u2022 Les s\u00e9ances d'initiation se font en int\u00e9rieur uniquement, \u00e0 mon domicile ou au v\u00f4tre.<br\/>\n \u2022 Les s\u00e9ances pour les confirm\u00e9s se font en int\u00e9rieur et ext\u00e9rieur.<br\/>\n \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n `,\n objectifsImgs: [\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-Recherche-olfactive.png\"],\n fidelity: true,\n },\n\n agility: {\n title: \"Agility\",\n booking: true,\n desc: \"Vous avez envie de pratiquer une activit\u00e9 sportive tout en vous amusant avec votre chien ? L'agility est fait pour vous. D\u00e9butant ou confirm\u00e9, passez un moment de coh\u00e9sion avec votre meilleur ami, lui permettant de gagner en confiance. Motivation, focus et coordination sont les ma\u00eetres mots de cette discipline.\",\n prices: [\n { label: \"Agility individuelle\", price: \"20\u20ac\" },\n { label: \"Agility collective\", price: \"10\u20ac\" },\n ],\n info: `\n \u2022 Le <strong>premier cours d\u2019agility<\/strong> doit se faire obligatoirement <strong>en individuel<\/strong>. Une fois que votre chien aura d\u00e9couvert l\u2019ensemble des modules et r\u00e9alis\u00e9 un parcours en bin\u00f4me, il pourra int\u00e9grer les cours collectifs. <br\/>\n \u2022 L'agility individuelle dure <strong>30 minutes<\/strong>.<br\/>\n \u2022 Les cours se donnent \u00e0 <strong>Ans, tous les dimanches apr\u00e8s-midi<\/strong>.<br\/>\n \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n `,\n objectifsImgs: [\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-agility.png\"],\n fidelity: true,\n },\n\n dogwalker: {\n title: \"Dog walker\",\n booking: false,\n desc: \"Vous n'avez pas toujours le temps de balader votre chien ? Je vous propose de l'emmener en promenade individuelle adapt\u00e9e, pour une d\u00e9pense physique r\u00e9guli\u00e8re. Ce service est disponible les mardis et jeudis.\",\n prices: [\n { label: \"Dog walker\", price: \"18\u20ac\" },\n ],\n info: `\n \u2022 1h environ : <strong>3 \u00e0 4 km<\/strong> selon le rythme du chien.<br\/>\n \u2022 Les frais de d\u00e9placement, qu\u2019il s\u2019agisse du trajet vers votre domicile ou vers le lieu de balade, sont factur\u00e9s \u00e0 0,50 \u20ac\/km, avec les <strong>15 premiers kilom\u00e8tres offerts<\/strong>.<br\/>\n \u2022 Chaque demi-heure suppl\u00e9mentaire est factur\u00e9e <strong>5 \u20ac<\/strong>.<br\/>\n \u2022 Si la dur\u00e9e est d\u00e9pass\u00e9e, on arrondit \u00e0 la demi-heure sup\u00e9rieure \u00e0 partir de 15 minutes suppl\u00e9mentaires.<br\/>\n \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n `,\n objectifsImgs: [\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Objectifs-Dog-Walker.png\"],\n fidelity: false,\n },\n };\n\n const titleEl = document.getElementById(\"serviceTitle\");\n const descEl = document.getElementById(\"serviceDesc\");\n const pricesEl = document.getElementById(\"servicePrices\");\n const infoEl = document.getElementById(\"serviceInfo\");\n const fidelityBox = document.getElementById(\"fidelityBox\");\n const buttons = document.querySelectorAll(\".service-btn\");\n const serviceDetailCard = document.getElementById(\"serviceDetailCard\");\n const bookingBtn = document.getElementById(\"bookingBtn\");\n\n let currentServiceKey = \"education\";\n\n function render(serviceKey){\n currentServiceKey = serviceKey;\n\n const s = data[serviceKey];\n if(!s) return;\n\n titleEl.textContent = s.title || \"\";\n descEl.textContent = s.desc || \"\";\n\n pricesEl.innerHTML = (s.prices || [])\n .map(p => `\n <div class=\"price-row\">\n <span>${p.label}<\/span>\n <strong>${p.price}<\/strong>\n <\/div>\n `)\n .join(\"\");\n\n infoEl.innerHTML = s.info || \"\";\n fidelityBox.style.display = s.fidelity ? \"block\" : \"none\";\n\n \/* Affichage du bouton r\u00e9server selon le service *\/\n bookingBtn.style.display = s.booking ? \"inline-flex\" : \"none\";\n }\n\n buttons.forEach(btn => {\n btn.addEventListener(\"click\", () => {\n buttons.forEach(b => b.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n render(btn.dataset.service);\n\n const topbarHeight = 80;\n const elementPosition = serviceDetailCard.getBoundingClientRect().top + window.pageYOffset;\n const offsetPosition = elementPosition - topbarHeight;\n\n window.scrollTo({\n top: offsetPosition,\n behavior: \"smooth\"\n });\n });\n });\n\n render(\"education\");\n\n \/\/ MODAL OBJECTIFS\n const objectifsBtn = document.getElementById(\"objectifsBtn\");\n const objectifsModal = document.getElementById(\"objectifsModal\");\n const objectifsTitle = document.getElementById(\"objectifsTitle\");\n const objectifsImages = document.getElementById(\"objectifsImages\");\n const objectifsClose = document.getElementById(\"objectifsClose\");\n const objectifsClose2 = document.getElementById(\"objectifsClose2\");\n\n function openObjectifs(){\n const s = data[currentServiceKey] || { title: \"\", objectifsImgs: [] };\n\n \/\/ \u2705 FIX: template string correcte\n objectifsTitle.textContent = `Objectifs \u2014 ${s.title}`;\n\n const imgs = Array.isArray(s.objectifsImgs) ? s.objectifsImgs.filter(Boolean) : [];\n objectifsImages.innerHTML = \"\";\n\n objectifsImages.classList.toggle(\"two\", imgs.length === 2);\n\n if(imgs.length === 0){\n \/\/ \u2705 FIX: innerHTML doit \u00eatre une string\n objectifsImages.innerHTML =\n `<div style=\"color:var(--muted); font-size:14px;\">Aucune image d'objectifs n'est configur\u00e9e.<\/div>`;\n } else {\n imgs.forEach((url, idx) => {\n const img = document.createElement(\"img\");\n img.className = \"modal-img\";\n img.src = url;\n \/\/ \u2705 FIX: template string correcte\n img.alt = `Objectifs - ${s.title} (${idx + 1})`;\n img.loading = \"lazy\";\n objectifsImages.appendChild(img);\n });\n }\n\n objectifsModal.classList.add(\"open\");\n objectifsModal.setAttribute(\"aria-hidden\",\"false\");\n }\n\n function closeObjectifs(){\n objectifsModal.classList.remove(\"open\");\n objectifsModal.setAttribute(\"aria-hidden\",\"true\");\n }\n\n objectifsBtn.addEventListener(\"click\", openObjectifs);\n objectifsClose.addEventListener(\"click\", closeObjectifs);\n objectifsClose2.addEventListener(\"click\", closeObjectifs);\n\n objectifsModal.addEventListener(\"click\", (e) => {\n if(e.target === objectifsModal) closeObjectifs();\n });\n\n document.addEventListener(\"keydown\", (e) => {\n if(e.key === \"Escape\" && objectifsModal.classList.contains(\"open\")){\n closeObjectifs();\n }\n });\n <\/script>\n <script>\n(function(){\n const agendaData = [\n { month:\"Janvier\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/calendrierjanvier.jpeg\", visible:false },\n { month:\"F\u00e9vrier\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Agenda-02-26.png\", visible:false },\n { month:\"Mars\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/02\/Agenda-03-26.png\", visible:false },\n { month:\"Avril\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Agenda-04-26.png\", visible:false },\n { month:\"Mai\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/04\/Agenda-05-26.png\", visible:true },\n { month:\"Juin\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/05\/Agenda-06-2026.png\", visible:true },\n { month:\"Juillet\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false },\n { month:\"Ao\u00fbt\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false },\n { month:\"Septembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false },\n { month:\"Octobre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false },\n { month:\"Novembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false },\n { month:\"D\u00e9cembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/01\/Copie-de-Agenda-mensuel.png\", visible:false }\n ];\n\n const monthsContainer = document.getElementById(\"agendaMonths\");\n const imgCurrent = document.getElementById(\"agendaImageCurrent\");\n const imgNext = document.getElementById(\"agendaImageNext\");\n\n if(!monthsContainer || !imgCurrent || !imgNext) return;\n\n agendaData.forEach((m, index) => {\n if(!m.visible) return;\n\n const btn = document.createElement(\"button\");\n btn.className = \"btn secondary\";\n btn.type = \"button\";\n btn.textContent = m.month;\n\n if(index === 0) btn.classList.add(\"primary\");\n\n btn.addEventListener(\"click\", () => {\n imgCurrent.src = m.img;\n\n \/* \ud83d\udd12 On masque toujours la deuxi\u00e8me image *\/\n imgNext.style.display = \"none\";\n\n monthsContainer.querySelectorAll(\".btn\")\n .forEach(b => b.classList.remove(\"primary\"));\n btn.classList.add(\"primary\");\n});\n\n\n monthsContainer.appendChild(btn);\n }); \/* =========================\n INITIALISATION AU CHARGEMENT\n========================= *\/\n\nconst firstVisibleIndex = agendaData.findIndex(m => m.visible);\n\nif (firstVisibleIndex !== -1) {\n const first = agendaData[firstVisibleIndex];\n\n \/\/ Affiche le premier mois visible\n imgCurrent.src = first.img;\n imgNext.style.display = \"none\";\n\n \/\/ Active visuellement le bon bouton\n const buttons = monthsContainer.querySelectorAll(\".btn\");\n if (buttons[firstVisibleIndex]) {\n buttons[firstVisibleIndex].classList.add(\"primary\");\n }\n}\n\n})();\n<\/script>\n\n<script>\nsetTimeout(function(){\n const bubble = document.querySelector(\".whatsapp-bubble\");\n if(bubble){\n bubble.classList.add(\"show\");\n }\n},3000);\n\nfunction openBookingModal(){\n document.getElementById(\"bookingModal\").classList.add(\"open\");\n document.body.classList.add(\"modal-open\");\n}\n\nfunction closeBookingModal(){\n document.getElementById(\"bookingModal\").classList.remove(\"open\");\n document.body.classList.remove(\"modal-open\");\n}\n<\/script>\n\n<div class=\"modal-overlay\" id=\"bookingModal\">\n <div class=\"modal\" style=\"max-width:500px;\">\n \n <div class=\"modal-header\">\n <div class=\"modal-title\">Avant de r\u00e9server<\/div>\n <button class=\"modal-close\" onclick=\"closeBookingModal()\">\u2715<\/button>\n <\/div>\n\n <div class=\"modal-body\" style=\"text-align:center;\">\n <p style=\"font-weight:600;\">\n Votre chien a d\u00e9j\u00e0 particip\u00e9 \u00e0 un \u00e9v\u00e8nement MAYZEERA ou a fait la balade rencontre ?\n <\/p>\n\n <div style=\"margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\">\n \n <div class=\"booking-buttons\">\n\n <a class=\"btn primary btn-reserver\"\n href=\"https:\/\/www.eventbrite.be\/fr_BE\/o\/mayzeera-121009558660\"\n target=\"_blank\"\n onclick=\"closeBookingModal()\">\n Oui \u2192 R\u00e9server\n <\/a>\n\n <a class=\"btn secondary btn-collectif\"\n href=\"https:\/\/www.eventbrite.be\/fr_BE\/o\/mayzeera-121009558660\"\n target=\"_blank\"\n onclick=\"closeBookingModal()\">\n Cours collectifs & balade \u00e9ducative \u2192 R\u00e9server directement\n <\/a>\n\n <a class=\"btn secondary btn-rencontre\"\n href=\"https:\/\/wa.me\/32496707139?text=Bonjour%2C%20je%20souhaite%20faire%20une%20balade%20rencontre%20avant%20de%20r\u00e9server.\"\n target=\"_blank\">\n Balade r\u00e9cr\u00e9ative \u2192 Non, je demande une premi\u00e8re rencontre\n <\/a>\n\n <a class=\"btn btn-reglement\"\n href=\"LIEN_VERS_TON_REGLEMENT\"\n target=\"_blank\">\n \ud83d\udcc4 Consulter le r\u00e8glement des activit\u00e9s\n<\/a>\n<\/div>\n\n<p style=\"margin-top:10px; font-size:12px; color:#64748b;\">\n En r\u00e9servant, vous confirmez avoir lu et accept\u00e9 le \n <a href=\"LIEN_VERS_TON_REGLEMENT\" target=\"_blank\">\n r\u00e8glement et les C.G. de MAYZEERA\n <\/a>\n<\/p>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n<div class=\"whatsapp-bubble\">\n\u00c9crivez-moi sur WhatsApp\n<\/div>\n\n<a href=\"https:\/\/wa.me\/32496707139?text=Bonjour%2C%20je%20souhaite%20des%20informations%20concernant%20les%20activit\u00e9s%20canines.\"\n class=\"whatsapp-float\"\n target=\"_blank\"\n rel=\"noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\">\n<\/a>\n\n<script>\nconst track = document.querySelector('.carousel-track');\n\nif (track) {\n const slides = document.querySelectorAll('.carousel img');\n const dotsContainer = document.querySelector('.carousel-dots');\n\n let index = 0;\n\n \/\/ \ud83d\udd25 cr\u00e9er les dots\n slides.forEach((_, i) => {\n const dot = document.createElement(\"span\");\n if(i === 0) dot.classList.add(\"active\");\n\n dot.addEventListener(\"click\", () => {\n index = i;\n updateSlide();\n });\n\n dotsContainer.appendChild(dot);\n });\n\n const dots = document.querySelectorAll('.carousel-dots span');\n\n function updateSlide() {\n track.style.transform = `translateX(-${index * 100}%)`;\n\n dots.forEach(d => d.classList.remove(\"active\"));\n dots[index].classList.add(\"active\");\n }\n\n let startX = 0;\n\n track.addEventListener('touchstart', e => {\n startX = e.touches[0].clientX;\n });\n\n track.addEventListener('touchend', e => {\n let endX = e.changedTouches[0].clientX;\n\n if (startX - endX > 50) {\n index++;\n if (index >= slides.length) index = slides.length - 1;\n }\n\n if (endX - startX > 50) {\n index--;\n if (index < 0) index = 0;\n }\n\n updateSlide();\n });\n}\n<\/script>\n\n<\/script>\n\n\n <\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9ducatrice Canine Li\u00e8ge – MAYZEERA | \u00c9ducation Canine & Balades MAYZEERA | \u00c9ducation canine Services Agenda Carte Questions Contact R\u00e9server Services Agenda Carte Questions Contact R\u00e9server S\u00e9ances individuelles & collectives \u00b7 Balades r\u00e9cr\u00e9atives & \u00e9ducatives \u00b7 Agility \u00b7 Recherche olfactive \u00b7 Dog walker D\u00e9veloppez le potentiel de votre chien. Un humain confiant, un chien \u00e9panoui […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","disable_header":"yes","disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mayzeera.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":98,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/230"}],"wp:attachment":[{"href":"https:\/\/mayzeera.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}