{"id":17905,"date":"2026-05-27T15:21:55","date_gmt":"2026-05-27T13:21:55","guid":{"rendered":"https:\/\/www.jmlib.be\/site\/?page_id=17905"},"modified":"2026-06-03T16:20:33","modified_gmt":"2026-06-03T14:20:33","slug":"explobastogne-sejour","status":"publish","type":"page","link":"https:\/\/www.jmlib.be\/site\/explobastogne-sejour\/","title":{"rendered":"Explo&rsquo;Bastogne s\u00e9jour"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Explo&rsquo;Bastogne \u2013 S\u00e9jour JML 2026<\/title>\n    <meta name=\"description\" content=\"Explo'Bastogne : s\u00e9jour immersif pour les 12-16 ans du 23 au 30 octobre 2026 \u00e0 Bastogne. Histoire, Bataille des Ardennes, grands jeux en \u00e9quipe, pension compl\u00e8te. 295\u20ac par personne. Organis\u00e9 par JML asbl.\">\n    <meta name=\"keywords\" content=\"s\u00e9jour adolescents Ardennes Belgique, camp automne 2026, Bataille des Ardennes jeunes, JML asbl s\u00e9jour, stage historique Bastogne, s\u00e9jour 12-16 ans Ardennes, Bastogne War Museum, Bois Jacques, 101st Airborne Museum\">\n    <meta name=\"author\" content=\"JML asbl \u2013 Jeunes Mutualistes Lib\u00e9raux\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <link rel=\"canonical\" href=\"https:\/\/www.jmlib.be\/site\/explobastogne\/\">\n    <meta property=\"og:title\" content=\"Explo'Bastogne 2026 \u2013 S\u00e9jour historique pour ados | JML asbl\">\n    <meta property=\"og:description\" content=\"Une semaine immersive dans les Ardennes pour les 12-16 ans : histoire, grands jeux en \u00e9quipe, pension compl\u00e8te. Du 23 au 30 octobre 2026. 295\u20ac.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:locale\" content=\"fr_BE\">\n    <meta property=\"og:site_name\" content=\"JML asbl\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Event\",\n      \"name\": \"Explo'Bastogne 2026\",\n      \"description\": \"Une semaine immersive dans les Ardennes pour les adolescents de 12 \u00e0 16 ans : histoire, m\u00e9moire, activit\u00e9s en \u00e9quipe et grands jeux.\",\n      \"startDate\": \"2026-10-23\",\n      \"endDate\": \"2026-10-30\",\n      \"location\": {\n        \"@type\": \"Place\",\n        \"name\": \"Ardenne \u00c9tape\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"addressLocality\": \"Bastogne\",\n          \"addressRegion\": \"Province de Luxembourg\",\n          \"addressCountry\": \"BE\"\n        }\n      },\n      \"organizer\": {\n        \"@type\": \"Organization\",\n        \"name\": \"JML asbl \u2013 Jeunes Mutualistes Lib\u00e9raux\",\n        \"url\": \"https:\/\/www.jmlib.be\/site\/explobastogne\/\"\n      },\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"295\",\n        \"priceCurrency\": \"EUR\",\n        \"availability\": \"https:\/\/schema.org\/InStock\"\n      },\n      \"audience\": {\n        \"@type\": \"Audience\",\n        \"audienceType\": \"Adolescents de 12 \u00e0 16 ans\"\n      }\n    }\n    <\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Barlow+Condensed:wght@400;600;700&#038;family=Barlow:ital,wght@0,400;0,500;1,400&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --olive:    #5C6B3A;\n            --olive-dk: #3A4225;\n            --olive-lt: #8A9B5A;\n            --khaki:    #C9B97A;\n            --khaki-lt: #E8D89A;\n            --rust:     #C0392B;\n            --rust-lt:  #E74C3C;\n            --cream:    #F4EDD8;\n            --dark:     #1A1C14;\n            --mid:      #2E3120;\n            --text:     #2C2C1E;\n        }\n\n        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n        body {\n            font-family: 'Barlow', sans-serif;\n            background: var(--cream);\n            color: var(--text);\n            overflow-x: hidden;\n        }\n\n        body::before {\n            content: '';\n            position: fixed;\n            inset: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n            pointer-events: none;\n            z-index: 9999;\n            opacity: 0.5;\n        }\n\n        .hero {\n            position: relative;\n            min-height: 600px;\n            background: var(--dark);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            padding: 4rem 2rem 6rem;\n        }\n\n        .hero-bg {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(ellipse 80% 60% at 20% 80%, rgba(92,107,58,0.35) 0%, transparent 60%),\n                radial-gradient(ellipse 60% 50% at 80% 20%, rgba(192,57,43,0.2) 0%, transparent 55%),\n                linear-gradient(160deg, #1A1C14 0%, #2E3120 50%, #1A1C14 100%);\n        }\n\n        .hero-stripes {\n            position: absolute;\n            inset: 0;\n            background: repeating-linear-gradient(\n                -55deg,\n                transparent,\n                transparent 40px,\n                rgba(201,185,122,0.03) 40px,\n                rgba(201,185,122,0.03) 41px\n            );\n        }\n\n        .hero-star {\n            position: absolute;\n            width: 320px;\n            height: 320px;\n            opacity: 0.04;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            max-width: 900px;\n        }\n\n        .hero-eyebrow {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 600;\n            font-size: 0.85rem;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            color: var(--khaki);\n            margin-bottom: 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.8rem;\n            opacity: 0;\n            animation: fadeUp 0.8s ease 0.2s forwards;\n        }\n\n        .hero-eyebrow::before,\n        .hero-eyebrow::after {\n            content: '';\n            display: block;\n            width: 40px;\n            height: 1px;\n            background: var(--khaki);\n            opacity: 0.6;\n        }\n\n        .hero-title {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(5rem, 14vw, 11rem);\n            line-height: 0.88;\n            color: var(--cream);\n            letter-spacing: 0.02em;\n            opacity: 0;\n            animation: fadeUp 0.9s ease 0.4s forwards;\n        }\n\n        .hero-title span {\n            color: var(--rust-lt);\n            display: block;\n        }\n\n        .hero-sub {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-size: clamp(1rem, 2.5vw, 1.3rem);\n            color: rgba(244,237,216,0.7);\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n            margin-top: 1.5rem;\n            opacity: 0;\n            animation: fadeUp 0.9s ease 0.6s forwards;\n            text-align: center !important;\n            width: 100% !important;\n            display: block !important;\n        }\n\n        .hero-badges {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 0.8rem;\n            margin-top: 2.5rem;\n            opacity: 0;\n            animation: fadeUp 0.9s ease 0.8s forwards;\n        }\n\n        .hero-badge {\n            background: rgba(201,185,122,0.12);\n            border: 1px solid rgba(201,185,122,0.35);\n            color: var(--khaki-lt);\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 600;\n            font-size: 0.9rem;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            padding: 0.5rem 1.2rem;\n            border-radius: 3px;\n        }\n\n        .hero-cta {\n            margin-top: 3rem;\n            display: flex;\n            gap: 1rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeUp 0.9s ease 1s forwards;\n        }\n\n        .btn-primary {\n            background: var(--rust);\n            color: white;\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.2rem;\n            letter-spacing: 0.12em;\n            padding: 0.9rem 2.5rem;\n            border: none;\n            border-radius: 3px;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            transition: background 0.2s, transform 0.2s;\n        }\n        .btn-primary:hover { background: var(--rust-lt); transform: translateY(-2px); }\n\n        .btn-outline {\n            background: transparent;\n            color: var(--khaki-lt);\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.2rem;\n            letter-spacing: 0.12em;\n            padding: 0.9rem 2.5rem;\n            border: 1px solid rgba(201,185,122,0.4);\n            border-radius: 3px;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            transition: border-color 0.2s, color 0.2s, transform 0.2s;\n        }\n        .btn-outline:hover { border-color: var(--khaki); color: var(--khaki); transform: translateY(-2px); }\n\n        .hero-scroll {\n            position: absolute;\n            bottom: 2rem;\n            left: 50%;\n            transform: translateX(-50%);\n            color: rgba(201,185,122,0.4);\n            font-size: 1.5rem;\n            opacity: 0;\n            animation: fadeUp 1s ease 1.4s forwards, bounce 2s ease 2.4s infinite;\n        }\n\n        @keyframes bounce {\n            0%, 100% { transform: translateX(-50%) translateY(0); }\n            50% { transform: translateX(-50%) translateY(6px); }\n        }\n\n        @keyframes fadeUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n\n        .quick-info {\n            background: var(--olive-dk);\n            padding: 0;\n        }\n\n        .quick-info-inner {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n        }\n\n        .qi-item {\n            padding: 1.8rem 1.5rem;\n            text-align: center;\n            border-right: 1px solid rgba(201,185,122,0.15);\n            position: relative;\n        }\n        .qi-item:last-child { border-right: none; }\n\n        .qi-icon { font-size: 1.6rem; margin-bottom: 0.4rem; display: block; }\n\n        .qi-label {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-size: 0.7rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: rgba(201,185,122,0.55);\n            margin-bottom: 0.3rem;\n        }\n\n        .qi-value {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 700;\n            font-size: 1.05rem;\n            color: var(--cream);\n        }\n\n        .section {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 5rem 2rem;\n        }\n\n        .section-label {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 600;\n            font-size: 0.75rem;\n            letter-spacing: 0.3em;\n            text-transform: uppercase;\n            color: var(--rust);\n            margin-bottom: 0.8rem;\n            display: flex;\n            align-items: center;\n            gap: 0.6rem;\n        }\n        .section-label::after {\n            content: '';\n            flex: 1;\n            height: 1px;\n            background: var(--rust);\n            opacity: 0.3;\n            max-width: 60px;\n        }\n\n        .section-title {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\n            color: var(--olive-dk);\n            line-height: 0.95;\n            margin-bottom: 1.5rem;\n        }\n\n        .desc-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: start;\n        }\n\n        .desc-text {\n            font-size: 1.1rem;\n            line-height: 1.75;\n            color: #3A3A2E;\n        }\n\n        .desc-text p + p { margin-top: 1.2rem; }\n\n        .desc-highlight {\n            background: var(--olive-dk);\n            color: var(--cream);\n            border-radius: 6px;\n            padding: 2rem 2rem 2rem 2.5rem;\n            border-left: 4px solid var(--khaki);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .desc-highlight::before {\n            content: '\"';\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 8rem;\n            color: rgba(201,185,122,0.1);\n            position: absolute;\n            top: -1rem;\n            left: 0.5rem;\n            line-height: 1;\n        }\n\n        .desc-highlight p {\n            font-style: italic;\n            font-size: 1.05rem;\n            line-height: 1.7;\n            position: relative;\n            z-index: 1;\n        }\n\n        .desc-highlight strong {\n            color: var(--khaki-lt);\n            font-style: normal;\n        }\n\n        .programme-bg {\n            background: var(--dark);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .programme-bg::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: repeating-linear-gradient(\n                -45deg,\n                transparent,\n                transparent 30px,\n                rgba(92,107,58,0.04) 30px,\n                rgba(92,107,58,0.04) 31px\n            );\n        }\n\n        .programme-bg .section-title { color: var(--cream); }\n        .programme-bg .section-label { color: var(--khaki); }\n        .programme-bg .section-label::after { background: var(--khaki); }\n\n        .programme-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n            gap: 1.2rem;\n            margin-top: 2.5rem;\n        }\n\n        .prog-card {\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(201,185,122,0.15);\n            border-radius: 6px;\n            padding: 1.5rem;\n            transition: background 0.2s, border-color 0.2s;\n        }\n        .prog-card:hover {\n            background: rgba(201,185,122,0.07);\n            border-color: rgba(201,185,122,0.35);\n        }\n\n        .prog-icon { font-size: 1.8rem; margin-bottom: 0.8rem; }\n\n        .prog-title {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 700;\n            font-size: 1.05rem;\n            color: var(--khaki-lt);\n            margin-bottom: 0.4rem;\n            letter-spacing: 0.03em;\n        }\n\n        .prog-desc {\n            font-size: 0.9rem;\n            line-height: 1.6;\n            color: rgba(244,237,216,0.6);\n        }\n\n        .inclus-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n            margin-top: 2.5rem;\n        }\n\n        .inclus-box {\n            border-radius: 8px;\n            overflow: hidden;\n        }\n\n        .inclus-head {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.3rem;\n            letter-spacing: 0.08em;\n            padding: 0.8rem 1.4rem;\n        }\n\n        .inclus-box.yes .inclus-head { background: var(--olive); color: var(--cream); }\n        .inclus-box.no .inclus-head  { background: #666050; color: var(--cream); }\n\n        .inclus-list {\n            list-style: none;\n            padding: 1.2rem 1.4rem;\n            background: white;\n        }\n\n        .inclus-list li {\n            font-size: 0.95rem;\n            padding: 0.5rem 0;\n            border-bottom: 1px solid #eee;\n            display: flex;\n            align-items: center;\n            gap: 0.7rem;\n        }\n        .inclus-list li:last-child { border-bottom: none; }\n\n        .inclus-box.yes .inclus-list li::before {\n            content: '\u2713';\n            color: var(--olive);\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n\n        .inclus-box.no .inclus-list li::before {\n            content: '\u2717';\n            color: #999;\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n\n        .pratique-bg { background: var(--olive-dk); }\n        .pratique-bg .section-title { color: var(--cream); }\n        .pratique-bg .section-label { color: var(--khaki); }\n        .pratique-bg .section-label::after { background: var(--khaki); }\n\n        .pratique-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1.5rem;\n            margin-top: 2.5rem;\n        }\n\n        .leaf {\n            position: absolute;\n            font-size: 1.4rem;\n            animation: leafFall linear infinite;\n            pointer-events: none;\n            z-index: 1;\n            top: -30px;\n        }\n        @keyframes leafFall {\n            0%   { transform: translateY(0) rotate(0deg) translateX(0); opacity: 0; }\n            5%   { opacity: 1; }\n            90%  { opacity: 0.7; }\n            100% { transform: translateY(110vh) rotate(720deg) translateX(60px); opacity: 0; }\n        }\n        .leaf:nth-child(1)  { left:5%;   animation-duration:7s;  animation-delay:0s;    font-size:1.2rem; }\n        .leaf:nth-child(2)  { left:12%;  animation-duration:9s;  animation-delay:1.5s;  font-size:1.5rem; }\n        .leaf:nth-child(3)  { left:22%;  animation-duration:6s;  animation-delay:0.8s;  font-size:1rem;   }\n        .leaf:nth-child(4)  { left:33%;  animation-duration:8s;  animation-delay:2.2s;  font-size:1.3rem; }\n        .leaf:nth-child(5)  { left:44%;  animation-duration:10s; animation-delay:0.3s;  font-size:1.6rem; }\n        .leaf:nth-child(6)  { left:55%;  animation-duration:7s;  animation-delay:3s;    font-size:1.1rem; }\n        .leaf:nth-child(7)  { left:65%;  animation-duration:9s;  animation-delay:1s;    font-size:1.4rem; }\n        .leaf:nth-child(8)  { left:74%;  animation-duration:6s;  animation-delay:4s;    font-size:1rem;   }\n        .leaf:nth-child(9)  { left:83%;  animation-duration:8s;  animation-delay:2.5s;  font-size:1.5rem; }\n        .leaf:nth-child(10) { left:92%;  animation-duration:7s;  animation-delay:0.6s;  font-size:1.2rem; }\n        .leaf:nth-child(11) { left:18%;  animation-duration:11s; animation-delay:5s;    font-size:1.3rem; }\n        .leaf:nth-child(12) { left:50%;  animation-duration:8s;  animation-delay:3.5s;  font-size:1.1rem; }\n\n        .rv {\n            opacity: 0;\n            transform: translateY(28px);\n            transition: opacity 0.65s ease, transform 0.65s ease;\n        }\n        .rv.in { opacity: 1; transform: translateY(0); }\n        .rv.d1 { transition-delay:.08s }\n        .rv.d2 { transition-delay:.16s }\n        .rv.d3 { transition-delay:.24s }\n        .rv.d4 { transition-delay:.32s }\n        .rv.d5 { transition-delay:.40s }\n\n        @keyframes countUp {\n            from { opacity: 0; transform: translateY(20px) scale(0.8); }\n            to   { opacity: 1; transform: translateY(0) scale(1); }\n        }\n        .prix-amount {\n            animation: countUp 0.8s cubic-bezier(0.34,1.56,0.64,1) 0.3s both;\n        }\n\n        @media (max-width: 768px) {\n            .desc-layout { grid-template-columns: 1fr; gap: 2rem; }\n            .inclus-layout { grid-template-columns: 1fr; }\n            .quick-info-inner { grid-template-columns: repeat(2, 1fr); }\n            .qi-item:nth-child(2) { border-right: none; }\n            .qi-item { border-bottom: 1px solid rgba(201,185,122,0.15); }\n            .pratique-grid { grid-template-columns: 1fr 1fr; }\n        }\n\n        .pratique-card {\n            background: rgba(255,255,255,0.07);\n            border-radius: 6px;\n            padding: 1.5rem;\n        }\n\n        .pratique-card-label {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-size: 0.7rem;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            color: rgba(201,185,122,0.6);\n            margin-bottom: 0.4rem;\n        }\n\n        .pratique-card-val {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-weight: 700;\n            font-size: 1.15rem;\n            color: var(--cream);\n        }\n\n        .pratique-card-sub {\n            font-size: 0.82rem;\n            color: rgba(244,237,216,0.5);\n            margin-top: 0.2rem;\n        }\n\n        .prix-section {\n            background: var(--rust);\n            padding: 5rem 2rem;\n            text-align: center !important;\n            position: relative;\n            overflow: hidden;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n        }\n\n        .prix-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: repeating-linear-gradient(\n                -55deg,\n                transparent,\n                transparent 20px,\n                rgba(0,0,0,0.05) 20px,\n                rgba(0,0,0,0.05) 21px\n            );\n        }\n\n        .prix-inner {\n            position: relative;\n            z-index: 1;\n            text-align: center !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 100% !important;\n        }\n\n        .prix-label {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-size: 0.8rem;\n            letter-spacing: 0.3em;\n            text-transform: uppercase;\n            color: rgba(255,255,255,0.7);\n            margin-bottom: 0.5rem;\n        }\n\n        .prix-amount {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: clamp(5rem, 15vw, 10rem);\n            line-height: 0.9;\n            color: white;\n        }\n\n        .prix-detail {\n            font-family: 'Barlow Condensed', sans-serif;\n            font-size: 1rem;\n            color: rgba(255,255,255,0.75);\n            letter-spacing: 0.1em;\n            margin-top: 0.5rem;\n            margin-bottom: 2.5rem;\n        }\n\n        .footer {\n            background: var(--dark);\n            padding: 2.5rem 2rem;\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-family: 'Bebas Neue', sans-serif;\n            font-size: 1.5rem;\n            color: var(--khaki);\n            letter-spacing: 0.15em;\n            margin-bottom: 0.5rem;\n        }\n\n        .footer-sub {\n            font-size: 0.85rem;\n            color: rgba(244,237,216,0.4);\n        }\n\n        .divider {\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(to right, transparent, var(--khaki), transparent);\n            opacity: 0.3;\n        }\n    <\/style>\n\n\n\n    <!-- ===== HERO ===== -->\n    <section class=\"hero\">\n        <div class=\"hero-bg\"><\/div>\n        <span class=\"leaf\">\ud83c\udf42<\/span>\n        <span class=\"leaf\">\ud83c\udf41<\/span>\n        <span class=\"leaf\">\ud83c\udf43<\/span>\n        <span class=\"leaf\">\ud83c\udf42<\/span>\n        <span class=\"leaf\">\ud83c\udf41<\/span>\n        <span class=\"leaf\">\ud83c\udf43<\/span>\n        <span class=\"leaf\">\ud83c\udf42<\/span>\n        <span class=\"leaf\">\ud83c\udf41<\/span>\n        <span class=\"leaf\">\ud83c\udf43<\/span>\n        <span class=\"leaf\">\ud83c\udf42<\/span>\n        <span class=\"leaf\">\ud83c\udf41<\/span>\n        <span class=\"leaf\">\ud83c\udf42<\/span>\n        <div class=\"hero-stripes\"><\/div>\n\n        <svg class=\"hero-star\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <polygon points=\"100,10 120,70 180,70 133,108 152,168 100,132 48,168 67,108 20,70 80,70\" fill=\"white\"><\/polygon>\n            <circle cx=\"100\" cy=\"100\" r=\"95\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/circle>\n        <\/svg>\n\n        <div class=\"hero-content\">\n            <div class=\"hero-eyebrow\">S\u00e9jour Automne 2026<\/div>\n            <h1 class=\"hero-title\">\n                Explo&rsquo;<span>Bastogne<\/span>\n            <\/h1>\n            <p class=\"hero-sub\" style=\"text-align:center !important; width:100% !important; margin-left:auto !important; margin-right:auto !important;\">Histoire \u00b7 M\u00e9moire \u00b7 Aventure en \u00e9quipe<\/p>\n            <div class=\"hero-badges\">\n                <span class=\"hero-badge\">\ud83d\udcc5 23 \u2013 30 oct. 2026<\/span>\n                <span class=\"hero-badge\">\ud83d\udc65 12 \u2013 16 ans<\/span>\n                <span class=\"hero-badge\">\ud83d\udccd Bastogne, Ardennes<\/span>\n                <span class=\"hero-badge\">\ud83d\udcb6 295 \u20ac \/ personne<\/span>\n            <\/div>\n            <div class=\"hero-cta\">\n                <a href=\"https:\/\/www.jmlib.be\/site\/explobastogne-inscription\/\" class=\"btn-primary\">Je m&rsquo;inscris<\/a>\n                <a href=\"#programme\" class=\"btn-outline\">Voir le programme<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"hero-scroll\">\u2193<\/div>\n    <\/section>\n\n    <!-- ===== INFOS RAPIDES ===== -->\n    <div class=\"quick-info\">\n        <div class=\"quick-info-inner\">\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83d\udcc5<\/span>\n                <div class=\"qi-label\">Dates<\/div>\n                <div class=\"qi-value\">23 \u203a 30 oct. 2026<\/div>\n            <\/div>\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83c\udf19<\/span>\n                <div class=\"qi-label\">Dur\u00e9e<\/div>\n                <div class=\"qi-value\">7 nuits<\/div>\n            <\/div>\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83c\udfe0<\/span>\n                <div class=\"qi-label\">H\u00e9bergement<\/div>\n                <div class=\"qi-value\">Ardenne \u00c9tape<\/div>\n            <\/div>\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83d\udecf\ufe0f<\/span>\n                <div class=\"qi-label\">Chambres<\/div>\n                <div class=\"qi-value\">2 \u00e0 5 pers.<\/div>\n            <\/div>\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83d\udc65<\/span>\n                <div class=\"qi-label\">\u00c2ges<\/div>\n                <div class=\"qi-value\">12 \u2013 16 ans<\/div>\n            <\/div>\n            <div class=\"qi-item\">\n                <span class=\"qi-icon\">\ud83d\ude97<\/span>\n                <div class=\"qi-label\">Transport<\/div>\n                <div class=\"qi-value\">Non inclus<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ===== DESCRIPTIF ===== -->\n    <section class=\"section\">\n        <div class=\"section-label\">Le s\u00e9jour<\/div>\n        <h2 class=\"section-title\">Une semaine<br>hors du commun<\/h2>\n        <div class=\"desc-layout\">\n            <div class=\"desc-text\">\n                <p>D\u00e9couvre <strong>Bastogne<\/strong> \u00e0 travers une semaine immersive entre histoire, m\u00e9moire et activit\u00e9s en \u00e9quipe ! Pars \u00e0 la d\u00e9couverte de lieux embl\u00e9matiques comme le <strong>Bastogne War Museum<\/strong> ou le <strong>101st Airborne Museum<\/strong> pour mieux comprendre les \u00e9v\u00e9nements qui ont marqu\u00e9 la <strong>Bataille des Ardennes<\/strong> lors de la Seconde Guerre mondiale.<\/p>\n                <p>Balades dans le <strong>Bois Jacques<\/strong> et sur les chemins du souvenir, grands jeux de strat\u00e9gie, d\u00e9fis en \u00e9quipe, missions, animations immersives\u2026 Une semaine originale et pleine de moments forts, pour apprendre autrement et cr\u00e9er des souvenirs inoubliables.<\/p>\n                <p>Le s\u00e9jour se d\u00e9roule du <strong>23 au 30 octobre 2026<\/strong>, pendant les vacances d&rsquo;automne, au c\u0153ur de la <strong>province de Luxembourg<\/strong>. L&rsquo;h\u00e9bergement est assur\u00e9 \u00e0 l&rsquo;<strong>Ardenne \u00c9tape<\/strong>, en chambres de 2 \u00e0 5 personnes, avec pension compl\u00e8te incluse dans le prix du s\u00e9jour.<\/p>\n                <div style=\"margin-top:1.5rem; background:var(--olive-dk); border-radius:10px; padding:1.5rem; position:relative; overflow:hidden;\">\n                    <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:0.7rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--khaki); margin-bottom:0.8rem;\">\ud83d\udccd Localisation<\/div>\n                    <canvas id=\"radarCanvas\" width=\"300\" height=\"300\" style=\"display:block; margin:0 auto; border-radius:50%;\"><\/canvas>\n                    <div id=\"radarLabel\" style=\"text-align:center; margin-top:0.8rem; font-family:'Bebas Neue',sans-serif; font-size:1.1rem; color:var(--khaki); letter-spacing:0.15em; opacity:0; transition:opacity 1s;\">50\u00b00\u2032N 5\u00b043\u2032E \u2014 Ardennes<\/div>\n                <\/div>\n                <script>\n                (function(){\n                  const canvas = document.getElementById('radarCanvas');\n                  if (!canvas) return;\n                  const ctx = canvas.getContext('2d');\n                  const W = 300, H = 300, cx = 150, cy = 150, R = 140;\n                  let angle = 0;\n                  let labelShown = false;\n                  const target = { x: cx + 42, y: cy + 38, label: 'BASTOGNE', alpha: 0 };\n                  const contacts = [\n                    { x: cx - 85, y: cy - 70,  alpha: 0 },\n                    { x: cx - 95, y: cy + 45,  alpha: 0 },\n                    { x: cx + 30, y: cy - 100, alpha: 0 },\n                    { x: cx + 78, y: cy - 60,  alpha: 0 },\n                    { x: cx + 60, y: cy + 80,  alpha: 0 },\n                  ];\n                  function drawRadar() {\n                    ctx.clearRect(0, 0, W, H);\n                    ctx.beginPath(); ctx.arc(cx, cy, R, 0, Math.PI * 2); ctx.fillStyle = '#0a1208'; ctx.fill();\n                    [R*0.25, R*0.5, R*0.75, R].forEach(r => {\n                      ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI * 2);\n                      ctx.strokeStyle = 'rgba(100,180,60,0.2)'; ctx.lineWidth = 1; ctx.stroke();\n                    });\n                    ctx.strokeStyle = 'rgba(100,180,60,0.2)'; ctx.lineWidth = 1;\n                    ctx.beginPath(); ctx.moveTo(cx - R, cy); ctx.lineTo(cx + R, cy); ctx.stroke();\n                    ctx.beginPath(); ctx.moveTo(cx, cy - R); ctx.lineTo(cx, cy + R); ctx.stroke();\n                    for (let i = 0; i < 60; i++) {\n                      const trailAngle = angle - (i * Math.PI \/ 60);\n                      const alpha = (1 - i \/ 60) * 0.35;\n                      ctx.beginPath(); ctx.moveTo(cx, cy);\n                      ctx.arc(cx, cy, R, trailAngle, trailAngle + Math.PI \/ 60);\n                      ctx.closePath(); ctx.fillStyle = `rgba(80,200,60,${alpha})`; ctx.fill();\n                    }\n                    ctx.beginPath(); ctx.moveTo(cx, cy);\n                    ctx.lineTo(cx + Math.cos(angle) * R, cy + Math.sin(angle) * R);\n                    ctx.strokeStyle = 'rgba(120,255,80,0.9)'; ctx.lineWidth = 2; ctx.stroke();\n                    ctx.beginPath(); ctx.arc(cx, cy, 3, 0, Math.PI * 2);\n                    ctx.fillStyle = 'rgba(120,255,80,0.8)'; ctx.fill();\n                    if (target.alpha > 0) {\n                      const pulse = 0.5 + 0.5 * Math.sin(Date.now() \/ 300);\n                      ctx.beginPath(); ctx.arc(target.x, target.y, 10 + pulse * 6, 0, Math.PI * 2);\n                      ctx.fillStyle = `rgba(192,57,43,${0.15 * target.alpha})`; ctx.fill();\n                      ctx.beginPath(); ctx.arc(target.x, target.y, 5, 0, Math.PI * 2);\n                      ctx.fillStyle = `rgba(255,80,60,${target.alpha})`; ctx.fill();\n                      ctx.beginPath(); ctx.arc(target.x, target.y, 3, 0, Math.PI * 2);\n                      ctx.fillStyle = `rgba(255,200,180,${target.alpha})`; ctx.fill();\n                      if (target.alpha > 0.5) {\n                        ctx.font = 'bold 10px Barlow Condensed, sans-serif';\n                        ctx.fillStyle = `rgba(201,185,122,${target.alpha})`;\n                        ctx.fillText('BASTOGNE', target.x + 10, target.y - 6);\n                      }\n                    }\n                    contacts.forEach(c => {\n                      if (c.alpha <= 0) return;\n                      ctx.beginPath(); ctx.arc(c.x, c.y, 8 + (1-c.alpha)*4, 0, Math.PI*2);\n                      ctx.fillStyle = `rgba(180,255,100,${0.12 * c.alpha})`; ctx.fill();\n                      ctx.beginPath(); ctx.arc(c.x, c.y, 3.5, 0, Math.PI*2);\n                      ctx.fillStyle = `rgba(200,255,120,${c.alpha})`;\n                      ctx.shadowColor = 'rgba(160,255,80,1)'; ctx.shadowBlur = 7; ctx.fill(); ctx.shadowBlur = 0;\n                    });\n                    ctx.font = '10px Barlow Condensed, sans-serif'; ctx.fillStyle = 'rgba(100,180,60,0.6)'; ctx.textAlign = 'center';\n                    ctx.fillText('N', cx, cy - R + 14); ctx.fillText('S', cx, cy + R - 4);\n                    ctx.fillText('E', cx + R - 4, cy + 4); ctx.fillText('W', cx - R + 4, cy + 4);\n                    ctx.beginPath(); ctx.arc(cx, cy, R, 0, Math.PI * 2);\n                    ctx.strokeStyle = 'rgba(100,180,60,0.5)'; ctx.lineWidth = 2; ctx.stroke();\n                  }\n                  function checkBlip() {\n                    const bAngle = Math.atan2(target.y - cy, target.x - cx);\n                    const bDiff = ((angle - bAngle) % (Math.PI * 2) + Math.PI * 2) % (Math.PI * 2);\n                    if (bDiff < 0.15) {\n                      target.alpha = 1;\n                      if (!labelShown) { labelShown = true; setTimeout(() => { const lbl = document.getElementById('radarLabel'); if (lbl) lbl.style.opacity = '1'; }, 500); }\n                    } else if (target.alpha > 0) { target.alpha = Math.max(0, target.alpha - 0.006); }\n                    contacts.forEach(c => {\n                      const cAngle = Math.atan2(c.y - cy, c.x - cx);\n                      const diff = ((angle - cAngle) % (Math.PI * 2) + Math.PI * 2) % (Math.PI * 2);\n                      if (diff < 0.15) { c.alpha = 1; } else if (c.alpha > 0) { c.alpha = Math.max(0, c.alpha - 0.006); }\n                    });\n                  }\n                  function loop() { angle += 0.025; if (angle > Math.PI * 2) angle -= Math.PI * 2; checkBlip(); drawRadar(); requestAnimationFrame(loop); }\n                  loop();\n                })();\n                <\/script>\n\n                <div style=\"margin-top:1.2rem; background:#FFF8E7; border-left:4px solid var(--khaki); border-radius:0 6px 6px 0; padding:1rem 1.4rem;\">\n                    <p style=\"margin:0; font-size:0.95rem; color:#5C4A00; line-height:1.7;\">\n                        \ud83d\udca1 Pour <strong>295\u20ac tout compris<\/strong>, les jeunes vivent une semaine compl\u00e8te dans les Ardennes : logement, repas, encadrement, activit\u00e9s, grands jeux et visites sont inclus. Une formule avantageuse avec un excellent rapport qualit\u00e9-prix, qui donne acc\u00e8s \u00e0 un programme riche en d\u00e9couvertes et en exp\u00e9riences, tout en gardant un prix accessible pour les familles.\n                    <\/p>\n                <\/div>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column; gap:1.5rem;\">\n                <div class=\"desc-highlight\">\n                    <p>Entre <strong>d\u00e9couvertes, fun, r\u00e9flexion et esprit de groupe<\/strong>, tu vivras une semaine unique qui m\u00eale l&rsquo;aventure, l&rsquo;histoire et le d\u00e9passement de soi au c\u0153ur des Ardennes belges.<\/p>\n                    <p style=\"margin-top:1rem;\">Un s\u00e9jour pour <strong>apprendre autrement, s&rsquo;amuser, relever des d\u00e9fis<\/strong> et repartir avec des souvenirs que tu n&rsquo;oublieras pas.<\/p>\n                <\/div>\n                <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.jmlib.be\/site\/wp-content\/uploads\/2026\/05\/ExploBastogne.png?w=640&#038;ssl=1\" alt=\"Adolescents en visite historique lors du s\u00e9jour Explo'Bastogne organis\u00e9 par JML asbl\" style=\"width:100%; border-radius:10px; object-fit:cover; display:block; box-shadow:0 4px 16px rgba(0,0,0,0.15);\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"divider\"><\/div>\n\n    <!-- ===== PROGRAMME ===== -->\n    <section class=\"programme-bg\" id=\"programme\">\n        <div class=\"section\" style=\"padding-top:4rem; padding-bottom:4rem; position:relative; z-index:1;\">\n            <div class=\"section-label\">Au programme<\/div>\n            <h2 class=\"section-title\">Ce qui t&rsquo;attend<\/h2>\n            <div class=\"programme-grid\">\n                <a href=\"https:\/\/www.bastognewarmuseum.be\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"prog-card\" style=\"text-decoration:none;\">\n                    <div class=\"prog-icon\">\ud83c\udfdb\ufe0f<\/div>\n                    <div class=\"prog-title\">Bastogne War Museum <span style=\"font-size:0.75rem; opacity:0.5; margin-left:0.3rem;\">\u2197<\/span><\/div>\n                    <div class=\"prog-desc\">Le mus\u00e9e de r\u00e9f\u00e9rence sur la Seconde Guerre mondiale. Revivez la Bataille des Ardennes \u00e0 travers des parcours immersifs, des reconstitutions grandeur nature et des t\u00e9moignages poignants qui ne laissent personne indiff\u00e9rent.<\/div>\n                <\/a>\n                <a href=\"https:\/\/101airbornemuseumbastogne.com\/fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"prog-card\" style=\"text-decoration:none;\">\n                    <div class=\"prog-icon\">\u2708\ufe0f<\/div>\n                    <div class=\"prog-title\">101st Airborne Museum <span style=\"font-size:0.75rem; opacity:0.5; margin-left:0.3rem;\">\u2197<\/span><\/div>\n                    <div class=\"prog-desc\">Un mus\u00e9e d&rsquo;un r\u00e9alisme saisissant d\u00e9di\u00e9 aux parachutistes am\u00e9ricains qui ont d\u00e9fendu la ville en d\u00e9cembre 1944. Uniformes et \u00e9quipements authentiques, sc\u00e8nes reconstitu\u00e9es et b\u00e2timent militaire historique pour une visite marquante.<\/div>\n                <\/a>\n                <a href=\"https:\/\/www.bastognewarmuseum.be\/bois-jacques-fr\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"prog-card\" style=\"text-decoration:none;\">\n                    <div class=\"prog-icon\">\ud83c\udf32<\/div>\n                    <div class=\"prog-title\">Bois Jacques Battlefield <span style=\"font-size:0.75rem; opacity:0.5; margin-left:0.3rem;\">\u2197<\/span><\/div>\n                    <div class=\"prog-desc\">Les c\u00e9l\u00e8bres <em>foxholes<\/em> sont encore visibles dans la for\u00eat. Une application de r\u00e9alit\u00e9 augment\u00e9e te plonge dans le quotidien de la Easy Company via 6 vid\u00e9os immersives \u00e0 360\u00b0 g\u00e9olocalis\u00e9es.<\/div>\n                <\/a>\n                <div class=\"prog-card\">\n                    <div class=\"prog-icon\">\ud83d\uddfa\ufe0f<\/div>\n                    <div class=\"prog-title\">Grands jeux de strat\u00e9gie<\/div>\n                    <div class=\"prog-desc\">Missions en \u00e9quipe, jeux de r\u00f4le et d\u00e9fis strat\u00e9giques inspir\u00e9s de l&rsquo;\u00e9poque pour tester ton sens tactique.<\/div>\n                <\/div>\n                <div class=\"prog-card\">\n                    <div class=\"prog-icon\">\ud83c\udfaf<\/div>\n                    <div class=\"prog-title\">D\u00e9fis &amp; Missions<\/div>\n                    <div class=\"prog-desc\">Des \u00e9preuves collectives pour apprendre \u00e0 coop\u00e9rer, s&rsquo;organiser et se d\u00e9passer ensemble.<\/div>\n                <\/div>\n                <div class=\"prog-card\">\n                    <div class=\"prog-icon\">\ud83c\udfad<\/div>\n                    <div class=\"prog-title\">Animations immersives<\/div>\n                    <div class=\"prog-desc\">Des mises en sc\u00e8ne et activit\u00e9s inspir\u00e9es de la p\u00e9riode historique pour une exp\u00e9rience inoubliable.<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"divider\"><\/div>\n\n    <!-- ===== INCLUS ===== -->\n    <section class=\"section\">\n        <div class=\"section-label\">Tarif &amp; inclusions<\/div>\n        <h2 class=\"section-title\">Ce qui est compris<\/h2>\n        <div class=\"inclus-layout\">\n            <div class=\"inclus-box yes\">\n                <div class=\"inclus-head\">\u2705 Inclus dans le prix<\/div>\n                <ul class=\"inclus-list\">\n                    <li>Repas en pension compl\u00e8te (petit-d\u00e9jeuner, d\u00e9jeuner, d\u00eener)<\/li>\n                    <li>Logement \u00e0 l&rsquo;Ardenne \u00c9tape (chambres 2-5 personnes)<\/li>\n                    <li>Toutes les activit\u00e9s et visites du programme<\/li>\n                    <li>Encadrement par des animateurs JML qualifi\u00e9s<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"inclus-box no\">\n                <div class=\"inclus-head\">\u2139\ufe0f Non inclus<\/div>\n                <ul class=\"inclus-list\">\n                    <li>Transport vers et depuis le lieu de s\u00e9jour<\/li>\n                    <li>D\u00e9penses personnelles et souvenirs<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== PRATIQUE ===== -->\n    <section class=\"pratique-bg\" style=\"position:relative; overflow:hidden;\">\n        <div class=\"section\" style=\"padding-top:4rem; padding-bottom:4rem;\">\n            <div class=\"section-label\">Informations pratiques<\/div>\n            <h2 class=\"section-title\">Tout savoir<br>avant de partir<\/h2>\n            <div class=\"pratique-grid\">\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">Lieu du s\u00e9jour<\/div>\n                    <div class=\"pratique-card-val\">\ud83d\udccd Bastogne<\/div>\n                    <div class=\"pratique-card-sub\">Province de Luxembourg, Belgique<\/div>\n                <\/div>\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">H\u00e9bergement<\/div>\n                    <div class=\"pratique-card-val\">\ud83c\udfe0 Ardenne \u00c9tape<\/div>\n                    <div class=\"pratique-card-sub\">Chambres de 2 \u00e0 5 personnes<\/div>\n                <\/div>\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">Repas<\/div>\n                    <div class=\"pratique-card-val\">\ud83c\udf7d\ufe0f Pension compl\u00e8te<\/div>\n                    <div class=\"pratique-card-sub\">Petit-d\u00e9jeuner, d\u00e9jeuner, d\u00eener<\/div>\n                <\/div>\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">Transport<\/div>\n                    <div class=\"pratique-card-val\">\ud83d\ude97 Non inclus<\/div>\n                    <div class=\"pratique-card-sub\">\u00c0 organiser par les familles<\/div>\n                <\/div>\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">Participants<\/div>\n                    <div class=\"pratique-card-val\">\ud83d\udc65 12 \u2013 16 ans<\/div>\n                    <div class=\"pratique-card-sub\">S\u00e9jour en groupe encadr\u00e9<\/div>\n                <\/div>\n                <div class=\"pratique-card\">\n                    <div class=\"pratique-card-label\">Dur\u00e9e<\/div>\n                    <div class=\"pratique-card-val\">\ud83c\udf19 7 nuits<\/div>\n                    <div class=\"pratique-card-sub\">23 \u203a 30 octobre 2026<\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"margin-top:2rem; background:rgba(255,255,255,0.06); border:1px solid rgba(201,185,122,0.2); border-radius:8px; padding:1.8rem 2rem; display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; justify-content:space-between;\">\n                <div>\n                    <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:0.7rem; letter-spacing:0.25em; text-transform:uppercase; color:rgba(201,185,122,0.6); margin-bottom:0.4rem;\">H\u00e9bergement partenaire<\/div>\n                    <div style=\"font-family:'Bebas Neue',sans-serif; font-size:1.9rem; color:var(--cream); letter-spacing:0.05em; line-height:1;\">Ardenne \u00c9tape<\/div>\n                    <div style=\"font-size:0.88rem; color:rgba(244,237,216,0.6); margin-top:0.4rem; line-height:1.6; max-width:480px;\">Maisons de vacances en Ardennes \u00b7 Chambres de 2 \u00e0 5 personnes \u00b7 \u00c0 quelques minutes des sites historiques de la Bataille des Ardennes<\/div>\n                <\/div>\n                <a href=\"https:\/\/fr.ardennes-etape.be\/maisons-de-vacances-ardennes\/Bastogne\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"flex-shrink:0; display:inline-flex; align-items:center; gap:0.5rem; background:rgba(201,185,122,0.15); border:1px solid rgba(201,185,122,0.4); color:var(--khaki-lt); font-family:&#039;Barlow Condensed&#039;,sans-serif; font-weight:600; font-size:0.9rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.75rem 1.5rem; border-radius:4px; text-decoration:none;\">\n                    \ud83c\udfe0 Voir l&rsquo;h\u00e9bergement \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== CONTACT ===== -->\n    <section style=\"background:var(--cream); padding:4rem 2rem;\">\n        <div style=\"max-width:1100px; margin:0 auto;\">\n            <div class=\"section-label rv d1\">Une question ?<\/div>\n            <h2 class=\"section-title rv d2\" style=\"color:var(--olive-dk); margin-bottom:2rem;\">Contacte Ornella<\/h2>\n            <div class=\"rv d3\" style=\"background:var(--olive-dk); border-radius:12px; padding:2.5rem; display:flex; flex-wrap:wrap; align-items:center; gap:2rem;\">\n                <div style=\"width:72px; height:72px; border-radius:50%; background:var(--khaki); display:flex; align-items:center; justify-content:center; font-size:2rem; flex-shrink:0;\">\ud83e\ude96<\/div>\n                <div style=\"flex:1; min-width:200px;\">\n                    <div style=\"font-family:'Bebas Neue',sans-serif; font-size:1.8rem; color:var(--cream); letter-spacing:0.05em; line-height:1;\">Ornella<\/div>\n                    <div style=\"font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:0.85rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--khaki); margin-top:0.3rem;\">Animatrice \u00b7 S\u00e9jour Automne 2026<\/div>\n                    <div style=\"font-size:0.9rem; color:rgba(244,237,216,0.65); margin-top:0.5rem;\">Pour toute question sur le s\u00e9jour ou le programme, n&rsquo;h\u00e9site pas \u00e0 contacter Ornella !<\/div>\n                <\/div>\n                <div style=\"display:flex; flex-direction:column; gap:0.7rem; flex-shrink:0;\">\n                    <a href=\"mailto:ornella.corona@jmlib.be\" style=\"display:inline-flex; align-items:center; gap:0.6rem; background:rgba(201,185,122,0.15); border:1px solid rgba(201,185,122,0.35); color:var(--khaki-lt); font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:0.9rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.65rem 1.3rem; border-radius:4px; text-decoration:none;\">\n                        \u2709\ufe0f Envoyer un e-mail\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== PRIX \/ CTA ===== -->\n    <section class=\"prix-section\" id=\"inscription\">\n        <div class=\"prix-inner\">\n            <p class=\"prix-label\">Prix par participant<\/p>\n            <div class=\"prix-amount\">295\u20ac<\/div>\n            <p class=\"prix-detail\">Pension compl\u00e8te \u00b7 Logement \u00b7 Activit\u00e9s \u00b7 Animation<\/p>\n            <a href=\"https:\/\/www.jmlib.be\/site\/explobastogne-inscription\/\" class=\"btn-primary\" style=\"font-size:1.3rem; padding:1rem 3rem; background:white; color:var(--rust);\">Je m&rsquo;inscris maintenant<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- ===== FOOTER ===== -->\n    <footer class=\"footer\">\n        <p class=\"footer-sub\">S\u00e9jour Automne 2026<\/p>\n    <\/footer>\n\n    <script>\n    (function(){\n        var obs = new IntersectionObserver(function(entries){\n            entries.forEach(function(e){\n                if(e.isIntersecting){ e.target.classList.add('in'); obs.unobserve(e.target); }\n            });\n        },{threshold:0.1});\n        document.querySelectorAll('.rv').forEach(function(el){ obs.observe(el); });\n    })();\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explo&rsquo;Bastogne \u2013 S\u00e9jour JML 2026 \ud83c\udf42 \ud83c\udf41 \ud83c\udf43 \ud83c\udf42 \ud83c\udf41 \ud83c\udf43 \ud83c\udf42 \ud83c\udf41 \ud83c\udf43 \ud83c\udf42 \ud83c\udf41 \ud83c\udf42 S\u00e9jour Automne 2026 Explo&rsquo;Bastogne Histoire \u00b7 M\u00e9moire \u00b7 Aventure en \u00e9quipe \ud83d\udcc5 23 \u2013 30 oct. 2026 \ud83d\udc65 12 \u2013 16 ans \ud83d\udccd Bastogne, Ardennes \ud83d\udcb6 295 \u20ac \/ personne Je m&rsquo;inscris Voir le programme \u2193 \ud83d\udcc5 Dates<a href=\"https:\/\/www.jmlib.be\/site\/explobastogne-sejour\/\">[&#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-17905","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P93my9-4EN","jetpack-related-posts":[{"id":15652,"url":"https:\/\/www.jmlib.be\/site\/decouvrez-nos-sejours\/","url_meta":{"origin":17905,"position":0},"title":"D\u00e9couvrez nos s\u00e9jours","author":"jmlib","date":"13 f\u00e9vrier 2025","format":false,"excerpt":"S\u00e9jours Inoubliables D\u00e9couvrez nos s\u00e9jours S\u00e9jour Aventure Malmedy, Belgique \ud83c\udde7\ud83c\uddea 8-15 ans Du 01 au 08 ao\u00fbt 2026 320\u20ac En savoir plus & s'inscrire Explo'Bastogne Bastogne, Belgique \ud83c\udde7\ud83c\uddea 12-16 ans Du 23 au 30 octobre 2026 295\u20ac En savoir plus & s'inscrire Ski Carnaval Moena, Italie \ud83c\uddee\ud83c\uddf9 Ouvert \u00e0 tous\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1262,"url":"https:\/\/www.jmlib.be\/site\/vacances-de-ski-carnaval-jml\/","url_meta":{"origin":17905,"position":1},"title":"Vacances ski carnaval &#8211; JML","author":"jmlib","date":"11 octobre 2017","format":false,"excerpt":"Quand ? du 28\/02 au 09\/03\/2025\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 O\u00d9 ?\u00a0DOLOMITI > MOENA \/ ITALIEVenez nous rejoindre en famille ou entre amis du 28\/02 au 09\/03\/2025 pendant la p\u00e9riode de Carnaval\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"ski jml carnaval","src":"https:\/\/i0.wp.com\/www.jmlib.be\/site\/wp-content\/uploads\/2017\/10\/stock-vector-91269978-s-2015.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":17991,"url":"https:\/\/www.jmlib.be\/site\/explobastogne-inscription\/","url_meta":{"origin":17905,"position":2},"title":"Explo&rsquo;Bastogne &#8211; Inscription","author":"jmlib","date":"3 juin 2026","format":false,"excerpt":"","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16219,"url":"https:\/\/www.jmlib.be\/site\/sejour-linguistique-2025\/","url_meta":{"origin":17905,"position":3},"title":"S\u00e9jour Linguistique 2025","author":"jmlib","date":"27 mars 2025","format":false,"excerpt":"S\u00e9jours linguistiques et sportifs S\u00e9jours linguistiques et sportifs Des stages linguistiques inoubliables pour les jeunes de 10 \u00e0 17 ans. Bruges \ud83c\udde7\ud83c\uddea M'inscrire \ud83d\udcdd Description Les JML se consacrent \u00e0 l'organisation de s\u00e9jours linguistiques et sportifs de qualit\u00e9. Appuy\u00e9s par une \u00e9quipe motiv\u00e9e et dynamique de moniteurs, nous mettons chaque\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18011,"url":"https:\/\/www.jmlib.be\/site\/qui-sommes-nous-brouillons\/","url_meta":{"origin":17905,"position":4},"title":"Qui sommes-nous (brouillons)","author":"jmlib","date":"8 juin 2026","format":false,"excerpt":"Qui sommes-nous ? Fond\u00e9e en 1965, l'asbl Jeunes Mutualistes Lib\u00e9raux, plus connue sous le nom les JML, accompagne les enfants, les adolescents et les jeunes adultes \u00e0 travers des activit\u00e9s \u00e9ducatives, citoyennes, culturelles, r\u00e9cr\u00e9atives et formatives. 1965 Ann\u00e9e de fondation FWB OJ reconnue par la F\u00e9d\u00e9ration Wallonie-Bruxelles BACV Formation habilit\u00e9e\u2026","rel":"","context":"Article similaire","block_context":{"text":"Article similaire","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":15883,"url":"https:\/\/www.jmlib.be\/site\/sejour-aventure\/","url_meta":{"origin":17905,"position":5},"title":"S\u00e9jour aventure","author":"jmlib","date":"24 f\u00e9vrier 2025","format":false,"excerpt":"\ud83e\udded S\u00e9jour aventure Fran\u00e7ois et toute l\u2019\u00e9quipe d\u2019animation vous donnent rendez-vous \u00e0 Malmedy pour une semaine exceptionnelle au c\u0153ur des magnifiques Hautes Fagnes \ud83c\udf04. Au programme : exp\u00e9riences uniques, d\u00e9fis passionnants, activit\u00e9s en plein air et souvenirs inoubliables pour les jeunes de 8 \u00e0 15 ans. \ud83d\udcc5 Dates Du 1er\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\/17905","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=17905"}],"version-history":[{"count":12,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/17905\/revisions"}],"predecessor-version":[{"id":17994,"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/pages\/17905\/revisions\/17994"}],"wp:attachment":[{"href":"https:\/\/www.jmlib.be\/site\/wp-json\/wp\/v2\/media?parent=17905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}