CINXE.COM
Guide des d茅marches - Commune de Treilles
<!DOCTYPE html> <html lang="fr"> <head> <title> Guide des d茅marches - 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> <link href='/lib/comarquage/css/comarquage.css' rel='stylesheet' type='text/css'> <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">Guide des d茅marches</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/pg/1545572/guide-des-demarches-635">Guide des d茅marches</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 contenu"> <div class="row mt-3"> <div class="col-12 col-md-4 pr-md-3 px-0 mb-3"> <div class="h-100 bg_bloc text_bloc"> <a href="/fr/pg/1545572/guide-des-demarches-635/part" data-xiti-name=""> <div class="card-body"> <h2 class="card-title btn-line dark h5">Particuliers</h2> <p>Retrouvez dans cet espace tous vos droits et d茅marches</p> <div class="arrow"></div> </div> </a> </div> </div> <div class="col-12 col-md-4 px-0 mb-3"> <div class="h-100 bg_bloc text_bloc"> <a href="/fr/pg/1545572/guide-des-demarches-635/pro" data-xiti-name=""> <div class="card-body"> <h2 class="card-title btn-line dark h5">Professionnels</h2> <p>Retrouvez dans cet espace tous vos droits et d茅marches concernant votre entreprise</p> <div class="arrow"></div> </div> </a> </div> </div> <div class="col-12 col-md-4 pl-md-3 px-0 mb-3"> <div class="h-100 bg_bloc text_bloc"> <a href="/fr/pg/1545572/guide-des-demarches-635/asso" data-xiti-name=""> <div class="card-body"> <h2 class="card-title btn-line dark h5">Associations</h2> <p>Retrouvez dans cet espace tous vos droits et d茅marches concernant votre association</p> <div class="arrow"></div> </div> </a> </div> </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="https://www.legrandnarbonne.com/maison-habitat" target="_blank">Maison de l'habitat (Grand Narbonne)</a> </p> <p class="col-8 col-md-8"> <a href="https://moisenior.aude.fr/" target="_blank">Moi Senior</a> </p> <p class="col-8 col-md-8"> <a href="https://www.legrandnarbonne.com/vivre-au-quotidien/consommer-local-et-agir-au-quotidien/carte-des-circuits-courts-par-ici-les-produits-dici" target="_blank">Par ici les produits d'ici (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="https://www.legrandnarbonne.com/annuaires/stationnement-circulation" target="_blank">Carte des pistes cyclables (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 type="text/javascript"> </script> </body> </html>