<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agenda des brocantes et vide-greniers</title>
<meta name="description" content="L'agenda indispensable pour dénicher les meilleurs vide-greniers, brocantes, bourses d'objets et bourses de collectionneurs près de chez vous. Ne manquez plus une occasion de faire des trouvailles uniques. Lancez votre recherche maintenant et trouvez l'événement idéal pour chiner !">
<link rel="canonical" href="https://vide-greniers.org/" />
<link rel="apple-touch-icon" href="/images/theme/1/icon/apple-touch-icon.png">
<link rel="icon" href="/images/theme/1/icon/favicon.ico" sizes="48x48">
<link rel="icon" href="/images/theme/1/icon/favicon.svg" sizes="any" type="image/svg+xml">
<link rel="manifest" href="/manifest.webmanifest" />
<link type="text/css" rel="stylesheet" href="/v2/theme.1764746580.min.css" />
<link href="/fonts/JosefinSans-Bold.ttf" rel="preload" type="font/ttf" as="font" />
<link href="/fonts/JosefinSans-SemiBold.ttf" rel="preload" type="font/ttf" as="font" />
<link href="/fonts/SourceSans3-Regular.ttf" rel="preload" type="font/ttf" as="font" />
<link href="/fonts/fa-solid-900.woff2" rel="preload" type="font/woff2" as="font" />
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Le Réseaux des Agendas",
"url": "https://agenda.org/",
"logo": "https://agenda.org/_nuxt/reseau-agenda.B9mlQzpm.svg",
"sameAs": ["https://www.facebook.com/ReseauDesAgendas"]
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "https://vide-greniers.org",
"inLanguage": "fr",
"name": "Agenda des brocantes et vide-greniers",
"image": "https://vide-greniers.org/images/theme/1/logo.png",
"sameAs": ["https://www.facebook.com/videGreniersOrg"]
}
</script>
<meta property="og:title" content="Agenda des brocantes et vide-greniers" />
<meta property="og:description" content="L'agenda indispensable pour dénicher les meilleurs vide-greniers, brocantes, bourses d'objets et bourses de collectionneurs près de chez vous. Ne manquez plus une occasion de faire des trouvailles uniques. Lancez votre recherche maintenant et trouvez l'événement idéal pour chiner !" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://vide-greniers.org" />
<meta property="og:image" content="https://vide-greniers.org/images/theme/1/app.png" />
<meta property="og:locale" content="fr_FR" />
<meta property=" fb:app_id" content="656083311090381" />
<script>window.CONFIG = {"env":"production","agenda":{"gtagId":"G-4HDM0G6GD5","id":1,"domain":"vide-greniers.org","weekday":127,"isActive":true,"title":"Agenda des brocantes et vide-greniers","label":"Vide-greniers, brocantes et bourses","description":"L\u0027agenda indispensable pour d\u00e9nicher les meilleurs vide-greniers, brocantes, bourses d\u0027objets et bourses de collectionneurs pr\u00e8s de chez vous. Ne manquez plus une occasion de faire des trouvailles uniques. Lancez votre recherche maintenant et trouvez l\u0027\u00e9v\u00e9nement id\u00e9al pour chiner !","tagline":"*O\u00f9 chiner* ? C\u0027est ici que \u00e7a se passe !","facebookLink":"https:\/\/www.facebook.com\/videGreniersOrg","googleStore":"https:\/\/play.google.com\/store\/apps\/details?id=com.sopheos.videgreniersmobile","appStore":"https:\/\/itunes.apple.com\/fr\/app\/vide-greniers-org\/id1369858738","huaweiStore":"https:\/\/appgallery.huawei.com\/#\/app\/C101799543","androidPackage":"com.sopheos.videgreniersmobile","iosIdStore":1369858738,"facebookId":656083311090381,"showTag":true,"types":[{"id":1,"alias":"Vide-greniers-et-marches-puces","labelPlurar":"Vide-greniers et march\u00e9s aux puces","labelSingular":"Vide-greniers et march\u00e9 aux puces","isFemale":false,"description":"Vente au d\u00e9ballage de particuliers d\u0027objets d\u0027occasion. Des professionnels peuvent \u00e9galement s\u0027y associer.","info":"","min":1,"max":1,"maxTag":null,"order":1,"deployTag":false,"icon":"vg","displayTpl":"videGreniers","keyword":"vente occasion","nbPhotosEvent":1,"isActive":true,"isMultiple":false,"tags":[{"id":1,"type":1,"group":1,"alias":"Vide-greniers-et-marches-puces","labelPlurar":"Vide-greniers et march\u00e9s aux puces","labelSingular":"Vide-greniers et march\u00e9 aux puces","isFemale":false,"description":"Vente au d\u00e9ballage de particuliers d\u0027objets d\u0027occasion. Des professionnels peuvent \u00e9galement s\u0027y associer.","keyword":"vide-greniers occasions","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","BookingLink","WebLink","AutresInformations","MapProximite","Upload"]},{"id":2,"alias":"Brocantes-antiquaire","labelPlurar":"Brocantes, salons d\u0027antiquaires","labelSingular":"Brocante, salon d\u0027antiquaires","isFemale":true,"description":"Destin\u00e9s aux professionnels de l\u0027antiquit\u00e9 : antiquaires et brocanteurs qui se regroupent occasionnellement en dehors d\u0027une boutique ou d\u0027un magasin, dans un lieu ouvert au public","info":"Un seul choix possible.","min":1,"max":1,"maxTag":null,"order":2,"deployTag":true,"icon":"broc","displayTpl":"videGreniers","keyword":"antiquit\u00e9s antiquaires collections","nbPhotosEvent":1,"isActive":true,"isMultiple":false,"tags":[{"id":2,"type":2,"group":1,"alias":"Brocantes","labelPlurar":"Brocantes","labelSingular":"Brocante","isFemale":true,"description":"D\u00e9ballage marchand r\u00e9serv\u00e9 exclusivement aux professionnels de la vente d\u0027objets anciens.","keyword":"brocante antiquit\u00e9s","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":3,"type":2,"group":1,"alias":"Salons-antiquaires","labelPlurar":"Salons d\u0027antiquaires","labelSingular":"Salon d\u0027antiquaires","isFemale":false,"description":"Rendez-vous de professionnels proposant \u00e0 la vente des objets anciens authentiques et de qualit\u00e9.","keyword":"antiquaire antiquit\u00e9s","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]},{"id":3,"alias":"Bourses","labelPlurar":"Bourses d\u0027objets","labelSingular":"Bourse d\u0027objets","isFemale":true,"description":"Vente d\u0027objets usag\u00e9s souvent sur un th\u00e8me : v\u00eatements, jouets, livres, articles de sports, pu\u00e9riculture, ... Se d\u00e9roule tr\u00e8s souvent en salle.","info":"<span class=\"red\"><strong>Attention<\/strong><\/span><br \/>Le choix multiple n\u0027est possible que dans une m\u00eame famille de bourses.<br \/>","min":1,"max":10,"maxTag":null,"order":3,"deployTag":true,"icon":"bourses","displayTpl":"bourseObjetsOccassion","keyword":"objets occasion","nbPhotosEvent":1,"isActive":true,"isMultiple":true,"tags":[{"id":47,"type":3,"group":8,"alias":"Bourse-aux-loisirs-creatifs","labelPlurar":"Bourses aux loisirs cr\u00e9atifs","labelSingular":"Bourse aux loisirs cr\u00e9atifs","isFemale":true,"description":" Fournitures pour activit\u00e9s manuelles et loisirs cr\u00e9atifs (ex : puces des couturi\u00e8res,...]","keyword":"loisirs creatif","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":25,"type":3,"group":7,"alias":"Bourses-auto-moto","labelPlurar":"Bourses auto-moto","labelSingular":"Bourse auto-moto","isFemale":true,"description":"V\u00e9hicules, pi\u00e8ces d\u00e9tach\u00e9es","keyword":"occasions auto moto","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":12,"type":3,"group":2,"alias":"Bourses-aux-jouets","labelPlurar":"Bourses aux jouets","labelSingular":"Bourse aux jouets","isFemale":true,"description":"Jeux de soci\u00e9t\u00e9s, jeux d\u0027ext\u00e9rieur, poup\u00e9es,...","keyword":"jouets enfants","mainAgenda":7,"nbPhotosEvent":1,"isActive":true},{"id":6,"type":3,"group":1,"alias":"Bourses-aux-livres","labelPlurar":"Bourses aux livres","labelSingular":"Bourse aux livres","isFemale":true,"description":"Livres pour tout public, livres enfants, bandes-dessin\u00e9es, romans, livres sp\u00e9cialis\u00e9s,... ","keyword":"livre librairie","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":24,"type":3,"group":6,"alias":"Bourses-aux-plantes","labelPlurar":"Bourses aux plantes","labelSingular":"Bourse aux plantes","isFemale":true,"description":"Plants, boutures, graines, outils de jardinage,...","keyword":"plantes arbuste","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":11,"type":3,"group":2,"alias":"Bourses-aux-vetements","labelPlurar":"Bourses aux v\u00eatements","labelSingular":"Bourse aux v\u00eatements","isFemale":true,"description":"Vente de v\u00eatements se d\u00e9roulant dans un lieu public : V\u00eatements enfants et adultes, chaussures, accessoires,...","keyword":"vetements habits linge","mainAgenda":9,"nbPhotosEvent":1,"isActive":true},{"id":23,"type":3,"group":2,"alias":"Bourses-de-puericulture","labelPlurar":"Bourses de pu\u00e9riculture","labelSingular":"Bourse de pu\u00e9riculture","isFemale":true,"description":"Mat\u00e9riel destin\u00e9 \u00e0 la petite enfance, dont v\u00eatements de la naissance jusqu\u0027\u00e0 6 ans, v\u00eatements de grossesse, jeux d\u2019\u00e9veil 1er age,...","keyword":"puericulture b\u00e9b\u00e9 vetements","mainAgenda":10,"nbPhotosEvent":1,"isActive":true},{"id":37,"type":3,"group":1,"alias":"Bourses-informatique","labelPlurar":"Bourses informatique","labelSingular":"Bourse informatique","isFemale":true,"description":"Mat\u00e9riel informatique, ordinateurs, logiciels, pi\u00e8ces d\u00e9tach\u00e9es,...","keyword":"occasion informatique","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":40,"type":3,"group":1,"alias":"Bourses-jeux-video-retrogaming","labelPlurar":"Bourses aux jeux vid\u00e9o et r\u00e9trogaming","labelSingular":"Bourse aux jeux vid\u00e9o et r\u00e9trogaming","isFemale":true,"description":"R\u00e9trogaming, Jeux PC, consoles, jeux \u00e9lectroniques","keyword":"jeux video","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":36,"type":3,"group":1,"alias":"Bourses-photo-video","labelPlurar":"Bourses photo \/ vid\u00e9o \/ cinema","labelSingular":"Bourse photo \/ vid\u00e9o \/ cinema","isFemale":true,"description":"Appareils photos, cam\u00e9ras, projecteurs, pellicules, affiches, accessoires,...","keyword":"photo video amateurs","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":13,"type":3,"group":5,"alias":"Bourses-sportives","labelPlurar":"Bourses sportives","labelSingular":"Bourse sportive","isFemale":true,"description":"Mat\u00e9riel sportif : skis, p\u00eache, v\u00e9los, nautisme,....","keyword":"sport \u00e9quipement sportif course","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":35,"type":3,"group":1,"alias":"Disques-cd-dvd","labelPlurar":"Bourses aux disques\/CD\/DVD","labelSingular":"Bourse aux disques\/CD\/DVD","isFemale":true,"description":"Disques, CD, DVD, VHS","keyword":"cd dvd musique vid\u00e9o","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]},{"id":4,"alias":"Bourses-de-collectionneurs","labelPlurar":"Bourses de collectionneurs","labelSingular":"Bourse de collectionneurs","isFemale":true,"description":"Regroupement de collectionneurs qui vendent ou \u00e9changent leurs objets de collection tels que timbres, monnaies, jouets anciens, livres et CPA, miniatures,....","info":"Si votre bourse comprend plus de trois types de collection, elle sera consid\u00e9r\u00e9e comme multi-collections.","min":1,"max":3,"maxTag":39,"order":4,"deployTag":true,"icon":"collec","displayTpl":"videGreniers","keyword":"collection collectionneurs","nbPhotosEvent":1,"isActive":true,"isMultiple":true,"tags":[{"id":7,"type":4,"group":1,"alias":"Bourses-aux-armes","labelPlurar":"Bourses aux armes, militaria","labelSingular":"Bourse aux armes, militaria","isFemale":true,"description":"Armes blanches ou \u00e0 feux neutralis\u00e9es, surplus militaire,...","keyword":"militaria armes uniformes","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":20,"type":4,"group":1,"alias":"Bourses-aux-disques-de-collection","labelPlurar":"Bourses aux disques de collection","labelSingular":"Bourse aux disques de collection","isFemale":true,"description":"Vinyles, tourne-disques, accessoires,...","keyword":"vinyle disque cd musique","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":16,"type":4,"group":1,"alias":"Bourses-de-jouets-anciens","labelPlurar":"Bourses de jouets anciens","labelSingular":"Bourse de jouets anciens","isFemale":true,"description":"Poup\u00e9es de collection, voitures miniatures, trains et circuits \u00e9lectriques, jouets en bois...","keyword":"jouets de collection","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":21,"type":4,"group":1,"alias":"Bourses-livres-cpa-et-vieux-papiers","labelPlurar":"Bourses aux livres, CPA et vieux papiers","labelSingular":"Bourse aux livres, CPA et vieux papiers","isFemale":true,"description":"Livres anciens et de collection, cartes-postales, affiches, journaux, magazines,...","keyword":"livres anciens cartes postales","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":26,"type":4,"group":1,"alias":"Bourses-miniatures","labelPlurar":"Bourses miniatures","labelSingular":"Bourse miniatures","isFemale":true,"description":"F\u00e8ves, miniatures de parfums, figurines, v\u00e9hicules miniatures,...","keyword":"objets miniatures figurines","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":19,"type":4,"group":1,"alias":"Bourses-modelisme","labelPlurar":"Bourses mod\u00e9lisme","labelSingular":"Bourse mod\u00e9lisme","isFemale":true,"description":"Maquettes, accessoires de mod\u00e9lisme (colle, peinture, outillage,...]","keyword":"modelisme maquettes","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":28,"type":4,"group":1,"alias":"Bourses-musicales","labelPlurar":"Bourses musicales","labelSingular":"Bourse musicale","isFemale":true,"description":"Instruments de musique, partitions, radios, sonos, disques, ...","keyword":"partition musique instruments","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":18,"type":4,"group":1,"alias":"Bourses-numismatiques","labelPlurar":"Bourses numismatiques","labelSingular":"Bourse numismatique","isFemale":true,"description":"Monnaies, billets, m\u00e9dailles,...","keyword":"numismatie pi\u00e8ces monnaie","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":27,"type":4,"group":1,"alias":"Bourses-objets-publicitaires","labelPlurar":"Bourses d\u0027objets publicitaires","labelSingular":"Bourse d\u0027objets publicitaires","isFemale":true,"description":"Pin\u0027s, autocollants, affiches, verres \u00e0 biere, sous-bocks, parfums,... ","keyword":"objets publicitaires","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":14,"type":4,"group":1,"alias":"Bourses-philateliques","labelPlurar":"Bourses philat\u00e9liques","labelSingular":"Bourse philat\u00e9lique","isFemale":true,"description":"Timbres, albums philat\u00e9liques,...","keyword":"philat\u00e9lie timbres","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":22,"type":4,"group":1,"alias":"Bourses-radios-tsf","labelPlurar":"Bourses radios TSF","labelSingular":"Bourse radios TSF","isFemale":true,"description":"R\u00e9cepteurs, radios amateurs, TSF,...","keyword":"radio amateur","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":39,"type":4,"group":1,"alias":"Multi-collections","labelPlurar":"Multi collections","labelSingular":"Multi collection","isFemale":true,"description":"Bourses de collections multiples (si votre bourse comprend plus de trois types de collection, elle sera consid\u00e9r\u00e9e comme multi-collections.]","keyword":"collections collectionneurs","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]}]},"apiUrl":"https:\/\/api.agenda.org","apiGeo":"https:\/\/geo.sopheos.com","user":0,"connected":false};</script>
<script defer src="/v2/alpine.1760106382.js"></script>
<script src="/v2/header.1760106382.js"></script>
<script>
window.yieldlove_prevent_autostart = true;
window.yieldlove_cmd = window.yieldlove_cmd || []
window.googletag = window.googletag || {};
googletag.cmd = googletag.cmd || [];
googletag.cmd.push(function() {
googletag.pubads().disableInitialLoad();
googletag.enableServices();
});
loadScript("https://cdn-a.yieldlove.com/v2/yieldlove.js?" + window.CONFIG.agenda.domain);
</script>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" strategy="beforeInteractive"></script>
<script data-ad-client="ca-pub-3740268378454082" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></head>
<body x-data="alpineCommon" data-agenda="1" class="bg-surface">
<noscript
style=" z-index: 100; position: fixed; bottom: 0; right: 24px; left: 24px; margin-bottom: 24px; margin-inline: auto; width: fit-content; max-width: 500px; display: flex; align-items: center; padding-inline: 16px; padding-block: 8px; color: #dfe2e5; background-color: #9a1302; ">
Nous sommes désolés mais vide-greniers.org ne fonctionne pas correctement sans
JavaScript. Veuillez s'il vous plaît l'activer pour continuer.
</noscript>
<script x-json="agwDialog" type="application/json">
{"show":false,"hasService":false}
</script>
<div x-data="alpinePage">
<a href="#content" class="sr-only focus:not-sr-only"> Aller au contenu </a>
<header
class="sticky top-0 z-100 flex min-h-(--height-header-mobile) items-center justify-center gap-lg border-primary-500 bg-white max-laptop:border-b-sm laptop:min-h-(--height-header) laptop:border-b-sm"
:class="{ 'max-laptop:border-none max-laptop:bg-transparent': !isScrolled }">
<div class="w-side-pub max-desktop:hidden"></div>
<div
class="flex h-full w-full max-w-content flex-wrap items-center px-xxs"
:class="{ 'max-laptop:bg-[linear-gradient(0deg,rgba(0,0,0,0.00)_0%,rgba(0,0,0,0.50)_50%)]': !isScrolled }">
<div class="laptop:hidden">
<button
aria-label="Ouvrir le menu de navigation"
class="btn-white"
:class="{'max-laptop:btn-header': !isScrolled}"
@click="openSidemenu">
<span class="btn-icon fa-solid fa-bars text-xl"></span>
</button>
</div>
<div class="mr-sm flex grow items-center justify-center gap-sm laptop:justify-between">
<div class="rounded-xxs bg-white p-xs">
<a href="/" class="flex">
<img src="/images/theme/1/logo.png"
alt="Accueil - Agenda des brocantes et vide-greniers"
class="max-h-[24px] laptop:max-h-[48px]">
</a>
</div>
<div class="flex-none max-laptop:hidden">
<a href="/user/editer" class="ring-primary-100 link-button link-outlined focus:outline-none focus-visible:ring-4">
<span class="link-prepend fa-solid fa-circle-plus"></span>
Ajouter un événement
</a>
</div>
</div>
<div class="flex justify-end">
<button @click="openDialogSearch" class="style-none grid cursor-pointer gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 max-laptop:hidden laptop:grid-rows-2">
<span class="fa-solid text-xl fa-magnifying-glass"></span>
<span class="text-nowrap max-laptop:hidden">
Rechercher
</span>
</button>
<button @click="openDialogMyFavorites" class="style-none grid cursor-pointer gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 max-laptop:hidden laptop:grid-rows-2">
<span class="fa-regular fa-heart text-xl"></span>
<span class="text-nowrap max-laptop:hidden">
Mes favoris
</span>
</button>
<a href="/user/evenements" class="style-none grid gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 max-laptop:hidden laptop:grid-rows-2">
<span class="fa-regular fa-calendar text-xl">
</span>
<span class="text-nowrap max-laptop:hidden">
Mes évènements
</span>
</a>
<button
@click=" openDialogNotification()"
:aria-label="`Ouvrir fenêtre mes notifications - ${todoManifs.length + todoOrders.length + todoTopics.length} notifications`"
class="style-none relative grid cursor-pointer grid-rows-2 gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 max-laptop:hidden"
:class="{ 'max-laptop:text-white max-laptop:hover:bg-primary-500 max-laptop:active:bg-primary-400': !isScrolled }">
<template x-if=" todoManifs.length + todoOrders.length + todoTopics.length> 0">
<span
class="absolute top-0 right-0 size-5 rounded-full bg-red-600 text-small font-semibold text-white"
x-text="todoManifs.length + todoOrders.length + todoTopics.length > 9 ? '9+' : todoManifs.length + todoOrders.length + todoTopics.length">
</span>
</template>
<span class="fa-regular fa-bell text-xl"></span>
<span class="relative text-nowrap">
À faire
</span>
</button>
<a href="https://agenda.org/authentification?out=https%3A%2F%2Fvide-greniers.org%2F&origin=https%3A%2F%2Fvide-greniers.org%2F"
class="style-none grid gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 laptop:grid-rows-2"
:class="{ 'max-laptop:text-white max-laptop:hover:bg-primary-500 max-laptop:active:bg-primary-400': !isScrolled }">
<span class="fa-regular fa-user text-xl"></span>
<span class="text-nowrap max-laptop:hidden">
Me connecter
</span>
</a>
</div>
</div>
<div class="w-side-pub max-laptop:hidden"></div>
</header>
<div class="flex justify-center gap-lg">
<div id="slot_desktop_left" class="agw agw-side desktop:[--agw-display:block]"></div>
<main class="w-full max-w-content">
<div id="content" x-data="myFavorite">
<script x-json="agendaTypes" type="application/json">
[{"id":1,"alias":"Vide-greniers-et-marches-puces","labelPlurar":"Vide-greniers et march\u00e9s aux puces","labelSingular":"Vide-greniers et march\u00e9 aux puces","isFemale":false,"description":"Vente au d\u00e9ballage de particuliers d\u0027objets d\u0027occasion. Des professionnels peuvent \u00e9galement s\u0027y associer.","info":"","min":1,"max":1,"maxTag":null,"order":1,"deployTag":false,"icon":"vg","displayTpl":"videGreniers","keyword":"vente occasion","nbPhotosEvent":1,"isActive":true,"isMultiple":false,"tags":[{"id":1,"type":1,"group":1,"alias":"Vide-greniers-et-marches-puces","labelPlurar":"Vide-greniers et march\u00e9s aux puces","labelSingular":"Vide-greniers et march\u00e9 aux puces","isFemale":false,"description":"Vente au d\u00e9ballage de particuliers d\u0027objets d\u0027occasion. Des professionnels peuvent \u00e9galement s\u0027y associer.","keyword":"vide-greniers occasions","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","BookingLink","WebLink","AutresInformations","MapProximite","Upload"]},{"id":2,"alias":"Brocantes-antiquaire","labelPlurar":"Brocantes, salons d\u0027antiquaires","labelSingular":"Brocante, salon d\u0027antiquaires","isFemale":true,"description":"Destin\u00e9s aux professionnels de l\u0027antiquit\u00e9 : antiquaires et brocanteurs qui se regroupent occasionnellement en dehors d\u0027une boutique ou d\u0027un magasin, dans un lieu ouvert au public","info":"Un seul choix possible.","min":1,"max":1,"maxTag":null,"order":2,"deployTag":true,"icon":"broc","displayTpl":"videGreniers","keyword":"antiquit\u00e9s antiquaires collections","nbPhotosEvent":1,"isActive":true,"isMultiple":false,"tags":[{"id":2,"type":2,"group":1,"alias":"Brocantes","labelPlurar":"Brocantes","labelSingular":"Brocante","isFemale":true,"description":"D\u00e9ballage marchand r\u00e9serv\u00e9 exclusivement aux professionnels de la vente d\u0027objets anciens.","keyword":"brocante antiquit\u00e9s","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":3,"type":2,"group":1,"alias":"Salons-antiquaires","labelPlurar":"Salons d\u0027antiquaires","labelSingular":"Salon d\u0027antiquaires","isFemale":false,"description":"Rendez-vous de professionnels proposant \u00e0 la vente des objets anciens authentiques et de qualit\u00e9.","keyword":"antiquaire antiquit\u00e9s","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]},{"id":3,"alias":"Bourses","labelPlurar":"Bourses d\u0027objets","labelSingular":"Bourse d\u0027objets","isFemale":true,"description":"Vente d\u0027objets usag\u00e9s souvent sur un th\u00e8me : v\u00eatements, jouets, livres, articles de sports, pu\u00e9riculture, ... Se d\u00e9roule tr\u00e8s souvent en salle.","info":"<span class=\"red\"><strong>Attention<\/strong><\/span><br \/>Le choix multiple n\u0027est possible que dans une m\u00eame famille de bourses.<br \/>","min":1,"max":10,"maxTag":null,"order":3,"deployTag":true,"icon":"bourses","displayTpl":"bourseObjetsOccassion","keyword":"objets occasion","nbPhotosEvent":1,"isActive":true,"isMultiple":true,"tags":[{"id":47,"type":3,"group":8,"alias":"Bourse-aux-loisirs-creatifs","labelPlurar":"Bourses aux loisirs cr\u00e9atifs","labelSingular":"Bourse aux loisirs cr\u00e9atifs","isFemale":true,"description":" Fournitures pour activit\u00e9s manuelles et loisirs cr\u00e9atifs (ex : puces des couturi\u00e8res,...]","keyword":"loisirs creatif","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":25,"type":3,"group":7,"alias":"Bourses-auto-moto","labelPlurar":"Bourses auto-moto","labelSingular":"Bourse auto-moto","isFemale":true,"description":"V\u00e9hicules, pi\u00e8ces d\u00e9tach\u00e9es","keyword":"occasions auto moto","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":12,"type":3,"group":2,"alias":"Bourses-aux-jouets","labelPlurar":"Bourses aux jouets","labelSingular":"Bourse aux jouets","isFemale":true,"description":"Jeux de soci\u00e9t\u00e9s, jeux d\u0027ext\u00e9rieur, poup\u00e9es,...","keyword":"jouets enfants","mainAgenda":7,"nbPhotosEvent":1,"isActive":true},{"id":6,"type":3,"group":1,"alias":"Bourses-aux-livres","labelPlurar":"Bourses aux livres","labelSingular":"Bourse aux livres","isFemale":true,"description":"Livres pour tout public, livres enfants, bandes-dessin\u00e9es, romans, livres sp\u00e9cialis\u00e9s,... ","keyword":"livre librairie","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":24,"type":3,"group":6,"alias":"Bourses-aux-plantes","labelPlurar":"Bourses aux plantes","labelSingular":"Bourse aux plantes","isFemale":true,"description":"Plants, boutures, graines, outils de jardinage,...","keyword":"plantes arbuste","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":11,"type":3,"group":2,"alias":"Bourses-aux-vetements","labelPlurar":"Bourses aux v\u00eatements","labelSingular":"Bourse aux v\u00eatements","isFemale":true,"description":"Vente de v\u00eatements se d\u00e9roulant dans un lieu public : V\u00eatements enfants et adultes, chaussures, accessoires,...","keyword":"vetements habits linge","mainAgenda":9,"nbPhotosEvent":1,"isActive":true},{"id":23,"type":3,"group":2,"alias":"Bourses-de-puericulture","labelPlurar":"Bourses de pu\u00e9riculture","labelSingular":"Bourse de pu\u00e9riculture","isFemale":true,"description":"Mat\u00e9riel destin\u00e9 \u00e0 la petite enfance, dont v\u00eatements de la naissance jusqu\u0027\u00e0 6 ans, v\u00eatements de grossesse, jeux d\u2019\u00e9veil 1er age,...","keyword":"puericulture b\u00e9b\u00e9 vetements","mainAgenda":10,"nbPhotosEvent":1,"isActive":true},{"id":37,"type":3,"group":1,"alias":"Bourses-informatique","labelPlurar":"Bourses informatique","labelSingular":"Bourse informatique","isFemale":true,"description":"Mat\u00e9riel informatique, ordinateurs, logiciels, pi\u00e8ces d\u00e9tach\u00e9es,...","keyword":"occasion informatique","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":40,"type":3,"group":1,"alias":"Bourses-jeux-video-retrogaming","labelPlurar":"Bourses aux jeux vid\u00e9o et r\u00e9trogaming","labelSingular":"Bourse aux jeux vid\u00e9o et r\u00e9trogaming","isFemale":true,"description":"R\u00e9trogaming, Jeux PC, consoles, jeux \u00e9lectroniques","keyword":"jeux video","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":36,"type":3,"group":1,"alias":"Bourses-photo-video","labelPlurar":"Bourses photo \/ vid\u00e9o \/ cinema","labelSingular":"Bourse photo \/ vid\u00e9o \/ cinema","isFemale":true,"description":"Appareils photos, cam\u00e9ras, projecteurs, pellicules, affiches, accessoires,...","keyword":"photo video amateurs","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":13,"type":3,"group":5,"alias":"Bourses-sportives","labelPlurar":"Bourses sportives","labelSingular":"Bourse sportive","isFemale":true,"description":"Mat\u00e9riel sportif : skis, p\u00eache, v\u00e9los, nautisme,....","keyword":"sport \u00e9quipement sportif course","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":35,"type":3,"group":1,"alias":"Disques-cd-dvd","labelPlurar":"Bourses aux disques\/CD\/DVD","labelSingular":"Bourse aux disques\/CD\/DVD","isFemale":true,"description":"Disques, CD, DVD, VHS","keyword":"cd dvd musique vid\u00e9o","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]},{"id":4,"alias":"Bourses-de-collectionneurs","labelPlurar":"Bourses de collectionneurs","labelSingular":"Bourse de collectionneurs","isFemale":true,"description":"Regroupement de collectionneurs qui vendent ou \u00e9changent leurs objets de collection tels que timbres, monnaies, jouets anciens, livres et CPA, miniatures,....","info":"Si votre bourse comprend plus de trois types de collection, elle sera consid\u00e9r\u00e9e comme multi-collections.","min":1,"max":3,"maxTag":39,"order":4,"deployTag":true,"icon":"collec","displayTpl":"videGreniers","keyword":"collection collectionneurs","nbPhotosEvent":1,"isActive":true,"isMultiple":true,"tags":[{"id":7,"type":4,"group":1,"alias":"Bourses-aux-armes","labelPlurar":"Bourses aux armes, militaria","labelSingular":"Bourse aux armes, militaria","isFemale":true,"description":"Armes blanches ou \u00e0 feux neutralis\u00e9es, surplus militaire,...","keyword":"militaria armes uniformes","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":20,"type":4,"group":1,"alias":"Bourses-aux-disques-de-collection","labelPlurar":"Bourses aux disques de collection","labelSingular":"Bourse aux disques de collection","isFemale":true,"description":"Vinyles, tourne-disques, accessoires,...","keyword":"vinyle disque cd musique","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":16,"type":4,"group":1,"alias":"Bourses-de-jouets-anciens","labelPlurar":"Bourses de jouets anciens","labelSingular":"Bourse de jouets anciens","isFemale":true,"description":"Poup\u00e9es de collection, voitures miniatures, trains et circuits \u00e9lectriques, jouets en bois...","keyword":"jouets de collection","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":21,"type":4,"group":1,"alias":"Bourses-livres-cpa-et-vieux-papiers","labelPlurar":"Bourses aux livres, CPA et vieux papiers","labelSingular":"Bourse aux livres, CPA et vieux papiers","isFemale":true,"description":"Livres anciens et de collection, cartes-postales, affiches, journaux, magazines,...","keyword":"livres anciens cartes postales","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":26,"type":4,"group":1,"alias":"Bourses-miniatures","labelPlurar":"Bourses miniatures","labelSingular":"Bourse miniatures","isFemale":true,"description":"F\u00e8ves, miniatures de parfums, figurines, v\u00e9hicules miniatures,...","keyword":"objets miniatures figurines","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":19,"type":4,"group":1,"alias":"Bourses-modelisme","labelPlurar":"Bourses mod\u00e9lisme","labelSingular":"Bourse mod\u00e9lisme","isFemale":true,"description":"Maquettes, accessoires de mod\u00e9lisme (colle, peinture, outillage,...]","keyword":"modelisme maquettes","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":28,"type":4,"group":1,"alias":"Bourses-musicales","labelPlurar":"Bourses musicales","labelSingular":"Bourse musicale","isFemale":true,"description":"Instruments de musique, partitions, radios, sonos, disques, ...","keyword":"partition musique instruments","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":18,"type":4,"group":1,"alias":"Bourses-numismatiques","labelPlurar":"Bourses numismatiques","labelSingular":"Bourse numismatique","isFemale":true,"description":"Monnaies, billets, m\u00e9dailles,...","keyword":"numismatie pi\u00e8ces monnaie","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":27,"type":4,"group":1,"alias":"Bourses-objets-publicitaires","labelPlurar":"Bourses d\u0027objets publicitaires","labelSingular":"Bourse d\u0027objets publicitaires","isFemale":true,"description":"Pin\u0027s, autocollants, affiches, verres \u00e0 biere, sous-bocks, parfums,... ","keyword":"objets publicitaires","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":14,"type":4,"group":1,"alias":"Bourses-philateliques","labelPlurar":"Bourses philat\u00e9liques","labelSingular":"Bourse philat\u00e9lique","isFemale":true,"description":"Timbres, albums philat\u00e9liques,...","keyword":"philat\u00e9lie timbres","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":22,"type":4,"group":1,"alias":"Bourses-radios-tsf","labelPlurar":"Bourses radios TSF","labelSingular":"Bourse radios TSF","isFemale":true,"description":"R\u00e9cepteurs, radios amateurs, TSF,...","keyword":"radio amateur","mainAgenda":1,"nbPhotosEvent":1,"isActive":true},{"id":39,"type":4,"group":1,"alias":"Multi-collections","labelPlurar":"Multi collections","labelSingular":"Multi collection","isFemale":true,"description":"Bourses de collections multiples (si votre bourse comprend plus de trois types de collection, elle sera consid\u00e9r\u00e9e comme multi-collections.]","keyword":"collections collectionneurs","mainAgenda":1,"nbPhotosEvent":1,"isActive":true}],"modules":["Titre","Type","Tags","Calendar","Location","Contact","InformationsVisiteurs","InformationsExposants","Frequentation","WebLink","BookingLink","AutresInformations","MapProximite","Upload"]}]
</script>
<script x-json="agendaTags" type="application/json">
[1,2,3,47,25,12,6,24,11,23,37,40,36,13,35,7,20,16,21,26,19,28,18,27,14,22,39]
</script>
<div x-data="location">
<section class="flex grow flex-col">
<div
style="background-image: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.50) 25%, rgba(0,0,0,0.00) 50%), url('/images/home/1.png');"
class="flex min-h-[calc(var(--body-height)-var(--height-home-bottom))] flex-col items-center justify-between bg-cover bg-center bg-no-repeat px-lg pb-lg max-laptop:-mt-(--height-header-mobile) max-laptop:pt-(--height-header-mobile) content:rounded-b-xl laptop:min-h-[calc(var(--body-height)-var(--height-header)-var(--height-home-bottom))]">
<span class="mt-xl max-w-form text-center text-5xl font-bold text-white text-shadow-[0px_2px_3px_rgba(0,0,0,0.30)]">
<strong class="text-primary-400">Où chiner</strong> ? C'est ici que ça se passe ! </span>
<div class="flex w-full max-w-form flex-none flex-col gap-md">
<div class="group relative flex flex-col rounded-sm bg-white p-md">
<button
class="style-none absolute-link cursor-pointer"
@click.self="openDialogSearch"
@keyup.enter="openDialogSearch"
@keyup.space="openDialogSearch">
<span class="sr-only">Ouvrir formulaire de recherche</span>
</button>
<div class="flex items-center gap-sm">
<span class="fa-solid fa-magnifying-glass"></span>
<div class="grow">
<span class="line-clamp-1">Où recherchez-vous ?</span>
<div
class="mt-xxs flex gap-xs group-hover:text-primary-500 group-active:text-primary-800"
:class="{ 'text-large font-semibold': lastSearches.length, 'text-small text-gray-400': !lastSearches.length }">
<span class="line-clamp-1" x-text="lastSearches.length ? `${lastSearches[0].title} ${lastSearches[0].adminCode ? `(${lastSearches[0].adminCode})` : ''}` : 'Ville, département, région'"></span>
<span class="text-nowrap" x-text="lastSearches.length && lastSearches[0].type === 3 ? `- ${distance} km` : ''"></span>
</div>
</div>
<button aria-label="Se géolocaliser" class="z-20 btn-white" @click.stop="onGeolocation">
<span class="btn-icon fa-solid fa-crosshairs"></span>
</button>
</div>
<hr class="mt-xs text-gray-950" aria-hidden="true" />
</div>
<button
:aria-label="lastSearches.length ? `Voir évènements ${lastSearches[0].title}, ${lastSearches[0].subtitle}` : null"
class="mt-md w-full"
@click="searchLastSearch">
Trouver
</button>
</div>
</div>
<div class="mx-lg my-xxl flex justify-center">
<div class="flex w-full max-w-form flex-col gap-lg rounded-lg border-md border-primary-500 bg-primary-100 p-md">
<span class="text-large font-bold"> Vous organisez un événement ? </span>
<span class="text-large"> Publiez-le gratuitement ! </span>
<a href="/user/editer" class="link-button link-outlined">
<span class="link-prepend fa-solid fa-circle-plus"></span>
Ajouter un événement
</a>
</div>
</div>
<!-- TODO ALD NOEL -->
<!-- PUB -->
<div id="slot_home_1" class="agw agw-banner mb-xxl"></div>
<!-- --------------------------------------------------------- -->
<div class="flex grow flex-col bg-white p-lg laptop:rounded-sm">
<h1 class="text-h3">
Agenda des brocantes et vide-greniers </h1>
<p class="mt-lg text-large">
L'agenda indispensable pour dénicher les meilleurs vide-greniers, brocantes, bourses d'objets et bourses de collectionneurs près de chez vous. Ne manquez plus une occasion de faire des trouvailles uniques. Lancez votre recherche maintenant et trouvez l'événement idéal pour chiner ! </p>
<h2 class="mt-xl mb-lg rounded-xs bg-primary-100 px-md py-xs">
France
</h2>
<div class="mx-lg mb-lg grid grid-flow-col grid-rows-101 content:grid-rows-51 laptop:grid-rows-34 gap-sm">
<div>
<a href="/evenements/Ain" class="no-underline">
<span class="depInfos">01</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Ain </span>
</a>
</div>
<div>
<a href="/evenements/Aisne" class="no-underline">
<span class="depInfos">02</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Aisne </span>
</a>
</div>
<div>
<a href="/evenements/Allier" class="no-underline">
<span class="depInfos">03</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Allier </span>
</a>
</div>
<div>
<a href="/evenements/Alpes-de-Haute-Provence" class="no-underline">
<span class="depInfos">04</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Alpes de Haute-Provence </span>
</a>
</div>
<div>
<a href="/evenements/Hautes-Alpes" class="no-underline">
<span class="depInfos">05</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Hautes-Alpes </span>
</a>
</div>
<div>
<a href="/evenements/Alpes-Maritimes" class="no-underline">
<span class="depInfos">06</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Alpes-Maritimes </span>
</a>
</div>
<div>
<a href="/evenements/Ardeche" class="no-underline">
<span class="depInfos">07</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Ardèche </span>
</a>
</div>
<div>
<a href="/evenements/Ardennes" class="no-underline">
<span class="depInfos">08</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Ardennes </span>
</a>
</div>
<div>
<a href="/evenements/Ariege" class="no-underline">
<span class="depInfos">09</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Ariège </span>
</a>
</div>
<div>
<a href="/evenements/Aube" class="no-underline">
<span class="depInfos">10</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Aube </span>
</a>
</div>
<div>
<a href="/evenements/Aude" class="no-underline">
<span class="depInfos">11</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Aude </span>
</a>
</div>
<div>
<a href="/evenements/Aveyron" class="no-underline">
<span class="depInfos">12</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Aveyron </span>
</a>
</div>
<div>
<a href="/evenements/Bouches-du-Rhone" class="no-underline">
<span class="depInfos">13</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Bouches du Rhône </span>
</a>
</div>
<div>
<a href="/evenements/Calvados" class="no-underline">
<span class="depInfos">14</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Calvados </span>
</a>
</div>
<div>
<a href="/evenements/Cantal" class="no-underline">
<span class="depInfos">15</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Cantal </span>
</a>
</div>
<div>
<a href="/evenements/Charente" class="no-underline">
<span class="depInfos">16</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Charente </span>
</a>
</div>
<div>
<a href="/evenements/Charente-Maritime" class="no-underline">
<span class="depInfos">17</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Charente-Maritime </span>
</a>
</div>
<div>
<a href="/evenements/Cher" class="no-underline">
<span class="depInfos">18</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Cher </span>
</a>
</div>
<div>
<a href="/evenements/Correze" class="no-underline">
<span class="depInfos">19</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Corrèze </span>
</a>
</div>
<div>
<a href="/evenements/Cote-d-or" class="no-underline">
<span class="depInfos">21</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Côte-d'or </span>
</a>
</div>
<div>
<a href="/evenements/Cotes-d-Armor" class="no-underline">
<span class="depInfos">22</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Côtes-d'Armor </span>
</a>
</div>
<div>
<a href="/evenements/Creuse" class="no-underline">
<span class="depInfos">23</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Creuse </span>
</a>
</div>
<div>
<a href="/evenements/Dordogne" class="no-underline">
<span class="depInfos">24</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Dordogne </span>
</a>
</div>
<div>
<a href="/evenements/Doubs" class="no-underline">
<span class="depInfos">25</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Doubs </span>
</a>
</div>
<div>
<a href="/evenements/Drome" class="no-underline">
<span class="depInfos">26</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Drôme </span>
</a>
</div>
<div>
<a href="/evenements/Eure" class="no-underline">
<span class="depInfos">27</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Eure </span>
</a>
</div>
<div>
<a href="/evenements/Eure-et-Loir" class="no-underline">
<span class="depInfos">28</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Eure-et-Loir </span>
</a>
</div>
<div>
<a href="/evenements/Finistere" class="no-underline">
<span class="depInfos">29</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Finistère </span>
</a>
</div>
<div>
<a href="/evenements/Corse-du-Sud" class="no-underline">
<span class="depInfos">2a</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Corse du Sud </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Corse" class="no-underline">
<span class="depInfos">2b</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute Corse </span>
</a>
</div>
<div>
<a href="/evenements/Gard" class="no-underline">
<span class="depInfos">30</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Gard </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Garonne" class="no-underline">
<span class="depInfos">31</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Garonne </span>
</a>
</div>
<div>
<a href="/evenements/Gers" class="no-underline">
<span class="depInfos">32</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Gers </span>
</a>
</div>
<div>
<a href="/evenements/Gironde" class="no-underline">
<span class="depInfos">33</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Gironde </span>
</a>
</div>
<div>
<a href="/evenements/Herault" class="no-underline">
<span class="depInfos">34</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Hérault </span>
</a>
</div>
<div>
<a href="/evenements/Ille-et-Vilaine" class="no-underline">
<span class="depInfos">35</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Ille-et-Vilaine </span>
</a>
</div>
<div>
<a href="/evenements/Indre" class="no-underline">
<span class="depInfos">36</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Indre </span>
</a>
</div>
<div>
<a href="/evenements/Indre-et-Loire" class="no-underline">
<span class="depInfos">37</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Indre-et-Loire </span>
</a>
</div>
<div>
<a href="/evenements/Isere" class="no-underline">
<span class="depInfos">38</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Isère </span>
</a>
</div>
<div>
<a href="/evenements/Jura" class="no-underline">
<span class="depInfos">39</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Jura </span>
</a>
</div>
<div>
<a href="/evenements/Landes" class="no-underline">
<span class="depInfos">40</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Landes </span>
</a>
</div>
<div>
<a href="/evenements/Loir-et-Cher" class="no-underline">
<span class="depInfos">41</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Loir-et-Cher </span>
</a>
</div>
<div>
<a href="/evenements/Loire" class="no-underline">
<span class="depInfos">42</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Loire </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Loire" class="no-underline">
<span class="depInfos">43</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Loire </span>
</a>
</div>
<div>
<a href="/evenements/Loire-Atlantique" class="no-underline">
<span class="depInfos">44</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Loire-Atlantique </span>
</a>
</div>
<div>
<a href="/evenements/Loiret" class="no-underline">
<span class="depInfos">45</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Loiret </span>
</a>
</div>
<div>
<a href="/evenements/Lot" class="no-underline">
<span class="depInfos">46</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Lot </span>
</a>
</div>
<div>
<a href="/evenements/Lot-et-Garonne" class="no-underline">
<span class="depInfos">47</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Lot-et-Garonne </span>
</a>
</div>
<div>
<a href="/evenements/Lozere" class="no-underline">
<span class="depInfos">48</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Lozère </span>
</a>
</div>
<div>
<a href="/evenements/Maine-et-Loire" class="no-underline">
<span class="depInfos">49</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Maine-et-Loire </span>
</a>
</div>
<div>
<a href="/evenements/Manche" class="no-underline">
<span class="depInfos">50</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Manche </span>
</a>
</div>
<div>
<a href="/evenements/Marne" class="no-underline">
<span class="depInfos">51</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Marne </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Marne" class="no-underline">
<span class="depInfos">52</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Marne </span>
</a>
</div>
<div>
<a href="/evenements/Mayenne" class="no-underline">
<span class="depInfos">53</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Mayenne </span>
</a>
</div>
<div>
<a href="/evenements/Meurthe-et-Moselle" class="no-underline">
<span class="depInfos">54</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Meurthe-et-Moselle </span>
</a>
</div>
<div>
<a href="/evenements/Meuse" class="no-underline">
<span class="depInfos">55</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Meuse </span>
</a>
</div>
<div>
<a href="/evenements/Morbihan" class="no-underline">
<span class="depInfos">56</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Morbihan </span>
</a>
</div>
<div>
<a href="/evenements/Moselle" class="no-underline">
<span class="depInfos">57</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Moselle </span>
</a>
</div>
<div>
<a href="/evenements/Nievre" class="no-underline">
<span class="depInfos">58</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Nièvre </span>
</a>
</div>
<div>
<a href="/evenements/Nord" class="no-underline">
<span class="depInfos">59</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Nord </span>
</a>
</div>
<div>
<a href="/evenements/Oise" class="no-underline">
<span class="depInfos">60</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Oise </span>
</a>
</div>
<div>
<a href="/evenements/Orne" class="no-underline">
<span class="depInfos">61</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Orne </span>
</a>
</div>
<div>
<a href="/evenements/Pas-de-Calais" class="no-underline">
<span class="depInfos">62</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Pas-de-Calais </span>
</a>
</div>
<div>
<a href="/evenements/Puy-de-Dome" class="no-underline">
<span class="depInfos">63</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Puy-de-Dôme </span>
</a>
</div>
<div>
<a href="/evenements/Pyrenees-Atlantiques" class="no-underline">
<span class="depInfos">64</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Pyrénées-Atlantiques </span>
</a>
</div>
<div>
<a href="/evenements/Hautes-Pyrenees" class="no-underline">
<span class="depInfos">65</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Hautes-Pyrénées </span>
</a>
</div>
<div>
<a href="/evenements/Pyrenees-Orientales" class="no-underline">
<span class="depInfos">66</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Pyrénées-Orientales </span>
</a>
</div>
<div>
<a href="/evenements/Bas-Rhin" class="no-underline">
<span class="depInfos">67</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Bas-Rhin </span>
</a>
</div>
<div>
<a href="/evenements/Haut-Rhin" class="no-underline">
<span class="depInfos">68</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haut-Rhin </span>
</a>
</div>
<div>
<a href="/evenements/Rhone" class="no-underline">
<span class="depInfos">69</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Rhône </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Saone" class="no-underline">
<span class="depInfos">70</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Saône </span>
</a>
</div>
<div>
<a href="/evenements/Saone-et-Loire" class="no-underline">
<span class="depInfos">71</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Saône-et-Loire </span>
</a>
</div>
<div>
<a href="/evenements/Sarthe" class="no-underline">
<span class="depInfos">72</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Sarthe </span>
</a>
</div>
<div>
<a href="/evenements/Savoie" class="no-underline">
<span class="depInfos">73</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Savoie </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Savoie" class="no-underline">
<span class="depInfos">74</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Savoie </span>
</a>
</div>
<div>
<a href="/evenements/Paris" class="no-underline">
<span class="depInfos">75</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Paris </span>
</a>
</div>
<div>
<a href="/evenements/Seine-Maritime" class="no-underline">
<span class="depInfos">76</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Seine-Maritime </span>
</a>
</div>
<div>
<a href="/evenements/Seine-et-Marne" class="no-underline">
<span class="depInfos">77</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Seine-et-Marne </span>
</a>
</div>
<div>
<a href="/evenements/Yvelines" class="no-underline">
<span class="depInfos">78</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Yvelines </span>
</a>
</div>
<div>
<a href="/evenements/Deux-Sevres" class="no-underline">
<span class="depInfos">79</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Deux-Sèvres </span>
</a>
</div>
<div>
<a href="/evenements/Somme" class="no-underline">
<span class="depInfos">80</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Somme </span>
</a>
</div>
<div>
<a href="/evenements/Tarn" class="no-underline">
<span class="depInfos">81</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Tarn </span>
</a>
</div>
<div>
<a href="/evenements/Tarn-et-Garonne" class="no-underline">
<span class="depInfos">82</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Tarn-et-Garonne </span>
</a>
</div>
<div>
<a href="/evenements/Var" class="no-underline">
<span class="depInfos">83</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Var </span>
</a>
</div>
<div>
<a href="/evenements/Vaucluse" class="no-underline">
<span class="depInfos">84</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Vaucluse </span>
</a>
</div>
<div>
<a href="/evenements/Vendee" class="no-underline">
<span class="depInfos">85</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Vendée </span>
</a>
</div>
<div>
<a href="/evenements/Vienne" class="no-underline">
<span class="depInfos">86</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Vienne </span>
</a>
</div>
<div>
<a href="/evenements/Haute-Vienne" class="no-underline">
<span class="depInfos">87</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Haute-Vienne </span>
</a>
</div>
<div>
<a href="/evenements/Vosges" class="no-underline">
<span class="depInfos">88</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Vosges </span>
</a>
</div>
<div>
<a href="/evenements/Yonne" class="no-underline">
<span class="depInfos">89</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Yonne </span>
</a>
</div>
<div>
<a href="/evenements/Territoire-de-Belfort" class="no-underline">
<span class="depInfos">90</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Territoire de Belfort </span>
</a>
</div>
<div>
<a href="/evenements/Essonne" class="no-underline">
<span class="depInfos">91</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Essonne </span>
</a>
</div>
<div>
<a href="/evenements/Hauts-de-Seine" class="no-underline">
<span class="depInfos">92</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Hauts-de-Seine </span>
</a>
</div>
<div>
<a href="/evenements/Seine-Saint-Denis" class="no-underline">
<span class="depInfos">93</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Seine-Saint-Denis </span>
</a>
</div>
<div>
<a href="/evenements/Val-de-Marne" class="no-underline">
<span class="depInfos">94</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Val-de-Marne </span>
</a>
</div>
<div>
<a href="/evenements/Val-d-Oise" class="no-underline">
<span class="depInfos">95</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Val-d'Oise </span>
</a>
</div>
<div>
<a href="/evenements/Guadeloupe" class="no-underline">
<span class="depInfos">971</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Guadeloupe </span>
</a>
</div>
<div>
<a href="/evenements/Martinique" class="no-underline">
<span class="depInfos">972</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Martinique </span>
</a>
</div>
<div>
<a href="/evenements/Guyane" class="no-underline">
<span class="depInfos">973</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Guyane </span>
</a>
</div>
<div>
<a href="/evenements/Reunion" class="no-underline">
<span class="depInfos">974</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Réunion </span>
</a>
</div>
<div>
<a href="/evenements/Mayotte" class="no-underline">
<span class="depInfos">976</span>
<span class="depInfos"> . </span>
<span class="pl-xxs"> Mayotte </span>
</a>
</div>
</div>
<h2 class="my-lg rounded-xs bg-primary-100 px-md py-xs">
Suisse
</h2>
<div class="mx-lg mb-lg grid grid-flow-col grid-rows-26 content:grid-rows-13 laptop:grid-rows-9 gap-sm">
<div>
<a href="/evenements/Argovie" class="no-underline">
Canton d'Argovie </a>
</div>
<div>
<a href="/evenements/Appenzel-Interieur" class="no-underline">
Canton d'Appenzel Intérieur </a>
</div>
<div>
<a href="/evenements/Appenzel-Exterieur" class="no-underline">
Canton d'Appenzel Extérieur </a>
</div>
<div>
<a href="/evenements/Berne" class="no-underline">
Canton de Berne </a>
</div>
<div>
<a href="/evenements/Bale-Campagne" class="no-underline">
Canton de Bâle-Campagne </a>
</div>
<div>
<a href="/evenements/Bale-Ville" class="no-underline">
Canton de Bâle-Ville </a>
</div>
<div>
<a href="/evenements/Fribourg" class="no-underline">
Canton de Fribourg </a>
</div>
<div>
<a href="/evenements/Geneve" class="no-underline">
Canton de Genève </a>
</div>
<div>
<a href="/evenements/Glaris" class="no-underline">
Canton de Glaris </a>
</div>
<div>
<a href="/evenements/Grisons" class="no-underline">
Canton de Grisons </a>
</div>
<div>
<a href="/evenements/Jura-Suisse" class="no-underline">
Canton du Jura </a>
</div>
<div>
<a href="/evenements/Lucerne" class="no-underline">
Canton de Lucerne </a>
</div>
<div>
<a href="/evenements/Neuchatel" class="no-underline">
Canton de Neuchatel </a>
</div>
<div>
<a href="/evenements/Niedwald" class="no-underline">
Canton de Niedwald </a>
</div>
<div>
<a href="/evenements/Obwald" class="no-underline">
Canton d'Obwald </a>
</div>
<div>
<a href="/evenements/Saint-Gall" class="no-underline">
Canton de Saint Gall </a>
</div>
<div>
<a href="/evenements/Schaffhouse" class="no-underline">
Canton de Schaffhouse </a>
</div>
<div>
<a href="/evenements/Soleure" class="no-underline">
Canton de Soleure </a>
</div>
<div>
<a href="/evenements/Schwyz" class="no-underline">
Canton de Schwyz </a>
</div>
<div>
<a href="/evenements/Thurgovie" class="no-underline">
Canton de Thurgovie </a>
</div>
<div>
<a href="/evenements/Tessin" class="no-underline">
Canton du Tessin </a>
</div>
<div>
<a href="/evenements/Uri" class="no-underline">
Canton d'Uri </a>
</div>
<div>
<a href="/evenements/Vaud" class="no-underline">
Canton de Vaud </a>
</div>
<div>
<a href="/evenements/Valais" class="no-underline">
Canton du Valais </a>
</div>
<div>
<a href="/evenements/Zug" class="no-underline">
Canton de Zug </a>
</div>
<div>
<a href="/evenements/Zurich" class="no-underline">
Canton de Zürich </a>
</div>
</div>
<h2 class="my-lg rounded-xs bg-primary-100 px-md py-xs">
Belgique
</h2>
<div class="mx-lg mb-lg grid grid-flow-col grid-rows-13 content:grid-rows-7 laptop:grid-rows-5 gap-sm">
<div>
<a href="/evenements/Bruxelles-Capitale" class="no-underline">
Bruxelles-Capitale </a>
</div>
<div>
<a href="/evenements/Flandre" class="no-underline">
Flandre </a>
</div>
<div>
<a href="/evenements/Province-de-Liege" class="no-underline">
Province de Liège </a>
</div>
<div>
<a href="/evenements/Province-de-Namur" class="no-underline">
Province de Namur </a>
</div>
<div>
<a href="/evenements/Province-du-Brabant-Wallon" class="no-underline">
Province du Brabant Wallon </a>
</div>
<div>
<a href="/evenements/Province-du-Hainaut" class="no-underline">
Province du Hainaut </a>
</div>
<div>
<a href="/evenements/Province-du-Luxembourg" class="no-underline">
Province du Luxembourg </a>
</div>
<div>
<a href="/evenements/Provincie-Antwerpen" class="no-underline">
Provincie Antwerpen </a>
</div>
<div>
<a href="/evenements/Provincie-Limburg" class="no-underline">
Provincie Limburg </a>
</div>
<div>
<a href="/evenements/Provincie-Oost-Vlaanderen" class="no-underline">
Provincie Oost-Vlaanderen </a>
</div>
<div>
<a href="/evenements/Provincie-Vlaams-Brabant" class="no-underline">
Provincie Vlaams-Brabant </a>
</div>
<div>
<a href="/evenements/Provincie-West-Vlaanderen" class="no-underline">
Provincie West-Vlaanderen </a>
</div>
<div>
<a href="/evenements/Wallonie" class="no-underline">
Wallonie </a>
</div>
</div>
<h2 class="my-lg rounded-xs bg-primary-100 px-md py-xs">
Autres pays
</h2>
<div class="mx-lg mb-lg flex flex-col gap-sm">
<div>
<a href="/evenements/Andorre" class="no-underline">
Andorre </a>
</div>
<div>
<a href="/evenements/Luxembourg" class="no-underline">
Luxembourg </a>
</div>
<div>
<a href="/evenements/Monaco" class="no-underline">
Monaco </a>
</div>
</div>
</div>
</section>
<dialog
x-ref="dialogSearch"
@mousedown.self="resetForm; $refs.dialogSearch.close()"
aria-label="Fenêtre lieu de recherches"
class="dialog-full desktop:dialog-right">
<header class="flex items-center justify-between gap-xs">
<div class="mt-md mr-16 mb-md ml-16 w-full text-center font-josefin text-2xl font-bold">
Rechercher
</div>
<form method="dialog">
<button type="submit" class="btn-text btn-large" @click="resetForm" aria-label="Fermer fenêtre lieu de recherches">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</form>
</header>
<section class="flex flex-col shadow-scroll">
<div class="flex justify-center px-lg pt-lg">
<div class="flex w-form flex-initial flex-col">
<span class="mb-sm text-lg font-bold">Où recherchez-vous ?</span>
<input
autofocus
:data-error="error"
x-ref="inputSearch"
aria-label="Champ lieu de recherche"
type="search"
name="search"
:disabled="!!loading && loading !== SEARCH"
x-model="query"
@input="onSearch"
placeholder="Ex. : Paris, Haut-Rhin, Bretagne..."
aria-controls="suggestion-menu"
aria-autocomplete="list"
aria-expanded="true"
role="combobox" />
<small class="mb-md" x-text="error ?? 'Ville, département, région...'"></small>
<template x-if="!query.length || selected">
<div class="flex flex-col">
<!-- Bouton autour de moi -->
<button
aria-label="Se géolocaliser"
type="button"
:aria-disabled="!!loading"
class="mt-xs mb-xl btn-white shrink self-end btn-outlined min-w-[154px]"
@click="onGeolocation($el)">
<template x-if="loading !== GEOLOC">
<span class="btn-prepend fa-solid fa-crosshairs"></span>
</template>
<template x-if="loading !== GEOLOC">
<span>Autour de moi</span>
</template>
<template x-if="loading === GEOLOC">
<!-- Loading -->
<span class="btn-icon fa-solid fa-spinner motion-safe:animate-spin"></span>
</template>
</button>
<template x-if="selected && selected.type === 3">
<div class="mb-xl flex flex-col gap-sm">
<span class="font-semibold">Dans quel rayon (km) ?</span>
<div class="flex">
<div class="flex grow">
<div class="grid grid-rows-2 items-center">
<input
aria-label="Rayon de 0 kilomètres"
:disabled="!!loading"
id="search-distance-0"
type="radio"
x-model="distance"
name="distance"
value="0"
@load.window="$el.checked = 0 == distance">
<label class="style-none text-center" for="search-distance-0">0</label>
</div>
<div class="flex grow">
<div class="grid w-full grid-rows-2 items-center">
<div class="h-0.5 w-full" :class="[ loading ? 'bg-gray-300' : 'bg-primary-500']"> </div>
</div>
</div>
</div>
<div class="flex grow">
<div class="grid grid-rows-2 items-center">
<input
aria-label="Rayon de 10 kilomètres"
:disabled="!!loading"
id="search-distance-10"
type="radio"
x-model="distance"
name="distance"
value="10"
@load.window="$el.checked = 10 == distance">
<label class="style-none text-center" for="search-distance-10">10</label>
</div>
<div class="flex grow">
<div class="grid w-full grid-rows-2 items-center">
<div class="h-0.5 w-full" :class="[ loading ? 'bg-gray-300' : 'bg-primary-500']"> </div>
</div>
</div>
</div>
<div class="flex grow">
<div class="grid grid-rows-2 items-center">
<input
aria-label="Rayon de 25 kilomètres"
:disabled="!!loading"
id="search-distance-25"
type="radio"
x-model="distance"
name="distance"
value="25"
@load.window="$el.checked = 25 == distance">
<label class="style-none text-center" for="search-distance-25">25</label>
</div>
<div class="flex grow">
<div class="grid w-full grid-rows-2 items-center">
<div class="h-0.5 w-full" :class="[ loading ? 'bg-gray-300' : 'bg-primary-500']"> </div>
</div>
</div>
</div>
<div class="flex grow">
<div class="grid grid-rows-2 items-center">
<input
aria-label="Rayon de 50 kilomètres"
:disabled="!!loading"
id="search-distance-50"
type="radio"
x-model="distance"
name="distance"
value="50"
@load.window="$el.checked = 50 == distance">
<label class="style-none text-center" for="search-distance-50">50</label>
</div>
<div class="flex grow">
<div class="grid w-full grid-rows-2 items-center">
<div class="h-0.5 w-full" :class="[ loading ? 'bg-gray-300' : 'bg-primary-500']"> </div>
</div>
</div>
</div>
<div class="flex">
<div class="grid grid-rows-2 items-center">
<input
aria-label="Rayon de 100 kilomètres"
:disabled="!!loading"
id="search-distance-100"
type="radio"
x-model="distance"
name="distance"
value="100"
@load.window="$el.checked = 100 == distance">
<label class="style-none text-center" for="search-distance-100">100</label>
</div>
</div>
</div>
</div>
</template>
<button
aria-label="Effectuer la recherche"
type="button"
@click="onSubmit($el)"
:aria-disabled="!!loading || !selected">
Trouver
</button>
<template x-if="lastSearches.length">
<div class="flex justify-center">
<hr class="mt-xl mb-xs w-[50%] text-gray-950" aria-hidden="true">
</div>
</template>
</div>
</template>
</div>
</div>
<template x-if="(!query.length || selected) && lastSearches.length">
<div class="flex justify-center grow">
<div class="w-full py-xs">
<div class="flex justify-center mb-md px-sm">
<div class="w-form flex flex-initial">
<span class="font-semibold">Derniers lieux recherchés</span>
</div>
</div>
<!-- Liste des derniers lieux recherchés -->
<ul role="menu">
<template x-for="location in lastSearches" :key="location.alias">
<li role="menuitem" class="relative flex flex-col p-sm hover:bg-primary-100 active:bg-primary-50">
<button
class="style-none cursor-pointer absolute-link"
@click="onSelectSuggestion(location)"
@keyup.enter="onSelectSuggestion(location)"
@keyup.space="onSelectSuggestion(location)">
<span class="sr-only" x-text="`Sélectionner ${location.title}, ${location.subtitle}`"></span>
</button>
<div class="flex justify-center items-center">
<div class="w-form flex flex-initial gap-sm">
<div class="flex items-center">
<img :src="`/flags/${location.flag.toLowerCase()}.png`"
:alt="location.alias"
class="w-[32px] h-[24px]">
</div>
<div class="flex flex-col text-gray-950">
<span class="line-clamp-1 text-large font-semibold" x-text="location.title"></span>
<span x-show="location.subtitle"
x-text="`${location.subtitle}`">
</span>
</div>
</div>
</div>
</li>
</template>
</ul>
</div>
</div>
</template>
<template x-if="query.length && !selected">
<div class="flex justify-center grow overflow-y-auto shadow-scroll">
<div class="w-full py-xs">
<template x-if="loading === SEARCH">
<div class="flex justify-center">
<div class="border-transparent size-10 motion-safe:animate-spin rounded-full border-8 border-t-primary-500">
</div>
</div>
</template>
<template x-if="!loading && listLoc.length">
<!-- Résultats d'autocomplete -->
<ul role="menu" id="suggestion-menu">
<template x-for="location in listLoc" :key="location.alias">
<li role="menuitem" class="relative flex flex-col p-sm hover:bg-primary-100 active:bg-primary-50">
<button
class="style-none cursor-pointer absolute-link"
@click="onSelectLocation(location)"
@keyup.enter="onSelectLocation(location)"
@keyup.space="onSelectLocation(location)">
<span class="sr-only" x-text="`Sélectionner ${location.title}, ${location.subtitle}`"></span>
</button>
<div class="flex justify-center items-center">
<div class="w-form flex flex-initial gap-sm">
<div class="flex items-center">
<img :src="`/flags/${location.flag.toLowerCase()}.png`"
:alt="location.title"
class="w-[32px] h-[24px]" />
</div>
<div class="flex flex-col text-gray-950">
<span class="line-clamp-1 text-large font-semibold" x-text="location.title"></span>
<template x-if="location.subtitle">
<span
x-text="`${location.subtitle}`">
</span>
</template>
</div>
</div>
</div>
</li>
</template>
</ul>
</template>
<template x-if="!loading && !listLoc.length">
<div class="flex justify-center">
<span>Pas de résultats</span>
</div>
</template>
</div>
</div>
</template>
</section>
</dialog> </div>
<dialog
x-ref="dialogMyFavorites"
@mousedown.self="$refs.dialogMyFavorites.close"
aria-label="Fenêtre mes recherches"
class="dialog-full laptop:dialog-center laptop:[--dialog-height:min-content] laptop:[--dialog-width:var(--breakpoint-form)]">
<header class="flex items-center justify-between gap-xs px-lg py-md">
<div class="flex items-center gap-xs font-josefin text-2xl font-bold">
<span class="fa-solid fa-heart"></span>
<span>Mes favoris</span>
</div>
<form method="dialog">
<button type="submit" class="btn-text btn-large" aria-label="Fermer fenêtre mes recherches">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</form>
</header>
<section class="flex justify-center shadow-scroll px-lg pb-lg">
<div class="flex w-form flex-initial flex-col">
<h3> Ne manquez aucun événement !</h3>
<span class="mt-lg flex items-center gap-xs font-semibold">
<span class="fa-solid fa-heart"></span>
Événements favoris
</span>
<p class="mt-md">Ajoutez les dates qui vous intéressent et retrouvez-les facilement pour planifier vos sorties</p>
<p class="mt-xs">Ne vous déplacez pas pour rien ! Vous êtes averti en cas d'annulation</p>
<span class="mt-lg flex items-center gap-xs font-semibold">
<span class="fa-solid fa-bookmark"></span>
Recherches enregistrées
</span>
<p class="mt-md">Enregistrez jusqu'à <span x-text="maxSave"></span> recherches et soyez avertis par email des nouveaux événements</p>
<div class="my-xl flex justify-center">
<hr class="w-1/2" aria-hidden="true" />
</div>
<div class="flex justify-center">
<a href="https://agenda.org/mes-favoris?origin=https%3A%2F%2Fvide-greniers.org%2F" class="link-button" @click="$refs.dialogMyFavorites.close()">
<span class="link-prepend fa-solid fa-user"></span>
Me connecter
</a>
</div>
</div>
</section>
</dialog>
</div> </main>
<div id="slot_desktop_right" class="agw agw-side laptop:[--agw-display:block]"></div>
</div>
<footer x-data="footer" class="pt-xxl">
<div class="border-t-md border-primary-500 bg-surface-light">
<div class="flex flex-col items-center justify-center gap-lg p-xxl laptop:flex-row laptop:gap-xxl">
<div class="group relative flex w-[300px] shrink-0 flex-col rounded-sm border-md border-gray-200 bg-white p-sm">
<div class="flex">
<div class="flex grow flex-col gap-lg">
<span class="font-bold"> Compte sans publicité </span>
<div class="flex flex-col gap-xs">
<span class="flex gap-xs">
<span class="w-[20px] fa-solid fa-bolt"></span>
Plus rapide, plus lisible
</span>
<span class="flex gap-xs">
<span class="w-[20px] fa-solid fa-euro-sign"></span>
Seulement 6€ pendant 1 an
</span>
<span class="flex gap-xs">
<span class="w-[20px] fa-solid fa-heart"></span>
Coup de pouce à l'équipe
</span>
</div>
</div>
<span class="fa-solid text-[42px] leading-[42px] fa-ban"></span>
</div>
<a href="/boutique" class="self-end absolute-link">
J'en profite !
</a>
</div>
<div class="group relative flex w-[300px] shrink-0 flex-col rounded-sm border-md border-gray-200 bg-white p-sm">
<div class="flex">
<div class="flex grow flex-col gap-lg">
<span class="font-bold"> Annoncez vos événements </span>
<div class="flex flex-col gap-xs">
<span class="flex gap-xs">
<span class="w-[20px] text-center fa-solid fa-rocket"></span>
Simple et rapide
</span>
<span class="flex gap-xs">
<span class="w-[20px] text-center fa-solid fa-users"></span>
+ de 300 000 membres
</span>
<span class="flex gap-xs">
<span class="w-[20px] text-center fa-solid fa-star"></span>
Agenda de référence
</span>
</div>
</div>
<span class="fa-solid text-[42px] leading-[42px] fa-bullhorn"></span>
</div>
<a href="/user/editer" class="absolute-link self-end">
Je publie gratuitement !
</a>
</div>
</div>
</div>
<div class="flex justify-center bg-primary-100 px-xs pt-lg pb-xl">
<div class="flex max-w-content flex-wrap justify-center gap-md max-footer:flex-col">
<div class="flex flex-col gap-xxs">
<div class="font-semibold"> Le réseau des agendas </div>
<div class="grid grid-cols-1 gap-xs pl-xxs max-footer:justify-center footer:grid-cols-2 footer:gap-md">
<div class="flex w-[280px] flex-col gap-xs">
<a href="https://agenda.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/4/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="" />
</picture>
agenda.org </a>
<a href="https://agenda-loto.net" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/6/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des lotos traditionnels" />
</picture>
agenda-loto.net </a>
<a href="https://noel.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/8/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des marchés de Noël" />
</picture>
noel.org </a>
<a href="https://bourse-aux-jouets.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/7/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des bourses aux jouets" />
</picture>
bourse-aux-jouets.org </a>
<a href="https://bourse-aux-vetements.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/9/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des bourses aux vêtements" />
</picture>
bourse-aux-vetements.org </a>
</div>
<div class="flex w-[280px] flex-col gap-xs">
<a href="https://bourse-puericulture.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/10/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des bourses de puériculture et de la petite enfance" />
</picture>
bourse-puericulture.org </a>
<a href="https://vide-dressing.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/11/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des vide-dressings" />
</picture>
vide-dressing.org </a>
<a href="https://vide-maisons.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/12/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des vide-maisons" />
</picture>
vide-maisons.org </a>
<a href="https://marche-populaire.com" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/2/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des marches populaires" />
</picture>
marche-populaire.com </a>
<a href="https://vente-solidaire.org" class="flex justify-start text-start text-nowrap gap-md no-underline">
<picture class="inline-block">
<img
src="/images/theme/13/favicon.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Agenda des ventes solidaires" />
</picture>
vente-solidaire.org </a>
</div>
</div>
</div>
<div class="flex w-[280px] flex-col gap-xs">
<div class="font-semibold">Sites partenaires</div>
<div class="flex flex-col gap-xxs pl-xxs">
<a class="flex justify-start gap-md no-underline" href="https://donnons.org" rel="noreferrer">
<picture class="inline-block">
<img
src="https://donnons.org/assets/sigle.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Site de dons d'objets" />
</picture>
Donnons.org
</a>
<a class="flex justify-start gap-md no-underline" href="https://adj.info" rel="noreferrer">
<picture class="inline-block">
<img
src="https://adj.info/img/logos/picto_64x64.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="Aire-de-jeux" />
</picture>
adj.info
</a>
<a class="flex justify-start gap-md no-underline" href="https://circularcity.world" rel="noreferrer">
<picture class="inline-block">
<img
src="/images/circular.png"
loading="lazy"
decoding="async"
class="size-[30px] rounded-full object-cover text-center"
alt="" />
</picture>
Circular City
</a>
</div>
</div>
</div>
</div>
<div class="flex justify-center bg-primary-200 px-xs pt-lg pb-xl">
<div class="flex max-w-content flex-wrap justify-center gap-md max-footer:flex-col">
<div class="grid grid-cols-1 gap-md max-footer:justify-center footer:grid-cols-2">
<div class="w-[280px]">
<div class="font-semibold"> À propos </div>
<a href="https://info.agenda.org/qui-sommes-nous/" class="mt-xs ml-xxs no-underline">Qui sommes-nous ?</a><br>
<a href="https://info.agenda.org/blog/" class="mt-xs ml-xxs no-underline">Blog</a><br>
<a href="/boutique" class="mt-xs ml-xxs no-underline">Compte sans publicité</a>
<div class="font-semibold mt-xs"> Aide </div>
<a href="https://info.agenda.org/questions-frequentes/" class="mt-xs ml-xxs no-underline">Questions fréquentes / FAQ</a>
<a href="https://info.agenda.org/reglementations/" class="mt-xs ml-xxs no-underline">Règlementation / législation</a>
</div>
<div class="w-[280px]">
<div class="font-semibold"> Informations légales </div>
<a href="/cgu" class="mt-xs ml-xxs no-underline">Mentions légales</a>
<a href="/cgu" class="mt-xs ml-xxs no-underline">Conditions générales d'utilisation</a>
<a href="/cgv" class="mt-xs ml-xxs no-underline">Conditions générales de vente</a>
<a href="/confidentialite" class="mt-xs ml-xxs no-underline">Politique de confidentialité</a>
<button class="btn-link mt-xs ml-xxs no-underline" @click="handleCookies"> Gérer les cookies</button>
</div>
</div>
<div class="flex w-[280px] flex-col gap-xs">
<a href="https://info.agenda.org/"
class="link-button link-contact-footer link-large">
<span class="link-prepend fa-solid fa-envelope"></span>
Nous contacter
</a>
<div class="flex flex-col items-center gap-md">
<a href="https://www.facebook.com/videGreniersOrg" class="no-underline">
<span class="link-icon fa-brands text-4xl fa-facebook"></span>
<span class="sr-only">Retrouvez-nous sur Facebook</span>
</a>
<div class="flex flex-wrap justify-center gap-md">
<a href="https://play.google.com/store/apps/details?id=com.sopheos.videgreniersmobile">
<img src="/libs/images/google-play-badge.png" width="127" height="40" alt="Téléchargez notre application Android" loading="lazy" decoding="async" />
</a>
<a href="https://itunes.apple.com/fr/app/vide-greniers-org/id1369858738">
<img src="/libs/images/app-store-badge.png" width="134" height="40" alt="Téléchargez notre application IOS" loading="lazy" decoding="async" />
</a>
<a href="https://appgallery.huawei.com/#/app/C101799543">
<img src="/libs/images/app-gallery-badge.png" width="134" height="40" alt="Téléchargez notre application Huawei" loading="lazy" decoding="async" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex justify-center bg-primary-200 px-lg pt-lg pb-(--height-home-bottom)">
<a target="_blank" rel="noreferrer" href="https://sopheos.com">
<img src="/libs/images/miniLogoSopheos.png" width="112" height="35" alt="Sopheos.com" loading="lazy" decoding="async" />
</a>
<span class="sopheos_copyright">Copyright © 2002-2026</span>
</div>
</footer>
</div>
<div
id="snackbar"
aria-label="Fenêtre informations"
data-open="false"
data-state="0"
aria-live="polite"
role="status"
class="fixed right-lg -bottom-20 left-lg z-100 mx-auto mb-lg hidden w-fit max-w-[500px] transform items-center gap-xs bg-gray-800 px-md py-xs text-gray-100 transition-discrete duration-300 data-[open=true]:bottom-[100px] data-[open=true]:flex data-[state=1]:bg-snackbar-red motion-safe:transition-all data-[open=true]:starting:-bottom-20">
<div class="line-clamp-2 wrap-anywhere" data-text></div>
<button
data-action
class="style-none hidden min-h-xl min-w-xl flex-none cursor-pointer rounded-full px-5 text-blue-300 hover:bg-blue-100 hover:text-blue-800 active:bg-blue-50 active:text-blue-100"
@click="window.useSnackbar.onAction()">
</button>
<button
data-close
aria-label="Fermer fenêtre informations"
class="style-none hidden min-h-xl min-w-xl flex-none cursor-pointer rounded-full text-gray-100 hover:bg-gray-100 hover:text-gray-800 active:text-gray-500 active:bg-gray-50"
@click="window.useSnackbar.onClose()">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</div>
<dialog
aria-label="Menu de navigation"
x-ref="sidemenu"
@mousedown.self="$refs.sidemenu.close()"
class="max-w-form bg-gray-700 dialog-left [--dialog-width:90vw]">
<header class="flex justify-end">
<form method="dialog">
<button type="submit" class="btn-sidemenu px-md btn-large outline-primary-400" aria-label="Fermer menu de navigation">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</form>
</header>
<section class="p-lg">
<div class="flex flex-col gap-lg py-lg">
<div class="px-sm">
<a
href="https://agenda.org/authentification?out=https%3A%2F%2Fvide-greniers.org%2F&origin=https%3A%2F%2Fvide-greniers.org%2F"
class="no-underline link-header outline-primary-400"
@click="$refs.sidemenu.close()">
<div class="flex items-center gap-xs">
<span class="link-prepend m-0 fa-regular fa-user w-[24px] text-center"></span>
<span>Me connecter</span>
</div>
</a>
</div>
<div class="px-sm">
<button @click="openDialogSearch" class="style-none grid cursor-pointer gap-xxs rounded-sm p-xs text-center text-gray-950 hover:bg-primary-100 active:bg-primary-50 active:text-gray-950 max-laptop:hidden laptop:grid-rows-2">
<span class="fa-solid text-xl fa-magnifying-glass"></span>
<span class="text-nowrap max-laptop:hidden">
Rechercher
</span>
</button>
<button class="style-none text-white outline-primary-400 cursor-pointer hover:text-primary-400 active:text-primary-300" @click="openDialogSearch; $refs.sidemenu.close()">
<span class="flex items-center gap-xs">
<span class="btn-prepend w-[24px] text-center fa-solid fa-magnifying-glass"></span>
<span>
Rechercher
</span>
</span>
</button>
</div>
<div class="px-sm">
<button class="style-none text-white outline-primary-400 cursor-pointer hover:text-primary-400 active:text-primary-300" @click="openDialogMyFavorites">
<span class="flex items-center gap-xs">
<span class="btn-prepend w-[24px] text-center fa-regular fa-heart"></span>
<span>Mes favoris</span>
</span>
</button>
</div>
<div class="px-sm">
<a href="/user/evenements" class="no-underline outline-primary-400 link-header" @click="$refs.sidemenu.close()">
<div class="flex items-center gap-xs">
<span class="link-prepend m-0 w-[24px] text-center fa-regular fa-calendar"></span>
<span>Mes évènements</span>
</div>
</a>
</div>
<div class="px-sm">
<button
@click="openDialogNotification"
class="style-none text-white outline-primary-400 cursor-pointer hover:text-primary-400 active:text-primary-300">
<span class="flex items-center gap-xs">
<span class="w-[24px] text-center fa-regular fa-bell"></span>
<span>
À faire
<template x-if="todoManifs.length + todoOrders.length + todoTopics.length > 0">
<span
class="inline-block size-5 rounded-full bg-red-600 text-small leading-[1.5rem] font-semibold text-white"
x-text="todoManifs.length + todoOrders.length + todoTopics.length > 9 ? '9+' : todoManifs.length + todoOrders.length + todoTopics.length">
</span>
</template>
</span>
</span>
</button>
</div>
<div class="px-sm">
<a href="https://agenda.org" class="no-underline link-header" @click="$refs.sidemenu.close()">
<div class="flex items-center gap-xs">
<img
src="/images/agenda.svg"
loading="lazy"
decoding="async"
class="link-prepend size-[24px] m-0 rounded-full object-cover text-center"
alt="" />
<span>
Le Réseau des agendas
</span>
</div>
</a>
</div>
</div>
<div class="my-lg flex justify-center">
<a href="/user/editer" class="outline-primary-400 link-button" @click="$refs.sidemenu.close()">
<span class="link-prepend fa-solid fa-circle-plus"></span>Ajouter un événement
</a>
</div>
<div class="flex flex-col rounded-sm bg-white p-sm">
<div class="flex">
<div class="flex grow flex-col gap-lg">
<span class="font-bold"> Compte sans publicité </span>
<div class="flex flex-col gap-xs">
<span>
<span class="w-[20px] inline-block fa-solid fa-bolt text-center"></span>
Plus rapide, plus lisible
</span>
<span>
<span class="w-[20px] inline-block fa-solid fa-euro-sign text-center"></span>
Seulement 6€ pendant 1 an
</span>
<span>
<span class="w-[20px] inline-block fa-solid fa-heart text-center"></span>
Coup de pouce à l'équipe
</span>
</div>
</div>
<span class="fa-solid text-[42px] leading-[42px] fa-ban"></span>
</div>
<a href="/boutique" class="self-end outline-primary-400" @click="$refs.sidemenu.close()">
J'en profite !
</a>
</div>
</section>
</dialog>
<dialog
x-ref="dialogNotification"
@mousedown.self="$refs.dialogNotification.close()"
aria-label="Fenêtre mes notifications"
class="dialog-full laptop:dialog-center laptop:[--dialog-width:var(--breakpoint-form)]">
<header class="flex items-center justify-between gap-xs px-lg py-md">
<div class="flex items-center gap-xs font-josefin text-2xl font-bold">
<span class="fa-solid fa-bell"></span>
À faire
</div>
<form method="dialog">
<button type="submit" class="btn-text btn-large" aria-label="Fermer fenêtre mes notifications">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</form>
</header>
<section class="flex justify-center p-lg">
<div class="flex w-form flex-initial flex-col gap-lg">
<div class="flex flex-col gap-lg">
<div class="flex gap-sm rounded-sm bg-info px-lg py-md text-bg-info">
<span class="fa-solid fa-info"></span>
<span>Connectez-vous pour consulter vos tâches en cours</span>
</div>
<div class="flex justify-center">
<hr class="w-1/2" aria-hidden="true" />
</div>
<div class="flex justify-center">
<a href="https://agenda.org/authentification?out=https%3A%2F%2Fvide-greniers.org%2F&origin=https%3A%2F%2Fvide-greniers.org%2F" class="link-button" @click="$refs.dialogNotification.close()">
<span class="link-prepend fa-solid fa-user"></span>
Me connecter
</a>
</div>
</div>
</div>
</section>
</dialog> <dialog
x-ref="dialogAGW"
aria-label="Fenêtre de soutien du réseau des agendas"
class="p-sm dialog-full laptop:dialog-center laptop:[--dialog-height:min-content] laptop:[--dialog-width:var(--breakpoint-dialog)]">
<header class="flex items-center justify-between gap-xs px-lg py-md">
<div class="w-full text-center font-josefin text-2xl font-bold">
<span class="fa-solid fa-heart"></span>
Soutenez le réseau des agendas
</div>
<form method="dialog">
<button type="submit" class="btn-text btn-large" aria-label="Fermer fenêtre de soutien du réseau des agendas">
<span class="btn-icon fa-solid fa-xmark"></span>
</button>
</form>
</header>
<section class="flex justify-center shadow-scroll py-lg">
<div class="flex max-w-form flex-col items-center gap-lg">
<p class="font-semibold">
Il semble que vous utilisiez un bloqueur de publicités ou que votre navigateur empêche leur affichage
</p>
<p>Le fonctionnement de nos agendas dépend des revenus publicitaires. Pour accéder au contenu, veuillez désactiver votre bloqueur de publicités.</p>
<a href="/explications-publicite"
class="link-button"> Comment débloquer les publicités ?
</a>
<div class="flex w-full items-center justify-center gap-sm">
<hr class="w-1/4" aria-hidden="true" />
<span class="text-small">Ou</span>
<hr class="w-1/4" aria-hidden="true" />
</div>
<p>
Soutenez-nous en prenant un <strong>compte sans pub</strong> à partir de <strong>0,5€ / mois</strong>
</p>
<div class="flex max-w-[300px] flex-col items-center justify-center rounded-sm bg-primary-200 p-sm">
<div class="flex flex-col gap-xs">
<span class="flex gap-sm">
<span class="fa-solid fa-bolt"></span>
Navigation plus rapide
</span>
<span class="flex gap-sm">
<span class="fa-solid fa-bullseye"></span>
Navigation sans distraction
</span>
<span class="flex gap-sm">
<span class="fa-solid fa-chart-simple"></span>
Économie de données mobiles
</span>
<span class="flex gap-sm">
<span class="fa-solid fa-user-shield"></span>
Pas de cookies tiers
</span>
</div>
</div>
<a href="/boutique" class="link-button">
Je vous soutiens !
</a>
<a href="https://agenda.org/authentification?out=https%3A%2F%2Fvide-greniers.org%2F&origin=https%3A%2F%2Fvide-greniers.org%2F">
J'ai déjà un compte sans pub
</a>
</div>
</section>
</dialog>
<div id="slot_mobile_bottom" class="agw agw-bottom"></div>
<template data-slot-id="div-gpt-ad-1407836294818-0" data-slot="slot_desktop_left" data-min="336">
<div id="div-gpt-ad-1407836294818-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_336x600_1', [[336, 600], [300, 600], [160, 600], [120, 600], [336, 280], [300, 250]], 'div-gpt-ad-1407836294818-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836294818-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_336x600_1');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836088504-0" data-slot="slot_desktop_right" data-min="336">
<div id="div-gpt-ad-1407836088504-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_336x600_2', [[336, 600], [300, 600], [160, 600], [120, 600], [336, 280], [300, 250]], 'div-gpt-ad-1407836088504-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836088504-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_336x600_2');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836154870-0" data-slot="slot_detail_1" data-min="336">
<div id="div-gpt-ad-1407836154870-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_1', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836154870-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836154870-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836154870-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836238795-0" data-slot="slot_detail_1" data-min="728">
<div id="div-gpt-ad-1407836238795-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_1', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836238795-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836238795-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836238795-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836122466-0" data-slot="slot_detail_1" data-min="970">
<div id="div-gpt-ad-1407836122466-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_1', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836122466-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836122466-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836122466-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836206863-0" data-slot="slot_detail_2" data-min="336">
<div id="div-gpt-ad-1407836206863-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_2', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836206863-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836206863-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836206863-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836215215-0" data-slot="slot_detail_2" data-min="728">
<div id="div-gpt-ad-1407836215215-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_2', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836215215-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836215215-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836215215-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836069684-0" data-slot="slot_detail_2" data-min="970">
<div id="div-gpt-ad-1407836069684-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_2', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836069684-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836069684-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836069684-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836154870-0" data-slot="slot_eventlist_1" data-min="336">
<div id="div-gpt-ad-1407836154870-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_1', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836154870-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836154870-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836154870-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836238795-0" data-slot="slot_eventlist_1" data-min="728">
<div id="div-gpt-ad-1407836238795-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_1', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836238795-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836238795-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836238795-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836122466-0" data-slot="slot_eventlist_1" data-min="970">
<div id="div-gpt-ad-1407836122466-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_1', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836122466-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836122466-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836122466-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_1', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836206863-0" data-slot="slot_eventlist_2" data-min="336">
<div id="div-gpt-ad-1407836206863-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_2', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836206863-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836206863-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836206863-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836215215-0" data-slot="slot_eventlist_2" data-min="728">
<div id="div-gpt-ad-1407836215215-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_2', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836215215-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836215215-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836215215-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836069684-0" data-slot="slot_eventlist_2" data-min="970">
<div id="div-gpt-ad-1407836069684-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_2', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836069684-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836069684-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836069684-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_2', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836029259-0" data-slot="slot_eventlist_3" data-min="336">
<div id="div-gpt-ad-1407836029259-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_3', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836029259-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836029259-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836029259-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_3', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836203433-0" data-slot="slot_eventlist_3" data-min="728">
<div id="div-gpt-ad-1407836203433-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_3', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836203433-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836203433-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836203433-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_3', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836243705-0" data-slot="slot_eventlist_3" data-min="970">
<div id="div-gpt-ad-1407836243705-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_3', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836243705-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836243705-0');
});
yieldlove_cmd.push(function() {
YLHH.utils.lazyLoad('div-gpt-ad-1407836243705-0', function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_3', undefined);
});
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836154870-0" data-slot="slot_home_1" data-min="336">
<div id="div-gpt-ad-1407836154870-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_336x280_1', [[336, 280], [300, 250], [320, 100], [320, 50]], 'div-gpt-ad-1407836154870-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836154870-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_336x280_1');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836136007-0" data-slot="slot_home_1" data-min="728">
<div id="div-gpt-ad-1407836136007-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x480_1', [[728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836136007-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836136007-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x480_1');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836136101-0" data-slot="slot_home_1" data-min="970">
<div id="div-gpt-ad-1407836136101-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x480_1', [[970, 280], [970, 250], [970, 90], [728, 280], [728, 250], [728, 90], [400, 300], [336, 280], [300, 250]], 'div-gpt-ad-1407836136101-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836136101-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x480_1');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836019786-0" data-slot="slot_mobile_bottom" data-min="320">
<div id="div-gpt-ad-1407836019786-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_m_320x100_1', [[320, 100], [320, 50]], 'div-gpt-ad-1407836019786-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836019786-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_m_320x100_1');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836233625-0" data-slot="slot_mobile_bottom" data-min="728">
<div id="div-gpt-ad-1407836233625-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_728x90_2', [[728, 90]], 'div-gpt-ad-1407836233625-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836233625-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_728x90_2');
});
</script>
</div>
</template>
<template data-slot-id="div-gpt-ad-1407836105675-0" data-slot="slot_mobile_bottom" data-min="970">
<div id="div-gpt-ad-1407836105675-0">
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/53015287,1034207/vide-greniers.org_d_970x90_2', [[970, 90], [728, 90]], 'div-gpt-ad-1407836105675-0').addService(googletag.pubads());
googletag.display('div-gpt-ad-1407836105675-0');
});
yieldlove_cmd.push(function() {
YLHH.bidder.startAuction('/53015287,1034207/vide-greniers.org_d_970x90_2');
});
</script>
</div>
</template>
<template id="tpl-broadcast">
<a {no numeric noise key 1051}>
<picture>
<source srcset="/broadcast/{{uuid}}.webp" type="image/webp">
<source srcset="/broadcast/{{uuid}}.jpg" type="image/jpeg">
<img style="width:100%;height:auto;" src="/broadcast/{{uuid}}.jpg" alt="{{uuid}}">
</picture>
</a>
</template>
<script src="/v2/footer.1767708911.js"></script>
<script src="/v2/layout_footer.1760106382.js"></script>
<script src="/v2/compo_my_favorite.1760106382.js"></script>
<script src="/v2/compo_list_search_location_modal.1767708298.js"></script>
<script src="/v2/layout_header_home.1760106382.js"></script>
<script src="/v2/layout_header.1760106382.js"></script>
</body>
</html>
