menu
Ma Mairie
Conseil municipal
Les commissions
Les services municipaux
Les conseils municipaux
Les arrêtés
Le budget
Tribune libre
Vivre à Puylaurens
Petite enfance
Scolaire et périscolaire
Culture
Sport
Vie associative
Vie économique
Santé et sécurité
Mobilités
Gestion des déchets
Etre accompagné
Maison France Services
CCAS
Collectif des aidants familiaux
Découvrir
Circuit découverte du centre historique
Terre d'histoire
Marianne et Puylaurens
Faire une pause
Aire de camping-cars
Hébergements et restauration
Documentation touristique
Office de Tourisme
Puylaurens d'hier
Mes démarches
Démarches d'urbanisme
Cartes d'identité et passeports
Autres démarches administratives
search
search
Plan/Accès
Accueil
/
Plan/Accès
Puylaurens - 81700
</div> <div class="my-4"> <div class="bloc-diapo block-gallery"> <div class="splide simpleSplide" id="splideshow-342399304"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/3875/site/b9/66/3d/b9663d0a1223327d8956e71ac757c02abb9b8624.jpg?v=v1" alt="_MG_6396 copie.jpg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/3875/site/fd/b7/1a/fdb71aed236a48314c507c14ae16338d641c0850.JPG?v=v1" alt="100_0316.JPG"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/3875/site/e2/cd/cb/e2cdcb08aeef082a777d55d27b06da23f622d46a.JPG?v=v1" alt="ACIXE6608.JPG"> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> <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> <!-- Footer --> <div id="footer"> <footer role="contentinfo" class="footer bg"> <div class="ov"></div> <div class="container mb-3 d-flex flex-wrap justify-content-between"> <div class="footer-container"> <h2 class="title c_title" style="font-size:1.5rem !important;">Nous contacter</h2> <div class="footer-box"> <div class="contact c_text"> <p class="font-weight-bold mb-0">Commune de Puylaurens</p> <p class="mb-0">1 rue de la Mairie</p> <p class="mb-0">81700 Puylaurens - FRANCE</p> <p class="mb-0"><a href="tel:+33563750018">+33 5 63 75 00 18</a> </p> <p class="mb-0"><a class="btn c_btn bg_btn d-inline-block" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a> </p> </div> </div> <div class="social-media"> <ul class="c_text"> <li><a href="https://www.facebook.com/villepuylaurens/" class="bg_text icon-facebook" title="facebook" target="_blank"></a></li> <li><a href="https://www.instagram.com/ville_de_puylaurens" class="bg_text icon-instagram" title="instagram" target="_blank"></a></li> </ul> </div> </div> </div> <div class="footer-links bg" style="padding: 10px 0 !important;"> <div class="ov"></div> <div class="container"> <div class="footer-links-container"> </div> <div class="footer-links-container"> </div> </div> <div class="container d-flex flex-wrap position-relative justify-content-center mt-3 c_text"> <p class="mr-2 c_text"><a href="/fr/li/2417287/mentions-legales-1661">Mentions légales</a></p>- <p class="ml-2 mr-2 c_text"><a href="/fr/2417287/politique-confidentialite">Politique de confidentialité</a></p>- <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a></p>- <p class="ml-2 mr-2 c_text"><a href="/fr/sm/100742/plan-du-site-1" >Plan du site</a></p>- <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> </div> </div> </footer> </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"> <h5 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact</h5> </div> <form id="contactFormFooter" action="/formMdContact" method="post" novalidate enctype="multipart/form-data"> <div class="modal-body pb-0"> <div><p class="title">Nous écrire</p></div> <hr> <div class="field-wrapper"><p>Vous souhaitez nous contacter par mail ? Rien de plus simple ! Il vous suffit de compléter le formulaire ci-dessous, et d'y ajouter une pièce jointe si nécessaire. Nous vous répondrons dans les meilleurs délais. </p></div> <div class="form-group position-relative"> <div><label for="3_input">Nom</label><span>*</span></div> <input type="text" name="3_input" class="form-control" id="3_input" aria-describedby="3_inputHelp"> <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group position-relative"> <div><label for="4_input">Prénom</label><span>*</span></div> <input type="text" name="4_input" class="form-control" id="4_input" aria-describedby="4_inputHelp"> <span class="form-error requirements" id="4_input-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group position-relative"> <div><label for="5_textarea">Message</label><span>*</span> </div> <textarea name="5_textarea" class="form-control" id="5_textarea" rows="3"></textarea> <span class="form-error requirements" id="5_textarea-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="6_email">Adresse mail</label><span>*</span></div> <input type="email" name="6_email" class="form-control" id="6_email" aria-describedby="Adresse mail"> <span class="form-error requirements" id="6_email-error" role="alert">Ce champ est obligatoire</span> </div> <div class="field-wrapper"> <div><label for="7_email" class="font-weight-bold mr-1">Pièces jointes</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="7_file" accept="application/pdf,image/jpeg,image/png"> </div> </div> <span class="ml-3 cursor-pointer" data-toggle="popover" data-content="Si"><i class="material-icons">info_outline</i></span> </div> <div> <ul class="listFiles"> </ul> </div> <span class="form-error requirements" id="7_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 bg_btn c_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 36 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 : contact@puylaurens.fr ; </span><br /> <span style="background-color:null">- Par voie postale à l’attention du Maire et à l’adresse suivante : Mairie - 1 rue de la Mairie - 81700 Puylaurens. </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é à la Mairie de Puylaurens. Une réponse vous sera apportée dans les meilleurs délais. 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> <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/slick/slick.js'></script> <script src='/dist/scrollbar/jquery.scrollbar.min.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='/dist/pagination.min.js'></script> <script src="/js/shared.js?v1"></script> <script src="/tpl/4/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 type="text/javascript"> </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(); 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 (e) { if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { $('#alertsModal').modal('show'); } else { $(this).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'); currentParentNode.remove(); setActiveAndDecrementNumber(); }); function setActiveAndDecrementNumber() { var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); newListOfAlerts.each(function (index, e) { if (index == 0) { $(this).addClass('active'); } }); if (numberAlerts == 0) { $('#alertsModal').modal('hide'); } } var currentColorControl = '#212529'; $('#controlPrev').css('color', 'initial !important'); $('#controlNext').css('color', 'initial !important'); $('#controlPrev').on('mouseover', function () { $(this).css('color', 'initial !important'); }); $('#controlNext').on('mouseover', function () { $(this).css('color', 'initial !important'); }); }); </script> </body> </html>
