Horaires et contacts mairie

<!DOCTYPE html> <html lang="fr"> <head> <title> Horaires et contacts mairie - Commune d'Upie </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=""> <meta name="Keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta charset="UTF-8">  <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', '650']); 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 href="/css/slick.css" rel='stylesheet' type='text/css'> <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'> <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=Montserrat: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/scrollbar/jquery.scrollbar.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/5/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_aw3spf5mb .bg { background-color: #B1B3BD; }#w_aw3spf5mb .c_text { color: #0C28F3; } #w_aw3spf5mb .c_text:before { background-color: #0C28F3; }#w_aw3spf5mb .c_title { display: none; }#w_headline.bg { background-color: #F4F0F0; }nav.navbar .h_text:hover { color: #FFFFFF; }.social-media.c_text { color: #1682F1; }.footer.bg { background-color: #1682F1; }#w_hq667mgbl .bg { background-color: #1682F1; }#w_1nn9mno5n .bg { background-color: #1682F1; }#w_nvg216yo9 .bg { background-color: rgba(247, 247, 247, 0.45); }#w_nvg216yo9 .c_title { display: inline-block; }#w_nvg216yo9 .bg_btn, #w_nvg216yo9 .carousel-indicators .active { background: #1682F1 !important;} #w_nvg216yo9 .bg_btn, #w_nvg216yo9 .carousel-indicators li{ border-color: #1682F1 !important;} #w_nvg216yo9 .carousel-control-prev-icon, #w_nvg216yo9 .carousel-control-next-icon, #w_nvg216yo9 .owl-theme .owl-nav [class*=owl-]{ background-color: #1682F1 !important; }#w_nvg216yo9 .c_btn { color: #000000; } #w_nvg216yo9 .owl-theme .owl-dots .owl-dot.active span, #w_nvg216yo9 .owl-theme .owl-dots .owl-dot:hover span { background: #000000; opacity: 1; } #w_nvg216yo9 .carousel-indicators li, #w_nvg216yo9 .owl-theme .owl-dots .owl-dot span{ background-color: #000000; opacity: 0.5; } #w_nvg216yo9 .carousel-control-prev, #w_nvg216yo9 .carousel-control-next, #w_nvg216yo9 .owl-theme .owl-nav [class*=owl-]{ color: #000000 !important; }#w_0g1wpl8q1 .bg { background-color: #F7F7F7; }#w_0g1wpl8q1 .bg_text { background-color: #A3B1A7; }#w_0g1wpl8q1 .c_text { color: #000000; }#w_0g1wpl8q1 .bg_btn, #w_0g1wpl8q1 .carousel-indicators .active { background: #66E6A5 !important;} #w_0g1wpl8q1 .bg_btn, #w_0g1wpl8q1 .carousel-indicators li{ border-color: #66E6A5 !important;} #w_0g1wpl8q1 .carousel-control-prev-icon, #w_0g1wpl8q1 .carousel-control-next-icon, #w_0g1wpl8q1 .owl-theme .owl-nav [class*=owl-]{ background-color: #66E6A5 !important; } #w_0g1wpl8q1 .slick-prev, #w_0g1wpl8q1 .slick-next { background-color: #66E6A5 !important; } #w_0g1wpl8q1 .slick-prev:hover, #w_0g1wpl8q1 .slick-next:hover { background-color: #66E6A5; opacity:1; }#w_0g1wpl8q1 .c_btn, #w_0g1wpl8q1 .card-icon-date .day { color: #000000; border-color: #000000; } #w_0g1wpl8q1 .c_btn:before, #w_0g1wpl8q1 .owl-theme .owl-dots .owl-dot.active span, #w_0g1wpl8q1 .owl-theme .owl-dots .owl-dot:hover span, #w_0g1wpl8q1 .slick-dots .slick-active button:before, #w_0g1wpl8q1 .card-icon-date .month { background-color: #000000 !important; opacity: 1; } #w_0g1wpl8q1 .carousel-indicators li, #w_0g1wpl8q1 .owl-theme .owl-dots .owl-dot span, #w_0g1wpl8q1 .slick-dots li button:before{ background-color: #000000; opacity: 0.5; } #w_0g1wpl8q1 .slick-prev:before, #w_0g1wpl8q1 .slick-next:before { color: #000000 !important; }#w_oneclick .bg_text { background-color: #FFFFFF !important; }#w_oneclick .c_text { color: #000000; }.footer .c_title { color: #000000; } .footer .c_title:before { background-color: #000000 !important; }.footer .footer-btn.c_btn { color: #000000; }.footer .footer-btn.bg_btn { background-color: #F5F5F5; }.social-media.bg { background-color: #F4F0F0; }.breadcrumb.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }.breadcrumb.bg .c_text { color: #ECF1E5; }.breadcrumb.bg .c_title { color: #ECF1E5; } .breadcrumb.bg .c_title:before { background-color: #ECF1E5 !important; }.breadcrumb.bg { background-color: rgba(18, 52, 248, 0.97); }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }#w_oneclick .c_title { display: inline-block; }#w_1nn9mno5n .bg_btn, #w_1nn9mno5n .carousel-indicators .active { background: #F7F3F4 !important;} #w_1nn9mno5n .bg_btn, #w_1nn9mno5n .carousel-indicators li{ border-color: #F7F3F4 !important;} #w_1nn9mno5n .carousel-control-prev-icon, #w_1nn9mno5n .carousel-control-next-icon, #w_1nn9mno5n .owl-theme .owl-nav [class*=owl-]{ background-color: #F7F3F4 !important; } #w_1nn9mno5n .slick-prev, #w_1nn9mno5n .slick-next{ background-color: #F7F3F4 !important; }#w_1nn9mno5n .c_btn { color: #000000; } #w_1nn9mno5n .c_btn:before { background-color: #000000 !important; } #w_1nn9mno5n .slick-prev:before, #w_1nn9mno5n .slick-next:before{ color: #000000 !important; }#w_headline .c_btn { color: #000000; } #w_headline .carousel-control-prev i, #w_headline .carousel-control-next i { color: #000000; } #w_headline .carousel-control-prev, #w_headline .carousel-control-next{ color: #000000 !important; }#w_headline .bg_btn { background-color: #1682F1; } #w_headline .carousel-control-prev-icon, #w_headline .carousel-control-next-icon{ background-color: #1682F1 !important; }#w_hq667mgbl .bg_btn { background-color: #F8F9F7; } #w_hq667mgbl .carousel-control-prev-icon, #w_hq667mgbl .carousel-control-next-icon{ background-color: #F8F9F7 !important; }#w_hq667mgbl .c_btn, #w_hq667mgbl .carousel-control-prev i, #w_hq667mgbl .carousel-control-next i { color: #000000; } #w_hq667mgbl .c_btn:before { background-color: #000000 !important; }#w_nvfnle3qs .bg_btn, #w_nvfnle3qs .carousel-indicators .active { background: #87CB78 !important;} #w_nvfnle3qs .bg_btn, #w_nvfnle3qs .carousel-indicators li{ border-color: #87CB78 !important;} #w_nvfnle3qs .carousel-control-prev-icon, #w_nvfnle3qs .carousel-control-next-icon, #w_nvfnle3qs .owl-theme .owl-nav [class*=owl-]{ background-color: #87CB78 !important; } #w_nvfnle3qs .slick-prev, #w_nvfnle3qs .slick-next { background-color: #87CB78 !important; } #w_nvfnle3qs .slick-prev:hover, #w_nvfnle3qs .slick-next:hover { background-color: #87CB78; opacity:1; }#w_nvfnle3qs .c_btn, #w_nvfnle3qs .card-icon-date .day { color: #000000; border-color: #000000; } #w_nvfnle3qs .c_btn:before, #w_nvfnle3qs .owl-theme .owl-dots .owl-dot.active span, #w_nvfnle3qs .owl-theme .owl-dots .owl-dot:hover span, #w_nvfnle3qs .slick-dots .slick-active button:before, #w_nvfnle3qs .card-icon-date .month { background-color: #000000 !important; opacity: 1; } #w_nvfnle3qs .carousel-indicators li, #w_nvfnle3qs .owl-theme .owl-dots .owl-dot span, #w_nvfnle3qs .slick-dots li button:before{ background-color: #000000; opacity: 0.5; } #w_nvfnle3qs .slick-prev:before, #w_nvfnle3qs .slick-next:before { color: #000000 !important; }#w_nvfnle3qs .bg_text { background-color: #A2EF8E; }#w_nvfnle3qs .c_text { color: #000000; }#w_nvfnle3qs .bg { background-color: #C0C5BF; }.searchbar .bg_btn { background-color: #1682F1 !important; }.searchbar .c_btn { color: #000000 !important; }.searchbar .c_text { color: #000000; } .searchbar ::placeholder { color: #000000; }.navbar .dropdown-menu .h_text:hover { background-color: #0D5198; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }.navbar .dropdown-menu { background-color: rgb(22, 130, 241); }.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .c_text { color: #FFFFFF; } .navbar-toggler.c_text{ border-color: #FFFFFF !important; }nav.navbar.bg { background-color: rgba(18, 52, 248, 0.97); }body, .c_text, .container, .c_title, .carousel-caption .title, .dropdown-item.c_text { color: #000000; } .c_text.navbar-toggler{ border-color: #000000 !important; } .c_text .navbar-toggler-icon i{ color: #000000; } .title:before{ background-color: #000000 !important; } .intern-page .en-tete{ border-left-color: #000000;} .bootstrap-select .dropdown-menu li a{ color: #000000; } .bootstrap-select .dropdown-toggle::after{ color: #000000; } .fc-button{ color: #000000 !important; }body, .title, .lead, .heading { font-family: Georgia, serif !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/2595/site/a0/85/15/a0851569c641f3ff2b7d9970f992b04a4fccad69.png?v=v1); background-position: center; background-repeat: repeat; }</style> <script src="/js/vendor/jquery-3.2.1.min.js"></script> <script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>   </head> <body style="position: relative; min-height: 100%; top: 0px;"> <header role="banner" class="fixed-top">  <nav role="navigation" class="navbar fixed-top navbar-expand-lg bg"> <div class="ov"></div> <div class="container"> <a class="navbar-brand c_text bloc_logo" href="/fr/"> <div class="img"> <img src="https://static.neopse.com/medias/p/2595/site/dc/bc/47/dcbc47bc177a09bd3d2c259c178692ccd838c93e.png" alt="Commune d'Upie" title="Commune d'Upie"> </div> </a> <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" 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="navbarNavDropdown"> <ul class="navbar-nav ml-auto"> <li class="nav-item dropdown"> <a class="nav-link c_text h_text px-3" href="/" role="button"> <i class="material-icons">home</i> </a> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> VIVRE 脌 UPIE </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/ap/1678991/plan-acces-733"> Plan/Acc猫s </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1630566/risques-majeurs-10"> RISQUES MAJEURS </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1128818/livret-daccueil-5"> Livret d'accueil </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070071/action-sociale-26"> Action sociale </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070097/sante-62"> Sant茅 </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1100491/associations-144"> Associations </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1100712/nos-professionnels-1"> Nos professionnels </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070188/histoire-patrimoine-6"> Histoire & Patrimoine </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1175514/regles-de-vivre-ensemble-1"> R猫gles de vivre-ensemble </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> LA VIE DE LA MUNICIPALIT脡 </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070227/les-elus-les-commissions"> Les 茅lus & les commissions </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rp/1615655/comptes-rendus-et-arretes-2"> Comptes-rendus et arr锚t茅s </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070305/lupien"> L鈥橴pien </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070344/tous-nos-maires"> Tous nos maires </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070370/marche-public-3"> March茅 public </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1191621/prochain-conseil-municipal"> Prochain Conseil Municipal </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ENFANCE, SCOLARIT脡, JEUNESSE </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070435/ecole-maternelle-28"> Ecole Maternelle </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070474/ecole-elementaire-16"> Ecole 脡l茅mentaire </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070513/cantine-53"> Cantine </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070526/centre-de-loisirs-51"> Centre de loisirs </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070539/petite-enfance-173"> Petite enfance </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/2082641/enfance-jeunesse-79"> Enfance-Jeunesse </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> UTILE & PRATIQUE </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/pg/1615577/guide-des-demarches-591"> Guide des d茅marches </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070591/horaires-et-contacts-mairie"> Horaires et contacts mairie </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070617/agence-postale-mediatheque"> Agence Postale & M茅diath猫que </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1127999/les-locations-de-salles-1"> Les locations de salles </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070656/numeros-et-liens-utiles"> Num茅ros et liens utiles </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070643/transports-en-commun-12"> Transports en commun </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070695/recensement-militaire-49"> Recensement militaire </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070708/concession-funeraire"> Concession fun茅raire </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ENVIRONNEMENT & URBANISME </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070721/urbanisme-305"> Urbanisme </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1160837/environnement-126"> Environnement </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown6" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> TOURISME & CULTURE </a> <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown6"> <div class="mega-dropdown-menu"> <div class="divider"> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1136046/se-rendre-a-upie"> Se rendre 脿 Upie </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1251681/la-mediatheque-7"> La M茅diath猫que </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1610897/culture-et-patrimoine-evenements-a-venir"> Culture et patrimoine 茅venements 脿 venir </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070851/gites-13"> Gites </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070903/valsoyo"> Valsoyo </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070942/le-zoo-dupie"> Le Zoo d鈥橴PIE </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1070981/proche-de-upie"> Proche de Upie </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/rb/1122032/les-parcours-1"> Les parcours </a> <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" href="/fr/pc/1615499/galeries-de-photos-580"> Galeries de photos </a> </div> </div> </div> </li> </ul> </div> </div> </nav> </header> <main role="main"> <div class="main intern-page">  <header class="breadcrumb container d-flex align-items-center bg"> <div class="ov"></div> <div class="container"> <h1 class="title dark c_title">Horaires et contacts mairie</h1> <nav class="ariane c_text"> <span><a href="/" class="font-weight-bold">Accueil</a></span> / <a href="/">UTILE & PRATIQUE</a> / <a href="/fr/rb/1070591/horaires-et-contacts-mairie">Horaires et contacts mairie</a> </nav> </div> </header>  <section class="container wrapper bg_wrapper c_wrapper"> <div class="ov bgw"></div> <div class="main-content"> <div class="row"> <div class="col col-md contenu"> <div class="dynamicContent"> <div class="row"> <div class="col-sm-6" style="background-color: "> <p><span style="color:#0033cc;"><strong><span style="font-size:18px;"><u>SECR脡TARIAT DE MAIRIE</u></span></strong></span><br><br><span style="color:null;"><span style="font-size:18px;">Horaires d'ouverture au public :<br>Du lundi au jeudi : de 8h 脿 12h<br>et le vendredi : de 8h 脿 12h<br>et de 13h30 脿 18h30<br><br>Tel : 04 75 84 45 30 </span></span></p> <div class="formComponent"> <p class="h5"><a href="#" class="titleButtonForm btn c_btn bg_btn h_btn" data-toggle="modal" data-form="[{"id":"2486","title":"Demande de renseignement","buttonSubmit":"ENVOYER","validationPhrase":"Le message a bien 茅t茅 envoy茅脿 son destinataire. Merci.","formContents":{"1":{"type":"header","text":"Objet : ","required":false,"label":false,"helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"placeholder":false},"2":{"type":"paragraph","text":"Votre demande : ","required":false,"label":false,"helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"placeholder":false},"3":{"type":"input","required":true,"label":"Nom et pr茅nom","helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false},"4":{"type":"email","required":true,"label":"Adresse mail : ","helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false}}},{"id":"2643","title":"Prendre RDV avec Catherine Noin","buttonSubmit":"ENVOYER","validationPhrase":"Le message a bien 茅t茅 envoy茅脿 son destinataire. Merci.","formContents":{"1":{"type":"checkbox","required":false,"label":"Votre demande concerne : ","helpTitle":false,"helpContent":false,"inputChecks":[{"label":"Le CCAS","value":"Le CCAS"},{"label":"Le MDA","value":"Le MDA"},{"label":"l'ADMR","value":"l'ADMR"},{"label":"Economie","value":"Economie"},{"label":"Tourisme","value":"Tourisme"},{"label":"Autre","value":"Autre"}],"options":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false},"2":{"type":"input","required":false,"label":"Nom et Pr茅nom","helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false},"3":{"type":"input","required":false,"label":"Num茅ro de t茅l茅phone : ","helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false},"4":{"type":"email","required":false,"label":"Adresse mail : ","helpTitle":false,"helpContent":false,"options":false,"inputChecks":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false},"5":{"type":"checkbox","required":false,"label":"Vous souhaitez 锚tre contact茅 par : ","helpTitle":false,"helpContent":false,"inputChecks":[{"label":"par t茅l茅phone","value":"par t茅l茅phone"},{"label":"par mail","value":"par mail"}],"options":false,"inputRadios":false,"displayCancel":true,"text":false,"placeholder":false}}}]" data-contacts="[{"id":"4276","name":"MAIRIE D&#039;UPIE","email":"contact@mairie-upie.com"}]" data-formid="2486" data-choicecontacts="["4276"]" data-target="contactFormContent_1618335701051">Contacter par formulaire</a></p> </div> </div> <div class="col-sm-6" style="background-color: "> <div class="photo-panel text-center"> <img src="https://static.neopse.com/medias/p/2595/site/04/58/37/04583725484382af70a669b3626a0b4b10bdf1c8.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="67" style="display: inline-block; width: 67%;" alt="mairie .jpg"> </div> </div> </div> <div class="my-5"></div> <div class="row"> <div class="col-sm-4" style="background-color: "> <p style="text-align: center;">Secr茅taire de mairie :<br>Nathalie ROBIN</p> </div> <div class="col-sm-4" style="background-color: "> <p style="text-align: center;">Agent d鈥檃ccueil :<br>Sylvie MANDIER </p> </div> <div class="col-sm-4" style="background-color: "> <p style="text-align: center;">Agent administratif :<br>Emmanuelle FOLCHER</p> </div> </div> <div class="my-5"></div> <hr> </div> </div> <div class="col-12 col-md-3 sous-rubriques"> <div>  <h1 class="title dark c_title">Horaires et contacts mairie</h1> <div class="d-flex flex-column"> <a href="/fr/ct/1614992/contacts-981" class="text-decoration"><i class="material-icons align-middle">keyboard_arrow_right</i>Contacts </a> </div> </div> </div> </div> </div> </section> <div class="modal fade contactFormModal" id="contactFormContent_1618335701051" tabindex="-1" role="dialog" aria-labelledby="modalContent_1618335701051-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="modalContent_1618335701051-label" class="modal-title font-weight-bold dark text_bloc">Demande de renseignement</h5> </div> <form class="contactContentForm" action="/formMdContent" method="post" novalidate enctype="multipart/form-data"> <div class="modal-body pb-0"> <div class="form-group"> <div><label for="1_input">objet : </label><span>*</span></div> <input type="text" name="1_input" class="form-control" id="1_input" aria-describedby="1_inputHelp"> <span class="help-message cursor-pointer" data-toggle="popover" data-content="ce"><i class="material-icons notranslate">info_outline</i></span> <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="2_input">Nom et pr茅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_textarea">Votre demande </label><span>*</span> </div> <textarea name="3_textarea" class="form-control" id="3_textarea" rows="3"></textarea> <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="4_email">Adresse mail : </label><span>*</span></div> <input type="email" name="4_email" class="form-control" id="4_email" aria-describedby="Adresse mail : "> <span class="form-error requirements" id="4_email-error" role="alert">Ce champ est obligatoire</span> </div> <div class="field-wrapper"> <div><label for="5_email" class="font-weight-bold mr-1">joindre un fichier 脿 votre demande</label><span></span></div> <div class="d-flex align-items-center"> <div class="form-group col-10 col-md-10 mb-0 px-0"> <div class="upload-btn-wrapper"> <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> <input type="file" name="5_file" accept="application/pdf,image/jpeg,image/png"> </div> </div> </div> <div> <ul class="listFiles"> </ul> </div> <span class="form-error requirements" id="5_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> <input id="formId" name="formId" type="hidden" value="2486"> <input id="allContacts" name="allContacts" type="hidden" value="["4276"]"> <input id="currentId" name="currentId" type="hidden" value="1070591"> <div class="modal-footer"> <button type="submit" data-id="2486" class="btn bg_btn c_btn buttonContactFormContent">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 class="form-message-sent messageSendedForm" style="display: none"> <p>Le message a bien 茅t茅 envoy茅脿 son destinataire. Merci.</p> </div> </div> </div> </div> </div> </main> <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> <div id="w_aw3spf5mb"> <section class="bg processguide"> <div class="ov"></div> <div class="clearfix"> </div> <div class="d-flex flex-wrap mt-4"> <a href="/fr/pg/1615577/guide-des-demarches-591" class="col-12 col-md-4 item d-flex align-items-center vignette-text mb-2"> <div class="text c_text"> <h3 class="h5">Guide des d茅marches</h3> </div> </a> </div> </section> </div> <div class="social-media bg c_text"> <div class="ov"></div> <ul> <li><a href="https://www.facebook.com/upie2020" class="icon-facebook" title="facebook" target="_blank"></a></li> </ul> </div>  <footer role="contentinfo" class="footer bg"> <div class="ov"></div> <div class="container d-flex flex-wrap justify-content-between"> <div class="footer-box"> <h2 class="title c_title d_title btn-line"><a href="/fr/ct/1614992/contacts-981" class="title">Contacts</a></h2> <div class="contact c_text"> <p class="font-weight-bold mb-0">Commune d'Upie</p> <p class="mb-0">1, rue de la Mairie</p> <p class="mb-0">26120 Upie - FRANCE</p> <p class="mb-0"><a href="tel:+33475844530">+33 4 75 84 45 30</a> </p> <p class="mb-0"><a class="btn btn-primary d-inline-block footer-btn c_btn bg_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a> </p> </div> <div class="btn-espace-reserve"> </div> </div> <div class="footer-box"> <h2 class="title light c_title d_title">Liens</h2> <p class="c_text"> <a href="https://www.valenceromansagglo.fr/fr/index.html" target="_blank">Valence Romans Agglo</a> <a href="https://www.valence-romans-tourisme.com/fr/" target="_blank">Valence Romans Tourisme</a> <a href="https://www.ladrometourisme.com/" target="_blank">La Dr么me Tourisme</a> </p> </div> </div> <div class="mt-3 container d-flex flex-wrap position-relative c_text"> <p class="mr-2 c_text"><a href="/fr/li/1615031/mentions-legales-1168">Mentions l茅gales</a></p>- <p class="ml-2 mr-2 c_text"><a href="/fr/1615031/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/67462/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> </footer> <div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="contactFormContactFooter-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="contactFormContactFooter-label" class="modal-title font-weight-bold dark text_bloc">Demande de renseignement</h5> </div> <form id="contactFormFooter" action="/formMdContact" method="post" novalidate enctype="multipart/form-data"> <div class="modal-body pb-0"> <div class="form-group"> <div><label for="1_input">objet : </label><span>*</span></div> <input type="text" name="1_input" class="form-control" id="1_input" aria-describedby="1_inputHelp"> <span class="help-message cursor-pointer" data-toggle="popover" data-content="ce"><i class="material-icons notranslate">info_outline</i></span> <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="2_input">Nom et pr茅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_textarea">Votre demande </label><span>*</span> </div> <textarea name="3_textarea" class="form-control" id="3_textarea" rows="3"></textarea> <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span> </div> <div class="form-group"> <div><label for="4_email">Adresse mail : </label><span>*</span></div> <input type="email" name="4_email" class="form-control" id="4_email" aria-describedby="Adresse mail : "> <span class="form-error requirements" id="4_email-error" role="alert">Ce champ est obligatoire</span> </div> <div class="field-wrapper"> <div><label for="5_email" class="font-weight-bold mr-1">joindre un fichier 脿 votre demande</label><span></span></div> <div class="d-flex align-items-center"> <div class="form-group col-10 col-md-10 mb-0 px-0"> <div class="upload-btn-wrapper"> <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> <input type="file" name="5_file" accept="application/pdf,image/jpeg,image/png"> </div> </div> </div> <div> <ul class="listFiles"> </ul> </div> <span class="form-error requirements" id="5_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 […….] 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> <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/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/5/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 src="/js/slick/slick.js"></script> <script type="text/javascript"> $(function () { $('.titleButtonForm').on('click', function () { console.log($(this).attr("data-target")); $('#' + $(this).attr("data-target") + '').modal('show'); }); $('.form-error').hide(); $('.contactContentForm').submit(function (e) { let form = $(this); let modal = form.closest('.modal'); $.ajax({ type: "POST", url: form.attr('action'), data: new FormData(form[0]), contentType: false, processData: false, beforeSend: function () { form.find('.form-error').hide(); form.find('.buttonContactFormContent').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 { form.css('display', 'none'); modal.find('.messageSendedForm').css('display', ''); form[0].reset(); } }, complete: function () { form.find('.buttonContactFormContent').prop('disabled', false); } }); return false; }); $('.contactFormModal').on('hidden.bs.modal', function () { $(this).find('form')[0].reset(); $('#contactFormFooter')[0].reset(); $(this).find('form').css('display', ''); $('#contactFormFooter').css('display', ''); $(this).find('.messageSendedForm').css('display', 'none'); $('.form-error').hide(); $('.listFiles').empty(); hcaptcha.reset(); }); }); </script> <script type="text/javascript"> $(function () { var carousels = $('div[class*="testCarousel"]'); // gestion chargement slide slick carousels.each(function () { if ($(this).attr("data-type-slide") === 'simpleCarousel') { $(this).slick(); } else if ($(this).attr("data-type-slide") === 'multipleCarousel') { $(this).slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); } else if ($(this).attr("data-type-slide") === 'responsiveCarousel') { $(this).slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); } else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') { $(this).slick({ dots: true, infinite: true, speed: 300, slidesToShow: 1, adaptiveHeight: true }); } else if ($(this).attr("data-type-slide") === 'centerCarousel') { $(this).slick({ centerMode: true, centerPadding: '60px', slidesToShow: 3, responsive: [ { breakpoint: 768, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 3 } }, { breakpoint: 480, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 1 } } ] }); } else if ($(this).attr("data-type-slide") === 'fadeCarousel') { $(this).slick({ dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear' }); } // if ($(this).hasClass('autoPlay')) { // $('#' + $(this).attr('id') + '').slick('slickSetOption', { // autoplay: true, // autoplaySpeed: 2000 // }, true); // } $(this).removeAttr('style'); }); var allHtmlCode = $('.contentHtml'); allHtmlCode.each(function (element) { var htmlCode = $(this).attr('data-code'); if(htmlCode != '' && htmlCode != undefined){ $(this).removeClass('col-md-8'); $(this).empty(); addWidgetHtml(htmlCode,$(this)); } }); async function addWidgetHtml(htmlCode,element){ element.replaceWith(htmlCode); } // // setTimeout(function(){ // $('.contentHtml').each(function(element){ // var htmlCode = $(this).attr('data-code'); // // if(htmlCode.includes('apidae')){ // let idWidget = $(this).find($('#widgit')); // // $(this).find('.w_large').remove(); // // $(this).find('div').addClass('w_large'); // } // }); // }, 3000); let allIframe = $('iframe'); allIframe.each(function(element){ var urlVideo = $(this).attr('src'); let $this = $(this); if(urlVideo != "" || urlVideo != undefined){ let newUrl = urlVideo.split('/'); let currentIdVideo = newUrl[newUrl.length-1]; if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){ $.ajax({ url: '/getVideoTitle', type: 'POST', data: { video_id: currentIdVideo, platform: 'Y' }, success: function(data){ let title = data['title']; $this.attr('title',title); } }); } else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){ $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) { let title = data['title']; $this.attr('title',title); }); } else if(urlVideo.includes('vimeo')){ $.ajax({ url: '/getVideoTitle', type: 'POST', data: { video_id: currentIdVideo, platform: 'V' }, success: function(data){ let title = data['title']; $this.attr('title',title); } }); } } }); }); </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>

CINXE.COM

Horaires et contacts mairie - Commune d'Upie