CINXE.COM
Agenda - Commune de Treilles
<!DOCTYPE html> <html lang="fr"> <head> <title> Agenda - Commune de Treilles </title> <script src="/lib/tarteaucitron/tarteaucitron.js"></script> <script> var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183; tarteaucitron.init({ "privacyUrl": "", /* Privacy policy url */ "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ "cookieName": "tarteaucitron", /* Cookie name */ "orientation": "bottom", /* Banner position (top - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": true, /* Show the cookie list */ "showIcon": false, /* Show cookie icon to manage cookies */ // "iconSrc": "", /* Optionnal: URL or base64 encoded image */ "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "DenyAllCta": true, /* Show the deny all button */ "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": false, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */ "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */ "mandatory": true, /* Show a message about mandatory cookies */ "listCookieByService": false, /* Show a message about list cookie by service */ "tarteaucitronForceLanguage" : 'fr', }); </script> <meta name="Description" content="Site officiel de la commune de TREILLES (11510)"> <meta name="Keywords" content="11510,TREILLES,MAIRIE,COMMUNE,OFFICIEL,AUDE"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta charset="UTF-8"> <script type="text/javascript"> tarteaucitron.user.gtagUa = 'G-FQQGYWQ8X3'; tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ }; (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); </script> <meta name="google-site-verification" content="jZKl9cKfv_NTt-Jfh5SF3HdbbGL4H7MLxwTrTj4tlSg" /> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo-client.neopse.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '641']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Material+Icons" rel="stylesheet"> <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" /> <link href="/tpl/2/css/style.css" rel="stylesheet" type='text/css'> <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> <style class="notranslate">#w_n13akrvqy .bg { background-color: #DEEFD0; }#w_oneclick .bg_text { background-color: #FFFFFF; }#w_oneclick .c_text { color: #000000; } #w_oneclick .c_text:before { background-color: #000000; }.searchbar .c_text { color: #FFFFFF; } .searchbar ::placeholder { color: #FFFFFF; }.navbar .dropdown-menu .h_text:hover { background-color: #C0E1A5; }.navbar .dropdown-menu .c_text { color: #000000; }nav.navbar .h_text:hover { background-color: #90C268; }nav.navbar .h_text:hover { color: #C72F23; }.breadcrumb.bg .c_text { color: #C72F23; }.breadcrumb.bg .c_title { color: #C72F23; } .breadcrumb.bg .c_title:before { background-color: #C72F23; }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }#w_9jakyyfmg .c_title { display: none; }#w_jqyfyn3qq .c_title { display: inline-block; }.searchbar .bg_btn { background-color: #FFFFFF !important; }body, .lead, .heading { font-family: Arial, Helvetica, sans-serif !important; }#w_oneclick .c_title { display: none; }#w_headline .c_title { display: none; }#w_headline { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }#w_headline { background-color: #FFFFFF; }#w_v9qd6udkb .bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }#w_v9qd6udkb .bg { background-color: #322121; }#w_v9qd6udkb .c_btn { color: #FFFFFF; } #w_v9qd6udkb .c_btn:before { background-color: #FFFFFF; }.bg_bloc { background-color: #FFFFFF !important; } .table td, .table, .table thead th { border-color: #FFFFFF !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu { background-color: #FFFFFF !important; border-color: #FFFFFF !important; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{ border-color: #FFFFFF !important; } .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #FFFFFF !important; } .fc-unthemed td.fc-today{ background: #FFFFFF !important; } .cookies .btn{ color: #FFFFFF !important; }#w_jqyfyn3qq .bg { background-color: #DEEFD0; }#w_pujxm31p6 .bg { background-color: #DEEFD0; }#footer .footer-links .c_title { color: #FFFFFF; } #footer .footer-links .c_title:before { background-color: #FFFFFF; }#footer .footer-links .c_text { color: #FFFFFF; }#footer .footer-links.bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }#footer .footer-links.bg { background-color: #322121; }#w_pujxm31p6 .c_title { display: none; }#w_podg6j755 .c_title { display: none; }#w_podg6j755 .bg { background-color: #DEEFD0; }.breadcrumb.bg { background-color: #F7A600; }#footer .footer.bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }#footer .footer.bg { background-color: #322121; }nav.navbar .dropdown-menu .h_text:hover { color: #C72F23; }.navbar .dropdown-menu { background-color: #C0E1A5; }nav.navbar.bg { background-color: #90C268; }body { background-color: #FFFFFF; }header.intro { background-image: url(https://static.neopse.com/medias/p/2481/site/f7/54/e8/f754e80bbf87a97f0ab884f7929eb4a28a48359c.jpg?v=v1); background-position: center; background-repeat: repeat; }</style> <script src="/js/vendor/jquery-3.2.1.min.js"></script> <!-- Matomo --> <script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script> <!-- End Matomo Code --> </head> <body class="bg_body"> <header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg"> <div class="ov"></div> <div class="container"> <!-- Logo --> <div class="navbar-header"> <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/"> <div class="img"> <img src="https://static.neopse.com/medias/p/2481/site/a8/e4/96/a8e4968ead11ff4c5db537f903635bcf3892aa1c.jpg" alt="Commune de Treilles" title="Commune de Treilles"> </div> </a> </div> <!-- Mobile button --> <button class="navbar-toggler c_text" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"> <i class="material-icons notranslate">menu</i> </span> </button> <div class="collapse navbar-collapse" id="navbar"> <ul class="nav navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link c_text h_text" href="/" role="button"> <i class="material-icons">home</i> </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ACCUEIL </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown1"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/ed/1545377/edito-53"> Edito </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1009595/historique-47"> Historique </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1042628/les-maires-de-treilles"> Les maires de Treilles </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> VIE COMMUNALE </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown2"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/tb/1545845/le-conseil-municipal-39"> Le Conseil municipal </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1021776/les-commissions-municipales-19"> Les commissions municipales </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1008776/le-personnel-communal-13"> Le personnel communal </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rp/1545689/comptes-rendus-cm-3"> Comptes rendus CM </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1334348/les-arretes-municipaux-5"> Les arrêtés municipaux </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1334387/les-arretes-prefectoraux-2"> Les arrêtés préfectoraux </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1776530/les-arretes-du-conseil-departemental"> Les arrêtés du Conseil Départemental </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/nw/1544948/actualites-1068"> Actualités </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1010999/le-plu-6"> Le PLU </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1038312/les-risques-majeurs-3"> Les risques majeurs </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1200851/le-cipff"> Le CIPFF </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> VIE PRATIQUE </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown3"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/ev/1544987/agenda-1069"> Agenda </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/pg/1545572/guide-des-demarches-635"> Guide des démarches </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1011038/les-ordures-menageres-le-compostage"> Les ordures ménagères / Le compostage </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1011051/le-debroussaillement"> Le débroussaillement </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1200812/eau-potable-et-assainissement"> Eau potable et assainissement </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1405562/covoiturage-et-transport"> Covoiturage et transport </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1829999/espace-seniors"> Espace Seniors </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1533287/espace-sports-et-loisirs"> Espace Sports et Loisirs </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/2140738/les-nuisances-sonores-3"> Les nuisances sonores </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> BATIMENTS COMMUNAUX </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown4"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1124775/la-maison-villageoise"> La maison villageoise </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1124814/le-foyer"> Le foyer </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1319242/lecole-17"> L'école </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1319437/la-cantine-scolaire-4"> La cantine scolaire </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ANNUAIRES </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown5"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/as/1545611/annuaire-des-associations-466"> Annuaire des associations </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/bu/1545650/annuaire-des-professionnels-473"> Annuaire des professionnels </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/lk/1545065/liens-utiles-23"> Liens utiles </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1221859/numeros-durgence-22"> Numéros d'urgence </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown6" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> CONTACT </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown6"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/ct/1544870/contacts-982"> Contacts </a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown7" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> PHOTOS-VIDEOS </a> <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown7"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/pc/1545494/galerie-de-photos-11"> Galerie de photos </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/vd/1545455/galerie-de-videos-567"> Galerie de vidéos </a> </div> </div> </li> </ul> </div> </div> </nav></header> <main role="main"> <div class="main intern-page"> <header class="d-flex align-items-center breadcrumb bg"> <div class="ov"></div> <div class="container text-center"> <h1 class="title c_title">Agenda</h1> <nav class="ariane c_text"> <span><a href="/fr/" class="font-weight-bold">Accueil</a></span> / <a href="/fr/">VIE PRATIQUE</a> / <a href="/fr/ev/1544987/agenda-1069">Agenda</a> </nav> </div> </header> <!-- Contenu --> <section class="container wrapper bg_wrapper c_wrapper"> <div class="ov bgw"></div> <div class="main-content"> <div class="row"> <div class="col col-lg"> <div class="row"> <div class="col col-lg contenu" id="pagination"> <div class="d-flex flex-wrap justify-content-between align-items-start mb-3"> <form action=""> <div> <h2 class="h4 title">Recherche par mois -</h2> <select id="search-month" name="m" class="borderless bg_bloc text_bloc c_text selectpicker"> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/3" > Mars 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/4" selected> Avril 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/5" > Mai 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/6" > Juin 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/7" > Juillet 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/8" > Août 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/9" > Septembre 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/11" > Novembre 2025 </option> <option class="c_text" value="/fr/ev/1544987/agenda-1069/2025/12" > Décembre 2025 </option> </select> </div> </form> </div> <a href="/fr/ev/1544987/1602694/enquete-publique-plu" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/7c/e3/86/7ce386f64f5204daef186bc80722359d99247973.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Enquête publique (PLU)</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 04 Mars - 04 Avril 2025 </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">Elaboration du Plan Local d'Urbanisme</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/830260/ramassage-des-encombrants-6/2025/04/01" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/ad/4a/b7/ad4ab771ecf3f198559411789894e7f7ac909b69.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Ramassage des encombrants</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 01 Avril 2025 (08:00) </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">S'adresser en mairie</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/967280/distribution-des-sacs-poubelles-du-grand-narbonne-1" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/d9/3b/48/d93b4854fb269b49454abd23d4cacd52e05f9a1e.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Distribution des sacs poubelles du Grand Narbonne</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 02 - 30 Avril 2025 </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">Commune de Treilles</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1042225/seance-du-conseil-municipal-20/2025/04/02" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/d8/3f/bf/d83fbfa7d6026cde64f48a7d0193e8100a6b40dd.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Séance du conseil municipal</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 02 Avril 2025 (18:30) </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text"></p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1612327/animation-a-la-bibliotheque-3/2025/04/04" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="/images/default-image.jpg" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Animation à la bibliothèque</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 04 Avril 2025 </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">Maison Villageoise</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1621947/quoi-de-neuf-dans-votre-bibliotheque/2025/04/09" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/79/04/7c/79047c943b557c24463a724d9553b487ae6a1d58.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Quoi de neuf dans votre bibliothèque ?</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 09 Avril 2025 (15:00) </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">.</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1639640/initiation-gratuite-de-danse/2025/04/11" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/74/84/19/7484192de092b63c0c34cde3a268fc2a6a820696.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Initiation gratuite de danse</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 11 Avril 2025 (20:00) </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Non communiqués </p> </div> <p class="card-text">Madison et Salsa</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1461436/vacances-scolaires-3" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/eb/d1/63/ebd163c9d980bdb33871f9aefef6c64d40f7c4c8.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Vacances scolaires</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 12 - 27 Avril 2025 </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">Printemps 2025</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1612405/repas-de-paques-3/2025/04/20" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/71/52/29/715229717e95591c6e3a0b736656443597367b8e.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Repas de Pâques</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 20 Avril 2025 (12:00) </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> 10.00€ - 25.00€ </p> </div> <p class="card-text">.</p> </p> </p> </div> </a> <a href="/fr/ev/1544987/1612418/rassemblement-de-motos-de-collection/2025/04/21" class="card-date mb-4 row"> <div class="col-12 col-md-3 mb-2 pl-0"> <div class="card-button"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2481/site/90/03/67/9003670ee26104f65f955b22d01da2bcbddab36c.png?v=v1" alt="Image par défaut"> </div> </div> <div class="card-body col-12 col-md-8 pl-0"> <h2 class="card-title h5">Rassemblement de motos de collection</h2> <p class="card-time"> <p class="mb-0"> <p class="mb-1"> 21 Avril 2025 </p> <div> <div class="card-text address d-flex"> <i class="material-icons notranslate small mt-1 mr-2">location_on</i> <p class="mb-1">Treilles <br>11510 France</p> </div> </div> <div class="mb-2"> <i class="material-icons notranslate small align-middle">account_balance_wallet</i> <p class="card-text d-inline-block"> Gratuit </p> </div> <p class="card-text">.</p> </p> </p> </div> </a> </div> </div> </div> </div> </div> </section> </div> </main> <div class="main"> <div id="footer"> <footer role="contentinfo" class="footer footer1 bg"> <div class="ov"></div> <div class="container d-flex flex-wrap"> <div class="footer-container"> <h2 class="title light c_title d_title btn-line"><a href="/fr/ct/1544870/contacts-982">Contacts</a></h2> <div class="footer-box"> <div class="contact c_text"> <p class="font-weight-bold mb-0">Commune de Treilles</p> <p class="mb-0">8, place de la Fontaine</p> <p class="mb-0">11510 Treilles - FRANCE</p> <p class="mb-0"><a href="tel:+33468457181">+33 4 68 45 71 81</a> </p> <p class="mb-0"><a href="#" data-toggle="modal" data-target="#contactFormContactFooter" class="btn-outline c_btn h_btn">Contact par formulaire</a> </p> </div> </div> <div class="social-media"> <ul class="c_text"> <li><a href="http://www.facebook.com/Mairie-de-Treilles-104900057900219" class="icon-facebook" title="facebook" target="_blank"></a></li> <li><a href="https://www.youtube.com/channel/UCuWnxpVAAlXQGL_lTIaoLlw" class="icon-youtube" title="youtube" target="_blank"></a></li> </ul> </div> </div> </div> </footer> <section class="bg footer-links footer2"> <div class="ov"></div> <div class="container d-flex flex-wrap"> <div class="footer-container"> <h2 class="title-container clearfix mb-3"> <a href="/fr/lk/1545065/liens-utiles-23" class="title c_title d_title">Liens utiles</a> </h2> <div class="links c_text row linksCustom"> <p class="col-8 col-md-8"> <a href="http://www.aude.gouv.fr/" target="_blank">Préfecture de l'Aude</a> </p> <p class="col-8 col-md-8"> <a href="https://www.legrandnarbonne.com/vivre-au-quotidien/gerer-ses-dechets/tri-selectif" target="_blank">Les consignes de tri (Grand Narbonne)</a> </p> <p class="col-8 col-md-8"> <a href="https://www.legrandnarbonne.com/vivre-au-quotidien/se-loger-/-habiter/vos-demandes-durbanisme" target="_blank">Demande d'urbanisme (Grand Narbonne)</a> </p> <p class="col-8 col-md-8"> <a href="http://www.legrandnarbonne.com/" target="_blank">Le Grand Narbonne</a> </p> <p class="col-8 col-md-8"> <a href="https://www.legrandnarbonne.com/vivre-au-quotidien/cycle-de-leau" target="_blank">Eau et assainissement (Grand Narbonne)</a> </p> </div> </div> </div> <div class="container d-flex" style="justify-content:center;"> <p class="mt-0 mb-0 c_text"><a href="/fr/li/1544909/mentions-legales-1119">Mentions légales</a></p> <span class="c_text" style="margin: 0 8px;">-</span> <p class="mt-0 mb-0 c_text"><a href="/fr/1544909/politique-confidentialite">Politique de confidentialité</a></p> <span class="c_text" style="margin: 0 8px;">-</span> <p class="mt-0 mb-0 c_text"><a href="/fr/accessibilite">Accessibilité</a></p> <span class="c_text" style="margin: 0 8px;">-</span> <p class="mt-0 mb-0 c_text"><a href="/fr/sm/64498/plan-du-site-1" >Plan du site</a></p> <span class="c_text" style="margin: 0 8px;">-</span> <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> </div> </section> </div> <div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="modal-header bg_bloc text_bloc"> <h5 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Mairie de TREILLES</h5> </div> <form id="contactFormFooter" action="/formMdContact" method="post" novalidate enctype="multipart/form-data"> <div class="modal-body pb-0"> <p class="field-wrapper">Pour envoyer un message à la Mairie de TREILLES, merci de remplir les champs du formulaire. </p> <div class="form-group position-relative"> <div><label for="2_input">Votre prénom et nom</label><span>*</span></div> <input type="text" name="2_input" class="form-control" id="2_input" aria-describedby="2_inputHelp"> <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="3_email">Votre adresse courriel</label><span>*</span></div> <input type="email" name="3_email" class="form-control" id="3_email" aria-describedby="Votre adresse courriel"> <span class="form-error requirements" id="3_email-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group position-relative"> <div><label for="4_textarea">Votre demande</label><span>*</span> </div> <textarea name="4_textarea" class="form-control pl-0" id="4_textarea" rows="3"></textarea> <span class="form-error requirements" id="4_textarea-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="5_date">Date</label><span>*</span></div> <div class="d-flex align-items-center"> <div class="col-10 col-md-5 mr-3 px-0"> <input type="date" name="5_date" class="form-control" id="5_date" aria-describedby="5_dateHelp" placeholder="Date"> <span class="help-message"><i class="material-icons notranslate">date_range</i></span> </div> <div data-toggle="popover" data-content=""> </div> </div> <span class="form-error requirements" id="5_date-error" role="alert">Ce champ est obligatoire</span> </div> <div class="field-wrapper"> <div><label for="6_email" class="font-weight-bold mr-1">Joindre des fichiers</label><span></span></div> <div class="d-flex align-items-center"> <div class="form-group col-10 col-md-10 px-0 mb-0"> <div class="upload-btn-wrapper"> <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> <input type="file" name="6_file" accept="application/pdf,image/jpeg,image/png"> </div> </div> </div> <div> <ul class="listFiles"> </ul> </div> <span class="form-error requirements" id="6_file-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div class="h-recaptcha m-auto d-inline-block"></div> <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire </div> </div> </div> <div class="modal-footer"> <button id="formContactForm" type="submit" class="btn-outline btn-right c_btn h_btn formContactForm">ENVOYER</button> </div> <div class="m-3"> Les informations recueillies à partir de ce formulaire sont nécessaires à la gestion de votre demande par notre Structure qui est responsable du traitement de vos données personnelles collectées.<br /> Vos donn<span style="color:null"><span style="background-color:null">ées personnelles reçues sont conservées par notre Structure pendant toute la durée nécessaire au traitement de votre demande ou bien pour une durée de […….] mois maximum à compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des données les services et représentants de notre Structure en charge des réponses aux demandes émises via ce formulaire. Aucun transfert de vos données hors de l'Union européenne n'est réalisé. </span><br /> <span style="background-color:null">Vous pouvez à tout moment demander l’accès, la rectification, l’effacement, la portabilité ou la limitation de vos données, ou bien vous opposer à leur traitement, en contactant le Délégué à la Protection des Données de notre structure : </span><br /> <span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> <span style="background-color:null">- Par voie postale à l’attention du Délégué à la Protection des Données et à l’adresse suivante : […….]. </span><br /> <span style="background-color:null">Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pou</span></span>vez adresser une réclamation à la CNIL. </div> </form> <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> </div> </div> </div> </div> <div class="footer-bottom" style="position: relative;"> <div class="container"> <p> <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> <img src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid"> Site créé en partenariat avec Réseau des Communes </a> </p> </div> </div> </div> <div id="previewModalImage" class="modal"> <!-- The Close Button --> <span id="closePreviewImage" class="close">×</span> <!-- Modal Content (The Image) --> <div id="containerPreviewImage"><img class="modal-content" alt=""></div> <!-- Modal Caption (Image Text) --> <div id="captionPreviewImage"></div> </div> <script> $(function () { // Get the modal const modal = $('#previewModalImage'); const modalImg = modal.find('img'); const captionText = $('#captionPreviewImage'); // Get the <span> element that closes the modal const closePreviewImage = $('#closePreviewImage'); $('.splide .img, .splide .main-img').on('click', function () { modalImg.attr('src', this.src); captionText.html(this.alt); modal.modal('show'); }); // When the user clicks on <span> (x), close the modal closePreviewImage.on('click', function () { modal.modal('hide'); }); }); </script> <script src="/js/vendor/popper.min.js"></script> <script src="/js/vendor/bootstrap.min.js"></script> <!-- Carousel --> <script src='/dist/owlcarousel/js/owl.carousel.min.js'></script> <script src='/dist/owlcarousel/js/owl.linked.js'></script> <script src='/dist/slick/slick.js'></script> <script src="/lib/splide-4.0.1/js/splide.min.js"></script> <script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script> <!-- Custom JS --> <script src="/js/shared.js?v1"></script> <script src="/tpl/2/js/main.js"></script> <script src="/lib/chartjs/Chart.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script> <script type="text/javascript"> tarteaucitron.user.matomoId = 6; (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); </script> <script> (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//eum.instana.io/eum.min.js','ineum'); ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); // set the name of a page on which this load/errors/calls happened ineum('page', 'front-site'); </script> <script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script> <script type="text/javascript"> var CaptchaCallback = function () { $('.h-recaptcha').each(function (index, el) { hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); }); }; </script> <script> $(document).ready(function () { $('.selectpicker').selectpicker(); // Smooth scroll $("a[href*='#']:not([href='#'])").click(function () { if (location.hostname == this.hostname && this.pathname.replace(/^\//, "") == location.pathname.replace(/^\//, "")) { var anchor = $(this.hash); anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) + "]"); if (anchor.length) { $("html, body").animate({scrollTop: anchor.offset().top - 90}, 1500); } } }); var input = $('input[type=file]'); input.on('change', function () { var list = $(this).parent().parent().parent().parent().find($('.listFiles')); list.empty(); for (var x = 0; x < this.files.length; x++) { var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; // li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; list.append(newFile); } }); $('.form-error').hide(); $('#contactFormFooter').submit(function (e) { let form = $(this); $.ajax({ type: "POST", url: form.attr('action'), data: new FormData(form[0]), contentType: false, processData: false, beforeSend: function () { form.find('.form-error').hide(); $('.formContactForm').attr('disabled', true); }, success: function (response) { hcaptcha.reset(); if (response.status === 'KO') { let errors = response.errors; for (let index in errors) { if (errors.hasOwnProperty(index)) { let attr = errors[index]; let error = attr[Object.keys(attr)[0]]; form.find('#' + index + '-error').text(error).show(); } } } else { $('#contactFormFooter').css('display', 'none'); $('#messageSendedFormContactFooter').css('display', ''); form[0].reset(); } }, complete: function () { $('.formContactForm').removeAttr('disabled'); } }); return false; }); $('#contactFormContactFooter').on('hidden.bs.modal', function () { $('#contactFormFooter')[0].reset(); $('#contactFormFooter').css('display', ''); $('#messageSendedFormContactFooter').css('display', 'none'); $('.form-error').hide(); $('.listFiles').empty(); hcaptcha.reset(); }); }); function humanFileSize(size) { var i = Math.floor(Math.log(size) / Math.log(1024)); return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; } </script> <script> $(function () { var numberAlerts = false; var allAlerts = $('#alertsModal').find($('.alertsInfo')); numberAlerts = allAlerts.length; allAlerts.each(function (index) { if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { if(index == 0){ $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); } $('#alertsModal').modal('show'); } else { $(this).remove(); $('#header'+$(this).attr('data-id')+'').remove(); numberAlerts = numberAlerts - 1; setActiveAndDecrementNumber(); } }); $('.acceptCookiesAlerts').on('click', function (e) { e.preventDefault(); var currentDataId = $(this).attr('data-id'); sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); numberAlerts = numberAlerts - 1; var currentParentNode = $(this).parent().parent().parent(); currentParentNode.removeClass('active'); $('#header'+currentDataId+'').remove(); currentParentNode.remove(); setActiveAndDecrementNumber(); setTitle(); }); function setActiveAndDecrementNumber() { var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); newListOfAlerts.each(function (index, e) { if (index == 0) { $(this).addClass('active'); $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); } }); if (numberAlerts == 0) { $('#alertsModal').modal('hide'); } } var currentColorControl = '#212529'; $('#controlPrev').css('color', 'initial !important'); $('#controlNext').css('color', 'initial !important'); $('#controlNext').on('click',function(){ setTimeout(function(){ setTitle(); }, 1000); }); $('#controlPrev').on('click',function(){ setTimeout(function(){ setTitle(); }, 1000); }); $('#controlPrev').on('mouseover', function () { $(this).css('color', 'initial !important'); }); $('#controlNext').on('mouseover', function () { $(this).css('color', 'initial !important'); }); function setTitle(){ $('.titleHeaderAlerts').addClass('d-none'); var currentId = $('.carousel-item.active').attr('data-id'); $('#header'+currentId+'').removeClass('d-none'); } }); </script> <script> $(document).ready(function () { $("#search-month").change(function () { window.location.href = this.value; }); $("#search-category").change(function () { console.log('searching thing // TODO ' + this.value); }); }); </script> <script type="text/javascript"> </script> </body> </html>