{"id":18347,"date":"2026-08-12T17:20:09","date_gmt":"2026-08-12T15:20:09","guid":{"rendered":"https:\/\/www.jmlib.be\/site\/?page_id=18347"},"modified":"2026-08-18T17:09:59","modified_gmt":"2026-08-18T15:09:59","slug":"mercredi-apres-midi-a-namur-2","status":"publish","type":"page","link":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-namur-2\/","title":{"rendered":"Mercredi apr\u00e8s-midi \u00e0 Namur"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Les mercredis 6 \u00e0 12 ans \u00e0 Namur \u2014 JML asbl<\/title>\n<meta name=\"description\" content=\"JML asbl accueille \u00e0 Namur les jeunes de 6 \u00e0 12 ans pour des activit\u00e9s cr\u00e9atives et ludiques certains mercredis.\">\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:#B91C1C;\n    --accent-light:#FDECEC;\n\n    --louviere:#F9A825;\n    --arlon:#6b4a3a;\n    --namur:#B91C1C;\n    --wavre:#7b1fa2;\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  \/* FULL-BLEED FIX \u2014 m\u00eame technique que sur la page \"De la Terre \u00e0 l'assiette\",\n     avec !important pour forcer la priorit\u00e9 sur le CSS du th\u00e8me WordPress *\/\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  \/* TOP UTILITY BAR \u2014 thin, like SITA's dark micro-nav *\/\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  \/* MAIN NAV *\/\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:#991B1B;}\n\n  \/* HERO \u2014 full-bleed dark photo band with breadcrumb eyebrow, exactly SITA's pattern *\/\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-Namur.png?v=20260813-1') !important;\n    background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;\n    image-rendering:auto !important;image-rendering:-webkit-optimize-contrast !important;filter:none !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;height: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    position:static !important;display:block !important;flex:0 0 480px !important;\n    width:480px !important;max-width:45vw !important;min-width:360px !important;\n    margin-left:auto !important;writing-mode:horizontal-tb !important;\n  }\n  .breadcrumb{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#FCA5A5;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,4vw,2.65rem);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-title-line,.hero-city{display:block !important;white-space:nowrap !important;}\n  .hero-city{\n    color:var(--accent) !important;\n    -webkit-text-stroke:0 transparent !important;\n    paint-order:normal !important;\n    text-shadow:0 2px 14px rgba(0,0,0,0.45) !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    border:none;box-shadow:0 2px 10px rgba(0,0,0,0.12);\n    text-decoration:none !important;transition:background .2s;\n  }\n  .hero-cta-btn:hover{background:#991B1B;}\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{position:static !important;flex:0 0 100% !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;text-align:left !important;}\n    .hero h1{font-size:clamp(1.1rem,5.4vw,2.35rem) !important;letter-spacing:-0.035em !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  \/* STATS BAND \u2014 big number + label, thin dividers, straight under hero (like SITA's KPI row) *\/\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  \/* SECTION SCAFFOLDING *\/\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  \/* REGIONS \u2014 SITA \"Products\" card grid: icon\/photo + title + one-liner, clickable feel *\/\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.namur .tag .swatch{background:var(--namur);}\n  .region-card.wavre .tag .swatch{background:var(--wavre);}\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  \/* PROGRAMME \u2014 accordion, quieter section within the flow *\/\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  \/* AGENDA \u2014 minimal dense chip grid, single page *\/\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  \/* AGENDA WAVRE \u2014 frise chronologique claire et accessible *\/\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,#B91C1C,#FCA5A5);\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(185,28,28,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(185,28,28,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-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:#FCA5A5;}\n  .agenda-coming .coming-text{font-size:0.95rem;font-weight:700;}\n  .agenda-coming .coming-text strong{font-size:1.15rem;color:#FCA5A5;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,#B91C1C,#991B1B);}\n  .flip-back.bg-green{background:linear-gradient(135deg,#1e7a34,#155526);}\n  .flip-back.bg-purple{background:linear-gradient(135deg,#B91C1C,#991B1B);}\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  \/* PROGRAMME NAMUR \u2014 activit\u00e9s sans dates confirm\u00e9es *\/\n  #programme.namur-programme-section{\n    background-color:#f4f6f8;\n    background-image:\n      linear-gradient(rgba(185,28,28,.035) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(185,28,28,.035) 1px,transparent 1px);\n    background-size:34px 34px;\n    animation:namur-grid-move 16s linear infinite;\n  }\n  @keyframes namur-grid-move{to{background-position:68px 34px;}}\n  #programme.namur-programme-section::before{display:none;}\n  .namur-programme-head{max-width:760px;}\n  .namur-programme-notice{\n    display:inline-flex;align-items:center;gap:.55rem;margin-top:.9rem;padding:.65rem .95rem;\n    background:#fff;color:#B91C1C;border-left:5px solid #B91C1C;\n    box-shadow:5px 5px 0 rgba(185,28,28,.10);font-size:.82rem;font-weight:800;\n  }\n  .namur-programme-notice::before{content:'\u2192';font-size:1rem;animation:namur-arrow 1.6s ease-in-out infinite;}\n  @keyframes namur-arrow{0%,100%{transform:translateX(0);}50%{transform:translateX(6px);}}\n  .namur-programme-grid{\n    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.35rem;\n    max-width:960px;\n  }\n  .namur-activity{\n    --enter-x:-90px;position:relative;min-height:126px;padding:1.15rem 1.25rem;overflow:hidden;\n    display:grid;grid-template-columns:64px 1fr;align-items:center;gap:1.15rem;\n    background:#fff;border:1px solid rgba(12,32,56,.12);border-left:7px solid #B91C1C;\n    clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));\n    box-shadow:10px 10px 0 rgba(12,32,56,.06);opacity:0;transform:translateX(var(--enter-x));\n    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;\n  }\n  .namur-activity:nth-child(even){--enter-x:90px;transform:translateX(var(--enter-x));}\n  #programme.in .namur-activity{animation:namur-card-in .95s cubic-bezier(.18,.75,.25,1) both;}\n  #programme.in .namur-activity:nth-child(1){animation-delay:.08s;}\n  #programme.in .namur-activity:nth-child(2){animation-delay:.18s;}\n  #programme.in .namur-activity:nth-child(3){animation-delay:.28s;}\n  #programme.in .namur-activity:nth-child(4){animation-delay:.38s;}\n  #programme.in .namur-activity:nth-child(5){animation-delay:.48s;}\n  #programme.in .namur-activity:nth-child(6){animation-delay:.58s;}\n  #programme.in .namur-activity:nth-child(7){animation-delay:.68s;}\n  #programme.in .namur-activity:nth-child(8){animation-delay:.78s;}\n  @keyframes namur-card-in{\n    0%{opacity:0;transform:translateX(var(--enter-x)) rotate(1deg);}\n    72%{opacity:1;transform:translateX(calc(var(--enter-x) * -.05)) rotate(-.4deg);}\n    100%{opacity:1;transform:translateX(0) rotate(0);}\n  }\n  .namur-activity::before{\n    content:'';position:absolute;z-index:0;top:0;bottom:0;left:-42%;width:28%;\n    background:linear-gradient(90deg,transparent,rgba(185,28,28,.11),transparent);\n    transform:skewX(-18deg);animation:namur-scan 4.8s ease-in-out infinite;\n    animation-delay:calc(var(--card-i, 0) * .22s);\n  }\n  @keyframes namur-scan{0%,35%{left:-42%;}70%,100%{left:125%;}}\n  .namur-activity::after{\n    content:'';position:absolute;right:0;top:0;width:42px;height:7px;background:#B91C1C;\n    transition:width .35s ease;\n  }\n  .namur-activity-icon{\n    position:relative;z-index:1;width:58px;height:58px;\n    display:grid;place-items:center;background:#FFF1F2;border:3px solid #B91C1C;color:#B91C1C;\n    font-size:1.6rem;box-shadow:6px 6px 0 rgba(185,28,28,.16);\n    animation:namur-icon-live 3.2s ease-in-out infinite;\n    transition:transform .35s ease,background .35s ease;\n  }\n  .namur-activity:nth-child(2n) .namur-activity-icon{animation-delay:.35s;}\n  .namur-activity:nth-child(3n) .namur-activity-icon{animation-delay:.7s;}\n  @keyframes namur-icon-live{0%,100%{transform:translateY(0) rotate(0);}50%{transform:translateY(-7px) rotate(-4deg);}}\n  .namur-activity h3{\n    position:relative;z-index:1;margin:0;color:var(--navy);\n    font-size:1.03rem;font-weight:850;line-height:1.35;\n  }\n  .namur-activity h3 a{\n    color:#B91C1C;text-decoration:underline;text-decoration-thickness:1.5px;\n    text-underline-offset:4px;\n  }\n  .namur-activity h3 a::after{content:' \u2197';font-size:.85em;display:inline-block;transition:transform .25s ease;}\n  .namur-activity h3 a:hover::after{transform:translate(3px,-3px);}\n  @media (hover:hover){\n    .namur-activity:hover{transform:translateY(-7px) rotate(-.6deg);border-color:rgba(185,28,28,.38);box-shadow:14px 16px 0 rgba(12,32,56,.08);}\n    .namur-activity:hover::after{width:100%;}\n    .namur-activity:hover .namur-activity-icon{animation-play-state:paused;transform:rotate(6deg) scale(1.08);background:#FECACA;}\n  }\n  @media (max-width:760px){.namur-programme-grid{grid-template-columns:1fr;}}\n  @media (max-width:520px){\n    .namur-programme-grid{grid-template-columns:1fr;gap:.75rem;}\n    .namur-activity{min-height:112px;grid-template-columns:54px 1fr;padding:1rem;gap:.9rem;}\n    .namur-activity-icon{width:50px;height:50px;font-size:1.4rem;box-shadow:4px 4px 0 rgba(185,28,28,.16);}\n  }\n  @media (prefers-reduced-motion:reduce){\n    #programme.namur-programme-section{animation:none;}\n    #programme.in .namur-activity{animation:none;opacity:1;transform:none;}\n    .namur-programme-notice::before,.namur-activity::before,.namur-activity-icon{animation:none;}\n    .namur-activity,.namur-activity-icon{transition:none;}\n  }\n\n  \/* TESTIMONIAL \u2014 pull-quote band, exactly SITA's italic customer-quote block *\/\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  \/* TARIFS \u2014 stat-style figures, echoes the KPI band *\/\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  \/* DAY TIMELINE \u2014 thin weekly strip, mercredi highlighted and pulsing *\/\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:#FCA5A5;}\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(185,28,28,0.35);}\n    70%{box-shadow:0 0 0 11px rgba(185,28,28,0);}\n    100%{box-shadow:0 0 0 0 rgba(185,28,28,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  \/* CTA BANNER \u2014 icon circle + headline + link, exactly SITA's closing banner *\/\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:#991B1B;}\n\n  footer{background:#FDECEC;color:#B91C1C;padding:2.4rem 24px;text-align:center;font-size:0.8rem;}\n  footer span{color:#991B1B;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<\/style>\n\n\n\n<header class=\"hero\" id=\"apercu\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-copy\">\n      <h1><span class=\"hero-title-line\">Les mercredis apr\u00e8s-midi \u00e0<\/span><span class=\"hero-city\">Namur<\/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-namur-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 namur\">\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=\"#B91C1C\" opacity=\"0.18\"><\/circle>\n            <circle cx=\"200\" cy=\"145\" r=\"78\" fill=\"none\" stroke=\"#FCA5A5\" stroke-width=\"10\"><\/circle>\n            <line class=\"hand-min\" x1=\"200\" y1=\"145\" x2=\"200\" y2=\"95\" stroke=\"#FCA5A5\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <line class=\"hand-hour\" x1=\"200\" y1=\"145\" x2=\"238\" y2=\"165\" stroke=\"#FCA5A5\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <circle cx=\"200\" cy=\"145\" r=\"8\" fill=\"#FCA5A5\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Horaire<\/span>\n          <h3>14h \u2013 16h30<\/h3>\n          <p>\ud83d\udd50 <strong>Accueil d\u00e8s 13h.<\/strong> Certains mercredis, hors vacances scolaires.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card namur\">\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=\"#B91C1C\" 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=\"#FCA5A5\"><\/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>Namur<\/h3>\n          <p><a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Rue+Bas+de+la+Place+35%2C+5000+Namur\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:underline;\">Rue Bas de la Place 35, 5000 Namur<\/a><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card namur\">\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=\"#B91C1C\" opacity=\"0.18\"><\/circle>\n            <g class=\"person p1\"><path d=\"M100 220 a52 52 0 0 1 104 0 Z\" fill=\"#FCA5A5\"><\/path><circle cx=\"152\" cy=\"112\" r=\"30\" fill=\"#FCA5A5\"><\/circle><\/g>\n            <g class=\"person p2\"><path d=\"M198 220 a52 52 0 0 1 104 0 Z\" fill=\"#B91C1C\"><\/path><circle cx=\"250\" cy=\"112\" r=\"30\" fill=\"#B91C1C\"><\/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 namur\">\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=\"#B91C1C\" 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=\"#FCA5A5\"><\/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>Pauline Heylen<\/h3>\n          <p class=\"contact-lines\">\n            <span><a href=\"mailto:pauline.heylen@jmlib.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 namur-programme-section\">\n  <div class=\"section-inner\">\n    <div class=\"section-head namur-programme-head\">\n      <div class=\"kicker\">\u00c0 partir d\u2019octobre 2026<\/div>\n      <h2>Le programme des mercredis \u00e0 <span style=\"display:block;white-space:nowrap;color:#B91C1C;\">Namur<\/span><\/h2>\n      <p>Des d\u00e9couvertes, des visites et des ateliers pour les jeunes de 6 \u00e0 12 ans.<\/p>\n      <div class=\"namur-programme-notice\">Les dates seront communiqu\u00e9es prochainement<\/div>\n    <\/div>\n\n    <div class=\"namur-programme-grid\" aria-label=\"Activit\u00e9s propos\u00e9es \u00e0 Namur \u00e0 partir d\u2019octobre 2026\">\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83e\udded<\/span><h3>Jeu de d\u00e9couverte de Namur<\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83d\uddbc\ufe0f<\/span><h3><a href=\"https:\/\/www.museerops.be\/\" target=\"_blank\" rel=\"noopener\">Visite et atelier au mus\u00e9e Rops<\/a><\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83c\udfdb\ufe0f<\/span><h3><a href=\"https:\/\/www.namur.be\/fr\/loisirs\/culture\/musees\/les-bateliers\" target=\"_blank\" rel=\"noopener\">Visite du P\u00f4le mus\u00e9al Les Bateliers<\/a><\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/span><h3>Atelier cr\u00e9atif<\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83e\udd55<\/span><h3>Atelier culinaire z\u00e9ro d\u00e9chet<\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83c\udff0<\/span><h3>Et si on changeait Namur ensemble&nbsp;?<\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83c\udf3e<\/span><h3>Immersion \u00e0 la ferme<\/h3><\/article>\n      <article class=\"namur-activity\"><span class=\"namur-activity-icon\" aria-hidden=\"true\">\ud83c\udfb2<\/span><h3>Apr\u00e8s-midi jeux de soci\u00e9t\u00e9<\/h3><\/article>\n    <\/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 les mercredis 6 \u00e0 12 ans \u00e0 Namur ?<\/h2>\n      <p>Rejoignez-nous \u00e0 Namur pour les activit\u00e9s destin\u00e9es aux 6 \u00e0 12 ans.<\/p>\n    <\/div>\n    <a href=\"https:\/\/www.jmlib.be\/site\/mercredi-a-namur-inscription\/\" class=\"cta-link\">S&rsquo;inscrire en ligne<\/a>\n  <\/div>\n<\/div>\n\n<footer>\n  <span>Antenne de Namur<\/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<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&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 16h30 \ud83d\udd50 Accueil d\u00e8s 13h. Certains mercredis, hors vacances scolaires.<a href=\"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-namur-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-18347","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P93my9-4LV","jetpack-related-posts":[{"id":18307,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-la-louviere-2\/","url_meta":{"origin":18347,"position":0},"title":"Mercredi Apr\u00e8s-midi \u00e0 La Louvi\u00e8re","author":"jmlib","date":"13 ao\u00fbt 2026","format":false,"excerpt":"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'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,\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":18347,"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":18263,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-arlon\/","url_meta":{"origin":18347,"position":2},"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":15466,"url":"https:\/\/www.jmlib.be\/site\/tout-au-long-de-lannee\/","url_meta":{"origin":18347,"position":3},"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":17023,"url":"https:\/\/www.jmlib.be\/site\/stage-tournai-toussaint-2025\/","url_meta":{"origin":18347,"position":4},"title":"Stage Tournai Toussaint 2025","author":"jmlib","date":"22 septembre 2025","format":false,"excerpt":"Stages vacances \u2013 th\u00e8me \u00ab code squelette \u00bb & la chasse aux \u00e2mes perdues Stages vacances \u2013 myst\u00e8re & frissons Deux semaines, deux univers : des frissons\u2026 et des fous rires. \ud83d\udccd Tournai \ud83d\udc67\ud83d\udc66 6 \u00e0 12 ans \ud83c\udfad Activit\u00e9s 9h \u2013 16h \u23f0 Garderie 7h30\u20139h & 16h\u201317h \ud83d\udcb6 75\u20ac\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":17298,"url":"https:\/\/www.jmlib.be\/site\/le-bal-masque-des-animaux-des-bois-a-tournai\/","url_meta":{"origin":18347,"position":5},"title":"Le Bal Masqu\u00e9 des Animaux des Bois \u00e0 Tournai","author":"jmlib","date":"12 janvier 2026","format":false,"excerpt":"Stage vacances \u2013 Le bal masqu\u00e9 des animaux des bois Le bal masqu\u00e9 des animaux des bois Une aventure enchant\u00e9e dans la for\u00eat magique \ud83c\udfad Stage \ud83d\udcc5 16-20 f\u00e9vrier 2026 \ud83d\udccd Tournai \ud83d\udc67\ud83d\udc66 6 \u00e0 12 ans \ud83c\udfad Activit\u00e9s 9h \u2013 16h \u23f0 Garderie 7h30\u20139h & 16h\u201317h \ud83d\udcb6 75\u20ac Le\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\/18347","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=18347"}],"version-history":[{"count":9,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18347\/revisions"}],"predecessor-version":[{"id":18416,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18347\/revisions\/18416"}],"wp:attachment":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/media?parent=18347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}