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

<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" target="tab-content">
<template>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>AUX CAPTIFS, LA LIBERATION</h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>16/03 - 20/03 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/14.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>SOS ACCUEIL </h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>20/04 - 24/04 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Via Ferrata </div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/9.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>CHRS Marseille - La Minoterie </h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>04/05 - 08/05 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/15.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>Collectif Partage et Projets </h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>25/05 - 29/05 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Via Ferrata </div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/10.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>Point d&#39;Eau </h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>08/06 - 13/06 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Via Ferrata </div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/11.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>Le Local des Femmes </h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>22/06 - 27/06 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Via Ferrata </div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/12.html"></a>
</div>
<div class='card relative rounded-default shadow-md-dark bg-primary overflow-hidden mb-14 transition ease-in-out duration-200 hover:scale-101'>
<div class='head bg-secondary px-10 py-6 shadow-md-soft flex justify-between items-center'>
<h3 class='text-primary'>AUX CAPTIFS, LA LIBERATION</h3>
<div class='tag small accent'>Publié</div>
</div>
<div class='content px-10 py-6'>
<p class='font-bold mb-2'>06/07 - 11/07 2026 | Alpes du Nord</p>
<p></p>
<ul class='flex flex-wrap gap-x-8 gap-y-6 mt-8'>
<div class='tag small accent'>Randonnée</div>
<div class='tag small accent'>Escalade</div>
<div class='tag small accent'>Via Ferrata </div>
<div class='tag small accent'>Alpinisme </div>
</ul>
</div>
<a target="_top" class="absolute inset-0 z-10" href="/events/13.html"></a>
</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>
