Commune de Treilles - Site officiel

<!DOCTYPE html> <html lang="fr"> <head> <title> Commune de Treilles - Site officiel </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 (Aude)"> <meta name="Keywords" content="TREILLES,AUDE,MAIRIE,COMMUNE,OFFICIEL,11510"> <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" />  <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>  <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> <meta property="og:url" content="http://mairie-treilles.fr/fr/"> <meta property="og:type" content="website"> <meta property="og:title" content="Commune de Treilles"> <meta property="og:description" content="Site officiel de la commune de Treilles (Aude)"> <script src="/js/vendor/jquery-3.2.1.min.js"></script>  <script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>  </head> <body class="bg_body"> <header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg"> <div class="ov"></div> <div class="container">  <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>  <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 home"> <header class="intro bandeau bg header"> <div class="ov"></div>  <div class="research-container"> <div id="w_oneclick"> <div class="keywords-container inamovible" id="w_oneclick"> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/nw/1544948/actualites-1068" > <i class="material-icons notranslate mr-2 align-middle">accessibility</i> Actualit茅 </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/pg/1545572/guide-des-demarches-635" > <i class="material-icons notranslate mr-2 align-middle">account_balance</i> D茅marches administratives </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/ev/1544987/agenda-1069" > <i class="material-icons notranslate mr-2 align-middle">date_range</i> Agenda </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/rb/1221859/numeros-durgence-22" > <i class="material-icons notranslate mr-2 align-middle">local_hospital</i> Secours </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/ct/1544870/contacts-982" > <i class="material-icons notranslate mr-2 align-middle">perm_phone_msg</i> Contact </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/rb/1010999/le-plu-6" style="background-color: #E77979!important;" > <i class="material-icons notranslate mr-2 align-middle">home</i> PLU </a> </div> <div class="keyword"> <a class="bg_text c_text bold-title" href="/fr/nw/1544948/846198/dispositif-action-facades-2022-2025" style="background-color: #E77979!important;" > <i class="material-icons notranslate mr-2 align-middle">color_lens</i> Action Fa莽ades </a> </div> </div> </div> </div> </header> <div class="position-relative"> <div id="w_headline"> <div class="news bg" id="w_headline"> <div class="ov"></div> <div id="carouselIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item c_text active"> <div class="news--content"> <h3 class="bold-title h4"><a href="/fr/nw/1544948/2452972/creation-dun-bibliodrive-a-treilles" >Un biblio'drive 脿 Treilles !</a></h3> <p class="c_text"><a href="/fr/nw/1544948/2452972/creation-dun-bibliodrive-a-treilles" >.</a></p> </div> <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2481/site/c8/f8/9e/c8f89e090120489145354b9509d0860582cd398a.png?v=v1);"></div> </div> <div class="carousel-item c_text"> <div class="news--content"> <h3 class="bold-title h4"><a href="/fr/nw/1544948/2449605/programme-des-festivites-2025" >Programme des festivit茅s 2025</a></h3> <p class="c_text"><a href="/fr/nw/1544948/2449605/programme-des-festivites-2025" >.</a></p> </div> <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2481/site/fc/2e/7c/fc2e7c73ea567cd3c5b161786701224d61996884.png?v=v1);"></div> </div> <div class="carousel-item c_text"> <div class="news--content"> <h3 class="bold-title h4"><a href="/fr/nw/1544948/2419770/ateliers-informatiques-pour-les-seniors" >Ateliers informatiques pour les seniors</a></h3> <p class="c_text"><a href="/fr/nw/1544948/2419770/ateliers-informatiques-pour-les-seniors" >06/03/2025</a></p> </div> <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2481/site/27/41/9f/27419fb934373277f399ffa90f45ea7ed94c1826.png?v=v1);"></div> </div> </div>  <ol class="carousel-indicators"> <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselIndicators" data-slide-to="1"></li> <li data-target="#carouselIndicators" data-slide-to="2"></li> </ol> </div> </div> </div> </div> <div id="w_jqyfyn3qq"> <section class="bg labels"> <div class="ov"></div> <div class="container"> <div class="title-container clearfix"> <h2 class="title c_title d_title">Labels</h2> </div> <div class="carousel-5 mt-3 partners"> <div class="item" data-toggle="tooltip" title="Objectifs Z茅ro Phyto - FREDON Occitanie JEVI"> <a href="https://www.fredonoccitanie.com/jevi/" target="_blank"> <img alt="" src="https://static.neopse.com/medias/d/label/94/2a/82/942a82ab155d60428e9521da60b030dfee36e312.jpg" data-image="https://www.fredonoccitanie.com/jevi/" data-description="grenouille(s)" class="img-fluid"> </a> <div class="rank d-flex justify-content-center mt-3"> <div class="rank-img"><img alt="" src="https://static.neopse.com/medias/d/label/e7/f1/68/e7f1681e1f2c8ae38b3d672bbd4a0c3294529bc7.png" class="img-fluid"/></div> <div class="rank-img"><img alt="" src="https://static.neopse.com/medias/d/label/e7/f1/68/e7f1681e1f2c8ae38b3d672bbd4a0c3294529bc7.png" class="img-fluid"/></div> <div class="rank-img"><img alt="" src="https://static.neopse.com/medias/d/label/e7/f1/68/e7f1681e1f2c8ae38b3d672bbd4a0c3294529bc7.png" class="img-fluid"/></div> </div> </div> </div> </div> </section> </div> <div id="w_n13akrvqy"> <section class="bg"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <div class="title dark c_title d_title">M茅t茅o et qualit茅 de l'air</div> </div> <div class="widget-container"><iframe id="widget_autocomplete_preview" width="50%" height="150" frameborder="0" src="https://meteofrance.com/widget/prevision/113980##D65C54"> </iframe> <a href="https://www.atmo-occitanie.org/sites/default/files/widget-iqa/11398.png" target="_blank" name="lien_vignette"><img src="https://www.atmo-occitanie.org/sites/default/files/widget-iqa/11398.png" border="0" alt="ATMO Occitanie - Indice de qualit茅 de l'air" title="ATMO Occitanie - Indice de qualit茅 de l'air" /></a></div> </div> </section> </div> <div id="w_v9qd6udkb">  <section class="bg newsletter"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <h2 class="title dark c_title d_title">Newsletters</h2> </div> <div class="row"> <div class="col-lg-7 col-md-6"> <p class="c_text font-weight-bold">Indiquez votre adresse email afin de vous abonner 脿 notre newsletter.</p> <p class="c_text">En renseignant votre adresse email, vous acceptez de recevoir notre newsletter par courrier 茅lectronique. Vous pouvez vous d茅sinscrire 脿 tout moment en cliquant dans un lien de d茅sinscription dans chaque newsletter r茅ceptionn茅e.</p> </div> <div class="col-lg-5 col-md-6"> <form id="newsletters-form" action="/formNewsletters" novalidate> <div class="form-check mb-3"> <label class="mr-2 c_text">Th茅matiques</label> <select id="newsgroup" multiple="multiple" name="choiceGroups[]" data-button="Newsletters"> <option value="196">MAIRIE SEULE</option> </select> </div> <div class="mb-3 c_text"> <input name="email" id="emailNewsletters" type="email" class="col-12" aria-label="Adresse email" placeholder="Adresse email"> <span class="form-error requirements" id="email-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group mb-3"> <div class="h-recaptcha m-auto d-inline-block" data-callback="recaptcha_callback"></div> <div class="form-error requirements" id="h-captcha-response-error" role="alert"> Ce champ est obligatoire </div> </div> <button id="sendNewsletters" type="submit" class="btn c_btn bg_btn mb-3 disabled" disabled>S'ABONNER </button> </form> <div id="messageSendedFormNewsletter" class="form-message-sent c_text" style="display: none"> <p role="status"><i class="material-icons align-middle">check_circle</i> Votre adresse email a bien 茅t茅 enregistr茅e. Vous recevrez dans quelques instants un email automatique NEOPSE pour confirmer votre inscription au service. Merci.</p> </div> </div> </div> </div> </section> </div> </div>  <div class="modal fade" id="alertsModal" tabindex="-1" role="dialog" aria-labelledby="modalAlert-label" aria-hidden="true" style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> <div class="modal-dialog" role="document" style="max-width: 80% !important;"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> </button> <div id="modalAlert-label" class="sr-only">Modal d'informations</div> <div id="carouselExampleControls" class="carousel slide" data-interval="0"> <div class="carousel-inner carousel-inner-template2"> <div data-id="10198" class="carousel-item active alertsInfo"> <div class="modal-header bg_bloc"> <h5 class="modal-title font-weight-bold dark c_text">Enqu锚te publique (Plan Local d'Urbanisme)</h5> </div> <div class="modal-body mt-2 ckeditor_info" style="height: 325px;max-height: 325px;overflow-y:auto;overflow-x: hidden;margin-left: 8%;margin-right: 8%;"> <p><div style="text-align:center"><span style="font-size:22px"><span style="color:#c0392b"><u><strong>PLAN LOCAL D'URBANISME</strong></u></span></span></div> <div style="text-align:center"> </div> <div style="text-align:center"><strong>L’enquête publique relative au Plan Local d'Urbanisme se déroulera du<br /> Mardi 4 mars 2025 à 9h00 au vendredi 04 avril 2025 à 12h00<br /> soit d’une durée de trente-deux (32) jours consécutifs.<br /> La suite ici :<br /> <br /> <a href="https://mairie-treilles.fr/fr/rb/2224120/enquete-publique-plu-3"><span style="color:#2980b9">https://mairie-treilles.fr/fr/rb/2224120/enquete-publique-plu-3</span></a></strong></div> <div> </div> <div> </div></p> </div> <div class="modal-footer"> </div> <div class="modal-footer"> <div> <a href="#" data-id="10198" class="d-flex acceptCookiesAlerts"> <div class="mr-1"><i class="material-icons">remove_circle_outline</i></div> <em> Ne plus afficher cette information jusqu'脿 la prochaine visite</em></a> </div> </div> </div> </div> <a style="width: 10% !important;color: initial !important;" id="controlPrev" class="carousel-control-prev c_text pr-4" href="#carouselExampleControls" data-slide="prev"> <i class="material-icons notranslate" aria-hidden="true">chevron_left</i> <span class="sr-only">Previous</span> </a> <a style="width: 10% !important;color: initial !important;" id="controlNext" class="carousel-control-next c_text pl-4" href="#carouselExampleControls" data-slide="next"> <i class="material-icons notranslate" aria-hidden="true">chevron_right</i> <span class="sr-only">Next</span> </a> </div> </div> </div> </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="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/gerer-ses-dechets/18-decheteries" target="_blank">Horaires d'ouverture des d茅chetteries (Grand Narbonne)</a> </p> <p class="col-8 col-md-8"> <a href="https://www.sivom-cm.fr/" target="_blank">SIVOM Corbi猫res-M茅diterran茅e</a> </p> <p class="col-8 col-md-8"> <a href="http://www.parc-naturel-narbonnaise.fr" target="_blank">Parc Naturel R茅gional de la Narbonnaise en M茅diterran茅e</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">  <span id="closePreviewImage" class="close">×</span>  <div id="containerPreviewImage"><img class="modal-content" alt=""></div>  <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>  <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>  <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 type="text/javascript"> </script> </body> </html>

CINXE.COM

Commune de Treilles - Site officiel