PageSourceSearch

https://www.ville-aniane.com/

html ville-aniane.com collected 2026-10-02 19:08:25 UTC 238,431 bytes, 2,226 lines download raw bytes

1<!DOCTYPE html>
2<!-- [if lt IE 7]><html class="no-js no-svg ie ie6 lt-ie9 lt-ie8 lt-ie7" lang="fr-FR"> <![endif] -->
3<!-- [if IE 7]><html class="no-js no-svg ie ie7 lt-ie9 lt-ie8" lang="fr-FR"> <![endif] -->
4<!-- [if IE 8]><html class="no-js no-svg ie ie8 lt-ie9" lang="fr-FR"> <![endif] -->
5<!-- [if gt IE 8]><! -->
6<html class="no-js no-svg" lang="fr-FR">
7  <!-- <![endif] -->
8  <head>
9    <meta charset="UTF-8" />
10    <meta name="description" content="" />
11    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
13    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
14    <link rel="author" href="https://www.ville-aniane.com/app/themes/vernalis-theme/humans.txt" />
15    <link rel="pingback" href="https://www.ville-aniane.com/wp/xmlrpc.php" />
16    <link rel="profile" href="http://gmpg.org/xfn/11" />
17    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
18
19	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
20	<title>Ville Aniane - Bienvenue sur le site de la mairie d&#039;Aniane</title><link rel="preload" data-smush-preload as="image" href="https://www.ville-aniane.com/app/uploads/2026/06/Firefly_Gemini-Flash_Mettre-un-ciel-bleu-en-fond-et-donner-de-la-lumiere-et-de-la-clarte-a-cette-photo-et-813539-1-scaled-1920x0-c-default.jpg" fetchpriority="high" />
21	<meta name="description" content="Site officiel de la mairie d&#039;Aniane" />
22	<link rel="canonical" href="https://www.ville-aniane.com/" />
23	<meta property="og:locale" content="fr_FR" />
24	<meta property="og:type" content="website" />
25	<meta property="og:title" content="Ville Aniane" />
26	<meta property="og:description" content="Site officiel de la mairie d&#039;Aniane" />
27	<meta property="og:url" content="https://www.ville-aniane.com/" />
28	<meta property="og:site_name" content="Ville Aniane" />
29	<meta property="og:image" content="https://www.ville-aniane.com/app/uploads/2025/07/bg-default.jpg" />
30	<meta property="og:image:width" content="425" />
31	<meta property="og:image:height" content="320" />
32	<meta property="og:image:type" content="image/jpeg" />
33	<meta name="twitter:card" content="summary_large_image" />
34	
34<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/www.ville-aniane.com\/","url":"https:\/\/www.ville-aniane.com\/","name":"Ville Aniane - Bienvenue sur le site de la mairie d'Aniane","isPartOf":{"@id":"https:\/\/www.ville-aniane.com\/#website"},"about":{"@id":"https:\/\/www.ville-aniane.com\/#organization"},"description":"Site officiel de la mairie d'Aniane","breadcrumb":{"@id":"https:\/\/www.ville-aniane.com\/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ville-aniane.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.ville-aniane.com\/#website","url":"https:\/\/www.ville-aniane.com\/","name":"Ville Aniane","description":"","publisher":{"@id":"https:\/\/www.ville-aniane.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ville-aniane.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.ville-aniane.com\/#organization","name":"Ville Aniane","url":"https:\/\/www.ville-aniane.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ville-aniane.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ville-aniane.com\/app\/uploads\/2025\/07\/Logo-ministere-de-la-culture-1.png","contentUrl":"https:\/\/www.ville-aniane.com\/app\/uploads\/2025\/07\/Logo-ministere-de-la-culture-1.png","width":283,"height":216,"caption":"Ville Aniane"},"image":{"@id":"https:\/\/www.ville-aniane.com\/#\/schema\/logo\/image\/"}}]}</script>
34
35	<!-- / Yoast SEO plugin. -->
36
37
38		<style>
39			.lazyload,
40			.lazyloading {
41				max-width: 100%;
42			}
43		</style>
44		<style id="wp-img-auto-sizes-contain-inline-css">
45img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
46/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
47</style>
48<style id="wp-block-library-inline-css">
49:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
49--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
50
51/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
52</style>
53<style id="classic-theme-styles-inline-css">
54/*! This file is auto-generated */
55.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
56/*# sourceURL=/wp-includes/css/classic-themes.min.css */
57</style>
58
59<style id="global-styles-inline-css">
60:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
600) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 24px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--standard: 16px;--wp--preset--font-size--extra-large: 28px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
60.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-standard-font-size{font-size: var(--wp--preset--font-size--standard) !important;}.has-extra-large-font-size{font-size: var(--wp--preset--font-size--extra-large) !important;}
61/*# sourceURL=global-styles-inline-css */
62</style>
63
64<link rel='stylesheet' id='actes-gestion-vernalis-css' href='https://www.ville-aniane.com/app/plugins/gestion-des-actes-administratifs-vernalis-v2.5.0/public/../dist/css/main.css' media='all' />
65<link rel='stylesheet' id='vernalis-annuaire-css' href='https://www.ville-aniane.com/app/plugins/vernalis-annuaire/public/css/vernalis-annuaire-public.css' media='all' />
66<style id="plvt-view-transitions-inline-css">
67@view-transition { navigation: auto; }
68@media (prefers-reduced-motion: no-preference) {::view-transition-group(*) { animation-duration: 0.4s; }}
69/*# sourceURL=plvt-view-transitions-inline-css */
70</style>
71<link rel='stylesheet' id='wp_aniane_css-css' href='https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/css/home.css' media='' />
72<link rel='stylesheet' id='newsletter-css' href='https://www.ville-aniane.com/app/plugins/newsletter/style.css' media='all' />
73<script id="jquery-core-js" src="https://www.ville-aniane.com/wp/wp-includes/js/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 73
73
74<script id="main-js-extra">
75var vernalisActes = {"ajax_url":"https://www.ville-aniane.com/wp/wp-admin/admin-ajax.php","nonce":"6e04042f35"};
76//# sourceURL=main-js-extra
77</script>
vendor: 1 bytes, line 77
77
78<script id="main-js" src="https://www.ville-aniane.com/app/plugins/gestion-des-actes-administratifs-vernalis-v2.5.0/public/../dist/js/main.js"></script>
vendor: 1 bytes, line 78
78
79<script id="actes-gestion-vernalis-manifest-js" src="https://www.ville-aniane.com/app/plugins/gestion-des-actes-administratifs-vernalis-v2.5.0/public/../dist/js/manifest.js"></script>
vendor: 1 bytes, line 79
79
80<script id="vernalis-annuaire-js" src="https://www.ville-aniane.com/app/plugins/vernalis-annuaire/public/js/vernalis-annuaire-public.js"></script>
vendor: 1 bytes, line 80
80
81<script id="vernalis-annuaire-vanilla-lazyload-js" src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/17.6.1/lazyload.min.js"></script>
vendor: 1 bytes, line 81
81
82<script id="plvt-view-transitions-js-after">
83window.plvtInitViewTransitions=n=>{if(!window.navigation||!("CSSViewTransitionRule"in window))return void window.console.warn("View transitions not loaded as the browser is lacking support.");const t=(t,i,o)=>{const e=n.animations||{};return[...e[t].useGlobalTransitionNames?Object.entries(n.globalTransitionNames||{}).map(([n,t])=>[i.querySelector(n),t]):[],...e[t].usePostTransitionNames&&o?Object.entries(n.postTransitionNames||{}).map(([n,t])=>[o.querySelector(n),t]):[]]},i=n=>{const t=()=>{};n.ready.catch(t),n.finished.catch(t)},o=async(n,t)=>{for(const[t,i]of n)t&&(t.style.viewTransitionName=i);await t;for(const[t]of n)t&&(t.style.viewTransitionName="")},e=()=>n.postSelector?document.querySelector(n.postSelector):null,s=t=>{if(!n.postSelector)return null;const i=(o=n.postSelector,e='a[href="'+t+'"]',o.split(",").map(n=>n.trim()+" "+e).join(","));var o,e;const s=document.querySelector(i);return s?s.closest(n.postSelector):null};window.addEventListener("pageswap",n=>{if(n.viewTransition){const a="default";let r;i(n.viewTransition),n.viewTransition.types.add(a),document.body.classList.contains("single")?r=t(a,document.body,e()):(document.body.classList.contains("home")||document.body.classList.contains("blog")||document.body.classList.contains("archive"))&&n.activation?.entry.url&&(r=t(a,document.body,s(n.activation.entry.url))),r&&o(r,n.viewTransition.finished)}}),window.addEventListener("pagereveal",n=>{if(n.viewTransition){const a="default";let r;i(n.viewTransition),n.viewTransition.types.add(a),document.body.classList.contains("single")?r=t(a,document.body,e()):(document.body.classList.contains("home")||document.body.classList.contains("archive"))&&(r=t(a,document.body,window.navigation?.activation?.from?.url?s(window.navigation.activation.from.url):null)),r&&o(r,n.viewTransition.ready)}})};
84plvtInitViewTransitions( {"postSelector":".wp-block-post.post, article.post, body.single main","globalTransitionNames":{"header":"header","main":"main"},"postTransitionNames":{".wp-block-post-title, .entry-title":"post-title",".wp-post-image":"post-thumbnail",".wp-block-post-content, .entry-content":"post-content"},"animations":{"default":{"useGlobalTransitionNames":true,"usePostTransitionNames":true}}} )
85//# sourceURL=plvt-view-transitions-js-after
86</script>
86
87<link rel="https://api.w.org/" href="https://www.ville-aniane.com/wp-json/" />
88			<style>
89				:root {
90					--primary-color-actes-plugin: #43677D;
91					--secondary-color-actes-plugin: #132135;
92				}
93			</style>
94    	<meta name="generator" content="view-transitions 1.2.1">
95		
95<script>
96			document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
97		</script>
97
98				<style>
99			.no-js img.lazyload {
100				display: none;
101			}
102
103			figure.wp-block-image img.lazyloading {
104				min-width: 150px;
105			}
106
107			.lazyload,
108			.lazyloading {
109				--smush-placeholder-width: 100px;
110				--smush-placeholder-bg-max-width: 120px;
111				--smush-placeholder-aspect-ratio: 1/1;
112				width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
113				aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
114			}
115
116						.lazyload, .lazyloading {
117				opacity: 0;
118			}
119
120			.lazyloaded {
121				opacity: 1;
122				transition: opacity 400ms;
123				transition-delay: 0ms;
124			}
125
126					</style>
127		
128
129<!-- WPMobile.App -->
130<meta name="theme-color" content="#1e73be" />
131<meta name="msapplication-navbutton-color" content="#1e73be" />
132<meta name="apple-mobile-web-app-status-bar-style" content="#1e73be" />
133<!-- / WPMobile.App -->
134
135    <style>
136        @font-face {
137		  font-family: 'Framework7 Icons';
138		  font-style: normal;
139		  font-weight: 400;
140		  src: url("https://www.ville-aniane.com/app/plugins/wpappninja/themes/wpmobileapp/includes/fonts/Framework7Icons-Regular.eot?2019");
141		  src: local('Framework7 Icons'),
142    		 local('Framework7Icons-Regular'),
143    		 url("https://www.ville-aniane.com/app/plugins/wpappninja/themes/wpmobileapp/includes/fonts/Framework7Icons-Regular.woff2?2019") format("woff2"),
144    		 url("https://www.ville-aniane.com/app/plugins/wpappninja/themes/wpmobileapp/includes/fonts/Framework7Icons-Regular.woff?2019") format("woff"),
145    		 url("https://www.ville-aniane.com/app/plugins/wpappninja/themes/wpmobileapp/includes/fonts/Framework7Icons-Regular.ttf?2019") format("truetype");
146		}
147
148		.f7-icons, .framework7-icons {
149		  font-family: 'Framework7 Icons';
150		  font-weight: normal;
151		  font-style: normal;
152		  font-size: 25px;
153		  line-height: 1;
154		  letter-spacing: normal;
155		  text-transform: none;
156		  display: inline-block;
157		  white-space: nowrap;
158		  word-wrap: normal;
159		  direction: ltr;
160		  -webkit-font-smoothing: antialiased;
161		  text-rendering: optimizeLegibility;
162		  -moz-osx-font-smoothing: grayscale;
163		  -webkit-font-feature-settings: "liga";
164		  -moz-font-feature-settings: "liga=1";
165		  -moz-font-feature-settings: "liga";
166		  font-feature-settings: "liga";
167		}
168    </style>
169<link rel="icon" href="https://www.ville-aniane.com/app/uploads/2025/03/cropped-logo-footer-1-32x32.png" sizes="32x32" />
170<link rel="icon" href="https://www.ville-aniane.com/app/uploads/2025/03/cropped-logo-footer-1-192x192.png" sizes="192x192" />
171<link rel="apple-touch-icon" href="https://www.ville-aniane.com/app/uploads/2025/03/cropped-logo-footer-1-180x180.png" />
172<meta name="msapplication-TileImage" content="https://www.ville-aniane.com/app/uploads/2025/03/cropped-logo-footer-1-270x270.png" />
173		<style type="text/css"></style>
174		
174<script type="text/javascript"></script>
174
175	
176    
176<script>
177      accessibilitytoolbar_custom = {
178        idLinkModeContainer: 'access-link'
179      }
180    </script>
180
181  </head>
182  <body class="home wp-custom-logo wp-embed-responsive wp-theme-vernalis-theme font-body  max-w-screen-lg-desktop mx-auto relative" data-template="base.twig">
183    <div class="hidden laptop:flex gap-4 text-xs py-1 justify-end px-5 laptop:px-10 text-[#757575]">
184  <a href="#search-input" id="js-acces-rapide-search" class="hover:underline">Aller à la recherche</a>
185  <a href="#main-menu" id="js-acces-rapide-menu" class="hover:underline">Aller au menu de navigation</a>
186  <a href="#main" id="js-acces-rapide-content" class="hover:underline">Aller au contenu</a>
187</div>
188    <div id="js-menu-overlay" class="overflow-hidden z-[9999999999] fixed top-0 left-0 invisible w-full h-screen bg-blue-aniane opacity-0 transition-all"></div>
189<div id="js-menu" class="fixed overflow-y-auto top-0 z-[99999999999] w-[350px] h-full pt-8 transition-all bg-white -left-full">
190    <nav>
191    <ul class="overflow-y-auto">
192              <li class="flex relative flex-wrap justify-between items-center px-5 border-b border-purple-100 cursor-pointer group menu-item" data-menu="49">
193          <span href="https://www.ville-aniane.com/vie-municipale/" class="flex relative flex-wrap justify-between items-center py-6 w-full text-lg font-bold group-hover:opacity-80 hover:underline">
194            <a href="https://www.ville-aniane.com/vie-municipale/">Vie municipale</a>
195                          <span data-menu="49" class="flex absolute right-0 top-1/2 justify-center items-center w-8 h-8 transition-all -translate-y-1/2 menu-toggle text-orange-aniane js-submenu childrens group hover:opacity-70"><i class="fa-solid fa-chevron-right"></i></span>
196                      </span>
197                      <ul class="hidden mb-3 w-full">
198                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
199                  <a href="https://www.ville-aniane.com/vie-municipale/vos-elus/" class="block py-2 group-hover:opacity-80 hover:underline">Vos élus</a>
200                </li>
201                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
202                  <a href="https://www.ville-aniane.com/vie-municipale/annuaire-des-services/" class="block py-2 group-hover:opacity-80 hover:underline">Annuaire des services</a>
203                </li>
204                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
205                  <a href="https://www.ville-aniane.com/vie-municipale/conseils-municipaux/" class="block py-2 group-hover:opacity-80 hover:underline">Conseils municipaux</a>
206                </li>
207                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
208                  <a href="https://www.ville-aniane.com/vie-municipale/budget-et-marches-publics/" class="block py-2 group-hover:opacity-80 hover:underline">Marchés publics et enchères</a>
209                </li>
210                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
211                  <a href="https://www.ville-aniane.com/vie-municipale/demarches-administratives/" class="block py-2 group-hover:opacity-80 hover:underline">Démarches administratives</a>
212                </li>
213                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
214                  <a href="https://www.ville-aniane.com/vie-municipale/actes-administratifs/" class="block py-2 group-hover:opacity-80 hover:underline">Actes Administratifs</a>
215                </li>
216                          </ul>
217                  </li>
218              <li class="flex relative flex-wrap justify-between items-center px-5 border-b border-purple-100 cursor-pointer group menu-item" data-menu="48">
219          <span href="https://www.ville-aniane.com/vie-pratique/" class="flex relative flex-wrap justify-between items-center py-6 w-full text-lg font-bold group-hover:opacity-80 hover:underline">
220            <a href="https://www.ville-aniane.com/vie-pratique/">Vie pratique</a>
221                          <span data-menu="48" class="flex absolute right-0 top-1/2 justify-center items-center w-8 h-8 transition-all -translate-y-1/2 menu-toggle text-orange-aniane js-submenu childrens group hover:opacity-70"><i class="fa-solid fa-chevron-right"></i></span>
222                      </span>
223                      <ul class="hidden mb-3 w-full">
224                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
225                  <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/" class="block py-2 group-hover:opacity-80 hover:underline">Aménagements du territoire</a>
226                </li>
227                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
228                  <a href="https://www.ville-aniane.com/vie-pratique/prevention-et-securite/" class="block py-2 group-hover:opacity-80 hover:underline">Prévention et sécurité</a>
229                </li>
230                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
231                  <a href="https://www.ville-aniane.com/vie-pratique/environnement/" class="block py-2 group-hover:opacity-80 hover:underline">Environnement</a>
232                </li>
233                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
234                  <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/" class="block py-2 group-hover:opacity-80 hover:underline">Gestion des déchets</a>
235                </li>
236                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
237                  <a href="https://www.ville-aniane.com/vie-pratique/mobilite/" class="block py-2 group-hover:opacity-80 hover:underline">Mobilité</a>
238                </li>
239                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
240                  <a href="https://www.ville-aniane.com/vie-pratique/economie/" class="block py-2 group-hover:opacity-80 hover:underline">Économie et marché</a>
241                </li>
242                          </ul>
243                  </li>
244              <li class="flex relative flex-wrap justify-between items-center px-5 border-b border-purple-100 cursor-pointer group menu-item" data-menu="47">
245          <span href="https://www.ville-aniane.com/vivre-ensemble/" class="flex relative flex-wrap justify-between items-center py-6 w-full text-lg font-bold group-hover:opacity-80 hover:underline">
246            <a href="https://www.ville-aniane.com/vivre-ensemble/">Vivre ensemble</a>
247                          <span data-menu="47" class="flex absolute right-0 top-1/2 justify-center items-center w-8 h-8 transition-all -translate-y-1/2 menu-toggle text-orange-aniane js-submenu childrens group hover:opacity-70"><i class="fa-solid fa-chevron-right"></i></span>
248                      </span>
249                      <ul class="hidden mb-3 w-full">
250                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
251                  <a href="https://www.ville-aniane.com/vivre-ensemble/enfance-jeunesse/" class="block py-2 group-hover:opacity-80 hover:underline">Enfance et Jeunesse</a>
252                </li>
253                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
254                  <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/" class="block py-2 group-hover:opacity-80 hover:underline">Action sociale &amp; santé</a>
255                </li>
256                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
257                  <a href="https://www.ville-aniane.com/vivre-ensemble/culture/" class="block py-2 group-hover:opacity-80 hover:underline">Culture</a>
258                </li>
259                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
260                  <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/" class="block py-2 group-hover:opacity-80 hover:underline">Vie associative &amp; sport</a>
261                </li>
262                          </ul>
263                  </li>
264              <li class="flex relative flex-wrap justify-between items-center px-5 border-b border-purple-100 cursor-pointer group menu-item" data-menu="46">
265          <span href="https://www.ville-aniane.com/visiter-aniane-et-alentours/" class="flex relative flex-wrap justify-between items-center py-6 w-full text-lg font-bold group-hover:opacity-80 hover:underline">
266            <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/">Visiter aniane et Alentours</a>
267                          <span data-menu="46" class="flex absolute right-0 top-1/2 justify-center items-center w-8 h-8 transition-all -translate-y-1/2 menu-toggle text-orange-aniane js-submenu childrens group hover:opacity-70"><i class="fa-solid fa-chevron-right"></i></span>
268                      </span>
269                      <ul class="hidden mb-3 w-full">
270                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
271                  <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/aniane-fiche-identite/" class="block py-2 group-hover:opacity-80 hover:underline">Aniane, fiche d’identité</a>
272                </li>
273                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
274                  <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/patrimoine/" class="block py-2 group-hover:opacity-80 hover:underline">Patrimoine</a>
275                </li>
276                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
277                  <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/plan-interactif/" class="block py-2 group-hover:opacity-80 hover:underline">Plan Interactif</a>
278                </li>
279                              <li class="items-center justify-between cursor-pointer text-[#AAB0BD] group menu-item flex">
280                  <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/visiter-aniane/" class="block py-2 group-hover:opacity-80 hover:underline">Visiter Aniane</a>
281                </li>
282                          </ul>
283                  </li>
284          </ul>
285  </nav>
286  <span id="js-menu-close" class="absolute top-5 right-5 text-4xl text-orange-aniane"><i class="fa-solid fa-circle-xmark"></i></span>
287</div>
288    <div id="demarches" class="flex absolute left-0 -top-[110%] z-[9999999] flex-col w-full shadow-lg transition-all duration-500">
289  <div class="bg-gradient-to-r py-10 relative overflow-hidden from-[#1E2856] to-[#354798]">
290    <!-- Return button -->
291    <div class="max-w-[90%] w-full mx-auto">
292      <div class="p-4">
293        <button id="js-demarches-return" class="flex items-center px-4 py-2 space-x-2 bg-white rounded-md transition-all duration-300 group hover:bg-orange-aniane">
294          <i class="fa-solid fa-arrow-left-long text-orange-aniane group-hover:text-white"></i>
295          <span class="block pt-1 text-gray-900 group-hover:text-white">Retour</span>
296        </button>
297      </div>
298      <!-- Main content -->
299      <div class="py-12">
300        <h2 class="mb-12 text-4xl font-bold text-white font-titles">MES DÉMARCHES</h2>
301        <!-- Navigation links -->
302        <div class="flex flex-col gap-5 laptop:gap-10 lg:flex-row">
303                      <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/urbanisme/demande-durbanisme/" class="flex gap-3 uppercase justify-between items-center font-bold text-white transition-colors hover:underline hover:text-gray-200">
304              <span class="text-xl">Urbanisme</span>
305              <i class="fa-solid fa-arrow-right-long"></i>
306            </a>
307                      <a href="https://www.ville-aniane.com/vie-municipale/demarches-administratives/recensement-citoyen/" class="flex gap-3 uppercase justify-between items-center font-bold text-white transition-colors hover:underline hover:text-gray-200">
308              <span class="text-xl">Recensement citoyen</span>
309              <i class="fa-solid fa-arrow-right-long"></i>
310            </a>
311                      <a href="https://www.ville-aniane.com/demarches-en-ligne/etat-civil/" class="flex gap-3 uppercase justify-between items-center font-bold text-white transition-colors hover:underline hover:text-gray-200">
312              <span class="text-xl">Etat-civil</span>
313              <i class="fa-solid fa-arrow-right-long"></i>
314            </a>
315                      <a href="https://www.ville-aniane.com/vie-municipale/demarches-administratives/declaration-de-deces/" class="flex gap-3 uppercase justify-between items-center font-bold text-white transition-colors hover:underline hover:text-gray-200">
316              <span class="text-xl">Décès</span>
317              <i class="fa-solid fa-arrow-right-long"></i>
318            </a>
319                      <a href="https://www.espace-citoyens.net/ville-aniane/espace-citoyens/" class="flex gap-3 uppercase justify-between items-center font-bold text-white transition-colors hover:underline hover:text-gray-200">
320              <span class="text-xl">Portail Famille</span>
321              <i class="fa-solid fa-arrow-right-long"></i>
322            </a>
323                  </div>
324      </div>
325    </div>
326    <img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images//pattern.svg" alt="" class="absolute right-0 -bottom-3/4 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
327  </div>
328  <div class="py-14 bg-white">
329    <div class="flex items-center gap-x-20 max-w-[90%] mx-auto">
330      <div class="flex flex-shrink-0 justify-center items-center">
331        <h2 class="text-4xl font-bold uppercase text-blue-aniane font-titles">En 1 clic</h2>
332      </div>
333      <div class="grid grid-cols-2 gap-10 w-full lg:grid-cols-3 desktop:grid-cols-6">
334                  <a href="https://www.espace-citoyens.net/ville-aniane/espace-citoyens/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
335            <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/services-sociaux-1.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
336            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Espace citoyens</span>
337          </a>
338                  <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/calendrier-de-collecte/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
339            <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/date-limite-1.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
340            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Calendrier de collecte</span>
341          </a>
342                  <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
343            <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/associations.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
344            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Vie associative</span>
345          </a>
346                  <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/plan-interactif/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
347            <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/localisation-sur-la-carte-1.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
348            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Plan interactif</span>
349          </a>
350                  <a href="https://www.ville-aniane.com/signaler-un-dysfonctionnement-dans-la-commune/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
351            <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/point-dexclamation-1.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
352            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Signalement</span>
353          </a>
354                  <a href="https://www.ville-aniane.com/sinscrire-a-la-newsletter/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
355            <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/navigateur-1-1.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
356            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Newsletter</span>
357          </a>
358                  <a href="https://www.ville-aniane.com/offres-demploi/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
359            <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/offre-emploi.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
360            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Offres d’emploi</span>
361          </a>
362                  <a href="https://www.ville-aniane.com/vie-municipale/budget-et-marches-publics/" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
363            <img data-src="https://www.ville-aniane.com/app/uploads/2025/06/Vector.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
364            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Marchés Publics</span>
365          </a>
366                  <a href="https://www.calameo.com/read/005830179db49f32728a2?utm_id=97757_v0_s00_e0_tv2_a1demo0dzk2ekq&fbclid=IwY2xjawSxz9tleHRuA2FlbQIxMQBzcnRjBmFwcF9pZBAyMjIwMzkxNzg4MjAwODkyAAEeof7QeaePAG6reXe39kGfyC6A-2Q0jAkiQhsV9CJmf3LnQCvBZB0GaIe74Pg_aem_9SgtzOWbnSHCU8ayvn4d9A" class="flex flex-col gap-y-2 justify-center items-center py-4 group">
367            <img data-src="https://www.ville-aniane.com/app/uploads/2026/07/bulletin.svg" alt="" class="h-12 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
368            <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Bulletin municipal</span>
369          </a>
370        `
371      </div>
372    </div>
373  </div>
374</div>
375    <nav class="flex relative z-50 lg:justify-center items-center bg-white laptop:pt-16  sticky top-0 z-50 shadow-lg">
376  <div class="laptop:absolute laptop:top-3 laptop:left-4">
377    <h1 class="hidden">Ville Aniane</h1>
378    <a href="https://www.ville-aniane.com" aria-label="Lien page d'accueil" class="flex flex-col lg:justify-center items-center"><img class="w-[180px] laptop:w-[255px] lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/02/logo.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560/235;" /></a>
379  </div>
380  <ul class="hidden absolute top-4 right-5 gap-x-10 text-dark-blue-aniane font-titles laptop:flex">
381    <li>
382      <button id="search-button" class="flex gap-x-2 items-center hover:underline text-orange-aniane">
383        <i class="fa-regular fa-magnifying-glass"></i>
384        Recherche
385      </button>
386    </li>
387    <li>
388      <button id="access-link" class="hover:text-gray-500">Accessibilité</button>
389    </li>
390      </ul>
391  <ul class="hidden relative items-center ml-auto laptop:flex pr-3" id="main-menu">
392          <li class="py-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-49 text-lg font-semibold focus:outline laptop:px-3 group mid-desktop:text-xl font-titles text-blue-aniane menu-item">
393        <a href="https://www.ville-aniane.com/vie-municipale/" class="relative uppercase">
394          Vie municipale
395
396          <span class="absolute -bottom-2 left-1/2 invisible w-full h-1 rounded-full opacity-0 transition-all duration-300 -translate-x-1/2 group-hover:opacity-100 group-hover:visible bg-orange-aniane"></span>
397        </a>
398
399                  <ul class="flex absolute left-0 min-h-[350px] top-full items-center invisible z-10 gap-y-6 w-full bg-white shadow-lg opacity-0 transition-all duration-300 group-hover:opacity-100 group-hover:visible">
400            <div class="flex flex-shrink-0 justify-center items-center w-[100px] left bg-red">
401              <span class="text-3xl font-normal tracking-wide uppercase whitespace-nowrap -rotate-90 font-body text-orange-aniane text-rotate">Vie municipale</span>
402            </div>
403            <div class="flex flex-wrap gap-y-14 items-start p-5 w-full right">
404                              <li class="px-4 py-2 w-1/2">
405                  <span class="flex gap-x-5 items-center">
406                    <a href="https://www.ville-aniane.com/vie-municipale/vos-elus/" class="hover:underline">Vos élus</a>
407                                      </span>
408                                  </li>
409                              <li class="px-4 py-2 w-1/2">
410                  <span class="flex gap-x-5 items-center">
411                    <a href="https://www.ville-aniane.com/vie-municipale/annuaire-des-services/" class="hover:underline">Annuaire des services</a>
412                                      </span>
413                                  </li>
414                              <li class="px-4 py-2 w-1/2">
415                  <span class="flex gap-x-5 items-center">
416                    <a href="https://www.ville-aniane.com/vie-municipale/conseils-municipaux/" class="hover:underline">Conseils municipaux</a>
417                                      </span>
418                                  </li>
419                              <li class="px-4 py-2 w-1/2">
420                  <span class="flex gap-x-5 items-center">
421                    <a href="https://www.ville-aniane.com/vie-municipale/budget-et-marches-publics/" class="hover:underline">Marchés publics et enchères</a>
422                                      </span>
423                                  </li>
424                              <li class="px-4 py-2 w-1/2">
425                  <span class="flex gap-x-5 items-center">
426                    <a href="https://www.ville-aniane.com/vie-municipale/demarches-administratives/" class="hover:underline">Démarches administratives</a>
427                                      </span>
428                                  </li>
429                              <li class="px-4 py-2 w-1/2">
430                  <span class="flex gap-x-5 items-center">
431                    <a href="https://www.ville-aniane.com/vie-municipale/actes-administratifs/" class="hover:underline">Actes Administratifs</a>
432                                      </span>
433                                  </li>
434                          </div>
435          </ul>
436              </li>
437          <li class="py-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-48 text-lg font-semibold focus:outline laptop:px-3 group mid-desktop:text-xl font-titles text-blue-aniane menu-item">
438        <a href="https://www.ville-aniane.com/vie-pratique/" class="relative uppercase">
439          Vie pratique
440
441          <span class="absolute -bottom-2 left-1/2 invisible w-full h-1 rounded-full opacity-0 transition-all duration-300 -translate-x-1/2 group-hover:opacity-100 group-hover:visible bg-orange-aniane"></span>
442        </a>
443
444                  <ul class="flex absolute left-0 min-h-[350px] top-full items-center invisible z-10 gap-y-6 w-full bg-white shadow-lg opacity-0 transition-all duration-300 group-hover:opacity-100 group-hover:visible">
445            <div class="flex flex-shrink-0 justify-center items-center w-[100px] left bg-red">
446              <span class="text-3xl font-normal tracking-wide uppercase whitespace-nowrap -rotate-90 font-body text-orange-aniane text-rotate">Vie pratique</span>
447            </div>
448            <div class="flex flex-wrap gap-y-14 items-start p-5 w-full right">
449                              <li class="px-4 py-2 w-1/2">
450                  <span class="flex gap-x-5 items-center">
451                    <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/" class="hover:underline">Aménagements du territoire</a>
452                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
453                                      </span>
454                                      <ul class="" style="display: none;">
455                                              <li class="px-4 py-2 text-base text-black">
456                          <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/urbanisme/" class="hover:underline">Urbanisme territoire</a>
457                        </li>
458                                              <li class="px-4 py-2 text-base text-black">
459                          <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/grand-travaux/" class="hover:underline">Grand travaux</a>
460                        </li>
461                                              <li class="px-4 py-2 text-base text-black">
462                          <a href="https://www.ville-aniane.com/vie-pratique/amenagements-du-territoire/travaux-et-entretien/" class="hover:underline">Travaux et entretien</a>
463                        </li>
464                                          </ul>
465                                  </li>
466                              <li class="px-4 py-2 w-1/2">
467                  <span class="flex gap-x-5 items-center">
468                    <a href="https://www.ville-aniane.com/vie-pratique/prevention-et-securite/" class="hover:underline">Prévention et sécurité</a>
469                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
470                                      </span>
471                                      <ul class="" style="display: none;">
472                                              <li class="px-4 py-2 text-base text-black">
473                          <a href="https://www.ville-aniane.com/vie-pratique/prevention-et-securite/cispd/" class="hover:underline">CISPD</a>
474                        </li>
475                                              <li class="px-4 py-2 text-base text-black">
476                          <a href="https://www.ville-aniane.com/vie-pratique/prevention-et-securite/prevention-des-risques/" class="hover:underline">Prévention des risques</a>
477                        </li>
478                                              <li class="px-4 py-2 text-base text-black">
479                          <a href="https://www.ville-aniane.com/vie-pratique/prevention-et-securite/tranquillite-urbaine/" class="hover:underline">Tranquillité urbaine</a>
480                        </li>
481                                          </ul>
482                                  </li>
483                              <li class="px-4 py-2 w-1/2">
484                  <span class="flex gap-x-5 items-center">
485                    <a href="https://www.ville-aniane.com/vie-pratique/environnement/" class="hover:underline">Environnement</a>
486                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
487                                      </span>
488                                      <ul class="" style="display: none;">
489                                              <li class="px-4 py-2 text-base text-black">
490                          <a href="https://www.ville-aniane.com/vie-pratique/environnement/biodiversite-et-paysages/" class="hover:underline">Biodiversité et Paysages</a>
491                        </li>
492                                              <li class="px-4 py-2 text-base text-black">
493                          <a href="https://www.ville-aniane.com/vie-pratique/environnement/transition-energetique/" class="hover:underline">Transition énergétique</a>
494                        </li>
495                                              <li class="px-4 py-2 text-base text-black">
496                          <a href="https://www.ville-aniane.com/vie-pratique/environnement/eau/" class="hover:underline">Eau</a>
497                        </li>
498                                              <li class="px-4 py-2 text-base text-black">
499                          <a href="https://www.ville-aniane.com/vie-pratique/environnement/transition-agricole-et-alimentaire/" class="hover:underline">Transition agricole et alimentaire</a>
500                        </li>
501                                          </ul>
502                                  </li>
503                              <li class="px-4 py-2 w-1/2">
504                  <span class="flex gap-x-5 items-center">
505                    <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/" class="hover:underline">Gestion des déchets</a>
506                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
507                                      </span>
508                                      <ul class="" style="display: none;">
509                                              <li class="px-4 py-2 text-base text-black">
510                          <a href="https://www.ville-aniane.com/application-mobile/infos-utiles/calendrier-de-collecte/" class="hover:underline">Collecte et tri des déchets</a>
511                        </li>
512                                              <li class="px-4 py-2 text-base text-black">
513                          <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/decheteries/" class="hover:underline">Dechèteries</a>
514                        </li>
515                                              <li class="px-4 py-2 text-base text-black">
516                          <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/le-service-municipal-de-la-proprete-urbaine/" class="hover:underline">Le service municipal de la propreté urbaine</a>
517                        </li>
518                                          </ul>
519                                  </li>
520                              <li class="px-4 py-2 w-1/2">
521                  <span class="flex gap-x-5 items-center">
522                    <a href="https://www.ville-aniane.com/vie-pratique/mobilite/" class="hover:underline">Mobilité</a>
523                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
524                                      </span>
525                                      <ul class="" style="display: none;">
526                                              <li class="px-4 py-2 text-base text-black">
527                          <a href="https://www.ville-aniane.com/vie-pratique/mobilite/mobilite-douce-pistes-cyclable/" class="hover:underline">Mobilité douce et borne de recharge électrique</a>
528                        </li>
529                                              <li class="px-4 py-2 text-base text-black">
530                          <a href="https://www.ville-aniane.com/vie-pratique/mobilite/transport-scolaire/" class="hover:underline">Transport scolaire</a>
531                        </li>
532                                              <li class="px-4 py-2 text-base text-black">
533                          <a href="https://www.ville-aniane.com/application-mobile/infos-utiles/transport-en-commun/" class="hover:underline">Transports et covoiturage</a>
534                        </li>
535                                          </ul>
536                                  </li>
537                              <li class="px-4 py-2 w-1/2">
538                  <span class="flex gap-x-5 items-center">
539                    <a href="https://www.ville-aniane.com/vie-pratique/economie/" class="hover:underline">Économie et marché</a>
540                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
541                                      </span>
542                                      <ul class="" style="display: none;">
543                                              <li class="px-4 py-2 text-base text-black">
544                          <a href="https://www.ville-aniane.com/vie-pratique/economie/marches/" class="hover:underline">Marchés</a>
545                        </li>
546                                              <li class="px-4 py-2 text-base text-black">
547                          <a href="https://www.ville-aniane.com/vie-pratique/economie/agriculture-viticulture/" class="hover:underline">Agriculture et Viticulture</a>
548                        </li>
549                                              <li class="px-4 py-2 text-base text-black">
550                          <a href="https://www.ville-aniane.com/vie-pratique/economie/annuaire-des-professionnels/" class="hover:underline">Annuaire des professionnels</a>
551                        </li>
552                                          </ul>
553                                  </li>
554                          </div>
555          </ul>
556              </li>
557          <li class="py-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-47 text-lg font-semibold focus:outline laptop:px-3 group mid-desktop:text-xl font-titles text-blue-aniane menu-item">
558        <a href="https://www.ville-aniane.com/vivre-ensemble/" class="relative uppercase">
559          Vivre ensemble
560
561          <span class="absolute -bottom-2 left-1/2 invisible w-full h-1 rounded-full opacity-0 transition-all duration-300 -translate-x-1/2 group-hover:opacity-100 group-hover:visible bg-orange-aniane"></span>
562        </a>
563
564                  <ul class="flex absolute left-0 min-h-[350px] top-full items-center invisible z-10 gap-y-6 w-full bg-white shadow-lg opacity-0 transition-all duration-300 group-hover:opacity-100 group-hover:visible">
565            <div class="flex flex-shrink-0 justify-center items-center w-[100px] left bg-red">
566              <span class="text-3xl font-normal tracking-wide uppercase whitespace-nowrap -rotate-90 font-body text-orange-aniane text-rotate">Vivre ensemble</span>
567            </div>
568            <div class="flex flex-wrap gap-y-14 items-start p-5 w-full right">
569                              <li class="px-4 py-2 w-1/2">
570                  <span class="flex gap-x-5 items-center">
571                    <a href="https://www.ville-aniane.com/vivre-ensemble/enfance-jeunesse/" class="hover:underline">Enfance et Jeunesse</a>
572                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
573                                      </span>
574                                      <ul class="" style="display: none;">
575                                              <li class="px-4 py-2 text-base text-black">
576                          <a href="https://www.ville-aniane.com/vivre-ensemble/enfance-jeunesse/petite-enfance/" class="hover:underline">Petite enfance 0-3 ans</a>
577                        </li>
578                                              <li class="px-4 py-2 text-base text-black">
579                          <a href="https://www.ville-aniane.com/vivre-ensemble/enfance-jeunesse/accueil-de-loisir/" class="hover:underline">Enfance 3-11 ans</a>
580                        </li>
581                                              <li class="px-4 py-2 text-base text-black">
582                          <a href="https://www.ville-aniane.com/vivre-ensemble/enfance-jeunesse/scolarite-et-periscolaire/" class="hover:underline">Jeunesse 11-25 ans</a>
583                        </li>
584                                          </ul>
585                                  </li>
586                              <li class="px-4 py-2 w-1/2">
587                  <span class="flex gap-x-5 items-center">
588                    <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/" class="hover:underline">Action sociale &amp; santé</a>
589                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
590                                      </span>
591                                      <ul class="" style="display: none;">
592                                              <li class="px-4 py-2 text-base text-black">
593                          <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/ccas/" class="hover:underline">CCAS</a>
594                        </li>
595                                              <li class="px-4 py-2 text-base text-black">
596                          <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/ehpad-les-jardins-daniane/" class="hover:underline">EHPAD - Les jardins d'Aniane</a>
597                        </li>
598                                              <li class="px-4 py-2 text-base text-black">
599                          <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/maison-des-solidarites/" class="hover:underline">Maison des solidarités</a>
600                        </li>
601                                              <li class="px-4 py-2 text-base text-black">
602                          <a href="https://www.ville-aniane.com/vivre-ensemble/action-sociale-sante/professionnels-de-sante/" class="hover:underline">Professionnels de santé</a>
603                        </li>
604                                          </ul>
605                                  </li>
606                              <li class="px-4 py-2 w-1/2">
607                  <span class="flex gap-x-5 items-center">
608                    <a href="https://www.ville-aniane.com/vivre-ensemble/culture/" class="hover:underline">Culture</a>
609                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
610                                      </span>
611                                      <ul class="" style="display: none;">
612                                              <li class="px-4 py-2 text-base text-black">
613                          <a href="https://www.ville-aniane.com/vivre-ensemble/culture/festival-aniane-en-scene/" class="hover:underline">Arts vivants et Festival Aniane en Scènes</a>
614                        </li>
615                                              <li class="px-4 py-2 text-base text-black">
616                          <a href="https://www.ville-aniane.com/vivre-ensemble/culture/bibliotheque/" class="hover:underline">Bibliothèque</a>
617                        </li>
618                                              <li class="px-4 py-2 text-base text-black">
619                          <a href="https://www.ville-aniane.com/?page_id=189" class="hover:underline">Expositions</a>
620                        </li>
621                                          </ul>
622                                  </li>
623                              <li class="px-4 py-2 w-1/2">
624                  <span class="flex gap-x-5 items-center">
625                    <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/" class="hover:underline">Vie associative &amp; sport</a>
626                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
627                                      </span>
628                                      <ul class="" style="display: none;">
629                                              <li class="px-4 py-2 text-base text-black">
630                          <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/annuaire-des-associations/" class="hover:underline">Annuaire des associations</a>
631                        </li>
632                                              <li class="px-4 py-2 text-base text-black">
633                          <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/demarches-associatives/" class="hover:underline">Démarches associatives</a>
634                        </li>
635                                          </ul>
636                                  </li>
637                          </div>
638          </ul>
639              </li>
640          <li class="py-4 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-46 text-lg font-semibold focus:outline laptop:px-3 group mid-desktop:text-xl font-titles text-blue-aniane menu-item">
641        <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/" class="relative uppercase">
642          Visiter aniane et Alentours
643
644          <span class="absolute -bottom-2 left-1/2 invisible w-full h-1 rounded-full opacity-0 transition-all duration-300 -translate-x-1/2 group-hover:opacity-100 group-hover:visible bg-orange-aniane"></span>
645        </a>
646
647                  <ul class="flex absolute left-0 min-h-[350px] top-full items-center invisible z-10 gap-y-6 w-full bg-white shadow-lg opacity-0 transition-all duration-300 group-hover:opacity-100 group-hover:visible">
648            <div class="flex flex-shrink-0 justify-center items-center w-[100px] left bg-red">
649              <span class="text-3xl font-normal tracking-wide uppercase whitespace-nowrap -rotate-90 font-body text-orange-aniane text-rotate">Visiter aniane et Alentours</span>
650            </div>
651            <div class="flex flex-wrap gap-y-14 items-start p-5 w-full right">
652                              <li class="px-4 py-2 w-1/2">
653                  <span class="flex gap-x-5 items-center">
654                    <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/aniane-fiche-identite/" class="hover:underline">Aniane, fiche d’identité</a>
655                                      </span>
656                                  </li>
657                              <li class="px-4 py-2 w-1/2">
658                  <span class="flex gap-x-5 items-center">
659                    <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/patrimoine/" class="hover:underline">Patrimoine</a>
660                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
661                                      </span>
662                                      <ul class="" style="display: none;">
663                                              <li class="px-4 py-2 text-base text-black">
664                          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/patrimoine/decouvrir-les-monuments-daniane/" class="hover:underline">Monuments</a>
665                        </li>
666                                              <li class="px-4 py-2 text-base text-black">
667                          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/patrimoine/parcs-jardins-et-arbres-remarquables/" class="hover:underline">Parcs, jardins et arbres remarquables</a>
668                        </li>
669                                          </ul>
670                                  </li>
671                              <li class="px-4 py-2 w-1/2">
672                  <span class="flex gap-x-5 items-center">
673                    <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/plan-interactif/" class="hover:underline">Plan Interactif</a>
674                                      </span>
675                                  </li>
676                              <li class="px-4 py-2 w-1/2">
677                  <span class="flex gap-x-5 items-center">
678                    <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/visiter-aniane/" class="hover:underline">Visiter Aniane</a>
679                                          <button class="flex justify-center items-center bg-white rounded-full shadow-lg child-menu size-6 text-orange-aniane"><i class="fa-regular text-base fa-chevron-down"></i></button>
680                                      </span>
681                                      <ul class="" style="display: none;">
682                                              <li class="px-4 py-2 text-base text-black">
683                          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/visiter-aniane/visites-audioguidees/" class="hover:underline">Visites audioguidées</a>
684                        </li>
685                                              <li class="px-4 py-2 text-base text-black">
686                          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/visiter-aniane/office-de-tourisme/" class="hover:underline">Office de tourisme</a>
687                        </li>
688                                              <li class="px-4 py-2 text-base text-black">
689                          <a href="https://www.ville-aniane.com/application-mobile/infos-locales-et-tourisme/visiter-aniane-et-ses-alentours/decouvrir-les-vins-daniane/" class="hover:underline">Découvrir les vins d'Aniane</a>
690                        </li>
691                                              <li class="px-4 py-2 text-base text-black">
692                          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/visiter-aniane/alentours-daniane/" class="hover:underline">Alentours d'Aniane</a>
693                        </li>
694                                              <li class="px-4 py-2 text-base text-black">
695                          <a href="https://www.ville-aniane.com/application-mobile/infos-locales-et-tourisme/visiter-aniane-et-ses-alentours/se-loger-se-restaurer/" class="hover:underline">Se loger, se restaurer</a>
696                        </li>
697                                          </ul>
698                                  </li>
699                          </div>
700          </ul>
701              </li>
702      </ul>
703  <button id="js-demarches" class="hidden laptop:flex items-center gap-x-4 rounded-l-md px-8 py-4 text-lg font-semibold text-white bg-gradient-to-r from-[#1E2856] to-[#354798] font-titles hover:bg-gradient-to-r hover:from-white hover:to-white hover:text-blue-aniane shadow-lg transition-all duration-300">
704    Démarches en ligne
705    <i class="fa-regular fa-arrow-right-long"></i>
706  </button>
707  <button id="js-menu-open" class=" hidden py-5 laptop:hidden absolute top-0 right-0 gap-y-2 flex flex-col items-center rounded-bl-md px-8  text-lg font-semibold text-white bg-gradient-to-r from-[#1E2856] to-[#354798] mid-desktop:text-xl font-titles hover:bg-gradient-to-r hover:from-white hover:to-white hover:text-blue-aniane shadow-lg transition-all duration-300"><i class="fa-regular fa-bars-filter"></i> Menu</button>
708</nav>
709<div class="absolute inset-0 invisible z-40 w-full h-full opacity-0 transition-all duration-300 overlay-menu bg-blue-aniane/80"></div>
710<header class="relative laptop:pb-32 tablet:pb-20 pb-12 ">
711      <div id="bandeau" data-bg="https://www.ville-aniane.com/app/uploads/2026/06/Firefly_Gemini-Flash_Mettre-un-ciel-bleu-en-fond-et-donner-de-la-lumiere-et-de-la-clarte-a-cette-photo-et-813539-1-scaled-1920x0-c-default.jpg" class="lazy relative laptop:max-w-[95%] mx-auto bg-cover bg-center bg-no-repeat h-[570px]">
712      <button id="js-menu-open" class="laptop:hidden absolute top-0 right-0 gap-y-2 flex flex-col items-center rounded-bl-md px-8 py-5 text-lg font-semibold text-white bg-gradient-to-r from-[#1E2856] to-[#354798] mid-desktop:text-xl font-titles hover:bg-gradient-to-r hover:from-white hover:to-white hover:text-blue-aniane shadow-lg transition-all duration-300"><i class="fa-regular fa-bars-filter"></i> Menu</button>
713      <button id="search-button" class="flex absolute right-0 bottom-0 flex-col gap-y-2 items-center px-8 py-5 text-lg font-semibold text-white rounded-tl-md shadow-lg transition-all duration-300 laptop:hidden bg-orange-aniane mid-desktop:text-xl font-titles hover:bg-gradient-to-r hover:from-white hover:to-white hover:text-blue-aniane"><i class="fa-regular fa-magnifying-glass"></i> Recherche</button>
714    </div>
715    
716<div id="unclic-slider" class="block laptop:hidden w-full">
717  <div class="relative">
718    <div class="keen-slider">
719              <a href="https://www.espace-citoyens.net/ville-aniane/espace-citoyens/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
720          <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/services-sociaux-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
721          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Espace citoyens</span>
722        </a>
723              <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/calendrier-de-collecte/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
724          <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/date-limite-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
725          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Calendrier de collecte</span>
726        </a>
727              <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
728          <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/associations.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
729          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Vie associative</span>
730        </a>
731              <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/plan-interactif/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
732          <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/localisation-sur-la-carte-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
733          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Plan interactif</span>
734        </a>
735              <a href="https://www.ville-aniane.com/signaler-un-dysfonctionnement-dans-la-commune/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
736          <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/point-dexclamation-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
737          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Signalement</span>
738        </a>
739              <a href="https://www.ville-aniane.com/sinscrire-a-la-newsletter/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
740          <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/navigateur-1-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
741          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Newsletter</span>
742        </a>
743              <a href="https://www.ville-aniane.com/offres-demploi/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
744          <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/offre-emploi.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
745          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Offres d’emploi</span>
746        </a>
747              <a href="https://www.ville-aniane.com/vie-municipale/budget-et-marches-publics/" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
748          <img data-src="https://www.ville-aniane.com/app/uploads/2025/06/Vector.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
749          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Marchés Publics</span>
750        </a>
751              <a href="https://www.calameo.com/read/005830179db49f32728a2?utm_id=97757_v0_s00_e0_tv2_a1demo0dzk2ekq&fbclid=IwY2xjawSxz9tleHRuA2FlbQIxMQBzcnRjBmFwcF9pZBAyMjIwMzkxNzg4MjAwODkyAAEeof7QeaePAG6reXe39kGfyC6A-2Q0jAkiQhsV9CJmf3LnQCvBZB0GaIe74Pg_aem_9SgtzOWbnSHCU8ayvn4d9A" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 group" draggable="false">
752          <img data-src="https://www.ville-aniane.com/app/uploads/2026/07/bulletin.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
753          <span class="font-semibold text-center text-blue-aniane group-hover:underline font-titles">Bulletin municipal</span>
754        </a>
755          </div>
756    <div class="flex justify-end gap-8 mt-2 mr-4">
757      <button type="button" class="flex justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 arrow-left group size-12 text-blue-aniane hover:bg-blue-aniane hover:text-white" aria-label="Précédent"><i class="fa-regular fa-chevron-left"></i></button>
758      <button type="button" class="flex justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 arrow-right group size-12 text-blue-aniane hover:bg-blue-aniane hover:text-white" aria-label="Suivant"><i class="fa-regular fa-chevron-right"></i></button>
759    </div>
760  </div>
761</div>
762
763<div id="unclic" class="hidden laptop:flex absolute px-4 laptop:px-0 laptop:-translate-y-1/2 left-1/2 -translate-x-1/2 justify-between max-w-full mid-desktop:max-w-[70%] bg-white shadow-lg rounded-r-md w-full mx-auto items-center">
764    <div class="absolute left-8 top-0 -translate-y-1/2 z-10 flex gap-2">
765    <button type="button" class="flex justify-center items-center bg-blue-aniane rounded-full shadow-md transition-all duration-300 arrow-left-desktop group size-10 text-white hover:bg-white hover:text-blue-aniane" aria-label="Précédent">
766        <i class="fa-regular fa-chevron-left"></i>
767    </button>
768    <button type="button" class="flex justify-center items-center bg-blue-aniane rounded-full shadow-md transition-all duration-300 arrow-right-desktop group size-10 text-white hover:bg-white hover:text-blue-aniane" aria-label="Suivant">
769        <i class="fa-regular fa-chevron-right"></i>
770    </button>
771  </div>
772    <div id="unclic-desktop" class="w-full laptop:pl-10 overflow-hidden keen-slider">
773          <a href="https://www.espace-citoyens.net/ville-aniane/espace-citoyens/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
774        <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/services-sociaux-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
775        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Espace citoyens</span>
776      </a>
777          <a href="https://www.ville-aniane.com/vie-pratique/gestion-des-dechets/calendrier-de-collecte/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
778        <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/date-limite-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
779        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Calendrier de collecte</span>
780      </a>
781          <a href="https://www.ville-aniane.com/vivre-ensemble/vie-associative-sport/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
782        <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/associations.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
783        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Vie associative</span>
784      </a>
785          <a href="https://www.ville-aniane.com/visiter-aniane-et-alentours/plan-interactif/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
786        <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/localisation-sur-la-carte-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
787        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Plan interactif</span>
788      </a>
789          <a href="https://www.ville-aniane.com/signaler-un-dysfonctionnement-dans-la-commune/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
790        <img data-src="https://www.ville-aniane.com/app/uploads/2025/04/point-dexclamation-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
791        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Signalement</span>
792      </a>
793          <a href="https://www.ville-aniane.com/sinscrire-a-la-newsletter/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
794        <img data-src="https://www.ville-aniane.com/app/uploads/2025/03/navigateur-1-1.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
795        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Newsletter</span>
796      </a>
797          <a href="https://www.ville-aniane.com/offres-demploi/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
798        <img data-src="https://www.ville-aniane.com/app/uploads/2025/10/offre-emploi.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
799        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Offres d’emploi</span>
800      </a>
801          <a href="https://www.ville-aniane.com/vie-municipale/budget-et-marches-publics/" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
802        <img data-src="https://www.ville-aniane.com/app/uploads/2025/06/Vector.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
803        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Marchés Publics</span>
804      </a>
805          <a href="https://www.calameo.com/read/005830179db49f32728a2?utm_id=97757_v0_s00_e0_tv2_a1demo0dzk2ekq&fbclid=IwY2xjawSxz9tleHRuA2FlbQIxMQBzcnRjBmFwcF9pZBAyMjIwMzkxNzg4MjAwODkyAAEeof7QeaePAG6reXe39kGfyC6A-2Q0jAkiQhsV9CJmf3LnQCvBZB0GaIe74Pg_aem_9SgtzOWbnSHCU8ayvn4d9A" draggable="false" class="keen-slider__slide flex flex-col gap-y-2 justify-center items-center py-4 min-w-[180px] max-w-[180px] group">
806        <img data-src="https://www.ville-aniane.com/app/uploads/2026/07/bulletin.svg" alt="" class="h-12 lazyload" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
807        <span class="font-semibold text-blue-aniane group-hover:underline font-titles text-center">Bulletin municipal</span>
808      </a>
809      </div>
810  <button id="js-recherche" aria-label="Bouton Recherche" class="hidden laptop:flex h-[112px] flex-col gap-y-2 justify-center items-center px-12 py-5 text-lg font-semibold text-white rounded-r-md shadow-lg transition-all duration-300 bg-orange-aniane mid-desktop:text-xl font-titles hover:bg-gradient-to-r hover:from-white hover:to-white hover:text-orange-aniane"><i class="fa-regular fa-magnifying-glass"></i></button>
811</div>
812  </header>
813    <main id="main" class="main overflow-x-hidden" role="main">
814      	    <div class="px-5 pb-20 laptop:px-20 tablet:px-10 mid-desktop:px-40 actualites mt-16 laptop:mt-0 animate-on-scroll">
815    <div class="flex justify-between items-center mb-12 gap-3 flex-col laptop:flex-row">
816      <h2 class="laptop:text-5xl text-4xl font-bold uppercase text-blue-aniane font-titles">Actualités</h2>
817        <div class="hidden laptop:flex"><a href="https://www.ville-aniane.com/actualites" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
818      <span class="block text-xl pt-1 font-semibold pr-2">Toutes les actus</span>
819    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
820</a>
821</div>
822    </div>
823                  <div id="slider-actualites-wrapper" class="relative">
824      <div id="slider-actualites" class="keen-slider">
825                  <div class="keen-slider__slide number-slide1">
826            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/quoi-de-neuf-a-lespace-jeunes/'">
827  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/11/20240212_121043-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
828  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
829    
830    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Quoi de neuf à l&rsquo;Espace Jeunes ?</h3>
831    <p class="text-lg text-blue-aniane"></p>
832    <a href="https://www.ville-aniane.com/actualites/quoi-de-neuf-a-lespace-jeunes/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
833      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
834    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
835</a>
836  </div>
837</article>
838          </div>
839                  <div class="keen-slider__slide number-slide2">
840            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ASSOCIATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/cote-tennis-un-anianais-au-podium/'">
841  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/10/rencontres-tennis-sept-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
842  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
843          <div class=" flex-wrap gap-2 absolute -top-5">
844                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ASSOCIATIONS</span>
845              </div>
846    
847    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Côté tennis, un anianais au podium !</h3>
848    <p class="text-lg text-blue-aniane"></p>
849    <a href="https://www.ville-aniane.com/actualites/cote-tennis-un-anianais-au-podium/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
850      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
851    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
852</a>
853  </div>
854</article>
855          </div>
856                  <div class="keen-slider__slide number-slide3">
857            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENFANCE" onclick="window.location.href='https://www.ville-aniane.com/actualites/recueil-de-dessins-denfants-pour-octobre-rose/'">
858  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/10/octobre-rose-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1200;" />
859  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
860          <div class=" flex-wrap gap-2 absolute -top-5">
861                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENFANCE</span>
862              </div>
863    
864    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Recueil de dessins d&rsquo;enfants pour Octobre Rose</h3>
865    <p class="text-lg text-blue-aniane"></p>
866    <a href="https://www.ville-aniane.com/actualites/recueil-de-dessins-denfants-pour-octobre-rose/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
867      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
868    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
869</a>
870  </div>
871</article>
872          </div>
873                  <div class="keen-slider__slide number-slide4">
874            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ACCUEIL DE LOISIRS" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-programmes-des-vacances-dautomne/'">
875  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/UNE-ALSH-AUTOMNE-2026-MATER-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1132;" />
876  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
877          <div class=" flex-wrap gap-2 absolute -top-5">
878                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ACCUEIL DE LOISIRS</span>
879              </div>
880    
881    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les programmes des vacances d&rsquo;automne à l&rsquo;accueil de loisirs</h3>
882    <p class="text-lg text-blue-aniane"></p>
883    <a href="https://www.ville-aniane.com/actualites/les-programmes-des-vacances-dautomne/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
884      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
885    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
886</a>
887  </div>
888</article>
889          </div>
890                  <div class="keen-slider__slide number-slide5">
891            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/avis-de-coupure-deau-sectorisee/'">
892  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/09/coupure-deau-1-700x550-1-800x0-c-default.png" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/629;" />
893  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
894          <div class=" flex-wrap gap-2 absolute -top-5">
895                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
896              </div>
897    
898    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Avis de coupure d&rsquo;eau sectorisée</h3>
899    <p class="text-lg text-blue-aniane">En raison de travaux, nous vous informons que les agents du service des eaux de la CCVH vont couper l’eau à Aniane le Lundi 05 et Mardi 06 Octobre 2026 à partir de 09h00.</p>
900    <a href="https://www.ville-aniane.com/actualites/avis-de-coupure-deau-sectorisee/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
901      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
902    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
903</a>
904  </div>
905</article>
906          </div>
907                  <div class="keen-slider__slide number-slide6">
908            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ASSOCIATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/le-planning-des-lotos-2026-2027/'">
909  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/AdobeStock_473139830-scaled-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/533;" />
910  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
911          <div class=" flex-wrap gap-2 absolute -top-5">
912                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ASSOCIATIONS</span>
913              </div>
914    
915    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Le planning des lotos 2026-2027</h3>
916    <p class="text-lg text-blue-aniane"></p>
917    <a href="https://www.ville-aniane.com/actualites/le-planning-des-lotos-2026-2027/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
918      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
919    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
920</a>
921  </div>
922</article>
923          </div>
924                  <div class="keen-slider__slide number-slide7">
925            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENVIRONNEMENT" onclick="window.location.href='https://www.ville-aniane.com/actualites/projet-germinal-imaginer-et-amenager-un-nouvel-espace-paysager/'">
926  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/ateliers-Germinal-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
927  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
928          <div class=" flex-wrap gap-2 absolute -top-5">
929                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENVIRONNEMENT</span>
930              </div>
931    
932    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Projet Germinal : imaginer et aménager un nouvel espace paysager</h3>
933    <p class="text-lg text-blue-aniane"></p>
934    <a href="https://www.ville-aniane.com/actualites/projet-germinal-imaginer-et-amenager-un-nouvel-espace-paysager/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
935      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
936    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
937</a>
938  </div>
939</article>
940          </div>
941                  <div class="keen-slider__slide number-slide8">
942            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-permanences-numeriques-se-font-desormais-le-vendredi/'">
943  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/flpc9_vocj4-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/534;" />
944  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
945          <div class=" flex-wrap gap-2 absolute -top-5">
946                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
947              </div>
948    
949    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les permanences numériques se font désormais le vendredi</h3>
950    <p class="text-lg text-blue-aniane"></p>
951    <a href="https://www.ville-aniane.com/actualites/les-permanences-numeriques-se-font-desormais-le-vendredi/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
952      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
953    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
954</a>
955  </div>
956</article>
957          </div>
958                  <div class="keen-slider__slide number-slide9">
959            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="RESTAURANT SCOLAIRE" onclick="window.location.href='https://www.ville-aniane.com/actualites/prochaine-commission-des-menus/'">
960  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/hf3cuf8d3e8-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/534;" />
961  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
962          <div class=" flex-wrap gap-2 absolute -top-5">
963                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">RESTAURANT SCOLAIRE</span>
964              </div>
965    
966    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Prochaine commission des menus</h3>
967    <p class="text-lg text-blue-aniane"></p>
968    <a href="https://www.ville-aniane.com/actualites/prochaine-commission-des-menus/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
969      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
970    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
971</a>
972  </div>
973</article>
974          </div>
975                  <div class="keen-slider__slide number-slide10">
976            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="URBANISME" onclick="window.location.href='https://www.ville-aniane.com/actualites/%f0%9f%85%bf%ef%b8%8f-mise-en-service-des-zones-bleues/'">
977  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/zone-bleue-copie-768x512-1-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/857;" />
978  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
979          <div class=" flex-wrap gap-2 absolute -top-5">
980                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">URBANISME</span>
981              </div>
982    
983    <h3 class="text-2xl font-bold font-titles text-blue-aniane">🅿️ Mise en service des zones bleues</h3>
984    <p class="text-lg text-blue-aniane"></p>
985    <a href="https://www.ville-aniane.com/actualites/%f0%9f%85%bf%ef%b8%8f-mise-en-service-des-zones-bleues/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
986      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
987    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
988</a>
989  </div>
990</article>
991          </div>
992                  <div class="keen-slider__slide number-slide11">
993            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="PATRIMOINE" onclick="window.location.href='https://www.ville-aniane.com/actualites/chantier-participatif-appel-a-benevoles/'">
994  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/CHANTIER-PARTICIPATIF-5-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1000;" />
995  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
996          <div class=" flex-wrap gap-2 absolute -top-5">
997                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">PATRIMOINE</span>
998              </div>
999    
1000    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Chantier participatif dans le cadre des journées du patrimoine : appel à bénévoles</h3>
1001    <p class="text-lg text-blue-aniane"></p>
1002    <a href="https://www.ville-aniane.com/actualites/chantier-participatif-appel-a-benevoles/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1003      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1004    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1005</a>
1006  </div>
1007</article>
1008          </div>
1009                  <div class="keen-slider__slide number-slide12">
1010            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ACCUEIL DE LOISIRS,RESTAURANT SCOLAIRE" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-tarifs-de-la-restauration-scolaire-et-des-accueils-periscolaires-evoluent/'">
1011  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/02/photo-cantine-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1012  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1013          <div class=" flex-wrap gap-2 absolute -top-5">
1014                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ACCUEIL DE LOISIRS</span>
1015              </div>
1016    
1017    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les tarifs de la restauration scolaire et des accueils périscolaires évoluent</h3>
1018    <p class="text-lg text-blue-aniane"></p>
1019    <a href="https://www.ville-aniane.com/actualites/les-tarifs-de-la-restauration-scolaire-et-des-accueils-periscolaires-evoluent/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1020      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1021    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1022</a>
1023  </div>
1024</article>
1025          </div>
1026                  <div class="keen-slider__slide number-slide13">
1027            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="RESTAURANT SCOLAIRE" onclick="window.location.href='https://www.ville-aniane.com/actualites/decouvrez-welunch/'">
1028  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/welunch-e1789548769579-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/683;" />
1029  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1030          <div class=" flex-wrap gap-2 absolute -top-5">
1031                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">RESTAURANT SCOLAIRE</span>
1032              </div>
1033    
1034    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Découvrez WELUNCH</h3>
1035    <p class="text-lg text-blue-aniane"></p>
1036    <a href="https://www.ville-aniane.com/actualites/decouvrez-welunch/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1037      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1038    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1039</a>
1040  </div>
1041</article>
1042          </div>
1043                  <div class="keen-slider__slide number-slide14">
1044            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/laide-aux-vacances-familles/'">
1045  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/k4cfxbfslng-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1200;" />
1046  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1047          <div class=" flex-wrap gap-2 absolute -top-5">
1048                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1049              </div>
1050    
1051    <h3 class="text-2xl font-bold font-titles text-blue-aniane">L&rsquo;Aide aux Vacances Familles  </h3>
1052    <p class="text-lg text-blue-aniane"></p>
1053    <a href="https://www.ville-aniane.com/actualites/laide-aux-vacances-familles/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1054      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1055    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1056</a>
1057  </div>
1058</article>
1059          </div>
1060                  <div class="keen-slider__slide number-slide15">
1061            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/trottinettes-electriques-casque-et-gilet-retro-reflechissant-deviennent-obligatoires-dans-lherault/'">
1062  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/805405841_915281257951507_1809744321741613908_n-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/597;" />
1063  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1064    
1065    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Trottinettes électriques : casque et gilet rétro-réfléchissant deviennent obligatoires dans l’Hérault</h3>
1066    <p class="text-lg text-blue-aniane"></p>
1067    <a href="https://www.ville-aniane.com/actualites/trottinettes-electriques-casque-et-gilet-retro-reflechissant-deviennent-obligatoires-dans-lherault/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1068      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1069    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1070</a>
1071  </div>
1072</article>
1073          </div>
1074                  <div class="keen-slider__slide number-slide16">
1075            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ESPACE JEUNES" onclick="window.location.href='https://www.ville-aniane.com/actualites/la-nouvelle-prog-de-lespace-jeunes/'">
1076  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/AdobeStock_270170969_Preview-e1788342688820-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/591;" />
1077  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1078          <div class=" flex-wrap gap-2 absolute -top-5">
1079                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ESPACE JEUNES</span>
1080              </div>
1081    
1082    <h3 class="text-2xl font-bold font-titles text-blue-aniane">La nouvelle prog de l&rsquo;Espace jeunes !</h3>
1083    <p class="text-lg text-blue-aniane"></p>
1084    <a href="https://www.ville-aniane.com/actualites/la-nouvelle-prog-de-lespace-jeunes/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1085      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1086    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1087</a>
1088  </div>
1089</article>
1090          </div>
1091                  <div class="keen-slider__slide number-slide17">
1092            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="TRAVAUX ET ENTRETIEN" onclick="window.location.href='https://www.ville-aniane.com/actualites/renovation-de-la-toiture-du-foyer-rural/'">
1093  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/789959592_992695357154532_8219771717424493729_n-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/666;" />
1094  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1095          <div class=" flex-wrap gap-2 absolute -top-5">
1096                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">TRAVAUX ET ENTRETIEN</span>
1097              </div>
1098    
1099    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Rénovation de la toiture du foyer rural</h3>
1100    <p class="text-lg text-blue-aniane"></p>
1101    <a href="https://www.ville-aniane.com/actualites/renovation-de-la-toiture-du-foyer-rural/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1102      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1103    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1104</a>
1105  </div>
1106</article>
1107          </div>
1108                  <div class="keen-slider__slide number-slide18">
1109            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/une-belle-facon-de-cloturer-cet-ete-au-centre-de-loisirs/'">
1110  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/297151a6-729a-4bbb-b966-205ac468f8c3-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1067;" />
1111  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1112    
1113    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Une belle façon de clôturer cet été au centre de loisirs…</h3>
1114    <p class="text-lg text-blue-aniane"></p>
1115    <a href="https://www.ville-aniane.com/actualites/une-belle-facon-de-cloturer-cet-ete-au-centre-de-loisirs/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1116      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1117    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1118</a>
1119  </div>
1120</article>
1121          </div>
1122                  <div class="keen-slider__slide number-slide19">
1123            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENFANCE" onclick="window.location.href='https://www.ville-aniane.com/actualites/une-belle-rentree-a-aniane/'">
1124  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/793159066_3578617058967534_7187844917118977296_n-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1125  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1126          <div class=" flex-wrap gap-2 absolute -top-5">
1127                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENFANCE</span>
1128              </div>
1129    
1130    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Une belle rentrée à Aniane !</h3>
1131    <p class="text-lg text-blue-aniane"></p>
1132    <a href="https://www.ville-aniane.com/actualites/une-belle-rentree-a-aniane/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1133      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1134    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1135</a>
1136  </div>
1137</article>
1138          </div>
1139                  <div class="keen-slider__slide number-slide20">
1140            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENFANCE" onclick="window.location.href='https://www.ville-aniane.com/actualites/bienvenue-a-mathieu-vidaller/'">
1141  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/Mathieu-Vidaller-scaled-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1142  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1143          <div class=" flex-wrap gap-2 absolute -top-5">
1144                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENFANCE</span>
1145              </div>
1146    
1147    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Bienvenue à Mathieu Vidaller !</h3>
1148    <p class="text-lg text-blue-aniane"></p>
1149    <a href="https://www.ville-aniane.com/actualites/bienvenue-a-mathieu-vidaller/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1150      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1151    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1152</a>
1153  </div>
1154</article>
1155          </div>
1156                  <div class="keen-slider__slide number-slide21">
1157            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/le-bureau-de-poste-ferme-definitivement-la-tabatiere-prend-le-relais/'">
1158  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/Poste-1-800x0-c-default.jpg" alt="SONY DSC" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/532;" />
1159  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1160          <div class=" flex-wrap gap-2 absolute -top-5">
1161                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1162              </div>
1163    
1164    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Le bureau de poste ferme définitivement. La Tabatière prend le relais.</h3>
1165    <p class="text-lg text-blue-aniane"></p>
1166    <a href="https://www.ville-aniane.com/actualites/le-bureau-de-poste-ferme-definitivement-la-tabatiere-prend-le-relais/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1167      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1168    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1169</a>
1170  </div>
1171</article>
1172          </div>
1173                  <div class="keen-slider__slide number-slide22">
1174            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ACCUEIL DE LOISIRS" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-mercredis-de-septembre-et-octobre-a-laccueil-de-loisirs/'">
1175  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/nature-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1176  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1177          <div class=" flex-wrap gap-2 absolute -top-5">
1178                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ACCUEIL DE LOISIRS</span>
1179              </div>
1180    
1181    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les mercredis de septembre et octobre à l&rsquo;accueil de loisirs</h3>
1182    <p class="text-lg text-blue-aniane">Voici le programme de la rentrée ! Thématique : animaux et nature.</p>
1183    <a href="https://www.ville-aniane.com/actualites/les-mercredis-de-septembre-et-octobre-a-laccueil-de-loisirs/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1184      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1185    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1186</a>
1187  </div>
1188</article>
1189          </div>
1190                  <div class="keen-slider__slide number-slide23">
1191            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/visite-officielle-de-madame-la-sous-prefete-de-lodeve-a-aniane/'">
1192  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/IMG_20260814_090405-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1193  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1194          <div class=" flex-wrap gap-2 absolute -top-5">
1195                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1196              </div>
1197    
1198    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Visite officielle  de madame la sous-préfète de Lodève à Aniane</h3>
1199    <p class="text-lg text-blue-aniane">La commune d'Aniane a eu l’honneur d’accueillir vendredi dernier Madame Célia Pouget, Sous-Préfète de l’Hérault.</p>
1200    <a href="https://www.ville-aniane.com/actualites/visite-officielle-de-madame-la-sous-prefete-de-lodeve-a-aniane/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1201      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1202    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1203</a>
1204  </div>
1205</article>
1206          </div>
1207                  <div class="keen-slider__slide number-slide24">
1208            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/un-parcours-creatif-pour-les-60-ans-et-plus/'">
1209  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/Affiche_Aniane_PDF_pour_impression-scaled-e1786375811350-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/637;" />
1210  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1211          <div class=" flex-wrap gap-2 absolute -top-5">
1212                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1213              </div>
1214    
1215    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Un parcours créatif pour les 60 ans et plus</h3>
1216    <p class="text-lg text-blue-aniane"></p>
1217    <a href="https://www.ville-aniane.com/actualites/un-parcours-creatif-pour-les-60-ans-et-plus/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1218      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1219    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1220</a>
1221  </div>
1222</article>
1223          </div>
1224                  <div class="keen-slider__slide number-slide25">
1225            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="URBANISME" onclick="window.location.href='https://www.ville-aniane.com/actualites/aniane-continue-de-sembellir-et-de-mieux-accueillir-ses-visiteurs/'">
1226  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/758706968_1434954378665641_6051325715758328157_n-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1067;" />
1227  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1228          <div class=" flex-wrap gap-2 absolute -top-5">
1229                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">URBANISME</span>
1230              </div>
1231    
1232    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Aniane continue de s’embellir pour mieux accueillir ses visiteurs !</h3>
1233    <p class="text-lg text-blue-aniane"></p>
1234    <a href="https://www.ville-aniane.com/actualites/aniane-continue-de-sembellir-et-de-mieux-accueillir-ses-visiteurs/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1235      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1236    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1237</a>
1238  </div>
1239</article>
1240          </div>
1241                  <div class="keen-slider__slide number-slide26">
1242            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/animations-seniors/'">
1243  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/ChatGPT-Image-11-aout-2026-16_12_24-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1132;" />
1244  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1245          <div class=" flex-wrap gap-2 absolute -top-5">
1246                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1247              </div>
1248    
1249    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Animations séniors</h3>
1250    <p class="text-lg text-blue-aniane"></p>
1251    <a href="https://www.ville-aniane.com/actualites/animations-seniors/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1252      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1253    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1254</a>
1255  </div>
1256</article>
1257          </div>
1258                  <div class="keen-slider__slide number-slide27">
1259            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENVIRONNEMENT" onclick="window.location.href='https://www.ville-aniane.com/actualites/baignade-au-pont-du-diable-une-eau-excellente/'">
1260  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/1854203-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/711;" />
1261  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1262          <div class=" flex-wrap gap-2 absolute -top-5">
1263                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENVIRONNEMENT</span>
1264              </div>
1265    
1266    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Baignade au Pont du Diable : une eau excellente !</h3>
1267    <p class="text-lg text-blue-aniane">L'Agence Régionale de Santé Occitanie nous adresse son dernier rapport sur la qualité de nos eaux de baignade au Pont du diable.</p>
1268    <a href="https://www.ville-aniane.com/actualites/baignade-au-pont-du-diable-une-eau-excellente/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1269      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1270    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1271</a>
1272  </div>
1273</article>
1274          </div>
1275                  <div class="keen-slider__slide number-slide28">
1276            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-bons-gestes-pour-economiser-leau-au-quotidien/'">
1277  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/image-800x0-c-default.png" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/699;" />
1278  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1279    
1280    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les bons gestes pour économiser l&rsquo;eau au quotidien</h3>
1281    <p class="text-lg text-blue-aniane">L'été s'installe. Et si on profitait de cette période pour adopter les bons réflexes ?</p>
1282    <a href="https://www.ville-aniane.com/actualites/les-bons-gestes-pour-economiser-leau-au-quotidien/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1283      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1284    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1285</a>
1286  </div>
1287</article>
1288          </div>
1289                  <div class="keen-slider__slide number-slide29">
1290            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/une-fresque-inclusive-au-complexe-sportif/'">
1291  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/1-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/435;" />
1292  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1293    
1294    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Une fresque inclusive au complexe sportif</h3>
1295    <p class="text-lg text-blue-aniane"></p>
1296    <a href="https://www.ville-aniane.com/actualites/une-fresque-inclusive-au-complexe-sportif/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1297      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1298    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1299</a>
1300  </div>
1301</article>
1302          </div>
1303                  <div class="keen-slider__slide number-slide30">
1304            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/le-bonus-velo-en-occitanie/'">
1305  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/5c9d32d65cc82b579cb78fa0529a48d4_le-bonus-v-e1783435901185-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/385;" />
1306  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1307          <div class=" flex-wrap gap-2 absolute -top-5">
1308                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1309              </div>
1310    
1311    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Le bonus vélo en Occitanie</h3>
1312    <p class="text-lg text-blue-aniane"></p>
1313    <a href="https://www.ville-aniane.com/actualites/le-bonus-velo-en-occitanie/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1314      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1315    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1316</a>
1317  </div>
1318</article>
1319          </div>
1320                  <div class="keen-slider__slide number-slide31">
1321            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/bulletin-municipal/'">
1322  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/BM1-UNE-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1131;" />
1323  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1324    
1325    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Le fil d&rsquo;Aniane se retisse !</h3>
1326    <p class="text-lg text-blue-aniane">Dans vos boîtes aux lettres ou en ligne.</p>
1327    <a href="https://www.ville-aniane.com/actualites/bulletin-municipal/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1328      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1329    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1330</a>
1331  </div>
1332</article>
1333          </div>
1334                  <div class="keen-slider__slide number-slide32">
1335            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ESPACE JEUNES" onclick="window.location.href='https://www.ville-aniane.com/actualites/renforcement-du-partenariat-avec-la-mission-locale-jeunes-coeur-dherault/'">
1336  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/IMG_20260625_163656-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1337  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1338          <div class=" flex-wrap gap-2 absolute -top-5">
1339                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ESPACE JEUNES</span>
1340              </div>
1341    
1342    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Renforcement du partenariat avec la Mission Local Jeunes Cœur d&rsquo;Hérault</h3>
1343    <p class="text-lg text-blue-aniane">Depuis plus de vingt ans, Aniane et la Mission Locale Jeunes Cœur d’Hérault travaillent ensemble pour offrir un accompagnement global et de proximité aux jeunes du territoire.</p>
1344    <a href="https://www.ville-aniane.com/actualites/renforcement-du-partenariat-avec-la-mission-locale-jeunes-coeur-dherault/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1345      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1346    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1347</a>
1348  </div>
1349</article>
1350          </div>
1351                  <div class="keen-slider__slide number-slide33">
1352            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/interdiction-de-stationner-place-etienne-sanier/'">
1353  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/7a8e1347-f539-424d-9d8e-b51a93d34524-e1782300685307-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/747;" />
1354  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1355          <div class=" flex-wrap gap-2 absolute -top-5">
1356                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1357              </div>
1358    
1359    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Interdiction de stationner – Place Étienne Sanier </h3>
1360    <p class="text-lg text-blue-aniane">Du 24 juin au 16 juillet, le stationnement sera strictement interdit sur la place Étienne Sanier.</p>
1361    <a href="https://www.ville-aniane.com/actualites/interdiction-de-stationner-place-etienne-sanier/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1362      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1363    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1364</a>
1365  </div>
1366</article>
1367          </div>
1368                  <div class="keen-slider__slide number-slide34">
1369            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/fortes-chaleurs-prevention-noyades/'">
1370  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/05/PreventionNoyade2025_RS_-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1371  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1372          <div class=" flex-wrap gap-2 absolute -top-5">
1373                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1374              </div>
1375    
1376    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Fortes chaleurs : prévention noyades</h3>
1377    <p class="text-lg text-blue-aniane">Des épisodes de fortes chaleurs sont annoncés dans le département de l’Hérault : les dispositifs de surveillance doivent être renforcés.</p>
1378    <a href="https://www.ville-aniane.com/actualites/fortes-chaleurs-prevention-noyades/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1379      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1380    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1381</a>
1382  </div>
1383</article>
1384          </div>
1385                  <div class="keen-slider__slide number-slide35">
1386            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="BIBLIOTHÈQUE" onclick="window.location.href='https://www.ville-aniane.com/actualites/nouveaux-horaires-de-la-bibliotheque/'">
1387  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/iviuph1dple-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/556;" />
1388  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1389          <div class=" flex-wrap gap-2 absolute -top-5">
1390                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">BIBLIOTHÈQUE</span>
1391              </div>
1392    
1393    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Les horaires d&rsquo;été de votre bibliothèque</h3>
1394    <p class="text-lg text-blue-aniane">Votre bibliothèque passe en heure d'été !</p>
1395    <a href="https://www.ville-aniane.com/actualites/nouveaux-horaires-de-la-bibliotheque/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1396      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1397    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1398</a>
1399  </div>
1400</article>
1401          </div>
1402                  <div class="keen-slider__slide number-slide36">
1403            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CULTURE" onclick="window.location.href='https://www.ville-aniane.com/actualites/inscriptions-ouvertes-pour-la-rentree-des-artistes/'">
1404  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/Affiche-Rentree-des-artistes-theme-PORTRAITS-sans-texte-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1200;" />
1405  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1406          <div class=" flex-wrap gap-2 absolute -top-5">
1407                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CULTURE</span>
1408              </div>
1409    
1410    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Inscriptions ouvertes pour « La rentrée des artistes »</h3>
1411    <p class="text-lg text-blue-aniane"></p>
1412    <a href="https://www.ville-aniane.com/actualites/inscriptions-ouvertes-pour-la-rentree-des-artistes/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1413      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1414    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1415</a>
1416  </div>
1417</article>
1418          </div>
1419                  <div class="keen-slider__slide number-slide37">
1420            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/securite-routiere-installation-de-quatre-radars-pedagogiques-aux-entrees-de-la-commune/'">
1421  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/radars-pedagogiques-scaled-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1422  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1423    
1424    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Sécurité routière : installation de quatre radars pédagogiques aux entrées de la commune</h3>
1425    <p class="text-lg text-blue-aniane"></p>
1426    <a href="https://www.ville-aniane.com/actualites/securite-routiere-installation-de-quatre-radars-pedagogiques-aux-entrees-de-la-commune/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1427      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1428    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1429</a>
1430  </div>
1431</article>
1432          </div>
1433                  <div class="keen-slider__slide number-slide38">
1434            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/plan-canicule-2025-nous-accompagnons-nos-aines/'">
1435  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/7390179-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/534;" />
1436  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1437          <div class=" flex-wrap gap-2 absolute -top-5">
1438                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1439              </div>
1440    
1441    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Plan canicule 2026 : nous accompagnons nos aînés</h3>
1442    <p class="text-lg text-blue-aniane"></p>
1443    <a href="https://www.ville-aniane.com/actualites/plan-canicule-2025-nous-accompagnons-nos-aines/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1444      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1445    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1446</a>
1447  </div>
1448</article>
1449          </div>
1450                  <div class="keen-slider__slide number-slide39">
1451            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ESPACE JEUNES" onclick="window.location.href='https://www.ville-aniane.com/actualites/transformer-lexclusion-temporaire-en-opportunite-constructive/'">
1452  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/signature-convention-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/450;" />
1453  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1454          <div class=" flex-wrap gap-2 absolute -top-5">
1455                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ESPACE JEUNES</span>
1456              </div>
1457    
1458    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Transformer l&rsquo;exclusion temporaire en opportunité constructive</h3>
1459    <p class="text-lg text-blue-aniane">Tel est l'objet de la convention signée ce matin au collège Lo Trentanel.</p>
1460    <a href="https://www.ville-aniane.com/actualites/transformer-lexclusion-temporaire-en-opportunite-constructive/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1461      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1462    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1463</a>
1464  </div>
1465</article>
1466          </div>
1467                  <div class="keen-slider__slide number-slide40">
1468            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="INFORMATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/les-toilettes-publiques-24h-24/'">
1469  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/06/935jh5zsqd8-e1780327242822-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1185;" />
1470  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1471          <div class=" flex-wrap gap-2 absolute -top-5">
1472                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">INFORMATIONS</span>
1473              </div>
1474    
1475    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Des toilettes publiques à nouveau en libre service</h3>
1476    <p class="text-lg text-blue-aniane"></p>
1477    <a href="https://www.ville-aniane.com/actualites/les-toilettes-publiques-24h-24/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1478      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1479    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1480</a>
1481  </div>
1482</article>
1483          </div>
1484                  <div class="keen-slider__slide number-slide41">
1485            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/restauration-scolaire-we-lunch-resultats-de-mars-2026/'">
1486  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/05/trame-resultats-WeLunch-Aniane-avril-2026_Page_1-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/450;" />
1487  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1488    
1489    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Restauration scolaire : We Lunch – résultats du mois d&rsquo;avril 2026</h3>
1490    <p class="text-lg text-blue-aniane"></p>
1491    <a href="https://www.ville-aniane.com/actualites/restauration-scolaire-we-lunch-resultats-de-mars-2026/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1492      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1493    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1494</a>
1495  </div>
1496</article>
1497          </div>
1498                  <div class="keen-slider__slide number-slide42">
1499            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENFANCE" onclick="window.location.href='https://www.ville-aniane.com/actualites/inscriptions-periscolaires/'">
1500  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/12/1000021148-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1063;" />
1501  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1502          <div class=" flex-wrap gap-2 absolute -top-5">
1503                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENFANCE</span>
1504              </div>
1505    
1506    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Inscriptions périscolaire, extrascolaire et restaurant scolaire</h3>
1507    <p class="text-lg text-blue-aniane">Pour les retardataires, vous avez jusqu'au 10 juillet pour inscrire votre enfant au périscolaire, à l' extrascolaire et au restaurant scolaire pour la rentrée de septembre 2026/2027.</p>
1508    <a href="https://www.ville-aniane.com/actualites/inscriptions-periscolaires/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1509      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1510    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1511</a>
1512  </div>
1513</article>
1514          </div>
1515                  <div class="keen-slider__slide number-slide43">
1516            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/prevention-moustiques-agir-ensemble-pour-un-ete-serein/'">
1517  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/04/z2pq_4mj6bi-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/534;" />
1518  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1519    
1520    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Prévention moustiques : agir ensemble pour un été serein</h3>
1521    <p class="text-lg text-blue-aniane"></p>
1522    <a href="https://www.ville-aniane.com/actualites/prevention-moustiques-agir-ensemble-pour-un-ete-serein/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1523      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1524    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1525</a>
1526  </div>
1527</article>
1528          </div>
1529                  <div class="keen-slider__slide number-slide44">
1530            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="TRAVAUX ET ENTRETIEN" onclick="window.location.href='https://www.ville-aniane.com/actualites/rehabilitation-du-terrain-multisport/'">
1531  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/20260402_133203-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1532  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1533          <div class=" flex-wrap gap-2 absolute -top-5">
1534                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">TRAVAUX ET ENTRETIEN</span>
1535              </div>
1536    
1537    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Réhabilitation du Terrain Multisport</h3>
1538    <p class="text-lg text-blue-aniane">Du nouveau sur l'avancée des travaux.</p>
1539    <a href="https://www.ville-aniane.com/actualites/rehabilitation-du-terrain-multisport/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1540      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1541    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1542</a>
1543  </div>
1544</article>
1545          </div>
1546                  <div class="keen-slider__slide number-slide45">
1547            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/la-ville-daniane-recherche-de-nouveaux-exposants-pour-son-marche-hebdomadaire/'">
1548  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/04/mache6-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1549  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1550    
1551    <h3 class="text-2xl font-bold font-titles text-blue-aniane">La Ville d’Aniane recherche de nouveaux exposants pour son marché hebdomadaire</h3>
1552    <p class="text-lg text-blue-aniane">Afin de dynamiser son marché du jeudi matin, la commune d’Aniane lance un appel à candidatures à destination de nouveaux exposants.</p>
1553    <a href="https://www.ville-aniane.com/actualites/la-ville-daniane-recherche-de-nouveaux-exposants-pour-son-marche-hebdomadaire/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1554      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1555    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1556</a>
1557  </div>
1558</article>
1559          </div>
1560                  <div class="keen-slider__slide number-slide46">
1561            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/telechargez-la-nouvelle-application-mobile/'">
1562  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/bandeau-appli-e1773931563835-800x0-c-default.png" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/643;" />
1563  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1564    
1565    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Téléchargez la nouvelle application mobile !</h3>
1566    <p class="text-lg text-blue-aniane"></p>
1567    <a href="https://www.ville-aniane.com/actualites/telechargez-la-nouvelle-application-mobile/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1568      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1569    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1570</a>
1571  </div>
1572</article>
1573          </div>
1574                  <div class="keen-slider__slide number-slide47">
1575            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="TRANSITION ENERGETIQUE" onclick="window.location.href='https://www.ville-aniane.com/actualites/la-borne-de-recharge-pour-vehicules-electriques-de-plus-en-plus-utilisee/'">
1576  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/02/ej4-qt-4vpy-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1577  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1578          <div class=" flex-wrap gap-2 absolute -top-5">
1579                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">TRANSITION ENERGETIQUE</span>
1580              </div>
1581    
1582    <h3 class="text-2xl font-bold font-titles text-blue-aniane">La borne de recharge pour véhicules électriques de plus en plus utilisée</h3>
1583    <p class="text-lg text-blue-aniane"></p>
1584    <a href="https://www.ville-aniane.com/actualites/la-borne-de-recharge-pour-vehicules-electriques-de-plus-en-plus-utilisee/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1585      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1586    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1587</a>
1588  </div>
1589</article>
1590          </div>
1591                  <div class="keen-slider__slide number-slide48">
1592            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="TRANSITION ENERGETIQUE" onclick="window.location.href='https://www.ville-aniane.com/actualites/antenne-de-telephonie-mobile-bilan-des-mesures-autour-de-la-nouvelle-antenne-relais/'">
1593  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/ANTENNE-mobile-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1678;" />
1594  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1595          <div class=" flex-wrap gap-2 absolute -top-5">
1596                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">TRANSITION ENERGETIQUE</span>
1597              </div>
1598    
1599    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Antenne de téléphonie mobile : bilan des mesures autour de la nouvelle antenne relais</h3>
1600    <p class="text-lg text-blue-aniane"></p>
1601    <a href="https://www.ville-aniane.com/actualites/antenne-de-telephonie-mobile-bilan-des-mesures-autour-de-la-nouvelle-antenne-relais/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1602      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1603    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1604</a>
1605  </div>
1606</article>
1607          </div>
1608                  <div class="keen-slider__slide number-slide49">
1609            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/relais-numerique-itinerant-apije/'">
1610  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/teacher-demands-stress-800x0-c-default.jpg" alt="Bu
1610sinesswoman, office male clerk hiding under desk with help sign. Employee in frustration, upset, seek for computer service, hardware, software and data install, support, repair. Vector illustration" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/443;" />
1611  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1612          <div class=" flex-wrap gap-2 absolute -top-5">
1613                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1614              </div>
1615    
1616    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Coup de pouce numérique : le relais numérique itinérant (apije) est ouvert à tous</h3>
1617    <p class="text-lg text-blue-aniane"></p>
1618    <a href="https://www.ville-aniane.com/actualites/relais-numerique-itinerant-apije/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1619      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1620    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1621</a>
1622  </div>
1623</article>
1624          </div>
1625                  <div class="keen-slider__slide number-slide50">
1626            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENVIRONNEMENT" onclick="window.location.href='https://www.ville-aniane.com/actualites/reduction-de-la-consommation-denergie-en-eclairage-public-depuis-2019-quelles-economies-reelles-pour-aniane/'">
1627  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/EP-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/529;" />
1628  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1629          <div class=" flex-wrap gap-2 absolute -top-5">
1630                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENVIRONNEMENT</span>
1631              </div>
1632    
1633    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Réduction de la consommation d’énergie en éclairage public depuis 2019 : quelles économies réelles pour la commune ?</h3>
1634    <p class="text-lg text-blue-aniane"></p>
1635    <a href="https://www.ville-aniane.com/actualites/reduction-de-la-consommation-denergie-en-eclairage-public-depuis-2019-quelles-economies-reelles-pour-aniane/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1636      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1637    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1638</a>
1639  </div>
1640</article>
1641          </div>
1642                  <div class="keen-slider__slide number-slide51">
1643            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="TRAVAUX ET ENTRETIEN" onclick="window.location.href='https://www.ville-aniane.com/actualites/un-nouvel-espace-cineraire-au-cimetiere-neuf/'">
1644  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/03/Cimetiere-neuf-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1645  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1646          <div class=" flex-wrap gap-2 absolute -top-5">
1647                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">TRAVAUX ET ENTRETIEN</span>
1648              </div>
1649    
1650    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Un nouvel espace cinéraire au cimetière neuf</h3>
1651    <p class="text-lg text-blue-aniane"></p>
1652    <a href="https://www.ville-aniane.com/actualites/un-nouvel-espace-cineraire-au-cimetiere-neuf/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1653      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1654    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1655</a>
1656  </div>
1657</article>
1658          </div>
1659                  <div class="keen-slider__slide number-slide52">
1660            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/la-politique-jeunesse-daniane-saluee-lors-dune-visite-ministerielle/'">
1661  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/02/IMG_7138-scaled-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1662  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1663    
1664    <h3 class="text-2xl font-bold font-titles text-blue-aniane">La politique jeunesse d&rsquo;Aniane saluée lors d&rsquo;une visite ministérielle</h3>
1665    <p class="text-lg text-blue-aniane"></p>
1666    <a href="https://www.ville-aniane.com/actualites/la-politique-jeunesse-daniane-saluee-lors-dune-visite-ministerielle/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1667      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1668    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1669</a>
1670  </div>
1671</article>
1672          </div>
1673                  <div class="keen-slider__slide number-slide53">
1674            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ASSOCIATIONS" onclick="window.location.href='https://www.ville-aniane.com/actualites/vie-associative-ouverture-du-dispositif-fdva-2-fonds-pour-le-developpement/'">
1675  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/02/drajes-fdva-copie-jpg-18410-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/436;" />
1676  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1677          <div class=" flex-wrap gap-2 absolute -top-5">
1678                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ASSOCIATIONS</span>
1679              </div>
1680    
1681    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Vie Associative : ouverture du dispositif FDVA 2 – Fonds pour le Développement</h3>
1682    <p class="text-lg text-blue-aniane">Porté par l'Etat, ce dispositif permet de soutenir financièrement les associations, soit pour leur fonctionnement global, soit pour la mise en œuvre d’un nouveau projet innovant (une seule demande possible par association).</p>
1683    <a href="https://www.ville-aniane.com/actualites/vie-associative-ouverture-du-dispositif-fdva-2-fonds-pour-le-developpement/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1684      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1685    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1686</a>
1687  </div>
1688</article>
1689          </div>
1690                  <div class="keen-slider__slide number-slide54">
1691            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/ameliorez-votre-activite-de-vie-par-lactivite-physique-adaptee/'">
1692  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/01/e72f2738-88b0-4940-b344-12851bf94277-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/450;" />
1693  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1694          <div class=" flex-wrap gap-2 absolute -top-5">
1695                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1696              </div>
1697    
1698    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Améliorez votre activité de vie par l&rsquo;activité physique adaptée !</h3>
1699    <p class="text-lg text-blue-aniane"></p>
1700    <a href="https://www.ville-aniane.com/actualites/ameliorez-votre-activite-de-vie-par-lactivite-physique-adaptee/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1701      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1702    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1703</a>
1704  </div>
1705</article>
1706          </div>
1707                  <div class="keen-slider__slide number-slide55">
1708            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/calendrier-de-collecte-des-dechets-2026/'">
1709  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/01/Calendrier_Aniane_2026-1-800x0-c-default.png" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/564;" />
1710  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1711    
1712    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Calendrier de collecte des déchets 2026</h3>
1713    <p class="text-lg text-blue-aniane">Voici le nouveau calendrier de collecte des déchets pour l'année 2026 à Aniane.</p>
1714    <a href="https://www.ville-aniane.com/actualites/calendrier-de-collecte-des-dechets-2026/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1715      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1716    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1717</a>
1718  </div>
1719</article>
1720          </div>
1721                  <div class="keen-slider__slide number-slide56">
1722            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENVIRONNEMENT" onclick="window.location.href='https://www.ville-aniane.com/actualites/7145/'">
1723  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/01/Vignette-RS-1080x1350_V4_Les-bonnes-raisons_2-1-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1000;" />
1724  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1725          <div class=" flex-wrap gap-2 absolute -top-5">
1726                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENVIRONNEMENT</span>
1727              </div>
1728    
1729    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Pensez à débroussailler</h3>
1730    <p class="text-lg text-blue-aniane">Penser à protéger son habitation des feux de végétation, c'est investir aujourd’hui pour sa sécurité de demain </p>
1731    <a href="https://www.ville-aniane.com/actualites/7145/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1732      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1733    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1734</a>
1735  </div>
1736</article>
1737          </div>
1738                  <div class="keen-slider__slide number-slide57">
1739            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENFANCE" onclick="window.location.href='https://www.ville-aniane.com/actualites/bilan-ctg-convention-territoriale-globale/'">
1740  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/12/IMG20251211185340-scaled-800x0-c-default.jpg" alt="oplus_1026" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/600;" />
1741  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1742          <div class=" flex-wrap gap-2 absolute -top-5">
1743                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENFANCE</span>
1744              </div>
1745    
1746    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Bilan CTG (Convention Territoriale Globale)</h3>
1747    <p class="text-lg text-blue-aniane"></p>
1748    <a href="https://www.ville-aniane.com/actualites/bilan-ctg-convention-territoriale-globale/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1749      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1750    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1751</a>
1752  </div>
1753</article>
1754          </div>
1755                  <div class="keen-slider__slide number-slide58">
1756            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/aidants-on-pense-a-vous/'">
1757  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/12/3791664-800x0-c-default.jpeg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/534;" />
1758  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1759          <div class=" flex-wrap gap-2 absolute -top-5">
1760                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1761              </div>
1762    
1763    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Aidants, on pense à vous !</h3>
1764    <p class="text-lg text-blue-aniane">Le CRT Cœur d’Hérault a le plaisir de vous informer de la publication du calendrier des sessions de sensibilisation pour le 1er semestre 2026 dédiées à toutes personnes, professionnels et particuliers, concernés par l’aide, le soutien ou le conseil aux personnes âgées.</p>
1765    <a href="https://www.ville-aniane.com/actualites/aidants-on-pense-
1765a-vous/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1766      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1767    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1768</a>
1769  </div>
1770</article>
1771          </div>
1772                  <div class="keen-slider__slide number-slide59">
1773            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="ENVIRONNEMENT" onclick="window.location.href='https://www.ville-aniane.com/actualites/modernisation-de-leclairage-public/'">
1774  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/12/Nveaux-pts-lumineux-au-01.12.2025-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1067;" />
1775  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1776          <div class=" flex-wrap gap-2 absolute -top-5">
1777                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">ENVIRONNEMENT</span>
1778              </div>
1779    
1780    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Modernisation de l&rsquo;éclairage public</h3>
1781    <p class="text-lg text-blue-aniane">La commune continue de s'équiper en Leds</p>
1782    <a href="https://www.ville-aniane.com/actualites/modernisation-de-leclairage-public/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1783      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1784    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1785</a>
1786  </div>
1787</article>
1788          </div>
1789                  <div class="keen-slider__slide number-slide60">
1790            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="" onclick="window.location.href='https://www.ville-aniane.com/actualites/parentalite-numerique-le-guide/'">
1791  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/09/tqpgm1k6ebq-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/412;" />
1792  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1793    
1794    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Parentalité numérique : le guide</h3>
1795    <p class="text-lg text-blue-aniane"></p>
1796    <a href="https://www.ville-aniane.com/actualites/parentalite-numerique-le-guide/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1797      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1798    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1799</a>
1800  </div>
1801</article>
1802          </div>
1803                  <div class="keen-slider__slide number-slide61">
1804            <article class="fiche-actualites cursor-pointer flex  relative flex-col justify-between items-start rounded-xl group w-full h-[450px] overflow-hidden" data-category="CCAS" onclick="window.location.href='https://www.ville-aniane.com/actualites/bien-vieillir-chez-soi/'">
1805  <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/09/AdobeStock_1608638549-800x0-c-default.jpeg" alt="Elderly couple holding hands in their living room" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/457;" />
1806  <div class="flex absolute w-full  flex-col gap-y-6 -bottom-1/2 h-[80%] group-hover:h-full group-hover:-bottom-1/4  p-7 backdrop-blur-sm transition-all duration-500  bg-white/60  ">
1807          <div class=" flex-wrap gap-2 absolute -top-5">
1808                  <span class="block px-6 py-2 pt-3 text-sm font-bold bg-white rounded-lg shadow-xl text-orange-aniane">CCAS</span>
1809              </div>
1810    
1811    <h3 class="text-2xl font-bold font-titles text-blue-aniane">Bien vieillir chez soi</h3>
1812    <p class="text-lg text-blue-aniane"></p>
1813    <a href="https://www.ville-aniane.com/actualites/bien-vieillir-chez-soi/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1814      <span class="block text-xl pt-1 font-semibold pr-2">Lire l’actualité </span>
1815    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1816</a>
1817  </div>
1818</article>
1819          </div>
1820              </div>
1821      <button type="button" aria-label="Bouton carousel actualités gauche" class="flex absolute -left-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-left group size-10 text-blue-aniane hover:bg-blue-aniane hover:text-white"><i class="fa-regular fa-chevron-left"></i></button>
1822      <button type="button" aria-label="Bouton carousel actualités droit" class="flex absolute -right-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-right group size-10 text-blue-aniane hover:bg-blue-aniane hover:text-white"><i class="fa-regular fa-chevron-right"></i></button>
1823    </div>
1824    <div class="laptop:hidden flex justify-center items-center mt-10 relative z-10 "><a href="https://www.ville-aniane.com/actualites" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1825      <span class="block text-xl pt-1 font-semibold pr-2">Toutes les actus</span>
1826    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1827</a>
1828</div>
1829  </div>
1830	    <div class="relative pb-20 px-5  laptop:px-20 tablet:px-10 mid-desktop:px-40 agenda animate-on-scroll">
1831
1832    <div class="flex relative gap-3 flex-col laptop:flex-row z-10 justify-between items-center pt-10 mb-16 laptop:pr-20 tablet:pr-10 mid-desktop:pr-40">
1833      <h2 class="laptop:text-5xl text-4xl font-bold text-white uppercase font-titles">Agenda</h2>
1834      <div class="hidden laptop:flex"><a href="https://www.ville-aniane.com/agenda" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1835      <span class="block text-xl pt-1 font-semibold pr-2">Tous les événements </span>
1836    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1837</a>
1838</div>
1839    </div>
1840
1841    <div id="slider-agenda-wrapper" class="relative z-10">
1842      <div id="slider-agenda" class="keen-slider">
1843                  <div class="keen-slider__slide number-slide1">
1844            <div>
1845    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="CULTURE" onclick="window.location.href='https://www.ville-aniane.com/agenda/vernissage-de-lexposition-la-rentree-des-artistes/'">
1846      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/A3-Rentree-des-artistes-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1131;" />
1847      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1848        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1849                          <p class="font-semibold uppercase text-orange-aniane">18 septembre - 11 octobre</p>
1850                    </div>
1851        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Exposition « La rentrée des artistes »</h3>
1852
1853        
1854        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Exposition « La rentrée des artistes »</h3>
1855        <p class=" text-blue-aniane"></p>
1856        <a href="https://www.ville-aniane.com/agenda/vernissage-de-lexposition-la-rentree-des-artistes/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1857      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1858    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1859</a>
1860      </div>
1861    </article>
1862</div>
1863          </div>
1864                  <div class="keen-slider__slide number-slide2">
1865            <div>
1866    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="" onclick="window.location.href='https://www.ville-aniane.com/agenda/le-bonheur-est-dans-limage/'">
1867      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/07/Affiche-expo-Depardon_VF-scaled-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1131;" />
1868      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1869        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1870                          <p class="font-semibold uppercase text-orange-aniane">21 septembre - 01 novembre</p>
1871                    </div>
1872        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Le bonheur est dans l&rsquo;image</h3>
1873
1874        
1875        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Le bonheur est dans l&rsquo;image</h3>
1876        <p class=" text-blue-aniane">Exposition de l'artiste Raymond Depardon à l'Ancienne Abbaye d'Aniane</p>
1877        <a href="https://www.ville-aniane.com/agenda/le-bonheur-est-dans-limage/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1878      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1879    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1880</a>
1881      </div>
1882    </article>
1883</div>
1884          </div>
1885                  <div class="keen-slider__slide number-slide3">
1886            <div>
1887    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="BIBLIOTHÈQUE" onclick="window.location.href='https://www.ville-aniane.com/agenda/prochain-cafe-litteraire/'">
1888      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/08/Vendredi-2-oct-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1132;" />
1889      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1890        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1891                          <p class="font-semibold uppercase text-orange-aniane">02 octobre</p>
1892                    </div>
1893        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Prochain café littéraire de la biblio !</h3>
1894
1895        
1896        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Prochain café littéraire de la biblio !</h3>
1897        <p class=" text-blue-aniane"></p>
1898        <a href="https://www.ville-aniane.com/agenda/prochain-cafe-litteraire/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1899      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1900    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1901</a>
1902      </div>
1903    </article>
1904</div>
1905          </div>
1906                  <div class="keen-slider__slide number-slide4">
1907            <div>
1908    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="Jeunesse" onclick="window.location.href='https://www.ville-aniane.com/agenda/inauguration-du-graffiti-participatif-au-complexe-sportif/'">
1909      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/flyer-invitation-inauguration-fresque-bleu-coquelicot-1-e1788270253818-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/449;" />
1910      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1911        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1912                          <p class="font-semibold uppercase text-orange-aniane">02 octobre</p>
1913                    </div>
1914        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Inauguration du graffiti participatif au complexe sportif</h3>
1915
1916        
1917        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Inauguration du graffiti participatif au complexe sportif</h3>
1918        <p class=" text-blue-aniane"></p>
1919        <a href="https://www.ville-aniane.com/agenda/inauguration-du-graffiti-participatif-au-complexe-sportif/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1920      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1921    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1922</a>
1923      </div>
1924    </article>
1925</div>
1926          </div>
1927                  <div class="keen-slider__slide number-slide5">
1928            <div>
1929    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="BIBLIOTHÈQUE,CULTURE" onclick="window.location.href='https://www.ville-aniane.com/agenda/atelier-gourmand-a-la-biblio/'">
1930      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/atelier-gourmand-800x0-c-default.webp" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1200;" />
1931      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1932        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1933                          <p class="font-semibold uppercase text-orange-aniane">03 octobre</p>
1934                    </div>
1935        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Atelier gourmand à la biblio</h3>
1936
1937        
1938        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Atelier gourmand à la biblio</h3>
1939        <p class=" text-blue-aniane">Participez à un atelier gourmand et ludique pour fabriquer avec vos enfants des sirops 100 % naturels</p>
1940        <a href="https://www.ville-aniane.com/agenda/atelier-gourmand-a-la-biblio/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1941      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1942    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1943</a>
1944      </div>
1945    </article>
1946</div>
1947          </div>
1948                  <div class="keen-slider__slide number-slide6">
1949            <div>
1950    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="VIE ASSOCIATIVE" onclick="window.location.href='https://www.ville-aniane.com/agenda/marche-au-profit-de-la-ligue-contre-le-cancer/'">
1951      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/09/octobre-rose-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1952      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1953        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1954                          <p class="font-semibold uppercase text-orange-aniane">04 octobre</p>
1955                    </div>
1956        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Marche au profit de la Ligue contre le cancer</h3>
1957
1958        
1959        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Marche au profit de la Ligue contre le cancer</h3>
1960        <p class=" text-blue-aniane">L'association JCT je cours toujours organise une marche au profit de la Ligue contre le cancer.</p>
1961        <a href="https://www.ville-aniane.com/agenda/marche-au-profit-de-la-ligue-contre-le-cancer/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1962      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1963    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1964</a>
1965      </div>
1966    </article>
1967</div>
1968          </div>
1969                  <div class="keen-slider__slide number-slide7">
1970            <div>
1971    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="VIE ASSOCIATIVE" onclick="window.location.href='https://www.ville-aniane.com/agenda/puecha-pop-celebre-le-vin-et-de-la-chataigne/'">
1972      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/10/Web-VISU-INSTA-FETE-VIN-ET-CHATAIGNE-26-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/800;" />
1973      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1974        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1975                          <p class="font-semibold uppercase text-orange-aniane">11 octobre</p>
1976                    </div>
1977        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Puecha Pop célèbre le vin et la châtaigne</h3>
1978
1979        
1980        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Puecha Pop célèbre le vin et la châtaigne</h3>
1981        <p class=" text-blue-aniane"></p>
1982        <a href="https://www.ville-aniane.com/agenda/puecha-pop-celebre-le-vin-et-de-la-chataigne/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
1983      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
1984    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
1985</a>
1986      </div>
1987    </article>
1988</div>
1989          </div>
1990                  <div class="keen-slider__slide number-slide8">
1991            <div>
1992    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="" onclick="window.location.href='https://www.ville-aniane.com/agenda/semaine-du-gout-et-si-on-relevait-le-defi-ensemble/'">
1993      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2026/10/725120586_1428075522699373_3699062782041028421_n-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1000;" />
1994      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
1995        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
1996                          <p class="font-semibold uppercase text-orange-aniane">12 octobre - 16 octobre</p>
1997                    </div>
1998        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Semaine du goût : et si on relevait le défi ensemble?</h3>
1999
2000        
2001        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Semaine du goût : et si on relevait le défi ensemble?</h3>
2002        <p class=" text-blue-aniane"></p>
2003        <a href="https://www.ville-aniane.com/agenda/semaine-du-gout-et-si-on-relevait-le-defi-ensemble/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2004      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
2005    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2006</a>
2007      </div>
2008    </article>
2009</div>
2010          </div>
2011                  <div class="keen-slider__slide number-slide9">
2012            <div>
2013    <article class="fiche-agenda cursor-pointer flex overflow-hidden relative flex-col justify-between items-start rounded-xl group w-full h-[450px]" data-category="VIE MUNICIPALE" onclick="window.location.href='https://www.ville-aniane.com/agenda/prochain-conseil-municipal/'">
2014      <img class="object-cover w-full h-full lazyload" data-src="https://www.ville-aniane.com/app/uploads/2025/07/salle-conseil-800x0-c-default.jpg" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800/1067;" />
2015      <div class="flex absolute flex-col  gap-y-6 justify-center p-6 w-full  backdrop-blur-sm transition-all duration-500  -bottom-1/2 bg-white/60 group-hover:bottom-0  h-[80%] ">
2016        <div class="flex absolute -top-5 items-center px-4 py-2 pt-3 space-x-3 bg-white rounded-md shadow-xl transition-all duration-300 w-fit group">
2017                          <p class="font-semibold uppercase text-orange-aniane">14 octobre</p>
2018                    </div>
2019        <h3 class=" text-xl absolute max-w-[250px] top-10 font-bold transition-all duration-300 text-blue-aniane  group-hover:opacity-0 uppercase">Prochain conseil municipal</h3>
2020
2021        
2022        <h3 class=" text-xl font-bold text-blue-aniane opacity-0 group-hover:opacity-100 transition-all duration-300 uppercase">Prochain conseil municipal</h3>
2023        <p class=" text-blue-aniane"></p>
2024        <a href="https://www.ville-aniane.com/agenda/prochain-conseil-municipal/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2025      <span class="block text-xl pt-1 font-semibold button-suite">lire la suite</span>
2026    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2027</a>
2028      </div>
2029    </article>
2030</div>
2031          </div>
2032              </div>
2033      <button type="button" aria-label="Bouton carousel evenements gauche" class="flex absolute -left-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-left group size-10 text-orange-aniane hover:bg-orange-aniane hover:text-white"><i class="fa-regular fa-chevron-left"></i></button>
2034      <button type="button" aria-label="Bouton carousel evenements droit" class="flex absolute -right-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-right group size-10 text-orange-aniane hover:bg-orange-aniane hover:text-white"><i class="fa-regular fa-chevron-right"></i></button>
2035    </div>
2036    <div class="laptop:hidden flex justify-center items-center mt-10 relative z-10 "><a href="https://www.ville-aniane.com/agenda" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2037      <span class="block text-xl pt-1 font-semibold pr-2">Tous les événements </span>
2038    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2039</a>
2040</div>
2041    <div class="absolute z-0 inset-0 bg-gradient-to-r to-[#1E2856] from-[#354798] laptop:h-[400px] h-full"></div>
2042  </div>	<div class="px-5 pb-20 laptop:pl-20 tablet:pl-10 mid-desktop:pl-40 projets animate-on-scroll">
2043  <div class="flex relative flex-col laptop:flex-row gap-3 z-10 justify-between items-center pt-10 mb-16 laptop:pr-20 tablet:pr-10 mid-desktop:pr-40">
2044    <h2 class="laptop:text-5xl text-4xl font-bold uppercase text-blue-aniane font-titles">Grands projets</h2>
2045    <a href="https://www.ville-aniane.com/projets" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2046      <span class="block text-xl pt-1 font-semibold pr-2">Tous les projets</span>
2047    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2048</a>
2049  </div>
2050
2051  <div id="slider-projets-wrapper" class="relative">
2052    <div id="slider-projets" class="keen-slider">
2053      
2054                  <div class="keen-slider__slide number-slide1">
2055            <div class="flex overflow-hidden relative flex-col items-center bg-white rounded-lg  laptop:flex-row fiche-projets">
2056  <div class="h-[400px] w-full max-w-[95%]"><img class="object-cover w-full h-full rounded-md lazy" data-src="https://www.ville-aniane.com/app/uploads/2026/07/Pont-du-diable-B-800x0-c-default.jpg" alt="" /></div>
2057  <div class="flex flex-col flex-shrink-0 gap-y-8 justify-between laptop:p-10 laptop:max-w-[300px]">
2058    <h3 class="relative pt-7 text-2xl font-bold uppercase bg-white laptop:p-7 laptop:w-[400px] laptop:-left-[200px] text-blue-aniane">Destination Aniane</h3>
2059    <p class="text-lg text-dark-blue-aniane"></p>
2060    <a href="https://www.ville-aniane.com/projets/destination-aniane/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2061      <span class="block text-xl pt-1 font-semibold pr-2">Lire la suite </span>
2062    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2063</a>
2064  </div>
2065</div>
2066          </div>
2067
2068      
2069                  <div class="keen-slider__slide number-slide2">
2070            <div class="flex overflow-hidden relative flex-col items-center bg-white rounded-lg  laptop:flex-row fiche-projets">
2071  <div class="h-[400px] w-full max-w-[95%]"><img class="object-cover w-full h-full rounded-md lazy" data-src="https://www.ville-aniane.com/app/uploads/2025/06/IMG-20250526-WA0016-800x0-c-default.jpg" alt="" /></div>
2072  <div class="flex flex-col flex-shrink-0 gap-y-8 justify-between laptop:p-10 laptop:max-w-[300px]">
2073    <h3 class="relative pt-7 text-2xl font-bold uppercase bg-white laptop:p-7 laptop:w-[400px] laptop:-left-[200px] text-blue-aniane">Rénovation de l&rsquo;
2073éclairage public de notre commune</h3>
2074    <p class="text-lg text-dark-blue-aniane"></p>
2075    <a href="https://www.ville-aniane.com/projets/renovation-eclairage-public/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2076      <span class="block text-xl pt-1 font-semibold pr-2">Lire la suite </span>
2077    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2078</a>
2079  </div>
2080</div>
2081          </div>
2082
2083      
2084                  <div class="keen-slider__slide number-slide3">
2085            <div class="flex overflow-hidden relative flex-col items-center bg-white rounded-lg  laptop:flex-row fiche-projets">
2086  <div class="h-[400px] w-full max-w-[95%]"><img class="object-cover w-full h-full rounded-md lazy" data-src="https://www.ville-aniane.com/app/uploads/2025/07/20240822-3-scaled-800x0-c-default.jpg" alt="" /></div>
2087  <div class="flex flex-col flex-shrink-0 gap-y-8 justify-between laptop:p-10 laptop:max-w-[300px]">
2088    <h3 class="relative pt-7 text-2xl font-bold uppercase bg-white laptop:p-7 laptop:w-[400px] laptop:-left-[200px] text-blue-aniane">Sécurisation des abords des écoles</h3>
2089    <p class="text-lg text-dark-blue-aniane"></p>
2090    <a href="https://www.ville-aniane.com/projets/amenagement-de-lavenue-louis-marres/" class="flex button-white items-center px-6 py-1 bg-white rounded-md shadow-xl transition-all duration-300 group w-fit text-blue-aniane">
2091      <span class="block text-xl pt-1 font-semibold pr-2">Lire la suite </span>
2092    <i class="fa-solid fa-arrow-right-long text-orange-aniane"></i>
2093</a>
2094  </div>
2095</div>
2096          </div>
2097
2098          </div>
2099    <button type="button" aria-label="Bouton carousel projets gauche" class="flex absolute left-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-left group size-10 text-blue-aniane hover:bg-blue-aniane hover:text-white"><i class="fa-regular fa-chevron-left"></i></button>
2100    <button type="button" aria-label="Bouton carousel projets droit" class="flex absolute right-5 top-1/2 z-10 justify-center items-center bg-white rounded-full shadow-md transition-all duration-300 -translate-y-1/2 arrow-right group size-10 text-blue-aniane hover:bg-blue-aniane hover:text-white"><i class="fa-regular fa-chevron-right"></i></button>
2101  </div>
2102</div>
2103	<div class="laptop:my-48 animate-on-scroll">
2104  <div class="px-5 relative laptop:px-20 tablet:px-10 mid-desktop:px-40 w-full max-w-[95%] rounded-r-3xl bg-gradient-to-r mb-20 from-[#1E2856] to-[#354798] py-10 laptop:h-[330px] flex flex-col gap-y-10 laptop:gap-y-0 laptop:flex-row items-center">
2105    <div class="flex flex-col gap-y-6">
2106      <h2 class="laptop:text-5xl text-4xl font-bold text-white uppercase font-titles">
2107        Téléchargez <br />
2108        l’application mobile
2109      </h2>
2110            <div class="flex flex-col gap-4 laptop:flex-row">
2111        <a href="https://apps.apple.com/fr/app/ville-aniane/id6760300475" target="_blank"><img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images//apple.png" class="h-[65px] lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 449px; --smush-placeholder-aspect-ratio: 449/130;" /></a>
2112        <a href="https://play.google.com/store/apps/details?id=appvilleanianecom.wpapp" target="_blank"><img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images//android.png" class="h-[65px] lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 542px; --smush-placeholder-aspect-ratio: 542/130;" /></a>
2113      </div>
2114    </div>
2115    <img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images//mobile_2.png" class="laptop:absolute hidden laptop:block laptop:top-1/2 laptop:-translate-y-1/2 laptop:right-0 w-[665px] lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 1330px; --smush-placeholder-aspect-ratio: 1330/1000;" />
2116  </div>
2117</div>
2118	<div class="overflow-hidden relative px-5 !pb-0 laptop:py-20 laptop:px-20 tablet:px-10 mid-desktop:px-40 animate-on-scroll">
2119  <div class="flex flex-col laptop:gap-20 gap-5 justify-between mb-6 laptop:items-center laptop:flex-row">
2120    <div class="flex flex-col flex-shrink-0 gap-y-4 laptop:mb-10">
2121      <h2 class="laptop:text-5xl text-4xl font-bold uppercase text-blue-aniane font-titles">
2122        Inscrivez-vous <br />
2123        à la newsletter
2124      </h2>
2125      <p class="text-lg">...et recevez toutes les dernières actualités et évènements à venir de la ville !</p>
2126    </div>
2127    <form method="post" action="https://www.ville-aniane.com/wp/wp-admin/admin-ajax.php?action=tnp&na=s" class="flex relative z-10 flex-col gap-y-4 laptop:w-[80%] w-full form">
2128      <input type="hidden" name="nlang" value="">
2129      <div class="flex gap-x-4 items-center pl-4 w-full bg-white rounded-lg border shadow-md focus:outline-none focus:border-blue-aniane">
2130        <input class="tnp-email p-1 pt-2 w-full" type="email" name="ne" id="tnp-3" placeholder="Entrez votre email" required />
2131        <button type="submit" aria-label="Bouton inscription newsletter" class="px-12 py-4 pt-5 text-white rounded-lg shadow-md transition-colors bg-blue-aniane hover:bg-blue-800"><i class="fa-solid fa-paper-plane"></i></button>
2132      </div>
2133      <div class="flex gap-x-2 items-center max-w-xs">
2134        <input type="checkbox" name="ny" id="privacy-consent" required class="tnp-privacy size-4" />
2135        <label for="privacy-consent" class="text-sm text-[#757575]">En cochant cette case j'accepte que la Mairie d'Aniane stocke et utilise mes données personnelles afin de me transmettre des communications par email, conformément à la <a href="https://www.ville-aniane.com/politique-de-confidentialite/" class="text-blue-aniane hover:underline">politique de confidentialité</a></label>
2136      </div>
2137    </form>
2138  </div>
2139  <img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images//pattern-blue.svg" class="absolute right-0 bottom-0 w-[500px] hidden laptop:block lazyload" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" />
2140</div>
2141      <span class="bg-opacity-70"></span>
2142    </main>
2143    <div class="modal micromodal-slide" id="search-modal" aria-hidden="true">
2144  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
2145    <div class="relative modal__container laptop:w-[90%] w-full" role="dialog">
2146      <i class="absolute top-8 right-8 text-2xl cursor-pointer text-orange-aniane fa-light fa-xmark" data-micromodal-close></i>
2147
2148      <div class="modal__content [&>p:not(:last-child)]:mb-5">
2149        <form id="search-form" action="https://www.ville-aniane.com" method="get" class="flex items-center w-full h-16 bg-white rounded-lg search">
2150          <i class="text-2xl fa-solid hidden laptop:block fa-magnifying-glass button-search text-orange-aniane"></i>
2151          <input type="text" name="s" placeholder="Que recherchez-vous ? " class="px-6 focus:outline-none pt-1 border-b-2 border-blue-aniane w-full h-full placeholder:text-#373737" />
2152          <button type="submit" class="px-2 pt-1 h-full text-white uppercase laptop:px-3 bg-orange-aniane">rechercher</button>
2153        </form>
2154      </div>
2155    </div>
2156  </div>
2157</div>
2158        <!-- Footer -->
2159<footer class="w-full text-lg">
2160  <div class="flex flex-col gap-y-14 justify-between items-start px-20 py-14 text-white lg:flex-row bg-dark-blue-aniane">
2161    <a href="https://www.ville-aniane.com"><img data-src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/images/logo-footer.png" alt="Logo de la mairie d'Aniane" class="lazy w-[130px] mr-20 lazyload" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 360px; --smush-placeholder-aspect-ratio: 360/424;" /></a>
2162    <div class="flex flex-col w-full lg:w-1/3">
2163      <h2 class="mb-3 text-xl font-semibold text-white uppercase">Mairie Aniane</h2>
2164      <p class="text-white"><p>Département Hérault</p>
2165<p>Place de l’Hôtel de Ville</p>
2166<p>34150 Aniane</p>
2167</p>
2168    </div>
2169    <div class="flex flex-col gap-y-4 w-full lg:w-1/3">
2170      <h2 class="flex gap-x-2 items-center text-xl font-semibold text-white uppercase">Contactez la mairie</h2>
2171      <a href="tel:04 67 57 01 40" class="flex gap-x-2 items-center text-white"><i class="fa-regular fa-phone"></i> 04 67 57 01 40</a>
2172      <a href="https://www.ville-aniane.com/contact" class="flex gap-x-2 items-center px-5 py-4 pt-5 font-semibold leading-none text-white uppercase rounded-md w-fit bg-orange-aniane hover:bg-orange-aniane/80">écrire à la mairie</a>
2173    </div>
2174    <div class="flex flex-col w-full lg:w-1/3">
2175      <h2 class="mb-3 text-xl font-semibold text-white uppercase">Horaires d’ouverture au public</h2>
2176      <p class="text-white"><p>Lundi et mercredi de 9 h à 12 h et de 14 h à 17 h</p>
2177<p>Mardi et jeudi de 8 h 30 à 12 h et de 14 h  à 17 h</p>
2178<p>Vendredi 9 h à 12 h et de 14 h  à 16 h</p>
2179</p>
2180      <div class="flex flex-row justify-start items-center gap-2 w-full fill-white flex-wrap">
2181                <a aria-label="Lien page facebook" href="https://www.facebook.com/MairieAniane/?locale=fr_FR">
2182          <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"/></svg>
2183        </a>
2184                                <a aria-label="Lien page instagram" href="https://www.instagram.com/villedaniane/">
2185          <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 54
21850.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z"/></svg>
2186        </a>
2187                              </div>
2188    </div>
2189  </div>
2190  <div class="flex flex-col gap-4 justify-center items-center py-3 font-semibold lg:flex-row text-blue-aniane">
2191          <a href="https://www.ville-aniane.com/mentions-legales/" class="text-blue-aniane hover:underline">Mentions légales</a>
2192              <span class="text-blue-aniane">-</span>
2193                <a href="https://www.ville-aniane.com/politique-de-confidentialite/" class="text-blue-aniane hover:underline">Politique de confidentialité et cookies</a>
2194              <span class="text-blue-aniane">-</span>
2195                <a href="https://www.ville-aniane.com/plan-du-site/" class="text-blue-aniane hover:underline">Plan du site</a>
2196              <span class="text-blue-aniane">-</span>
2197                <a href="https://www.ville-aniane.com/declaration-daccessibilite/" class="text-blue-aniane hover:underline">Déclaration d’accessibilité - partiellement conforme</a>
2198            </div>
2199</footer>
2200    
2200<script type="speculationrules">
2201{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/vernalis-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2202</script>
2202
2203	<span class="wpappninja wpmobileapp" style="display:none"></span>
2204    
2204<script id="smush-detector-js-extra">
2205var smush_detector = {"ajax_url":"https://www.ville-aniane.com/wp/wp-admin/admin-ajax.php","nonce":"a3c4cdb24f","is_mobile":"","data_store":{"type":"option","data":{"location":"home"}},"previous_data_version":"2","previous_data_hash":"cfb185c693c5fd1eb086b60188b1f9e9"};
2206//# sourceURL=smush-detector-js-extra
2207</script>
vendor: 1 bytes, line 2207
2207
2208<script id="smush-detector-js" src="https://www.ville-aniane.com/app/plugins/wp-smush-pro/app/assets/js/smush-detector.min.js"></script>
vendor: 1 bytes, line 2208
2208
2209<script id="fontawesome-js" src="https://kit.fontawesome.com/ef7f72cf64.js"></script>
vendor: 1 bytes, line 2209
2209
2210<script id="wp_aniane_js_manifest-js" src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/js/manifest.js"></script>
vendor: 1 bytes, line 2210
2210
2211<script id="wp_aniane_js_vendor-js" src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/js/vendor.js"></script>
vendor: 1 bytes, line 2211
2211
2212<script id="wp_aniane_js-js" src="https://www.ville-aniane.com/app/themes/vernalis-theme/assets/build/js/home.js"></script>
vendor: 1 bytes, line 2212
2212
2213<script id="myconfortplus-js" src="https://www.ville-aniane.com/app/themes/vernalis-theme/myconfortplus/js/toolbar.js"></script>
vendor: 1 bytes, line 2213
2213
2214<script id="newsletter-js-extra">
2215var newsletter_data = {"action_url":"https://www.ville-aniane.com/wp/wp-admin/admin-ajax.php"};
2216//# sourceURL=newsletter-js-extra
2217</script>
vendor: 1 bytes, line 2217
2217
2218<script id="newsletter-js" src="https://www.ville-aniane.com/app/plugins/newsletter/main.js"></script>
vendor: 1 bytes, line 2218
2218
2219<script id="smush-lazy-load-js-before">
2220var smushLazyLoadOptions = {"autoResizingEnabled":false,"autoResizeOptions":{"precision":5,"skipAutoWidth":true,"cdnBaseURL":""}};
2221//# sourceURL=smush-lazy-load-js-before
2222</script>
vendor: 1 bytes, line 2222
2222
2223<script id="smush-lazy-load-js" src="https://www.ville-aniane.com/app/plugins/wp-smush-pro/app/assets/js/smush-lazy-load.min.js"></script>
2223
2224
2225  </body>
2226</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.