{"id":18307,"date":"2026-08-13T13:51:48","date_gmt":"2026-08-13T11:51:48","guid":{"rendered":"https:\/\/www.jmlib.be\/site\/?page_id=18307"},"modified":"2026-09-09T15:44:28","modified_gmt":"2026-09-09T13:44:28","slug":"mercredi-apres-midi-a-la-louviere-2","status":"publish","type":"page","link":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-la-louviere-2\/","title":{"rendered":"Mercredi Apr\u00e8s-midi \u00e0 La Louvi\u00e8re"},"content":{"rendered":"\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Les activit\u00e9s des mercredis apr\u00e8s-midi \u00e0 La Louvi\u00e8re \u2014 JML asbl<\/title>\n<meta name=\"description\" content=\"JML asbl accueille \u00e0 La Louvi\u00e8re les enfants de 6 \u00e0 12 ans pour des activit\u00e9s cr\u00e9atives, culturelles et ludiques le mercredi apr\u00e8s-midi.\">\n<style>\n  :root{\n    --navy:#0c2038;\n    --navy-2:#122c4a;\n    --ink:#14202e;\n    --muted:#5b6774;\n    --muted-2:#8a94a0;\n    --bg-alt:#f4f6f8;\n    --line:rgba(15,30,50,0.10);\n    --white:#ffffff;\n    --accent:#F9A825;\n    --accent-light:#FFF8E1;\n\n    --louviere:#F9A825;\n    --arlon:#6b4a3a;\n    --tournai:#1e7a34;\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\n    color:var(--ink);\n    background:var(--white);\n    -webkit-font-smoothing:antialiased;\n    font-size:16px;\n    line-height:1.55;\n  }\n  a{text-decoration:none;color:inherit;}\n\n  \n  html, body { width: 100% !important; overflow-x: hidden !important; }\n  header, section, footer, #inscription {\n    position: relative !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    left: 0 !important;\n    right: 0 !important;\n    box-sizing: border-box !important;\n  }\n\n  .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease, transform .7s ease;}\n  .reveal.in{opacity:1;transform:translateY(0);}\n\n  \n  .util-bar{\n    background:var(--navy);color:rgba(255,255,255,0.7);\n    font-size:12.5px;height:38px;display:flex;align-items:center;\n  }\n  .util-bar .inner{max-width:1120px;margin:0 auto;padding:0 24px;width:100%;\n    display:flex;justify-content:space-between;align-items:center;}\n  .util-bar .links{display:flex;gap:22px;}\n  .util-bar a:hover{color:#fff;}\n\n  \n  nav{\n    position:sticky;top:0;z-index:150;background:var(--white);\n    border-bottom:1px solid var(--line);\n  }\n  .nav-inner{\n    max-width:1120px;margin:0 auto;padding:0 24px;height:64px;\n    display:flex;align-items:center;justify-content:space-between;\n  }\n  .nav-brand{font-weight:800;font-size:1.05rem;letter-spacing:-0.01em;color:var(--navy);}\n  .nav-brand span{color:var(--accent);}\n  .nav-cta{\n    background:var(--accent);color:white;padding:0.55rem 1.2rem;border-radius:6px;\n    font-size:0.85rem;font-weight:700;transition:background .2s;\n  }\n  .nav-cta:hover{background:#C17900;}\n\n  \n  .hero{\n    position:relative !important;color:white;overflow:hidden;\n    background-color:#0c2038 !important;\n    background-image:url('https:\/\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/08\/Mercredi-apres-midi-a-La-Louviere.png') !important;\n    background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;\n    min-height:400px;max-height:520px;height:clamp(400px,25vw,520px);display:flex;align-items:flex-end;\n  }\n  .hero img{\n    position:absolute !important;inset:0 !important;transform:none !important;\n    width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;\n    min-width:0 !important;min-height:0 !important;\n    object-fit:cover !important;object-position:center center !important;\n    image-rendering:auto !important;filter:none !important;opacity:1 !important;z-index:0;\n  }\n  .hero::after{\n    content:'';position:absolute;inset:0;z-index:0;\n    background:linear-gradient(90deg,rgba(9,20,36,0) 0%,rgba(9,20,36,0.02) 44%,rgba(9,20,36,0.20) 68%,rgba(9,20,36,0.52) 100%);\n  }\n  .hero-inner{\n    position:relative !important;z-index:1 !important;max-width:1120px !important;margin:0 auto !important;\n    padding:64px 24px 44px !important;width:100% !important;display:flex !important;\n    flex-direction:row !important;justify-content:flex-end !important;align-items:flex-end !important;\n  }\n  .hero-copy{\n    display:block !important;flex:0 0 480px !important;width:480px !important;\n    max-width:45vw !important;min-width:360px !important;writing-mode:horizontal-tb !important;\n  }\n  .breadcrumb{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#FFE082;margin-bottom:0.9rem;}\n  .hero h1{\n    display:block !important;width:100% !important;max-width:none !important;\n    white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;writing-mode:horizontal-tb !important;\n    font-size:clamp(2rem,5vw,3.1rem);font-weight:800;letter-spacing:-0.02em;line-height:1.08;text-shadow:0 2px 14px rgba(0,0,0,0.45);\n  }\n  .hero h1 span, .hero h1 em, .hero h1 strong{\n    font-size:inherit !important;line-height:inherit !important;\n    font-family:inherit !important;font-weight:inherit !important;\n  }\n  .hero .sub{\n    display:block !important;width:100% !important;max-width:none !important;\n    white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;writing-mode:horizontal-tb !important;\n    margin-top:0.7rem;font-size:clamp(1.05rem,2.2vw,1.3rem);color:rgba(255,255,255,0.88);text-shadow:0 1px 8px rgba(0,0,0,0.4);\n  }\n  .hero-cta-btn,\n  .hero-cta-btn:link,\n  .hero-cta-btn:visited,\n  .hero-cta-btn:hover,\n  .hero-cta-btn:focus,\n  .hero-cta-btn:active{\n    display:inline-block;margin-top:1.4rem;background:var(--accent);color:#ffffff !important;\n    padding:0.8rem 1.8rem;border-radius:6px;font-size:0.95rem;font-weight:700;\n    text-decoration:none !important;transition:background .2s;\n  }\n  .hero-cta-btn:hover{background:#C17900;}\n  @media (max-width:700px){\n    .hero{height:440px;}\n    .hero{background-position:38% center !important;}\n    .hero-inner{padding:64px 24px 44px !important;justify-content:flex-start !important;}\n    .hero-copy{flex:0 0 100% !important;width:100% !important;max-width:100% !important;min-width:0 !important;}\n    .hero::after{background:linear-gradient(0deg,rgba(9,20,36,0.78) 0%,rgba(9,20,36,0.46) 70%,rgba(9,20,36,0.12) 100%);}\n  }\n\n  \n  .stats-band{background:var(--white);border-bottom:1px solid var(--line);}\n  .stats-band .inner{\n    max-width:1120px;margin:0 auto;padding:2.6rem 24px;\n    display:grid;grid-template-columns:repeat(3,1fr);\n  }\n  .stat-item{padding:0 1.6rem;border-left:1px solid var(--line);}\n  .stat-item:first-child{border-left:none;padding-left:0;}\n  .stat-item .num{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:800;color:var(--navy);letter-spacing:-0.02em;}\n  .stat-item .label{font-size:0.9rem;color:var(--muted);margin-top:0.35rem;line-height:1.4;}\n  @media (max-width:700px){\n    .stats-band .inner{grid-template-columns:1fr;gap:1.4rem;}\n    .stat-item{border-left:none;border-top:1px solid var(--line);padding:1.2rem 0 0;}\n    .stat-item:first-child{border-top:none;padding-top:0;}\n  }\n\n  \n  section{padding:72px 24px;}\n  .section-alt{background:var(--bg-alt);}\n  .section-inner{max-width:1120px;margin:0 auto;width:100%;}\n  .section-head{max-width:680px;margin-bottom:2.8rem;}\n  .section-head .kicker{font-size:0.8rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-bottom:0.6rem;}\n  .section-head h2{font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:800;letter-spacing:-0.015em;color:var(--navy);}\n  .section-head h2 span, .section-head h2 em, .section-head h2 strong{\n    font-size:inherit !important;line-height:inherit !important;\n    font-family:inherit !important;font-weight:inherit !important;\n  }\n  .section-head p{color:var(--muted);font-size:1.05rem;margin-top:0.8rem;line-height:1.6;max-width:640px;}\n\n  \n  .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;}\n  .region-card{\n    border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);\n    min-width:0;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n  .region-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(12,32,56,0.10);border-color:transparent;}\n  .region-card .photo{width:100%;aspect-ratio:16\/11;overflow:hidden;background:var(--bg-alt);}\n  .region-card .photo img{width:100%;height:100%;object-fit:cover;display:block;}\n  .region-card .icon-tile{width:100%;aspect-ratio:16\/11;overflow:hidden;display:block;}\n  .region-card .icon-tile svg{width:100%;height:100%;display:block;}\n  .hand-min{transform-origin:200px 145px;animation:spin 8s linear infinite;}\n  .hand-hour{transform-origin:200px 145px;animation:spin 48s linear infinite;}\n  @keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\n  .route-dash{animation:dashmove 3.5s linear infinite;}\n  @keyframes dashmove{to{stroke-dashoffset:-52;}}\n  .person{animation:bob 2.6s ease-in-out infinite;}\n  .person.p2{animation-delay:0.3s;}\n  .person.p3{animation-delay:0.6s;}\n  @keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}\n  .chat-dot{animation:typing 1.2s ease-in-out infinite;}\n  .chat-dot.d2{animation-delay:0.15s;}\n  .chat-dot.d3{animation-delay:0.3s;}\n  @keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.6;}30%{transform:translateY(-6px);opacity:1;}}\n  @media (prefers-reduced-motion: reduce){\n    .hand-min,.hand-hour,.route-dash,.person,.chat-dot{animation:none;}\n  }\n  .region-card .body{padding:1.3rem 1.4rem 1.5rem;}\n  .region-card .tag{\n    display:inline-flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;\n    text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);margin-bottom:0.5rem;\n  }\n  .region-card .tag .swatch{width:8px;height:8px;border-radius:50%;}\n  .region-card.louviere .tag .swatch{background:var(--louviere);}\n  .region-card.arlon .tag .swatch{background:var(--arlon);}\n  .region-card.tournai .tag .swatch{background:var(--tournai);}\n  .region-card h3{font-size:1.08rem;font-weight:800;letter-spacing:-0.01em;color:var(--navy);margin-bottom:0.4rem;}\n  .region-card p{font-size:0.88rem;color:var(--muted);line-height:1.5;}\n  .contact-lines{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:0.35rem !important;}\n  .contact-lines span{display:block !important;width:100% !important;white-space:nowrap !important;}\n\n  \n  .programme-list{border-top:1px solid var(--line);max-width:760px;}\n  .programme-row{border-bottom:1px solid var(--line);padding:1.4rem 0.2rem;}\n  .programme-row summary{\n    display:flex;align-items:center;justify-content:space-between;\n    cursor:pointer;list-style:none;font-size:1.05rem;font-weight:700;color:var(--navy);\n  }\n  .programme-row summary::-webkit-details-marker{display:none;}\n  .programme-row summary .region-name{display:flex;align-items:center;gap:14px;}\n  .programme-row summary .thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-alt);}\n  .programme-row summary .thumb img{width:100%;height:100%;object-fit:cover;display:block;}\n  .programme-row summary .swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\n  .programme-row summary .chevron{\n    width:8px;height:8px;border-right:1.5px solid var(--muted-2);border-bottom:1.5px solid var(--muted-2);\n    transform:rotate(-45deg);transition:transform .25s ease;\n  }\n  .programme-row[open] summary .chevron{transform:rotate(45deg);}\n  .programme{list-style:none;margin-top:1rem;padding-left:58px;display:flex;flex-direction:column;gap:0.5rem;}\n  .programme li{font-size:0.93rem;color:var(--muted);padding-left:16px;position:relative;}\n  .programme li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--muted-2);}\n\n  \n  #programme{position:relative;overflow:hidden;}\n  #programme::before{\n    content:'';position:absolute;inset:0;\n    background-image:url('https:\/\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/08\/calendrier-jml-des-mercredis.png');\n    background-repeat:no-repeat;background-position:right -60px bottom -40px;background-size:520px auto;\n    opacity:0.28;pointer-events:none;z-index:0;\n  }\n  #programme .section-inner{position:relative;z-index:1;}\n\n  \n  .agenda-timeline{position:relative;max-width:820px;margin-top:1rem;display:flex;flex-direction:column;gap:1rem;}\n  .agenda-timeline::before{\n    content:'';position:absolute;left:46px;top:20px;bottom:20px;width:3px;\n    border-radius:3px;background:linear-gradient(180deg,#F9A825,#FFE082);\n  }\n  .agenda-item{\n    position:relative;display:grid;grid-template-columns:94px 1fr;align-items:center;gap:1.2rem;\n  }\n  .agenda-date{\n    position:relative;z-index:1;width:92px;min-height:92px;border-radius:50%;\n    display:flex;flex-direction:column;align-items:center;justify-content:center;\n    background:var(--accent);color:white;border:7px solid var(--bg-alt);\n    box-shadow:0 7px 18px rgba(249,168,37,0.22);\n  }\n  #programme.in .agenda-date{animation:date-spin-in 2.2s cubic-bezier(.22,.61,.36,1) both;}\n  #programme.in .agenda-item:nth-child(2) .agenda-date{animation-delay:0.20s;}\n  #programme.in .agenda-item:nth-child(3) .agenda-date{animation-delay:0.40s;}\n  #programme.in .agenda-item:nth-child(4) .agenda-date{animation-delay:0.60s;}\n  #programme.in .agenda-item:nth-child(5) .agenda-date{animation-delay:0.80s;}\n  #programme.in .agenda-item:nth-child(6) .agenda-date{animation-delay:1s;}\n  #programme.in .agenda-item:nth-child(7) .agenda-date{animation-delay:1.20s;}\n  @keyframes date-spin-in{\n    0%{opacity:0;transform:rotate(-360deg) scale(0.35);}\n    78%{opacity:1;transform:rotate(12deg) scale(1.06);}\n    100%{opacity:1;transform:rotate(0deg) scale(1);}\n  }\n  @keyframes date-spin-hover{\n    0%{transform:rotate(0deg) scale(1);}\n    50%{transform:rotate(180deg) scale(1.08);}\n    100%{transform:rotate(360deg) scale(1);}\n  }\n  @media (hover:hover){\n    #programme .agenda-date:hover{\n      cursor:pointer;animation:date-spin-hover 1.6s ease-in-out both !important;animation-delay:0s !important;\n    }\n  }\n  .agenda-date .day-num{font-size:1.65rem;font-weight:850;line-height:1;letter-spacing:-0.03em;}\n  .agenda-date .month{margin-top:0.25rem;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;}\n  .agenda-card{\n    min-height:92px;background:var(--white);border:1px solid var(--line);border-left:5px solid var(--accent);\n    min-width:0;border-radius:12px;padding:1.25rem 1.4rem;display:flex;align-items:center;gap:1rem;\n    box-shadow:0 5px 18px rgba(12,32,56,0.06);transition:transform .2s ease,box-shadow .2s ease;\n  }\n  .agenda-card:hover{transform:translateX(5px);box-shadow:0 10px 24px rgba(249,168,37,0.13);}\n  .agenda-icon{\n    width:48px;height:48px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\n    font-size:1.55rem;background:var(--accent-light);\n  }\n  .agenda-card h3{font-size:1.05rem;font-weight:800;color:var(--navy);line-height:1.3;overflow-wrap:anywhere;}\n  .agenda-card p{font-size:0.86rem;color:var(--muted);margin-top:0.25rem;overflow-wrap:anywhere;}\n  .agenda-card p a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px;}\n  .agenda-date .day-num.range{font-size:1.05rem;}\n  .agenda-season{\n    display:inline-flex;align-items:center;gap:0.55rem;margin-bottom:0.8rem;padding:0.55rem 0.85rem;\n    border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:0.78rem;font-weight:800;\n    text-transform:uppercase;letter-spacing:0.05em;\n  }\n  .agenda-coming{\n    max-width:820px;margin-top:1.5rem;padding:1.3rem 1.5rem;border-radius:12px;\n    display:flex;align-items:center;gap:1rem;background:var(--navy);color:white;\n    border-left:6px solid var(--accent);box-shadow:0 8px 24px rgba(12,32,56,0.12);\n  }\n  .agenda-coming .coming-year{font-size:1.5rem;font-weight:850;color:#FFE082;}\n  .agenda-coming .coming-text{font-size:0.95rem;font-weight:700;}\n  .agenda-coming .coming-text strong{font-size:1.15rem;color:#FFE082;margin-right:0.25rem;}\n  @media (prefers-reduced-motion:reduce){\n    #programme.in .agenda-date,#programme .agenda-date:hover{animation:none !important;}\n  }\n  @media (max-width:600px){\n    .agenda-timeline::before{left:31px;}\n    .agenda-item{grid-template-columns:64px 1fr;gap:0.75rem;align-items:start;}\n    .agenda-date{width:62px;min-height:62px;border-width:5px;}\n    .agenda-date .day-num{font-size:1.2rem;}\n    .agenda-date .month{font-size:0.56rem;margin-top:0.15rem;}\n    .agenda-card{min-height:76px;padding:1rem;gap:0.7rem;align-items:flex-start;}\n    .agenda-icon{width:38px;height:38px;font-size:1.2rem;}\n    .agenda-card h3{font-size:0.95rem;}\n  }\n\n  .year-label{\n    grid-column:1\/-1;font-size:1.15rem;font-weight:800;color:var(--navy);letter-spacing:-0.01em;\n    padding-top:1.6rem;margin-top:0.4rem;border-top:1px solid var(--line);\n  }\n  .year-label:first-child{padding-top:0;margin-top:0;border-top:none;}\n  .chip-grid{\n    display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:0.8rem;\n  }\n  .chip-tile{\n    perspective:900px;min-height:225px;\n    opacity:0;transform:translateY(26px);\n    transition:opacity 1s cubic-bezier(.22,.61,.36,1), transform 1s cubic-bezier(.22,.61,.36,1);\n  }\n  .chip-tile.card-in{opacity:1;transform:translateY(0);}\n  .flip-inner{\n    position:relative;width:100%;height:100%;\n    transform:rotateY(180deg);\n    transition:transform 1.3s cubic-bezier(.4,.2,.2,1);\n    transform-style:preserve-3d;\n  }\n  .chip-tile.card-in .flip-inner{transform:rotateY(0deg);}\n  .chip-tile:hover .flip-inner{transform:rotateY(180deg);}\n  .flip-front,.flip-back{\n    position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;\n    border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;\n    padding:1rem 0.7rem;text-align:center;\n  }\n  .flip-front{\n    background:var(--white);border:1px solid var(--line);gap:0.25rem;\n    box-shadow:0 1px 2px rgba(12,32,56,0.03);\n  }\n  .flip-back{\n    transform:rotateY(180deg);color:white;gap:0.35rem;overflow:hidden;\n  }\n  .flip-back.bg-navy{background:linear-gradient(135deg,#0c2038,#16324f);}\n  .flip-back.bg-accent{background:linear-gradient(135deg,#F9A825,#C17900);}\n  .flip-back.bg-green{background:linear-gradient(135deg,#1e7a34,#155526);}\n  .flip-back.bg-purple{background:linear-gradient(135deg,#F9A825,#C17900);}\n  .flip-back.bg-brown{background:linear-gradient(135deg,#6b4a3a,#4a3226);}\n  .flip-back .big-ic{\n    font-size:2.1rem;line-height:1;width:52px;height:52px;border-radius:50%;\n    background:rgba(255,255,255,0.92);display:flex;align-items:center;justify-content:center;\n    margin-bottom:0.15rem;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.2));\n  }\n  .flip-back .back-label{font-size:0.82rem;font-weight:800;letter-spacing:-0.01em;}\n  .flip-back .back-label a{color:white;text-decoration:underline;text-decoration-color:rgba(255,255,255,0.6);text-underline-offset:2px;}\n  .flip-back .back-partner{font-size:0.68rem;font-weight:600;opacity:0.85;margin-top:-0.1rem;}\n  .flip-back .back-date{font-size:0.68rem;font-weight:600;opacity:0.75;text-transform:uppercase;letter-spacing:0.04em;}\n  .chip-tile .ic{font-size:1.3rem;line-height:1;}\n  .chip-tile .num{font-size:1.4rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;line-height:1;margin-top:0.15rem;}\n  .chip-tile .mon{font-size:0.66rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted-2);}\n  .chip-tile .ti{\n    font-size:0.86rem;font-weight:800;color:var(--navy);line-height:1.3;margin-top:0.2rem;\n  }\n  .chip-tile .ti a{color:#1a56c4;text-decoration:underline;text-decoration-color:#1a56c4;text-underline-offset:2px;}\n  .chip-tile .desc{\n    font-size:0.74rem;color:var(--muted);line-height:1.4;\n    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;\n  }\n  .chip-tile .desc a{color:#1a56c4;text-decoration:underline;text-decoration-color:#1a56c4;text-underline-offset:2px;}\n  .chip-tile .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:0.1rem;}\n  @media (max-width:600px){\n    .chip-grid{grid-template-columns:repeat(auto-fill, minmax(112px, 1fr));gap:0.6rem;}\n    .chip-tile{min-height:200px;}\n    .flip-front,.flip-back{padding:0.85rem 0.55rem;}\n  }\n  @media (hover:none){\n    .chip-tile:active .flip-inner{transform:rotateY(180deg);}\n  }\n  @media (prefers-reduced-motion: reduce){\n    .flip-inner{transition:none;transform:rotateY(0deg) !important;}\n    .chip-tile{opacity:1;transform:none;transition:none;}\n  }\n\n  \n  .testimonial{background:var(--navy);color:white;}\n  .testimonial .inner{max-width:820px;margin:0 auto;padding:80px 24px;text-align:center;}\n  .testimonial .mark{font-size:3rem;color:var(--accent);line-height:1;margin-bottom:0.6rem;font-weight:800;}\n  .testimonial blockquote{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:600;letter-spacing:-0.01em;line-height:1.4;}\n  .testimonial cite{display:block;margin-top:1.5rem;font-style:normal;font-size:0.9rem;color:rgba(255,255,255,0.6);}\n\n  \n  .price-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:1000px;width:100%;}\n  .price-or{\n    position:absolute;left:33.333%;top:50%;transform:translate(-50%,-50%);z-index:2;\n    width:34px;height:34px;border-radius:50%;background:var(--white);border:1px solid var(--line);\n    display:flex;align-items:center;justify-content:center;\n    font-size:0.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;\n    box-shadow:0 2px 6px rgba(12,32,56,0.08);\n  }\n  @media (max-width:820px){\n    .price-or{left:50%;top:33.333%;}\n  }\n  .price-cell{background:var(--white);padding:2.2rem 2rem;text-align:center;}\n  .price-cell .period{font-size:0.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.03em;}\n  .price-cell .months{font-size:0.8rem;color:var(--muted-2);margin:0.2rem 0 1.3rem;}\n  .price-cell .amount{font-size:2.6rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;}\n  .price-cell .note{font-size:0.8rem;color:var(--muted-2);margin-top:0.3rem;}\n  .price-cell.highlight{background:var(--accent-light);}\n  .price-cell.highlight .period{color:var(--accent);}\n\n  \n  .timeline-band{background:var(--white);border-bottom:1px solid var(--line);}\n  .timeline-band .inner{max-width:1120px;margin:0 auto;padding:2.2rem 24px 2.4rem;}\n  .timeline-band .kicker{font-size:0.8rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem;text-align:center;}\n  .week-strip{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;max-width:620px;margin:0 auto;}\n  .week-strip::before{\n    content:'';position:absolute;top:22px;left:7.14%;right:7.14%;height:1px;background:var(--line);z-index:0;\n  }\n  .day{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 4px;position:relative;z-index:1;}\n  .day .dot-zone{height:44px;display:flex;align-items:center;justify-content:center;}\n  .day .dot{width:13px;height:13px;border-radius:50%;background:var(--line);}\n  .day:not(.wed) .dot{animation:chase 0.9s ease-in-out both, blinkSoft 2.6s ease-in-out infinite;}\n  @keyframes blinkSoft{0%,100%{opacity:1;}50%{opacity:0.3;}}\n  .day:nth-child(1) .dot{animation-delay:0s, 3s;}\n  .day:nth-child(2) .dot{animation-delay:0.35s, 3.35s;}\n  .day:nth-child(4) .dot{animation-delay:1.05s, 3.7s;}\n  .day:nth-child(5) .dot{animation-delay:1.4s, 4.05s;}\n  .day:nth-child(6) .dot{animation-delay:1.75s, 4.4s;}\n  .day:nth-child(7) .dot{animation-delay:2.1s, 4.75s;}\n  @keyframes chase{\n    0%{transform:scale(1);background:var(--line);}\n    45%{transform:scale(1.7);background:#FFE082;}\n    100%{transform:scale(1);background:var(--line);}\n  }\n  .day .label{font-size:12px;font-weight:600;letter-spacing:0.01em;color:var(--muted-2);}\n  .day.wed{gap:14px;}\n  .day.wed .dot{\n    width:42px;height:42px;background:var(--accent);\n    animation:land 0.5s ease-out 0.7s both, pulse 1.6s ease-in-out 1.2s infinite;\n  }\n  .day.wed .label{font-size:13px;font-weight:800;color:var(--navy);}\n  @keyframes land{\n    0%{transform:scale(0.3);}\n    65%{transform:scale(1.18);}\n    100%{transform:scale(1);}\n  }\n  @keyframes pulse{\n    0%{box-shadow:0 0 0 0 rgba(249,168,37,0.35);}\n    70%{box-shadow:0 0 0 11px rgba(249,168,37,0);}\n    100%{box-shadow:0 0 0 0 rgba(249,168,37,0);}\n  }\n  @media (prefers-reduced-motion: reduce){\n    .day.wed .dot{animation:none;}\n    .day:not(.wed) .dot{animation:none;}\n  }\n  @media (max-width:700px){\n    .week-strip::before{top:16px;}\n    .day .dot-zone{height:32px;}\n    .day .label{font-size:10px;}\n    .day.wed .dot{width:30px;height:30px;}\n    .day.wed .label{font-size:11px;}\n  }\n\n  .price-total{\n    max-width:760px;margin-top:1.5rem;\n    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;\n    background:var(--accent-light);border-radius:12px;padding:1.6rem 2rem;\n  }\n  .price-total-text .tag{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--accent);margin-bottom:0.2rem;}\n  .price-total-text h3{font-size:1.1rem;font-weight:800;color:var(--navy);}\n  .price-total-amount{font-size:2rem;font-weight:800;color:var(--navy);white-space:nowrap;}\n  .price-total-amount span{font-size:0.8rem;font-weight:600;color:var(--muted);}\n\n  \n  .cta-banner{background:var(--bg-alt);}\n  .cta-banner .inner{\n    max-width:1120px;margin:0 auto;padding:0 24px;\n    display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:space-between;\n  }\n  .cta-icon{\n    width:64px;height:64px;border-radius:50%;background:var(--navy);color:white;\n    display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;\n  }\n  .cta-text{flex:1;min-width:260px;}\n  .cta-text h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--navy);letter-spacing:-0.015em;}\n  .cta-text p{color:var(--muted);margin-top:0.4rem;font-size:1rem;}\n  .cta-link,\n  .cta-link:link,\n  .cta-link:visited,\n  .cta-link:hover,\n  .cta-link:focus,\n  .cta-link:active{\n    background:var(--accent);color:#ffffff !important;padding:0.85rem 1.6rem;border-radius:6px;\n    font-size:0.95rem;font-weight:700;white-space:nowrap;\n    text-decoration:none !important;transition:background .2s;\n  }\n  .cta-link:hover{background:#C17900;}\n\n  footer{background:#FFF8E1;color:#F9A825;padding:2.4rem 24px;text-align:center;font-size:0.8rem;}\n  footer span{color:#C17900;font-weight:700;}\n\n  @media (max-width:820px){\n    .card-grid{grid-template-columns:1fr 1fr;}\n    .price-row{grid-template-columns:1fr;}\n    .price-total{flex-direction:column;align-items:flex-start;}\n  }\n  @media (max-width:600px){\n    section{padding:52px 18px;}\n    .section-head{margin-bottom:2rem;}\n    .card-grid{grid-template-columns:1fr;gap:0.9rem;}\n    .region-card .body{padding:1.15rem 1.2rem 1.3rem;}\n    .price-cell{padding:1.7rem 1rem;}\n    .price-cell .amount{font-size:2.25rem;}\n    #programme::before{background-size:320px auto;background-position:right -90px bottom -20px;opacity:0.14;}\n    .agenda-coming{padding:1.1rem 1rem;line-height:1.5;}\n    .cta-banner .inner{\n      padding-left:18px !important;padding-right:18px !important;\n      flex-direction:column;align-items:stretch;gap:1.2rem;\n    }\n    .cta-icon{width:54px;height:54px;align-self:flex-start;}\n    .cta-text{min-width:0;}\n    .cta-link{width:100%;text-align:center;}\n    footer{padding:2rem 18px;}\n  }\n  .ll-tabs{max-width:940px;margin-top:.5rem;}\n  .ll-book{\n    position:relative;background:var(--white);border:1px solid var(--line);\n    border-radius:16px;box-shadow:0 18px 42px rgba(12,32,56,.1);overflow:hidden;\n  }\n  .ll-book::before{\n    content:'';position:absolute;inset:0;z-index:0;pointer-events:none;\n    background-image:url('https:\/\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/08\/calendrier-jml-des-mercredis.png');\n    background-repeat:no-repeat;background-position:center center;background-size:600px auto;opacity:.075;\n  }\n  .ll-book::after{\n    content:'';position:absolute;right:0;top:0;bottom:0;width:8px;z-index:2;\n    background:repeating-linear-gradient(180deg,var(--accent) 0 16px,var(--accent-light) 16px 32px);\n  }\n  .ll-tab-panel{position:relative;z-index:1;padding:0 2.4rem;}\n  .ll-tab-panel:first-child{padding-top:.8rem;}\n  .ll-tab-panel:last-child{padding-bottom:1.1rem;}\n  .ll-book-events{position:relative;}\n  .ll-book-event{\n    position:relative;display:grid;grid-template-columns:76px 54px minmax(0,1fr);gap:1rem;\n    align-items:start;padding:1.5rem .5rem;border-bottom:2px solid #dfe4e9;\n    opacity:0;transform:translateY(20px);\n  }\n  #programme.in .ll-book-event{animation:ll-event-write .75s ease forwards;}\n  #programme.in .ll-book-event:nth-child(2){animation-delay:.1s;}\n  #programme.in .ll-book-event:nth-child(3){animation-delay:.2s;}\n  #programme.in .ll-book-event:nth-child(4){animation-delay:.3s;}\n  @keyframes ll-event-write{to{opacity:1;transform:translateY(0);}}\n  .ll-tab-panel:last-child .ll-book-event:last-child{border-bottom:0;}\n  .ll-date-card{\n    min-height:64px;padding:.58rem .3rem;border-radius:9px;background:var(--navy);color:white;\n    text-align:center;box-shadow:4px 4px 0 var(--accent);transition:transform .7s ease,box-shadow .7s ease;\n  }\n  .ll-date-card.date-auto{animation:ll-date-arrive 1.8s cubic-bezier(.22,.61,.36,1) both;}\n  @keyframes ll-date-arrive{\n    0%{opacity:0;transform:translateY(20px) rotate(-14deg) scale(.7);}\n    70%{opacity:1;transform:translateY(-3px) rotate(4deg) scale(1.05);}\n    100%{opacity:1;transform:translateY(0) rotate(0) scale(1);}\n  }\n  @keyframes ll-date-hover{\n    0%{transform:translateY(0) rotate(0) scale(1);}\n    35%{transform:translateY(-6px) rotate(5deg) scale(1.06);}\n    68%{transform:translateY(-4px) rotate(-2deg) scale(1.03);}\n    100%{transform:translateY(-5px) rotate(-3deg) scale(1.04);}\n  }\n  .ll-date-card strong{display:block;font-size:1.42rem;line-height:1;font-weight:900;}\n  .ll-date-card span{display:block;margin-top:.35rem;color:#FFE082;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;}\n  .ll-date-card.ll-range strong{font-size:.94rem;padding-top:.2rem;}\n  .ll-event-symbol{\n    width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n    background:var(--accent-light);font-size:1.35rem;transition:transform .4s cubic-bezier(.2,.8,.2,1);\n  }\n  .ll-event-copy{min-width:0;}\n  .ll-event-copy h4{font-size:1.03rem;line-height:1.35;color:var(--navy);font-weight:850;overflow-wrap:anywhere;}\n  .ll-event-copy p{margin-top:.42rem;color:var(--muted);font-size:.86rem;line-height:1.55;}\n  .ll-event-copy .ll-partner{color:var(--navy);font-size:.82rem;font-weight:700;}\n  .ll-partner-link{color:#8A5A00;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}\n  .ll-partner-link:hover{color:var(--accent);}\n  .ll-map-link{\n    display:inline-flex;align-items:center;margin-top:.55rem;padding:.35rem .65rem;border-radius:999px;\n    background:var(--accent-light);color:#8A5A00;font-size:.78rem;font-weight:800;\n    text-decoration:none;transition:background .25s ease,transform .25s ease;\n  }\n  .ll-map-link:hover{background:var(--accent);color:var(--navy);transform:translateX(4px);}\n  @media (hover:hover){\n    .ll-book-event:hover .ll-date-card{animation:ll-date-hover 1.25s ease-in-out both !important;animation-delay:0s !important;box-shadow:6px 8px 0 var(--accent);}\n  }\n  .ll-book-event:hover .ll-event-symbol{transform:scale(1.12) rotate(7deg);}\n  .ll-program-next{\n    margin-top:1.5rem;padding:1.3rem 1.5rem;border-radius:12px;background:var(--navy);color:white;\n    border-left:6px solid var(--accent);box-shadow:0 8px 24px rgba(12,32,56,.12);\n  }\n  .ll-program-next strong{color:#FFE082;font-size:1.08rem;}\n  @media (max-width:650px){\n    .ll-book::before{background-size:340px auto;opacity:.06;}\n    .ll-tab-panel{padding:0 1.1rem;}\n    .ll-tab-panel:first-child{padding-top:.5rem;}\n    .ll-tab-panel:last-child{padding-bottom:1rem;}\n    .ll-book-event{grid-template-columns:60px 1fr;gap:.85rem;padding:1.2rem 0;}\n    .ll-event-symbol{position:absolute;right:0;top:1.15rem;width:38px;height:38px;font-size:1.05rem;}\n    .ll-event-copy{grid-column:2;padding-right:42px;}\n    .ll-date-card{grid-row:1;min-height:58px;}\n  }\n  @media (prefers-reduced-motion:reduce){\n    #programme.in .ll-book-event,.ll-date-card.date-auto,.ll-book-event:hover .ll-date-card{animation:none !important;opacity:1;transform:none;}\n    .ll-date-card,.ll-event-symbol,.ll-map-link{transition:none;}\n  }\n<\/style>\n\n\n\n<header class=\"hero\" id=\"apercu\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-copy\">\n      <h1>Les mercredis apr\u00e8s-midi \u00e0 <span style=\"display:block;white-space:nowrap;color:#FFE082;\">La Louvi\u00e8re<\/span><\/h1>\n      <p class=\"sub\">Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager.<\/p>\n      <a href=\"https:\/\/www.jmlib.be\/site\/mercredi-a-la-louviere-inscription\/\" class=\"hero-cta-btn\">S&rsquo;inscrire<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"timeline-band reveal\">\n  <div class=\"inner\">\n    <div class=\"kicker\">\u00c7a se passe le mercredi<\/div>\n    <div class=\"week-strip\">\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Lun<\/span><\/div>\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Mar<\/span><\/div>\n      <div class=\"day wed\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Mer<\/span><\/div>\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Jeu<\/span><\/div>\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Ven<\/span><\/div>\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Sam<\/span><\/div>\n      <div class=\"day\"><span class=\"dot-zone\"><span class=\"dot\"><\/span><\/span><span class=\"label\">Dim<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<section id=\"pratique\" class=\"reveal\">\n  <div class=\"section-inner\">\n    <div class=\"section-head\">\n      <div class=\"kicker\">Pratique<\/div>\n      <h2>O\u00f9 et comment \u00e7a se passe<\/h2>\n    <\/div>\n    <div class=\"card-grid\">\n      <div class=\"region-card louviere\">\n        <div class=\"icon-tile\">\n          <svg viewBox=\"0 0 400 275\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect width=\"400\" height=\"275\" fill=\"#0c2038\"><\/rect>\n            <circle cx=\"200\" cy=\"145\" r=\"150\" fill=\"#F9A825\" opacity=\"0.18\"><\/circle>\n            <circle cx=\"200\" cy=\"145\" r=\"78\" fill=\"none\" stroke=\"#FFE082\" stroke-width=\"10\"><\/circle>\n            <line class=\"hand-min\" x1=\"200\" y1=\"145\" x2=\"200\" y2=\"95\" stroke=\"#FFE082\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <line class=\"hand-hour\" x1=\"200\" y1=\"145\" x2=\"238\" y2=\"165\" stroke=\"#FFE082\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <circle cx=\"200\" cy=\"145\" r=\"8\" fill=\"#FFE082\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Horaire<\/span>\n          <h3>14h \u2013 16h<\/h3>\n          <p>Certains mercredis, hors vacances scolaires.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card louviere\">\n        <div class=\"icon-tile\">\n          <svg viewBox=\"0 0 400 275\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect width=\"400\" height=\"275\" fill=\"#0c2038\"><\/rect>\n            <circle cx=\"200\" cy=\"145\" r=\"150\" fill=\"#F9A825\" opacity=\"0.18\"><\/circle>\n            <path class=\"route-dash\" d=\"M60 235 Q140 200 210 232 T 350 205\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-dasharray=\"1 12\" fill=\"none\" opacity=\"0.35\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M200 55 C150 55 112 95 112 143 C112 208 200 255 200 255 C200 255 288 208 288 143 C288 95 250 55 200 55 Z\" fill=\"#FFE082\"><\/path>\n            <circle cx=\"200\" cy=\"143\" r=\"34\" fill=\"#0c2038\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Lieu<\/span>\n          <h3>La Louvi\u00e8re<\/h3>\n          <p><a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:underline;\">Boulevard Mairaux 3, 7100 La Louvi\u00e8re<\/a><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card louviere\">\n        <div class=\"icon-tile\">\n          <svg viewBox=\"0 0 400 275\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect width=\"400\" height=\"275\" fill=\"#0c2038\"><\/rect>\n            <circle cx=\"200\" cy=\"145\" r=\"150\" fill=\"#F9A825\" opacity=\"0.18\"><\/circle>\n            <g class=\"person p1\"><path d=\"M100 220 a52 52 0 0 1 104 0 Z\" fill=\"#FFE082\"><\/path><circle cx=\"152\" cy=\"112\" r=\"30\" fill=\"#FFE082\"><\/circle><\/g>\n            <g class=\"person p2\"><path d=\"M198 220 a52 52 0 0 1 104 0 Z\" fill=\"#F9A825\"><\/path><circle cx=\"250\" cy=\"112\" r=\"30\" fill=\"#F9A825\"><\/circle><\/g>\n            <g class=\"person p3\"><path d=\"M156 226 a46 46 0 0 1 92 0 Z\" fill=\"#ffffff\"><\/path><circle cx=\"202\" cy=\"96\" r=\"26\" fill=\"#ffffff\"><\/circle><\/g>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Public<\/span>\n          <h3>6 \u00e0 12 ans<\/h3>\n          <p>Groupe \u00e0 taille humaine, encadr\u00e9 par une animatrice form\u00e9e.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card louviere\">\n        <div class=\"icon-tile\">\n          <svg viewBox=\"0 0 400 275\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect width=\"400\" height=\"275\" fill=\"#0c2038\"><\/rect>\n            <circle cx=\"200\" cy=\"145\" r=\"150\" fill=\"#F9A825\" opacity=\"0.18\"><\/circle>\n            <path d=\"M105 85 h190 a32 32 0 0 1 32 32 v58 a32 32 0 0 1 -32 32 h-115 l-38 36 v-36 h-37 a32 32 0 0 1 -32 -32 v-58 a32 32 0 0 1 32 -32 Z\" fill=\"#FFE082\"><\/path>\n            <circle class=\"chat-dot d1\" cx=\"172\" cy=\"146\" r=\"9\" fill=\"#0c2038\"><\/circle>\n            <circle class=\"chat-dot d2\" cx=\"200\" cy=\"146\" r=\"9\" fill=\"#0c2038\"><\/circle>\n            <circle class=\"chat-dot d3\" cx=\"228\" cy=\"146\" r=\"9\" fill=\"#0c2038\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Contact<\/span>\n          <h3>Aurore Koolen<\/h3>\n          <p class=\"contact-lines\">\n            <span>T\u00e9l. : <a href=\"tel:+32492776276\" style=\"color:var(--accent);text-decoration:underline;\">0492 77 62 76<\/a><\/span>\n            <span><a href=\"mailto:aurore.koolen@ml.be\" style=\"color:var(--accent);text-decoration:underline;\">Contacter par email<\/a><\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"tarifs\" class=\"reveal\">\n  <div class=\"section-inner\">\n    <div class=\"section-head\">\n      <div class=\"kicker\">Tarifs<\/div>\n      <h2>Simple, clair, \u00e0 l&rsquo;ann\u00e9e<\/h2>\n      <p>Deux forfaits, cal\u00e9s sur l&rsquo;ann\u00e9e scolaire.<\/p>\n    <\/div>\n\n    <div class=\"price-row\">\n      <div class=\"price-or\">ou<\/div>\n      <div class=\"price-cell highlight\">\n        <div class=\"period\">En un seul versement<\/div>\n        <div class=\"months\">Payer l&rsquo;ann\u00e9e compl\u00e8te<\/div>\n        <div class=\"amount\">100&nbsp;\u20ac<\/div>\n        <div class=\"note\">\/ an<\/div>\n      <\/div>\n      <div class=\"price-cell\">\n        <div class=\"period\">Forfait Automne<\/div>\n        <div class=\"months\">Septembre \u2192 D\u00e9cembre<\/div>\n        <div class=\"amount\">40&nbsp;\u20ac<\/div>\n      <\/div>\n      <div class=\"price-cell\">\n        <div class=\"period\">Forfait Hiver &amp; Printemps<\/div>\n        <div class=\"months\">Janvier \u2192 Fin juin<\/div>\n        <div class=\"amount\">60&nbsp;\u20ac<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"programme\" class=\"section-alt reveal\">\n  <div class=\"section-inner\">\n    <div class=\"section-head\">\n      <div class=\"kicker\">Programme 2026-2027<\/div>\n      <h2>L\u2019agenda des mercredis \u00e0 <span style=\"display:block;white-space:nowrap;color:#F9A825;\">La Louvi\u00e8re<\/span><\/h2>\n      <p>D\u00e9couvrez toutes les activit\u00e9s dans un seul calendrier.<\/p>\n    <\/div>\n\n    <div class=\"ll-tabs\">\n      <div class=\"ll-book\">\n        <div class=\"ll-tab-panel\" id=\"ll-septembre\">\n          <div class=\"ll-book-events\">\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>02<\/strong><span>sept.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83d\udd0e<\/div>\n              <div class=\"ll-event-copy\"><h4>Mission Totemus : Myst\u00e8res \u00e0 La Louvi\u00e8re<\/h4><p>Parcourons la ville \u00e0 la recherche d\u2019indices, r\u00e9solvons des \u00e9nigmes et relevons les d\u00e9fis du parcours.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Place+Jules+Mansart+21-22%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Place Jules Mansart 21-22<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>09<\/strong><span>sept.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udfca<\/div>\n              <div class=\"ll-event-copy\"><h4>Mercredi Splash<\/h4><p>Nage, jeux et toboggans pour un apr\u00e8s-midi rafra\u00eechissant entre amis.<\/p><p class=\"ll-partner\">\ud83e\udd1d En collaboration avec <a class=\"ll-partner-link\" href=\"https:\/\/www.facebook.com\/LESasbl\/\" target=\"_blank\" rel=\"noopener\">LES ASBL<\/a><\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Le+Point+d%27Eau%2C+Rue+Sylvain+Guyaux+121%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Le Point d\u2019Eau, rue Sylvain Guyaux 121<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>16<\/strong><span>sept.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udf92<\/div>\n              <div class=\"ll-event-copy\"><h4>La rentr\u00e9e \u00e0 La Louvi\u00e8re<\/h4><p>Customise tes cahiers, classeurs, trousses ou agendas.<\/p><p class=\"ll-partner\">\ud83e\udd1d En collaboration avec <a class=\"ll-partner-link\" href=\"https:\/\/www.facebook.com\/RelaisFamillesMonoLaLouviere\/\" target=\"_blank\" rel=\"noopener\">Relais Familles Mono La Louvi\u00e8re<\/a><\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>23<\/strong><span>sept.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83d\uddbc\ufe0f<\/div>\n              <div class=\"ll-event-copy\"><h4>Immersion au Centre de la Gravure<\/h4><p>Une visite culturelle pour explorer la gravure et d\u00e9couvrir diff\u00e9rentes techniques, \u0153uvres et artistes.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Centre+de+la+Gravure%2C+Rue+des+Amours+10%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Rue des Amours 10<\/a><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"ll-tab-panel\" id=\"ll-novembre\">\n          <div class=\"ll-book-events\">\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>04<\/strong><span>nov.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udf37<\/div>\n              <div class=\"ll-event-copy\"><h4>Plantation des bulbes d\u2019automne<\/h4><p>Mettons les mains dans la terre pour pr\u00e9parer les futures floraisons du printemps.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>18<\/strong><span>nov.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udf72<\/div>\n              <div class=\"ll-event-copy\"><h4>L\u2019automne gourmand : cuisiner malin, gaspiller moins !<\/h4><p>Pr\u00e9pare une recette gourmande et d\u00e9couvre des astuces simples pour \u00e9viter le gaspillage alimentaire.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Rue+Anatole+France+8-12%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Rue Anatole France 8-12<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>25<\/strong><span>nov.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udfa8<\/div>\n              <div class=\"ll-event-copy\"><h4>Cr\u00e9ation d\u2019automne<\/h4><p>Laisse place \u00e0 ta cr\u00e9ativit\u00e9 en t\u2019inspirant des magnifiques couleurs de l\u2019automne.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n\n        <div class=\"ll-tab-panel\" id=\"ll-decembre\">\n          <div class=\"ll-book-events\">\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>02<\/strong><span>d\u00e9c.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\u267b\ufe0f<\/div>\n              <div class=\"ll-event-copy\"><h4>Un No\u00ebl cr\u00e9atif et r\u00e9cup\u2019 !<\/h4><p>Cr\u00e9e de jolies d\u00e9corations de No\u00ebl avec du mat\u00e9riel de r\u00e9cup\u00e9ration.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>09<\/strong><span>d\u00e9c.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83d\udc8c<\/div>\n              <div class=\"ll-event-copy\"><h4>Un peu de bonheur \u00e0 partager<\/h4><p>Cr\u00e9e des cartes de v\u0153ux personnalis\u00e9es pour offrir un moment de douceur aux personnes \u00e2g\u00e9es.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n            <article class=\"ll-book-event\">\n              <div class=\"ll-date-card\"><strong>16<\/strong><span>d\u00e9c.<\/span><\/div>\n              <div class=\"ll-event-symbol\">\ud83c\udf81<\/div>\n              <div class=\"ll-event-copy\"><h4>Le plus beau des cadeaux ne s\u2019ach\u00e8te pas<\/h4><p>Chacun cr\u00e9era un \u00ab bon pour\u2026 \u00bb autour de l\u2019aide, du partage et de la solidarit\u00e9.<\/p><a class=\"ll-map-link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Boulevard+Mairaux+3%2C+7100+La+Louvi%C3%A8re\" target=\"_blank\" rel=\"noopener\">\ud83d\udccd Boulevard Mairaux 3<\/a><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ll-program-next\"><strong>2027 :<\/strong> Les activit\u00e9s de janvier \u00e0 juin seront annonc\u00e9es prochainement.<\/div>\n  <\/div>\n<\/section>\n<div id=\"inscription\" class=\"cta-banner reveal\">\n  <div class=\"inner\" style=\"padding-top:56px;padding-bottom:56px;\">\n    <div class=\"cta-icon\">\u2713<\/div>\n    <div class=\"cta-text\">\n      <h2>Pr\u00eat\u00b7e pour le premier mercredi \u00e0 La Louvi\u00e8re ?<\/h2>\n      <p>Rejoignez-nous \u00e0 La Louvi\u00e8re d\u00e8s la rentr\u00e9e.<\/p>\n    <\/div>\n    <a href=\"https:\/\/www.jmlib.be\/site\/mercredi-a-la-louviere-inscription\/\" class=\"cta-link\">S&rsquo;inscrire en ligne<\/a>\n  <\/div>\n<\/div>\n\n<footer>\n  <span>Antenne de La Louvi\u00e8re<\/span>\n<\/footer>\n\n<script>\n  const revealEls = document.querySelectorAll('.reveal');\n  const io = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\n    });\n  }, {threshold:0.12});\n  revealEls.forEach(el=>io.observe(el));\n\n  const cardIo = new IntersectionObserver((entries)=>{\n    entries.forEach(e=>{\n      if(e.isIntersecting){\n        e.target.classList.add('card-in');\n        cardIo.unobserve(e.target);\n      }\n    });\n  }, {threshold:0.15, rootMargin:'0px 0px -40px 0px'});\n  document.querySelectorAll('.chip-tile').forEach((el, i)=>{\n    const d = ((i % 7) * 0.12) + 's';\n    el.style.transitionDelay = d;\n    const inner = el.querySelector('.flip-inner');\n    if(inner){\n      inner.style.transitionDelay = d;\n      inner.addEventListener('transitionend', function reset(){\n        inner.style.transitionDelay = '0s';\n        inner.removeEventListener('transitionend', reset);\n      });\n    }\n    cardIo.observe(el);\n  });\n\n  const dateCards = document.querySelectorAll('.ll-date-card');\n  if('IntersectionObserver' in window){\n    const dateIo = new IntersectionObserver((entries)=>{\n      entries.forEach(entry=>{\n        if(entry.isIntersecting){\n          entry.target.classList.add('date-auto');\n          dateIo.unobserve(entry.target);\n        }\n      });\n    }, {threshold:0.35, rootMargin:'0px 0px -25px 0px'});\n    dateCards.forEach(card=>dateIo.observe(card));\n  }else{\n    dateCards.forEach(card=>card.classList.add('date-auto'));\n  }\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Les activit\u00e9s des mercredis apr\u00e8s-midi \u00e0 La Louvi\u00e8re \u2014 JML asbl Les mercredis apr\u00e8s-midi \u00e0 La Louvi\u00e8re Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager. S&rsquo;inscrire \u00c7a se passe le mercredi Lun Mar Mer Jeu Ven Sam Dim Pratique O\u00f9 et comment \u00e7a se passe Horaire 14h \u2013 16h Certains mercredis, hors vacances scolaires. Lieu La<a href=\"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-la-louviere-2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-no-title.php","meta":{"footnotes":""},"class_list":["post-18307","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P93my9-4Lh","jetpack-related-posts":[{"id":15466,"url":"https:\/\/www.jmlib.be\/site\/tout-au-long-de-lannee\/","url_meta":{"origin":18307,"position":0},"title":"Tout au long de l\u2019ann\u00e9e","author":"jmlib","date":"4 f\u00e9vrier 2025","format":false,"excerpt":"Activit\u00e9s Toutes les r\u00e9gions Brabant wallon Luxembourg Li\u00e8ge Tournai La Louvi\u00e8re Namur Brabant wallon Partenariat scolaire Atelier Musical \ud83d\udccd Tilly Mme Estelle De Meyer \ud83d\udcde T\u00e9l. : 010 862 830 Les mardis \u23f0 De 15h30 \u00e0 16h30 (hors cong\u00e9s scolaires) En savoir plus sur le projet Luxembourg 10-18 ans Mercredi\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18323,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-6-a-11-ans\/","url_meta":{"origin":18307,"position":1},"title":"Mercredi Apr\u00e8s-midi \u00e0 Tournai pour les 6 \u00e0 11 ans","author":"jmlib","date":"13 ao\u00fbt 2026","format":false,"excerpt":"Les mercredis 6 \u00e0 11 ans \u00e0 Tournai \u2014 JML asbl Les mercredis apr\u00e8s-midi6 \u00e0 11 ans \u00e0Tournai Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager. S'inscrire \u00c7a se passe le mercredi Lun Mar Mer Jeu Ven Sam Dim Pratique O\u00f9 et comment \u00e7a se passe Horaire 14h \u2013 16h30 Certains\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18347,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-namur-2\/","url_meta":{"origin":18307,"position":2},"title":"Mercredi apr\u00e8s-midi \u00e0 Namur","author":"jmlib","date":"12 ao\u00fbt 2026","format":false,"excerpt":"Les mercredis 6 \u00e0 12 ans \u00e0 Namur \u2014 JML asbl Les mercredis apr\u00e8s-midi \u00e0Namur Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager. S'inscrire \u00c7a se passe le mercredi Lun Mar Mer Jeu Ven Sam Dim Pratique O\u00f9 et comment \u00e7a se passe Horaire 14h \u2013 16h30 \ud83d\udd50 Accueil d\u00e8s 13h.\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":17502,"url":"https:\/\/www.jmlib.be\/site\/stage-harry-potter\/","url_meta":{"origin":18307,"position":3},"title":"Stage Harry Potter","author":"jmlib","date":"24 mars 2026","format":false,"excerpt":"Stage Harry Potter \ud83e\ude84 Des exp\u00e9riences inoubliables pour les enfants de 5 \u00e0 13 ans, \u00e0 l'\u00c9cole Saint Antoine Bouvy, La Louvi\u00e8re. \ud83d\udc67 Enfants de 5 \u00e0 13 ans \ud83d\udd57 Horaires : 9h\u201316h \ud83c\udf92 Garderie gratuite : 8h\u201317h \ud83d\udcb6 75 \u20ac \/ stage \ud83e\ude84 du 04 au 08 mai 2025\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18263,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-arlon\/","url_meta":{"origin":18307,"position":4},"title":"Mercredi apr\u00e8s-midi \u00e0 Arlon","author":"jmlib","date":"6 ao\u00fbt 2026","format":false,"excerpt":"Mercredi apr\u00e8s-midi \u00e0 Arlon Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager. S\u2019inscrire \u00c7a se passe le mercredi Lun Mar Mer Jeu Ven Sam Dim Pratique O\u00f9 et comment \u00e7a se passe Horaire 14h \u2013 16h30 \ud83d\udd50 Accueil d\u00e8s 13h. Certains mercredis, hors vacances scolaires. Lieu Arlon Avenue de la Gare\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":17161,"url":"https:\/\/www.jmlib.be\/site\/https-www-jmlib-be-site-stages\/","url_meta":{"origin":18307,"position":5},"title":"Stages","author":"jmlib","date":"24 novembre 2025","format":false,"excerpt":"Stages 2026 par r\u00e9gion Stages 2026 Trouvez l'activit\u00e9 id\u00e9ale pr\u00e8s de chez vous Tous les lieux Wavre Esneux Arlon Tournai La Louvi\u00e8re \ud83d\udccd Wavre Jeux & D\u00e9fis Termin\u00e9 \ud83c\udfaf Jeux & D\u00e9fis Du 17 au 21 ao\u00fbt 2026 \ud83d\udc65 6-13 ans \ud83d\udd52 9h \u2013 15h30 \ud83e\uddf8 Accueil d\u00e8s 8h jusqu'\u00e0\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/comments?post=18307"}],"version-history":[{"count":10,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18307\/revisions"}],"predecessor-version":[{"id":18534,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18307\/revisions\/18534"}],"wp:attachment":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/media?parent=18307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}