{"id":30,"date":"2026-03-13T10:04:46","date_gmt":"2026-03-13T10:04:46","guid":{"rendered":"http:\/\/horsbitume.fr\/?page_id=30"},"modified":"2026-07-04T08:24:40","modified_gmt":"2026-07-04T08:24:40","slug":"elementor-30","status":"publish","type":"page","link":"https:\/\/horsbitume.fr\/","title":{"rendered":"Elementor #30"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nHors Bitume \u2014 H\u00e9bergements Insolites en Provence<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Caveat:wght@600;700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --ocre: #C17A2E;\n --ocre-dark: #8B4E10;\n --ocre-light: #E8B96A;\n --ocre-pale: #F5E6CC;\n --terre: #6B3A1F;\n --sable: #F2E4C8;\n --sable-light: #FAF4E8;\n --vert: #4A5E3A;\n --vert-light: #7A8F6A;\n --blanc: #FDFAF5;\n --gris: #8A7E6E;\n --noir: #1C1208;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; color-scheme: light; }\n\n body {\n background: var(--sable-light);\n font-family: 'DM Sans', sans-serif;\n color: var(--noir);\n overflow-x: hidden;\n }\n\n a { text-decoration: none; color: inherit; }\n ul { list-style: none; }\n img { max-width: 100%; display: block; }\n\n .eyebrow {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--ocre);\n }\n\n .wrap {\n max-width: 1140px;\n margin: 0 auto;\n padding: 0 32px;\n }\n\n \/* ===== NAV ===== *\/\n header.nav {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(250,244,232,0.92);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid var(--ocre-pale);\n }\n .nav-inner {\n max-width: 1140px;\n margin: 0 auto;\n padding: 16px 32px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-logo {\n font-family: 'Caveat', cursive;\n font-weight: 700;\n font-size: 30px;\n color: var(--terre);\n }\n .nav-logo span { color: var(--ocre); }\n .nav-links {\n display: flex;\n gap: 32px;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.5px;\n color: var(--terre);\n }\n .nav-links a { transition: color .2s; }\n .nav-links a:hover { color: var(--ocre); }\n .nav-cta {\n background: var(--ocre-dark);\n color: var(--blanc);\n padding: 10px 20px;\n border-radius: 30px;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.3px;\n }\n @media (max-width: 800px) {\n .nav-links { display: none; }\n }\n\n \/* ===== HERO ===== *\/\n .hero {\n position: relative;\n min-height: 92vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n background: var(--terre);\n overflow: hidden;\n padding: 100px 32px 80px;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 80% 60% at 15% 85%, rgba(193,122,46,0.30) 0%, transparent 60%),\n radial-gradient(ellipse 60% 50% at 85% 15%, rgba(232,185,106,0.18) 0%, transparent 60%);\n }\n .hero::after {\n content: '';\n position: absolute; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero-content { position: relative; z-index: 1; max-width: 720px; }\n .hero-loc {\n font-size: 11px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase;\n color: var(--ocre-light); margin-bottom: 28px;\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(38px, 6vw, 68px);\n line-height: 1.08;\n color: var(--sable);\n margin-bottom: 24px;\n }\n .hero h1 em { font-style: italic; color: var(--ocre-light); }\n .hero p.sub {\n font-size: 17px;\n color: rgba(242,228,200,0.72);\n font-weight: 300;\n line-height: 1.7;\n max-width: 520px;\n margin: 0 auto 40px;\n }\n .hero-ctas { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n .btn-primary {\n background: var(--ocre-dark);\n color: var(--blanc);\n padding: 15px 30px;\n border-radius: 30px;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.3px;\n box-shadow: 0 8px 24px rgba(139,78,16,0.4);\n transition: transform .2s, box-shadow .2s;\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(139,78,16,0.5); }\n .btn-ghost {\n border: 1px solid rgba(242,228,200,0.35);\n color: var(--sable);\n padding: 15px 30px;\n border-radius: 30px;\n font-size: 14px;\n font-weight: 500;\n transition: border-color .2s, background .2s;\n }\n .btn-ghost:hover { border-color: var(--ocre-light); background: rgba(232,185,106,0.08); }\n\n .hero-strip {\n position: relative; z-index: 1;\n margin-top: 64px;\n display: flex; gap: 28px; flex-wrap: wrap; justify-content: center;\n font-family: 'Caveat', cursive;\n font-weight: 600;\n font-size: 20px;\n color: var(--ocre-light);\n }\n .hero-strip span { opacity: 0.55; }\n .hero-strip span:nth-child(odd) { opacity: 0.85; }\n\n \/* ===== SECTION SHELL ===== *\/\n .section { max-width: 1140px; margin: 0 auto; padding: 100px 32px; }\n .section-head { max-width: 640px; margin-bottom: 56px; }\n .section-title {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(28px, 3.4vw, 42px);\n color: var(--terre);\n line-height: 1.2;\n margin-top: 10px;\n }\n .section-title em { font-style: italic; color: var(--ocre); }\n .divider { height: 1px; background: linear-gradient(90deg, var(--ocre-light), transparent); }\n\n \/* ===== CONCEPT ===== *\/\n .concept-lede {\n font-size: 17px;\n line-height: 1.8;\n color: var(--noir);\n max-width: 720px;\n margin-bottom: 56px;\n }\n .concept-lede + .concept-lede { margin-top: -36px; color: var(--gris); font-size: 15px; }\n .stat-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1px;\n background: var(--ocre-pale);\n border-radius: 16px;\n overflow: hidden;\n }\n .stat-card {\n background: var(--blanc);\n padding: 32px 24px;\n text-align: center;\n }\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: 36px;\n color: var(--ocre);\n }\n .stat-label {\n font-size: 12px;\n color: var(--gris);\n margin-top: 8px;\n line-height: 1.5;\n }\n @media (max-width: 700px) { .stat-grid { grid-template-columns: repeat(2,1fr); } }\n\n \/* ===== UNIVERS ===== *\/\n .univers-section { background: var(--sable); }\n .univers-grid { display: flex; flex-direction: column; gap: 20px; }\n .univers-card {\n background: var(--blanc);\n border-radius: 20px;\n padding: 40px;\n display: grid;\n grid-template-columns: 90px 1fr 220px;\n gap: 32px;\n align-items: start;\n box-shadow: 0 4px 24px rgba(107,58,31,0.08);\n border: 1px solid var(--ocre-pale);\n }\n .univers-num {\n font-family: 'Playfair Display', serif;\n font-size: 44px;\n font-weight: 700;\n color: var(--ocre);\n opacity: 0.75;\n line-height: 1;\n }\n .univers-tag {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--vert);\n margin-top: 8px;\n display: block;\n }\n .univers-title {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: 26px;\n color: var(--terre);\n margin-bottom: 6px;\n }\n .univers-kicker {\n font-size: 12px;\n color: var(--ocre);\n letter-spacing: 0.5px;\n margin-bottom: 14px;\n font-weight: 500;\n }\n .univers-desc { font-size: 14.5px; line-height: 1.7; color: var(--noir); margin-bottom: 18px; }\n .univers-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }\n .univers-feats li {\n font-size: 13px;\n color: var(--gris);\n padding-left: 16px;\n position: relative;\n line-height: 1.5;\n }\n .univers-feats li::before {\n content: '\u25c6';\n position: absolute; left: 0; top: 1px;\n color: var(--ocre-light);\n font-size: 8px;\n }\n .univers-side {\n text-align: right;\n display: flex; flex-direction: column; align-items: flex-end; gap: 10px;\n }\n .univers-price {\n font-family: 'Playfair Display', serif;\n font-size: 20px;\n font-weight: 700;\n color: var(--terre);\n }\n .univers-cap { font-size: 12px; color: var(--gris); }\n .univers-more {\n margin-top: 8px;\n font-size: 12px;\n font-weight: 600;\n color: var(--ocre);\n letter-spacing: 0.4px;\n border: 1px solid var(--ocre-light);\n padding: 9px 16px;\n border-radius: 20px;\n }\n @media (max-width: 860px) {\n .univers-card { grid-template-columns: 1fr; }\n .univers-side { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }\n }\n\n \/* ===== INCLUSIF BAND ===== *\/\n .inclusif {\n background: var(--terre);\n color: var(--sable);\n padding: 90px 32px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .inclusif::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(193,122,46,0.22), transparent 60%);\n }\n .inclusif-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\n .inclusif h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3.4vw, 38px);\n font-weight: 700;\n margin-bottom: 18px;\n }\n .inclusif h2 em { color: var(--ocre-light); font-style: italic; }\n .inclusif p { color: rgba(242,228,200,0.75); font-size: 15px; line-height: 1.8; margin-bottom: 44px; }\n .inclusif-icons {\n display: flex; justify-content: center; gap: 20px; font-size: 26px; margin-bottom: 48px;\n }\n .inclusif-stats {\n display: grid; grid-template-columns: repeat(4,1fr); gap: 32px;\n }\n .inclusif-stat-num { font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 700; color: var(--ocre-light); }\n .inclusif-stat-label { font-size: 11px; color: rgba(242,228,200,0.6); margin-top: 6px; }\n @media (max-width: 700px) { .inclusif-stats { grid-template-columns: repeat(2,1fr); } }\n\n \/* ===== COMMUNITY \/ FORM ===== *\/\n .community { background: var(--sable-light); }\n .community-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 56px;\n align-items: start;\n }\n .community-badge {\n display: inline-block;\n background: var(--vert);\n color: var(--sable-light);\n font-size: 11px; font-weight: 600; letter-spacing: 1px;\n padding: 6px 14px; border-radius: 20px;\n margin-bottom: 20px;\n }\n .community h2 {\n font-family: 'Playfair Display', serif;\n font-size: 32px; font-weight: 700; color: var(--terre); margin-bottom: 18px; line-height: 1.25;\n }\n .community h2 em { color: var(--ocre); font-style: italic; }\n .community p { color: var(--noir); font-size: 15px; line-height: 1.8; margin-bottom: 28px; }\n .community-follow {\n display: inline-flex; align-items: center; gap: 10px;\n border: 1px solid var(--ocre-light);\n padding: 12px 20px; border-radius: 30px;\n font-size: 13px; font-weight: 600; color: var(--terre);\n }\n .form-card {\n background: var(--blanc);\n border-radius: 20px;\n padding: 36px;\n border: 1px solid var(--ocre-pale);\n box-shadow: 0 4px 24px rgba(107,58,31,0.08);\n }\n .form-row { margin-bottom: 18px; }\n .form-row label {\n display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px;\n text-transform: uppercase; color: var(--gris); margin-bottom: 6px;\n }\n .form-row input, .form-row select {\n width: 100%;\n padding: 12px 14px;\n border: 1px solid var(--ocre-pale);\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 14px;\n color: var(--noir);\n background: var(--sable-light);\n }\n .form-submit {\n width: 100%;\n background: var(--ocre-dark);\n color: var(--blanc);\n border: none;\n padding: 15px;\n border-radius: 30px;\n font-size: 14px;\n font-weight: 600;\n margin-top: 8px;\n cursor: pointer;\n }\n .form-note { font-size: 11px; color: var(--gris); margin-top: 14px; text-align: center; }\n @media (max-width: 800px) { .community-inner { grid-template-columns: 1fr; } }\n\n \/* ===== FAQ ===== *\/\n .faq-item { border-bottom: 1px solid var(--ocre-pale); }\n .faq-q {\n width: 100%;\n text-align: left;\n background: none; border: none;\n padding: 22px 0;\n font-family: 'DM Sans', sans-serif;\n font-size: 16px;\n font-weight: 500;\n color: var(--terre);\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n }\n .faq-q .plus { color: var(--ocre); font-size: 20px; transition: transform .25s; }\n .faq-item.open .plus { transform: rotate(45deg); }\n .faq-a {\n max-height: 0;\n overflow: hidden;\n transition: max-height .3s ease;\n font-size: 14px;\n color: var(--gris);\n line-height: 1.8;\n }\n .faq-a-inner { padding-bottom: 22px; }\n .faq-item.open .faq-a { max-height: 300px; }\n\n \/* ===== FOOTER ===== *\/\n footer {\n background: var(--noir);\n color: var(--sable);\n padding: 64px 32px 32px;\n }\n .footer-inner {\n max-width: 1140px; margin: 0 auto;\n display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px;\n padding-bottom: 40px;\n border-bottom: 1px solid rgba(242,228,200,0.12);\n }\n .footer-logo { font-family: 'Caveat', cursive; font-size: 30px; font-weight: 700; color: var(--sable); margin-bottom: 10px; }\n .footer-logo span { color: var(--ocre-light); }\n footer p { font-size: 13px; color: rgba(242,228,200,0.5); line-height: 1.7; }\n footer h4 { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ocre-light); margin-bottom: 14px; }\n footer ul li { font-size: 13px; color: rgba(242,228,200,0.65); margin-bottom: 10px; }\n .footer-bottom {\n max-width: 1140px; margin: 0 auto;\n padding-top: 24px;\n font-size: 12px; color: rgba(242,228,200,0.4);\n display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;\n }\n @media (max-width: 700px) { .footer-inner { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n\n<header class=\"nav\">\n <div class=\"nav-inner\">\n <div class=\"nav-logo\">Hors <span>Bitume<\/span><\/div>\n <nav class=\"nav-links\">\n <a href=\"#concept\">Le Projet<\/a>\n <a href=\"#univers\">Les Univers<\/a>\n <a href=\"#faq\">Questions<\/a>\n <a href=\"#communaute\">Rejoindre<\/a>\n <\/nav>\n <a href=\"#communaute\" class=\"nav-cta\">\u00catre notifi\u00e9<\/a>\n <\/div>\n<\/header>\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-loc\">Provence \u2014 PACA \u2014 Ouverture 2027<\/div>\n <h1>L'aventure <em>commence ici.<\/em><\/h1>\n <p class=\"sub\">5 containers r\u00e9am\u00e9nag\u00e9s en univers uniques, pos\u00e9s sur un terrain familial en Provence. Des nuits que vous ne trouverez nulle part ailleurs.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#communaute\" class=\"btn-primary\">Rejoindre la communaut\u00e9<\/a>\n <a href=\"#univers\" class=\"btn-ghost\">D\u00e9couvrir les univers \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-strip\">\n <span>La Chambre des Secrets<\/span><span>\u00b7<\/span>\n <span>La Bulle des \u00c9toiles<\/span><span>\u00b7<\/span>\n <span>Les Amoureux<\/span><span>\u00b7<\/span>\n <span>Comme les Autres<\/span><span>\u00b7<\/span>\n <span>La D\u00e9connexion<\/span>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"concept\">\n <div class=\"section-head\">\n <p class=\"eyebrow\">Le Projet<\/p>\n <h2 class=\"section-title\">Pas un h\u00f4tel. Pas un camping. <em>Autre chose.<\/em><\/h2>\n <\/div>\n <p class=\"concept-lede\">Hors Bitume, c'est une collection de 5 containers r\u00e9am\u00e9nag\u00e9s, chacun pens\u00e9 comme un monde \u00e0 part enti\u00e8re. Chaque nuit raconte une histoire diff\u00e9rente. Chaque univers s'adresse \u00e0 une envie pr\u00e9cise.<\/p>\n <p class=\"concept-lede\">Le projet na\u00eet en Provence, sur un terrain familial dans l'arri\u00e8re-pays. Une \u00e9quipe qui vit sur place, un accueil humain, et cinq exp\u00e9riences que vous ne trouverez nulle part ailleurs dans la r\u00e9gion.<\/p>\n <div class=\"stat-grid\">\n <div class=\"stat-card\"><div class=\"stat-num\">5<\/div><div class=\"stat-label\">Univers th\u00e9matiques uniques<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-num\">100%<\/div><div class=\"stat-label\">Privatif \u2014 espace ext\u00e9rieur inclus<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-num\">1er<\/div><div class=\"stat-label\">H\u00e9bergement insolite adapt\u00e9 PMR lourd en PACA<\/div><\/div>\n <div class=\"stat-card\"><div class=\"stat-num\">2027<\/div><div class=\"stat-label\">Ouverture pr\u00e9vue en Provence<\/div><\/div>\n <\/div>\n<\/section>\n\n<div class=\"wrap\"><div class=\"divider\"><\/div><\/div>\n\n<section class=\"section univers-section\" id=\"univers\">\n <div class=\"section-head\">\n <p class=\"eyebrow\">Hors Bitume \u2014 Provence<\/p>\n <h2 class=\"section-title\">Choisissez <em>votre nuit.<\/em><\/h2>\n <\/div>\n <div class=\"univers-grid\">\n\n <div class=\"univers-card\">\n <div><div class=\"univers-num\">01<\/div><span class=\"univers-tag\">\u00c9nigmes & Myst\u00e8re<\/span><\/div>\n <div>\n <div class=\"univers-title\">La Chambre des Secrets<\/div>\n <div class=\"univers-kicker\">Aventure \u00b7 Myst\u00e8re \u00b7 Famille<\/div>\n <p class=\"univers-desc\">Une nuit pour percer le myst\u00e8re. Des \u00e9nigmes dissimul\u00e9es dans le mobilier, des passages secrets, des m\u00e9canismes cach\u00e9s \u2014 et un tr\u00e9sor physique \u00e0 trouver avant le lendemain midi.<\/p>\n <ul class=\"univers-feats\">\n <li>\u00c9clairage RGBW + UV modulable depuis une tablette<\/li>\n <li>Passages secrets et m\u00e9canismes motoris\u00e9s<\/li>\n <li>Tr\u00e9sor physique dissimul\u00e9 \u2014 r\u00e9compense r\u00e9elle<\/li>\n <li>Application d'indices progressive sur t\u00e9l\u00e9phone<\/li>\n <li>Niveau ajustable : famille, couple, experts<\/li>\n <li>Disponible en team building (B2B en semaine)<\/li>\n <\/ul>\n <\/div>\n <div class=\"univers-side\">\n <div class=\"univers-price\">180 \u2014 260 \u20ac \/ nuit<\/div>\n <div class=\"univers-cap\">4 couchages \u00b7 5 pers. sur les \u00e9nigmes<\/div>\n <div class=\"univers-more\">D\u00e9couvrir l'univers<\/div>\n <\/div>\n <\/div>\n\n <div class=\"univers-card\">\n <div><div class=\"univers-num\">02<\/div><span class=\"univers-tag\">Astronomie \u00b7 \u00c9merveillement<\/span><\/div>\n <div>\n <div class=\"univers-title\">La Bulle des \u00c9toiles<\/div>\n <div class=\"univers-kicker\">Astronomie \u00b7 Couple \u00b7 Famille<\/div>\n <p class=\"univers-desc\">Dormez sous les \u00e9toiles \u00e0 travers une bulle d'observation transparente sur le toit. Un t\u00e9lescope motoris\u00e9 vous attend pour explorer l'univers depuis votre lit.<\/p>\n <ul class=\"univers-feats\">\n <li>Bulle d'observation transparente (\u00d8 2m)<\/li>\n <li>T\u00e9lescope motoris\u00e9 GoTo \u2014 rep\u00e9rage automatique<\/li>\n <li>Lit positionn\u00e9 sous la bulle<\/li>\n <li>\u00c9clairage rouge astronomique<\/li>\n <li>Carte du ciel personnalis\u00e9e \u00e0 emporter<\/li>\n <li>Toit terrasse \u2014 hamac sous les \u00e9toiles<\/li>\n <\/ul>\n <\/div>\n <div class=\"univers-side\">\n <div class=\"univers-price\">120 \u2014 200 \u20ac \/ nuit<\/div>\n <div class=\"univers-cap\">4 personnes maximum<\/div>\n <div class=\"univers-more\">D\u00e9couvrir l'univers<\/div>\n <\/div>\n <\/div>\n\n <div class=\"univers-card\">\n <div><div class=\"univers-num\">03<\/div><span class=\"univers-tag\">Romance \u00b7 Intimit\u00e9<\/span><\/div>\n <div>\n <div class=\"univers-title\">Les Amoureux<\/div>\n <div class=\"univers-kicker\">Romance \u00b7 Couple \u00b7 Anniversaires<\/div>\n <p class=\"univers-desc\">Un cocon pour deux, pens\u00e9 dans les moindres d\u00e9tails. Jacuzzi privatif, lit king size, champagne \u00e0 l'arriv\u00e9e. Pour les moments qui comptent vraiment.<\/p>\n <ul class=\"univers-feats\">\n <li>Jacuzzi ext\u00e9rieur 2 places \u2014 chromoth\u00e9rapie LED<\/li>\n <li>Lit king size avec baldaquin<\/li>\n <li>Champagne, fraises et chocolats \u00e0 l'arriv\u00e9e<\/li>\n <li>Terrasse priv\u00e9e \u2014 vue d\u00e9gag\u00e9e sur la nature<\/li>\n <li>Packages anniversaire, demande, lune de miel<\/li>\n <li>Minimum 2 nuits le week-end<\/li>\n <\/ul>\n <\/div>\n <div class=\"univers-side\">\n <div class=\"univers-price\">160 \u2014 210 \u20ac \/ nuit<\/div>\n <div class=\"univers-cap\">2 personnes exclusivement<\/div>\n <div class=\"univers-more\">D\u00e9couvrir l'univers<\/div>\n <\/div>\n <\/div>\n\n <div class=\"univers-card\">\n <div><div class=\"univers-num\">04<\/div><span class=\"univers-tag\">Unique en PACA<\/span><\/div>\n <div>\n <div class=\"univers-title\">Comme les Autres<\/div>\n <div class=\"univers-kicker\">Inclusion \u00b7 PMR \u00b7 Famille \u00b7 Aidants<\/div>\n <p class=\"univers-desc\">Le premier h\u00e9bergement insolite de PACA enti\u00e8rement adapt\u00e9 aux handicaps lourds \u2014 t\u00e9trapl\u00e9gie incluse. Parce que l'aventure doit \u00eatre accessible \u00e0 tous, sans compromis.<\/p>\n <ul class=\"univers-feats\">\n <li>Acc\u00e8s fauteuil int\u00e9gral \u2014 porte \u2265 90 cm, z\u00e9ro seuil<\/li>\n <li>Chambre snoezelen \u2014 fibre optique, aromath\u00e9rapie<\/li>\n <li>Baignoire baln\u00e9o avec l\u00e8ve-bain int\u00e9gr\u00e9<\/li>\n <li>Lit m\u00e9dicalis\u00e9 \u00e9lectrique \u00e0 hauteur variable<\/li>\n <li>Domotique universelle : voix, souffle, regard<\/li>\n <li>Label Tourisme & Handicap 4 familles vis\u00e9<\/li>\n <\/ul>\n <\/div>\n <div class=\"univers-side\">\n <div class=\"univers-price\">260 \u2014 350 \u20ac \/ nuit<\/div>\n <div class=\"univers-cap\">2 couchages + espace accompagnant<\/div>\n <div class=\"univers-more\">D\u00e9couvrir l'univers<\/div>\n <\/div>\n <\/div>\n\n <div class=\"univers-card\">\n <div><div class=\"univers-num\">05<\/div><span class=\"univers-tag\">Digital Detox<\/span><\/div>\n <div>\n <div class=\"univers-title\">La D\u00e9connexion<\/div>\n <div class=\"univers-kicker\">Digital Detox \u00b7 Nature \u00b7 Bien-\u00eatre<\/div>\n <p class=\"univers-desc\">On d\u00e9pose tout \u00e0 l'entr\u00e9e. Les t\u00e9l\u00e9phones. Les notifications. Le bruit du monde. Et on red\u00e9couvre ce que \u00e7a fait d'\u00eatre l\u00e0, vraiment l\u00e0. Z\u00e9ro r\u00e9seau \u2014 promesse contractuelle.<\/p>\n <ul class=\"univers-feats\">\n <li>Z\u00e9ro Wi-Fi, z\u00e9ro TV, z\u00e9ro r\u00e9seau \u2014 garanti<\/li>\n <li>Bo\u00eete s\u00e9curis\u00e9e pour les t\u00e9l\u00e9phones<\/li>\n <li>Mur v\u00e9g\u00e9tal, bois massif local<\/li>\n <li>Hamac, feu de camp, biblioth\u00e8que physique<\/li>\n <li>Panier AMAP de produits locaux \u00e0 l'arriv\u00e9e<\/li>\n <li>S\u00e9jour minimum 2 nuits<\/li>\n <\/ul>\n <\/div>\n <div class=\"univers-side\">\n <div class=\"univers-price\">85 \u2014 140 \u20ac \/ nuit<\/div>\n <div class=\"univers-cap\">3 couchages possibles<\/div>\n <div class=\"univers-more\">D\u00e9couvrir l'univers<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section class=\"inclusif\">\n <div class=\"inclusif-inner\">\n <p class=\"eyebrow\" style=\"color: var(--ocre-light);\">L'insolite pour tous<\/p>\n <h2>Cinq univers, <em>une seule adresse<\/em> en Provence.<\/h2>\n <p>Hors Bitume est le seul projet en PACA qui combine h\u00e9bergements premium, inclusion totale pour les handicaps lourds, et d\u00e9connexion digitale contractuelle.<\/p>\n <div class=\"inclusif-icons\">\n <span>\ud83d\udd10<\/span><span>\ud83d\udd2d<\/span><span>\ud83d\udc97<\/span><span>\u267f<\/span><span>\ud83c\udf3f<\/span>\n <\/div>\n <div class=\"inclusif-stats\">\n <div><div class=\"inclusif-stat-num\">100 m\u00b2<\/div><div class=\"inclusif-stat-label\">d'espace ext\u00e9rieur privatif<\/div><\/div>\n <div><div class=\"inclusif-stat-num\">0<\/div><div class=\"inclusif-stat-label\">concurrent PMR lourd en PACA<\/div><\/div>\n <div><div class=\"inclusif-stat-num\">+35%<\/div><div class=\"inclusif-stat-label\">croissance annuelle digital detox<\/div><\/div>\n <div><div class=\"inclusif-stat-num\">2027<\/div><div class=\"inclusif-stat-label\">ouverture \u2014 inscrivez-vous<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section community\" id=\"communaute\">\n <div class=\"community-inner\">\n <div>\n <span class=\"community-badge\">Projet en cours<\/span>\n <h2>Soyez les <em>premiers<\/em> \u00e0 le savoir.<\/h2>\n <p>Hors Bitume ouvre en 2027. Les premiers inscrits b\u00e9n\u00e9ficient d'un acc\u00e8s prioritaire aux r\u00e9servations, de tarifs early bird, et des coulisses exclusives du projet \u2014 le terrain trouv\u00e9, les containers qui arrivent, les choix de d\u00e9co en temps r\u00e9el.<\/p>\n <a href=\"https:\/\/instagram.com\/horsbitume\" class=\"community-follow\">\ud83d\udcf7 Suivre @horsbitume sur Instagram<\/a>\n <\/div>\n <div class=\"form-card\">\n <div class=\"form-row\"><label>Pr\u00e9nom<\/label><input type=\"text\" placeholder=\"Votre pr\u00e9nom\"><\/div>\n <div class=\"form-row\"><label>Email<\/label><input type=\"email\" placeholder=\"vous@email.com\"><\/div>\n <div class=\"form-row\">\n <label>L'univers qui vous attire<\/label>\n <select>\n <option>Choisir un univers\u2026<\/option>\n <option>\ud83d\udd10 La Chambre des Secrets<\/option>\n <option>\ud83d\udd2d La Bulle des \u00c9toiles<\/option>\n <option>\ud83d\udc97 Les Amoureux<\/option>\n <option>\u267f Comme les Autres<\/option>\n <option>\ud83c\udf3f La D\u00e9connexion<\/option>\n <option>Tous les univers<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Pour quelle occasion ?<\/label>\n <select>\n <option>Choisir\u2026<\/option>\n <option>Week-end en couple<\/option>\n <option>S\u00e9jour en famille<\/option>\n <option>Anniversaire \/ \u00c9v\u00e9nement<\/option>\n <option>Demande en mariage \/ Lune de miel<\/option>\n <option>S\u00e9jour adapt\u00e9 (PMR \/ Handicap)<\/option>\n <option>D\u00e9connexion \/ Bien-\u00eatre<\/option>\n <option>S\u00e9minaire entreprise<\/option>\n <\/select>\n <\/div>\n <button class=\"form-submit\">Je veux \u00eatre notifi\u00e9 en premier \u2192<\/button>\n <p class=\"form-note\">\ud83d\udd12 Aucun spam. Un email \u00e0 l'ouverture. D\u00e9sinscription en un clic.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"wrap\"><div class=\"divider\"><\/div><\/div>\n\n<section class=\"section\" id=\"faq\">\n <div class=\"section-head\">\n <p class=\"eyebrow\">Questions fr\u00e9quentes<\/p>\n <h2 class=\"section-title\">On vous <em>r\u00e9pond.<\/em><\/h2>\n <\/div>\n <div id=\"faq-list\">\n <div class=\"faq-item\">\n <button class=\"faq-q\">O\u00f9 se situera Hors Bitume ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">En Provence \u2014 dans l'arri\u00e8re-pays de la r\u00e9gion PACA. Le terrain est en cours de recherche. Les inscrits seront les premiers inform\u00e9s de l'adresse exacte.<\/div><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\">C'est quoi un container r\u00e9am\u00e9nag\u00e9 ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">Un container maritime de 40 pieds (12m de long, ~30m\u00b2 habitables) enti\u00e8rement transform\u00e9 en logement. Isolation thermique et phonique, rev\u00eatements int\u00e9rieurs soign\u00e9s, plomberie, \u00e9lectricit\u00e9.<\/div><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\">\u00ab Comme les Autres \u00bb est vraiment adapt\u00e9 \u00e0 la t\u00e9trapl\u00e9gie ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">C'est notre engagement le plus fort. Porte \u2265 90 cm, z\u00e9ro seuil, espace de rotation 1,50 m partout, lit m\u00e9dicalis\u00e9, l\u00e8ve-bain, domotique universelle. Nous visons le label Tourisme & Handicap 4 familles.<\/div><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\">\u00ab La D\u00e9connexion \u00bb \u2014 vraiment sans internet ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">Contractuellement oui. Pas de Wi-Fi, pas de connexion r\u00e9seau, pas de TV. Une bo\u00eete s\u00e9curis\u00e9e accueille votre t\u00e9l\u00e9phone \u00e0 l'entr\u00e9e. Un t\u00e9l\u00e9phone d'urgence analogique reste disponible pour la s\u00e9curit\u00e9.<\/div><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\">Comment b\u00e9n\u00e9ficier des tarifs early bird ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">En vous inscrivant aujourd'hui, vous rejoignez la liste prioritaire, avec acc\u00e8s aux r\u00e9servations avant l'ouverture officielle et des tarifs pr\u00e9f\u00e9rentiels.<\/div><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\">Peut-on privatiser le site pour un \u00e9v\u00e9nement ?<span class=\"plus\">+<\/span><\/button>\n <div class=\"faq-a\"><div class=\"faq-a-inner\">Oui \u2014 Hors Bitume peut accueillir des groupes en privatisant plusieurs containers simultan\u00e9ment. \u00ab La Chambre des Secrets \u00bb et \u00ab La D\u00e9connexion \u00bb sont particuli\u00e8rement adapt\u00e9es aux s\u00e9minaires.<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"footer-inner\">\n <div>\n <div class=\"footer-logo\">Hors <span>Bitume<\/span><\/div>\n <p>5 univers insolites en containers.<br>Provence \u2014 PACA \u2014 Ouverture 2027<\/p>\n <\/div>\n <div>\n <h4>Navigation<\/h4>\n <ul>\n <li><a href=\"#concept\">Le Projet<\/a><\/li>\n <li><a href=\"#univers\">Les 5 Univers<\/a><\/li>\n <li><a href=\"#communaute\">Rejoindre la communaut\u00e9<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4>Suivre l'aventure<\/h4>\n <ul><li><a href=\"https:\/\/instagram.com\/horsbitume\">@horsbitume \u2014 Instagram<\/a><\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Hors Bitume \u2014 Tous droits r\u00e9serv\u00e9s<\/span>\n <span>H\u00e9bergements insolites \u00b7 Provence \u00b7 PACA<\/span>\n <\/div>\n<\/footer>\n\n<script>\n document.querySelectorAll('.faq-item').forEach(item => {\n item.querySelector('.faq-q').addEventListener('click', () => {\n const wasOpen = item.classList.contains('open');\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n if (!wasOpen) item.classList.add('open');\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hors Bitume \u2014 H\u00e9bergements Insolites en Provence Hors Bitume Le Projet Les Univers Questions Rejoindre \u00catre notifi\u00e9 Provence \u2014 PACA […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":26,"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/horsbitume.fr\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}