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'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'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'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 & 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 & 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 & 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 & 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’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’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’automne à l’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’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’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’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’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’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’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’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’é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’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’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’Aniane saluée lors d’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’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’é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’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’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’
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.