<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Montélimar Archives | AccroCamp</title>
	<atom:link href="https://accrocamp.com/category/montelimar/feed/" rel="self" type="application/rss+xml" />
	<link>https://accrocamp.com/category/montelimar/</link>
	<description>Parcours Accrobranche partout en France</description>
	<lastBuildDate>Thu, 27 Aug 2026 13:08:52 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>
	<item>
		<title>Accrobranche à Montélimar : Vert-Tiges Aventure devient AccroCamp</title>
		<link>https://accrocamp.com/accrobranche-montelimar-vert-tiges-aventure/</link>
		
		<dc:creator><![CDATA[melvin]]></dc:creator>
		<pubDate>Thu, 27 Aug 2026 13:08:51 +0000</pubDate>
				<category><![CDATA[Montélimar]]></category>
		<guid isPermaLink="false">https://accrocamp.com/?p=11151</guid>

					<description><![CDATA[<p>Le parc Vert-Tiges Aventure écrit un nouveau chapitre de son histoire. En effet, il intègre officiellement le réseau AccroCamp. C&#8217;est une étape importante pour votre site d&#8217;accrobranche Montélimar. Cependant, le fonctionnement actuel se poursuit sans interruption. Le parc reste ouvert pour vous accueillir jusqu&#8217;à la fin de l&#8217;automne. Vert-Tiges Aventure : Ouvert jusqu&#8217;aux vacances de [&#8230;]</p>
<p>The post <a href="https://accrocamp.com/accrobranche-montelimar-vert-tiges-aventure/">Accrobranche à Montélimar : Vert-Tiges Aventure devient AccroCamp</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Accrobranche Montélimar : Vert-Tiges Aventure devient AccroCamp",
  "description": "Le célèbre parc Vert-Tiges devient AccroCamp ! Découvrez le meilleur parcours d'accrobranche Montélimar, le mini-golf et nos soirées Halloween.",
  "publisher": {
    "@type": "Organization",
    "name": "AccroCamp",
    "url": "https://www.accrocamp.com/"
  },
  "keywords": "accrobranche Montélimar, Vert-Tiges Aventure, AccroCamp Montélimar, mini-golf, Halloween Drôme, activités plein air",
  "articleSection": "Actualités & Nouveautés"
}
</script>

<style>
    .accrocamp-article-container {
        font-family: 'Helvetica', 'Arial', sans-serif;
        max-width: 800px;
        margin: 0 auto;
        color: #333333;
        line-height: 1.6;
    }

    .article-lead {
        font-size: 1.15rem;
        color: #555555;
        margin-bottom: 30px;
        font-weight: 400;
    }

    /* Titres H2 */
    .accrocamp-h2 {
        color: #363D08; /* Vert foncé AccroCamp */
        font-size: 1.8rem;
        margin-top: 40px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 3px solid #6A701D; /* Vert Olive */
    }

    /* Liens optimisés SEO */
    .seo-link {
        color: #D96721;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px dashed #D96721;
        transition: all 0.2s ease;
    }
    
    .seo-link:hover {
        color: #6A701D;
        border-bottom: 1px solid #6A701D;
    }

    /* Boîtes de mise en avant (GEO Friendly) */
    .geo-highlight-box {
        background-color: #F9FAF5;
        border-left: 5px solid #D96721; /* Orange AccroCamp */
        padding: 20px;
        border-radius: 4px;
        margin: 25px 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }

    .geo-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .geo-list li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
    }

    .geo-list li::before {
        content: '📍';
        position: absolute;
        left: 0;
        top: 0;
    }

    /* Section Témoignage / Avis */
    .testimonial-box {
        background-color: #E8F4F8;
        border: 1px solid #BFE0EC;
        padding: 25px;
        border-radius: 12px;
        margin: 30px 0;
        text-align: center;
    }
    
    .accrocamp-btn {
        background-color: #D96721;
        color: #ffffff !important;
        padding: 10px 22px;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.95em;
        border-radius: 30px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        margin-top: 15px;
    }
    
    .accrocamp-btn:hover {
        background-color: #363D08;
    }
</style>

<div class="accrocamp-article-container">

    <p class="article-lead">
        Le parc Vert-Tiges Aventure écrit un nouveau chapitre de son histoire. En effet, il intègre officiellement le réseau AccroCamp. C&rsquo;est une étape importante pour votre site d&rsquo;<strong>accrobranche Montélimar</strong>. Cependant, le fonctionnement actuel se poursuit sans interruption. Le parc reste ouvert pour vous accueillir jusqu&rsquo;à la fin de l&rsquo;automne.
    </p>

    <!-- AJOUT IMAGE POUR YOAST (Attribut alt exact) -->
    <div style="text-align: center; margin: 30px 0;">
        <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/04/nelly-scaled-1.jpg" alt="Le meilleur parcours d'accrobranche Montélimar chez AccroCamp Vert-Tiges" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
    </div>

    <!-- SECTION 1 -->
    <h2 class="accrocamp-h2">Vert-Tiges Aventure : Ouvert jusqu&rsquo;aux vacances de la Toussaint</h2>
    <p>
        Depuis sa création, Vert-Tiges est un acteur reconnu localement. Désormais, nous associons ce savoir-faire à l&rsquo;expérience d&rsquo;AccroCamp. Ainsi, notre équipe continuera de vous accueillir avec professionnalisme jusqu&rsquo;au 31 octobre 2026. Par conséquent, vous avez jusqu&rsquo;à la fin des vacances de la Toussaint pour profiter des parcours.
    </p>
    <p>
        Bien entendu, nos horaires d&rsquo;ouverture s&rsquo;adaptent à l&rsquo;arrière-saison. De ce fait, nous vous invitons à les consulter régulièrement. Ils sont mis à jour directement sur <a href="https://accrocamp.com/parcs/accrocamp-vert-tiges-accrobranche-montelimar/" class="seo-link">la page d&rsquo;accueil de notre parc</a>.
    </p>

    <!-- SECTION 2 (Titre modifié pour Yoast H2) -->
    <h2 class="accrocamp-h2">Une journée d&rsquo;accrobranche Montélimar en pleine forêt</h2>
    <p>
        Notre domaine offre un cadre adapté pour une sortie en famille. Tout d&rsquo;abord, vous pouvez y passer la journée à l&rsquo;ombre des arbres. En effet, nous proposons d&rsquo;excellents parcours d&rsquo;<a href="https://accrocamp.com/parcs/accrocamp-vert-tiges-accrobranche-montelimar/accrobranche-montelimar-accrocamp-vert-tige/" class="seo-link">accrobranche Montélimar</a>. De plus, les amateurs de sensations peuvent s&rsquo;élancer sur notre grande tyrolienne traversant la forêt.
    </p>
    <p>
        Ensuite, pour varier les activités, vous pouvez tester notre <a href="https://accrocamp.com/parcs/accrocamp-vert-tiges-accrobranche-montelimar/mini-golf-accrobranche-roussas/" class="seo-link">parcours de mini-golf</a>. C&rsquo;est une activité ludique, accessible à tous les âges. Par ailleurs, notre snack vous accueille entre deux parcours. Vous pourrez y prendre une pause gourmande, sucrée ou salée.
    </p>

    <!-- ENCART GEO (Optimisé pour les extraits IA) -->
    <div class="geo-highlight-box">
        <h3 style="color: #D96721; margin-top: 0; margin-bottom: 15px; font-size: 1.2rem;">Les informations pratiques de votre parc :</h3>
        <ul class="geo-list">
            <li><strong>Activités :</strong> Parcours d&rsquo;accrobranche, grande tyrolienne et mini-golf forestier.</li>
            <li><strong>Restauration :</strong> Un espace snack sur place pour vos pauses salées ou sucrées.</li>
            <li><strong>Événement :</strong> Deux soirées nocturnes thématiques prévues pour la période d&rsquo;Halloween.</li>
            <li><strong>Ouverture :</strong> Le parc vous accueille de façon continue jusqu&rsquo;au 31 octobre 2026.</li>
        </ul>
    </div>

    <!-- SECTION 3 -->
    <h2 class="accrocamp-h2">L&rsquo;événement de l&rsquo;automne : Les soirées Halloween</h2>
    <p>
        Pour clôturer cette saison 2026, nous préparons un événement thématique. En effet, à l&rsquo;occasion d&rsquo;Halloween, le parc organisera deux soirées spéciales. Ainsi, vous pourrez découvrir des sessions d&rsquo;accrobranche en nocturne. 
    </p>
    <p>
        Pour l&rsquo;occasion, le domaine sera décoré pour correspondre à l&rsquo;ambiance de l&rsquo;événement. Par conséquent, munissez-vous de votre courage. Préparez-vous à plonger dans une atmosphère mystérieuse au sommet des arbres.
    </p>

    <!-- SECTION 4 (Titre et texte modifiés pour la distribution Yoast) -->
    <h2 class="accrocamp-h2">Votre parc accrobranche Montélimar ancré sur son territoire</h2>
    <p>
        Finalement, la légitimité de notre parc d&rsquo;<strong>accrobranche Montélimar</strong> se mesure par la confiance de nos partenaires locaux. En effet, l&rsquo;Office de Tourisme de la Drôme Provençale référence nos activités. Vous pouvez lire leur présentation d&rsquo;<a href="https://www.dromeprovencale.fr/loisir/accrocamp-vert-tige/" target="_blank" class="seo-link">AccroCamp Vert-Tige</a> directement sur leur site internet.
    </p>
    <p>
        Régulièrement, les visiteurs soulignent également la qualité de l&rsquo;accueil et le cadre naturel du site. Ce lien de proximité reste notre priorité absolue.
    </p>

    <div class="testimonial-box">
        <p style="margin-top: 0; font-size: 1.1em; color: #363D08; font-weight: bold;">Votre satisfaction est notre meilleure recommandation</p>
        <p style="margin-bottom: 15px; font-style: italic; color: #555;">« Nous attachons une grande importance à vos retours d&rsquo;expérience. N&rsquo;hésitez pas à consulter nos avis en ligne pour vous faire une idée précise des activités proposées. »</p>
        <a href="https://share.google/OKcq16U20MD4MeJ4n" target="_blank" class="accrocamp-btn">
            Consulter les avis de nos visiteurs
        </a>
    </div>

</div>
<p>The post <a href="https://accrocamp.com/accrobranche-montelimar-vert-tiges-aventure/">Accrobranche à Montélimar : Vert-Tiges Aventure devient AccroCamp</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Nocturne AccroCamp</title>
		<link>https://accrocamp.com/nocturne-accrocamp/</link>
		
		<dc:creator><![CDATA[admin_accro]]></dc:creator>
		<pubDate>Mon, 27 Jul 2026 12:52:44 +0000</pubDate>
				<category><![CDATA[Forêt de Meudon]]></category>
		<category><![CDATA[Créteil]]></category>
		<category><![CDATA[Toulouse]]></category>
		<category><![CDATA[Angoulême]]></category>
		<category><![CDATA[Chartres]]></category>
		<category><![CDATA[Fort de Tamié]]></category>
		<category><![CDATA[Nantes]]></category>
		<category><![CDATA[Montélimar]]></category>
		<category><![CDATA[Rouen]]></category>
		<category><![CDATA[Saint Quentin en Yvelines]]></category>
		<category><![CDATA[Paris-Jablines]]></category>
		<category><![CDATA[Giverny Boucles de Seine]]></category>
		<category><![CDATA[Saint Germain-en-Laye]]></category>
		<category><![CDATA[Poissy]]></category>
		<guid isPermaLink="false">https://accrocamp.com/?p=4809</guid>

					<description><![CDATA[<p>Accrobranche en Nocturne : L&#8217;Activité Insolite de l&#8217;Été ! Vous cherchez l&#8217;activité incontournable du mois d&#8217;août ? Ne cherchez plus ! En effet, notre grande soirée accrobranche en nocturne est l&#8217;événement à ne surtout pas manquer. C&#8217;est incontestablement l&#8217;expérience insolite par excellence de cet été. De plus, elle est organisée dans tous nos parcs AccroCamp [&#8230;]</p>
<p>The post <a href="https://accrocamp.com/nocturne-accrocamp/">Nocturne AccroCamp</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h2 id="h-accrobranche-en-nocturne-l-activite-insolite-de-l-ete" class="wp-block-heading">Accrobranche en Nocturne : L&rsquo;Activité Insolite de l&rsquo;Été !</h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-left wp-block-paragraph">Vous cherchez l&rsquo;activité incontournable du mois d&rsquo;août ? Ne cherchez plus ! En effet, notre grande soirée accrobranche en nocturne est l&rsquo;événement à ne surtout pas manquer. C&rsquo;est incontestablement l&rsquo;expérience insolite par excellence de cet été. De plus, elle est organisée dans tous nos parcs AccroCamp en France. Ainsi, vous pouvez grimper dans l&rsquo;obscurité aux quatre coins du pays. Cependant, veuillez noter une seule petite exception. Notre parc de Rueil-Malmaison ne propose pas cet événement. Par conséquent, choisissez votre parc favori partout ailleurs et préparez-vous à frissonner. Enfin, réservez vite votre place pour notre unique date du mois d&rsquo;août !</p>



<div class="accrocamp-dates-container">
    <!-- TEXTE D'INTRODUCTION ÉPURÉ -->
    <p class="dates-intro-text">
        
    </p>

    <!-- BLOC DE LA DATE UNIQUE -->
    <div class="dates-grid">
        
        <!-- DATE UNIQUE -->
        <div class="date-badge-block">
            <span class="date-icon">🗓</span>
            <span class="date-label">Vendredi</span>
            <span class="date-day">21 Août</span>
        </div>

    </div>
</div>

<style>
    /* Importation de la police officielle Montserrat */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');

    .accrocamp-dates-container {
        font-family: 'Montserrat', sans-serif;
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        box-sizing: border-box;
        text-align: center;
    }

    .dates-intro-text {
        font-size: 1.1rem;
        line-height: 1.6;
        color: #363D08; /* Vert Sombre pour le texte */
        margin-bottom: 30px;
        font-weight: 400;
    }

    /* Grille alignée pour le bloc de date */
    .dates-grid {
        display: flex;
        justify-content: center;
        gap: 25px;
        margin-top: 20px;
    }

    /* Design des blocs de dates (Léger de base, Vert Olive) */
    .date-badge-block {
        flex: 1;
        max-width: 260px;
        background-color: #6A701D; /* Vert Olive principal */
        border: 2px solid #6A701D;
        border-radius: 20px;
        padding: 20px 15px;
        box-shadow: 0 8px 20px rgba(54, 61, 8, 0.08);
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.25s ease-in-out;
    }

    .date-icon {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }

    .date-label {
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #ffffff;
        opacity: 0.85;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .date-day {
        font-size: 1.6rem;
        font-weight: 900;
        color: #ffffff;
        letter-spacing: 0.5px;
    }

    /* --- EFFET AU SURVOL : FLASH COMPLET EN ORANGE --- */
    .date-badge-block:hover {
        background-color: #D96721 !important; /* Orange Cuivré officiel */
        border-color: #D96721 !important;
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(217, 103, 33, 0.25);
    }

    /* Appui tactile */
    .date-badge-block:active {
        transform: translateY(-1px);
    }

    /* --- RESPONSIVE MOBILE --- */
    @media (max-width: 550px) {
        .dates-grid {
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .date-badge-block {
            width: 100%;
            max-width: 300px;
            padding: 15px;
        }

        .date-day {
            font-size: 1.4rem;
        }
    }
</style>



<p class="has-text-align-center wp-block-paragraph">*<em>Pour le parc d&rsquo;Angoulême, les sessions nocturnes auront lieu exceptionnellement les vendredis 3 juillet et 7 août.</em></p>



<div class="accrocamp-booking-container">
    
    <details class="booking-dropdown">
        <summary class="booking-main-btn">
            JE RÉSERVE MA SESSION NOCTURNE !
        </summary>
        
        <div class="parks-grid">
            <div class="parks-column">
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-rueil-malmaison/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Rueil-Malmaison</span> <span class="park-cp">(92500)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-chaville/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Forêt de Meudon</span> <span class="park-cp">(92370)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-st-germain/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">St-Germain-en-Laye</span> <span class="park-cp">(78300)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-poissy/nocturnes-accro-cine?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Poissy</span> <span class="park-cp">(78300)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-saint-quentin/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Saint-Quentin-en-Yvelines</span> <span class="park-cp">(78190)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-boucles-de-seine/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Boucles de Seine</span> <span class="park-cp">(78840)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-creteil/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Créteil</span> <span class="park-cp">(94000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Jablines</span> <span class="park-cp">(77450)</span>
                </a>
            </div>
            
            <div class="parks-column">
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-chartres/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Chartres</span> <span class="park-cp">(28000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-angouleme/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Angoulême</span> <span class="park-cp">(16000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-rouen/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Rouen</span> <span class="park-cp">(76000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/accrocamp-nantes/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Nantes</span> <span class="park-cp">(44000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/acccrocamp-toulouse/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Toulouse</span> <span class="park-cp">(31000)</span>
                </a>
                <a href="https://accrocamp.qweekle.com/shop/fort-de-tamie/nocturne?lang=fr" target="_blank" class="park-link">
                    <span class="park-name">Fort de Tamié</span> <span class="park-cp">(73200)</span>
                </a>
                <a href="https://vert-tige-aventure.fr/parcours/?g-path=%2Fcart%2Factivities%2FeVY7AnskRBJcdD095byE6CNaZjH8Wml3pvhq" target="_blank" class="park-link">
                    <span class="park-name">Montélimar</span> <span class="park-cp">(26200)</span>
                </a>
            </div>
        </div>
    </details>

</div>

<style>
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap');

    .accrocamp-booking-container {
        font-family: 'Montserrat', sans-serif;
        max-width: 750px; /* Légèrement élargi pour accueillir les noms longs + CP sans sauts de ligne agressifs */
        margin: 40px auto;
        padding: 0 15px;
        box-sizing: border-box;
        text-align: center;
    }

    .booking-dropdown {
        background: #ffffff;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(54, 61, 8, 0.08);
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }

    .booking-main-btn {
        background-color: #6A701D; /* Vert Olive */
        color: #ffffff;
        padding: 22px 30px;
        font-size: 1.2rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        cursor: pointer;
        list-style: none;
        user-select: none;
        transition: all 0.25s ease-in-out;
    }

    .booking-main-btn::-webkit-details-marker {
        display: none;
    }

    .booking-main-btn:hover {
        background-color: #D96721; /* Orange Cuivré */
        box-shadow: 0 8px 20px rgba(217, 103, 33, 0.25);
    }

    .booking-dropdown[open] .booking-main-btn {
        background-color: #363D08; /* Vert Sombre quand ouvert */
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .parks-grid {
        display: flex;
        gap: 12px;
        padding: 20px;
        background-color: #ffffff;
        border: 2px solid #363D08;
        border-top: none;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        animation: slideDown 0.25s ease-out;
    }

    .parks-column {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .park-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 15px;
        background-color: #f9f9f6;
        color: #363D08; /* Texte Vert Sombre */
        font-size: 0.95rem;
        text-decoration: none;
        text-align: left;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

    .park-name {
        font-weight: 700;
    }

    .park-cp {
        font-size: 0.85rem;
        font-weight: 500;
        opacity: 0.75;
        margin-left: 8px;
        transition: color 0.2s ease-in-out;
    }

    .park-link:hover {
        background-color: #D96721; /* Orange Cuivré */
        color: #ffffff !important;
        transform: translateX(4px);
    }

    .park-link:hover .park-cp {
        color: #ffffff !important;
        opacity: 0.9;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 650px) {
        .booking-main-btn {
            font-size: 1rem;
            padding: 18px 20px;
        }

        .parks-grid {
            flex-direction: column;
            gap: 8px;
            padding: 15px;
        }

        .park-link {
            font-size: 0.9rem;
            padding: 11px 12px;
        }
        
        .park-link:hover {
            transform: translateY(-2px);
        }
    }
</style>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><img fetchpriority="high" decoding="async" width="768" height="1024" data-id="10802" src="https://accrocamp.com/wp-content/uploads/2026/06/5c7579c6-6950-4001-8a75-97da3d1d87ad-768x1024.jpg" alt="L'accrobranche en pleine nuit chez AccroCamp" class="wp-image-10802" srcset="https://accrocamp.com/wp-content/uploads/2026/06/5c7579c6-6950-4001-8a75-97da3d1d87ad-768x1024.jpg 768w, https://accrocamp.com/wp-content/uploads/2026/06/5c7579c6-6950-4001-8a75-97da3d1d87ad-225x300.jpg 225w, https://accrocamp.com/wp-content/uploads/2026/06/5c7579c6-6950-4001-8a75-97da3d1d87ad-1152x1536.jpg 1152w, https://accrocamp.com/wp-content/uploads/2026/06/5c7579c6-6950-4001-8a75-97da3d1d87ad.jpg 1200w" sizes="(max-width: 768px) 100vw, 768px" /></figure>
</figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large is-style-default"><img decoding="async" width="768" height="1024" src="https://accrocamp.com/wp-content/uploads/2026/06/6528a8e3-a9b1-4bb4-ad92-e5156ee0f465-768x1024.jpg" alt="Les nocturnes AccroCamp, l'activité insolite à Paris" class="wp-image-10801" srcset="https://accrocamp.com/wp-content/uploads/2026/06/6528a8e3-a9b1-4bb4-ad92-e5156ee0f465-768x1024.jpg 768w, https://accrocamp.com/wp-content/uploads/2026/06/6528a8e3-a9b1-4bb4-ad92-e5156ee0f465-225x300.jpg 225w, https://accrocamp.com/wp-content/uploads/2026/06/6528a8e3-a9b1-4bb4-ad92-e5156ee0f465-1152x1536.jpg 1152w, https://accrocamp.com/wp-content/uploads/2026/06/6528a8e3-a9b1-4bb4-ad92-e5156ee0f465.jpg 1200w" sizes="(max-width: 768px) 100vw, 768px" /></figure>
</div>
</div>



<h2 id="h-pourquoi-l-accrobranche-de-nuit-est-l-activite-insolite-par-excellence" class="wp-block-heading">Pourquoi l&rsquo;accrobranche de nuit est l&rsquo;activité insolite par excellence ?</h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Pratiquer l’<strong><a href="https://accrocamp.com/accrocamp-aventure-nature-proximite/">accrobranche</a> de nuit</strong> ou en fin de journée ne se résume pas à grimper avec moins de lumière. C&rsquo;est une redécouverte totale de la discipline et de la nature qui vous entoure. </p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="accrocamp-nocturne-container">
    
    <!-- BLOC 1 - VERT SOMBRE -->
    <div class="nocturne-block border-dark-green">
        <div class="block-header">
            <span class="block-number">1</span>
            <h3 class="block-title">Une immersion nature inédite</h3>
        </div>
        <p class="block-text">
            À la tombée du jour, la forêt s&rsquo;éveille et devient mystérieuse. Loin de la foule de l&rsquo;après-midi, profitez d&rsquo;une atmosphère intimiste et exclusive à partager en famille ou entre amis.
        </p>
    </div>

    <!-- BLOC 2 - VERT OLIVE -->
    <div class="nocturne-block border-olive-green">
        <div class="block-header">
            <span class="block-number">2</span>
            <h3 class="block-title">Une adrénaline multipliée</h3>
        </div>
        <p class="block-text">
            Sans repères visuels, la perception de l’espace change : la hauteur semble différente et les distances se floutent. Un défi idéal pour tester votre équilibre et votre concentration.
        </p>
    </div>

    <!-- BLOC 3 - VERT SOMBRE -->
    <div class="nocturne-block border-dark-green">
        <div class="block-header">
            <span class="block-number">3</span>
            <h3 class="block-title">Fuyez la chaleur estivale</h3>
        </div>
        <p class="block-text">
            En juillet et août, évitez les après-midis étouffants. Grimper en soirée vous permet de profiter de la fraîcheur des bois et d’une brise agréable pour rester actif tout l&rsquo;été.
        </p>
    </div>

</div>

<style>
    /* Importation de la police officielle Montserrat */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

    .accrocamp-nocturne-container {
        font-family: 'Montserrat', sans-serif;
        max-width: 800px;
        margin: 30px auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    /* Base légère et respirante */
    .nocturne-block {
        background-color: #ffffff;
        border-radius: 16px;
        padding: 22px 25px;
        margin-bottom: 20px;
        box-shadow: 0 4px 15px rgba(54, 61, 8, 0.03);
        cursor: pointer;
        transition: all 0.25s ease-in-out; /* Transition rapide et fluide */
    }

    /* Bordures initiales de la charte */
    .border-dark-green {
        border: 2px solid #363D08; /* Vert Sombre */
    }

    .border-olive-green {
        border: 2px solid #6A701D; /* Vert Olive */
    }

    .block-header {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    /* Pastille chiffre */
    .block-number {
        font-size: 1.1rem;
        font-weight: 700;
        color: #ffffff;
        background-color: #D96721; /* Orange au départ */
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        flex-shrink: 0;
        transition: all 0.25s ease-in-out;
    }

    .block-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #363D08;
        margin: 0;
        transition: color 0.25s ease-in-out;
    }

    .block-text {
        font-size: 0.95rem;
        line-height: 1.5;
        color: #555555;
        margin: 0;
        font-weight: 400;
        padding-left: 45px;
        transition: color 0.25s ease-in-out;
    }

    /* --- TOUT PASSE EN ORANGE AU SURVOL / TOUCH --- */
    .nocturne-block:hover {
        background-color: #D96721 !important; /* Devient tout orange */
        border-color: #D96721 !important;
        transform: translateY(-4px);
        box-shadow: 0 12px 25px rgba(217, 103, 33, 0.3); /* Ombre chaude orange */
    }

    /* Au survol, les textes basculent en blanc */
    .nocturne-block:hover .block-title,
    .nocturne-block:hover .block-text {
        color: #ffffff !important;
    }

    /* Le chiffre s'adapte pour rester visible (fond blanc, texte orange) */
    .nocturne-block:hover .block-number {
        background-color: #ffffff;
        color: #D96721;
    }

    /* Clic physique */
    .nocturne-block:active {
        transform: translateY(-1px);
    }

    /* Responsive Mobile */
    @media (max-width: 520px) {
        .nocturne-block {
            padding: 18px;
        }
        .block-text {
            padding-left: 0;
            margin-top: 8px;
        }
        .block-title {
            font-size: 1.1rem;
        }
    }
</style>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 id="h-l-activite-insolite-en-ile-de-france-et-partout-en-france" class="wp-block-heading">L&rsquo;activité insolite en Île-de-France et partout en France </h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Pour s&rsquo;adapter à nos différentes forêts et vous offrir la meilleure expérience possible, AccroCamp vous propose deux créneaux horaires selon les parcs :</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="accrocamp-table-wrapper">
    <table class="accrocamp-real-table">
        <thead>
            <tr>
                <th>Ambiance</th>
                <th>Parcs Concernés</th>
                <th>Horaires</th>
            </tr>
        </thead>
        <tbody>
            <tr class="row-accrocamp">
                <td class="cell-title">Grand Frisson Nocturne</td>
                <td>Parcs IDF &amp; Régions</td>
                <td class="cell-time">21h00 &#8211; 23h00</td>
            </tr>
        </tbody>
    </table>
</div>

<style>
    /* Importation de la police officielle Montserrat */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

    .accrocamp-table-wrapper {
        font-family: 'Montserrat', sans-serif;
        max-width: 850px;
        margin: 30px auto;
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* Structure du tableau calquée sur Screenshot 2026-06-16 at 10.34.36.png avec FOND VERT */
    .accrocamp-real-table {
        width: 100%;
        border-collapse: collapse;
        background-color: #363D08; /* Fond Vert Sombre officiel */
        border-radius: 16px;
        overflow: hidden; /* Pour que les coins arrondis fonctionnent avec le fond */
        text-align: left;
        box-shadow: 0 8px 24px rgba(54, 61, 8, 0.15);
    }

    /* En-tête du tableau (un peu plus sombre ou opaque pour dissocier) */
    .accrocamp-real-table th {
        font-size: 0.95rem;
        font-weight: 700;
        color: #ffffff; /* Texte blanc sur fond vert */
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 18px 20px;
        background-color: rgba(0, 0, 0, 0.15); /* Légère nuance pour l'en-tête */
        border-bottom: 3px solid #6A701D; /* Séparation Vert Olive */
    }

    /* Cellules du tableau */
    .accrocamp-real-table td {
        padding: 20px;
        font-size: 1rem;
        color: #ffffff; /* Tout le texte est blanc de base pour le contraste */
        font-weight: 400;
        transition: all 0.2s ease-in-out;
    }

    /* Bordures intérieures des lignes en Vert Olive */
    .row-accrocamp {
        border-bottom: 2px solid #6A701D; 
    }

    /* On retire la bordure sur la toute dernière ligne pour le clean design */
    .accrocamp-real-table tbody tr:last-child {
        border-bottom: none;
    }

    /* Mises en gras des titres et heures */
    .cell-title {
        font-weight: 700;
    }
    .cell-time {
        font-weight: 700;
    }

    /* --- EFFET AU SURVOL : LA LIGNE PASSE EN ORANGE --- */
    .accrocamp-real-table tbody tr {
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

    .accrocamp-real-table tbody tr:hover {
        background-color: #D96721 !important; /* Switch magique vers l'Orange Cuivré */
    }

    /* Maintien du texte blanc au survol */
    .accrocamp-real-table tbody tr:hover td {
        color: #ffffff !important;
    }

    /* Responsive Mobile */
    @media (max-width: 600px) {
        .accrocamp-real-table th, 
        .accrocamp-real-table td {
            padding: 14px 12px;
            font-size: 0.85rem;
        }
    }
</style>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 id="h-le-grand-frisson-des-nocturnes-21h-23h" class="wp-block-heading">Le Grand Frisson des « Nocturnes » (21h &#8211; 23h)</h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Dans les autres parcs d’Île-de-France et en régions, on passe aux choses sérieuses : de <strong>21h00 à 23h00</strong>, la forêt change complètement d&rsquo;ambiance.<br><br>On vous prête une <strong>lampe frontale</strong> à l&rsquo;entrée, et c&rsquo;est parti pour l&rsquo;immersion. Sans vos repères visuels habituels, le pont de singe ou le QuickJump demandent tout de suite un peu plus de courage.<br><br><strong>Le défi de la tyrolienne :</strong> Tentez l&rsquo;expérience ultime de foncer à toute vitesse sur nos tyroliennes géantes en pleine nuit. Et pour les vrais amateurs d&rsquo;adrénaline : cap ou pas cap d&rsquo;éteindre votre frontale juste avant de vous élancer dans le vide ?</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="accrocamp-qa-container">
    <h2 class="qa-main-title">Infos Pratiques : Comment Bien se Préparer ?</h2>
    <p class="qa-intro-text">
        Les parcours restent accessibles selon la taille des participants, exactement comme en journée (les systèmes de lignes de vie continues garantissent une sécurité maximale), mais voici quelques règles d&rsquo;or pour votre soirée :
    </p>

    <!-- CASE 1 : INFOS FLASH (ISOLÉE) -->
    <details class="qa-item" open>
        <summary class="qa-question">
            <span class="qa-icon">🔦</span> Infos pratiques
        </summary>
        <div class="qa-answer">
            <ul class="qa-flash-list">
                <li><strong>Durée :</strong> 2 heures d’activité, en soirée.</li>
                <li><strong>Éclairage :</strong> Lampes frontales fournies.</li>
                <li><strong>Réservation :</strong> Recommandée (places limitées).</li>
            </ul>
        </div>
    </details>

    <!-- CASE 2 : L'ÉQUIPEMENT -->
    <details class="qa-item">
        <summary class="qa-question">
            <span class="qa-icon">👟</span> L&rsquo;équipement
        </summary>
        <div class="qa-answer">
            <p>Venez simplement avec votre bonne humeur et une paire de chaussures fermées (<strong>baskets obligatoires</strong>). AccroCamp fournit l&rsquo;intégralité du matériel de sécurité (harnais, longes) ainsi que les lampes frontales pour les sessions de nuit.</p>
        </div>
    </details>

    <!-- CASE 3 : LA TENUE -->
    <details class="qa-item">
        <summary class="qa-question">
            <span class="qa-icon">👕</span> La tenue
        </summary>
        <div class="qa-answer">
            <p>Prévoyez des vêtements de sport confortables et éventuellement une petite veste, car les fins de soirées en forêt peuvent se rafraîchir rapidement.</p>
        </div>
    </details>

    <!-- CASE 4 : LES TARIFS -->
    <details class="qa-item">
        <summary class="qa-question">
            <span class="qa-icon">🎟️</span> Les Tarifs
        </summary>
        <div class="qa-answer">
            <p>Les prix s&rsquo;adaptent selon les parcs avec généralement deux catégories distinctes :</p>
            <ul>
                <li>Enfants de moins de 12 ans.</li>
                <li>Participants de 12 ans et plus (enfants + adultes).</li>
            </ul>
        </div>
    </details>
</div>

<style>
    /* Importation de la police officielle Montserrat */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');

    .accrocamp-qa-container {
        font-family: 'Montserrat', sans-serif;
        max-width: 850px;
        margin: 40px auto;
        padding: 30px;
        background-color: #363D08; /* Fond Vert Sombre officiel */
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(54, 61, 8, 0.15);
        box-sizing: border-box;
    }

    .qa-main-title {
        font-size: 1.6rem;
        font-weight: 900;
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
    }

    .qa-intro-text {
        font-size: 1rem;
        line-height: 1.6;
        color: #ffffff;
        opacity: 0.95;
        margin-bottom: 30px;
        font-weight: 400;
    }

    /* Structure des accordéons Q&A */
    .qa-item {
        background-color: rgba(255, 255, 255, 0.03);
        border: 2px solid #6A701D; /* Bordure Vert Olive */
        border-radius: 12px;
        margin-bottom: 15px;
        overflow: hidden;
        transition: all 0.25s ease-in-out;
    }

    .qa-item:last-child {
        margin-bottom: 0;
    }

    /* Style de la question cliquable */
    .qa-question {
        padding: 18px 20px;
        font-size: 1.1rem;
        font-weight: 700;
        color: #ffffff;
        cursor: pointer;
        display: flex;
        align-items: center;
        list-style: none;
        transition: all 0.25s ease-in-out;
    }

    .qa-question::-webkit-details-marker {
        display: none;
    }

    .qa-icon {
        margin-right: 12px;
        font-size: 1.2rem;
    }

    /* Style de la réponse révélée */
    .qa-answer {
        padding: 0 20px 20px 52px;
        color: #ffffff;
        font-size: 0.98rem;
        line-height: 1.6;
        font-weight: 400;
        opacity: 0.9;
    }

    .qa-answer p {
        margin: 0 0 10px 0;
    }

    .qa-answer p:last-child {
        margin-bottom: 0;
    }

    .qa-answer ul {
        margin: 5px 0 0 0;
        padding-left: 20px;
    }

    .qa-answer li {
        margin-bottom: 6px;
    }

    /* Liste spécifique pour la première case */
    .qa-flash-list {
        list-style-type: none !important;
        padding-left: 0 !important;
    }
    
    .qa-flash-list li {
        position: relative;
        padding-left: 15px;
    }
    
    .qa-flash-list li::before {
        content: "•";
        color: #D96721; /* Puces orange cuivré */
        font-weight: bold;
        display: inline-block;
        width: 15px;
        margin-left: -15px;
    }

    /* --- EFFET INTERACTIF : S'ALLUME EN ORANGE AU SURVOL --- */
    .qa-item:hover {
        background-color: #D96721; /* Devient Orange Cuivré complet */
        border-color: #D96721;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(217, 103, 33, 0.2);
    }
    
    .qa-item:hover .qa-flash-list li::before {
        color: #ffffff;
    }

    /* Style persistant si l'élément est ouvert */
    .qa-item[open] {
        background-color: rgba(255, 255, 255, 0.05);
        border-color: #6A701D;
    }
    
    .qa-item[open]:hover {
        background-color: #D96721;
        border-color: #D96721;
    }

    /* --- RESPONSIVE MOBILE --- */
    @media (max-width: 600px) {
        .accrocamp-qa-container {
            padding: 20px;
        }
        .qa-main-title {
            font-size: 1.3rem;
        }
        .qa-question {
            font-size: 1rem;
            padding: 15px;
        }
        .qa-answer {
            padding: 0 15px 15px 15px;
            font-size: 0.92rem;
        }
    }
</style>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Pour connaître les <strong>parcs participants</strong>, les <strong>dates exactes</strong> et <strong>réserver vos places</strong>, consultez la page dédiée sur <a href="https://www.accrocamp.com">www.accrocamp.com</a> ou rapprochez-vous du parc de votre choix.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Accrobranche en Nocturne - AccroCamp",
  "description": "L'activité insolite de l'été ! Venez grimper de nuit à la lueur des lampes frontales dans les parcs AccroCamp en France.",
  "image": "https://accrocamp.com/wp-content/uploads/2026/06/Screenshot-2026-06-08-15.29.32.jpg",
  "startDate": "2026-08-21T21:00:00+02:00",
  "endDate": "2026-08-21T23:00:00+02:00",
  "eventStatus": "https://schema.org/EventScheduled",
  "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
  "location": {
    "@type": "Place",
    "name": "Parcs AccroCamp (Île-de-France et Province, sauf Rueil-Malmaison)",
    "address": {
      "@type": "PostalAddress",
      "addressCountry": "FR"
    }
  },
  "organizer": {
    "@type": "Organization",
    "name": "AccroCamp",
    "url": "https://www.accrocamp.com/"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://accrocamp.com/nocturne-accrocamp/",
    "availability": "https://schema.org/InStock"
  }
}
</script>
<p>The post <a href="https://accrocamp.com/nocturne-accrocamp/">Nocturne AccroCamp</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gagnez un Week-end d’Exception au Fort de Tamié pour les 10 Ans d’AccroCamp !</title>
		<link>https://accrocamp.com/jeu-concours-10-ans-accrocamp/</link>
		
		<dc:creator><![CDATA[Imene]]></dc:creator>
		<pubDate>Thu, 16 Jul 2026 16:05:11 +0000</pubDate>
				<category><![CDATA[Giverny Boucles de Seine]]></category>
		<category><![CDATA[Saint Quentin en Yvelines]]></category>
		<category><![CDATA[Saint Germain-en-Laye]]></category>
		<category><![CDATA[Poissy]]></category>
		<category><![CDATA[Forêt de Meudon]]></category>
		<category><![CDATA[Rueil-Malmaison]]></category>
		<category><![CDATA[Créteil]]></category>
		<category><![CDATA[Toulouse]]></category>
		<category><![CDATA[Chartres]]></category>
		<category><![CDATA[Angoulême]]></category>
		<category><![CDATA[Nantes]]></category>
		<category><![CDATA[Caen]]></category>
		<category><![CDATA[Rouen]]></category>
		<category><![CDATA[Fort de Tamié]]></category>
		<category><![CDATA[Paris-Jablines]]></category>
		<category><![CDATA[Montélimar]]></category>
		<guid isPermaLink="false">https://accrocamp.com/?p=10405</guid>

					<description><![CDATA[<p>Grand Jeu Concours National : Les 10 Ans d&#8217;AccroCamp ! Pour célébrer les 10 ans du groupe AccroCamp depuis l&#8217;ouverture de notre tout premier parc à Rueil-Malmaison, et marquer tout le chemin parcouru à vos côtés, nous lançons une opération exceptionnelle dans toute la France. Découvrez l&#8217;expérience exclusive qui attend les grands gagnants de notre [&#8230;]</p>
<p>The post <a href="https://accrocamp.com/jeu-concours-10-ans-accrocamp/">Gagnez un Week-end d’Exception au Fort de Tamié pour les 10 Ans d’AccroCamp !</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<style>
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght=400;600;800&display=swap');

    :root {
        --acc-green: #6a701d;
        --acc-green-dark: #363d08;
        --acc-orange: #d96721;
        --text-dark: #232611;
        --text-muted: #555555;
    }

    /* Scroll fluide global */
    html {
        scroll-behavior: smooth;
    }

    .accrocamp-premium-landing {
        font-family: 'Plus Jakarta Sans', sans-serif;
        color: var(--text-dark);
        max-width: 1000px;
        margin: 0 auto;
        padding: 40px 20px;
        background-color: #ffffff;
    }

    /* ==========================================================================
       SECTION EN-TÊTE (HERO SPLIT AVEC PHOTO DU FORT DE TAMIÉ)
       ========================================================================== */
    .hero-split-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: center;
        margin-bottom: 40px;
    }

    .hero-text-side h1 {
        font-weight: 800;
        font-size: 2.5rem;
        line-height: 1.2;
        margin: 0 0 20px 0;
        letter-spacing: -1px;
        color: var(--acc-green);
    }

    .hero-text-side .intro-text {
        font-size: 1.05rem;
        line-height: 1.6;
        color: var(--text-muted);
        margin: 0;
    }

    .hero-image-side {
        width: 100%;
        height: 320px;
        border-radius: 16px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }

    .hero-image-side img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* ==========================================================================
       BADGE DATE (CENTRÉ)
       ========================================================================== */
    .date-badge-wrapper {
        text-align: center;
        margin-bottom: 30px;
    }

    .date-badge-block {
        display: inline-block;
        background-color: rgba(106, 112, 29, 0.08);
        color: var(--acc-green);
        padding: 8px 16px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.95rem;
    }

    /* ==========================================================================
       BLOC INTERACTIF "À GAGNER"
       ========================================================================== */
    .premium-prize-box {
        background-color: #ffffff;
        border: 2px dashed var(--acc-orange);
        padding: 35px 25px;
        border-radius: 16px;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
    }

    .premium-prize-box:hover {
        background-color: rgba(217, 103, 33, 0.04);
        border-style: solid;
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(217, 103, 33, 0.08);
    }

    .premium-prize-box h2 {
        color: var(--acc-orange);
        font-size: 1.8rem;
        font-weight: 800;
        margin: 0 0 8px 0;
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }

    .premium-prize-box p {
        color: var(--text-dark);
        font-size: 1.1rem;
        font-weight: 600;
        margin: 0;
        opacity: 0.9;
    }

    @media (max-width: 768px) {
        .hero-split-container {
            grid-template-columns: 1fr;
            gap: 25px;
        }
        .hero-text-side h1 {
            font-size: 2rem;
        }
        .hero-image-side {
            height: 200px;
        }
    }
</style>

<div class="accrocamp-premium-landing">
    <!-- EN-TÊTE PRINCIPAL DE LA PAGE AVEC LA PHOTO DU FORT -->
    <div class="hero-split-container">
        <div class="hero-text-side">
            <h1>Grand Jeu Concours National : Les 10 Ans d&rsquo;AccroCamp !</h1>
            <p class="intro-text">Pour célébrer les 10 ans du groupe AccroCamp depuis l&rsquo;ouverture de notre tout premier parc à Rueil-Malmaison, et marquer tout le chemin parcouru à vos côtés, nous lançons une opération exceptionnelle dans toute la France. Découvrez l&rsquo;expérience exclusive qui attend les grands gagnants de notre tirage au sort.</p>
        </div>
        <div class="hero-image-side">
            <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Screenshot-2026-07-09-at-13.54.40.jpg" alt="Le Fort de Tamié">
        </div>
    </div>

    <!-- BADGE DATE -->
    <div class="date-badge-wrapper">
        <div class="date-badge-block">
            Week-end d&rsquo;exception du vendredi soir 18 au dimanche 20 septembre 2026
        </div>
    </div>

    <!-- BLOC TEXTURÉ "À GAGNER" -->
    <div class="premium-prize-box">
        <h2>À gagner : Un week-end tout inclus pour 4 personnes au Fort de Tamié !</h2>
        <p>Hébergements, repas et toutes les activités inclus (hors transport)</p>
    </div>
</div>



<style>
    /* ==========================================================================
       STYLE DE L'ENTÊTE ET DU COMPTE À REBOURS DU CONCOURS
       ========================================================================== */
    .acc-contest-header {
        background-color: #F2F7EB; /* Vert pâle très doux */
        border: 2px solid var(--acc-green, #6a701d);
        border-radius: 16px;
        padding: 25px;
        margin-bottom: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        box-shadow: 0 8px 20px rgba(106, 112, 29, 0.05);
        box-sizing: border-box;
    }

    .acc-contest-info {
        flex: 1.3;
    }

    .acc-contest-badge {
        display: inline-block;
        background-color: var(--acc-orange, #d96721);
        color: #ffffff;
        font-size: 0.8rem;
        font-weight: 800;
        text-transform: uppercase;
        padding: 5px 14px;
        border-radius: 20px;
        margin-bottom: 12px;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 10px rgba(217, 103, 33, 0.2);
    }

    .acc-contest-dates {
        font-size: 1.15rem;
        line-height: 1.5;
        margin: 0;
        color: var(--text-dark, #232611);
    }

    .acc-contest-dates strong {
        color: var(--acc-orange, #d96721);
        font-weight: 800;
    }

    /* Le Boîtier du Timer */
    .acc-countdown-container {
        flex: 1;
        background-color: #ffffff;
        padding: 15px 20px;
        border-radius: 12px;
        border: 1px solid rgba(106, 112, 29, 0.15);
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.02), 0 4px 10px rgba(0,0,0,0.02);
        min-width: 280px;
        box-sizing: border-box;
    }

    .acc-countdown-title {
        font-size: 0.8rem;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--text-muted, #555555);
        margin-bottom: 12px;
        letter-spacing: 0.5px;
    }

    .acc-timer {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
    }

    .acc-timer-segment {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 55px;
    }

    .acc-timer-number {
        font-size: 1.8rem;
        font-weight: 800;
        color: var(--acc-green-dark, #363d08);
        line-height: 1;
    }

    .acc-timer-label {
        font-size: 0.65rem;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--acc-green, #6a701d);
        margin-top: 4px;
        letter-spacing: 0.2px;
    }

    .acc-timer-divider {
        font-size: 1.8rem;
        font-weight: 800;
        color: var(--acc-green-dark, #363d08);
        margin-top: -15px; /* Aligne les deux points verticalement */
    }

    /* Adaptabilité mobile */
    @media (max-width: 768px) {
        .acc-contest-header {
            flex-direction: column;
            text-align: center;
            padding: 20px 15px;
            gap: 20px;
        }
        .acc-contest-info {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .acc-countdown-container {
            width: 100%;
        }
    }
</style>

<div class="acc-contest-header">
    <div class="acc-contest-info">
        <span class="acc-contest-badge">🍀 Tentez votre chance</span>
        <p class="acc-contest-dates">
            Le grand jeu concours est ouvert ! Participez en ligne ou sur place du <strong>samedi 18 juillet</strong> au <strong>dimanche 30 août 2026 inclus</strong>. 
        </p>
    </div>
    
    <div class="acc-countdown-container">
        <div class="acc-countdown-title">Temps restant avant clôture :</div>
        <div id="acc-timer" class="acc-timer">
            <div class="acc-timer-segment">
                <span id="acc-days" class="acc-timer-number">00</span>
                <span class="acc-timer-label">Jours</span>
            </div>
            <div class="acc-timer-divider">:</div>
            <div class="acc-timer-segment">
                <span id="acc-hours" class="acc-timer-number">00</span>
                <span class="acc-timer-label">Heures</span>
            </div>
            <div class="acc-timer-divider">:</div>
            <div class="acc-timer-segment">
                <span id="acc-minutes" class="acc-timer-number">00</span>
                <span class="acc-timer-label">Min</span>
            </div>
            <div class="acc-timer-divider">:</div>
            <div class="acc-timer-segment">
                <span id="acc-seconds" class="acc-timer-number">00</span>
                <span class="acc-timer-label">Sec</span>
            </div>
        </div>
    </div>
</div>

<script>
    (function() {
        // Date cible : Dimanche 30 août 2026 à 18h59m59s
        const targetDate = new Date("2026-08-30T23:59:59").getTime();

        function updateContestTimer() {
            const now = new Date().getTime();
            const difference = targetDate - now;

            const timerElement = document.getElementById("acc-timer");

            // Si le concours est terminé
            if (difference < 0) {
                if (timerElement) {
                    timerElement.innerHTML = "<div style='font-weight:800; color:#d96721; font-size:1.1rem; text-transform:uppercase; letter-spacing:0.5px;'>⌛ Concours Clôturé !</div>";
                }
                clearInterval(timerInterval);
                return;
            }

            // Calcul du temps restant
            const days = Math.floor(difference / (1000 * 60 * 60 * 24));
            const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((difference % (1000 * 60)) / 1000);

            // Injection des valeurs avec un "0" de remplissage si nécessaire
            const daysEl = document.getElementById("acc-days");
            const hoursEl = document.getElementById("acc-hours");
            const minutesEl = document.getElementById("acc-minutes");
            const secondsEl = document.getElementById("acc-seconds");

            if (daysEl) daysEl.innerText = days.toString().padStart(2, '0');
            if (hoursEl) hoursEl.innerText = hours.toString().padStart(2, '0');
            if (minutesEl) minutesEl.innerText = minutes.toString().padStart(2, '0');
            if (secondsEl) secondsEl.innerText = seconds.toString().padStart(2, '0');
        }

        // Lancement immédiat puis mise à jour toutes les secondes
        updateContestTimer();
        const timerInterval = setInterval(updateContestTimer, 1000);
    })();
</script>



<style>
    /* ==========================================================================
       SECTION SOMMAIRE PREMIUM ÉPURÉ (SANS BLOC NI EMOJIS)
       ========================================================================== */
    html {
        scroll-behavior: smooth;
    }

    .toc-global-section {
        max-width: 1000px;
        margin: 20px auto 60px auto;
        padding: 0 20px;
        font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    }

    .toc-title {
        font-size: 1.5rem;
        font-weight: 800;
        color: var(--acc-green-dark, #363d08);
        text-transform: uppercase;
        letter-spacing: -0.5px;
        margin: 0 0 35px 0;
        position: relative;
        padding-bottom: 12px;
    }

    .toc-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 3px;
        background-color: var(--acc-green, #6a701d);
        border-radius: 2px;
    }

    .toc-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 35px 60px;
    }

    .toc-item {
        display: block;
        text-decoration: none !important;
        transition: transform 0.2s ease-in-out;
    }

    .toc-item-header {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .toc-text-main {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-dark, #232611);
        transition: color 0.2s ease;
    }

    .toc-dots {
        flex-grow: 1;
        margin: 0 12px;
        border-bottom: 1px dashed #cbd5e1;
    }

    .toc-number {
        font-size: 0.95rem;
        font-weight: 800;
        color: var(--acc-green, #6a701d);
        font-variant-numeric: tabular-nums;
    }

    .toc-description {
        font-size: 0.92rem;
        color: var(--text-muted, #555555);
        line-height: 1.6;
        margin: 0;
    }

    .toc-item:hover {
        transform: translateX(6px);
    }

    .toc-item:hover .toc-text-main {
        color: var(--acc-orange, #d96721);
    }

    @media (max-width: 768px) {
        .toc-grid {
            grid-template-columns: 1fr;
            gap: 28px;
        }
    }
</style>

<div class="toc-global-section">
    
    <h3 class="toc-title">Au programme de l&rsquo;aventure</h3>

    <div class="toc-grid">
        
        <!-- Section 1 -->
        <a href="#section-participation" class="toc-item">
            <div class="toc-item-header">
                <span class="toc-text-main">Comment participer ?</span>
                <span class="toc-dots"></span>
                <span class="toc-number">01</span>
            </div>
            <p class="toc-description">Découvrez les différentes étapes pour valider votre inscription sur les réseaux sociaux ou directement au sein de nos parcs.</p>
        </a>

        <!-- Section 2 -->
        <a href="#section-planning" class="toc-item">
            <div class="toc-item-header">
                <span class="toc-text-main">Le Programme du Week-end</span>
                <span class="toc-dots"></span>
                <span class="toc-number">02</span>
            </div>
            <p class="toc-description">Le déroulement complet de votre séjour du vendredi soir au dimanche après-midi, incluant les activités et les repas.</p>
        </a>

        <!-- Section 3 -->
        <a href="#section-hosts" class="toc-item">
            <div class="toc-item-header">
                <span class="toc-text-main">Vos Hôtes d&rsquo;Exception</span>
                <span class="toc-dots"></span>
                <span class="toc-number">03</span>
            </div>
            <p class="toc-description">Présentation détaillée des hébergements de prestige et des artisans locaux qui vous recevront tout au long de l&rsquo;événement.</p>
        </a>

        <!-- Section 4 -->
        <a href="#section-questions" class="toc-item">
            <div class="toc-item-header">
                <span class="toc-text-main">Vos éventuelles questions</span>
                <span class="toc-dots"></span>
                <span class="toc-number">04</span>
            </div>
            <p class="toc-description">Toutes les réponses concernant la prise en charge logistique, le transport, les repas et l&rsquo;accessibilité des activités.</p>
        </a>

    </div>
</div>



<style>
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght=400;600;800&display=swap');

    :root {
        --acc-green: #6a701d;
        --acc-green-dark: #363d08;
        --acc-orange: #d96721;
        --text-dark: #232611;
        --text-muted: #555555;
    }

    /* ==========================================================================
       SECTION COMMENT PARTICIPER (BLOCS COLORÉS)
       ========================================================================== */
    .participation-section {
        max-width: 1000px;
        margin: 0 auto 60px auto;
        padding: 40px 20px;
        font-family: 'Plus Jakarta Sans', sans-serif;
        scroll-margin-top: 40px; /* Aligne proprement la cible lors du clic sur le sommaire */
    }

    .participation-section h2 {
        text-align: center;
        font-weight: 800;
        font-size: 2.2rem;
        color: var(--acc-green-dark);
        margin-bottom: 40px;
        letter-spacing: -1px;
    }

    .participation-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin-bottom: 30px;
    }

    .participation-column {
        border-radius: 24px;
        padding: 35px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        border: 2px solid transparent;
    }

    .participation-column.insta-card {
        background-color: rgba(217, 103, 33, 0.06);
    }
    
    .participation-column.insta-card h3 {
        color: #b54d12;
    }

    .participation-column.insta-card:hover {
        background-color: #d96721;
        transform: translateY(-4px);
        box-shadow: 0 15px 30px rgba(217, 103, 33, 0.2);
    }

    .participation-column.park-card {
        background-color: rgba(106, 112, 29, 0.07);
    }

    .participation-column.park-card h3 {
        color: #4e5314;
    }

    .participation-column.park-card:hover {
        background-color: #6a701d;
        transform: translateY(-4px);
        box-shadow: 0 15px 30px rgba(106, 112, 29, 0.2);
    }

    .participation-column.bonus-card {
        background-color: #f8fafc;
        border: 2px solid #e2e8f0;
    }

    .participation-column.bonus-card h3 {
        color: var(--text-dark);
    }

    .participation-column.bonus-card:hover {
        background-color: #475569;
        border-color: #475569;
        transform: translateY(-4px);
        box-shadow: 0 15px 30px rgba(71, 85, 105, 0.15);
    }

    .participation-column:hover h3,
    .participation-column:hover ul,
    .participation-column:hover p {
        color: #ffffff !important;
    }

    .participation-column:hover .insta-handle {
        background-color: rgba(255, 255, 255, 0.2);
        color: #ffffff;
    }

    .participation-column h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 800;
        font-size: 1.5rem;
        letter-spacing: -0.5px;
        transition: color 0.3s ease;
    }

    .participation-column ul {
        padding-left: 20px;
        margin: 0;
        color: var(--text-dark);
        font-weight: 400;
        line-height: 1.8;
        transition: color 0.3s ease;
    }

    .participation-column p {
        margin: 0;
        color: var(--text-muted);
        font-size: 1.05rem;
        line-height: 1.6;
        transition: color 0.3s ease;
    }

    .participation-column li {
        margin-bottom: 12px;
    }

    .participation-column li:last-child {
        margin-bottom: 0;
    }

    .insta-handle {
        display: inline-block;
        background-color: #f1f5f9;
        color: #475569;
        padding: 2px 8px;
        border-radius: 6px;
        font-weight: 600;
        font-size: 0.9rem;
        transition: all 0.3s ease;
        line-height: 1.2;
        margin: 2px 0;
    }

    .insta-action-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: #ffffff;
        color: #d96721 !important;
        border: 2px solid transparent;
        text-decoration: none !important;
        padding: 14px;
        border-radius: 12px;
        font-weight: 800;
        font-size: 1rem;
        margin-top: 25px;
        box-shadow: 0 4px 10px rgba(217, 103, 33, 0.1);
        transition: all 0.2s ease;
    }

    .participation-column.insta-card:hover .insta-action-btn {
        background: #ffffff;
        color: #d96721 !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }

    .insta-action-btn:hover {
        transform: scale(1.02);
    }

    .insta-action-btn svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

    @media (max-width: 768px) {
        .participation-grid {
            grid-template-columns: 1fr;
            gap: 25px;
        }
        .participation-section h2 {
            font-size: 1.8rem;
        }
    }
</style>

<div class="participation-section" id="section-participation">
    <h2>Comment participer ?</h2>
    
    <div class="participation-grid">
        
        <!-- OPTION 1 : INSTAGRAM -->
        <div class="participation-column insta-card">
            <div>
                <h3>Option 1 : Sur Instagram</h3>
                <ul>
                    <li>Abonnez-vous aux comptes officiels 
                        <span class="insta-handle">@accrocamp</span>, 
                        <span class="insta-handle">@bclhotels</span> et 
                        <span class="insta-handle">@pensees_des_alpes</span>.
                    </li>
                    <li>Aimez la publication dédiée au jeu-concours.</li>
                    <li>Identifiez 3 amis en commentaire sous le post officiel.</li>
                </ul>
            </div>
            
            <a href="https://www.instagram.com/p/Da3C_LvNLMS/?utm_source=ig_web_copy_link&#038;igsh=MzRlODBiNWFlZA==" class="insta-action-btn" target="_blank">
                <svg viewBox="0 0 24 24">
                    <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0 3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path>
                </svg>
                Ouvrir la publication Instagram
            </a>
        </div>

        <!-- OPTION 2 : EN PARC -->
        <div class="participation-column park-card">
            <div>
                <h3>Option 2 : Directement en Parc</h3>
                <ul>
                    <li>Rendez-vous à l&rsquo;accueil de l&rsquo;un de nos parcs AccroCamp.</li>
                    <li>Scannez le QR Code mis à votre disposition à l&rsquo;accueil.</li>
                    <li>Remplissez le court formulaire en ligne pour enregistrer votre présence.</li>
                </ul>
            </div>
        </div>

    </div>

    <!-- OPTION BONUS : DOUBLE CHANCE -->
    <div style="margin-top: 30px;">
        <div class="participation-column bonus-card">
            <div>
                <h3>Option Bonus : Double Chance !</h3>
                <p>Jouez sur le canal de votre choix, ou tentez votre chance sur les deux pour <strong>doubler vos chances</strong> d&rsquo;être tiré au sort !</p>
            </div>
        </div>
    </div>
</div>



<div class="planning-section" id="section-planning"><style>
    /* ==========================================================================
       SECTION PLANNING : TIMELINE AVEC TITRE EN MAJUSCULES & PHOTO PREVIEW
       ========================================================================= */
    .planning-section {
        margin-top: 60px;
        margin-bottom: 60px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* Grand Titre de section orange en majuscules */
    .planning-title-wrapper {
        text-align: center;
        margin-bottom: 60px;
    }

    .planning-title-box {
        display: inline-block;
        background-color: #ffffff;
        border: 2px dashed var(--acc-orange, #d96721);
        padding: 16px 45px;
        border-radius: 16px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    .planning-title-box:hover {
        background-color: rgba(217, 103, 33, 0.04);
        border-style: solid;
        transform: scale(1.02);
        box-shadow: 0 10px 25px rgba(217, 103, 33, 0.08);
    }

    .planning-title-box h2 {
        margin: 0;
        font-weight: 600;
        font-size: 2.2rem;
        color: var(--acc-orange, #d96721);
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    /* Conteneur de la ligne unique */
    .single-line-timeline {
        position: relative;
        padding-left: 40px;
        margin-top: 30px;
    }

    .single-line-timeline::before {
        content: '';
        position: absolute;
        left: 6px;
        top: 8px;
        bottom: 8px;
        width: 2px;
        background-color: #e2e8f0;
    }

    .timeline-day-group {
        position: relative;
        margin-bottom: 45px;
    }

    .timeline-day-group:last-child {
        margin-bottom: 0;
    }

    .day-node {
        position: absolute;
        left: -40px;
        top: 6px;
        width: 14px;
        height: 14px;
        background-color: #ffffff;
        border: 2px solid #cbd5e1;
        border-radius: 50%;
        z-index: 2;
    }

    .timeline-day-group.vendredi:hover .day-node { border-color: #94a3b8; background-color: #94a3b8; }
    .timeline-day-group.samedi:hover .day-node { border-color: var(--acc-green, #6a701d); background-color: var(--acc-green, #6a701d); }
    .timeline-day-group.dimanche:hover .day-node { border-color: var(--acc-orange, #d96721); background-color: var(--acc-orange, #d96721); }

    /* Titres des jours */
    .day-group-title {
        font-size: 1.4rem;
        font-weight: 600;
        color: var(--text-dark, #232611);
        margin: 0 0 20px 0;
    }

    .day-group-title .day-date-label {
        font-size: 0.95rem;
        color: var(--text-muted, #555555);
        font-weight: 400;
        margin-left: 10px;
    }

    .day-events-list {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .event-item {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 20px;
    }

    .event-item-time {
        font-size: 0.95rem;
        font-weight: 700;
        color: #64748b;
        padding-top: 1px;
        text-transform: capitalize;
    }

    .timeline-day-group.samedi .event-item-time { color: var(--acc-green, #6a701d); }
    .timeline-day-group.dimanche .event-item-time { color: var(--acc-orange, #d96721); }

    .event-item-text h4 {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--text-dark, #232611);
        margin: 0 0 4px 0;
    }

    .event-item-text p {
        font-size: 0.95rem;
        font-weight: 400;
        color: var(--text-muted, #555555);
        margin: 0;
        line-height: 1.6;
    }

    /* Style de base des boutons interactifs de la timeline */
    .timeline-action-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--acc-orange, #d96721);
        text-decoration: none !important;
        border: 1px solid var(--acc-orange, #d96721);
        padding: 6px 14px;
        border-radius: 6px;
        transition: all 0.2s ease;
        box-sizing: border-box; /* CORRECTION AJOUTÉE ICI */
    }

    .timeline-action-btn:hover {
        background-color: var(--acc-orange, #d96721);
        color: #ffffff;
    }

    /* Conteneur des boutons du dimanche pour les aligner à côté */
    .sunday-buttons-flex {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 5px;
    }

    .item-libre-indication {
        margin-left: 160px; 
        font-size: 0.9rem; 
        color: var(--text-muted, #555555); 
        font-style: italic;
    }

    /* ==========================================================================
       SYSTÈME D'APPARITION PHOTO (PREVIEW HOVER)
       ========================================================================= */
    .photo-preview-trigger {
        position: relative;
        color: var(--text-dark, #232611);
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px dashed #cbd5e1;
        cursor: pointer;
    }

    .photo-preview-box {
        position: absolute;
        bottom: 135%; 
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        width: 260px;  
        height: 160px; 
        background-color: #f1f5f9;
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 10;
        border: 3px solid #ffffff; 
    }

    .photo-preview-box::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #ffffff transparent transparent transparent;
    }

    .photo-preview-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .photo-preview-trigger:hover .photo-preview-box {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    @media (max-width: 600px) {
        .event-item {
            grid-template-columns: 1fr;
            gap: 4px;
        }
        .item-libre-indication {
            margin-left: 0;
            margin-top: -10px;
        }
        .photo-preview-box {
            width: 200px;
            height: 130px;
        }
        .sunday-buttons-flex {
            flex-direction: column;
            gap: 8px;
        }
        .sunday-buttons-flex .timeline-action-btn {
            width: 100%;
            justify-content: center;
        }
    }
</style>

<div class="planning-section">

    <!-- LE GRAND TITRE ORANGE ET MAJUSCULE -->
    <div class="planning-title-wrapper">
        <div class="planning-title-box">
            <h2>Le Programme du Week-end</h2>
        </div>
    </div>

    <!-- LA TIMELINE ÉPURÉE SUR UNE SEULE LIGNE -->
    <div class="single-line-timeline">

        <!-- VENDREDI -->
        <div class="timeline-day-group vendredi">
            <div class="day-node"></div>
            <h3 class="day-group-title">
                Vendredi <span class="day-date-label">18 septembre 2026</span>
            </h3>
            
            <div class="day-events-list">
                <div class="event-item">
                    <div class="event-item-time">En soirée</div>
                    <div class="event-item-text">
                        <h4>Arrivée &amp; Nuit aux 
                            <span class="photo-preview-trigger">
                                Pensées des Alpes
                                <span class="photo-preview-box">
                                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Design-sans-titre.jpg" alt="Pensées des Alpes">
                                </span>
                            </span>
                        </h4>
                        <p>Accueil et installation à votre rythme pour cette première nuit d&rsquo;exception.</p>
                    </div>
                </div>
                <div class="item-libre-indication">
                    Dîner libre (non inclus pour ce premier soir)
                </div>
            </div>
        </div>

        <!-- SAMEDI -->
        <div class="timeline-day-group samedi">
            <div class="day-node"></div>
            <h3 class="day-group-title">
                Samedi <span class="day-date-label">19 septembre 2026</span>
            </h3>
            
            <div class="day-events-list">
                <div class="event-item">
                    <div class="event-item-time">Au réveil</div>
                    <div class="event-item-text">
                        <h4>Petit-déjeuner de la boulangerie @larecre_albertville</h4>
                        <p>Viennoiseries et pains frais artisanaux pour prendre des forces avant le grand départ.</p>
                    </div>
                </div>
                <div class="event-item">
                    <div class="event-item-time">La journée</div>
                    <div class="event-item-text">
                        <h4>Aventure au Fort de Tamié</h4>
                        <p>Des activités adaptées pour petits et grands : parcours accrobranche, tyrolienne géante, parcours filets sans baudrier, mini-golf et découverte des animaux du fort. Déjeuner &amp; snack inclus sur place.</p>
                    </div>
                </div>
                <div class="event-item">
                    <div class="event-item-time">Fin de journée</div>
                    <div class="event-item-text">
                        <h4>Détente &amp; Nuit au 
                            <span class="photo-preview-trigger">
                                Base Camp Lodge
                                <span class="photo-preview-box">
                                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Design-sans-titre-1.jpg" alt="Base Camp Lodge">
                                </span>
                            </span>
                        </h4>
                        <p>Changement de décor ! Installation au Base Camp Lodge et accès complet aux espaces de détente (piscine, spa, etc.).</p>
                    </div>
                </div>
                <div class="event-item">
                    <div class="event-item-time">La soirée</div>
                    <div class="event-item-text">
                        <h4>Dîner au restaurant du Base Camp Lodge</h4>
                        <p>Le MENU DEMI-PENSION est inclus pour les 4 personnes directement à l&rsquo;hôtel pour clôturer cette journée intense.</p>
                        <a href="https://www.basecamp-albertville.com/media/original/6568a31a8e253/bcl-dp-rv-170626.pdf" class="timeline-action-btn" target="_blank" rel="noopener">
                            📄 Consulter la carte du restaurant
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- DIMANCHE -->
        <div class="timeline-day-group dimanche">
            <div class="day-node"></div>
            <h3 class="day-group-title">
                Dimanche <span class="day-date-label">20 septembre 2026</span>
            </h3>
            
            <div class="day-events-list">
                <div class="event-item">
                    <div class="event-item-time">Au réveil</div>
                    <div class="event-item-text">
                        <h4>Petit-déjeuner complet</h4>
                        <p>Petit-déjeuner chaud et froid préparé par l&rsquo;équipe du Base Camp Lodge.</p>
                    </div>
                </div>
                <div class="event-item">
                    <div class="event-item-time">La journée</div>
                    <div class="event-item-text">
                        <h4>Temps libre &amp; Découverte</h4>
                        <p>Vous pouvez retourner librement au Fort de Tamié pour tester de nouvelles activités ou continuer à explorer le parc ! Profitez-en également pour vous promener et dénicher de superbes lieux à faire dans la région :</p>
                        
                        <!-- DEUX PETITS BOUTONS CÔTE À CÔTE -->
                        <div class="sunday-buttons-flex">
                            <a href="https://www.pays-albertville.com/les-incontournables-a-visiter/" class="timeline-action-btn" target="_blank" rel="noopener">
                                🗺️ Visiter Albertville
                            </a>
                            <a href="https://www.sources-lac-annecy.com/" class="timeline-action-btn" target="_blank" rel="noopener">
                                🏞️ Découvrir le Lac d&rsquo;Annecy
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div></div>



<div class="hosts-global-section" id="section-hosts"><style>
    /* ==========================================================================
       SECTION BLOC DECOUVERTE : GRILLE GRANDE 3X2 INTERACTIVE ET CLIQUABLES
       ========================================================================== */
    .fort-global-section {
        max-width: 1000px;
        margin: 60px auto;
        padding: 0 20px;
        font-family: system-ui, -apple-system, sans-serif;
    }

    /* Bloc Introduction & Titre principal */
    .fort-intro-block {
        text-align: center;
        margin-bottom: 50px;
    }

    .fort-intro-block h2 {
        font-size: 2.2rem;
        font-weight: 600;
        color: var(--acc-orange, #d96721);
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 15px 0;
    }

    .fort-intro-block p {
        font-size: 1.1rem;
        color: var(--text-muted, #555555);
        line-height: 1.6;
        max-width: 700px;
        margin: 0 auto;
    }

    /* Configuration de la nouvelle grille : 3 colonnes de largeur égale */
    .fort-cards-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        margin-bottom: 40px;
    }

    /* Le conteneur 3D de chaque carte */
    .flip-card-container {
        display: block;
        text-decoration: none !important;
        background-color: transparent;
        height: 280px; 
        perspective: 1000px;
        -webkit-perspective: 1000px; 
        cursor: pointer;
    }

    /* Désactive l'effet de curseur de lien pour la carte animaux sans url */
    .flip-card-container.no-link {
        cursor: default;
    }

    /* Le boîtier interne qui tourne */
    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        border-radius: 20px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    }

    /* Déclenchement du retournement */
    .flip-card-container:hover .flip-card-inner {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }

    /* Faces communes */
    .flip-card-front, .flip-card-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        border-radius: 20px;
        overflow: hidden;
    }

    /* RECTO : LA PHOTO */
    .flip-card-front {
        background-color: #cbd5e1;
    }

    .flip-card-front img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        filter: brightness(0.65); 
    }

    .flip-card-front h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        color: #ffffff;
        font-size: 1.35rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0;
        width: 85%;
        text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    }

    /* VERSO : LA DESCRIPTION */
    .flip-card-back {
        background-color: #ffffff;
        color: #232611;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25px;
        border: 2px solid #e2e8f0;
        box-sizing: border-box;
    }

    .flip-card-back p {
        font-size: 0.95rem;
        font-weight: 400;
        color: #555555;
        line-height: 1.5;
        margin: 0 0 12px 0;
    }

    /* Petit bouton au verso pour le clic */
    .flip-card-back .card-action-link {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--acc-orange, #d96721);
        border-bottom: 1px solid var(--acc-orange, #d96721);
        padding-bottom: 2px;
    }

    /* LIGNE DE CONCLUSION EN BAS */
    .fort-more-discover {
        text-align: center;
        margin-top: 45px;
        padding-top: 30px;
        border-top: 1px solid #e2e8f0;
    }

    .fort-more-discover p {
        font-size: 1.1rem;
        color: #232611;
        margin: 0 0 20px 0;
    }

    .fort-btn-link {
        display: inline-block;
        background-color: var(--acc-orange, #d96721);
        color: #ffffff !important;
        text-decoration: none !important;
        padding: 12px 30px;
        border-radius: 12px;
        font-weight: 600;
        font-size: 1rem;
        transition: all 0.2s ease-in-out;
        box-shadow: 0 4px 12px rgba(217, 103, 33, 0.15);
    }

    .fort-btn-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(217, 103, 33, 0.25);
        background-color: #b54d12;
    }

    /* Responsif Mobile et Tablettes */
    @media (max-width: 900px) {
        .fort-cards-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 650px) {
        .fort-cards-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        .flip-card-container {
            height: 240px;
        }
        .flip-card-front h3 {
            font-size: 1.3rem;
        }
    }
</style>

<div class="fort-global-section">

    <!-- INTRO DE LA SECTION -->
    <div class="fort-intro-block">
        <h2>Découvrez le Fort de Tamié</h2>
        <p>
            Niché au cœur de la Savoie, ce fort militaire du XIXe siècle offre un panorama spectaculaire sur les vallées environnantes. Aujourd&rsquo;hui transformé en un espace d&rsquo;aventure exceptionnel, explorez ses activités uniques suspendues entre nature et histoire.
        </p>
    </div>

    <!-- GRILLE DE TOUTES LES 6 ACTIVITÉS -->
    <div class="fort-cards-grid">
        
        <!-- CARTE 1 : ACCROBRANCHE -->
        <a href="https://accrocamp.com/parcs/fort-de-tamie/accrobranche-au-fort-de-tamie-aventure-en-savoie/" class="flip-card-container" target="_blank">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/DJI_20260624151133_0040_D-1.jpg" alt="L'Accrobranche">
                    <h3>L&rsquo;Accrobranche</h3>
                </div>
                <div class="flip-card-back">
                    <p>Prenez de la hauteur et testez votre agilité sur nos parcours dans les arbres adaptés à tous les niveaux de grimpeurs.</p>
                    <span class="card-action-link">Voir l&rsquo;activité</span>
                </div>
            </div>
        </a>

        <!-- CARTE 2 : LE MINI GOLF -->
        <a href="https://accrocamp.com/parcs/fort-de-tamie/mini-golf-fort-de-tamie-73/" class="flip-card-container" target="_blank">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Screenshot-2026-07-10-at-12.16.28.jpg" alt="Le Mini-Golf">
                    <h3>Le Mini-Golf</h3>
                </div>
                <div class="flip-card-back">
                    <p>Défiez vos proches sur un parcours ludique et convivial parfaitement intégré dans les espaces historiques du fort.</p>
                    <span class="card-action-link">Voir l&rsquo;activité</span>
                </div>
            </div>
        </a>

        <!-- CARTE 3 : GRANDE TYROLIENNE -->
        <a href="https://accrocamp.com/parcs/fort-de-tamie/grande-tyro-fort-de-tamie-73-2/" class="flip-card-container" target="_blank">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Screenshot-2026-07-10-at-12.12.21.jpg" alt="La Grande Tyrolienne de +300m">
                    <h3>La Grande Tyrolienne</h3>
                </div>
                <div class="flip-card-back">
                    <p>Une descente spectaculaire de plus de 300 mètres pleine de sensations, suspendue au-dessus des remparts historiques du fort.</p>
                    <span class="card-action-link">Voir l&rsquo;activité</span>
                </div>
            </div>
        </a>

        <!-- CARTE 4 : PARCOURS FILETS -->
        <a href="https://accrocamp.com/parcs/fort-de-tamie/parcours-filets-fort-tamie/" class="flip-card-container" target="_blank">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/DJI_20260624143502_0022_D.jpg" alt="Les Parcours Filets">
                    <h3>Les Parcours Filets</h3>
                </div>
                <div class="flip-card-back">
                    <p>Évoluez en toute liberté et sans baudrier dans de grands espaces de filets de protection suspendus cernés par la nature.</p>
                    <span class="card-action-link">Voir l&rsquo;activité</span>
                </div>
            </div>
        </a>

        <!-- CARTE 5 : VIA FERRATA -->
        <a href="https://accrocamp.com/parcs/fort-de-tamie/via-ferrata-fort-de-tamie-73/" class="flip-card-container" target="_blank">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/Screenshot-2026-07-10-at-12.08.07.jpg" alt="La Via Ferrata">
                    <h3>La Via Ferrata</h3>
                </div>
                <div class="flip-card-back">
                    <p>Prenez de la hauteur et longez en toute sécurité les impressionnantes parois rocheuses et murailles en pierre du Fort.</p>
                    <span class="card-action-link">Voir l&rsquo;activité</span>
                </div>
            </div>
        </a>

        <!-- CARTE 6 : LES ANIMAUX (SANS LIEN) -->
        <div class="flip-card-container no-link">
            <div class="flip-card-inner">
                <div class="flip-card-front">
                    <img decoding="async" src="https://accrocamp.com/wp-content/uploads/2026/07/DJI_20260625150251_0092_D-2.jpg" alt="Les Animaux du Fort">
                    <h3>Les Animaux du Fort</h3>
                </div>
                <div class="flip-card-back">
                    <p>Allez à la rencontre des adorables résidents du fort pour une parenthèse douceur et nature qui ravira les plus petits.</p>
                </div>
            </div>
        </div>

    </div>

    <!-- LIGNE SUPPLEMENTAIRE ET BOUTON DE REDIRECTION GENERAL -->
    <div class="fort-more-discover">
        <p>Le Fort de Tamié regorge de surprises, de panoramas à couper le souffle et d&rsquo;espaces historiques à explorer.</p>
        <a href="https://accrocamp.com/parcs/fort-de-tamie/" class="fort-btn-link" target="_blank">Découvrir tout le parc</a>
    </div>

</div>



<div class="hosts-global-section" id="section-hosts"><style>
    /* ==========================================================================
       SECTION HÔTES D'EXCEPTION : DESIGN SÉCURISÉ AVEC RUBANS HORIZONTAUX 3D
       ========================================================================== */
    .hosts-global-section {
        max-width: 1000px;
        margin: 80px auto;
        padding: 0 20px;
        font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    }

    .hosts-main-title {
        text-align: center;
        margin-bottom: 60px;
    }

    .hosts-main-title h2 {
        font-size: 2.4rem;
        font-weight: 800;
        color: var(--acc-green-dark, #363d08);
        text-transform: uppercase;
        margin: 0;
    }

    /* Structure de base des blocs premium */
    .host-premium-card {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 50px;
        align-items: center;
        margin-bottom: 80px;
        position: relative;
        padding: 60px 40px 40px 40px;
        border-radius: 32px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04);
        background: #ffffff;
    }

    /* BLOC PREMIUM 1 : DUO VENDREDI (Teintes Vertes) */
    .host-premium-card.highlighted-alpes {
        border: 2px solid rgba(106, 112, 29, 0.15);
        background: linear-gradient(145deg, #ffffff, rgba(106, 112, 29, 0.01));
    }

    /* BLOC PREMIUM 2 : BASE CAMP LODGE (Teintes Oranges) */
    .host-premium-card.highlighted-lodge {
        grid-template-columns: 0.9fr 1.1fr;
        border: 2px solid rgba(217, 103, 33, 0.15);
        background: linear-gradient(145deg, #ffffff, rgba(217, 103, 33, 0.02));
        margin-top: 80px;
    }

    /* Répartition asymétrique : 70% pour Les Pensées / 30% pour la Boulangerie */
    .host-split-content {
        display: grid;
        grid-template-columns: 1.4fr 0.6fr;
        gap: 35px;
    }

    .split-partner-col {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .split-partner-col:first-child {
        border-right: 1px dashed #cbd5e1;
        padding-right: 30px;
    }

    /* ==========================================================================
       SYSTÈME DE RUBANS HORIZONTAUX ÉTENDUS
       ========================================================================== */
    .host-ribbon-wrapper {
        position: absolute;
        top: 20px;
        z-index: 5;
    }

    .highlighted-alpes .host-ribbon-wrapper { left: -10px; }
    .highlighted-lodge .host-ribbon-wrapper { right: -10px; }

    .host-ribbon-text {
        position: relative;
        background-color: var(--acc-orange, #d96721);
        color: #ffffff;
        font-size: 0.85rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 8px 24px;
        box-shadow: 0 4px 15px rgba(217, 103, 33, 0.3);
    }

    .host-ribbon-text::before {
        content: "";
        position: absolute;
        bottom: -8px;
        border-style: solid;
        display: block;
    }

    .highlighted-alpes .host-ribbon-text { border-radius: 0 12px 12px 0; }
    .highlighted-alpes .host-ribbon-text::before {
        left: 0;
        border-width: 8px 8px 0 0;
        border-color: #9c430c transparent transparent transparent;
    }

    .highlighted-lodge .host-ribbon-text { border-radius: 12px 0 0 12px; }
    .highlighted-lodge .host-ribbon-text::before {
        right: 0;
        border-width: 8px 0 0 8px;
        border-color: #9c430c transparent transparent transparent;
    }

    /* ==========================================================================
       PREVIEW INSTAGRAM INTELLIGENTE FIXÉE (SANS COUPURE AU CLIC)
       ========================================================================== */
    .insta-preview-trigger {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .insta-floating-box {
        position: absolute;
        bottom: 115%;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        width: 320px;
        height: 440px;
        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 100;
        border: 4px solid #ffffff;
        pointer-events: auto; /* Permet les clics à l'intérieur */
    }

    /* Zone invisible de "pont" sous la bulle pour que la souris ne perde jamais le contact */
    .insta-floating-box::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 30px; /* Crée la liaison physique pour le hover */
        background: transparent;
    }

    .insta-floating-box iframe {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 16px;
        display: block;
    }

    .insta-floating-box::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 8px;
        border-style: solid;
        border-color: #ffffff transparent transparent transparent;
    }

    /* Le hover englobe maintenant le déclencheur ET la boîte grâce au pont */
    .insta-preview-trigger:hover .insta-floating-box,
    .insta-floating-box:hover {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
        pointer-events: auto;
    }

    /* Le conteneur vidéo classique du Base Camp Lodge */
    .host-video-wrapper {
        width: 100%;
        max-width: 340px;
        height: 540px;
        margin: 0 auto;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
        border: 1px solid #e2e8f0;
        background-color: #000000;
    }

    .host-video-wrapper iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

    .host-content-side {
        padding: 10px 0;
    }

    .host-content-side h3 {
        font-weight: 800;
        line-height: 1.2;
        margin: 0 0 12px 0;
    }

    .highlighted-alpes .host-content-side h3 {
        font-size: 1.7rem;
        color: var(--acc-green, #6a701d);
    }
    
    .highlighted-alpes .split-partner-col:last-child h3 {
        font-size: 1.4rem;
    }

    .highlighted-lodge .host-content-side h3 { color: var(--acc-orange, #d96721); font-size: 2.2rem; }

    .host-content-side p {
        font-size: 0.98rem;
        color: var(--text-muted, #555555);
        line-height: 1.6;
        margin: 0 0 20px 0;
    }

    .highlighted-lodge p { font-size: 1.05rem; }

    .host-inclusion-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 20px;
    }

    .inclusion-badge {
        display: inline-flex;
        align-items: center;
        padding: 6px 12px;
        border-radius: 30px;
        font-weight: 700;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .badge-hotel { background-color: rgba(106, 112, 29, 0.08); color: var(--acc-green, #6a701d); }
    .badge-breakfast { background-color: #f1f5f9; color: #475569; }
    .badge-dinner { background-color: #fff7ed; color: #c2410c; border: 1px solid rgba(217, 103, 33, 0.3); }

    .host-discover-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--text-dark, #232611);
        text-decoration: none;
        border-bottom: 2px solid var(--acc-orange, #d96721);
        padding-bottom: 2px;
        align-self: flex-start;
    }

    @media (max-width: 900px) {
        .host-split-content { grid-template-columns: 1fr; gap: 40px; }
        .split-partner-col {
            border-right: none !important;
            padding-right: 0 !important;
            border-bottom: 1px dashed #cbd5e1;
            padding-bottom: 30px;
        }
        .split-partner-col:last-child { border-bottom: none; padding-bottom: 0; }
        .insta-floating-box { width: 280px; height: 380px; }
    }

    @media (max-width: 868px) {
        .host-premium-card, 
        .host-premium-card.highlighted-alpes,
        .host-premium-card.highlighted-lodge {
            grid-template-columns: 1fr;
            gap: 40px;
            margin-bottom: 60px;
            padding: 65px 20px 20px 20px;
            background: #ffffff;
            border: 1px solid #e2e8f0;
        }
        .host-premium-card.highlighted-lodge .host-video-side { order: -1; }
        .host-video-wrapper { height: 480px; max-width: 300px; }
    }
</style>

<div class="hosts-global-section">

    <div class="hosts-main-title">
        <h2>Vos Hôtes d’Exception</h2>
    </div>

    <!-- HÔTE 1 : SPLIT DUO AVEC REPARTITION 70% / 30% -->
    <div class="host-premium-card highlighted-alpes">
        <div class="host-ribbon-wrapper">
            <div class="host-ribbon-text">Expérience en Autonomie</div>
        </div>

        <div class="host-content-side" style="grid-column: span 2;">
            <div class="host-split-content">
                
                <!-- PARTENAIRE A (70%) : LES PENSÉES DES ALPES (SÉCURISÉ HOVER & CLICS) -->
                <div class="split-partner-col">
                    <div>
                        <div class="host-inclusion-badges">
                            <span class="inclusion-badge badge-hotel">Nuit du Vendredi</span>
                        </div>
                        
                        <div class="insta-preview-trigger">
                            <h3>Les Pensées des Alpes 📸</h3>
                            
                            <!-- Bulle fixe au clic et stable au survol -->
                            <div class="insta-floating-box">
                                <iframe src="https://www.instagram.com/p/C17ixCjLWlM/embed/" allowtransparency="true" allowfullscreen="true" scrolling="no"></iframe>
                            </div>
                        </div>
                        
                        <p style="margin-top: 5px;">
                            Pour entamer ce week-end de la plus douce des manières, installez-vous dans un véritable havre de paix. Cet hébergement d&rsquo;exception vous promet une première nuit sereine et reposante au cœur des magnifiques paysages alpins pour attaquer l&rsquo;aventure en pleine forme. <span style="font-size:0.85rem; font-style:italic; color:var(--acc-orange); font-weight:600;">(Survolez le titre, vous pouvez cliquer sur le post !)</span>
                        </p>
                    </div>
                    <a href="https://penseesdesalpes.com/" class="host-discover-link" target="_blank">Découvrir le lieu</a>
                </div>

                <!-- PARTENAIRE B (30%) : LA BOULANGERIE -->
                <div class="split-partner-col">
                    <div>
                        <div class="host-inclusion-badges">
                            <span class="inclusion-badge badge-breakfast">🥖 Samedi Matin</span>
                        </div>
                        <h3>La Récré Albertville</h3>
                        <p>
                            Au réveil, savourez un petit-déjeuner artisanal préparé par la boulangerie @larecre_albertville : viennoiseries et pains frais pour faire le plein d&rsquo;énergie.
                        </p>
                    </div>
                    <a href="https://www.instagram.com/larecre_albertville/" class="host-discover-link" target="_blank">Voir la boulangerie</a>
                </div>

            </div>
        </div>
    </div>

    <!-- HÔTE 2 : BASE CAMP LODGE & RESTAURANT -->
    <div class="host-premium-card highlighted-lodge">
        <div class="host-ribbon-wrapper">
            <div class="host-ribbon-text">Expérience Ultra VIP</div>
        </div>

        <div class="host-content-side">
            <div class="host-inclusion-badges">
                <span class="inclusion-badge badge-hotel">Nuit du Samedi</span>
                <span class="inclusion-badge badge-dinner">🍽️ Menu Demi-Pension</span>
                <span class="inclusion-badge badge-breakfast">🥐 Petit-Déjeuner</span>
            </div>
            
            <h3>Base Camp Lodge<br>&amp; Restaurant</h3>
            <p>
                Changement d&rsquo;ambiance le samedi soir où le Base Camp Lodge vous ouvre ses portes ! Ce lieu unique combine à la perfection l&rsquo;esprit décontracté des explorateurs et le confort haut de gamme.
                <br><br>
                <strong>Un havre de relaxation et de gourmandise :</strong> après votre journée intense au fort, détendez-vous en profitant pleinement de la piscine, du spa et de toutes les superbes infrastructures de l&rsquo;hôtel. Vous partagerez ensuite un excellent repas complet inclus à la table du restaurant du lodge. Le lendemain, profitez de leur généreux petit-déjeuner pour conclure ce séjour en beauté.
            </p>
            <a href="https://www.hotel-basecamplodge.com" class="host-discover-link" target="_blank">Explorer le Lodge &amp; le Restaurant</a>
        </div>
        <div class="host-video-side">
            <div class="host-video-wrapper">
                <iframe src="https://www.instagram.com/reel/DYaGbUrAgdf/embed/" allowtransparency="true" allowfullscreen="true" scrolling="no"></iframe>
            </div>
        </div>
    </div>

</div>



<div class="faq-global-section" id="section-questions"><style>
    /* ==========================================================================
       SECTION FAQ / Q&A : ACCORDÉONS INTERACTIFS PREMIUM (CSS PUR)
       ========================================================================== */
    .faq-global-section {
        max-width: 800px; /* Format resserré idéal pour la lisibilité d'un Q&A */
        margin: 80px auto;
        padding: 0 20px;
        font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    }

    .faq-main-title {
        text-align: center;
        margin-bottom: 45px;
    }

    .faq-main-title h2 {
        font-size: 2.4rem;
        font-weight: 800;
        color: var(--acc-green-dark, #363d08);
        text-transform: uppercase;
        margin: 0;
    }

    /* Le conteneur individuel de chaque question */
    .faq-item {
        margin-bottom: 16px;
        border: 2px solid #e2e8f0;
        border-radius: 16px;
        background-color: #ffffff;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    /* En-tête cliquable de la question */
    .faq-item summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 22px 28px;
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-dark, #232611);
        cursor: pointer;
        list-style: none; /* Masque la flèche native sur Chrome/Firefox */
        user-select: none;
        transition: background-color 0.2s ease;
    }

    .faq-item summary::-webkit-details-marker {
        display: none; /* Masque la flèche native sur Safari */
    }

    .faq-item summary:hover {
        background-color: rgba(106, 112, 29, 0.03);
    }

    /* Design personnalisé de l'icône "+" qui pivote */
    .faq-icon {
        position: relative;
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-icon::before,
    .faq-icon::after {
        content: "";
        position: absolute;
        background-color: var(--acc-orange, #d96721);
        border-radius: 2px;
    }

    /* Ligne horizontale du "+" */
    .faq-icon::before {
        top: 8px;
        left: 0;
        width: 100%;
        height: 2px;
    }

    /* Ligne verticale du "+" */
    .faq-icon::after {
        top: 0;
        left: 8px;
        width: 2px;
        height: 100%;
    }

    /* Style quand l'accordéon est ACTIF / OUVERT */
    .faq-item[open] {
        border-color: rgba(106, 112, 29, 0.3);
        box-shadow: 0 10px 25px rgba(106, 112, 29, 0.05);
    }

    .faq-item[open] summary {
        background-color: rgba(106, 112, 29, 0.05);
        border-bottom: 1px solid rgba(106, 112, 29, 0.1);
        color: var(--acc-green, #6a701d);
    }

    /* Transformation du "+" en un "-" via rotation */
    .faq-item[open] .faq-icon {
        transform: rotate(45deg);
    }

    /* Zone de texte de la réponse */
    .faq-content {
        padding: 24px 28px;
        font-size: 1.05rem;
        line-height: 1.6;
        color: var(--text-muted, #555555);
        background-color: #ffffff;
    }

    .faq-content strong {
        color: var(--text-dark, #232611);
    }

    /* Animation fluide d'apparition */
    .faq-item[open] .faq-content {
        animation: slideDown 0.3s ease-out;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Version Mobile / Responsive */
    @media (max-width: 768px) {
        .faq-main-title h2 {
            font-size: 1.8rem;
        }
        .faq-item summary {
            padding: 18px 20px;
            font-size: 1rem;
        }
        .faq-content {
            padding: 18px 20px;
            font-size: 0.95rem;
        }
    }
</style>

<div class="faq-global-section">

    <div class="faq-main-title">
        <h2>Vos éventuelles questions</h2>
    </div>

    <!-- QUESTION 1 -->
    <details class="faq-item">
        <summary>
            Le transport jusqu&rsquo;en Savoie est-il inclus dans le lot ?
            <div class="faq-icon"></div>
        </summary>
        <div class="faq-content">
            Non, le transport jusqu&rsquo;au Fort de Tamié (Savoie) n&rsquo;est pas inclus. Les 4 participants devront se rendre sur place par leurs propres moyens. En revanche, une fois arrivés, <strong>l&rsquo;intégralité des hébergements, des petits-déjeuners, du dîner du samedi et de toutes les activités au fort est 100% prise en charge</strong>.
        </div>
    </details>

    <!-- QUESTION 2 -->
    <details class="faq-item">
        <summary>
            Comment sont gérés les déjeuners du samedi et du dimanche ?
            <div class="faq-icon"></div>
        </summary>
        <div class="faq-content">
            Les petits-déjeuners des deux matins ainsi que le dîner convivial complet au Base Camp Lodge sont totalement inclus. Pour les déjeuners du midi (samedi et dimanche), vous aurez la liberté totale de manger sur le pouce au fort ou de découvrir les adresses gourmandes à proximité.
        </div>
    </details>

    <!-- QUESTION 3 -->
    <details class="faq-item">
        <summary>
            Les activités au fort sont-elles accessibles à tout le monde ?
            <div class="faq-icon"></div>
        </summary>
        <div class="faq-content">
            Oui ! Le Fort de Tamié propose des parcours adaptés à tous les profils. Que vous soyez un grand amateur de sensations fortes (Grande Tyrolienne, Via Ferrata) ou que vous partagiez ce moment en famille avec de jeunes enfants (Parcours Filets sans baudrier, Mini-Golf), chacun trouvera des activités adaptées à ses envies et à son rythme.
        </div>
    </details>

</div>



<!-- Bouton Règlement du Jeu-Concours AccroCamp -->
<div style="text-align: center; margin: 20px 0;">
    <a href="https://drive.google.com/file/d/1eaHenXgmszfXvLgZQwoMG-g8HIFcMQgV/view?usp=drive_link" target="_blank" style="background-color: #4F8522; color: white; padding: 12px 24px; text-decoration: none; font-size: 16px; font-weight: bold; border-radius: 25px; display: inline-block; font-family: Arial, sans-serif; box-shadow: 0 4px 6px rgba(0,0,0,0.15); transition: background-color 0.2s;">
        Cliquez ici pour lire le règlement complet
    </a>
</div>
<p>The post <a href="https://accrocamp.com/jeu-concours-10-ans-accrocamp/">Gagnez un Week-end d’Exception au Fort de Tamié pour les 10 Ans d’AccroCamp !</a> appeared first on <a href="https://accrocamp.com">AccroCamp</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
