{"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-08-10T12:02:53","modified_gmt":"2026-08-10T10:02:53","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<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 &amp; Balades<\/title>\n<meta name=\"description\" content=\"\u00c9ducatrice canine en province de Li\u00e8ge. S\u00e9ances individuelles, balades \u00e9ducatives et r\u00e9cr\u00e9atives, ateliers, agility et Dog Walking. Accompagnement adapt\u00e9 \u00e0 chaque bin\u00f4me.\">\n    \n<!-- Int\u00e9gration de la police Satisfy depuis Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Satisfy&amp;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 .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{\n    display:grid;\n    gap:16px;\n    margin-top:20px;\n}      \n\n\/* Deux offres = deux colonnes sur PC *\/\n.price-grid:has(.offer-card:nth-child(2)){\n    grid-template-columns:repeat(2,minmax(280px,1fr));\n    justify-content:center;\n}\n\n\/* Une seule offre = centr\u00e9e *\/\n.price-grid:has(.offer-card:only-child){\n    max-width:520px;\n    margin:20px auto 0;\n}\n\n\/* Mobile *\/\n@media(max-width:700px){\n\n    .price-grid:has(.offer-card:nth-child(2)){\n        grid-template-columns:1fr;\n    }\n\n}\n\n      .info-amber{\n        margin-top:16px;\n        padding:10px 16px;\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:0px;\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      .site-footer{\n  display:flex;\n  gap:12px;\n  justify-content:center;\n  align-items:center;\n  flex-wrap:wrap;\n}\n\n.site-footer a{\n  font-weight:600;\n  color:#64748b;\n  transition:color .2s ease;\n}\n\n.site-footer a:hover,\n.site-footer a:focus-visible{\n  color:#3b82a0 !important;\n  text-decoration:underline;\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:#E8C95A;\n  color:#5B3B00;\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:-webkit-box;\n  -webkit-box-orient:vertical;\n  -webkit-line-clamp:4;\n  overflow:hidden;\n}\n\n.avis-card.open .avis-full{\n  display:block;\n  overflow:visible;\n  -webkit-line-clamp:unset;\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.avis-nav.is-hidden{\n  display:none !important;\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\n.offer-card{\n    background:#fff;\n    border:1px solid #e8edf3;\n    border-radius:22px;\n    padding:20px 24px;\n    text-align:center;\n    box-shadow:0 10px 25px rgba(15,23,42,.05);\n    transition:.2s ease;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    gap:2px;\n\n    max-width:450px;\n    width:100%;\n    margin:0 auto;\n}\n\n.offer-card:hover{\n    border-color:#d6dee8;\n    box-shadow:0 16px 35px rgba(15,23,42,.08);\n}\n\n.offer-title{\n    font-size:18px;\n    font-weight:800;\n    margin-bottom:16px;\n}\n\n.offer-price{\n    font-size:40px;\n    font-weight:900;\n    line-height:1;\n    letter-spacing:-1px;\n    color:var(--text);\n    margin:2px 0;\n}\n\n.offer-details{\n    margin-top:6px;\n    font-size:16px;\n    color:var(--muted);\n    line-height:1.35;\n}\n\n@media(max-width:700px){\n\n    .offer-card{\n        padding:22px;\n    }\n\n    .offer-price{\n        font-size:34px;\n    }\n\n}\n\n.contact-panel{\n    padding:16px 26px 26px;\n}\n\n@media (max-width:600px){\n\n  #infoModal .modal-header{\n    display:none;\n  }\n\n}\n\/* ===== MODALE INFORMATIONS SUR MOBILE ===== *\/\n@media (max-width:600px){\n\n  #infoModal{\n    padding:10px;\n  }\n\n  #infoModal .modal{\n    width:96%;\n    max-height:88vh;\n    border-radius:20px;\n  }\n\n  #infoModal .modal-header{\n    display:none;\n  }\n\n  #infoModal .modal-body{\n    padding:18px 18px 12px;\n  }\n\n  \/* \u00c9crase le font-size:16px ajout\u00e9 dans le JavaScript *\/\n  #infoModal #infoContent > div{\n    font-size:15px !important;\n    line-height:1.5 !important;\n  }\n\n  #infoModal p{\n    font-size:15px;\n    line-height:1.5;\n    margin:0 0 14px;\n  }\n\n  #infoModal h4{\n    font-size:21px;\n    line-height:1.2;\n    margin:20px 0 12px;\n  }\n\n  #infoModal h4:first-of-type{\n    margin-top:8px;\n  }\n\n  #infoModal ul{\n    margin:8px 0 18px;\n    padding-left:24px;\n  }\n\n  #infoModal li{\n    font-size:15px;\n    line-height:1.45;\n    margin-bottom:8px;\n    padding-left:2px;\n  }\n\n  #infoModal .modal-footer{\n    padding:10px 16px 14px;\n  }\n\n  #infoModal .modal-footer .btn{\n    padding:8px 16px;\n    font-size:14px;\n    border-radius:14px;\n  }\n}\n@media (max-width:600px){\n  #infoModal ul{\n    list-style:none;\n    padding-left:0;\n  }\n}\n\n\/* ===== LISTES PROFESSIONNELLES DANS LES MODALES ===== *\/\n#infoModal .modal-list{\n  list-style:none;\n  padding-left:0;\n  margin:12px 0 20px;\n}\n#infoModal .modal-list li{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  margin-bottom:10px;\n  line-height:1.5;\n}\n#infoModal .modal-list .list-icon{\n  width:20px;\n  height:20px;\n  min-width:20px;\n  margin-top:2px;\n  color:#3b82a0;\n}\n#infoModal .modal-list .list-icon.star{\n  color:#b7791f;\n}\n#infoModal .modal-list .list-icon svg{\n  width:100%;\n  height:100%;\n  display:block;\n  stroke:currentColor;\n}\n@media(max-width:600px){\n  #infoModal .modal-list{\n    margin:8px 0 16px;\n  }\n  #infoModal .modal-list li{\n    gap:8px;\n    margin-bottom:8px;\n  }\n  #infoModal .modal-list .list-icon{\n    width:18px;\n    height:18px;\n    min-width:18px;\n  }\n}\n\n\n\/* ===== ICONES UNIFORMES DU SITE ===== *\/\n.service-btn .badge{\n  overflow:hidden;\n}\n\n.service-btn .badge img{\n  width:36px;\n  height:36px;\n  object-fit:contain;\n  display:block;\n}\n\n.service-btn.active .badge img{\n  filter:brightness(1.08);\n}\n\n.ui-icon{\n  width:18px;\n  height:18px;\n  flex:0 0 18px;\n  display:inline-block;\n  vertical-align:middle;\n  color:currentColor;\n}\n\n.ui-icon svg{\n  width:100%;\n  height:100%;\n  display:block;\n  stroke:currentColor;\n}\n\n.btn-with-icon,\n.modal-title-with-icon,\n.rating-line,\n.location-line{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n}\n\n.modal-title-with-icon{\n  color:var(--text);\n}\n\n.modal-title-with-icon .ui-icon{\n  width:22px;\n  height:22px;\n  flex-basis:22px;\n  color:#3b82a0;\n}\n\n.avis-stars{\n  display:flex;\n  align-items:center;\n  gap:3px;\n  margin-bottom:12px;\n}\n\n.avis-stars .star-icon,\n.rating-line .star-icon{\n  width:18px;\n  height:18px;\n  color:#d49a16;\n  fill:#d49a16;\n}\n\n.avis-stars .star-icon svg,\n.rating-line .star-icon svg{\n  fill:currentColor;\n  stroke:currentColor;\n}\n\n.rating-line{\n  font-size:34px;\n  font-weight:800;\n  color:#0b183b;\n  line-height:1;\n  flex-wrap:wrap;\n}\n\n.location-line .ui-icon{\n  color:#3b82a0;\n}\n\n.contact-ico img.contact-logo{\n  width:24px;\n  height:24px;\n  object-fit:contain;\n  display:block;\n}\n\n.reglement-icon{\n  width:28px;\n  height:28px;\n  object-fit:contain;\n  flex-shrink:0;\n}\n\n@media(max-width:600px){\n  .modal-title-with-icon .ui-icon{\n    width:20px;\n    height:20px;\n    flex-basis:20px;\n  }\n\n  .service-btn .badge img{\n    width:34px;\n    height:34px;\n  }\n}\n\n\/* ===== COULEURS DES ICONES DE SERVICES ===== *\/\n\n.service-btn .badge{\n  width:48px;\n  height:48px;\n  min-width:48px;\n  border-radius:16px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n}\n\n.service-btn .badge img{\n  width:42px;\n  height:42px;\n  object-fit:contain;\n  display:block;\n  opacity:1;\n  filter:none;\n}\n\n\/* S\u00e9ances individuelles *\/\n.service-btn[data-service=\"individuelle\"] .badge{\n  background:#8EC5E8 !important;\n}\n\n\/* Balades \u00e9ducatives *\/\n.service-btn[data-service=\"educative\"] .badge{\n  background:#E88C8C !important;\n}\n\n\/* Balades r\u00e9cr\u00e9atives *\/\n.service-btn[data-service=\"recreative\"] .badge{\n  background:#6CCB9B !important;\n}\n\n\/* Ateliers *\/\n.service-btn[data-service=\"atelier\"] .badge{\n  background:#E8C95A !important;\n  border:1px solid rgba(120,53,15,.18);\n}\n\n\/* Agility *\/\n.service-btn[data-service=\"agility\"] .badge{\n  background:#B9B3D9 !important;\n}\n\n\/* Conserver les couleurs lorsqu'un service est s\u00e9lectionn\u00e9 *\/\n.service-btn.active .badge{\n  opacity:1;\n}\n\n\/* Taille l\u00e9g\u00e8rement r\u00e9duite sur t\u00e9l\u00e9phone *\/\n@media(max-width:600px){\n\n  .service-btn .badge{\n    width:46px;\n    height:46px;\n    min-width:46px;\n  }\n\n  .service-btn .badge img{\n    width:40px;\n    height:40px;\n  }\n}\n.service-btn[data-service=\"atelier\"] .badge img{\n  width:44px;\n  height:44px;\n  filter:contrast(1.15);\n}\n\/* Emp\u00eache Safari mobile de mettre les titres des boutons en bleu *\/\n.service-btn{\n  color:var(--text);\n  -webkit-appearance:none;\n  appearance:none;\n}\n\n.service-btn .desc{\n  color:var(--muted);\n}\n\n.service-btn.active{\n  color:#fff;\n}\n\n.service-btn.active .desc{\n  color:rgba(255,255,255,.80);\n}\n\n\/* ===== OPTIMISATION MOBILE : BLOCKSY + HAUT DE PAGE ===== *\/\n@media (max-width:859px){\n\n  \/* Retire l'espace sup\u00e9rieur ajout\u00e9 par le th\u00e8me Blocksy *\/\n  body .site-main,\n  body .site-main > article,\n  body .entry-content,\n  body .entry-content-wrap,\n  body .ct-container-full{\n    margin-top:0 !important;\n    padding-top:0 !important;\n  }\n\n  body .entry-content > :first-child,\n  body .site-main > article > :first-child{\n    margin-top:0 !important;\n  }\n\n  \/* Header plus compact *\/\n  .topbar{\n    margin-top:0 !important;\n    padding-top:0 !important;\n  }\n\n  .topbar-inner{\n    gap:6px !important;\n    padding:8px 16px !important;\n  }\n\n  .brand{\n    gap:4px !important;\n    margin:0 auto !important;\n  }\n\n  .logo{\n    width:64px !important;\n    height:64px !important;\n  }\n\n  .brand-text{\n    font-size:15px !important;\n    line-height:1.2;\n  }\n\n  .mobile-nav{\n    gap:6px !important;\n    margin-top:2px !important;\n    padding:4px 10px 8px !important;\n  }\n\n  .mobile-nav a{\n    padding:7px 10px !important;\n    font-size:12px !important;\n  }\n\n  \/* Hero plus court et plus \u00e9quilibr\u00e9 *\/\n  .hero{\n    padding:12px 0 18px !important;\n  }\n\n  .hero .container{\n    padding-left:18px;\n    padding-right:18px;\n  }\n\n  .hero-grid{\n    gap:8px !important;\n  }\n\n  .hero-pill{\n    margin:0 auto 6px !important;\n    max-width:300px !important;\n    padding:5px 9px !important;\n    font-size:10px !important;\n    line-height:1.35 !important;\n  }\n\n  .hero-subtitle{\n    font-size:17px !important;\n    line-height:1.25 !important;\n    margin-top:6px !important;\n  }\n\n  .hero-title{\n    font-size:31px !important;\n    line-height:1.12 !important;\n    margin:8px 0 0 !important;\n    letter-spacing:0 !important;\n  }\n\n  .hero .carousel{\n    margin-top:14px;\n    border-radius:16px;\n  }\n\n  .carousel img{\n    aspect-ratio:16 \/ 10;\n    max-height:210px;\n  }\n\n  .carousel-dots{\n    margin-top:7px;\n  }\n\n  \/* D\u00e9but de la section Services plus rapproch\u00e9 *\/\n  #services{\n    padding-top:22px !important;\n    padding-bottom:34px !important;\n  }\n\n  #services h2{\n    margin:0 0 4px !important;\n  }\n\n  #services > .container > p{\n    margin:0 0 10px !important;\n  }\n\n  #services .service-layout{\n    margin-top:0 !important;\n  }\n\n  #services .service-list{\n    padding:8px;\n  }\n}\n\n    \n\n\/* ===== MENU MOBILE : VOILE BLEU P\u00c9TROLE ULTRA L\u00c9GER ===== *\/\n@media (max-width:859px){\n  .mobile-nav a{\n    background:rgba(5,90,98,.035) !important;\n    color:#0f172a !important;\n    border:1px solid rgba(5,90,98,.18) !important;\n    box-shadow:none !important;\n    font-weight:700 !important;\n  }\n\n  .mobile-nav a:hover,\n  .mobile-nav a:focus-visible,\n  .mobile-nav a:active{\n    background:rgba(5,90,98,.065) !important;\n    border-color:rgba(5,90,98,.28) !important;\n    color:#17474c !important;\n  }\n}\n\n\/* Sous-titre de la section \u00c9v\u00e8nements & inscriptions *\/\n.agenda-intro{\n  margin:6px 0 0;\n  color:var(--muted);\n  line-height:1.45;\n}\n\n@media (max-width:859px){\n  .agenda-intro{\n    margin-top:4px;\n    font-size:13px;\n    line-height:1.4;\n  }\n}\n\n\n\n\/* Transition Eventbrite ao\u00fbt \u2192 inscriptions MAYZEERA d\u00e8s septembre *\/\n.agenda-transition{\n  margin:8px 0 12px;\n  padding:9px 12px;\n  width:100%;\n  border-left:3px solid rgba(5,90,98,.45);\n  border-radius:0 10px 10px 0;\n  background:rgba(5,90,98,.035);\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.45;\n}\n\n@media (max-width:859px){\n  .agenda-transition{\n    margin-top:7px;\n    padding:8px 10px;\n    font-size:12px;\n  }\n}\n\n\/* ===== ACCUEIL : PROCHAINS \u00c9V\u00c8NEMENTS ===== *\/\n.home-upcoming-events{margin-top:18px;}\n.home-upcoming-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;}\n.home-upcoming-heading strong{font-size:18px;color:var(--text);}\n.home-upcoming-heading span{font-size:12px;color:var(--muted);}\n.home-upcoming-list{display:grid;gap:10px;}\n.home-upcoming-card{display:grid;grid-template-columns:5px 1fr auto;gap:12px;align-items:center;min-height:86px;padding:12px 13px 12px 0;border:1px solid var(--ring);border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.045);transition:.18s ease;overflow:hidden;}\n.home-upcoming-card:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 9px 22px rgba(15,23,42,.08);}\n.home-upcoming-color{width:5px;align-self:stretch;border-radius:0 6px 6px 0;}\n.home-upcoming-main{display:grid;gap:3px;min-width:0;}\n.home-upcoming-type{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#64748b;}\n.home-upcoming-title{font-size:15px;font-weight:800;line-height:1.3;color:var(--text);}\n.home-upcoming-meta,.home-upcoming-location{font-size:12px;color:var(--muted);line-height:1.35;}\n.home-upcoming-arrow{font-size:20px;color:#94a3b8;font-weight:800;}\n.home-upcoming-all{display:inline-flex;justify-content:center;align-items:center;margin-top:12px;min-height:42px;padding:9px 14px;border-radius:13px;background:#0f172a;color:#fff !important;font-size:13px;font-weight:800;}\n.home-upcoming-all:hover{background:#1e293b;}\n.home-upcoming-loading,.home-upcoming-error{padding:16px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:#64748b;font-size:13px;}\n@media(max-width:700px){.home-upcoming-card{min-height:82px}.home-upcoming-title{font-size:14px}}\n\n\n\n    <\/style>\n  \n\n  \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\">\u00c9v\u00e8nements &amp; inscriptions<\/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      <button class=\"btn btn-booking\" type=\"button\" onclick=\"openBookingModal()\">R\u00e9server<\/button>\n      <div class=\"socials\">\n        <a href=\"https:\/\/www.instagram.com\/mayzeera_educationcanine\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Instagram\">\n          <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/insta.jpeg\" alt=\"Instagram\">\n        <\/a>\n\n        <a href=\"https:\/\/www.facebook.com\/share\/1CCioi4t2P\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"Facebook\">\n          <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/facebook.png\" alt=\"Facebook\">\n        <\/a>\n\n        <a href=\"https:\/\/www.tiktok.com\/@mayzeera_educationcanine\" target=\"_blank\" rel=\"noreferrer\" aria-label=\"TikTok\">\n          <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/tiktok.jpeg\" alt=\"TikTok\">\n        <\/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\">\u00c9v\u00e8nements &amp; inscriptions<\/a>\n    <a href=\"#faq\">Questions<\/a>\n    <a href=\"#contact\">Contact<\/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 \u00b7 Balades \u00e9ducatives &amp; r\u00e9cr\u00e9atives \u00b7 Ateliers \u00b7  Agility \u00b7 Dog Walking\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 &amp; 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 &amp; 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\" onclick=\"openImageModal(this.src)\" style=\"cursor:pointer;\">\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/04\/IMG_3132-1-scaled.jpeg\" onclick=\"openImageModal(this.src)\" style=\"cursor:pointer;\">\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/IMG_3110-scaled-e1780395081533.jpeg\" onclick=\"openImageModal(this.src)\" style=\"cursor:pointer;\">\n\n  <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/agility2.jpeg\" onclick=\"openImageModal(this.src)\" style=\"cursor:pointer;\">\n<\/div>\n<\/div>\n<div class=\"carousel-dots\"><\/div>\n      <\/div>\n    <\/div><\/section>\n\n    <!-- SERVICES -->\n    <section id=\"services\" class=\"section\">\n      <div class=\"container\">\n        <h2>Services &amp; tarifs<\/h2>\n        <p>Cliquez sur un service pour voir le d\u00e9tail.<\/p>\n\n        <div class=\"service-layout\" style=\"margin-top:8px;\">\n          <div class=\"card service-list\">\n            <button class=\"service-btn active\" data-service=\"individuelle\" type=\"button\">\n              <div class=\"badge\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/SEANCE-INDIVIDUELLE.png\" alt=\"S\u00e9ances individuelles\"><\/div>\n              <div>\n                <div style=\"font-weight:800;\">S\u00e9ances individuelles<\/div>\n                <div class=\"desc\">Parce que chaque chien est diff\u00e9rent, chaque accompagnement l&rsquo;est aussi.<\/div>\n              <\/div>\n            <\/button>\n\n            <button class=\"service-btn\" data-service=\"educative\" type=\"button\">\n              <div class=\"badge\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-EDUCATIVE.png\" alt=\"Balades \u00e9ducatives\"><\/div>\n              <div>\n                <div style=\"font-weight:800;\">Balades \u00e9ducatives<\/div>\n                <div class=\"desc\">Transformez chaque sortie en une v\u00e9ritable s\u00e9ance d&rsquo;apprentissage.<\/div>\n              <\/div>\n            <\/button>\n\n            <button class=\"service-btn\" data-service=\"recreative\" type=\"button\">\n              <div class=\"badge\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-RECREATIVE.png\" alt=\"Balades r\u00e9cr\u00e9atives\"><\/div>\n              <div>\n                <div style=\"font-weight:800;\">Balades r\u00e9cr\u00e9atives<\/div>\n                <div class=\"desc\">Offrez \u00e0 votre chien le plaisir d&rsquo;\u00e9voluer sereinement au sein d&rsquo;un groupe encadr\u00e9.<\/div>\n              <\/div>\n            <\/button>\n\n            <button class=\"service-btn\" data-service=\"atelier\" type=\"button\">\n              <div class=\"badge\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/COURS-COLLECTIFS.png\" alt=\"Ateliers\"><\/div>\n              <div>\n                <div style=\"font-weight:800;\">Ateliers<\/div>\n                <div class=\"desc\">Un th\u00e8me, un objectif, des exercices concrets.<\/div>\n              <\/div>\n            <\/button>\n\n            <button class=\"service-btn\" data-service=\"agility\" type=\"button\">\n              <div class=\"badge\"><img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/AGILITY.png\" alt=\"Agility\"><\/div>\n              <div>\n                <div style=\"font-weight:800;\">Agility<\/div>\n                <div class=\"desc\">Se d\u00e9passer ensemble, dans le plaisir.<\/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:24px; font-weight:800;\"><\/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=\"#\">Voir les \u00e9v\u00e8nements<\/a>\n              <a class=\"btn secondary\" href=\"#avis\">\n                <span class=\"btn-with-icon\">\n                  <svg class=\"ui-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n                    <polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon>\n                  <\/svg>\n                  <span>Avis clients<\/span>\n                <\/span>\n              <\/a>\n              <button class=\"btn secondary\" type=\"button\" id=\"infoBtn\">En savoir plus<\/button>\n              <button class=\"btn secondary\" type=\"button\" id=\"infoBtn2\" style=\"display:none;\">Dog Walking<\/button>\n            <\/div>\n\n            <div class=\"info-amber\">\n  <div id=\"serviceInfo\" style=\"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>\u00c9v\u00e8nements &amp; inscriptions<\/h2>\n        <p class=\"agenda-intro\">Retrouvez l\u2019agenda mensuel, les prochaines dates et l\u2019acc\u00e8s aux inscriptions.<\/p>\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\" id=\"agendaImageCurrent\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/calendrierjanvier.jpeg\" alt=\"Agenda mensuel courant Mayzeera\" loading=\"lazy\" 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;\" onclick=\"openImageModal(this.src)\">\n\n  <img decoding=\"async\" id=\"agendaImageNext\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/02\/calendrierfevrier.jpeg\" alt=\"Agenda mensuel suivant Mayzeera\" loading=\"lazy\" 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;\" onclick=\"openImageModal(this.src)\">\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 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                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 de 9 mois).<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              <div class=\"home-upcoming-events\" id=\"homeUpcomingEvents\">\n                <div class=\"home-upcoming-heading\">\n                  <strong>Prochains \u00e9v\u00e8nements<\/strong>\n                  <span>Les 3 prochaines dates MAYZEERA<\/span>\n                <\/div>\n\n                <p class=\"agenda-transition\">\n                  <strong>Ici, seuls les \u00e9v\u00e8nements \u00e0 partir de septembre sont affich\u00e9s.<\/strong><br>\n                  Pour consulter et r\u00e9server les \u00e9v\u00e8nements du mois d\u2019ao\u00fbt, utilisez le bouton rouge <strong>\u00ab R\u00e9server \u00bb<\/strong> en haut de la page.\n                <\/p>\n\n                <div class=\"home-upcoming-list\">\n                  <div class=\"home-upcoming-loading\">Chargement des prochains \u00e9v\u00e8nements\u2026<\/div>\n                <\/div>\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 <!-- Flora -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Flora T.<\/div>\n\n  <div class=\"avis-text avis-full\">\nJe vous la recommande sans h\u00e9siter! Elodie est tr\u00e8s \u00e0 l\u2019\u00e9coute, autant du ma\u00eetre que du chien. Son exp\u00e9rience lui permet de proposer des pistes concr\u00e8tes, r\u00e9fl\u00e9chies en s\u2019adaptant \u00e0 chaque bin\u00f4me chien\/humain. Elle est tr\u00e8s disponible et suit avec attention l\u2019\u00e9volution de chacun. De plus, elle propose beaucoup d\u2019activit\u00e9s diff\u00e9rentes, afin de pouvoir faire \u00e9voluer son chien dans des contextes diff\u00e9rents (ville, campagne, bois, galeries, transports\u2026) et ce, toujours dans une bonne ambiance! Je participe \u00e0 de nombreuses balades ainsi qu\u2019au cours d\u2019agility. Ceux ci ont beaucoup aid\u00e9 mon chien \u00e0 se canaliser.\nEn effet, je le vois progresser au quotidien. C\u2019est un chien sensible, pouvant r\u00e9agir par peur autant avec les chiens que les humains. Mais il a beaucoup \u00e9volu\u00e9 et pris confiance en lui depuis que nous l\u2019avons rencontr\u00e9e. Il est beaucoup plus pos\u00e9, il r\u00e9fl\u00e9chit et se r\u00e9f\u00e8re \u00e0 moi. Il est beaucoup plus \u00e0 l\u2019aise avec les gens \u00e9galement (ne r\u00e9agit quasi plus) et les chiens, ce qui \u00e9tait loin d\u2019\u00eatre le cas au d\u00e9but. Me concernant, je me sens bien plus \u00e0 l\u2019aise car je sais comment r\u00e9agir, m\u00eame dans des situations qui pouvaient me para\u00eetre compliqu\u00e9es auparavant.\nUn grand merci Elodie! \ud83d\ude0a\n  <\/div>\n  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Lisa -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Lisa P.<\/div>\n\n  <div class=\"avis-text avis-full\">\nUne exp\u00e9rience incroyable.. j\u2019ai contact\u00e9 Elodie pour ma chienne de 6 ans r\u00e9active en laisse face aux autres chiens et surtout malinois du \u00e0 des attaques qu\u2019elle a subi pr\u00e9c\u00e9demment..\nJ\u2019\u00e9tais totalement scotch\u00e9e qu\u2019en une seule s\u00e9ance ma chienne ne tirait plus en laisse et n\u2019\u00e9tait plus r\u00e9active, elle a compris qu\u2019on \u00e9tait l\u00e0 pour elle et qu\u2019elle ne risquait rien. Elle a chang\u00e9 de comportement gr\u00e2ce aux conseils que j\u2019ai bien \u00e9videmment continuer par la suite \u00e0 travailler.\nEn plus des s\u00e9ances individuelles, il y a les balades collectives qui sont g\u00e9niales pour le quotidien futur, au final, c\u2019est un apprentissage du chien ET du ma\u00eetre.\nJe recommande \u00e0 100%, c\u2019est bien simple, je n\u2019irai m\u00eame plus ailleurs. \ud83d\ude0a\nMerci Elodie pour le travail et l\u2019implication de toi m\u00eame\ud83d\ude4f\ud83c\udffc\n  <\/div>\n  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Manon -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Manon K.<\/div>\n\n  <div class=\"avis-text avis-full\">\nN\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  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Alisson -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Alisson M.<\/div>\n\n  <div class=\"avis-text\">\nMeilleur qu\u2019un club de dressage \ud83e\udd70\n  <\/div>\n<\/div>\n\n<!-- Natacha -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Natacha D.<\/div>\n\n  <div class=\"avis-text avis-full\">\nElle 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  <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\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\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\nC&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\nCe 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\nBref je continue chez elle et je recommande \ud83e\udd70\n  <\/div>\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\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Tiphanie D.<\/div>\n\n  <div class=\"avis-text avis-full\">\nJe 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  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Fiona -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"4 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\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  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Silvia -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Silvia I.<\/div>\n\n  <div class=\"avis-text avis-full\">\nJe recommande vivement le groupe d\u2019\u00e9ducation canine Mayzeera.\n\nJe 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\nUne personne passionn\u00e9e, comp\u00e9tente et toujours \u00e0 l\u2019\u00e9coute. Merci pour l\u2019engagement et le s\u00e9rieux ! \ud83d\udd25\n  <\/div>\n  <span class=\"avis-more\">Lire la suite \u2192<\/span>\n<\/div>\n\n<!-- Claude -->\n<div class=\"avis-card\">\n  <div class=\"avis-stars\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\n  <div class=\"avis-author\">Claude H.<\/div>\n\n  <div class=\"avis-text avis-full\">\nJe recommande cette personne les yeux ferm\u00e9s ! Son professionnalisme et sa passion pour les chiens font toute la diff\u00e9rence. Que ce soit lors des balades r\u00e9cr\u00e9atives ou des cours d\u2019\u00e9ducation, elle prend le temps de comprendre chaque chien, mais aussi son humain, afin de proposer un accompagnement parfaitement adapt\u00e9. Un immense merci pour ton investissement et la qualit\u00e9 de ton travail. Je recommande \u00e0 100 % \u00e0 toute personne souhaitant offrir le meilleur \u00e0 son compagnon \u00e0 quatre pattes !\n  <\/div>\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\" aria-label=\"5 \u00e9toiles\">\n    <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg><svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\n  <\/div>\n\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><!-- \/.avis-track -->\n\n<button class=\"avis-nav avis-next\" type=\"button\" aria-label=\"Avis suivants\">\u276f<\/button>\n\n<\/div><!-- \/.avis-slider -->\n<\/div><!-- \/.container -->\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\" class=\"member-img\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/08\/Carte-de-membre-85-x-55-mm.png\" alt=\"Carte de membre MAYZEERA\" loading=\"lazy\" style=\"max-width: 500px;width: 100%;height: auto;\">\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        <h2>Questions fr\u00e9quentes<\/h2>\n        <div class=\"card panel\" style=\"margin-top:18px;\">\n          \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>Oui, -50% pour votre deuxi\u00e8me chien pour les balades r\u00e9cr\u00e9atives.<\/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 (aller-retour) au d\u00e9part de Gr\u00e2ce-Hollogne sont offerts. Au-del\u00e0, les kilom\u00e8tres suppl\u00e9mentaires sont factur\u00e9s \u00e0 0,50 \u20ac\/km.<\/p>\n            <\/details>\n\n            <details>\n              <summary>Comment s\u2019inscrire ou r\u00e9server ?<\/summary>\n              <p>Pour les balades \u00e9ducatives, les balades r\u00e9cr\u00e9atives et les ateliers, consultez la rubrique <strong>\u00c9v\u00e8nements &amp; inscriptions<\/strong> afin de voir les prochaines dates et de vous inscrire directement. Pour une s\u00e9ance individuelle, un premier cours d\u2019agility ou toute question, contactez-moi au 0496 70 71 39 ou via WhatsApp.<\/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        <h2>Contact<\/h2>\n        <div class=\"card panel contact-panel\" style=\"margin-top:18px;\">\n          <div class=\"contact-rect\">\n            <div class=\"contact-left\">\n              \n              \n\n<p style=\"margin-top:0px; 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\">\n                    <svg class=\"ui-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                      <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"><\/path>\n                    <\/svg>\n                  <\/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\" href=\"https:\/\/wa.me\/32496707139?text=Bonjour,%20je%20souhaite%20des%20informations%20pour%20mon%20chien.\" target=\"_blank\">\n\n  <div class=\"contact-ico\">\n    <img decoding=\"async\" class=\"contact-logo\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\" alt=\"WhatsApp\">\n  <\/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&amp;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&amp;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\">\u00c9v\u00e8nements &amp; inscriptions<\/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 class=\"rating-line\">\n      <span>4,9 \/ 5<\/span>\n      <svg class=\"star-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon><\/svg>\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\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=MAYZEERA+Education+canine\" target=\"_blank\">\n      Voir les avis et informations\n    <\/a>\n    <\/div>\n\n    <div class=\"location-line\" style=\"margin-bottom:18px; color:#374151;\">\n      <svg class=\"ui-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"><\/path>\n        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n      <\/svg>\n      <span>Active dans toute la province de Li\u00e8ge<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <footer class=\"site-footer\">\n  <span>\u00a9 <span id=\"year\"><\/span> MAYZEERA<\/span>\n\n  <span>\u00b7<\/span>\n\n  <a href=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/08\/Mentions-legales-MAYZEERA-2026-08.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Mentions l\u00e9gales\n  <\/a>\n\n  <span>\u00b7<\/span>\n\n  <a href=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2025\/12\/Conditions-Generales-\u2013-MAYZEERA-Education-canine-activites-recreatives.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Conditions g\u00e9n\u00e9rales\n  <\/a>\n\n  <span>\u00b7<\/span>\n\n  <a href=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/08\/Politique-de-confidentialite-MAYZEERA-2026-08.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Politique de confidentialit\u00e9\n  <\/a>\n<\/footer>\n        \n      \n\n        \n\n    <\/section>\n\n    <!-- MODAL EN SAVOIR PLUS -->\n    <div class=\"modal-overlay\" id=\"infoModal\" aria-hidden=\"true\">\n      <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"infoTitle\">\n        <div class=\"modal-header\">\n          <div class=\"modal-title\" id=\"infoTitle\">En savoir plus<\/div>\n          \n        <\/div>\n\n        <div class=\"modal-body\">\n          <div id=\"infoContent\" class=\"modal-img-grid\"><\/div>\n        <\/div>\n\n        <div class=\"modal-footer\">\n          <button class=\"btn secondary\" type=\"button\" id=\"infoClose2\">Fermer<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <script>\n      document.getElementById(\"year\").textContent = new Date().getFullYear();\n\n\n      \/\/ SERVICES DATA\n      function modalIcon(name, extraClass = \"\"){\n        const icons = {\n          check: `<polyline points=\"20 6 9 17 4 12\"><\/polyline>`,\n          star: `<polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon>`,\n          users: `<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>`,\n          map: `<path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>`,\n          message: `<path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"><\/path>`,\n          shield: `<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><polyline points=\"9 12 11 14 15 10\"><\/polyline>`,\n          home: `<path d=\"M3 11 12 3l9 8\"><\/path><path d=\"M5 10v10h14V10\"><\/path>`,\n          clock: `<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><polyline points=\"12 7 12 12 15 14\"><\/polyline>`,\n          book: `<path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M4 4h16v16H6.5A2.5 2.5 0 0 1 4 17.5z\"><\/path>`,\n          leaf: `<path d=\"M20 4c-7 0-12 4-12 10 0 3 2 5 5 5 6 0 7-8 7-15z\"><\/path><path d=\"M8 20c2-5 5-8 10-11\"><\/path>`,\n          paw: `<circle cx=\"6\" cy=\"8\" r=\"2\"><\/circle><circle cx=\"18\" cy=\"8\" r=\"2\"><\/circle><circle cx=\"9\" cy=\"4\" r=\"2\"><\/circle><circle cx=\"15\" cy=\"4\" r=\"2\"><\/circle><path d=\"M8 16c0-3 2-5 4-5s4 2 4 5c0 2-2 4-4 4s-4-2-4-4z\"><\/path>`\n        };\n\n        return `\n          <span class=\"list-icon ${extraClass}\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              ${icons[name] || icons.check}\n            <\/svg>\n          <\/span>\n        `;\n      }\n\n\n      function uiIcon(name, extraClass = \"\"){\n        const icons = {\n          star: `<polygon points=\"12 2 15.1 8.3 22 9.3 17 14.2 18.2 21 12 17.8 5.8 21 7 14.2 2 9.3 8.9 8.3 12 2\"><\/polygon>`,\n          paw: `<circle cx=\"6\" cy=\"8\" r=\"2\"><\/circle><circle cx=\"18\" cy=\"8\" r=\"2\"><\/circle><circle cx=\"9\" cy=\"4\" r=\"2\"><\/circle><circle cx=\"15\" cy=\"4\" r=\"2\"><\/circle><path d=\"M8 16c0-3 2-5 4-5s4 2 4 5c0 2-2 4-4 4s-4-2-4-4z\"><\/path>`,\n          walk: `<circle cx=\"13\" cy=\"5\" r=\"2\"><\/circle><path d=\"M10 22l2-7-3-3 2-4 4 3 3 1\"><\/path><path d=\"M15 22l-1-5\"><\/path><path d=\"M7 22l3-8\"><\/path>`,\n          users: `<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>`,\n          target: `<circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle>`,\n          flag: `<path d=\"M5 22V4\"><\/path><path d=\"M5 4h12l-2 4 2 4H5\"><\/path>`,\n          file: `<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline>`,\n          map: `<path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>`\n        };\n\n        return `\n          <span class=\"ui-icon ${extraClass}\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              ${icons[name] || icons.paw}\n            <\/svg>\n          <\/span>\n        `;\n      }\n\n      function titleWithIcon(icon, text){\n        return `<span class=\"modal-title-with-icon\">${uiIcon(icon)}<span>${text}<\/span><\/span>`;\n      }\n\n      function buttonWithIcon(icon, text){\n        return `<span class=\"btn-with-icon\">${uiIcon(icon)}<span>${text}<\/span><\/span>`;\n      }\n\n      const data = {\n        individuelle: {\n          title: \"S\u00e9ances individuelles\",\n          booking: true,\n          desc: \"Chaque chien \u00e9tant unique, les s\u00e9ances individuelles sont enti\u00e8rement adapt\u00e9es \u00e0 votre bin\u00f4me, \u00e0 votre quotidien et \u00e0 vos objectifs. Elles permettent de travailler les comportements probl\u00e9matiques, qu'ils se manifestent en int\u00e9rieur ou en ext\u00e9rieur.\",\n          offers: [\n    {\n    price: \"50 \u20ac \/ h\",\n    details: \"S\u00e9ance de 1 \u00e0 2 heures\"\n  },\n    {\n      title: \"Accompagnement chiot\",\n      price: \"270 \u20ac\",\n      details: \"6 h + avantages inclus\"\n    }\n  ],\n          info: `\n            \u2022 D\u00e9placement \u00e0 domicile : 20 km aller et retour offerts, 0,50\u20ac\/km suppl\u00e9mentaire.<br\/>\n            \u2022 Le paiement se fait exclusivement en esp\u00e8ces.\n          `,\n          \n          fidelity: false,\n        \n        more: {\n    button: \"Quels sont les avantages de l'accompagnement chiot ?\",\n    buttonIcon: \"paw\",\n    title: \"Accompagnement chiot\",\n    titleIcon: \"paw\",\n    html: `\n        <p>Les premiers mois sont essentiels pour construire de bonnes bases et pr\u00e9venir l'apparition de comportements g\u00eanants.<\/p>\n\n        <h4>Ce qui est inclus<\/h4>\n\n        <ul class=\"modal-list\">\n          <li>${modalIcon(\"check\")}<span>6 heures de s\u00e9ances individuelles personnalis\u00e9es.<\/span><\/li>\n          <li>${modalIcon(\"check\")}<span>Une premi\u00e8re s\u00e9ance d'environ 2 heures pour r\u00e9aliser un bilan complet.<\/span><\/li>\n          <li>${modalIcon(\"check\")}<span>Les heures restantes sont r\u00e9parties selon les besoins et l'\u00e9volution de votre chiot.<\/span><\/li>\n          <li>${modalIcon(\"star\", \"star\")}<span>Une balade r\u00e9cr\u00e9ative offerte.<\/span><\/li>\n          <li>${modalIcon(\"star\", \"star\")}<span>50 % de r\u00e9duction sur votre premi\u00e8re balade \u00e9ducative.<\/span><\/li>\n        <\/ul>\n\n        <h4>Vos avantages<\/h4>\n\n        <p>\n            Jusqu'\u00e0 <strong>50 \u20ac d'avantages<\/strong> par rapport aux tarifs habituels.\n        <\/p>\n\n        <p>\n            Vous pouvez commencer par une premi\u00e8re s\u00e9ance individuelle.\n            Si vous choisissez l'accompagnement chiot,\n            le montant de cette premi\u00e8re s\u00e9ance est d\u00e9duit du prix total.\n        <\/p>\n\n        <p>\n            Vous d\u00e9couvrez ainsi ma m\u00e9thode de travail avant de vous engager.\n        <\/p>\n    `\n}\n\n        },\n      \n\neducative: {\n  title: \"Balades \u00e9ducatives\",\n  booking: true,\n  desc: \"Faites progresser votre chien en situation r\u00e9elle gr\u00e2ce \u00e0 des exercices concrets r\u00e9alis\u00e9s dans un groupe de maximum 5 bin\u00f4mes ma\u00eetre\/chien.\",\n\n  offers: [\n    {\n      price: \"20 \u20ac\",\n      details: \"1 heure\"\n    }\n  ],\n\n  info: `\n    \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n  `,\n\n    fidelity: true,\nmore: {\n    button: \"Comment se d\u00e9roule une balade ?\",\n    buttonIcon: \"target\",\n    title: \"Comment se d\u00e9roule une balade \u00e9ducative ?\",\n    titleIcon: \"target\",\n\n    html: `\n        <p>\n            Les balades \u00e9ducatives permettent de travailler votre chien directement en situation r\u00e9elle, dans des environnements vari\u00e9s du quotidien.\n        <\/p>\n\n        <p>\n            Selon le lieu choisi, les opportunit\u00e9s rencontr\u00e9es et le niveau du groupe, les situations de travail \u00e9voluent naturellement. L'objectif est d'apprendre \u00e0 mieux comprendre votre chien et \u00e0 l'accompagner dans les d\u00e9fis qu'il rencontrera au quotidien.\n        <\/p>\n\n        <h4>D\u00e9roulement<\/h4>\n\n        <ul class=\"modal-list\">\n          <li>${modalIcon(\"users\")}<span>Groupe de <strong>5 chiens maximum<\/strong>.<\/span><\/li>\n          <li>${modalIcon(\"map\")}<span>Chaque balade se d\u00e9roule dans un environnement diff\u00e9rent et parfois in\u00e9dit : ville, parc, \u00e9v\u00e8nement particulier, for\u00eat...<\/span><\/li>\n          <li>${modalIcon(\"message\")}<span>Conseils, explications et corrections personnalis\u00e9s tout au long de la balade.<\/span><\/li>\n          <li>${modalIcon(\"paw\")}<span>Les objectifs sont communs au groupe, tandis que les consignes sont ajust\u00e9es lorsque cela est n\u00e9cessaire afin de permettre \u00e0 chaque bin\u00f4me de progresser \u00e0 son rythme.<\/span><\/li>\n        <\/ul>\n\n        <p>\n            Chaque promenade devient une occasion de progresser avec votre chien.\n        <\/p>\n    `\n},},\n\nrecreative: {\n  title: \"Balades r\u00e9cr\u00e9atives\",\n  booking: true,\n  desc: \"Offrez \u00e0 votre chien une sortie encadr\u00e9e en groupe dans une ambiance conviviale. L'objectif est de lui permettre de se d\u00e9penser, de socialiser et de partager un moment agr\u00e9able.\",\n\n  offers: [\n    {\n      title: \"Balade r\u00e9cr\u00e9ative group\u00e9e\",\n      price: \"10 \u20ac\",\n      details: \"Balade rencontre obligatoire\"\n    },\n    {\n      title: \"Dog walking\",\n      price: \"18 \u20ac\",\n      details: \"Promenade individuelle d'1 heure\"\n    }\n  ],\n\n  info: `\n    \u2022 Votre deuxi\u00e8me chien est \u00e0 moiti\u00e9 prix.<br\/>\n    \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.<br\/>\n  \n    `,\n\n    fidelity: true,\n  more: {\n    button: \"Comment participer ?\",\n    buttonIcon: \"paw\",\n    title: \"Comment participer aux balades r\u00e9cr\u00e9atives ?\",\n    titleIcon: \"paw\",\n\n    html: `\n                <h4>Avant de rejoindre le groupe<\/h4>\n\n        <p>\n            Pour les chiens de plus de 9 mois, une <strong>balade rencontre<\/strong> est obligatoire.\n            Elle me permet d'\u00e9valuer la sociabilit\u00e9 de votre chien, son \u00e9nergie et de constituer des groupes \u00e9quilibr\u00e9s.\n        <\/p>\n\n        <h4>Une fois int\u00e9gr\u00e9<\/h4>\n\n        <ul class=\"modal-list\">\n          <li>${modalIcon(\"users\")}<span>Les inscriptions sont limit\u00e9es selon le profil des chiens afin de pr\u00e9server l'\u00e9quilibre du groupe.<\/span><\/li>\n          <li>${modalIcon(\"leaf\")}<span>Balades vari\u00e9es dans diff\u00e9rents lieux de la province de Li\u00e8ge.<\/span><\/li>\n          <li>${modalIcon(\"paw\")}<span>Ambiance d\u00e9tendue et conviviale.<\/span><\/li>\n          <li>${modalIcon(\"shield\")}<span>Surveillance et encadrement durant toute la sortie.<\/span><\/li>\n        <\/ul>\n\n    `\n},\nmore2: {\n    button: \"Dog Walking\",\n    buttonIcon: \"walk\",\n    title: \"En quoi consiste le Dog Walking ?\",\n    titleIcon: \"walk\",\n\n    html: `\n                      <p>\n            Le Dog Walking s'adresse aux propri\u00e9taires qui manquent de temps ou sont momentan\u00e9ment indisponibles pour promener leur chien.<\/p>\n\n<p>Chaque promenade est r\u00e9alis\u00e9e individuellement afin de respecter les habitudes, le rythme et les besoins de votre compagnon.\n        <\/p>\n\n        <h4>D\u00e9roulement<\/h4>\n\n        <ul class=\"modal-list\">\n          <li>${modalIcon(\"home\")}<span>D\u00e9part directement depuis votre domicile.<\/span><\/li>\n          <li>${modalIcon(\"clock\")}<span>Promenade individuelle d'environ 1 heure.<\/span><\/li>\n          <li>${modalIcon(\"leaf\")}<span>Parcours adapt\u00e9 \u00e0 l'\u00e2ge, au rythme et aux besoins de votre chien.<\/span><\/li>\n          <li>${modalIcon(\"message\")}<span>Petit compte-rendu \u00e0 votre retour si vous le souhaitez.<\/span><\/li>\n        <\/ul>\n\n        <p>\n            Le Dog Walking n'est pas une s\u00e9ance d'\u00e9ducation. En revanche, mon exp\u00e9rience d'\u00e9ducatrice canine me permet d'observer votre chien et de vous faire part, si n\u00e9cessaire, de remarques ou de conseils utiles concernant son comportement.<\/p>\n    \n            <h4>Frais de d\u00e9placement<\/h4>\n     <p>\n            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 15 premiers kilom\u00e8tres offerts.<\/p>\n            `\n},},\n\natelier: {\n  title: \"Ateliers\",\n  booking: true,\n  desc: \"Des ateliers \u00e0 th\u00e8me pour approfondir une comp\u00e9tence pr\u00e9cise gr\u00e2ce \u00e0 des explications th\u00e9oriques et des exercices pratiques.\",\n\n  offers: [\n    {\n      price: \"10 \u20ac\",\n      details: \"1 heure sur un terrain priv\u00e9 et cl\u00f4tur\u00e9\"\n    }\n  ],\n\n  info: `\n    \u2022 Les dates et th\u00e8mes des ateliers sont publi\u00e9s dans l'agenda mensuel.<br\/>\n    \u2022 Les cours se donnent \u00e0 Ans.<br\/>\n    \u2022 Les places sont limit\u00e9es afin de garantir un accompagnement de qualit\u00e9.<br\/>\n    \u2022 Le paiement se fait exclusivement en esp\u00e8ces. Merci de pr\u00e9voir le montant exact.\n  `,\n\n    fidelity: true,\n  more: {\n    button: \"Pourquoi participer ?\",\n    buttonIcon: \"users\",\n    title: \"Pourquoi participer \u00e0 un atelier ?\",\n    titleIcon: \"users\",\n\n    html: `\n        <p>\n      Les ateliers permettent de travailler un th\u00e8me pr\u00e9cis tout en conservant une vision globale de l'\u00e9ducation du chien.\n    <\/p>\n<p>\n      L'\u00e9ducation fonctionne comme un ensemble : chaque comp\u00e9tence influence les autres. L'objectif est donc de progresser sur un sujet pr\u00e9cis sans perdre de vue l'\u00e9quilibre global du bin\u00f4me.\n    <\/p>\n    \n    <h4>Comment se d\u00e9roule un atelier ?<\/h4>\n\n    <ul class=\"modal-list\">\n      <li>${modalIcon(\"check\")}<span>Un th\u00e8me pr\u00e9cis est abord\u00e9 lors de chaque cours.<\/span><\/li>\n      <li>${modalIcon(\"users\")}<span>Groupe de <strong>7 chiens maximum<\/strong>.<\/span><\/li>\n      <li>${modalIcon(\"clock\")}<span>Atelier d'une dur\u00e9e de <strong>1 heure<\/strong>.<\/span><\/li>\n      <li>${modalIcon(\"book\")}<span>Th\u00e9orie et pratique sont int\u00e9gr\u00e9es selon le th\u00e8me travaill\u00e9.<\/span><\/li>\n    <\/ul>\n\n    <h4>\u00c0 qui s'adressent les ateliers ?<\/h4>\n\n     <p>\n      Chiots et chiens adultes, pour parfaire une comp\u00e9tence ou pour la d\u00e9velopper plus globalement.\n    <\/p>\n    `\n},\n},\n\n        agility: {\n  title: \"Agility\",\n  booking: true,\n  desc: \"Renforcez votre complicit\u00e9 tout en d\u00e9veloppant la confiance et la motivation de votre chien.\",\n\n  offers: [\n    {\n      title: \"S\u00e9ance individuelle\",\n      price: \"20 \u20ac\",\n      details: \"30 minutes\"\n    },\n    {\n      title: \"Cours collectif\",\n      price: \"10 \u20ac\",\n      details: \"1 heure - minimum 3 passages\"\n    }\n  ],\n\n  info: `\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\n    fidelity: true,\n  more: {\n    button: \"Comment d\u00e9buter ?\",\n    buttonIcon: \"flag\",\n    title: \"D\u00e9buter l'agility chez MAYZEERA\",\n    titleIcon: \"flag\",\n\n    html: `\n        <p>\n            L'agility est avant tout une activit\u00e9 de complicit\u00e9 entre le chien et son humain.\n            L'objectif n'est pas la vitesse, mais la communication, la motivation et le plaisir de travailler ensemble.\n        <\/p>\n\n        <h4>Premi\u00e8re \u00e9tape<\/h4>\n\n        <p>\n            Le premier cours se d\u00e9roule toujours en <strong>s\u00e9ance individuelle<\/strong>.\n            Cela permet au bin\u00f4me de d\u00e9couvrir les diff\u00e9rents obstacles, d'apprendre \u00e0 les franchir sereinement et d'acqu\u00e9rir les bases de l'agility.\n        <\/p>\n\n        <h4>Acc\u00e8s aux cours collectifs<\/h4>\n\n        <p>\n            Une fois les bases acquises et les diff\u00e9rents modules ma\u00eetris\u00e9s (g\u00e9n\u00e9ralement, 2 \u00e0 3 s\u00e9ances individuelles suffisent), vous pourrez rejoindre les cours collectifs.\n        <\/p>\n\n        <ul class=\"modal-list\">\n          <li>${modalIcon(\"check\")}<span>Minimum 3 passages par chien.<\/span><\/li>\n          <li>${modalIcon(\"paw\")}<span>Travail adapt\u00e9 au niveau de chaque bin\u00f4me.<\/span><\/li>\n          <li>${modalIcon(\"star\", \"star\")}<span>Progression dans une ambiance conviviale.<\/span><\/li>\n        <\/ul>\n    `\n},\n},\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           \/\/ MODAL EN SAVOIR PLUS\n      const infoBtn = document.getElementById(\"infoBtn\");\n      const infoBtn2 = document.getElementById(\"infoBtn2\");\n      const infoModal = document.getElementById(\"infoModal\");\n      const infoTitle = document.getElementById(\"infoTitle\");\n      const infoContent = document.getElementById(\"infoContent\");\n      const infoClose2 = document.getElementById(\"infoClose2\");\n\n      let currentServiceKey = \"individuelle\";\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.offers || [])\n  .map(o => `\n    <div class=\"offer-card\">\n      ${o.title ? `<div class=\"offer-title\">${o.title}<\/div>` : \"\"}\n      <div class=\"offer-price\">${o.price}<\/div>\n      ${o.details ? `<div class=\"offer-details\">${o.details}<\/div>` : \"\"}\n    <\/div>\n  `)\n  .join(\"\");\n\n          infoEl.innerHTML = s.info || \"\";\nfidelityBox.style.display = s.fidelity ? \"block\" : \"none\";\n\n\/* Bouton d\u2019action selon le service *\/\nbookingBtn.style.display = s.booking ? \"inline-flex\" : \"none\";\n\nif ([\"educative\", \"recreative\", \"atelier\"].includes(serviceKey)) {\n  bookingBtn.textContent = \"Voir les \u00e9v\u00e8nements\";\n  bookingBtn.dataset.action = \"events\";\n} else {\n  bookingBtn.textContent = \"Me contacter\";\n  bookingBtn.dataset.action = \"contact\";\n}\n\n\/* Premier bouton d'informations *\/\ninfoBtn.style.display = s.more ? \"inline-flex\" : \"none\";\ninfoBtn.innerHTML = s.more\n  ? buttonWithIcon(s.more.buttonIcon || \"paw\", s.more.button)\n  : \"En savoir plus\";\n\n\/* Deuxi\u00e8me bouton d'informations *\/\ninfoBtn2.style.display = s.more2 ? \"inline-flex\" : \"none\";\ninfoBtn2.innerHTML = s.more2\n  ? buttonWithIcon(s.more2.buttonIcon || \"walk\", s.more2.button)\n  : \"\";\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;\nconst elementPosition = serviceDetailCard.getBoundingClientRect().top + window.pageYOffset;\nconst offsetPosition = elementPosition - topbarHeight;\n\nwindow.scrollTo({\n    top: offsetPosition,\n    behavior: \"smooth\"\n});\n\n  });\n});\n\n      render(\"individuelle\");\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\n\n \n\n\nlet mayzeeraEventsPageUrl = \"https:\/\/mayzeera.be\/?page_id=316\";\n\nbookingBtn.addEventListener(\"click\", (event) => {\n  event.preventDefault();\n\n  if (bookingBtn.dataset.action === \"events\") {\n    const filters = {\n      educative: \"balade-educative\",\n      recreative: \"balade-recreative\",\n      atelier: \"atelier\"\n    };\n    const filter = filters[currentServiceKey] || \"\";\n    const separator = mayzeeraEventsPageUrl.includes(\"?\") ? \"&\" : \"?\";\n    window.location.href = mayzeeraEventsPageUrl + (filter ? separator + \"activite=\" + encodeURIComponent(filter) : \"\");\n    return;\n  }\n\n  const messages = {\n    individuelle: \"Bonjour, je souhaiterais des informations pour une s\u00e9ance individuelle avec mon chien.\",\n    agility: \"Bonjour, je souhaiterais des informations pour d\u00e9buter l\u2019agility avec mon chien.\"\n  };\n  const message = messages[currentServiceKey] || \"Bonjour, je souhaiterais des informations concernant les activit\u00e9s MAYZEERA.\";\n  window.open(\"https:\/\/wa.me\/32496707139?text=\" + encodeURIComponent(message), \"_blank\", \"noopener\");\n});\n\n      function openInfo(){\n\n    const s = data[currentServiceKey];\n\n    if(!s || !s.more) return;\n\n    infoTitle.innerHTML = titleWithIcon(s.more.titleIcon || \"paw\", s.more.title);\n\ninfoContent.classList.remove(\"two\");\n\ninfoContent.innerHTML = `\n    <div style=\"line-height:1.7; font-size:16px;\">\n        ${s.more.html}\n    <\/div>\n`;\n\ninfoModal.classList.add(\"open\");\ninfoModal.setAttribute(\"aria-hidden\",\"false\");\n}\n\n      function openInfo2(){\n\n        const s = data[currentServiceKey];\n\n        if(!s || !s.more2) return;\n\n        infoTitle.innerHTML = titleWithIcon(s.more2.titleIcon || \"walk\", s.more2.title);\n\n        infoContent.classList.remove(\"two\");\n\n        infoContent.innerHTML = `\n          <div style=\"line-height:1.7; font-size:16px;\">\n            ${s.more2.html}\n          <\/div>\n        `;\n\n        infoModal.classList.add(\"open\");\n        infoModal.setAttribute(\"aria-hidden\",\"false\");\n      }\n\n      function closeInfo(){\n        infoModal.classList.remove(\"open\");\ninfoModal.setAttribute(\"aria-hidden\",\"true\");\n      }\n\n      infoBtn.addEventListener(\"click\", openInfo);\n      infoBtn2.addEventListener(\"click\", openInfo2);\n      infoClose2.addEventListener(\"click\", closeInfo);\n\n      infoModal.addEventListener(\"click\", (e) => {\n        if(e.target === infoModal) closeInfo();\n      });\n\n      document.addEventListener(\"keydown\", (e) => {\n        if(e.key === \"Escape\" && infoModal.classList.contains(\"open\")){\n          closeInfo();\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:false },\n    { month:\"Juillet\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Agenda-07-2026-1.jpg\", visible:false },\n    { month:\"Ao\u00fbt\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/07\/Agenda-08-2026.jpg\", visible:true },\n    { month:\"Septembre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/08\/Agenda-09-2026-scaled.png\", visible:true },\n    { month:\"Octobre\", img:\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/Nos-prochaines-aventures.jpg\", visible:true },\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    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 firstVisibleMonth = agendaData.find(m => m.visible);\n\nif (firstVisibleMonth) {\n  imgCurrent.src = firstVisibleMonth.img;\n  imgNext.style.display = \"none\";\n\n  const firstButton = monthsContainer.querySelector(\".btn\");\n  if (firstButton) {\n    firstButton.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\nfunction openAugustModal(){\n  closeBookingModal();\n  document.getElementById(\"augustModal\").classList.add(\"open\");\n  document.body.classList.add(\"modal-open\");\n}\n\nfunction closeAugustModal(){\n  document.getElementById(\"augustModal\").classList.remove(\"open\");\n  document.body.classList.remove(\"modal-open\");\n}\n\nfunction goToSeptemberEvents(){\n  closeBookingModal();\n  window.location.href = \"https:\/\/mayzeera.be\/?page_id=316\";\n}\n\nfunction openRecModal(){\n  closeAugustModal();\n  document.getElementById(\"recModal\").classList.add(\"open\");\n  document.body.classList.add(\"modal-open\");\n}\n\nfunction closeRecModal(){\n  document.getElementById(\"recModal\").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:560px;\">\n    \n    <div class=\"modal-header\">\n      <div class=\"modal-title\">Pour quel mois souhaitez-vous vous inscrire ?<\/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=\"margin-top:0;\">\n        Les inscriptions changent de syst\u00e8me \u00e0 partir de septembre.\n      <\/p>\n\n      <div style=\"margin-top:20px; display:grid; gap:12px;\">\n        <button class=\"btn btn-booking\" type=\"button\" onclick=\"openAugustModal()\" style=\"width:100%; min-height:54px; font-size:16px;\">\n          Ao\u00fbt \u2014 R\u00e9server via Eventbrite\n        <\/button>\n\n        <button class=\"btn primary\" type=\"button\" onclick=\"goToSeptemberEvents()\" style=\"width:100%; min-height:54px; font-size:16px;\">\n          Septembre et apr\u00e8s \u2014 R\u00e9server sur MAYZEERA\n        <\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"augustModal\">\n  <div class=\"modal\" style=\"max-width:750px;\">\n    \n    <div class=\"modal-header\">\n      <div class=\"modal-title\">R\u00e9servations \u2014 Ao\u00fbt<\/div>\n      <button class=\"modal-close\" onclick=\"closeAugustModal()\">\u2715<\/button>\n    <\/div>\n\n    <div class=\"modal-body\" style=\"text-align:center;\">\n\n      <div style=\"\n        margin:0 0 18px;\n        padding:12px 14px;\n        border-radius:16px;\n        background:rgba(220,38,38,.06);\n        border:1px solid rgba(220,38,38,.18);\n        color:#7f1d1d;\n        font-size:13px;\n        line-height:1.45;\n      \">\n        <strong>Cette partie concerne uniquement les \u00e9v\u00e8nements du mois d\u2019ao\u00fbt.<\/strong><br>\n        \u00c0 partir de septembre, les inscriptions se font directement sur MAYZEERA.\n      <\/div>\n\n      <div style=\"display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\">\n        <div class=\"booking-buttons\">\n\n          <a class=\"btn booking-indiv\" 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.\" 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\" href=\"https:\/\/www.eventbrite.com\/cc\/agility-4832770\" 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\" href=\"https:\/\/www.eventbrite.com\/cc\/balades-educatives-4833032\" 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\" href=\"#\" 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\" href=\"https:\/\/www.eventbrite.com\/cc\/cours-collectifs-chiots-4833035\" target=\"_blank\">\n            <img decoding=\"async\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/COURS-COLLECTIFS.png\" class=\"booking-icon icon-collectif\">\n            Ateliers\n          <\/a>\n\n          <a class=\"btn booking-eventbrite\" href=\"https:\/\/www.eventbrite.be\/o\/mayzeera-121009558660\" 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 d\u2019ao\u00fbt\n          <\/a>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\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.\" class=\"whatsapp-float\" target=\"_blank\" 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  const imageModal = document.getElementById(\"imageModal\");\n  const modalFullImage = document.getElementById(\"modalFullImage\");\n\n  if (!imageModal || !modalFullImage) return;\n\n  modalFullImage.src = src;\n  imageModal.style.display = \"flex\";\n  document.body.style.overflow = \"hidden\";\n}\n\nfunction closeImageModal() {\n  const imageModal = document.getElementById(\"imageModal\");\n\n  if (!imageModal) return;\n\n  imageModal.style.display = \"none\";\n  document.body.style.overflow = \"\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const imageModal = document.getElementById(\"imageModal\");\n\n  if (imageModal) {\n    imageModal.addEventListener(\"click\", function(e) {\n      if (e.target === imageModal) {\n        closeImageModal();\n      }\n    });\n  }\n});\n\ndocument.addEventListener(\"keydown\", function(e) {\n  if (e.key === \"Escape\") {\n    closeImageModal();\n  }\n});\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\" href=\"#\" onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-agility.png'); return false;\">\n           <img decoding=\"async\" class=\"reglement-icon\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/AGILITY.png\" alt=\"\"> Agility\n        <\/a>\n\n        <a class=\"btn secondary\" href=\"#\" onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-balades-educatives.png'); return false;\">\n           <img decoding=\"async\" class=\"reglement-icon\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-EDUCATIVE.png\" alt=\"\"> Balades \u00e9ducatives\n        <\/a>\n\n        <a class=\"btn secondary\" href=\"#\" onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-balades-recreatives.png'); return false;\">\n           <img decoding=\"async\" class=\"reglement-icon\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/BALADE-RECREATIVE.png\" alt=\"\"> Balades r\u00e9cr\u00e9atives\n        <\/a>\n\n        <a class=\"btn secondary\" href=\"#\" onclick=\"openReglementImage('https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/03\/Reglement-cours-collectifs.png'); return false;\">\n           <img decoding=\"async\" class=\"reglement-icon\" src=\"https:\/\/mayzeera.be\/wp-content\/uploads\/2026\/06\/COURS-COLLECTIFS.png\" alt=\"\"> 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\" href=\"https:\/\/www.eventbrite.com\/cc\/balades-recreatives-4832654\" target=\"_blank\">\n           Oui\n        <\/a>\n\n        <a class=\"btn rec-no\" href=\"https:\/\/wa.me\/32496707139?text=Bonjour,%20j'aimerais%20faire%20la%20balade%20rencontre%20avec%20mon%20chien.\" 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');\nconst avisPrev = document.querySelector('.avis-prev');\nconst avisNext = document.querySelector('.avis-next');\n\nif (avisTrack && avisPrev && avisNext) {\n\n  function updateAvisArrows() {\n    const margeErreur = 20;\n\n    const positionActuelle = Math.abs(avisTrack.scrollLeft);\n    const positionMaximale =\n      avisTrack.scrollWidth - avisTrack.clientWidth;\n\n    const debutAtteint =\n      positionActuelle <= margeErreur;\n\n    const finAtteinte =\n      positionActuelle >= positionMaximale - margeErreur;\n\n    avisPrev.classList.toggle('is-hidden', debutAtteint);\n    avisNext.classList.toggle('is-hidden', finAtteinte);\n  }\n\n  avisNext.addEventListener('click', () => {\n    avisTrack.scrollBy({\n      left: avisTrack.clientWidth,\n      behavior: 'smooth'\n    });\n  });\n\n  avisPrev.addEventListener('click', () => {\n    avisTrack.scrollBy({\n      left: -avisTrack.clientWidth,\n      behavior: 'smooth'\n    });\n  });\n\n  avisTrack.addEventListener('scroll', updateAvisArrows, {\n    passive: true\n  });\n\n  window.addEventListener('resize', updateAvisArrows);\n\n  window.addEventListener('load', updateAvisArrows);\n\n  requestAnimationFrame(updateAvisArrows);\n}\n<\/script>\n\n<script>\n(function loadMayzeeraUpcomingEvents(){\n  const container = document.getElementById('homeUpcomingEvents');\n  if(!container) return;\n  const list = container.querySelector('.home-upcoming-list');\n  if(!list) return;\n\n  const escapeHtml = (value) => String(value ?? '')\n    .replaceAll('&','&amp;')\n    .replaceAll('<','&lt;')\n    .replaceAll('>','&gt;')\n    .replaceAll('\"','&quot;')\n    .replaceAll(\"'\",'&#039;');\n\n  const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php?action=mze_upcoming_events&limit=3';\n\n  fetch(ajaxUrl, { credentials:'same-origin' })\n    .then(response => {\n      if(!response.ok) throw new Error('HTTP ' + response.status);\n      return response.json();\n    })\n    .then(responseData => {\n      const data = responseData && responseData.success ? responseData.data : responseData;\n      const events = Array.isArray(data?.events) ? data.events : [];\n      if(data?.all_url){ mayzeeraEventsPageUrl = data.all_url; }\n\n      if(!events.length){\n        list.innerHTML = '<div class=\"home-upcoming-error\">Aucun \u00e9v\u00e8nement \u00e0 venir pour le moment.<\/div>';\n        return;\n      }\n\n      list.innerHTML = events.map(event => {\n        const location = event.venue || event.address || '';\n        return `\n          <a class=\"home-upcoming-card\" href=\"${escapeHtml(event.url)}\">\n            <span class=\"home-upcoming-color\" style=\"background:${escapeHtml(event.color)}\"><\/span>\n            <span class=\"home-upcoming-main\">\n              <span class=\"home-upcoming-type\">${escapeHtml(event.category_label)}<\/span>\n              <span class=\"home-upcoming-title\">${escapeHtml(event.title)}<\/span>\n              <span class=\"home-upcoming-meta\">${escapeHtml(event.date_label)} \u00b7 ${escapeHtml(event.time_label)}<\/span>\n              ${location ? `<span class=\"home-upcoming-location\">${escapeHtml(location)}<\/span>` : ''}\n            <\/span>\n            <span class=\"home-upcoming-arrow\">\u2192<\/span>\n          <\/a>`;\n      }).join('') + `<a class=\"home-upcoming-all\" href=\"${escapeHtml(data.all_url || mayzeeraEventsPageUrl)}\">Voir tous les \u00e9v\u00e8nements<\/a>`;\n    })\n    .catch(() => {\n      list.innerHTML = '<div class=\"home-upcoming-error\">Les prochains \u00e9v\u00e8nements ne peuvent pas \u00eatre charg\u00e9s pour le moment.<\/div>';\n    });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9ducatrice Canine Li\u00e8ge &#8211; MAYZEERA | \u00c9ducation Canine &amp; Balades MAYZEERA | \u00c9ducation canine Services \u00c9v\u00e8nements &amp; inscriptions Questions Contact R\u00e9server Services \u00c9v\u00e8nements &amp; inscriptions Questions Contact S\u00e9ances individuelles \u00b7 Balades \u00e9ducatives &amp; r\u00e9cr\u00e9atives \u00b7 Ateliers \u00b7 Agility \u00b7 Dog Walking \u00c9ducatrice canine en province de Li\u00e8ge \u300cD\u00e9veloppez le potentiel de votre chien. Un humain [&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":147,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":413,"href":"https:\/\/mayzeera.be\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/413"}],"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}]}}