<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<script>
(function(){
try {
var gaProperty = 'UA-12409552-1';
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf('!gtag=true') === -1) {
window[disableStr] = true;
console.log('GA disabled.');
}
}
catch(e) {}
})();
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-12409552-1"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-12409552-1", {"groups":"default","anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path"});</script>
<script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://chatelaillonplage.fr.matomo02.stratis.pro/" : "http://chatelaillonplage.fr.matomo02.stratis.pro/");_paq.push(["setSiteId", "1"]);_paq.push(["setTrackerUrl", u+"matomo.php"]);_paq.push(["setDoNotTrack", 1]);if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script>
<meta name="description" content="Que vous soyez plutôt couteau-suisse de l’organisation, pro de l’accueil, fan de nos évènements ou simple curieux prêt à donner un coup de main, rejoignez l'aventure châtelaillonnaise en tant que bénévole !" />
<link rel="canonical" href="https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" />
<link rel="image_src" href="https://www.chatelaillonplage.fr/sites/default/files/media/images/dsc04204.jpg" />
<meta property="og:site_name" content="Ville de Châtelaillon-Plage" />
<meta property="og:type" content="Actualités" />
<meta property="og:url" content="https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" />
<meta property="og:title" content="Châtelaillon-Plage recrute des bénévoles, choisissez votre aventure !" />
<meta property="og:description" content="Que vous soyez plutôt couteau-suisse de l’organisation, pro de l’accueil, fan de nos évènements ou simple curieux prêt à donner un coup de main, rejoignez l'aventure châtelaillonnaise en tant que bénévole !" />
<meta property="og:image" content="https://www.chatelaillonplage.fr/sites/default/files/styles/1600x630/public/media/images/dsc04204.jpg?itok=VZy0_Ku1" />
<meta property="og:image:url" content="https://www.chatelaillonplage.fr/sites/default/files/styles/1600x630/public/media/images/dsc04204.jpg?itok=VZy0_Ku1" />
<meta property="og:image:secure_url" content="https://www.chatelaillonplage.fr/sites/default/files/styles/1600x630/public/media/images/dsc04204.jpg?itok=VZy0_Ku1" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1600" />
<meta property="og:image:height" content="630" />
<link rel="apple-touch-icon" sizes="180x180" href="/sites/default/files/favicons/main/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="96x96" href="/sites/default/files/favicons/main/favicon-96x96.png"/>
<link rel="manifest" href="/sites/default/files/favicons/main/site.webmanifest"/>
<meta name="msapplication-TileColor" content="#da532c"/>
<meta name="theme-color" content="#ffffff"/>
<meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>var fdLocale={"fullMonths":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"fullDays":["Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi","Dimanche"],"dayAbbrs":["Lun","Mar","Mer","Jeu","Ven","Sam","Dim"],"monthAbbrs":["Jan","F\u00e9v","Mars","Avr","Mai","Juin","Juil","Ao\u00fbt","Sept","Oct","Nov","D\u00e9c"],"titles":["Previous month","Next month","Previous year","Next year","Aujourd'hui","Open Calendar","wk","Semaine [[%0%]] sur [[%1%]]","Semaine","Select a date","Click & Drag to move","Display \\u201C[[%0%]]\\u201D first","Go to Today\\u2019s date","Disabled date:"],"firstDayOfWeek":0};</script>
<link rel="preload" href="/themes/custom/stratis_site/fonts/MontserratAlternates/MontserratAlternates-Light.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/MontserratAlternates/MontserratAlternates-LightItalic.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/MontserratAlternates/MontserratAlternates-Regular.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/MontserratAlternates/MontserratAlternates-Italic.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/MontserratAlternates/MontserratAlternates-Bold.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/Antonio/Antonio-Regular.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/Antonio/Antonio-Bold.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/Montserrat/Montserrat-Regular.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/Montserrat/Montserrat-Black.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/fontawesome/fa-solid-900.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/fontawesome/fa-brands-400.woff2" as="font" crossorigin>
<link rel="preload" href="/themes/custom/stratis_site/fonts/fontawesome/fa-regular-400.woff2" as="font" crossorigin>
<title>Châtelaillon-Plage recrute des bénévoles, choisissez votre aventure ! | Ville de Châtelaillon-Plage</title>
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_Gaq360AywwhCm0d3CvUbIJUNC2C9RXVEI2LkttB_zCQ.css?delta=0&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_o40y80JMAYlxndbt59p3-vyCHTTV7az5mtUcgeWDcN0.css?delta=1&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw" />
<link rel="stylesheet" media="print" href="/sites/default/files/css/css_JPy4ZDiZRhKF9VqIKFQN3dwT16AaIlKnWhxjCr2JToY.css?delta=2&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw" />
</head>
<body>
<div class="site-wrapper">
<div class="site-wrapper__inner">
<div class="print-banner">
<img src="/sites/default/files/icons/logo-footer.png" alt="Ville de Châtelaillon-Plage"/>
</div>
<div class="site-wrapper__components">
<nav id="menu-skip" class="menu-skip" role="navigation" aria-label="Menu d'accès rapide">
<ul class="menu-skip__list">
<li class="menu-skip__listitem">
<a href="#main" class="menu-skip__link">Aller à contenu</a>
</li>
</ul>
</nav>
<div class="login-prompt">
<div class="login-prompt__offline">
<a href="/mon-compte" class="login-prompt__offline-link">Se connecter</a>
<a href="/account/register" class="login-prompt__offline-link">S’inscrire</a>
</div>
</div>
<div class="menu-floating">
<button type="button" class="menu-floating__toggle" data-sd-toggle=menu-floating>
<span class="menu-floating__toggle-icon" aria-hidden="true"></span>
<span class="menu-floating__toggle-text">Accès rapides</span>
</button>
<ul class="menu-floating__list">
<li class="menu-floating__item">
<a href="https://www.facebook.com/Mairie.ChatelaillonPlage" class="menu-floating__link js-tooltip is-tooltip-left" data-content="Facebook">
<span class="menu-floating__icon" aria-hidden="true">
<svg aria-hidden="true" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" class="svg-inline--fa fa-facebook-f fa-w-9 fa-7x"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" class=""></path></svg>
</span>
<span class="menu-floating__text">Facebook</span>
</a>
</li>
<li class="menu-floating__item">
<a href="https://www.youtube.com/user/chatelaillon17" class="menu-floating__link js-tooltip is-tooltip-left" data-content="Chaîne Youtube">
<span class="menu-floating__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" role="img" viewbox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
</span>
<span class="menu-floating__text">Chaîne Youtube</span>
</a>
</li>
<li class="menu-floating__item">
<a href="https://twitter.com/Chatelaillon" class="menu-floating__link js-tooltip is-tooltip-left" data-content="Compte twitter">
<span class="menu-floating__icon" aria-hidden="true">
<svg aria-hidden="true" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-twitter fa-w-16 fa-7x"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" class=""></path></svg>
</span>
<span class="menu-floating__text">Compte twitter</span>
</a>
</li>
<li class="menu-floating__item">
<a href="https://www.instagram.com/chatelaillonplage.ville" class="menu-floating__link js-tooltip is-tooltip-left" data-content="Compte instagram">
<span class="menu-floating__icon" aria-hidden="true">
<svg aria-hidden="true" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="svg-inline--fa fa-instagram fa-w-14 fa-7x"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" class=""></path></svg>
</span>
<span class="menu-floating__text">Compte instagram</span>
</a>
</li>
<li class="menu-floating__item">
<a href="/contacter" class="menu-floating__link js-tooltip is-tooltip-left" data-content="Nous contacter">
<span class="menu-floating__icon" aria-hidden="true">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
<path fill="currentColor" d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path>
</svg>
</span>
<span class="menu-floating__text">Nous contacter</span>
</a>
</li>
</ul>
</div>
</div>
<div class="site-wrapper__header"><header class="header-wrapper" role="banner">
<div class="header-wrapper__container">
<div class="header js-fixed-element">
<div class="header__inner">
<div class="header__logo">
<a href='/' class='logo' title='Ville de Châtelaillon-Plage (retour à l'accueil)'> <div class="logo__image">
<img src="/sites/default/files/icons/logo.png" alt="Ville de Châtelaillon-Plage (retour à l'accueil)">
</div>
<div class="logo__content">
<h2 class="logo__title">
<span class="title__text">Châtelaillon-<br/>Plage</span>
<span class="title-decor" aria-hidden="true">
<span class="title-decor__dark-blue"></span>
<span class="title-decor__orange"></span>
<span class="title-decor__light-blue"></span>
</span>
</h2>
</div>
</a> </div>
<div class="header__components">
<div class="header__nav">
<nav class="header-nav" role="navigation" aria-label="Navigation principale">
<ul class="header-nav__list js-nav-links">
<li class="header-nav__item has-dropdown">
<button type="button" class="header-nav__link" data-index="1" aria-haspopup="true">Ma ville</button>
</li>
<li class="header-nav__item has-dropdown">
<button type="button" class="header-nav__link" data-index="2" aria-haspopup="true">Mon quotidien</button>
</li>
<li class="header-nav__item has-dropdown">
<button type="button" class="header-nav__link" data-index="3" aria-haspopup="true">Mes démarches</button>
</li>
<li class="header-nav__item has-dropdown">
<button type="button" class="header-nav__link" data-index="4" aria-haspopup="true">Mes Loisirs</button>
</li>
</ul>
</nav>
</div>
<div class="g-translate">
<div class="g-translate-dropdown js-dropdown">
<button class="g-translate-dropdown__toggle js-dropdown-toggle">
<span class="g-translate-dropdown__toggle-info-sr sr-only" aria-live="polite"></span>
<span class="g-translate-dropdown__toggle-text">FR</span>
<span class="g-translate-dropdown__toggle-icon" aria-hidden="true"></span>
</button>
<div class="g-translate-dropdown__block js-dropdown-block">
<ul class="g-translate-langs">
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Site traduit en français" data-lang="fr" data-title="Français" onclick="changeLanguage(this, 'fr|fr')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/fr.svg" alt="">
<span lang="fr">Français</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Website translated into english" data-lang="en" data-title="English" onclick="changeLanguage(this, 'fr|en')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/en.svg" alt="">
<span lang="en">English</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Website ins Deutsche übersetzt" data-lang="de" data-title="Deutsch" onclick="changeLanguage(this, 'fr|de')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/de.svg" alt="">
<span lang="de">Deutsch</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Sito web tradotto in italiano" data-lang="it" data-title="Italiano" onclick="changeLanguage(this, 'fr|it')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/it.svg" alt="">
<span lang="it">Italiano</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Website traduzido para português" data-lang="pt" data-title="Português" onclick="changeLanguage(this, 'fr|pt')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/pt.svg" alt="">
<span lang="pt">Português</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Sitio web traducido al español" data-lang="es" data-title="Español" onclick="changeLanguage(this, 'fr|es')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/es.svg" alt="">
<span lang="es">Español</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Веб-сайт переведен на русский язык" data-lang="ru" data-title="Русский" onclick="changeLanguage(this, 'fr|ru')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/ru.svg" alt="">
<span lang="ru">Русский</span>
</button>
</li>
<li class="g-translate-langs__item notranslate">
<button type="button" data-arialive="Strona internetowa przetłumaczona na język polski" data-lang="pl" data-title="Polski" onclick="changeLanguage(this, 'fr|pl')" class="g-translate-langs__button">
<img src="/themes/custom/stratis_site/images/flags/pl.svg" alt="">
<span lang="pl">Polski</span>
</button>
</li>
</ul>
</div>
</div>
</div>
<div id="google_translate_element2" hidden></div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
var gTranslate = document.querySelector('.g-translate-dropdown');
if (gTranslate) {
var cookies = document.cookie.split(';');
var gTranslateButtons = [].slice.call(gTranslate.querySelectorAll('.g-translate-langs__button'));
cookies.forEach(function (cookie) {
if (cookie.indexOf('googtrans=') > -1) {
var lang = cookie.trim().slice(-2);
gTranslateButtons.forEach(function (button) {
if (button.getAttribute('data-lang') === lang) {
// Add timeout for IE
setTimeout(function () {
button.click();
}, 250);
}
});
}
});
}
});
function changeLanguage(element, lang) {
var jqElement = jQuery(element);
var gTranslate = jqElement.parents('.g-translate');
var toggle = gTranslate.find('.g-translate-dropdown__toggle-text');
var flag = gTranslate.find('.g-translate-dropdown__toggle-flag');
var infoSr = gTranslate.find('.g-translate-dropdown__toggle-info-sr');
var ariaLive = jqElement.data('arialive');
var langTitle = jqElement.data('title');
var svgTitle = document.createElementNS('http://www.w3.org/2000/svg', 'title');
svgTitle.textContent = langTitle;
toggle
.html(
jqElement
.find('span[aria-hidden]')
.html()
);
flag
.html(
jqElement
.find('svg')
.clone()
.attr({'aria-label': langTitle, role: 'img'})
.removeAttr('aria-hidden')
.prepend(svgTitle)
);
infoSr.html(ariaLive);
if (doGTranslate) {
doGTranslate(lang);
}
}
function googleTranslateElementInit2() {
new google.translate.TranslateElement({
pageLanguage: 'fr',
autoDisplay: false
}, 'google_translate_element2');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2" async></script>
<script type="text/javascript">
/* <![CDATA[ */
eval(function (p, a, c, k, e, r) {
e = function (c) {
return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36));
};
if (!''.replace(/^/, String)) {
while (c--) r[e(c)] = k[c] || e(c);
k = [function (e) {
return r[e];
}];
e = function () {
return '\\w+';
};
c = 1;
}
;
while (c--) if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
return p;
}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {}));
/* ]]> */
</script>
<div class="header__search" role="search">
<div class="search">
<a href="#search-popup" data-fancybox data-small-btn="false" data-toolbar="false" data-content="Ouvrir la recherche" class="search__toggle js-tooltip" aria-haspopup="true" data-dialog-label="Rechercher">
<span aria-hidden='true' class='fa fa-search'></span>
<span class="ghost">Ouvrir la recherche</span>
</a>
<div class="search__popup" hidden>
<div class="search-popup" id="search-popup">
<button type="button" data-fancybox-close class="popup-close-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true">
<path d="M12 10.6 6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"/>
</svg>
<span>Fermer</span>
</button>
<div class="search-popup__wrapper">
<form class="form js-validator-form" method="GET" action="/recherche" enctype="multipart/form-data">
<fieldset class="form__fieldset">
<legend class="legend form__legend ghost">le formulaire de recherche</legend>
<div class="form__controls-group">
<label for="field-9qs85smu2q" class="form__label">Rechercher</label>
<div class="form__field-wrapper js-autocomplete" data-json-path='/stratis_common/search_api_autocomplete/search' data-min-elements='5' data-max-elements='6' data-min-chars='3' data-mark-coincidence='on'>
<input id="field-9qs85smu2q" type="text" name="key" class="form__field js-autocomplete-input" required>
<span class="form__field-placeholder">Saisir un ou plusieurs mots-clés…</span>
</div>
<button type="submit" class="js-tooltip is-tooltip-bottom search-popup__submit" data-content="Rechercher sur tout le site">
<span aria-hidden='true' class='far fa-search' title='Rechercher sur tout le site'></span>
<span class="ghost">Rechercher sur tout le site</span>
</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<nav class="header__nav-toggle is-lg-hide" role="navigation" aria-label="Navigation principale">
<button type="button" class="main-nav-toggle" id="main-nav-toggle" aria-haspopup="true">
<span class="main-nav-toggle__bars" aria-hidden="true">
<span class="main-nav-toggle__bar"></span>
<span class="main-nav-toggle__bar"></span>
<span class="main-nav-toggle__bar"></span>
</span>
<span class="main-nav-toggle__text">Menu</span>
</button>
</nav>
</div>
</div>
</div>
</div>
<div class="header-wrapper__nav is-aside-nav">
<div class="main-nav js-main-nav">
<div class="main-nav__container js-main-nav-container" aria-modal="true" role="dialog" aria-label="Navigation principale">
<div class="main-nav__block js-main-nav-block">
<div class="main-nav__top-components">
<div class="main-nav__close-wrap">
<button type="button" class="main-nav__close-button anim-to-right js-main-nav-close">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true">
<path d="M12 10.6 6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"/>
</svg>
<span class="main-nav__close-button-text">Fermer</span>
</button>
</div>
<ul class="main-nav__list">
<li class="main-nav__item">
<a href="/actualites" class="main-nav__link">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 576 512">
<path fill="currentColor" d="M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z"></path>
</svg>
<span class="main-nav__link-text">Actualités</span>
</a>
</li>
<li class="main-nav__item">
<a href="/agenda" class="main-nav__link">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 448 512">
<path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path>
</svg>
<span class="main-nav__link-text">Agenda</span>
</a>
</li>
<li class="main-nav__item">
<a href="/publications" class="main-nav__link">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 384 512">
<path fill="currentColor" d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"></path>
</svg>
<span class="main-nav__link-text">Publications</span>
</a>
</li>
<li class="main-nav__item">
<a href="/lettre-d-information" class="main-nav__link">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewbox="0 0 512 512">
<path fill="currentColor" d="M440 6.5 24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"></path>
</svg>
<span class="main-nav__link-text">Lettre d'information</span>
</a>
</li>
</ul>
</div>
<div class="main-nav__nav">
<ul class="main-nav__nav-list">
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<span class="main-nav__nav-link">Ma ville</span>
</span>
<ul class="main-nav__nav-dropdown is-level-1 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/actualites" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/6">Actualités</a>
</span>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/agenda" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/20">Agenda</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/agenda/proposer-un-evenement" class="main-nav__nav-link" data-drupal-link-system-path="webform/submit_an_event">Proposer un événement</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/decouvrir-la-ville" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/538">Découvrir la ville</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/chatelaillon-plage-la-douceur-de-vivre" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/195">Châtelaillon-Plage en quelques chiffres</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/un-peu-dhistoire-chatelaillonnaise" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/196">Histoire de la ville</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/une-ville-touristique" class="main-nav__nav-link" title="Texte à titre d'exemple" data-drupal-link-system-path="node/203">Une ville touristique</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/equipe-municipale" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/670">Équipe Municipale</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-maire" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/634">Le Maire</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-adjoints" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/633">Les Adjoints au Maire</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-elus" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/632">Les élus</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-conseil-municipal" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/628">Le Conseil Municipal</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-commissions-municipales" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/631">Les commissions municipales</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-conseil-municipal-des-jeunes" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/630">Le Conseil des jeunes</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/les-services-municipaux" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/204">Services municipaux</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-grandes-directions" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/206">Les grandes directions</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-services-de-la-commune-vous-accueillent" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/541">Ils vous accueillent</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/les-equipements-de-la-ville" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/552">Équipements</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/espace-beausejour" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/558">Espace Beauséjour</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/la-mediatheque-la-malle-dallionis" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/556">Médiathèque municipale</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-centre-aquatique-de-chatelaillon-plage" class="main-nav__nav-link" data-drupal-link-system-path="node/554">Centre Aquatique</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/lhippodrome" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/560">Hippodrome</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/office-de-tourisme-communautaire-de-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/553">Office de Tourisme</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-ports-chatelaillonnais" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/618">Les ports</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/annuaires/carte" class="main-nav__nav-link" data-drupal-link-system-path="node/66">Cartographie</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/les-grands-projets-chatelaillonnais" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/555">Grands projets</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/2021-2024-le-quartier-du-stade-se-metamorphose" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/557">Projet du Stade</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-mobilites-chatelaillon-plage-la-zone-30-et-la-priorite-droite" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/559">Zone 30 et mobilités</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-renouveau-du-village-des-boucholeurs" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/561">Les Boucholeurs</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/marches-publics" class="main-nav__nav-link" data-drupal-link-system-path="node/39">Marchés publics</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/offres-demploi" class="main-nav__nav-link" data-drupal-link-system-path="node/38">Offres d’emploi</a>
</span>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<span class="main-nav__nav-link">Recherche</span>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/recherche" class="main-nav__nav-link" data-drupal-link-system-path="recherche">Recherche avancée</a>
</span>
</li>
</ul>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<span class="main-nav__nav-link">Mon quotidien</span>
</span>
<ul class="main-nav__nav-dropdown is-level-1 js-main-nav-ddm-block">
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/en-famille" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/233">En Famille</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/enfants-de-0-3-ans" class="main-nav__nav-link" data-drupal-link-system-path="node/223">Enfants de 0 à 3 ans</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/enfants-de-3-12-ans" class="main-nav__nav-link" data-drupal-link-system-path="node/225">Enfants de 3 à 12 ans</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/adolescents-de-12-18-ans" class="main-nav__nav-link" data-drupal-link-system-path="node/231">Adolescents</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/etudiants" class="main-nav__nav-link" data-drupal-link-system-path="node/232">Étudiants</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/vos-quartiers" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/562">Vos quartiers</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-des-boucholeurs" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/563">Quartier des Boucholeurs</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-du-casino" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/564">Quartier du Casino</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-des-dunes" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/565">Quartier des Dunes</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-de-lhippodrome" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/566">Quartier de l'Hippodrome</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-dorbigny" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/567">Quartier d'Orbigny</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-du-port" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/568">Quartier du Port</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-quartier-du-stade" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/569">Quartier du Stade</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/solidarite" class="main-nav__nav-link" data-drupal-link-system-path="node/234">Santé et solidarité</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-aides-et-services-domicile" class="main-nav__nav-link" data-drupal-link-system-path="node/237">Aides et services à domicile</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-logements-seniors" class="main-nav__nav-link" data-drupal-link-system-path="node/523">Logements séniors</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/sante" class="main-nav__nav-link" data-drupal-link-system-path="node/526">Santé</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/environnement-et-dechets" class="main-nav__nav-link" data-drupal-link-system-path="node/530">Environnement et déchets</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/dans-les-marais" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/535">Dans les marais</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/la-qualite-de-nos-eaux-de-baignade" class="main-nav__nav-link" data-drupal-link-system-path="node/536">La qualité de nos eaux de baignade</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/un-geste-pour-chatel" class="main-nav__nav-link" data-drupal-link-system-path="node/531">Un geste pour Châtel</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-label-apicite" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/533">Label ApiCité</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/je-gere-mes-dechets" class="main-nav__nav-link" data-drupal-link-system-path="node/532">Mes déchets</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/sur-la-plage-adoptons-les-bons-gestes" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/534">En bord de mer</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/reglementation-peche" class="main-nav__nav-link" data-drupal-link-system-path="node/2325">Réglementation pêche</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/transports-et-mobilites-douces" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/570">Transports et mobilités douces</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/une-aire-de-covoiturage-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/573">Aire de co-voiturage</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/ou-stationner-votre-vehicule-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/574">Où Stationner ?</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/circuler-en-bus" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/575">En Bus</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/se-deplacer-en-train" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/576">En train</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/aire-de-camping-car" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/620">Aire de camping-car</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/vigilance-et-tranquillite" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/578">Vigilance et tranquillité</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-risques-majeurs" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/579">Les risques majeurs</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-risques-je-les-connais-je-suis-pret" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/584">Je suis prêt !</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/soyez-alerte-en-cas-dalerte-rouge" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/583">S'inscrire pour être alerté</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/webcams" class="main-nav__nav-link" data-drupal-link-system-path="node/619">Webcams</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<span class="main-nav__nav-link">Mes démarches</span>
</span>
<ul class="main-nav__nav-dropdown is-level-1 js-main-nav-ddm-block">
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/papiers-didentite" class="main-nav__nav-link" data-drupal-link-system-path="node/2921">Papiers d'identité</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/mes-demarches-pour-mes-papiers-didentite" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/893">Mes démarches pour mes papiers d'identité</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/prendre-rdv-depot-et-retrait-papiers-didentite" class="main-nav__nav-link" data-drupal-link-system-path="node/2920">Prendre rdv dépôt et retrait papiers d'identité</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/faq-ma-carte-didentite" class="main-nav__nav-link" data-drupal-link-system-path="node/895">Ma carte d'identité - FAQ</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/passeport-faq" class="main-nav__nav-link" data-drupal-link-system-path="node/896">Passeport - FAQ</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/etat-civil" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/897">Etat-civil</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/naissance" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/898">Naissance</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/mariage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/899">Mariage</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-cimetiere-naturel-de-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/900">Décès / Le cimetière</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/inscription-listes-electorales" class="main-nav__nav-link" data-drupal-link-system-path="node/907">Inscription listes électorales</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/recensement-citoyen" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/909">Recensement citoyen</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/urbanisme-0" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/910">Urbanisme</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/demandes-dautorisation-durbanisme" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/912">Demandes d'autorisation d'urbanisme</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/depots-et-decisions-durbanisme" class="main-nav__nav-link" data-drupal-link-system-path="node/2924">Dépôts et décisions d'urbanisme</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/formalites-travaux" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/913">Formalités travaux</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/stationnement-pour-travaux" class="main-nav__nav-link" data-drupal-link-system-path="node/1328">Stationnement pour travaux</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/stationnements-pour-demenagement" class="main-nav__nav-link" data-drupal-link-system-path="node/1327">Stationnements pour déménagement</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-compte-famille" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/230">Compte Famille</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/nouvel-arrivant-sinstaller-chatelaillon-plage" class="main-nav__nav-link" data-drupal-link-system-path="node/924">Nouvel arrivant</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/resident-secondaire" class="main-nav__nav-link" data-drupal-link-system-path="node/1908">Résident secondaire</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/vous-etes-une-association-chatelaillonnaises" class="main-nav__nav-link" data-drupal-link-system-path="node/621">Je suis une association</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/je-suis-un-professionnel" class="main-nav__nav-link" data-drupal-link-system-path="node/926">Je suis un professionnel</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<span class="main-nav__nav-link">Mes Loisirs</span>
</span>
<ul class="main-nav__nav-dropdown is-level-1 js-main-nav-ddm-block">
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/la-vie-associative" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/585">Vie associative</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/annuaire-des-associations" class="main-nav__nav-link" data-drupal-link-system-path="node/34">Liste des associations</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/comites-de-jumelage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/622">Comités de jumelage</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/forum-des-associations-chatelaillonnaises" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/586">Forum des associations</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/vous-etes-une-association-chatelaillonnaises" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/621">Page pro associations</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/la-culture" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/546">La Culture</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-associations-culturelles" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/545">Associations culturelles</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-lieux-dexposition" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/544">Expositions</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/la-mediatheque-la-malle-dallionis" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/556">Médiathèque municipale</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/spectacles-beausejour" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/549">Spectacles à beauséjour</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/chatelaillon-plage-terre-devenements" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/602">Les grands évènements</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/festival-international-du-cerf-volant-et-du-vent-de-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/186">Festival international du Cerf-Volant et du Vent</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/chatel-en-fete" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/187">Châtel en Fête</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/festival-sorties-de-plage" class="main-nav__nav-link" data-drupal-link-system-path="node/588">Festival Sorties de plage</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/la-fete-des-boucholeurs" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/594">Fête des Boucholeurs</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/festivites-de-noel-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/600">Noël 2025 à Châtelaillon-Plage</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/le-sport-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/603">Sport</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-club-nautique-de-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/604">Club nautique</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/le-centre-aquatique-de-chatelaillon-plage-0" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/605">Centre Aquatique</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/annuaire-des-associations" class="main-nav__nav-link" data-drupal-link-system-path="node/34">Annuaires des associations</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/velo-ou-pied" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/607">A pied ou à vélo</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/sortir-se-divertir" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/608">Sortir, se divertir</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/casino-joa" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/609">Casino Joa</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/lhippodrome-de-chatelaillon-plage" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/610">Hippodrome</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/temps-libre-beausejour" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/611">Temps Libre</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item -has-dropdown js-main-nav-ddm">
<span class="main-nav__nav-item-actions">
<button type="button" class="main-nav__nav-toggle js-main-nav-ddm-toggle">
<span class="main-nav__nav-toggle-icon" aria-hidden="true"></span>
<span class="ghost">Toggle submenu</span>
</button>
<a href="/pour-petits-et-grands" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/613">Pour petits et grands</a>
</span>
<ul class="main-nav__nav-dropdown is-level-2 js-main-nav-ddm-block">
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-activites-aquatiques-et-nautiques" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/615">Activités du Centre Aquatique</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-activites-estivales-pour-les-enfants" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/616">Activités estivales pour les enfants</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-aires-de-jeux" class="main-nav__nav-link" data-drupal-link-system-path="node/224">Aires de jeux</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/terra-aventura" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/617">Terra Aventura</a>
</span>
</li>
</ul>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/annuaire-des-restaurants" class="main-nav__nav-link" data-drupal-link-system-path="node/126">Restaurants</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/annuaire-des-commerces" class="main-nav__nav-link" data-drupal-link-system-path="node/35">Commerces</a>
</span>
</li>
<li class="main-nav__nav-item">
<span class="main-nav__nav-item-actions">
<a href="/les-marches" target="_self" class="main-nav__nav-link" data-drupal-link-system-path="node/537">Marchés</a>
</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-nav-overlay" id="js-main-nav-overlay"></div>
</div>
</header>
</div>
<div class="site-wrapper__main">
<main role="main" class="site-content" id="main"><div class="site-content__inner">
<div data-drupal-messages-fallback class="hidden"></div>
<!-- NOINDEX -->
<div class="site-content__navbar">
<div class="navbar">
<div class="navbar__wrapper">
<div class="navbar__breadcrumbs">
<nav aria-label="Fil d'Ariane" class="breadcrumbs" role="navigation">
<ol class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="/" class="js-tooltip" data-content="Retour à l'accueil">
<span class="fas fa-home" aria-hidden="true"></span>
<span class="sr-only">Accueil</span>
</a>
</li>
<li class="breadcrumbs__item"><button type="button" aria-label="Déployer toute l'arborescence" aria-expanded="true" class="breadcrumbs__items-toggle js-breadcrumbs-items-toggle">...</button></li>
<li class="breadcrumbs__item" aria-hidden='true'>
<a href="/actualites" class="breadcrumbs__link">Actualités</a>
</li>
<li class="breadcrumbs__item" aria-hidden='true'>
<span>Châtelaillon-Plage recrute des bénévoles, choisissez votre aventure ! </span>
</li>
</ol>
</nav>
</div>
<div class="navbar__tools">
<div class="tools">
<ul class="tools__list">
<li class="tools__item is-md-hidden">
<button type="button" class="tools-btn js-tooltip" data-content="Imprimer cette page" onclick="window.print()">
<span aria-hidden='true' class='fas fa-print'></span>
<span class="ghost">Imprimer cette page</span>
</button>
</li>
<li class="tools__item is-md-hidden">
<a href="/get-page-pdf?file_name=Ch%C3%A2telaillon-Plage%20recrute%20des%20b%C3%A9n%C3%A9voles%2C%20choisissez%20votre%20aventure%20%21%20&inline=true" rel="nofollow" target="_blank" class="tools-btn js-tooltip" data-content="Exporter la page au format PDF">
<span aria-hidden='true' class='fas fa-file-pdf'></span>
<span class="ghost">Exporter la page au format PDF</span>
</a>
</li>
<li class="tools__item">
<button class='tools-btn js-tooltip iframe' type='button' data-content='Partager cette page par e-mail' aria-haspopup='true' data-dialog-label='Partager cette page par e-mail' data-src='#popup-share-page' data-fancybox='' data-small-btn='false' data-toolbar='false'>
<span aria-hidden='true' class='fas fa-envelope'></span>
<span class="ghost">Partager cette page par e-mail</span>
</button>
</li>
<li class="tools__item">
<div class="share js-dropdown">
<button type='button' class="share__toggle js-dropdown-toggle js-tooltip" data-content='Partager cette page'>
<span class="share__toggle-icon" aria-hidden='true'></span>
<span class="share__toggle-text">Partager cette page</span>
</button>
<div class="share__block js-dropdown-block" hidden>
<ul class="share-list">
<li class="share-list__item">
<a href="http://www.facebook.com/share.php?u=https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" target="_blank" class="share-list__link is-facebook" aria-label="Partager cette page sur facebook">
<span aria-hidden='true' class='fab fa-facebook-f'></span>
<span class="share-list__link-text">Facebook</span>
</a>
</li>
<li class="share-list__item">
<a href="https://twitter.com/share?url=https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" target="_blank" class="share-list__link is-twitter" aria-label="Partager cette page sur twitter">
<span aria-hidden='true' class='fab fa-twitter'></span>
<span class="share-list__link-text">Twitter</span>
</a>
</li>
<li class="share-list__item">
<a href="https://plus.google.com/share?url=https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" target="_blank" class="share-list__link is-google" aria-label="Partager cette page sur google">
<span aria-hidden='true' class='fab fa-google'></span>
<span class="share-list__link-text">Google</span>
</a>
</li>
<li class="share-list__item">
<a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" target="_blank" class="share-list__link is-linkedin" aria-label="Partager cette page sur linkedin">
<span aria-hidden='true' class='fab fa-linkedin-in'></span>
<span class="share-list__link-text">Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div hidden>
<div class="account-message is-wide" id="popup-share-page">
<button type="button" data-fancybox-close class="popup-close-btn">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true">
<path d="M12 10.6 6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"/>
</svg>
<span>Fermer</span>
</button>
<div class="account-message__wrapper">
<span id="webform-submission-share-page-by-email-node-1520-form-ajax-content"></span><div id="webform-submission-share-page-by-email-node-1520-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="throbber"><form class="webform-submission-form webform-submission-add-form webform-submission-share-page-by-email-form webform-submission-share-page-by-email-add-form webform-submission-share-page-by-email-node-1520-form webform-submission-share-page-by-email-node-1520-add-form share-page-by-email-form js-webform-submit-once js-webform-details-toggle webform-details-toggle form" data-drupal-selector="webform-submission-share-page-by-email-node-1520-add-form" action="/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" method="post" id="webform-submission-share-page-by-email-node-1520-add-form" accept-charset="UTF-8">
<input data-drupal-selector="edit-page-name" type="hidden" name="page_name" value="Châtelaillon-Plage recrute des bénévoles, choisissez votre aventure ! " class="form__field" />
<input data-drupal-selector="edit-page-url" type="hidden" name="page_url" value="https://www.chatelaillonplage.fr/actualites/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure" class="form__field" />
<div data-drupal-selector="edit-fields-group" class="flex-row" id="edit-fields-group">
<div class="col-xs-12 col-md-12">
<div id="edit-markup" class="form-no-label js-form-item webform-markup rte">
<h2>Envoyer cette page à un ami</h2>
<p class="encadre">Remplissez le formulaire ci-dessous afin d’envoyer cette page par courriel</p>
</div>
</div><div class="col-xs-12 col-md-12">
<div class="js-form-item email form__field-wrapper">
<label class="form__label js-form-required form-required" for="edit-from">
Courriel <em class="required" aria-hidden="true">(obligatoire)</em>
</label>
<input data-drupal-selector="edit-from" type="email" id="edit-from" name="from" value="" size="60" maxlength="254" class="form-email required form__field" required="required" aria-required="true" />
</div>
</div><div class="col-xs-12 col-md-12">
<div class="js-form-item email form__field-wrapper">
<label class="form__label js-form-required form-required" for="edit-to">
Courriel du destinataire <em class="required" aria-hidden="true">(obligatoire)</em>
</label>
<input data-drupal-selector="edit-to" type="email" id="edit-to" name="to" value="" size="60" maxlength="254" class="form-email required form__field" required="required" aria-required="true" />
</div>
</div><div class="col-xs-12 col-md-12">
<div class="js-form-item textarea form__field-wrapper">
<label class="form__label js-form-required form-required" for="edit-message">
Votre message <em class="required" aria-hidden="true">(obligatoire)</em>
</label>
<textarea data-drupal-selector="edit-message" id="edit-message" name="message" rows="5" cols="60" class="form-textarea required form__field" required="required" aria-required="true">Bonjour,
J’ai trouvé une information qui pourrait vous intéresser, je vous invite à la consulter en cliquant sur le lien ci-joint…</textarea>
</div>
</div><div class="col-xs-12 col-md-12">
<div data-webform-terms-of-service-type="url" class="form-type-webform-terms-of-service js-form-item radio-checkbox form__radio-checkbox">
<input data-drupal-selector="edit-confirm" type="checkbox" id="edit-confirm" name="confirm" value class="form-checkbox required radio-checkbox__input" required="required" aria-required="true" />
<label data-req="req" for="edit-confirm" class="form__label option js-form-required form-required">
Je reconnais avoir pris connaissance des conditions générales d'utilisation. <a href="/politique-de-gestion-des-donnees-personnelles" target="_blank">Cliquez ici pour les consulter</a> <em class="required" aria-hidden="true">(obligatoire)</em>
</label>
</div>
</div><div class="col-xs-12 col-md-12"> <div class="captcha form__captcha -float-left">
<p class="form-required label">Vérification antispam
<em class="required">(obligatoire)</em>
<span class="text-help">Veuillez cocher la case "Je suis un humain"</span>
</p>
<input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="2167531" class="form__field" />
<input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="aFIYuB6xmD3qy7Y4Yn0hPB5NfmelARV3AGs7sDg7kmI" class="form__field" />
<input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="hCaptcha no captcha" class="form__field" />
<div class="h-captcha" data-sitekey="7c4e96ef-fb26-40c7-86de-27868e0d0497"></div>
<input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" class="form__field" />
</div>
</div>
</div>
<div data-drupal-selector="edit-actions" class="form-actions webform-actions form__actions is-right" id="edit-actions--3">
<button class="webform-button--submit btn is-primary button button--primary js-form-submit form-submit btn" data-fa-icon="" data-drupal-selector="edit-actions-submit" data-disable-refocus="true" type="submit" id="edit-actions-submit" name="op" value="Envoyer">
<span aria-hidden="true" class="far fa-check"></span>
<span class="btn__text">Envoyer</span>
</button>
</div>
<input autocomplete="off" data-drupal-selector="form-5scyxznzx52oenijhzr7pnsxy605hd5qpcdc41bi2kk" type="hidden" name="form_build_id" value="form-5SCYXZnzx52oENIJHzR7pNSXY605hD5QPCDC41bi2kk" class="form__field" />
<input data-drupal-selector="edit-webform-submission-share-page-by-email-node-1520-add-form" type="hidden" name="form_id" value="webform_submission_share_page_by_email_node_1520_add_form" class="form__field" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /NOINDEX -->
<div class="site-content__top"><header class="heading">
<div class="heading__wrapper">
<div class="heading__image">
<figure class="heading__figure" role="group" aria-label="Antoine Piel Prod">
<a data-fancybox="gallery-node-id-1520" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale__crop_main/public/media/images/dsc04204.jpg?h=d974c7a5&itok=KFBT4BMM" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale__crop_main/public/media/images/dsc04204.jpg?h=d974c7a5&itok=8EeuSfM2 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale__crop_main/public/media/images/dsc04204.jpg?h=d974c7a5&itok=KFBT4BMM 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale__crop_main/public/media/images/dsc04204.jpg?h=d974c7a5&itok=TffOYyFV 768w">
<picture>
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__281x188__crop_main/public/media/images/dsc04204.jpg?h=d974c7a5&itok=1R24qp0y" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22281%22%20height=%22188%22%20viewBox=%220%200%20281%20188%22%20/%3E" class="lazy lazyload" width="281" height="188" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22281%22%20height=%22188%22%20viewBox=%220%200%20281%20188%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
<figcaption class="heading__caption"><span class="copyright">©Antoine Piel Prod</span></figcaption></figure>
</div>
<div class="heading__content">
<div class="heading__category">
<p class="tag is-secondary">Évènementiel</p>
</div>
<h1 class="heading__title">Châtelaillon-Plage recrute des bénévoles, choisissez votre aventure ! </h1>
<p class="teaser heading__teaser">Que vous soyez plutôt couteau-suisse de l’organisation, pro de l’accueil, fan de nos évènements ou simple curieux prêt à donner un coup de main, rejoignez l'aventure châtelaillonnaise en tant que bénévole !</p>
<p class="heading__publication">
<span>Publié le </span>
<time datetime="2025-11-04">
4 novembre 2025
</time>
</p>
</div>
</div>
</header> </div> <div data-history-node-id="1520" class="site-content__wrapper">
<div class="site-content__main"> <div class="rte">
<h2>Devenez bénévole à Châtelaillon-Plage</h2><h3>Pourquoi devenir bénévole ?</h3><p>À Châtelaillon-Plage, chaque grand événement est <strong>une aventure humaine et collective</strong>. Derrière la magie du Festival International du Cerf-Volant et du Vent, la joie de Châtel en Fête, la féérie de Noël à Châtel, ou encore les animations des quartiers et des lieux culturels, <strong>il y a des bénévoles passionnés qui donnent de leur temps, de leur énergie et de leur sourire.</strong></p><p><strong>Aujourd’hui, nous ouvrons les inscriptions</strong> pour tous ceux qui souhaitent rejoindre cette <strong>grande équipe d’ambassadeurs</strong>.<strong> Que vous soyez étudiant, actif, retraité, seul, en famille ou entre amis, il y a une mission faite pour vous !</strong></p><p>Devenir bénévole, c’est :</p><ul><li><strong>Participer </strong>activement à la vie culturelle et festive de la ville</li><li><strong>Rencontrer</strong> d’autres habitants et passionnés</li><li><strong>Découvrir </strong>les coulisses des événements</li><li><strong>Vivre </strong>des expériences uniques et enrichissantes</li></ul>
</div>
<div class="infowidget paragraph paragraph--type--text paragraph--view-mode--default">
<div class="infowidget__svg">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true">
<path fill="#f25611" d="M428.24,111.35v54.89h-84.5V111.35ZM44.47,166.24H154.8V111.35H44.47Z"></path>
<path fill="#5eb4e7" d="M197,481.37V299.8H379.48V481.37"></path>
<path fill="#024993" d="M13.7,111.27h17v19.84H19.84v15.36H30.72v19.84h-17A13.76,13.76,0,0,1,0,152.51V125.05A13.76,13.76,0,0,1,13.7,111.27Zm177.51,136-61.35-71.37v-9.6H110v17l66.49,77.36.7.74a69.83,69.83,0,0,0,23.74,14.76v6.83h19.85V261l-7.55-1.85A49.56,49.56,0,0,1,191.21,247.23ZM355.46,107.17l-1.09-22.34a32.11,32.11,0,0,0-32.06-32.06,41.27,41.27,0,0,0-17.5,3.38,32,32,0,0,0-43.44-9.76,32.06,32.06,0,0,0-56.3,2A32.8,32.8,0,0,0,155.7,76.74v1.78A43.52,43.52,0,0,0,131.2,71H110.44l-.44.72v39.5h19.86V90.83h1.34a23.92,23.92,0,0,1,23.9,23.89v56.65h19.84v0h.6V76.73a13,13,0,0,1,13-13,13.41,13.41,0,0,1,13.18,11.4h19.84V62.67a12.21,12.21,0,0,1,24.41,0V73.74H265.8a12.21,12.21,0,1,1,24.41,0v5.53H310.1c0-2.17,0-6.66,12.2-6.66h.19a12.36,12.36,0,0,1,12,12.7l1.1,22.34V211a49.2,49.2,0,0,1-20,39.69l-4,3v29.25h19.84l0-19.54A68.73,68.73,0,0,0,355.46,211Zm95.88,4.1h-9.52v19.84h5.23l16.88,7.66-16.88,7.65h-5.23v19.84h9.52L512,138.77ZM342.27,350.62h19.84V330.78H342.27Z"></path>
</svg>
</div>
<div class="rte">
<h2>Les missions proposées aux bénévoles</h2><p>Nous recherchons des bénévoles pour tous types de missions :</p><ul><li><strong>Accueil du public</strong> : accueillir, informer et partager la bonne humeur </li><li><strong>Logistique et montage/démontage</strong> : contribuer à la préparation et au bon déroulement des événements </li><li><strong>Encadrement des animations</strong></li><li><strong>Participation à la vie des quartiers et lieux culturels</strong></li></ul><p>Quel que soit votre profil (étudiant, actif, retraité, habitant de Châtelaillon-Plage ou des environs), il y a une mission adaptée à vos envies et disponibilités.</p>
</div>
</div>
<section class="gallery paragraph paragraph--type--gallery paragraph--view-mode--default">
<ul class="gallery-list">
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc00839.jpg?itok=YI9N0153" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc00839.jpg?itok=68rgG1z8 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc00839.jpg?itok=vBZbunNQ 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc00839.jpg?itok=gAxxmsyU 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc00839.jpg?itok=EpswPVU7 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc00839.jpg?itok=ITLiVyCP 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc00839.jpg?itok=-9p8atUw 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc00839.jpg?itok=z_iuLX60 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc00839.jpg?itok=EpswPVU7" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc01279.jpg?itok=d2ycCzrJ" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc01279.jpg?itok=nRGT5ECR 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc01279.jpg?itok=gEmtsbax 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc01279.jpg?itok=L55sYMGG 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01279.jpg?itok=hZEraxtx 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc01279.jpg?itok=SOPCQ7M4 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc01279.jpg?itok=q7hhYEV0 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc01279.jpg?itok=hj_XB6qf 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01279.jpg?itok=hZEraxtx" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc01828.jpg?itok=wzaDlTCv" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc01828.jpg?itok=Yo3heKMr 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc01828.jpg?itok=GGGrBjWi 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc01828.jpg?itok=gapAFS2o 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01828.jpg?itok=iwGBkJI6 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc01828.jpg?itok=2B2lflH9 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc01828.jpg?itok=2frhturJ 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc01828.jpg?itok=1ralebmx 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01828.jpg?itok=iwGBkJI6" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc01956.jpg?itok=-RzHrkWO" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc01956.jpg?itok=D9u_JOiz 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc01956.jpg?itok=ymnxtoHW 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc01956.jpg?itok=Az3doMly 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01956.jpg?itok=_8rNx40A 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc01956.jpg?itok=oGd0bUXe 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc01956.jpg?itok=RfY_s0zJ 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc01956.jpg?itok=r5KShuSC 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc01956.jpg?itok=_8rNx40A" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc03979.jpg?itok=kp-mKBnl" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc03979.jpg?itok=5DUC99ng 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc03979.jpg?itok=l78_FiYh 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc03979.jpg?itok=3qVxHDI1 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc03979.jpg?itok=CSZEqXbY 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc03979.jpg?itok=hiV9_spi 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc03979.jpg?itok=JffMJA0w 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc03979.jpg?itok=LhbLoS3X 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc03979.jpg?itok=CSZEqXbY" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
<li class="gallery-list__item">
<a class="gallery-item" data-fancybox="gallery-paragraph-id-4520" aria-haspopup="true" data-fancybox-type="image" href="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250/public/media/images/dsc04266.jpg?itok=zcQrOATq" data-caption=" ©Antoine Piel Prod" data-alt="" target="_blank" rel="noopener" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__1620x1080__image_scale/public/media/images/dsc04266.jpg?itok=b8ascUEZ 2000w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__1280x768__image_scale/public/media/images/dsc04266.jpg?itok=hzrQa6_g 1280w,https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x476__image_scale/public/media/images/dsc04266.jpg?itok=BHL2-k0l 768w">
<div class="gallery-item__description">
<span aria-hidden='true' class='fas fa-eye'></span>
<p class="gallery-item__text"> ©Antoine Piel Prod</p> </div>
<picture class="gallery-item__picture" data-items="+ 6">
<source media="(max-width: 400px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc04266.jpg?itok=nMs8RlUW 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__800x534/public/media/images/dsc04266.jpg?itok=0JFJpZd2 2x">
<source media="(max-width: 768px)" srcset="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22768%22%20height=%22512%22%20viewBox=%220%200%20768%20512%22%20/%3E" data-srcset="https://www.chatelaillonplage.fr/sites/default/files/styles/img__768x512/public/media/images/dsc04266.jpg?itok=k5wPCXZv 1x, https://www.chatelaillonplage.fr/sites/default/files/styles/img__1536x1024/public/media/images/dsc04266.jpg?itok=EFe5PNX5 2x">
<img class="lazy lazyload lazy lazyload" data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__400x267/public/media/images/dsc04266.jpg?itok=nMs8RlUW" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" width="400" height="267" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22400%22%20height=%22267%22%20viewBox=%220%200%20400%20267%22%20/%3E" alt="Agrandir l'image - fenêtre modale">
</picture>
</a>
</li>
</ul>
</section>
<div class="rte">
<h3>Les événements concernés</h3><ul><li>La <strong>Magie de Noël </strong>à Châtelaillon</li><li><strong>Festival International du Cerf-Volant et du Vent</strong></li><li><strong>Châtel en Fête</strong></li><li><strong>Temps Libre</strong> et <strong>spectacles </strong>à <strong>Beauséjour</strong></li><li><strong>L'été </strong>à Châtel</li><li>Au coeur des <strong>quartiers</strong></li><li>À la <strong>Médiathèque </strong>"La Malle d'Allionis"</li></ul><h2>Comment s’inscrire ?</h2><ol><li>Il vous suffit de remplir notre <a href="https://docs.google.com/forms/d/e/1FAIpQLSfdugWZsZ7ZqSTzUQ1GjvbWQwfIuUno-TbKFeuQmrzjgjREqg/viewform?usp=dialog"><strong><u>formulaire en ligne</u></strong></a> et de préciser vos centres d’intérêt. </li><li>Virginie, responsable des bénévoles à Beauséjour vous recontactera pour affiner votre profil !</li></ol>
</div>
<div class="rte">
<h2 class="title"> Prêts à rejoindre l’aventure ?
</h2>
<div><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfdugWZsZ7ZqSTzUQ1GjvbWQwfIuUno-TbKFeuQmrzjgjREqg/viewform?embedded=true" width="640" height="2481" frameborder="0" marginheight="0" marginwidth="0">Chargement…</iframe></div>
</div>
<section class="section contact-section is-primary paragraph paragraph--type--contact-people paragraph--view-mode--default">
<div class="section__title">
<div class="title">
<h2 class="title__content"><span class="title__text">Votre contact en tant que bénévole</span></h2>
</div>
</div>
<div class="section__content">
<ul class="list is-columns-1">
<li class="list__item">
<article data-history-node-id="719" class="contact-item">
<picture class="contact-item__picture avatar-image">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__250x250__crop_main/public/media/images/2022_virginie_duchesne.jpg?itok=DW24Jl10" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22250%22%20height=%22250%22%20viewBox=%220%200%20250%20250%22%20/%3E" class="lazy lazyload" width="250" height="250" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22250%22%20height=%22250%22%20viewBox=%220%200%20250%20250%22%20/%3E" alt="">
</picture>
<div class="contact-item__content">
<div class="contact-item__content-top">
<h3 class="contact-item__title">
<a href="/annuaire-des-personnes/duchesne-virginie" class="contact-item__link-underline">Virginie DUCHESNE</a>
</h3>
</div>
<div class="contact-item__content-info">
<div class="contact-item__details">
<p class="contact-item__function js-search-position is-main">Chargée des activités Temps Libre</p>
</div>
<div class="contact-item__infos">
<div class="infos">
<!-- NOINDEX -->
<p class="info-item infos__item">
<a href='tel:0546304972' aria-label='Téléphone 05 46 30 49 72' title='Téléphone 05 46 30 49 72'>
<span aria-hidden='true' class='far fa-phone-alt'></span>
<!-- /NOINDEX -->05 46 30 49 72<!-- NOINDEX -->
</a>
</p>
<!-- /NOINDEX -->
<!-- NOINDEX -->
<p class="info-item infos__item">
<a href="#" type="button"
aria-haspopup="true"
aria-label='Contacter "Duchesne Virginie"'
data-dialog-label='Contacter "Duchesne Virginie"'
data-src="/form/contacter-annuaire-des-personnes?source_entity_type=node&source_entity_id=719"
data-type="iframe"
data-fancybox="form-contact-96596165"
data-fancybox-transparent="true"
data-fancybox-center-content="true"
rel="nofollow"
>
<span aria-hidden='true' class='far fa-at'></span>
Courriel
</a>
</p>
<!-- /NOINDEX -->
</div>
</div>
</div>
</div>
</article>
</li>
</ul>
</div>
</section>
<section class="section subpages-menu-section paragraph paragraph--type--summary paragraph--view-mode--default">
<div class="section__title">
<div class="title">
<h2 class="title__content">
<span class="title__text">Découvrez aussi</span>
</h2>
</div>
</div>
<div class="section__content">
<nav class="subpages-menu" role="navigation" aria-label="Dans cette rubrique">
<ul class="list is-columns-3 is-columns-sm-2 is-columns-xs-1">
<li class="list__item">
<article data-history-node-id="600" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/bandeau_webhd.jpg?itok=Y5rnS0YB" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/festivites-de-noel-chatelaillon-plage" class="underline" >Noël 2025 à Châtelaillon-Plage</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Plongez dans la magie de Noël à Châtelaillon-Plage du 29 novembre au 4 janvier ! Prenez place dans notre traîneau et laissez-vous transporter dans le "Fabuleux Noël" châtelaillonnais. Une balade magique vous attend ! </p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="186" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/mcp_2025-04_cerf-volant_declinaison_rvb_1600x1000px_site_mairie.jpg?h=0b47be0a&itok=7cLUI7q9" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/festival-international-du-cerf-volant-et-du-vent-de-chatelaillon-plage" class="underline" >Festival International du cerf-volant et du vent de Châtelaillon-Plage</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Bienvenue au cœur du Festival du Cerf-Volant et du Vent, un voyage enchanté qui se déroulera les 19, 20 et 21 avril 2025 à Châtelaillon-Plage. Préparez-vous à être transportés dans une bulle d'émerveillement : cerfs-volants géants, artistiques, pilotables, historiques ou powerkite ! </p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="187" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/img_9332.jpg?itok=RAj0WwlC" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/chatel-en-fete" class="underline" >Châtel en Fête</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Châtel en Fête est L'ÉVÈNEMENT des châtelaillonnais avec plus de 1000 habitants impliqués dans l'organisation de cette fête. </p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="611" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/peinture.jpg?itok=-38tDAe6" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/temps-libre-beausejour" class="underline" >Temps Libre à Beauséjour</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Ce sont plus de 45 activités qui attendent les adultes et les enfants à l'Espace Beauséjour.</p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="769" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/2022_beausejour.jpg?itok=aYO18s91" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/annuaire-des-equipements/espace-beausejour" class="underline" >Espace Beauséjour</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Dans son écrin prestigieux, l'espace Beauséjour est aujourd'hui au cœur de la vie culturelle de Châtelaillon-Plage. Spectacles, activités manuelles et artistiques, événements privés...</p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="556" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/mediatheque_la_malle_d_allionis_chatelaillon_0.jpg?itok=n_JeEgqz" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/la-mediatheque-la-malle-dallionis" class="underline" >La médiathèque La Malle d'Allionis</a>
</h3>
<p class="item-teaser subpages-menu__teaser">Prêt de livres, de DVD, connexion internet, découvrez les services et animations proposés par la médiathèque La Malle d'Allionis. Cristelle, Manon et Virginie vous embarquent avec elles...</p>
</article>
</li>
<li class="list__item">
<article data-history-node-id="562" class="subpages-menu__item">
<picture class="subpages-menu__picture">
<img data-src="https://www.chatelaillonplage.fr/sites/default/files/styles/img__480x320__crop_main/public/media/images/1ere_de_couverture_chatel_mag_112.png?itok=Qknom1bq" data-error-src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" class="lazy lazyload" width="480" height="320" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22480%22%20height=%22320%22%20viewBox=%220%200%20480%20320%22%20/%3E" alt="">
</picture>
<h3 class="item-title subpages-menu__title">
<a href="/vos-quartiers" class="underline" >Vos quartiers</a>
</h3>
<p class="item-teaser subpages-menu__teaser"> Châtelaillon-Plage est divisée en 7 quartiers reprenant la topologie de la ville et créant un vrai maillage humain. Hippodrome, Stade, Port, Casino, Dunes, Orbigny, Boucholeurs, ces 7 conseils de quartier vous accueillent tout au long de l'année dans leur Maison de quartier.
</p>
</article>
</li>
</ul>
</nav>
</div>
</section>
<!-- NOINDEX -->
<nav class="pager is-single">
<ul class="pager__listitems">
<li class="pager__item is-prev">
<a href="/actualites/cmjc-la-campagne-est-lancee" class="pager__link js-tooltip is-tooltip-right" aria-label="Précédent - CMJC : la campagne est lancée !" data-content="Précédent - CMJC : la campagne est lancée !"><span class="pager__icon" aria-hidden="true"></span>Précédent</a>
</li>
<li class="pager__item is-return">
<a href="/actualites" class="pager__link"><span class="pager__icon" aria-hidden="true"></span>Retour à la liste</a>
</li>
<li class="pager__item is-next">
<a href="/actualites/se-deplacer-facilement-depuis-chatelaillon-plage-tous-les-avantages-du-reseau-yelo" class="pager__link js-tooltip is-tooltip-left" aria-label="Suivant - Se déplacer facilement depuis Châtelaillon-Plage : tous les avantages du réseau Yélo !" data-content="Suivant - Se déplacer facilement depuis Châtelaillon-Plage : tous les avantages du réseau Yélo !">Suivant<span class="pager__icon" aria-hidden="true"></span></a>
</li>
</ul>
</nav>
<!-- /NOINDEX -->
</div>
</div>
</div></main>
</div><div class="site-wrapper__to-top">
<div class="go-to-top js-scroll-handler" data-scroll-target="0" data-focus-target="body:global" data-bottom-element=".footer:global" data-hide-at-top="true">
<p class="go-to-top__text">
<a href="#" class="go-to-top__link">Retour en haut de la page</a>
</p>
</div>
</div>
<div class="site-wrapper__footer">
<footer class="footer">
<div class="footer__wrapper">
<div class="footer__container">
<div class="footer__row">
<div class="footer__column is-first">
<section class="site-info">
<h2 class="ghost">Informations</h2>
<div class="site-info__column">
<div class="site-info__image">
<a href="https://www.chatelaillonplage.fr/" class="logo">
<img src="/sites/default/files/icons/logo-footer.png" alt="Ville de Châtelaillon-Plage (retour à l'accueil)">
</a>
</div>
<address class="site-info__content">
<p class="site-info__item is-name">Ville de Châtelaillon-plage</p>
<p class="info-item infos__item is-address">
<span aria-hidden='true' class='far fa-map-marker-alt' title='Adresse'></span>
<span class="ghost">Adresse:</span>
20 Boulevard de la Libération<br />
17340 Châtelaillon-Plage
</p>
<!-- NOINDEX -->
<p class="info-item infos__item is-phone">
<a href='tel:0546301818' aria-label='Téléphone 05 46 30 18 18' title='Téléphone 05 46 30 18 18'>
<span aria-hidden='true' class='far fa-phone-alt'></span>
<!-- /NOINDEX -->05 46 30 18 18<!-- NOINDEX -->
</a>
</p>
<!-- /NOINDEX -->
<div class="site-info__social">
<ul class="social-links">
<li class="social-links__item">
<a href="https://www.facebook.com/Mairie.ChatelaillonPlage" class="social-links__link js-tooltip" target="_blank" data-content="Facebook">
<span aria-hidden='true' class='fab fa-facebook-f'></span>
<span class="social-links__link-text ghost">Facebook</span>
</a>
</li>
<li class="social-links__item">
<a href="https://www.youtube.com/user/chatelaillon17" class="social-links__link js-tooltip" target="_blank" data-content="Chaîne Youtube">
<span aria-hidden='true' class='fab fa-youtube'></span>
<span class="social-links__link-text ghost">Chaîne Youtube</span>
</a>
</li>
<li class="social-links__item">
<a href="https://twitter.com/Chatelaillon" class="social-links__link js-tooltip" target="_blank" data-content="Compte twitter">
<span aria-hidden='true' class='fab fa-twitter'></span>
<span class="social-links__link-text ghost">Compte twitter</span>
</a>
</li>
<li class="social-links__item">
<a href="https://www.instagram.com/chatelaillonplage.ville" class="social-links__link js-tooltip" target="_blank" data-content="Compte instagram">
<span aria-hidden='true' class='fab fa-instagram'></span>
<span class="social-links__link-text ghost">Compte instagram</span>
</a>
</li>
</ul>
</div>
</address>
</div>
<div class="site-info__column">
<div class="site-info__links is-inverted">
<a href="/contacter" class='btn site-info__action'>
<span aria-hidden='true' class='fas fa-at'></span>
<span class="btn__text">Nous contacter</span>
</a>
<a href="/lettre-d-information" class='btn site-info__action'>
<span aria-hidden='true' class='fal fa-paper-plane'></span>
<span class="btn__text">Lettre d'information</span>
</a>
</div>
</div>
</section>
</div>
</div>
<div class="footer__row">
<div class="footer__column is-third">
<section class="menu-cross" role="contentinfo">
<h2 class="ghost">Navigation secondaire</h2>
<div class="menu-cross__wrapper">
<nav class="menu-cross__nav">
<ul class="menu-cross__nav-list">
<li class="menu-cross__nav-item">
<a href="/plan-du-site" class="menu-cross__nav-link">
<span class="menu-cross__nav-text">Plan du site</span>
</a>
</li>
<li class="menu-cross__nav-item">
<a href="/offres-demploi" class="menu-cross__nav-link">
<span class="menu-cross__nav-text">Offres d'emplois</span>
</a>
</li>
<li class="menu-cross__nav-item">
<a href="/accessibilite" class="menu-cross__nav-link">
<span class="menu-cross__nav-text">Accessibilité</span>
</a>
</li>
<li class="menu-cross__nav-item">
<a href="/mentions-legales" class="menu-cross__nav-link">
<span class="menu-cross__nav-text">Mentions légales</span>
</a>
</li>
<li class="menu-cross__nav-item">
<a href="/politique-de-gestion-des-donnees-personnelles" class="menu-cross__nav-link">
<span class="menu-cross__nav-text">Protection des données</span>
</a>
</li>
<li class="menu-cross__nav-item">
<button type="button" class="menu-cross__nav-link" aria-haspopup='true' onclick='tarteaucitron.userInterface.openPanel(); return false;'>
<span class="menu-cross__nav-text">Gestion des cookies</span>
</button>
</li>
</ul>
</nav>
</div>
</section>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__rgaa">
</div>
<p class="footer__stratis">
Réalisation
<a href="http://www.stratis.fr/" class="link-stratis" target="_blank" title="Stratis, agence de conseil en communication et concertation publique" rel="noopener noreferrer">Stratis</a>
</p>
</div>
</div>
</footer>
</div>
</div>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/1520","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","route":"entity.node.canonical"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"ajax_comments\/commands,captcha\/base,core\/internal.jquery.form,extlink\/drupal.extlink,google_analytics\/google_analytics,hcaptcha\/ajax.hcaptcha.init,hcaptcha\/loader,matomo\/matomo,paragraphs\/drupal.paragraphs.unpublished,responsive_table_filter\/responsive-table,stratis_account_message\/stratis_account_message,stratis_common\/custom,stratis_common\/stratis_common_ajax_commands,stratis_gdpr_encryption\/library,stratis_site\/global-styling,stratis_site\/page,stratis_subsites\/global-styling,stratis_tarteaucitron\/tarteaucitron,system\/base,webform\/webform.ajax,webform\/webform.element.details.save,webform\/webform.element.details.toggle,webform\/webform.element.message,webform\/webform.element.terms_of_service,webform\/webform.form,webform\/webform.form.submit_once","theme":"stratis_site","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/actualites\/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure?ajax_form=1":true},"google_analytics":{"account":"UA-12409552-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"matomo":{"disableCookies":false,"trackMailto":true},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"ajax":{"edit-actions-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"throbber","message":""},"disable-refocus":true,"url":"\/actualites\/chatelaillon-plage-recrute-des-benevoles-choisissez-votre-aventure?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Envoyer"}}},"hcaptcha":{"src":"https:\/\/hcaptcha.com\/1\/api.js?hl=fr\u0026render=explicit\u0026onload=drupalHcaptchaOnload"},"stratis_tarteaucitron":{"_core":{"default_config_hash":"k0oEaPUXA9wydpkH7kVDMzgoEoJjUIBL1eoXKQSXbyI"},"langcode":"fr","customText":{"alertBigPrivacy":"Afin de vous proposer des vid\u00e9os, des boutons de partage, des contenus remont\u00e9s des r\u00e9seaux sociaux et d\u0027\u00e9laborer des statistiques de fr\u00e9quentation, nous sommes susceptibles de d\u00e9poser des cookies tiers sur votre machine. Cela ne peut se faire qu\u0027en obtenant, au pr\u00e9alable, votre consentement pour chacun de ces cookies.","disclaimer":"Ce site propose de personnaliser vos contenus et votre navigation. Lorsque vous naviguez sur ce site Internet, des informations sont susceptibles d\u0027\u00eatre enregistr\u00e9es (cookies) sur votre terminal, sous r\u00e9serve de vos choix.\u003Cbr\u003E\u003Cbr\u003ELa dur\u00e9e de validit\u00e9 de votre consentement ou de votre refus est de 6 mois.\u003Cbr\u003EPour en savoir plus, consultez notre \u003Ca href=\u0022\/politique-de-gestion-des-donnees-personnelles\u0022\u003Epolitique de protection des donn\u00e9es.\u003C\/a\u003E","denyAll":"Tout refuser","btnAllow":"J\u0027accepte","btnAllowTitle":"J\u0027accepte les traceurs pour le service {serviceName}","btnDeny":"Je refuse","btnDenyTitle":"Je refuse les traceurs pour le service {serviceName}","refuseCookies":"Votre refus a bien \u00e9t\u00e9 pris en compte. Vous pouvez revenir sur votre d\u00e9cision \u00e0 tout moment, depuis le gestionnaire de cookies ou cet \u00e9cran.","serviceText":"{serviceName} conditionne la lecture de ses vid\u00e9os au d\u00e9p\u00f4t de traceurs afin de vous proposer de la publicit\u00e9 cibl\u00e9e en fonction de votre navigation.","engage-stratis-youtube":"Activer le d\u00e9p\u00f4t de cookies Youtube pour lire la vid\u00e9o","engage-stratis-vimeo":"Activer le d\u00e9p\u00f4t de cookies Vimeo pour lire la vid\u00e9o","engage-stratis-dailymotion":"Activer le d\u00e9p\u00f4t de cookies Dailymotion pour lire la vid\u00e9o","engage-youtube":"Activer le d\u00e9p\u00f4t de cookies Youtube pour lire la vid\u00e9o","engage-vimeo":"Activer le d\u00e9p\u00f4t de cookies Vimeo pour lire la vid\u00e9o","engage-dailymotion":"Activer le d\u00e9p\u00f4t de cookies Dailymotion pour lire la vid\u00e9o","open-cookie-manager-button":"Configurer le d\u00e9p\u00f4t de cookies"},"settings":{"hashtag":"#tarteaucitron","orientation":"bottom","showIcon":false,"showAlertSmall":false,"cookieslist":false,"adblocker":false,"DenyAllCta":true,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":true,"moreInfoLink":false,"useExternalCss":true,"mandatory":false},"tarteaucitronForceExpire":"180","services":{"stratis-dailymotion":"stratis-dailymotion","gtag":"gtag","stratis-vimeo":"stratis-vimeo","stratis-youtube":"stratis-youtube"}},"langcode":"fr","user":{"uid":0,"permissionsHash":"43957375f401a411e73e43ed3782b90183a005b5ad0fb2e785a187b8940b7289"}}</script>
<script src="/sites/default/files/js/js_Qm48WOJrvxtPdxK-r8t4tHCbd9LyWbZ2rUj6Wr-9L1M.js?scope=footer&delta=0&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw"></script>
<script src="/modules/custom/stratis_common/js/stratis-custom-ajax-throbber.js?v=10.1.5" defer></script>
<script src="/sites/default/files/js/js_vJlCx68lwOokIWIUtfbmL8KVD8bgvrCY7PUz0hVWQJw.js?scope=footer&delta=2&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw"></script>
<script src="/libraries/tarteaucitron/tarteaucitron.js?t7bfdk"></script>
<script src="/sites/default/files/js/js__u0at5mqZdPNNFBzTAPwKZD41FQyycHAmflgG1NRg-4.js?scope=footer&delta=4&language=fr&theme=stratis_site&include=eJyFU2124yAMvBCFI_FkrGC1fK0k0vr2xUnjrDfJ9heeQUijeeNQGd37n468mlhrTOihQFqVgrh_CZNBa67uehhGabUIndErTKPwREmR3Z1_u_AmbENm7g2SbVzjKBAjyqAkHkKovajPg4SI7gVvZBXF7CYQ3N8KKbqY6gTpTXRNVOJ-F2rOtbgj9PAOX5dvKLMY_NLx5uOm7QfuLeLc2GMJvDal0SvRxDCM2sf3aVMgv0gIXYZfVxeuVttT5Wx2LVhU3C6qAUNkaIvsnu2M7aX1KZEsOJtPnLY-7ue0Ey5wpspyMFwUhsSH4hf0Rdgz0o5lM6mvJeBDASbclrAzKlASK3D-vUhrHOl6FBa4pvRAb2a9bHnLyGVvKiOEI7L2b68DNA0LXOOz3FCqMCPf8TbE3pClQvq0pe90sHgmaQn-48t4ncXXkxfkM4V7gBVYEXog5Sf5Ot4e0PEXaGP5bz2qfsw"></script>
</body>
</html>
