{"id":18263,"date":"2026-08-06T16:04:36","date_gmt":"2026-08-06T14:04:36","guid":{"rendered":"https:\/\/www.jmlib.be\/site\/?page_id=18263"},"modified":"2026-08-19T16:57:00","modified_gmt":"2026-08-19T14:57:00","slug":"mercredi-apres-midi-a-arlon","status":"publish","type":"page","link":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-arlon\/","title":{"rendered":"Mercredi apr\u00e8s-midi \u00e0 Arlon"},"content":{"rendered":"\n<style>\n:root{\n  --navy:#0c2038;\n  --ink:#14202e;\n  --muted:#5b6774;\n  --muted-2:#8a94a0;\n  --bg-alt:#f4f6f8;\n  --line:rgba(15,30,50,.10);\n  --white:#fff;\n  --accent:#e07b12;\n  --accent-light:#fdeee0;\n  --arlon:#6b4a3a;\n}\n\n*{margin:0;padding:0;box-sizing:border-box}\n\nhtml{\n  scroll-behavior:smooth;\n  overflow-x:hidden;\n}\n\nbody{\n  width:100%;\n  overflow-x:hidden;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif;\n  color:var(--ink);\n  background:var(--white);\n  font-size:16px;\n  line-height:1.55;\n  -webkit-font-smoothing:antialiased;\n}\n\na{\n  color:inherit;\n  text-decoration:none;\n}\n\nimg,svg,video{\n  max-width:100%;\n  height:auto;\n}\n\nheader,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  box-sizing:border-box!important;\n}\n\n.reveal{\n  opacity:0;\n  transform:translateY(16px);\n  transition:opacity .7s ease,transform .7s ease;\n}\n\n.reveal.in{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.hero{\n  position:relative!important;\n  min-height:400px;\n  height:clamp(400px,25vw,520px);\n  max-height:520px;\n  display:flex;\n  align-items:flex-end;\n  overflow:hidden;\n  color:#fff;\n  background-color:var(--navy)!important;\n  background-image:url(\"https:\/\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/08\/mercredis-apres-midi-jml-1.png?v=20260813-2\")!important;\n  background-repeat:no-repeat!important;\n  background-size:cover!important;\n  background-position:left center!important;\n}\n\n.hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:0;\n  background:linear-gradient(\n    90deg,\n    rgba(9,20,36,0) 0%,\n    rgba(9,20,36,.02) 44%,\n    rgba(9,20,36,.20) 68%,\n    rgba(9,20,36,.52) 100%\n  );\n}\n\n.hero-inner{\n  position:relative!important;\n  z-index:1!important;\n  width:100%!important;\n  max-width:1120px!important;\n  margin:0 auto!important;\n  padding:64px 24px 44px!important;\n  display:flex!important;\n  justify-content:flex-end!important;\n  align-items:flex-end!important;\n}\n\n.hero-copy{\n  width:680px!important;\n  max-width:78vw!important;\n  flex:0 0 680px!important;\n  min-width:0!important;\n}\n\n.hero h1{\n  width:100%!important;\n  max-width:none!important;\n  white-space:nowrap!important;\n  font-size:clamp(2.15rem,4.8vw,3rem);\n  font-weight:800;\n  letter-spacing:-.02em;\n  line-height:1.08;\n  text-shadow:0 2px 14px rgba(0,0,0,.45);\n}\n\n.hero h1 .hero-city{\n  color:#c8a27e!important;\n  font-family:inherit!important;\n  font-size:inherit!important;\n  font-style:inherit!important;\n  font-weight:inherit!important;\n  line-height:inherit!important;\n  letter-spacing:inherit!important;\n}\n\n.hero .sub{\n  width:100%!important;\n  margin-top:.7rem;\n  font-size:clamp(1.05rem,2.2vw,1.3rem);\n  color:rgba(255,255,255,.88);\n  text-shadow:0 1px 8px rgba(0,0,0,.4);\n}\n\n.hero-cta-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:48px;\n  margin-top:1.4rem;\n  padding:.8rem 1.8rem;\n  border-radius:6px;\n  background:var(--accent);\n  color:#fff;\n  font-size:.95rem;\n  font-weight:700;\n  transition:background .2s,transform .2s;\n}\n\n.hero-cta-btn:hover{\n  background:#b85f00;\n  transform:translateY(-2px);\n}\n\n.timeline-band{\n  background:#fff;\n  border-bottom:1px solid var(--line);\n}\n\n.timeline-band .inner{\n  max-width:1120px;\n  margin:0 auto;\n  padding:2.2rem 24px 2.4rem;\n}\n\n.timeline-band .kicker{\n  margin-bottom:1.4rem;\n  color:var(--muted);\n  font-size:.8rem;\n  font-weight:700;\n  letter-spacing:.06em;\n  text-align:center;\n  text-transform:uppercase;\n}\n\n.week-strip{\n  position:relative;\n  display:flex;\n  align-items:flex-end;\n  justify-content:center;\n  max-width:620px;\n  margin:0 auto;\n}\n\n.week-strip::before{\n  content:\"\";\n  position:absolute;\n  top:22px;\n  right:7.14%;\n  left:7.14%;\n  z-index:0;\n  height:1px;\n  background:var(--line);\n}\n\n.day{\n  position:relative;\n  z-index:1;\n  flex:1;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n  padding:0 4px;\n}\n\n.day .dot-zone{\n  height:44px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.day .dot{\n  width:13px;\n  height:13px;\n  border-radius:50%;\n  background:var(--line);\n}\n\n.day:not(.wed) .dot{\n  animation:chase .9s ease-in-out both,blinkSoft 2.6s ease-in-out infinite;\n}\n\n.day:nth-child(1) .dot{animation-delay:0s,3s}\n.day:nth-child(2) .dot{animation-delay:.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\n.day .label{\n  color:var(--muted-2);\n  font-size:12px;\n  font-weight:600;\n}\n\n.day.wed{\n  gap:14px;\n}\n\n.day.wed .dot{\n  width:42px;\n  height:42px;\n  background:var(--accent);\n  animation:land .5s ease-out .7s both,pulse 1.6s ease-in-out 1.2s infinite;\n}\n\n.day.wed .label{\n  color:var(--navy);\n  font-size:13px;\n  font-weight:800;\n}\n\n@keyframes blinkSoft{\n  0%,100%{opacity:1}\n  50%{opacity:.3}\n}\n\n@keyframes chase{\n  0%{transform:scale(1);background:var(--line)}\n  45%{transform:scale(1.7);background:#ffb877}\n  100%{transform:scale(1);background:var(--line)}\n}\n\n@keyframes land{\n  0%{transform:scale(.3)}\n  65%{transform:scale(1.18)}\n  100%{transform:scale(1)}\n}\n\n@keyframes pulse{\n  0%{box-shadow:0 0 0 0 rgba(224,123,18,.35)}\n  70%{box-shadow:0 0 0 11px rgba(224,123,18,0)}\n  100%{box-shadow:0 0 0 0 rgba(224,123,18,0)}\n}\n\nsection{\n  padding:72px 24px;\n}\n\n.section-alt{\n  background:var(--bg-alt);\n}\n\n.section-inner{\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n}\n\n.section-head{\n  max-width:680px;\n  margin-bottom:2.8rem;\n}\n\n.section-head .kicker{\n  margin-bottom:.6rem;\n  color:var(--accent);\n  font-size:.8rem;\n  font-weight:700;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n\n.section-head h2{\n  color:var(--navy);\n  font-size:clamp(1.7rem,3.6vw,2.3rem);\n  font-weight:800;\n  letter-spacing:-.015em;\n  line-height:1.15;\n}\n\n.section-head p{\n  max-width:640px;\n  margin-top:.8rem;\n  color:var(--muted);\n  font-size:1.05rem;\n  line-height:1.6;\n}\n\n.card-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:1.1rem;\n}\n\n.region-card{\n  min-width:0;\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:12px;\n  background:#fff;\n  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;\n}\n\n.region-card:hover{\n  transform:translateY(-4px);\n  border-color:transparent;\n  box-shadow:0 16px 32px rgba(12,32,56,.10);\n}\n\n.region-card .icon-tile{\n  width:100%;\n  aspect-ratio:16\/11;\n  overflow:hidden;\n}\n\n.region-card .icon-tile svg{\n  display:block;\n  width:100%;\n  height:100%;\n}\n\n.region-card .body{\n  padding:1.3rem 1.4rem 1.5rem;\n}\n\n.region-card .tag{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  margin-bottom:.5rem;\n  color:var(--muted);\n  font-size:.72rem;\n  font-weight:700;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n}\n\n.region-card .swatch{\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:var(--arlon);\n}\n\n.region-card h3{\n  margin-bottom:.4rem;\n  color:var(--navy);\n  font-size:1.08rem;\n  font-weight:800;\n}\n\n.region-card p{\n  color:var(--muted);\n  font-size:.88rem;\n  line-height:1.5;\n}\n\n.contact-lines{\n  display:flex!important;\n  flex-direction:column!important;\n  align-items:flex-start!important;\n  gap:.35rem!important;\n}\n\n.contact-lines span{\n  display:block!important;\n  width:100%!important;\n}\n\n.hand-min{\n  transform-origin:200px 145px;\n  animation:spin 8s linear infinite;\n}\n\n.hand-hour{\n  transform-origin:200px 145px;\n  animation:spin 48s linear infinite;\n}\n\n.route-dash{\n  animation:dashmove 3.5s linear infinite;\n}\n\n.person{\n  animation:bob 2.6s ease-in-out infinite;\n}\n\n.person.p2{animation-delay:.3s}\n.person.p3{animation-delay:.6s}\n\n.chat-dot{\n  animation:typing 1.2s ease-in-out infinite;\n}\n\n.chat-dot.d2{animation-delay:.15s}\n.chat-dot.d3{animation-delay:.3s}\n\n@keyframes spin{\n  from{transform:rotate(0)}\n  to{transform:rotate(360deg)}\n}\n\n@keyframes dashmove{\n  to{stroke-dashoffset:-52}\n}\n\n@keyframes bob{\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-6px)}\n}\n\n@keyframes typing{\n  0%,60%,100%{transform:translateY(0);opacity:.6}\n  30%{transform:translateY(-6px);opacity:1}\n}\n\n.price-row{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:1px;\n  max-width:1000px;\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:12px;\n  background:var(--line);\n}\n\n.price-or{\n  position:absolute;\n  top:50%;\n  left:33.333%;\n  z-index:2;\n  width:34px;\n  height:34px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transform:translate(-50%,-50%);\n  border:1px solid var(--line);\n  border-radius:50%;\n  background:#fff;\n  box-shadow:0 2px 6px rgba(12,32,56,.08);\n  color:var(--muted);\n  font-size:.72rem;\n  font-weight:800;\n  text-transform:uppercase;\n}\n\n.price-cell{\n  padding:2.2rem 2rem;\n  background:#fff;\n  text-align:center;\n}\n\n.price-cell.highlight{\n  background:var(--accent-light);\n}\n\n.price-cell .period{\n  color:var(--muted);\n  font-size:.85rem;\n  font-weight:700;\n  letter-spacing:.03em;\n  text-transform:uppercase;\n}\n\n.price-cell.highlight .period{\n  color:var(--accent);\n}\n\n.price-cell .months{\n  margin:.2rem 0 1.3rem;\n  color:var(--muted-2);\n  font-size:.8rem;\n}\n\n.price-cell .amount{\n  color:var(--navy);\n  font-size:2.6rem;\n  font-weight:800;\n}\n\n.price-cell .note{\n  margin-top:.3rem;\n  color:var(--muted-2);\n  font-size:.8rem;\n}\n\n#programme{\n  position:relative;\n  overflow:hidden;\n}\n\n#programme::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  background-image:url(\"https:\/\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/08\/calendrier-jml-des-mercredis.png\");\n  background-repeat:no-repeat;\n  background-position:right -60px bottom -40px;\n  background-size:520px auto;\n  opacity:.28;\n}\n\n#programme .section-inner{\n  position:relative;\n  z-index:1;\n}\n\n.chip-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));\n  gap:.8rem;\n}\n\n.year-label{\n  grid-column:1\/-1;\n  margin-top:.4rem;\n  padding-top:1.6rem;\n  border-top:1px solid var(--line);\n  color:var(--navy);\n  font-size:1.15rem;\n  font-weight:800;\n}\n\n.year-label:first-child{\n  margin-top:0;\n  padding-top:0;\n  border-top:0;\n}\n\n.chip-tile{\n  min-height:225px;\n  perspective:900px;\n  opacity:0;\n  transform:translateY(26px);\n  transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);\n}\n\n.chip-tile.card-in{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.flip-inner{\n  position:relative;\n  width:100%;\n  height:100%;\n  transform:rotateY(180deg);\n  transform-style:preserve-3d;\n  transition:transform 1.3s cubic-bezier(.4,.2,.2,1);\n}\n\n.chip-tile.card-in .flip-inner{\n  transform:rotateY(0);\n}\n\n.chip-tile:hover .flip-inner{\n  transform:rotateY(180deg);\n}\n\n.flip-front,.flip-back{\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  padding:1rem .7rem;\n  border-radius:14px;\n  text-align:center;\n  backface-visibility:hidden;\n  -webkit-backface-visibility:hidden;\n}\n\n.flip-front{\n  gap:.25rem;\n  border:1px solid var(--line);\n  background:#fff;\n  box-shadow:0 1px 2px rgba(12,32,56,.03);\n}\n\n.flip-back{\n  gap:.35rem;\n  overflow:hidden;\n  transform:rotateY(180deg);\n  color:#fff;\n}\n\n.bg-navy{background:linear-gradient(135deg,#0c2038,#16324f)}\n.bg-accent{background:linear-gradient(135deg,#e07b12,#b85f00)}\n.bg-green{background:linear-gradient(135deg,#1e7a34,#155526)}\n.bg-purple{background:linear-gradient(135deg,#7b1fa2,#5a1178)}\n.bg-brown{background:linear-gradient(135deg,#6b4a3a,#4a3226)}\n\n.flip-back .big-ic{\n  width:52px;\n  height:52px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:.15rem;\n  border-radius:50%;\n  background:rgba(255,255,255,.92);\n  font-size:2.1rem;\n  line-height:1;\n  filter:drop-shadow(0 3px 8px rgba(0,0,0,.2));\n}\n\n.flip-back .back-label{\n  font-size:.82rem;\n  font-weight:800;\n}\n\n.flip-back .back-label a,\n.flip-back .back-partner a{\n  color:#fff;\n  text-decoration:underline;\n}\n\n.flip-back .back-partner{\n  margin-top:-.1rem;\n  font-size:.68rem;\n  font-weight:600;\n  opacity:.85;\n}\n\n.flip-back .back-date{\n  font-size:.68rem;\n  font-weight:600;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n  opacity:.75;\n}\n\n.chip-tile .ic{\n  font-size:1.3rem;\n  line-height:1;\n}\n\n.chip-tile .num{\n  margin-top:.15rem;\n  color:var(--navy);\n  font-size:1.4rem;\n  font-weight:800;\n  line-height:1;\n}\n\n.chip-tile .mon{\n  color:var(--muted-2);\n  font-size:.66rem;\n  font-weight:700;\n  letter-spacing:.05em;\n  text-transform:uppercase;\n}\n\n.chip-tile .ti{\n  margin-top:.2rem;\n  color:var(--navy);\n  font-size:.86rem;\n  font-weight:800;\n  line-height:1.3;\n}\n\n.chip-tile .desc{\n  display:-webkit-box;\n  overflow:hidden;\n  color:var(--muted);\n  font-size:.74rem;\n  line-height:1.4;\n  -webkit-box-orient:vertical;\n  -webkit-line-clamp:5;\n}\n\n.chip-tile .desc a,\n.chip-tile .ti a{\n  color:#1a56c4;\n  text-decoration:underline;\n}\n\n.chip-tile .dot{\n  width:5px;\n  height:5px;\n  margin-top:.1rem;\n  border-radius:50%;\n  background:var(--accent);\n}\n\n.cta-banner{\n  background:var(--bg-alt);\n}\n\n.cta-banner .inner{\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:56px 24px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:2rem;\n  flex-wrap:wrap;\n}\n\n.cta-icon{\n  width:64px;\n  height:64px;\n  flex-shrink:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--navy);\n  color:#fff;\n  font-size:1.6rem;\n}\n\n.cta-text{\n  min-width:260px;\n  flex:1;\n}\n\n.cta-text h2{\n  color:var(--navy);\n  font-size:clamp(1.5rem,3vw,2rem);\n  font-weight:800;\n  line-height:1.15;\n}\n\n.cta-text p{\n  margin-top:.4rem;\n  color:var(--muted);\n  font-size:1rem;\n}\n\n.cta-link{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:48px;\n  padding:.85rem 1.6rem;\n  border-radius:6px;\n  background:var(--accent);\n  color:#fff;\n  font-size:.95rem;\n  font-weight:700;\n  white-space:nowrap;\n  transition:background .2s,transform .2s;\n}\n\n.cta-link:hover{\n  background:#b85f00;\n  transform:translateY(-2px);\n}\n\nfooter{\n  padding:2.4rem 24px;\n  background:#f2e6dd;\n  color:#6b4a3a;\n  text-align:center;\n  font-size:.8rem;\n}\n\nfooter span{\n  color:#4a3226;\n  font-weight:700;\n}\n\n@media(max-width:1024px){\n  .hero{\n    height:clamp(420px,58vw,520px);\n    background-position:38% center!important;\n  }\n\n  .hero-inner{\n    max-width:100%!important;\n    padding:52px 38px 40px!important;\n  }\n\n  .hero-copy{\n    width:58%!important;\n    max-width:58%!important;\n    flex-basis:58%!important;\n  }\n\n  .hero h1{\n    white-space:normal!important;\n    font-size:clamp(2rem,4.4vw,2.8rem)!important;\n  }\n\n  section{\n    padding:60px 32px;\n  }\n\n  .card-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .chip-grid{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n  .price-row{\n    grid-template-columns:1fr;\n  }\n\n  .price-or{\n    top:33.333%;\n    left:50%;\n  }\n}\n\n@media(max-width:767px){\n  body{\n    font-size:15px;\n  }\n\n  .hero{\n    min-height:500px;\n    height:500px;\n    max-height:none;\n    align-items:flex-end;\n    background-position:35% center!important;\n  }\n\n  .hero::after{\n    background:linear-gradient(\n      0deg,\n      rgba(9,20,36,.90) 0%,\n      rgba(9,20,36,.62) 48%,\n      rgba(9,20,36,.08) 100%\n    );\n  }\n\n  .hero-inner{\n    padding:32px 20px 34px!important;\n    align-items:flex-end!important;\n    justify-content:flex-start!important;\n  }\n\n  .hero-copy{\n    width:100%!important;\n    max-width:100%!important;\n    flex:0 0 100%!important;\n  }\n\n  .hero h1{\n    white-space:normal!important;\n    font-size:clamp(2rem,9vw,2.75rem)!important;\n    line-height:1.04!important;\n  }\n\n  .hero .sub{\n    max-width:34rem!important;\n    margin-top:.65rem;\n    font-size:1rem;\n  }\n\n  .timeline-band .inner{\n    padding:1.7rem 16px 1.9rem;\n  }\n\n  .week-strip::before{\n    top:16px;\n  }\n\n  .day .dot-zone{\n    height:32px;\n  }\n\n  .day .label{\n    font-size:10px;\n  }\n\n  .day.wed .dot{\n    width:30px;\n    height:30px;\n  }\n\n  .day.wed .label{\n    font-size:11px;\n  }\n\n  section{\n    padding:48px 18px;\n  }\n\n  .section-head{\n    margin-bottom:2rem;\n  }\n\n  .section-head h2{\n    font-size:clamp(1.65rem,8vw,2.1rem);\n  }\n\n  .card-grid{\n    grid-template-columns:1fr;\n    gap:1rem;\n  }\n\n  .region-card .icon-tile{\n    aspect-ratio:16\/8;\n  }\n\n  .contact-lines span{\n    white-space:normal!important;\n    overflow-wrap:anywhere;\n  }\n\n  #programme::before{\n    background-position:right -120px bottom -20px;\n    background-size:360px auto;\n    opacity:.16;\n  }\n\n  .chip-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:.7rem;\n  }\n\n  .chip-tile{\n    min-height:215px;\n  }\n\n  .flip-front,.flip-back{\n    padding:.9rem .65rem;\n  }\n\n  .price-cell{\n    padding:1.8rem 1.2rem;\n  }\n\n  .cta-banner .inner{\n    padding:42px 18px;\n    display:grid;\n    grid-template-columns:52px minmax(0,1fr);\n    gap:1rem;\n  }\n\n  .cta-icon{\n    width:52px;\n    height:52px;\n  }\n\n  .cta-text{\n    min-width:0;\n  }\n\n  .cta-text h2{\n    font-size:1.45rem;\n  }\n\n  .cta-link{\n    grid-column:1\/-1;\n    width:100%;\n    min-height:50px;\n  }\n}\n\n@media(max-width:390px){\n  .hero{\n    min-height:470px;\n    height:470px;\n  }\n\n  .hero h1{\n    font-size:1.9rem!important;\n  }\n\n  .chip-grid{\n    grid-template-columns:1fr;\n  }\n\n  .chip-tile{\n    min-height:195px;\n  }\n\n  .week-strip{\n    margin-right:-5px;\n    margin-left:-5px;\n  }\n\n  .day{\n    padding:0 1px;\n  }\n}\n\n@media(hover:none){\n  .chip-tile:active .flip-inner{\n    transform:rotateY(180deg);\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .reveal,.chip-tile{\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n  .flip-inner{\n    transform:rotateY(0)!important;\n    transition:none;\n  }\n\n  .hand-min,.hand-hour,.route-dash,.person,.chat-dot,\n  .day .dot{\n    animation:none!important;\n  }\n}\n<\/style>\n\n<header class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-copy\">\n      <h1>Mercredi apr\u00e8s-midi \u00e0 <span class=\"hero-city\">Arlon<\/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-arlon-inscription\/\" class=\"hero-cta-btn\">S\u2019inscrire<\/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\n    <div class=\"card-grid\">\n      <div class=\"region-card\">\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=\"#e07b12\" opacity=\".14\"><\/circle>\n            <circle cx=\"200\" cy=\"145\" r=\"78\" fill=\"none\" stroke=\"#ffb877\" stroke-width=\"10\"><\/circle>\n            <line class=\"hand-min\" x1=\"200\" y1=\"145\" x2=\"200\" y2=\"95\" stroke=\"#ffb877\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <line class=\"hand-hour\" x1=\"200\" y1=\"145\" x2=\"238\" y2=\"165\" stroke=\"#ffb877\" stroke-width=\"9\" stroke-linecap=\"round\"><\/line>\n            <circle cx=\"200\" cy=\"145\" r=\"8\" fill=\"#ffb877\"><\/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\n      <div class=\"region-card\">\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=\"#e07b12\" opacity=\".14\"><\/circle>\n            <path class=\"route-dash\" d=\"M60 235 Q140 200 210 232 T350 205\" stroke=\"#fff\" stroke-width=\"3\" stroke-dasharray=\"1 12\" fill=\"none\" opacity=\".35\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M200 55C150 55 112 95 112 143C112 208 200 255 200 255S288 208 288 143C288 95 250 55 200 55Z\" fill=\"#ffb877\"><\/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>Arlon<\/h3>\n          <p><a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Avenue+de+la+Gare+37%2C+6700+Arlon\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:underline\">Avenue de la Gare 37, 6700 Arlon<\/a><\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"region-card\">\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=\"#e07b12\" opacity=\".14\"><\/circle>\n            <g class=\"person\">\n              <path d=\"M100 220a52 52 0 01104 0Z\" fill=\"#ffb877\"><\/path>\n              <circle cx=\"152\" cy=\"112\" r=\"30\" fill=\"#ffb877\"><\/circle>\n            <\/g>\n            <g class=\"person p2\">\n              <path d=\"M198 220a52 52 0 01104 0Z\" fill=\"#b85f00\"><\/path>\n              <circle cx=\"250\" cy=\"112\" r=\"30\" fill=\"#b85f00\"><\/circle>\n            <\/g>\n            <g class=\"person p3\">\n              <path d=\"M156 226a46 46 0 0192 0Z\" fill=\"#fff\"><\/path>\n              <circle cx=\"202\" cy=\"96\" r=\"26\" fill=\"#fff\"><\/circle>\n            <\/g>\n          <\/svg>\n        <\/div>\n        <div class=\"body\">\n          <span class=\"tag\"><span class=\"swatch\"><\/span>Public<\/span>\n          <h3>10 \u00e0 18 ans<\/h3>\n          <p>Groupe \u00e0 taille humaine, encadr\u00e9 par une animatrice form\u00e9e.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"region-card\">\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=\"#e07b12\" opacity=\".14\"><\/circle>\n            <path d=\"M105 85h190a32 32 0 0132 32v58a32 32 0 01-32 32H180l-38 36v-36h-37a32 32 0 01-32-32v-58a32 32 0 0132-32Z\" fill=\"#ffb877\"><\/path>\n            <circle class=\"chat-dot\" 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>Sophie Moreau<\/h3>\n          <p class=\"contact-lines\">\n            <span>T\u00e9l. : <a href=\"tel:+3263245315\" style=\"color:var(--accent);text-decoration:underline\">063 24 53 15<\/a><\/span>\n            <span>GSM : <a href=\"tel:+32491100545\" style=\"color:var(--accent);text-decoration:underline\">0491 10 05 45<\/a><\/span>\n            <span><a href=\"mailto:sophie.moreau@ml.be\" style=\"color:var(--accent);text-decoration:underline\">Contacter par email<\/a><\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"tarifs\" class=\"reveal\">\n  <div class=\"section-inner\">\n    <div class=\"section-head\">\n      <div class=\"kicker\">Tarifs<\/div>\n      <h2>Simple, clair, \u00e0 l\u2019ann\u00e9e<\/h2>\n      <p>Deux forfaits, cal\u00e9s sur l\u2019ann\u00e9e scolaire.<\/p>\n    <\/div>\n\n    <div class=\"price-row\">\n      <div class=\"price-or\">ou<\/div>\n\n      <div class=\"price-cell highlight\">\n        <div class=\"period\">En un seul versement<\/div>\n        <div class=\"months\">Payer l\u2019ann\u00e9e compl\u00e8te<\/div>\n        <div class=\"amount\">100 \u20ac<\/div>\n        <div class=\"note\">par an<\/div>\n      <\/div>\n\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 \u20ac<\/div>\n      <\/div>\n\n      <div class=\"price-cell\">\n        <div class=\"period\">Forfait hiver et printemps<\/div>\n        <div class=\"months\">Janvier \u2192 fin juin<\/div>\n        <div class=\"amount\">60 \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<\/div>\n      <h2>L\u2019agenda des mercredis \u00e0 <span style=\"color:#6b4a3a\">Arlon<\/span><\/h2>\n      <p>Un mercredi, une activit\u00e9 \u00e0 d\u00e9couvrir.<\/p>\n    <\/div>\n\n    <div class=\"chip-grid\">\n      <div class=\"year-label\">2026<\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83e\uddf5<\/span>\n            <span class=\"num\">23<\/span>\n            <span class=\"mon\">Sept.<\/span>\n            <span class=\"ti\">Kinusaiga<\/span>\n            <span class=\"desc\">Collage textile japonais sans couture.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-purple\">\n            <span class=\"big-ic\">\ud83e\uddf5<\/span>\n            <span class=\"back-label\">Kinusaiga<\/span>\n            <span class=\"back-date\">23 septembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83c\udfb2<\/span>\n            <span class=\"num\">07<\/span>\n            <span class=\"mon\">Oct.<\/span>\n            <span class=\"ti\">Jeux de r\u00f4le<\/span>\n            <span class=\"desc\">Anim\u00e9 gratuitement par une professionnelle.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-navy\">\n            <span class=\"big-ic\">\ud83c\udfb2<\/span>\n            <span class=\"back-label\">Jeux de r\u00f4le<\/span>\n            <span class=\"back-date\">7 octobre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83c\udfad<\/span>\n            <span class=\"num\">04<\/span>\n            <span class=\"mon\">Nov.<\/span>\n            <span class=\"ti\">Visite des coulisses<\/span>\n            <span class=\"desc\">Avec la <a href=\"https:\/\/maison-culture-arlon.be\/\" target=\"_blank\" rel=\"noopener\">MCA<\/a>, Maison de la Culture d\u2019Arlon.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-green\">\n            <span class=\"big-ic\">\ud83c\udfad<\/span>\n            <span class=\"back-label\">Visite des coulisses<\/span>\n            <span class=\"back-partner\">Avec la <a href=\"https:\/\/maison-culture-arlon.be\/\" target=\"_blank\" rel=\"noopener\">MCA<\/a><\/span>\n            <span class=\"back-date\">4 novembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83d\uded2<\/span>\n            <span class=\"num\">18<\/span>\n            <span class=\"mon\">Nov.<\/span>\n            <span class=\"ti\">\u00c9picerie en vrac<\/span>\n            <span class=\"desc\">Monnaie locale, \u00e9pices et tout.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-brown\">\n            <span class=\"big-ic\">\ud83d\uded2<\/span>\n            <span class=\"back-label\">\u00c9picerie en vrac<\/span>\n            <span class=\"back-date\">18 novembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83c\udf84<\/span>\n            <span class=\"num\">02<\/span>\n            <span class=\"mon\">D\u00e9c.<\/span>\n            <span class=\"ti\">Cartes de No\u00ebl<\/span>\n            <span class=\"desc\">Ou protections hygi\u00e9niques durables, \u00e0 confirmer.<\/span>\n            <span class=\"dot\"><\/span>\n          <\/div>\n          <div class=\"flip-back bg-green\">\n            <span class=\"big-ic\">\ud83c\udf84<\/span>\n            <span class=\"back-label\">Cartes de No\u00ebl<\/span>\n            <span class=\"back-date\">2 d\u00e9cembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\u267b\ufe0f<\/span>\n            <span class=\"num\">09<\/span>\n            <span class=\"mon\">D\u00e9c.<\/span>\n            <span class=\"ti\">Protections durables<\/span>\n            <span class=\"desc\">Cr\u00e9ation de protections hygi\u00e9niques, \u00e0 confirmer.<\/span>\n            <span class=\"dot\"><\/span>\n          <\/div>\n          <div class=\"flip-back bg-green\">\n            <span class=\"big-ic\">\u267b\ufe0f<\/span>\n            <span class=\"back-label\">Protections durables<\/span>\n            <span class=\"back-date\">9 d\u00e9cembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83d\uddbc\ufe0f<\/span>\n            <span class=\"num\">16<\/span>\n            <span class=\"mon\">D\u00e9c.<\/span>\n            <span class=\"ti\">Galerie d\u2019art<\/span>\n            <span class=\"desc\">Momento Vivere, peinture \u00e0 l\u2019huile et visite.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-purple\">\n            <span class=\"big-ic\">\ud83d\uddbc\ufe0f<\/span>\n            <span class=\"back-label\">Galerie d\u2019art<\/span>\n            <span class=\"back-date\">16 d\u00e9cembre<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"year-label\">2027<\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83d\udcc5<\/span>\n            <span class=\"num\">06<\/span>\n            <span class=\"mon\">Janv.<\/span>\n            <span class=\"ti\">Calendrier et bullet list<\/span>\n            <span class=\"desc\">Se projeter dans les souhaits de l\u2019ann\u00e9e \u00e0 venir.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-navy\">\n            <span class=\"big-ic\">\ud83d\udcc5<\/span>\n            <span class=\"back-label\">Calendrier et bullet list<\/span>\n            <span class=\"back-date\">6 janvier<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83d\udc3e<\/span>\n            <span class=\"num\">20<\/span>\n            <span class=\"mon\">Janv.<\/span>\n            <span class=\"ti\">Visite du refuge<\/span>\n            <span class=\"desc\">Avec la <a href=\"https:\/\/srpa.be\/\" target=\"_blank\" rel=\"noopener\">SRPA<\/a>.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-brown\">\n            <span class=\"big-ic\">\ud83d\udc3e<\/span>\n            <span class=\"back-label\">Visite du refuge<\/span>\n            <span class=\"back-partner\">Avec la <a href=\"https:\/\/srpa.be\/\" target=\"_blank\" rel=\"noopener\">SRPA<\/a><\/span>\n            <span class=\"back-date\">20 janvier<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\u2728<\/span>\n            <span class=\"num\">03<\/span>\n            <span class=\"mon\">F\u00e9v.<\/span>\n            <span class=\"ti\">\u00c0 venir<\/span>\n          <\/div>\n          <div class=\"flip-back bg-navy\">\n            <span class=\"big-ic\">\u2728<\/span>\n            <span class=\"back-label\">Bient\u00f4t r\u00e9v\u00e9l\u00e9<\/span>\n            <span class=\"back-date\">3 f\u00e9vrier<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83e\udd1d<\/span>\n            <span class=\"num\">17<\/span>\n            <span class=\"mon\">F\u00e9v.<\/span>\n            <span class=\"ti\">Activit\u00e9 interg\u00e9n\u00e9rationnelle<\/span>\n            <span class=\"desc\">Avec <a href=\"https:\/\/www.ago-asbl.be\/\" target=\"_blank\" rel=\"noopener\">AGO<\/a>.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-accent\">\n            <span class=\"big-ic\">\ud83e\udd1d<\/span>\n            <span class=\"back-label\">Activit\u00e9 interg\u00e9n\u00e9rationnelle<\/span>\n            <span class=\"back-partner\">Avec <a href=\"https:\/\/www.ago-asbl.be\/\" target=\"_blank\" rel=\"noopener\">AGO<\/a><\/span>\n            <span class=\"back-date\">17 f\u00e9vrier<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83e\udd1d<\/span>\n            <span class=\"num\">17<\/span>\n            <span class=\"mon\">Mars<\/span>\n            <span class=\"ti\">Activit\u00e9 interg\u00e9n\u00e9rationnelle<\/span>\n            <span class=\"desc\">Avec <a href=\"https:\/\/www.ago-asbl.be\/\" target=\"_blank\" rel=\"noopener\">AGO<\/a>.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-accent\">\n            <span class=\"big-ic\">\ud83e\udd1d<\/span>\n            <span class=\"back-label\">Activit\u00e9 interg\u00e9n\u00e9rationnelle<\/span>\n            <span class=\"back-partner\">Avec <a href=\"https:\/\/www.ago-asbl.be\/\" target=\"_blank\" rel=\"noopener\">AGO<\/a><\/span>\n            <span class=\"back-date\">17 mars<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83e\uddfd<\/span>\n            <span class=\"num\">31<\/span>\n            <span class=\"mon\">Mars<\/span>\n            <span class=\"ti\">Tawashi<\/span>\n            <span class=\"desc\">\u00c9ponge \u00e9cologique japonaise et activit\u00e9 d\u2019upcycling.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-green\">\n            <span class=\"big-ic\">\ud83e\uddfd<\/span>\n            <span class=\"back-label\">Tawashi<\/span>\n            <span class=\"back-date\">31 mars<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\u2728<\/span>\n            <span class=\"num\">14<\/span>\n            <span class=\"mon\">Avril<\/span>\n            <span class=\"ti\">\u00c0 venir<\/span>\n          <\/div>\n          <div class=\"flip-back bg-navy\">\n            <span class=\"big-ic\">\u2728<\/span>\n            <span class=\"back-label\">Bient\u00f4t r\u00e9v\u00e9l\u00e9<\/span>\n            <span class=\"back-date\">14 avril<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83d\uddfa\ufe0f<\/span>\n            <span class=\"num\">12<\/span>\n            <span class=\"mon\">Mai<\/span>\n            <span class=\"ti\">Totemus<\/span>\n            <span class=\"desc\">Chasse au tr\u00e9sor connect\u00e9e pour d\u00e9couvrir Arlon.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-purple\">\n            <span class=\"big-ic\">\ud83d\uddfa\ufe0f<\/span>\n            <span class=\"back-label\">Totemus<\/span>\n            <span class=\"back-date\">12 mai<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"chip-tile\">\n        <div class=\"flip-inner\">\n          <div class=\"flip-front\">\n            <span class=\"ic\">\ud83e\uddd8<\/span>\n            <span class=\"num\">26<\/span>\n            <span class=\"mon\">Mai<\/span>\n            <span class=\"ti\">Apr\u00e8s-midi zen<\/span>\n            <span class=\"desc\">\u00c9tirements et respiration avant les examens.<\/span>\n          <\/div>\n          <div class=\"flip-back bg-navy\">\n            <span class=\"big-ic\">\ud83e\uddd8<\/span>\n            <span class=\"back-label\">Apr\u00e8s-midi zen<\/span>\n            <span class=\"back-date\">26 mai<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div id=\"inscription\" class=\"cta-banner reveal\">\n  <div class=\"inner\">\n    <div class=\"cta-icon\">\u2713<\/div>\n    <div class=\"cta-text\">\n      <h2>Pr\u00eat\u00b7e pour les mercredis \u00e0 Arlon ?<\/h2>\n      <p>Rejoignez-nous \u00e0 Arlon d\u00e8s la rentr\u00e9e.<\/p>\n    <\/div>\n    <a href=\"https:\/\/www.jmlib.be\/site\/mercredi-a-arlon-inscription\/\" class=\"cta-link\">Inscription<\/a>\n  <\/div>\n<\/div>\n\n<footer>\n  <span>Antenne d\u2019Arlon<\/span>\n<\/footer>\n\n<script>\nconst revealEls=document.querySelectorAll(\".reveal\");\n\nif(\"IntersectionObserver\" in window){\n  const observer=new IntersectionObserver(entries=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"in\");\n        observer.unobserve(entry.target);\n      }\n    });\n  },{threshold:.12});\n\n  revealEls.forEach(element=>observer.observe(element));\n\n  const cardObserver=new IntersectionObserver(entries=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"card-in\");\n        cardObserver.unobserve(entry.target);\n      }\n    });\n  },{threshold:.15,rootMargin:\"0px 0px -40px 0px\"});\n\n  document.querySelectorAll(\".chip-tile\").forEach((element,index)=>{\n    const delay=((index%7)*.12)+\"s\";\n    element.style.transitionDelay=delay;\n    cardObserver.observe(element);\n  });\n}else{\n  revealEls.forEach(element=>element.classList.add(\"in\"));\n  document.querySelectorAll(\".chip-tile\").forEach(element=>element.classList.add(\"card-in\"));\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>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 37, 6700 Arlon Public 10<a href=\"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-arlon\/\">[&#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-18263","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P93my9-4Kz","jetpack-related-posts":[{"id":18347,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-namur-2\/","url_meta":{"origin":18263,"position":0},"title":"Mercredi apr\u00e8s-midi \u00e0 Namur","author":"jmlib","date":"12 ao\u00fbt 2026","format":false,"excerpt":"Les mercredis 6 \u00e0 12 ans \u00e0 Namur \u2014 JML asbl Les mercredis apr\u00e8s-midi \u00e0Namur Un rendez-vous pour d\u00e9couvrir, cr\u00e9er et partager. S'inscrire \u00c7a se passe le mercredi Lun Mar Mer Jeu Ven Sam Dim Pratique O\u00f9 et comment \u00e7a se passe Horaire 14h \u2013 16h30 \ud83d\udd50 Accueil d\u00e8s 13h.\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18323,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-6-a-11-ans\/","url_meta":{"origin":18263,"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":18307,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-la-louviere-2\/","url_meta":{"origin":18263,"position":2},"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":18341,"url":"https:\/\/www.jmlib.be\/site\/mercredi-apres-midi-a-tournai-pour-les-12-a-18-ans\/","url_meta":{"origin":18263,"position":3},"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":18183,"url":"https:\/\/www.jmlib.be\/site\/lart-en-grand-les-idees-en-liberte\/","url_meta":{"origin":18263,"position":4},"title":"L&rsquo;art en grand, les id\u00e9es en libert\u00e9","author":"jmlib","date":"7 juillet 2026","format":false,"excerpt":"Stage Arts Cr\u00e9atifs Enfants Arlon \u2013 Arts XXL | JML Stage f\u00e9vrier 2027 \u00b7 Arlon L'art en grand,les id\u00e9es en libert\u00e9 Une semaine cr\u00e9ative pour les 6-12 ans : peinture, s\u00e9rigraphie, recyclage et compositions naturelles, jusqu'\u00e0 l'exposition finale. \ud83d\udcc5 22 \u2013 26 f\u00e9vrier 2027 \ud83d\udccd Arlon \ud83d\udc64 6 \u2013 12\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":15935,"url":"https:\/\/www.jmlib.be\/site\/atelier-theatre\/","url_meta":{"origin":18263,"position":5},"title":"C\u00f4t\u00e9 cour, c\u00f4t\u00e9 jardin","author":"jmlib","date":"26 f\u00e9vrier 2025","format":false,"excerpt":"\ud83c\udfad C\u00f4t\u00e9 cour, c\u00f4t\u00e9 jardin Ateliers Th\u00e9\u00e2tre \u2014 \u00c9cole communale de Nessonvaux Octobre \u2192 Juillet 2026 \u00a0\u00b7\u00a0 Un vendredi sur trois Le projet Plusieurs ann\u00e9es d'ateliers au service des \u00e9l\u00e8ves Depuis plusieurs ann\u00e9es, les \u00e9l\u00e8ves de l'\u00e9cole communale de Nessonvaux b\u00e9n\u00e9ficient d'ateliers de th\u00e9\u00e2tre gr\u00e2ce au soutien de l'ALPH et\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\/18263","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=18263"}],"version-history":[{"count":27,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18263\/revisions"}],"predecessor-version":[{"id":18452,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/18263\/revisions\/18452"}],"wp:attachment":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/media?parent=18263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}