{"id":18323,"date":"2026-08-13T15:13:44","date_gmt":"2026-08-13T13:13:44","guid":{"rendered":"https:\/\/www.jmlib.be\/site\/?page_id=18323"},"modified":"2026-09-10T10:37:40","modified_gmt":"2026-09-10T08:37:40","slug":"mercredi-apres-midi-a-tournai-pour-les-6-a-11-ans","status":"publish","type":"page","link":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-6-a-11-ans\/","title":{"rendered":"Mercredi Apr\u00e8s-midi \u00e0 Tournai pour les 6 \u00e0 11 ans"},"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 11 ans \u00e0 Tournai \u2014 JML asbl<\/title>\n<meta name=\"description\" content=\"JML asbl accueille \u00e0 Tournai les jeunes de 6 \u00e0 11 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:#1B5E20;\n    --accent-light:#E8F5E9;\n\n    --louviere:#F9A825;\n    --arlon:#6b4a3a;\n    --tournai:#1e7a34;\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:#2E7D32;}\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-Tournai-marionette.png?v=20260814-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:1500px !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 660px !important;\n    width:660px !important;max-width:60vw !important;min-width:0 !important;\n    margin-left:auto !important;writing-mode:horizontal-tb !important;\n  }\n  @media (min-width:1501px){\n    .hero-copy{transform:translateX(36px) !important;}\n  }\n  @media (min-width:701px) and (max-width:1500px){\n    .hero-copy{transform:none !important;}\n  }\n  .breadcrumb{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#A5D6A7;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:1px rgba(255,255,255,0.95) !important;\n    paint-order:stroke fill !important;\n    text-shadow:-1px -1px 0 rgba(255,255,255,0.70),1px -1px 0 rgba(255,255,255,0.70),-1px 1px 0 rgba(255,255,255,0.70),1px 1px 0 rgba(255,255,255,0.70),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:1px solid rgba(255,255,255,0.70);box-shadow:0 2px 10px rgba(0,0,0,0.12);\n    text-decoration:none !important;\n    transition:background .2s, border-color .2s;\n  }\n  .hero-cta-btn:hover{background:#2E7D32;border-color:#ffffff;}\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.tournai .tag .swatch{background:var(--tournai);}\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,#1B5E20,#A5D6A7);\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(27,94,32,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(27,94,32,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:#A5D6A7;}\n  .agenda-coming .coming-text{font-size:0.95rem;font-weight:700;}\n  .agenda-coming .coming-text strong{font-size:1.15rem;color:#A5D6A7;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,#1B5E20,#2E7D32);}\n  .flip-back.bg-green{background:linear-gradient(135deg,#1e7a34,#155526);}\n  .flip-back.bg-purple{background:linear-gradient(135deg,#1B5E20,#2E7D32);}\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 TOURNAI \u2014 version simple, claire et professionnelle *\/\n  #programme::before{display:none;}\n  .tournai-programme{max-width:940px;}\n  .tournai-partner{\n    font-size:0.95rem !important;color:var(--muted) !important;margin-top:0.7rem !important;\n  }\n  .tournai-partner a{\n    color:var(--accent);font-weight:700;text-decoration:underline;\n    text-decoration-thickness:1px;text-underline-offset:3px;\n  }\n  .tournai-partner .partner-icon{\n    display:inline-block;margin-right:0.35rem;font-size:1.05rem;line-height:1;\n    transform:translateY(1px);\n  }\n  .tournai-programme-card{\n    overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:14px;\n    box-shadow:0 10px 28px rgba(12,32,56,0.07);opacity:0;transform:translateY(18px) scale(.985);\n  }\n  #programme.in .tournai-programme-card{\n    animation:tournai-calendar-in .85s cubic-bezier(.22,.61,.36,1) both;\n  }\n  @keyframes tournai-calendar-in{\n    from{opacity:0;transform:translateY(18px) scale(.985);}\n    to{opacity:1;transform:translateY(0) scale(1);}\n  }\n  .tournai-programme-title{\n    padding:1.45rem 1.6rem;border-top:5px solid var(--accent);border-bottom:1px solid var(--line);\n  }\n  .tournai-programme-title span{\n    display:block;margin-bottom:0.25rem;color:var(--accent);font-size:0.72rem;font-weight:800;\n    letter-spacing:0.08em;text-transform:uppercase;\n  }\n  .tournai-programme-title h3{\n    color:var(--navy);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:800;letter-spacing:-0.01em;\n  }\n  .tournai-dates{\n    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));\n  }\n  .tournai-date{\n    --date-enter-x:42px;\n    position:relative;min-height:116px;padding:1.15rem 0.75rem;\n    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;\n    border-right:1px solid var(--line);background:var(--white);color:var(--navy);\n    opacity:0;transform:translateX(var(--date-enter-x));\n    transition:transform .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease;\n  }\n  .tournai-date:nth-child(even){--date-enter-x:-42px;}\n  .tournai-date:last-child{border-right:none;}\n  #programme.in .tournai-date{animation:tournai-date-in .8s cubic-bezier(.22,.61,.36,1) both;}\n  #programme.in .tournai-date:nth-child(2){animation-delay:.12s;}\n  #programme.in .tournai-date:nth-child(3){animation-delay:.24s;}\n  #programme.in .tournai-date:nth-child(4){animation-delay:.36s;}\n  #programme.in .tournai-date:nth-child(5){animation-delay:.48s;}\n  @keyframes tournai-date-in{\n    from{opacity:0;transform:translateX(var(--date-enter-x));}\n    to{opacity:1;transform:translateX(0);}\n  }\n  .tournai-date .date-day{font-size:1.75rem;font-weight:850;line-height:1;letter-spacing:-0.03em;}\n  .tournai-date .date-month{\n    margin-top:0.35rem;color:var(--muted);font-size:0.72rem;font-weight:800;\n    letter-spacing:0.06em;text-transform:uppercase;\n  }\n  @media (hover:hover){\n    .tournai-date:hover{\n      animation:none !important;opacity:1;transform:translateY(-5px);\n      background:var(--accent);color:var(--white);box-shadow:0 10px 22px rgba(27,94,32,0.18);z-index:2;\n    }\n    .tournai-date:hover .date-month{color:rgba(255,255,255,0.82);}\n  }\n  .tournai-exposition{\n    padding:1.25rem 1.6rem;background:var(--accent-light);border-top:1px solid rgba(27,94,32,0.14);\n    display:flex;align-items:center;gap:1rem;\n    opacity:0;transform:translateY(10px);\n  }\n  #programme.in .tournai-exposition{animation:tournai-expo-in .65s ease .85s both;}\n  @keyframes tournai-expo-in{\n    from{opacity:0;transform:translateY(10px);}\n    to{opacity:1;transform:translateY(0);}\n  }\n  .tournai-exposition p{color:var(--accent);font-size:1rem;font-weight:600;}\n  .tournai-exposition strong{font-weight:850;color:var(--navy);}\n  .tournai-expo-icon{\n    width:62px;height:62px;border-radius:50%;flex:0 0 62px;\n    display:flex;align-items:center;justify-content:center;background:var(--white);\n    border:3px solid var(--accent);box-shadow:0 0 0 4px var(--white),0 0 0 6px rgba(27,94,32,0.22);\n    font-size:1.7rem;transition:transform .35s ease;\n  }\n  @media (hover:hover){\n    .tournai-exposition:hover .tournai-expo-icon{transform:rotate(-6deg) scale(1.06);}\n  }\n  .tournai-next-programme{\n    padding:1rem 1.6rem;background:var(--navy);color:var(--white);font-size:0.95rem;font-weight:700;\n    opacity:0;transform:translateY(8px);\n  }\n  .tournai-next-programme strong{color:#A5D6A7;}\n  #programme.in .tournai-next-programme{animation:tournai-next-in .65s ease 1.05s both;}\n  @keyframes tournai-next-in{\n    from{opacity:0;transform:translateY(8px);}\n    to{opacity:1;transform:translateY(0);}\n  }\n  @media (max-width:760px){\n    .tournai-dates{grid-template-columns:repeat(3,minmax(0,1fr));}\n    .tournai-date{border-bottom:1px solid var(--line);}\n    .tournai-date:nth-child(3){border-right:none;}\n    .tournai-date:nth-child(4),.tournai-date:nth-child(5){border-bottom:none;}\n  }\n  @media (max-width:460px){\n    .tournai-dates{grid-template-columns:1fr;}\n    .tournai-date{min-height:82px;border-right:none !important;border-bottom:1px solid var(--line) !important;}\n    .tournai-date:last-child{border-bottom:none !important;}\n    .tournai-programme-title,.tournai-exposition{padding-left:1.1rem;padding-right:1.1rem;}\n    .tournai-expo-icon{width:54px;height:54px;flex-basis:54px;font-size:1.45rem;}\n  }\n  @media (prefers-reduced-motion:reduce){\n    #programme.in .tournai-date{animation:none !important;opacity:1;transform:none;}\n    #programme.in .tournai-programme-card,#programme.in .tournai-exposition,#programme.in .tournai-next-programme{animation:none !important;opacity:1;transform:none;}\n    .tournai-date{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:#A5D6A7;}\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(27,94,32,0.35);}\n    70%{box-shadow:0 0 0 11px rgba(27,94,32,0);}\n    100%{box-shadow:0 0 0 0 rgba(27,94,32,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:#2E7D32;}\n\n  footer{background:#E8F5E9;color:#1B5E20;padding:2.4rem 24px;text-align:center;font-size:0.8rem;}\n  footer span{color:#2E7D32;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<\/span><span class=\"hero-title-line\">6 \u00e0 11 ans \u00e0<\/span><span class=\"hero-city\">Tournai<\/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-tournai-inscription-6-11-ans\/\" 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 tournai\">\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=\"#1B5E20\" opacity=\"0.18\"><\/circle>\n            <circle cx=\"200\" cy=\"145\" r=\"78\" fill=\"none\" stroke=\"#A5D6A7\" stroke-width=\"10\"><\/circle>\n            <line class=\"hand-min\" x1=\"200\" y1=\"145\" x2=\"200\" y2=\"95\" stroke=\"#A5D6A7\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <line class=\"hand-hour\" x1=\"200\" y1=\"145\" x2=\"238\" y2=\"165\" stroke=\"#A5D6A7\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <circle cx=\"200\" cy=\"145\" r=\"8\" fill=\"#A5D6A7\"><\/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>Certains mercredis, hors vacances scolaires.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card tournai\">\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=\"#1B5E20\" 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=\"#A5D6A7\"><\/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>Tournai<\/h3>\n          <p><a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Rue+Morel+9%2C+7500+Tournai\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:underline;\">Rue Morel 9, 7500 Tournai<\/a><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"region-card tournai\">\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=\"#1B5E20\" opacity=\"0.18\"><\/circle>\n            <g class=\"person p1\"><path d=\"M100 220 a52 52 0 0 1 104 0 Z\" fill=\"#A5D6A7\"><\/path><circle cx=\"152\" cy=\"112\" r=\"30\" fill=\"#A5D6A7\"><\/circle><\/g>\n            <g class=\"person p2\"><path d=\"M198 220 a52 52 0 0 1 104 0 Z\" fill=\"#1B5E20\"><\/path><circle cx=\"250\" cy=\"112\" r=\"30\" fill=\"#1B5E20\"><\/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 11 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 tournai\">\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=\"#1B5E20\" 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=\"#A5D6A7\"><\/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>Ga\u00eblle Andr\u00e9<\/h3>\n          <p class=\"contact-lines\">\n            <span>T\u00e9l. : <a href=\"tel:+3269343833\" style=\"color:var(--accent);text-decoration:underline;\">069 34 38 33<\/a><\/span>\n            <span><a href=\"mailto:jmlasbltournai@gmail.com\" 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>De l\u2019atelier \u00e0 la sc\u00e8ne<\/h2>\n      <p class=\"tournai-partner\"><span class=\"partner-icon\" aria-hidden=\"true\">\ud83c\udfad<\/span>En partenariat avec la <a href=\"https:\/\/maisondelamarionnette.be\/\" target=\"_blank\" rel=\"noopener\">Maison de la Marionnette de Tournai<\/a><\/p>\n    <\/div>\n\n    <div class=\"tournai-programme\">\n      <div class=\"tournai-programme-card\">\n        <div class=\"tournai-programme-title\">\n          <span>Activit\u00e9<\/span>\n          <h3>Fabrication de marionnettes<\/h3>\n        <\/div>\n\n        <div class=\"tournai-dates\" aria-label=\"Dates des ateliers de fabrication de marionnettes\">\n          <time class=\"tournai-date\" datetime=\"2026-09-16\"><span class=\"date-day\">16<\/span><span class=\"date-month\">Septembre 2026<\/span><\/time>\n          <time class=\"tournai-date\" datetime=\"2026-09-23\"><span class=\"date-day\">23<\/span><span class=\"date-month\">Septembre 2026<\/span><\/time>\n          <time class=\"tournai-date\" datetime=\"2026-10-14\"><span class=\"date-day\">14<\/span><span class=\"date-month\">Octobre 2026<\/span><\/time>\n          <time class=\"tournai-date\" datetime=\"2026-11-04\"><span class=\"date-day\">4<\/span><span class=\"date-month\">Novembre 2026<\/span><\/time>\n          <time class=\"tournai-date\" datetime=\"2026-11-18\"><span class=\"date-day\">18<\/span><span class=\"date-month\">Novembre 2026<\/span><\/time>\n        <\/div>\n\n        <div class=\"tournai-exposition\">\n          <span class=\"tournai-expo-icon\" aria-hidden=\"true\">\ud83d\uddbc\ufe0f<\/span>\n          <p>Une exposition des r\u00e9alisations aura lieu le <strong>2 d\u00e9cembre 2026<\/strong>.<\/p>\n        <\/div>\n\n        <div class=\"tournai-next-programme\">\n          <p>Le programme des activit\u00e9s <strong>2027<\/strong> sera publi\u00e9 prochainement.<\/p>\n        <\/div>\n      <\/div>\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 11 ans \u00e0 Tournai ?<\/h2>\n      <p>Rejoignez-nous \u00e0 Tournai pour les activit\u00e9s destin\u00e9es aux 6 \u00e0 11 ans.<\/p>\n    <\/div>\n    <a href=\"https:\/\/www.jmlib.be\/site\/mercredi-a-tournai-inscription-6-11-ans\/\" class=\"cta-link\">S&rsquo;inscrire en ligne<\/a>\n  <\/div>\n<\/div>\n\n<footer>\n  <span>Antenne de Tournai<\/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 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&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 Certains mercredis, hors vacances scolaires. Lieu<a href=\"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-6-a-11-ans\/\">[&#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-18323","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P93my9-4Lx","jetpack-related-posts":[{"id":18341,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-12-a-18-ans\/","url_meta":{"origin":18323,"position":0},"title":"Mercredi Apr\u00e8s-midi \u00e0 Tournai pour les 12 \u00e0 18 ans","author":"jmlib","date":"13 ao\u00fbt 2026","format":false,"excerpt":"Les mercredis apr\u00e8s-midi 12 \u00e0 18 ans \u00e0 Tournai 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 Certains mercredis, hors vacances scolaires. Lieu Tournai Rue Morel 9,\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":18323,"position":1},"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":18323,"position":2},"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":[]},{"id":18307,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-la-louviere-2\/","url_meta":{"origin":18323,"position":3},"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":15466,"url":"https:\/\/www.jmlib.be\/site\/tout-au-long-de-lannee\/","url_meta":{"origin":18323,"position":4},"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":17161,"url":"https:\/\/www.jmlib.be\/site\/https-www-jmlib-be-site-stages\/","url_meta":{"origin":18323,"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\/18323","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=18323"}],"version-history":[{"count":17,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18323\/revisions"}],"predecessor-version":[{"id":18540,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18323\/revisions\/18540"}],"wp:attachment":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/media?parent=18323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}