<!DOCTYPE html>
<html lang="fr">
<head>
<title></title>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="ZrP-kIv5zGuv9y2Vhz3xat3INPAr4On8UeE5QWB1yc9pg0htIEOdcOLwu5OSaBCpE6hW7b441j_S0GsGf-gVBg" />

<link crossorigin="use-credentials" href="/manifest.json" rel="manifest">
<meta content="false" name="turbo-prefetch">
<script type="importmap" data-turbo-track="reload">{
  "imports": {
    "application": "/assets/application-9907ea0e.js",
    "custom/companion": "/assets/custom/companion-56645a38.js",
    "@hotwired/turbo-rails": "/assets/turbo.min-1c2d4fbe.js",
    "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js",
    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
    "controllers/application": "/assets/controllers/application-3affb389.js",
    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-c5235d3d.js",
    "controllers/flash_controller": "/assets/controllers/flash_controller-febb6e32.js",
    "controllers/hello_controller": "/assets/controllers/hello_controller-039dcfcc.js",
    "controllers": "/assets/controllers/index-304d1d53.js",
    "controllers/slide_controller": "/assets/controllers/slide_controller-33a89648.js",
    "controllers/tabs_controller": "/assets/controllers/tabs_controller-f5773862.js"
  }
}</script>
<link rel="modulepreload" href="/assets/application-9907ea0e.js">
<link rel="modulepreload" href="/assets/custom/companion-56645a38.js">
<link rel="modulepreload" href="/assets/turbo.min-1c2d4fbe.js">
<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js">
<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
<link rel="modulepreload" href="/assets/controllers/application-3affb389.js">
<link rel="modulepreload" href="/assets/controllers/clipboard_controller-c5235d3d.js">
<link rel="modulepreload" href="/assets/controllers/flash_controller-febb6e32.js">
<link rel="modulepreload" href="/assets/controllers/hello_controller-039dcfcc.js">
<link rel="modulepreload" href="/assets/controllers/index-304d1d53.js">
<link rel="modulepreload" href="/assets/controllers/slide_controller-33a89648.js">
<link rel="modulepreload" href="/assets/controllers/tabs_controller-f5773862.js">
<script type="module">import "application"</script>
<link rel="stylesheet" href="/assets/application-8b441ae0.css" />
<link rel="stylesheet" href="/assets/tailwind-ec3862a0.css" />
<link href="pwa-icons/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57">
<link href="pwa-icons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="pwa-icons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="pwa-icons/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144">
<link href="pwa-icons/apple-touch-icon-60x60.png" rel="apple-touch-icon-precomposed" sizes="60x60">
<link href="pwa-icons/apple-touch-icon-120x120.png" rel="apple-touch-icon-precomposed" sizes="120x120">
<link href="pwa-icons/apple-touch-icon-76x76.png" rel="apple-touch-icon-precomposed" sizes="76x76">
<link href="pwa-icons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="152x152">
<link href="pwa-icons/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png">
<link href="pwa-icons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link href="pwa-icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="pwa-icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="pwa-icons/favicon-128.png" rel="icon" sizes="128x128" type="image/png">
<meta content="82-4000 solidaires" name="application-name">
<meta content="#FFFFFF" name="msapplication-TileColor">
<meta content="pwa-icons/mstile-144x144.png" name="msapplication-TileImage">
<meta content="pwa-icons/mstile-70x70.png" name="msapplication-square70x70logo">
<meta content="pwa-icons/mstile-150x150.png" name="msapplication-square150x150logo">
<meta content="pwa-icons/mstile-310x150.png" name="msapplication-wide310x150logo">
<meta content="pwa-icons/mstile-310x310.png" name="msapplication-square310x310logo">

</head>
<body class="w-screen" data-controller="slide">
<menu class="z-40 mobile translate-x-full transition-transform duration-200 ease-in-out" data-slide-target="menu">
<div class="container mx-auto">
<button class="fixed top-3 right-3 w-fit" data-action="slide#slide">
<img class="icon large" src="/assets/icons/prim/close-4e47ce69.svg" />
</button>
<div class="links uppercase font-extrabold">
<a href="/events">Les séjours</a>
<a href="/users/session/new">Me connecter</a>
<a href="/users/registration/new">Créer mon compte</a>
</div>
</div>
</menu>

<nav class="w-screen sticky z-30 top-0 h-nav-height flex items-center">
<div class="container mx-auto justify-between">
<a href="/">
<img class="h-24" src="/assets/logos/horiz_prim-13b5ce7f.svg" />
</a>
<button data-action="slide#slide">
<img class="menu-btn" src="/assets/icons/prim/menu-1882e09a.svg" />
</button>
</div>
</nav>

<turbo-stream action="update" data-controller="tabs" data-tabs-tab-value="recap" target="tab-content">
<template>
<div class="card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14">
<div class="head bg-secondary px-10 py-6 shadow-md-soft">
<h3 class="text-primary">Programme</h3>
</div>
<div class="content px-16 py-10">
<ul class="list-disc">
<li class="mb-6">
<p class="font-bold last:mb-0">08/06/2026 | Randonnée</p>
</li>
<li class="mb-6">
<p class="font-bold last:mb-0">09/06/2026 | Escalade</p>
</li>
<li class="mb-6">
<p class="font-bold last:mb-0">10/06/2026 | Via Ferrata </p>
</li>
<li class="mb-6">
<p class="font-bold last:mb-0">11/06/2026 | Alpinisme </p>
</li>
<li class="mb-6">
<p class="font-bold last:mb-0">12/06/2026 | Alpinisme </p>
</li>
<li class="mb-6">
<p class="font-bold last:mb-0">13/06/2026 | Alpinisme </p>
</li>
</ul>
</div>
</div>

</template>
</turbo-stream>

</body>
<turbo-frame class="flex flex-col gap-y-6" id="flash_frame">
<div class="flash-container fixed bottom-8 left-8 z-50 opacity-85" data-controller="flash">
</div>

</turbo-frame>
</html>
