{"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-06-10T11:55:34","modified_gmt":"2026-06-10T11:55:34","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/mayzeera.be\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!doctype html>\n<html lang=\"fr\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>\u00c9ducatrice Canine Li\u00e8ge &#8211; MAYZEERA | \u00c9ducation Canine &#038; Balades<\/title>\n<meta name=\"description\" content=\"\u00c9ducatrice canine \u00e0 Li\u00e8ge. \u00c9ducation canine individuelle et collective, balades \u00e9ducatives et r\u00e9cr\u00e9atives, 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&#038;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      }\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{\n  display: grid;\n  gap: 24px;\n  margin-top: 12px;\n  align-items: start;\n  justify-content: start;   \/* force l'alignement \u00e0 gauche *\/\n}\n\n@media(min-width: 860px){ \n  .member-grid{\n    grid-template-columns: auto 1fr;   \/* image prend seulement la largeur n\u00e9cessaire *\/\n    gap: 32px;\n  }\n}\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  padding:0;\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:22px;\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:800px;\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:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n}\n\n.booking-buttons .btn{\n  width:100%;\n  text-align:center;\n  justify-content:center;\n}\n\n@media(max-width:600px){\n  .booking-buttons{\n    grid-template-columns:1fr;\n  }\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\/* ==================== MOBILE HEADER - CENTRAGE PARFAIT ==================== *\/\n@media (max-width: 859px) {\n\n  .topbar-inner {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 15px 20px;\n    text-align: center;\n  }\n\n  .brand {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .logo {\n    width: 85px;\n    height: 85px;\n  }\n\n  .brand-text {\n    font-size: 18px;\n    font-weight: 800;\n    text-align: center;\n  }\n\n  .right {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    margin-top: 8px;\n  }\n\n  .mobile-nav {\n    margin-top: 8px;\n  }\n}\n\/* MODAL IMAGE PLEIN \u00c9CRAN *\/\n.image-modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(15,23,42,.92);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  padding: 20px;\n}\n\n.image-modal {\n  position: relative;\n  max-width: 95%;\n  max-height: 95vh;\n  border-radius: 22px;\n  overflow: hidden;\n  box-shadow: 0 20px 60px rgba(0,0,0,.5);\n}\n\n.image-modal img {\n  width: 100%;\n  height: auto;\n  display: block;\n  max-height: 95vh;\n  object-fit: contain;\n}\n\n.image-modal-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 50px;\n  height: 50px;\n  background: rgba(255,255,255,.9);\n  color: #0f172a;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-size: 28px;\n  cursor: pointer;\n  z-index: 1;\n}\n.booking-collectif{\n  background:#fde68a;\n  color:#78350f;\n}\n\n.booking-rec{\n  background:#6CCB9B;\n  color:white;\n}\n\n.booking-edu{\n  background:#E88C8C;\n  color:white;\n}\n\n.booking-agility{\n  background:#B9B3D9;\n  color:white;\n}\n\n.booking-indiv{\n  background:#8EC5E8;\n  color:white;\n}\n\n.booking-olfactive{\n  background:#F3B58A;\n  color:white;\n}\n\n.booking-dogwalker{\n  background:#73C8C6;\n  color:white;\n}\n\n.booking-eventbrite{\n  background:#0f172a;\n  color:white;\n  border:none;\n}\n.booking-reglement-full{\n  grid-column:1 \/ -1;\n}\n\n.booking-buttons .btn{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n}\n.booking-buttons .btn{\n  gap:6px;\n}\n.booking-icon{\n  width:42px;\n  height:42px;\n  object-fit:contain;\n  flex-shrink:0;\n}\n\n.booking-buttons .btn{\n  min-height:72px;\n  font-size:18px;\n  font-weight:600;\n  border-radius:24px;\n}\n\n.icon-indiv{\n  width:50px;\n  height:50px;\n}\n\n.icon-agility{\n  width:54px;\n  height:54px;\n}\n\n.icon-edu{\n  width:50px;\n  height:50px;\n}\n\n.icon-rec{\n  width:40px;\n  height:40px;\n}\n\n.icon-collectif{\n  width:48px;\n  height:48px;\n}\n\n.icon-event{\n  width:34px;\n  height:34px;\n}\n.rec-no{\n  background:#f1f5f9;\n  color:#475569;\n  border:1px solid #e2e8f0;\n}\n\n.rec-no:hover{\n  background:#e2e8f0;\n}\n@media (max-width: 600px){\n\n  #bookingModal .modal{\n    width:95%;\n    max-height:75vh;\n  }\n\n  #bookingModal .modal-header{\n    padding:10px 14px;\n  }\n\n  #bookingModal .modal-title{\n    font-size:18px;\n  }\n\n  #bookingModal .modal-body{\n    padding:10px 14px;\n  }\n\n  #bookingModal .booking-buttons{\n    gap:6px;\n  }\n\n  #bookingModal .booking-buttons .btn{\n    min-height:52px;\n    font-size:15px;\n    border-radius:18px;\n  }\n\n  #bookingModal .booking-icon{\n    width:28px;\n    height:28px;\n  }\n\n  #bookingModal p{\n    margin-top:6px;\n    font-size:11px;\n  }\n}\n.contact-rect{\n  align-items:start;\n}\n\n\/* ===== AVIS ===== *\/\n\n.avis-slider{\n  position:relative;\n  margin-top:24px;\n}\n\n.avis-track{\n  display:flex;\n  gap:18px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scrollbar-width:none;\n  padding:4px;\n}\n\n.avis-track::-webkit-scrollbar{\n  display:none;\n}\n\n.avis-card{\n  flex:0 0 calc(32% - 12px);\n  background:#fff;\n  border:1px solid var(--ring);\n  border-radius:18px;\n  padding:20px;\n  scroll-snap-align:start;\n  box-shadow:0 4px 18px rgba(15,23,42,.06);\n}\n\n@media(max-width:860px){\n  .avis-card{\n    flex:0 0 100%;\n  }\n}\n\n.avis-stars{\n  margin-bottom:12px;\n  font-size:18px;\n}\n\n.avis-author{\n  font-weight:700;\n  margin:8px 0 14px;\n}\n\n.avis-text{\n  color:var(--muted);\n  line-height:1.6;\n}\n\n.avis-more{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  margin-top:12px;\n  color:#8B5A00; \/* m\u00eame couleur que tes titres beige\/or *\/\n  font-weight:700;\n  cursor:pointer;\n  text-decoration:underline;\n  transition:.2s ease;\n}\n\n.avis-more:hover{\n  transform:translateX(3px);\n}\n\n.avis-full{\n  display:block;\n  max-height:100px;\n  overflow:hidden;\n  position:relative;\n}\n\n.avis-full::after{\n  content:\"...\";\n  position:absolute;\n  bottom:0px;\n  right:0px;\n  padding-left:05px;\n  background:white;\n  font-weight:700;\n  font-size:20px;\n}\n\n.avis-card.open .avis-full{\n  max-height:none;\n}\n\n.avis-card.open .avis-full::after{\n  display:none;\n}\n\n.avis-card.open .avis-full{\n  max-height:none;\n}\n\n\n.avis-card.open .avis-full{\n  display:block;\n}\n.avis-mobile-hint{\n  display:none;\n}\n\n@media(max-width:860px){\n\n  .avis-mobile-hint{\n    display:block;\n    text-align:center;\n    margin:12px 0 16px;\n    font-size:13px;\n    color:#64748b;\n    font-weight:600;\n    animation: swipeHint 1.8s infinite;\n  }\n\n  @keyframes swipeHint{\n    0%{transform:translateX(0);}\n    50%{transform:translateX(8px);}\n    100%{transform:translateX(0);}\n  }\n\n}\n@media(max-width:860px){\n\n  .avis-track{\n    padding-right:40px;\n  }\n\n  .avis-card{\n    flex:0 0 90%;\n  }\n\n}\n.avis-nav{\n  display:none;\n}\n\n@media(min-width:861px){\n\n  .avis-nav{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    width:44px;\n    height:44px;\n    border:none;\n    border-radius:50%;\n    background:white;\n    box-shadow:0 4px 12px rgba(0,0,0,.15);\n    cursor:pointer;\n    z-index:10;\n    font-size:20px;\n  }\n\n  .avis-prev{\n    left:-20px;\n  }\n\n  .avis-next{\n    right:-20px;\n  }\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\/2026\/06\/Design-sans-titre-2-1.png\">\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=\"#faq\">Questions<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n\n    <!-- DROITE -->\n        <!-- DROITE -->\n    <div class=\"right\">\n      <a \n        class=\"btn\" \n        onclick=\"openBookingModal()\" \n        style=\"background:#dc2626; color:#fff; border:none; font-weight:600; font-size:14px; padding:10px 18px;\">\n        R\u00e9server\n      <\/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=\"#faq\">Questions<\/a>\n    <a href=\"#contact\">Contact<\/a>\n\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 &#038; collectives \u00b7 Balades r\u00e9cr\u00e9atives &#038; \u00e9ducatives \u00b7 Agility \u00b7 Dog walker\n          <\/span>\n\n          <p class=\"hero-subtitle\">\u00c9ducatrice canine en province de Li\u00e8ge<\/p>\n\n          <h1 class=\"hero-title\">\n\u300cD\u00e9veloppez le potentiel de votre chien.<br> Un humain confiant, un chien \u00e9panoui !\u300d\n<\/h1>\n\n          <p class=\"hero-subtitle\">\nJ\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 &#038; 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 &#038; 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_3018-1-scaled-e1780395121762.jpeg\"\n       onclick=\"openImageModal(this.src)\"\n       style=\"cursor:pointer;\" \/>\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/04\/IMG_3132-1-scaled.jpeg\"\n       onclick=\"openImageModal(this.src)\"\n       style=\"cursor:pointer;\" \/>\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/IMG_3110-scaled-e1780395081533.jpeg\"\n       onclick=\"openImageModal(this.src)\"\n       style=\"cursor:pointer;\" \/>\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/agility2.jpeg\"\n       onclick=\"openImageModal(this.src)\"\n       style=\"cursor:pointer;\" \/>\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 &#038; tarifs<\/h2>\n        <p>Cliquez sur un service 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 &#038; 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=\"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\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          <\/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  <!-- 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=\"width:100%; max-width:700px; height:auto; display:block; margin:0 auto; border-radius:22px; box-shadow: 0 12px 30px rgba(15,23,42,.18); cursor: pointer;\"\n    onclick=\"openImageModal(this.src)\"\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=\"width:100%; max-width:700px; height:auto; display:block; margin:0 auto; border-radius:22px; box-shadow: 0 12px 30px rgba(15,23,42,.18); cursor: pointer;\"\n    onclick=\"openImageModal(this.src)\"\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>15 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&rsquo;applique aux chiens de plus d&rsquo;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&#038;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<section id=\"avis\" class=\"section\">\n  <div class=\"container\">\n\n    <h2>Vos retours<\/h2>\n    <p>Merci pour votre confiance.<\/p>\n\n    <div class=\"avis-slider\">\n      <div class=\"avis-mobile-hint\">\n  \u2190 Faites glisser pour voir plus d&rsquo;avis \u2192\n<\/div>\n\n<button class=\"avis-nav avis-prev\">\u276e<\/button>\n\n      <div class=\"avis-track\">\n\n        <!-- Natacha -->\n        <div class=\"avis-card\">\n          <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n          <div class=\"avis-author\">Natacha D.<\/div>\n\n           <div class=\"avis-text avis-full\">\n            Elle nous a aid\u00e9 dans toute l\u2019\u00e9ducation de notre petit teckel gr\u00e2ce aux balades \u00e9ducatives. Malheureusement au niveau solitude \u00e7a a toujours \u00e9t\u00e9 compliqu\u00e9\u2026 nous avons d\u00e9cid\u00e9 de faire une s\u00e9ance individuelle et \u00e7a a \u00e9t\u00e9 une r\u00e9v\u00e9lation. Notre petit chien qui hurlait durant des heures et aboyait en permanence s\u2019est transform\u00e9 en un vrai pacha qui profite de notre absence pour dormir \ud83d\ude0d un vrai chien apais\u00e9 qui n\u2019appr\u00e9hende absolument plus nos moments d\u2019absence. Et quel soulagement pour nous de s\u2019absenter dans ces conditions. Merci pour son aide si pr\u00e9cieuse \ud83d\ude4f\ud83c\udffc\n          <\/div>\n\n          <span class=\"avis-more\">Lire la suite \u2192<\/span>\n          \n        <\/div>\n\n                <!-- Manon -->\n        <div class=\"avis-card\">\n          <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n          <div class=\"avis-author\">Manon K.<\/div>\n\n                    <div class=\"avis-text avis-full\">\n            N\u2019ayant aucune exp\u00e9rience avec les chiens, j\u2019\u00e9tais un peu perdue au d\u00e9part. L\u2019accompagnement d\u2019Elodie a \u00e9t\u00e9 pr\u00e9cieux et m\u2019a permis de partir sur de bonnes bases en toute confiance.\nJe participe aux balades \u00e9ducatives et r\u00e9cr\u00e9atives ainsi qu\u2019\u00e0 des cours pour chiot et des s\u00e9ances individuelles. Sa m\u00e9thode est s\u00e9rieuse, bienveillante et tr\u00e8s concr\u00e8te. Elle accorde le temps n\u00e9cessaire \u00e0 chaque chien.\nLes balades \u00e9ducatives sont particuli\u00e8rement enrichissantes, car elles nous mettent dans des situations r\u00e9elles pour travailler directement sur le terrain. Cela permet de progresser de mani\u00e8re pratique et efficace au quotidien.\nOn sent qu\u2019elle est profond\u00e9ment passionn\u00e9e par son m\u00e9tier et attentive au bien-\u00eatre des chiens. Gr\u00e2ce \u00e0 elle, j\u2019ai beaucoup appris et je me sens bien plus \u00e0 l\u2019aise avec mon chien aujourd\u2019hui.\nJe la remercie pour son accompagnement et je la recommande sans h\u00e9siter.\n          <\/div>\n\n          <span class=\"avis-more\">Lire la suite \u2192<\/span>\n                  <\/div>\n\n                  <!-- Fiona -->\n        <div class=\"avis-card\">\n          <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50<\/div>\n          <div class=\"avis-author\">Fiona C.<\/div>\n\n                    <div class=\"avis-text avis-full\">\n            \u00c9lodie est de tr\u00e8s bon conseil. Je l\u2019ai contact\u00e9e car ma chienne, une ancienne chienne battue et r\u00e9form\u00e9e d\u2019\u00e9levage, attaquait les personnes qui venaient chez moi.\nJ\u2019ai fait appel \u00e0 \u00c9lodie pour m\u2019aider \u00e0 r\u00e9soudre ce probl\u00e8me, qui devenait difficile \u00e0 vivre et dangereux. Elle m\u2019a permis de mieux comprendre ma chienne et m\u2019a donn\u00e9 des techniques \u00e0 appliquer lorsqu\u2019elle montrait des signes d\u2019agressivit\u00e9.\nDepuis que je suis ses conseils, ma chienne n\u2019a plus mordu personne. Je la remercie \u00e9norm\u00e9ment, car la situation \u00e9tait devenue une source de stress et de peur constante.\n          <\/div>\n\n          <span class=\"avis-more\">Lire la suite \u2192<\/span>\n                  <\/div>\n\n                  <!-- Tiphanie -->\n        <div class=\"avis-card\">\n          <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n          <div class=\"avis-author\">Tiphanie D.<\/div>\n\n                    <div class=\"avis-text avis-full\">\n            Je participe aux balades r\u00e9cr\u00e9atives avec ma malinoise, et cela m\u2019aide \u00e9norm\u00e9ment, autant pour elle que pour moi, car \u00e7a me motive aussi \u00e0 marcher davantage. Depuis peu, mon chiot bouledogue fran\u00e7ais fait \u00e9galement partie de l\u2019aventure.\n\nJe fais aussi quelques balades \u00e9ducatives et cours collectifs avec lui, et cela m\u2019aide \u00e9norm\u00e9ment \u00e0 mieux comprendre certains comportements. Elodie prend toujours le temps de bien expliquer les choses, avec un encadrement logique, coh\u00e9rent et adapt\u00e9.\n\nJe la recommande mille fois, et encore merci pour toute son aide \u2764\ufe0f\n          <\/div>\n\n          <span class=\"avis-more\">Lire la suite \u2192<\/span>\n                  <\/div>\n\n          <!-- H\u00e9l\u00e8ne -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n  <div class=\"avis-author\">H\u00e9l\u00e8ne H.<\/div>\n\n  <div class=\"avis-text avis-full\">\n    \u00ab\u00a0Dans les chiens\u00a0\u00bb depuis des ann\u00e9es on la poussait \u00e0 enfin se lancer comme \u00e9ducatrice. C&rsquo;est chose faite et bien faite.\n\n    C&rsquo;est Vaiana, berger australien de 4 ans qui en profite. Un chien qui a difficile de se contr\u00f4ler, \u00e0 g\u00e9rer ses \u00e9motions et r\u00e9active par frustration aux chiens.\n\n    Ce que j&rsquo;ai trouv\u00e9 chez Elo :\n    &#8211; une \u00e9volution du chien qui se g\u00e8re \u00e9motionnellement beaucoup mieux\n    &#8211; des cl\u00e9s concr\u00e8tes\n    &#8211; un apaisement \u00e9motionnel chez moi\n    &#8211; des cours dans des environnements r\u00e9els\n    &#8211; pas de d\u00e9lit de sale gueule\n    &#8211; un franc-parler\n    &#8211; une m\u00e9thode \u00e9quilibr\u00e9e\n\n    Bref je continue chez elle et je recommande \ud83e\udd70\n  <\/div>\n\n  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Silvia -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n  <div class=\"avis-author\">Silvia I.<\/div>\n\n  <div class=\"avis-text avis-full\">\n    Je recommande vivement le groupe d\u2019\u00e9ducation canine Mayzeera.\n\n    Je participe depuis des mois aux balades r\u00e9cr\u00e9atives, aux s\u00e9ances d\u2019agility et aux cours individuels, et je suis enti\u00e8rement satisfaite de l\u2019accompagnement propos\u00e9.\n\n    Une personne passionn\u00e9e, comp\u00e9tente et toujours \u00e0 l\u2019\u00e9coute. Merci pour l\u2019engagement et le s\u00e9rieux ! \ud83d\udd25\n  <\/div>\n\n  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Rachel -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n  <div class=\"avis-author\">Rachel R.<\/div>\n\n  <div class=\"avis-text\">\n    \u00c9ducatrice au top qui vous aidera dans les diff\u00e9rentes \u00e9tapes de vie de votre compagnon. \u2764\ufe0f\n  <\/div>\n<\/div>\n\n      <\/div>\n        <button class=\"avis-nav avis-next\">\u276f<\/button>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- MEMBRES -->\n\n\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                style=\"max-width: 500px;width: 100%;height: auto;\"\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&rsquo;\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&rsquo;\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&rsquo;il devait y avoir une annulation, vous serez pr\u00e9venu au moins 1h \u00e0 l&rsquo;avance par mes soins. Il n&rsquo;y aura \u00e9videmment rien \u00e0 payer.<\/p>\n            <\/details>\n\n            <details>\n              <summary>Comment \u00e7a se passe si j&rsquo;annule une s\u00e9ance ou une balade ?<\/summary>\n              <p>Toute annulation de s\u00e9ance faite moins de 48h \u00e0 l&rsquo;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 vos envies, 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<a class=\"contact-item\"\n   href=\"https:\/\/wa.me\/32496707139?text=Bonjour,%20je%20souhaite%20des%20informations%20pour%20mon%20chien.\"\n   target=\"_blank\">\n\n  <div class=\"contact-ico\">\ud83d\udcac<\/div>\n\n  <div>\n    <div class=\"contact-title\">WhatsApp<\/div>\n    <div class=\"contact-sub\">R\u00e9ponse g\u00e9n\u00e9ralement rapide<\/div>\n  <\/div>\n\n<\/a>\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                \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&#038;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&#038;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            <\/div>\n\n                  <div class=\"info-amber\" style=\"margin-top:0;\">\n\n  <h3 style=\"margin:0 0 14px 0;\">\n    Avis clients\n  <\/h3>\n\n  <div style=\"\n    background:white;\n    border-radius:18px;\n    padding:22px;\n  \">\n\n    <div style=\"\n      font-size:34px;\n      font-weight:800;\n      color:#0b183b;\n      line-height:1;\n    \">\n      4,9 \/ 5 \u2b50\n    <\/div>\n\n    <div style=\"\n      color:#52627d;\n      margin:8px 0 18px 0;\n    \">\n      Bas\u00e9 sur les avis Google\n    <\/div>\n\n    <div style=\"margin-bottom: 18px;\">\n    <a class=\"btn primary\"\n       href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=MAYZEERA+Education+canine\"\n       target=\"_blank\">\n      Voir les avis et informations\n    <\/a>\n    <\/div>\n\n    <div style=\"\n      margin-bottom:18px;\n      color:#374151;\n    \">\n      \ud83d\udccd Active dans toute la province de Li\u00e8ge\n    <\/div>\n\n  <\/div>\n\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\n        \n\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\n    buttons.forEach(b => b.classList.remove(\"active\"));\n    btn.classList.add(\"active\");\n\n    serviceDetailCard.style.display = \"block\";\n\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\n      render(\"education\");\n\nif(window.innerWidth <= 859){\n  document.querySelectorAll(\".service-btn\").forEach(btn => {\n    btn.classList.remove(\"active\");\n  });\n\n  document.getElementById(\"serviceDetailCard\").style.display = \"none\";\n}\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\n<script>\nfunction openReglementModal(){\n  document.getElementById(\"reglementModal\").classList.add(\"open\");\n}\n\nfunction closeReglementModal(){\n  document.getElementById(\"reglementModal\").classList.remove(\"open\");\n}\n\nfunction openReglementImage(url){\n  closeReglementModal();\n  openImageModal(url);\n}\n<\/script>\n\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:false },\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\/06\/Agenda-07-2026-1.jpg\", visible:true },\n    { month:\"Ao\u00fbt\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", visible:true },\n    { month:\"Septembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", visible:false },\n    { month:\"Octobre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", visible:false },\n    { month:\"Novembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", visible:false },\n    { month:\"D\u00e9cembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", 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}\nfunction openRecModal(){\n  closeBookingModal();\n  document.getElementById(\"recModal\").classList.add(\"open\");\n}\n\nfunction closeRecModal(){\n  document.getElementById(\"recModal\").classList.remove(\"open\");\n}\n<\/script>\n\n<div class=\"modal-overlay\" id=\"bookingModal\">\n  <div class=\"modal\" style=\"max-width:750px;\">\n    \n    <div class=\"modal-header\">\n      <div class=\"modal-title\">Choisissez une activit\u00e9<\/div>\n      <button class=\"modal-close\" onclick=\"closeBookingModal()\">\u2715<\/button>\n    <\/div>\n\n    <div class=\"modal-body\" style=\"text-align:center;\">\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 booking-indiv\"\n   href=\"https:\/\/wa.me\/32496707139?text=Bonjour,%20je%20souhaiterais%20r%C3%A9server%20un%20cr%C3%A9neau%20pour%20une%20s%C3%A9ance%20individuelle%20pour%20mon%20chien.\"\n   target=\"_blank\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/SEANCE-INDIVIDUELLE.png\" class=\"booking-icon icon-indiv\">\n  S\u00e9ances individuelles\n<\/a>\n\n<a class=\"btn booking-agility\"\n   href=\"https:\/\/www.eventbrite.com\/cc\/agility-4832770\"\n   target=\"_blank\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/AGILITY.png\" class=\"booking-icon icon-agility\">\n  Agility\n<\/a>\n\n<a class=\"btn booking-edu\"\n   href=\"https:\/\/www.eventbrite.com\/cc\/balades-educatives-4833032\"\n   target=\"_blank\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-EDUCATIVE.png\" class=\"booking-icon icon-edu\">\n  Balades \u00e9ducatives\n<\/a>\n\n<a class=\"btn booking-rec\"\n   href=\"#\"\n   onclick=\"openRecModal(); return false;\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-RECREATIVE.png\" class=\"booking-icon icon-rec\">\n  Balades r\u00e9cr\u00e9atives\n<\/a>\n\n<a class=\"btn booking-collectif\"\n   href=\"https:\/\/www.eventbrite.com\/cc\/cours-collectifs-chiots-4833035\"\n   target=\"_blank\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/COURS-COLLECTIFS.png\" class=\"booking-icon icon-collectif\">\n  Cours collectifs &#038; Ateliers\n<\/a>\n\n<a class=\"btn booking-eventbrite\"\n   href=\"https:\/\/www.eventbrite.be\/o\/mayzeera-121009558660\"\n   target=\"_blank\">\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/calendrier.png\" class=\"booking-icon icon-event\">\n  Tous les \u00e9v\u00e8nements\n<\/a>\n\n  <a class=\"btn btn-reglement booking-reglement-full\"\n   href=\"#\"\n   onclick=\"openReglementModal(); return false;\">\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=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/Conditions-Generales-\u2013-MAYZEERA-Education-canine-activites-recreatives.pdf\" 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\n<\/script>\n<script>\nfunction openImageModal(src) {\n  document.getElementById(\"modalFullImage\").src = src;\n  document.getElementById(\"imageModal\").style.display = \"flex\";\n  document.body.style.overflow = \"hidden\";\n}\n\nfunction closeImageModal() {\n  document.getElementById(\"imageModal\").style.display = \"none\";\n  document.body.style.overflow = \"visible\";\n}\n\n\/\/ Fermer en cliquant en dehors de l'image\ndocument.getElementById(\"imageModal\").addEventListener(\"click\", function(e) {\n  if (e.target.id === \"imageModal\") {\n    closeImageModal();\n  }\n});\n\n\/\/ Fermer avec la touche Escape\ndocument.addEventListener(\"keydown\", function(e) {\n  if (e.key === \"Escape\") {\n    closeImageModal();\n  }\n});\n<\/script>\n<\/script>\n<!-- MODAL IMAGE PLEIN \u00c9CRAN -->\n<div class=\"image-modal-overlay\" id=\"imageModal\">\n  <div class=\"image-modal\">\n    <div class=\"image-modal-close\" onclick=\"closeImageModal()\">\u2715<\/div>\n    <img decoding=\"async\" id=\"modalFullImage\" src=\"\" alt=\"\">\n  <\/div>\n<\/div>\n\n<!-- MODAL REGLEMENTS -->\n<div class=\"modal-overlay\" id=\"reglementModal\">\n  <div class=\"modal\" style=\"max-width:600px;\">\n\n    <div class=\"modal-header\">\n      <div class=\"modal-title\">Choisissez une activit\u00e9<\/div>\n      <button class=\"modal-close\" onclick=\"closeReglementModal()\">\u2715<\/button>\n    <\/div>\n\n    <div class=\"modal-body\">\n\n      <div class=\"booking-buttons\">\n\n        <a class=\"btn secondary\"\n           href=\"#\"\n           onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-agility.png'); return false;\">\n           \ud83c\udfc1 Agility\n        <\/a>\n\n        <a class=\"btn secondary\"\n           href=\"#\"\n           onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-balades-educatives.png'); return false;\">\n           \ud83c\udf93 Balades \u00e9ducatives\n        <\/a>\n\n        <a class=\"btn secondary\"\n           href=\"#\"\n           onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-balades-recreatives.png'); return false;\">\n           \ud83d\udc3e Balades r\u00e9cr\u00e9atives\n        <\/a>\n\n        <a class=\"btn secondary\"\n           href=\"#\"\n           onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-cours-collectifs.png'); return false;\">\n           \ud83d\udc65 Cours collectifs\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"recModal\">\n\n  <div class=\"modal\" style=\"max-width:550px;\">\n\n    <div class=\"modal-header\">\n      <div class=\"modal-title\">Balades r\u00e9cr\u00e9atives<\/div>\n      <button class=\"modal-close\" onclick=\"closeRecModal()\">\u2715<\/button>\n    <\/div>\n\n    <div class=\"modal-body\" style=\"text-align:center;\">\n\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:12px; justify-content:center;\">\n\n        <a class=\"btn booking-eventbrite\"\n           href=\"https:\/\/www.eventbrite.com\/cc\/balades-recreatives-4832654\"\n           target=\"_blank\">\n           Oui\n        <\/a>\n\n        <a class=\"btn rec-no\"\n   href=\"https:\/\/wa.me\/32496707139?text=Bonjour,%20j'aimerais%20faire%20la%20balade%20rencontre%20avec%20mon%20chien.\"\n   target=\"_blank\">\n   Non\n<\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n<script>\ndocument.querySelectorAll('.avis-more').forEach(btn => {\n\n  btn.addEventListener('click', () => {\n\n    const card = btn.closest('.avis-card');\n\n    card.classList.toggle('open');\n\n    btn.innerHTML =\n  card.classList.contains('open')\n  ? '\u25b2 R\u00e9duire'\n  : 'Lire la suite \u2192';\n\n  });\n\n});\n<\/script>\n<script>\nconst avisTrack = document.querySelector('.avis-track');\n\ndocument.querySelector('.avis-next')?.addEventListener('click', () => {\n  avisTrack.scrollBy({\n    left: avisTrack.clientWidth,\n    behavior: 'smooth'\n  });\n});\n\ndocument.querySelector('.avis-prev')?.addEventListener('click', () => {\n  avisTrack.scrollBy({\n    left: -avisTrack.clientWidth,\n    behavior: 'smooth'\n  });\n});\n<\/script>\n  <\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9ducatrice Canine Li\u00e8ge &#8211; MAYZEERA | \u00c9ducation Canine &#038; Balades MAYZEERA | \u00c9ducation canine Services Agenda Questions Contact R\u00e9server Services Agenda Questions Contact S\u00e9ances individuelles &#038; collectives \u00b7 Balades r\u00e9cr\u00e9atives &#038; \u00e9ducatives \u00b7 Agility \u00b7 Dog walker \u00c9ducatrice canine en province de Li\u00e8ge \u300cD\u00e9veloppez le potentiel de votre chien. Un humain confiant, un chien \u00e9panoui [&hellip;]<\/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":125,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/288"}],"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}]}}