CINXE.COM
Commune d'Upie
<!DOCTYPE html> <html lang="fr"> <head> <title> 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"> <!-- 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', '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> <!-- 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=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> <meta property="og:url" content="http://www.mairie-upie.com/fr/"> <meta property="og:type" content="website"> <meta property="og:title" content="Commune d'Upie"> <meta property="og:description" content=""> <script src="/js/vendor/jquery-3.2.1.min.js"></script> <script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script> <!-- Matomo --> <!-- End Matomo Code --> </head> <body style="position: relative; min-height: 100%; top: 0px;"> <header role="banner" class="fixed-top"> <!-- Top navbar --> <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’Upien </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’UPIE </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 home"> <header class="intro bandeau bg"> <div class="ov"></div> <div id="w_oneclick"> <div class="keywords-container"> <div class="ov"></div> <div class="container"> <div class="text-center mb-3"> <p class="h2 c_title d_title"> . </p> </div> <div class="keyword c_text"> <a href="/fr/pg/1615577/guide-des-demarches-591" class="bg_text c_text bold-title" style="background-color: rgba(234, 11, 29, 0.95)!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">account_balance</i> Guide des démarches </a> </div> <div class="keyword c_text"> <a href="/fr/rb/1070097/sante-62" class="bg_text c_text bold-title" style="background-color: rgba(242, 248, 4, 0.95)!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">local_hospital</i> Santé </a> </div> <div class="keyword c_text"> <a href="/fr/ev/1615109/evenements-a-venir-1" class="bg_text c_text bold-title" style="background-color: rgba(11, 234, 234, 0.95)!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">date_range</i> Agenda </a> </div> <div class="keyword c_text"> <a href="/fr/ct/1614992/contacts-981" class="bg_text c_text bold-title" style="background-color: rgba(11, 234, 35, 0.95)!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">email</i> Nous contacter </a> </div> <div class="keyword c_text"> <a href="/fr/rb/1175514/regles-de-vivre-ensemble-1" class="bg_text c_text bold-title" style="background-color: rgba(252, 185, 34, 0.97)!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">supervised_user_circle</i> Règles de vivre-ensemble </a> </div> <div class="keyword c_text"> <a href="/fr/rb/1251681/la-mediatheque-7" class="bg_text c_text bold-title" style="background-color: #F80ADC!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">recent_actors</i> La Médiathèque </a> </div> <div class="keyword c_text"> <a href="/fr/rb/1630566/risques-majeurs-10" class="bg_text c_text bold-title" style="background-color: #EA0756!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">report_problem</i> DICRIM </a> </div> <div class="keyword c_text"> <a href="/fr/pb/1615772/cliquez-ici-pour-lire-lupien" class="bg_text c_text bold-title" style="background-color: #18EAE1!important;" > <i class="material-icons notranslate c_text mr-2 align-middle">import_contacts</i> UPIEN </a> </div> </div> </div> </div> <!-- Search box with direct access --> <div class="research-container"> <form action="/fr/search" class="form-inline row searchbar" method="post"> <input id="search-form" name="keywords" class="col input" type="search" placeholder="Recherche" aria-label="Search"> <button type="submit" class="submit bg_btn c_btn h_btn"> <i class="material-icons">search</i> </button> </form> </div> </header> <div class="wrapper bg_wrapper c_wrapper"> <div class="ov bgw"></div> <div id="w_headline"> <!-- A la une --> <section class="bg" id="w_headline"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <h2 class="title c_title d_title"> A la Une </h2> </div> <div class="slider"> <div id="contentHeadlines" class="carousel" data-ride="carousel"> <div class="row"> <div class="col-12 col-md-10 carousel-inner pl-0"> <div class="carousel-item active"> <div class="row mt-3"> <div class="col-12 col-md-5 mb-3"> <img class="img-fluid rounded" src="https://static.neopse.com/thumbs/p/2595/site/57/b1/66/57b1662ea49b3edab781fca35b24012e092172d0.png?v=v1" alt=""/> </div> <div class="col col-md mb-3"> <h3 class="card-title c_text h4"> <a href="/fr/rb/1070591/horaires-et-contacts-mairie" class="c_text"> Horaires de la Mairie </a> </h3> <p class="lead c_text"> <a href="/fr/rb/1070591/horaires-et-contacts-mairie" class="c_text"> La mairie vous accueille du Lundi au vendredi </a> </p> <a href="/fr/rb/1070591/horaires-et-contacts-mairie" class="btn btn-primary c_btn bg_btn"> Voir plus </a> </div> </div> </div> <div class="carousel-item "> <div class="row mt-3"> <div class="col-12 col-md-5 mb-3"> <img class="img-fluid rounded" src="https://static.neopse.com/thumbs/p/2595/site/0c/7d/8a/0c7d8a917fe2046d7df12b5c9b94c943dfb46da4.png?v=v1" alt=""/> </div> <div class="col col-md mb-3"> <h3 class="card-title c_text h4"> <a href="/fr/nw/1615070/1393940/agglae-vos-demarches-en-ligne-en-un-clic" class="c_text"> Agglae : vos démarches en ligne en un clic ! </a> </h3> <p class="lead c_text"> <a href="/fr/nw/1615070/1393940/agglae-vos-demarches-en-ligne-en-un-clic" class="c_text"> Afin de faciliter vos démarches administratives, vous pouvez désormais vous connecter à Agglae </a> </p> <a href="/fr/nw/1615070/1393940/agglae-vos-demarches-en-ligne-en-un-clic" class="btn btn-primary c_btn bg_btn"> Voir plus </a> </div> </div> </div> <div class="carousel-item "> <div class="row mt-3"> <div class="col-12 col-md-5 mb-3"> <img class="img-fluid rounded" src="https://static.neopse.com/thumbs/p/2595/site/27/a8/43/27a84323fb7c6c20df8e9d8326856091c31e9f9a.png?v=v1" alt=""/> </div> <div class="col col-md mb-3"> <h3 class="card-title c_text h4"> <a href="/fr/nw/1615070/1393914/alerter-et-proteger" class="c_text"> Alerter et Protéger </a> </h3> <p class="lead c_text"> <a href="/fr/nw/1615070/1393914/alerter-et-proteger" class="c_text"> Comment fonctionne le dispositif Fr - Alerte </a> </p> <a href="/fr/nw/1615070/1393914/alerter-et-proteger" class="btn btn-primary c_btn bg_btn"> Voir plus </a> </div> </div> </div> </div> <div class="col carousel-near"> <a class="carousel-control-prev" href="#contentHeadlines" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"><i class="material-icons">chevron_left</i></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#contentHeadlines" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"><i class="material-icons">chevron_right</i></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> </div> </section> </div> <div id="w_hq667mgbl"> <!-- Flash Info --> <section class="bg flash-info"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <h2 class="title c_title d_title">Flash Infos</h2> <a href="/fr/bn/1615421/flash-infos-540" class="btn btn-primary dark float-right c_btn bg_btn">Voir tout</a> </div> <div class="slider mt-3"> <div id="flashinfo" class="carousel" data-ride="carousel"> <div class="row"> <div class="col-12 col-md-8 carousel-inner pl-0"> </div> <div class="col carousel-near"> <a class="carousel-control-prev" href="#flashinfo" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"><i class="material-icons">chevron_left</i></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#flashinfo" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"><i class="material-icons">chevron_right</i></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> </div> </section> </div> <div id="w_nvg216yo9"> <!-- Actualités --> <section class="bg actu"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <h2 class="title dark c_title d_title">ACTUALITÉS</h2> <a href="/fr/nw/1615070/actualites-1114" class="btn btn-primary float-right c_btn bg_btn">Voir tout</a> </div> <div class="carousel-wrapper mt-4"> <div class="carousel-3 owl-carousel owl-theme"> <a href="/fr/nw/1615070/2448500/vous-vous-sentez-concerne-par-la-securite-routiere" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/5e/5d/ca/5e5dcac3b448c51ed95e6ac356b653140e431fa5.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Vous vous sentez concerné par la sécurité routière ?</h3> <p class="card-text c_text">Devenez bénévole de l’État pour la sécurité routière en rejoignant les rangs des Intervenants Départementaux de la Sécurité Routière (IDSR) !</p> </div> </a> <a href="/fr/nw/1615070/2187031/concert-djazia-satour-et-pl-jamain" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/96/d1/0a/96d10a00dd3a71c920548811a895c9d051df1681.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">concert ; Djazia Satour et PL Jamain</h3> <p class="card-text c_text">le 3 avril 25 - 20h00 Salle des fêtes → Upie</p> </div> </a> <a href="/fr/nw/1615070/2430196/les-compagnons-du-devoir-et-du-tour-de-france-1" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/2a/2d/95/2a2d95c06b0589ac4a65fe453dedbf208ac3fbd1.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Les Compagnons du Devoir et du Tour de France</h3> <p class="card-text c_text">Journées portes ouvertes le 22 mars 2025</p> </div> </a> <a href="/fr/nw/1615070/2273455/la-maison-bleue-1" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/49/1c/99/491c99cebf926d074d295bb73d87093123109f99.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">La maison bleue</h3> <p class="card-text c_text">Accueil enfants/adultes</p> </div> </a> <a href="/fr/nw/1615070/1818429/marche-de-producteurs-du-jeudi-sur-upie" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/6f/37/9e/6f379e2eebd15c3f473cd5d74e7a7c590a2a893e.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Marché de producteurs du jeudi sur Upie</h3> <p class="card-text c_text">de 16h à 18h sur le parvis de l'école</p> </div> </a> <a href="/fr/nw/1615070/1393940/agglae-vos-demarches-en-ligne-en-un-clic" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/08/85/2a/08852ab3d66e548ad4a6ae1322e346c9b6b39a27.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Agglae : vos démarches en ligne en un clic !</h3> <p class="card-text c_text">Afin de faciliter vos démarches administratives, vous pouvez désormais vous connecter à Agglae.</p> </div> </a> <a href="/fr/nw/1615070/1393914/alerter-et-proteger" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/f8/ef/66/f8ef660dc9c568bbf67fa27ef37d5351b6ad588b.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Alerter et Protéger</h3> <p class="card-text c_text">Comment fonctionne le dispositif FrAlerte</p> </div> </a> <a href="/fr/nw/1615070/960039/mon-environnement-exterieur-interieur-ma-sante" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/42/db/3b/42db3b49f002ba100da9bce61501116d994d8f41.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Mon environnement extérieur/intérieur.ma santé</h3> <p class="card-text c_text">Au fil des saisons comment profiter de notre environnement extérieur/intérieur ? .Chaque mois, retrouvez informations et conseils sur une thématique</p> </div> </a> <a href="/fr/nw/1615070/532742/une-grainotheque-a-la-mediatheque" class="card item"> <div class="card-button black"> <img class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/2595/site/90/a5/d7/90a5d7918063d01f2affcdc87b987f4a6ee2b357.png?v=v1" alt=""> </div> <div class="card-body"> <h3 class="card-title c_text h4">Une Grainothèque à la Médiathèque !</h3> <p class="card-text c_text">Rendez-vous à la médiathèque, venez déposer, trouver, échanger des graines .</p> </div> </a> </div> </div> </div> </section> </div> <div id="w_1nn9mno5n"> <section class="bg background-offset"> <div class="ov"></div> <div class="container"> <div class="clearfix"> <h2 class="title c_title d_title">Galerie de photos</h2> <a href="/fr/pc/1615499/galeries-de-photos-580" class="btn btn-primary c_btn bg_btn float-right">Voir tout</a> </div> <div class="bloc-diapo block-gallery"> <div class="splide simpleSplide" id="splideshow-180535422"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/ae/a0/4a/aea04a9a55e6d27ff60cf6c8d510d2c023a2ef30.jpeg?v=v1" alt="2023-05-UPIE-10web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/56/b6/3c/56b63c0c6fc14df7b635f495e2367b0014046a23.jpeg?v=v1" alt="2023-05-UPIE-11web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/d2/8a/c2/d28ac28dd056405e589aea571aac11907b65f554.jpeg?v=v1" alt="2023-05-UPIE-13web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/11/3c/e3/113ce330cc60417de10f585ee1fab364e31b43c4.jpeg?v=v1" alt="2023-05-UPIE-17web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/18/14/13/181413fd31d37847486d067c465b6cfecf80afce.jpeg?v=v1" alt="2023-05-UPIE-18web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/f5/a6/af/f5a6af4a04aec28bf5670649a847f4521a7c7acb.jpeg?v=v1" alt="2023-05-UPIE-19web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/df/e4/8f/dfe48f8ca2f66988697580bff1562c5e6c330993.jpeg?v=v1" alt="2023-05-UPIE-20web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/6f/e3/4f/6fe34fec03329e7721b42a98fb2223866aac15b9.jpeg?v=v1" alt="2023-05-UPIE-21web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/ee/9c/58/ee9c5881256db12db81defbcad186c79eb4dc0a9.jpeg?v=v1" alt="2023-05-UPIE-2web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/73/d3/a2/73d3a2ac96fb2b969e2f0f134a5a1a7f2e70ff3c.jpeg?v=v1" alt="2023-05-UPIE-4web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/87/e7/7e/87e77e09f81fbe1762f4e5f04cb50f1814c1fcd9.jpeg?v=v1" alt="2023-05-UPIE-5web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/29/2f/54/292f54671b11c8259452f1cbb046a069075daf1d.jpeg?v=v1" alt="2023-05-UPIE-6web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/d2/ab/05/d2ab05b12bf72fb27a19c4c4a34d77a2e7bc3ce2.jpeg?v=v1" alt="2023-05-UPIE-7web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/a7/23/ba/a723bab5a825c9453166d667b23c274de1951f14.jpeg?v=v1" alt="2023-05-UPIE-8web.jpeg"> </li> <li class="splide__slide"> <img class="img" src="https://static.neopse.com/medias/p/2595/site/0d/b3/e6/0db3e6c61e60b7dbce779cc8342c24f8320b51f4.jpeg?v=v1" alt="2023-05-UPIE-9web.jpeg"> </li> </ul> </div> </div> </div> </div> </section> </div> </div> </div> </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> <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 --> <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.valence-romans-tourisme.com/fr/" target="_blank">Valence Romans Tourisme</a> <a href="https://www.ladrometourisme.com/" target="_blank">La Drôme Tourisme</a> <a href="https://www.valenceromansagglo.fr/fr/index.html" target="_blank">Valence Romans Agglo</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> <!-- 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/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 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>