1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Contacts - Saint-Jean-d'Arvey 6 </title> 7 8
8<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
8 9
9<script> 10 var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183; 11 12 tarteaucitron.init({ 13 "privacyUrl": "", /* Privacy policy url */ 14 15 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ 16 "cookieName": "tarteaucitron", /* Cookie name */ 17 18 "orientation": "bottom", /* Banner position (top - bottom) */ 19 20 "showAlertSmall": false, /* Show the small banner on bottom right */ 21 "cookieslist": true, /* Show the cookie list */ 22 23 "showIcon": false, /* Show cookie icon to manage cookies */ 24 // "iconSrc": "", /* Optionnal: URL or base64 encoded image */ 25 "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */ 26 27 "adblocker": false, /* Show a Warning if an adblocker is detected */ 28 29 "DenyAllCta": true, /* Show the deny all button */ 30 "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ 31 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ 32 33 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ 34 35 "removeCredit": false, /* Remove credit link */ 36 "moreInfoLink": true, /* Show more info link */ 37 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ 38 39 //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */ 40 41 "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */ 42 43 "mandatory": true, /* Show a message about mandatory cookies */ 44 45 "listCookieByService": false, /* Show a message about list cookie by service */ 46 "tarteaucitronForceLanguage" : 'fr', 47 48 }); 49 </script>
49 50 51 <meta name="Description" content=""> 52<meta name="Keywords" content="Contacte Mairie Saint jean d'Arvey"> 53<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 54<meta charset="UTF-8"> 55 56 <!-- Matomo -->
57<script> 58 var _paq = window._paq = window._paq || []; 59 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 60 _paq.push(['trackPageView']); 61 _paq.push(['enableLinkTracking']); 62 (function() { 63 var u="//matomo-client.neopse.com/"; 64 _paq.push(['setTrackerUrl', u+'matomo.php']); 65 _paq.push(['setSiteId', '410']); 66 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 67 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 68 })(); 69</script>
69 70<!-- End Matomo Code --> 71 72 73 74 75 76 77 78 <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 79 <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 80 <link rel="preconnect" href="https://fonts.googleapis.com"> 81 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 82 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet"> 83 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet"> 84 85 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 86 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 87 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 88 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 89 <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'> 90 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 91 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 92 <link href="/tpl/8/css/style.css" rel="stylesheet" type='text/css'> 93 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" /> 94 95 96 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 97 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 98 99 <style class="notranslate">.bg_bloc { background-color: rgba(27, 150, 84, 0.69) !important; } 100 .table td, .table, .table thead th { border-color: rgba(27, 150, 84, 0.69) !important; } 101 .bg_bloc .dropdown-toggle, 102 .bg_bloc .dropdown-menu { 103 background-color: rgba(27, 150, 84, 0.69) !important; 104 border-color: rgba(27, 150, 84, 0.69) !important; 105 } 106 .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{ 107 border-color: rgba(27, 150, 84, 0.69) !important; 108 } 109 110 .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: rgba(27, 150, 84, 0.69) !important; } 111 112 .fc-unthemed td.fc-today{ 113 background: rgba(27, 150, 84, 0.69) !important; 114 } 115 116 .cookies .btn{ background-color: rgba(27, 150, 84, 0.69) !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/2284/site/79/b6/53/79b6535136cc24f657502bf0c99fa1078d8975a3.jpg?v=v1); }body { background-color: #FFFFFF; }body { background-image: url(https://static.neopse.com/medias/p/2284/site/79/b6/53/79b6535136cc24f657502bf0c99fa1078d8975a3.jpg?v=v1); background-position: center; background-repeat: repeat; }.bg_wrapper { background-color: rgba(255, 255, 255, 0.96) !important; }.bg_wrapper { background-image: url(undefined); background-position: center; background-repeat: repeat; }.c_btn, .modal .bg_btn, .owl-nav [class*=owl-] i { color: #FFFFFF; } 117 .c_btn, .modal .bg_btn { border-color: #FFFFFF; } 118 119 .titleButtonForm.c_btn, .intern-page .main-content .c_btn { color: #FFFFFF !important; } 120 .titleButtonForm.c_btn, .intern-page .main-content .c_btn { border-color: #FFFFFF !important; } 121 122 .c_btn:before { background-color: #FFFFFF !important; } 123 .owl-theme .owl-dots .owl-dot.active span, 124 .owl-theme .owl-dots .owl-dot:hover span, 125 .carousel-indicators .active { 126 background: #FFFFFF; 127 opacity: 1; 128 } 129 .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{ 130 background-color: #FFFFFF; 131 opacity: 0.5; 132 } 133 134 .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; } 135 .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; } 136 137 .slick-dots li button{ 138 background-color: #FFFFFF; 139 } 140 141 .intern-page .slick-arrow:before{ color: #FFFFFF; } 142 143 .fc-event{ color: #FFFFFF !important;}.text_bloc {color:#FFFFFF !important;} 144 .text_bloc .title:before {background-color:#FFFFFF!important;} 145 .bg_bloc .c_text {color:#FFFFFF !important;} 146 .bg_bloc .dropdown-toggle, 147 .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after { 148 color:#FFFFFF !important; 149 } 150 151 .fc-unthemed thead.fc-head{ color: #FFFFFF !important; } 152 .fc-unthemed td.fc-today{ 153 color: #FFFFFF !important; 154 } 155 156 .cookies .btn{ color: #FFFFFF !important; } 157 .cookies .btn { border-color: #FFFFFF !important; } 158 .cookies .btn:before { background-color: #FFFFFF !important; }.footer-links.bg { background-color: #1B9654; }nav.navbar.bg { background-color: #FFFFFF; }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #000000; } 159 .border-box .box-container:after{ background-color: #000000;} 160 .oneclick-fixed a .oneclick-icon:hover, .oneclick-fixed a .oneclick-title{ background-color: #000000; } 161 .oneclick-fixed a .oneclick-icon:hover{ border-color: #000000; } 162 .slick-prev:before, .slick-next:before { color: #000000; } 163 .c_text.navbar-toggler{ border-color: #000000 !important; } 164 .title:before{ background-color: #000000 !important; } 165 .intern-page .en-tete{ border-left-color: #000000;} 166 .bootstrap-select .dropdown-menu li a{ 167 color: #000000; 168 } 169 .bootstrap-select .dropdown-toggle::after{ 170 color: #000000; 171 } 172 .fc-button{ 173 color: #000000 !important; 174 }.research-container .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #FFFFFF; }.footer-links .c_text { color: #FFFFFF; }nav.navbar .c_text, nav.navbar .c_text i { color: #000000; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer-links .c_title { color: #FFFFFF; } 175 .footer-links .c_title:before { background-color: #FFFFFF !important; }.footer.bg { background-color: #1B9654; }.footer.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }.breadcrumb.bg { background-color: rgba(27, 150, 84, 0.66); }.breadcrumb.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #000000; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #1B9654; }body .bg_btn, .modal .bg_btn { background-color: #E6017D; } 176 .titleButtonForm.bg_btn, .intern-page .main-content .bg_btn { background-color: #E6017D !important; } 177 .fc-event{ background-color: #E6017D !important; border-color: #E6017D !important; } 178 179 .owl-theme .owl-nav [class*=owl-], .owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; } 180 181 .intern-page .slick-arrow{ background-color: #E6017D; }.footer .c_btn { color: #FFFFFF; } 182 .footer .c_btn { border-color: #FFFFFF; } 183 .footer .c_btn:before { background-color: #FFFFFF !important; }#w_headline.bg{ background-color: ; }.footer .c_text { color: #FFFFFF; }#w_4rm1dt43q .bg { background-color: D2D3D5 ; }#w_57decww5w .bg { background-color: #1B9654; }#w_5dsy06erm .bg { background-color: #74A32A; }#w_66mxrkdcb .bg{ background-color: rgba(237, 237, 237, 0.88); }#w_ahuxu7wq4 .bg { background-color: ; }#w_b05e8g79x .bg { background-color: rgba(255, 255, 255, 0.9); }#w_b05e8g79x .bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }#w_fekajwgp1 .bg{ background-color: #FFFFFF; }#w_headline .c_btn, #w_headline .owl-nav [class*=owl-] i { color: #FFFFFF; } 184 #w_headline .c_btn { border-color: #FFFFFF; } 185 #w_headline .c_btn:before { background-color: #FFFFFF !important; } 186 187 #w_headline .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; } 188 #w_headline .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_kfrxeetnz .bg { background-color: #E9BB0A; }#w_scpnyas5b .bg{ background-color: #CFCFCF; }#w_sq9tg6fv2 .bg { background-color: #1B9654; }#w_uqezm227g .bg { background-color: #FFFFFF; }#w_zz1fd1315 .bg { background-color: D2D3D5 ; }.breadcrumb.bg .c_text { color: #FFFFFF; }.research-container .bg_btn { background-color: #1B9654; }nav.navbar .dropdown-menu .h_text:hover { background-color: #1B9654; }.footer .c_title { color: #FFFFFF; } 189 .footer .c_title:before { background-color: #FFFFFF !important; }#w_4rm1dt43q .c_btn, 190 #w_4rm1dt43q .card-icon-date .day { color: #FFFFFF; border-color: #FFFFFF; } 191 #w_4rm1dt43q .c_btn:before, 192 #w_4rm1dt43q .owl-theme .owl-dots .owl-dot.active span, 193 #w_4rm1dt43q .owl-theme .owl-dots .owl-dot:hover span, 194 #w_4rm1dt43q .slick-dots .slick-active button:before, 195 #w_4rm1dt43q .card-icon-date .month { 196 background-color: #FFFFFF !important; 197 opacity: 1; 198 } 199 #w_4rm1dt43q .carousel-indicators li, 200 #w_4rm1dt43q .owl-theme .owl-dots .owl-dot span, 201 #w_4rm1dt43q .slick-dots li button:before{ 202 background-color: #FFFFFF; 203 opacity: 0.5; 204 }#w_4zoujagw0 .c_btn, #w_4zoujagw0 .owl-nav [class*=owl-] i { color: #FFFFFF; } 205 #w_4zoujagw0 .c_btn { border-color: #FFFFFF; } 206 #w_4zoujagw0 .c_btn:before { background-color: #FFFFFF !important; } 207 208 #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; } 209 #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_5dsy06erm .c_btn, #w_5dsy06erm .owl-nav [class*=owl-] i { color: #FFFFFF; } 210 #w_5dsy06erm .c_btn { border-color: #FFFFFF; } 211 #w_5dsy06erm .c_btn:before { background-color: #FFFFFF !important; } 212 213 #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; } 214 #w_5dsy06erm .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; }#w_b05e8g79x .c_btn, #w_b05e8g79x .owl-nav [class*=owl-] i { color: #FFFFFF; } 215 #w_b05e8g79x .c_btn { border-color: #FFFFFF; } 216 #w_b05e8g79x .c_btn:before { background-color: #FFFFFF !important; } 217 218 #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:before { background-color: #FFFFFF; } 219 #w_b05e8g79x .owl-theme .owl-nav [class*=owl-] { border-color: #FFFFFF; } 220 221 #w_b05e8g79x .owl-theme .owl-dots .owl-dot.active span, 222 #w_b05e8g79x .owl-theme .owl-dots .owl-dot:hover span { 223 background: #FFFFFF; 224 opacity: 1; 225 } 226 #w_b05e8g79x .carousel-indicators li, 227 #w_b05e8g79x .owl-theme .owl-dots .owl-dot span{ 228 background-color: #FFFFFF; 229 opacity: 0.5; 230 }#w_headline .c_text { color: #000000; } 231 #w_headline .title.c_text:before { background-color: #000000 !important; }#w_kfrxeetnz .c_btn, #w_kfrxeetnz .owl-nav [class*=owl-] i { color: #000000; } #w_kfrxeetnz .c_btn { border-color: #000000; } #w_kfrxeetnz .c_btn:before { background-color: #000000 !important; }#w_m93s6b5wt .c_btn{ color: #FFFFFF; } 232 #w_m93s6b5wt .c_btn { border-color: #FFFFFF; } 233 #w_m93s6b5wt .c_btn:before { background-color: #FFFFFF !important; }#w_oneclick .c_text { color: #000000; } #w_oneclick .oneclick-fixed a .oneclick-icon:hover, #w_oneclick .oneclick-fixed a .oneclick-title{ background-color: #000000; } #w_oneclick .oneclick-fixed a .oneclick-icon:hover{ border-color: #000000; }#w_qet9j5763 .c_btn{ color: #FFFFFF; } 234 #w_qet9j5763 .c_btn { border-color: #FFFFFF; } 235 #w_qet9j5763 .c_btn:before { background-color: #FFFFFF !important; }#w_uqezm227g .c_btn, #w_uqezm227g .owl-nav [class*=owl-] i { color: #FFFFFF; } 236 #w_uqezm227g .c_btn { border-color: #FFFFFF; } 237 #w_uqezm227g .c_btn:before { background-color: #FFFFFF !important; } 238 239 #w_uqezm227g .slick-dots li button{ 240 background-color: #FFFFFF; 241 }#w_zz1fd1315 .c_btn, #w_zz1fd1315 .owl-nav [class*=owl-] i { color: #FFFFFF; } 242 #w_zz1fd1315 .c_btn { border-color: #FFFFFF; } 243 #w_zz1fd1315 .c_btn:before { background-color: #FFFFFF !important; }.breadcrumb.bg .c_title { color: #FFFFFF; } 244 .breadcrumb.bg .c_title:before { background-color: #FFFFFF !important; }#w_4rm1dt43q .c_text { color: #FFFFFF; } 245 246 #w_4rm1dt43q .border-box .event-icon, #w_4rm1dt43q .border-box .box-container:after{ background-color: #FFFFFF; }#w_b05e8g79x .c_text { color: #FFFFFF; } 247 #w_b05e8g79x .border-box .box-container:after{ background-color: #FFFFFF; }#w_headline .c_title { color: #ffffff; } 248 #w_headline .c_title:before { background-color: #ffffff !important; }#w_kfrxeetnz .c_text, #w_kfrxeetnz .requirements { color: #000000; }#w_zz1fd1315 .c_text, #w_zz1fd1315 .requirements { color: #000000; }#w_4rm1dt43q .c_title { color: #000000; } 249 #w_4rm1dt43q .c_title:before { background-color: #000000 !important; }#w_57decww5w .c_title { color: #FFFFFF; } 250 #w_57decww5w .c_title:before { background-color: #FFFFFF !important; }#w_b05e8g79x .c_title { color: #000000 !important; } 251 #w_b05e8g79x .c_title:before { background-color: #000000 !important; }#w_kfrxeetnz .c_title { color: #000000; } #w_kfrxeetnz .c_title:before { background-color: #000000 !important; }#w_m93s6b5wt .c_title { color: #000000; } 252 #w_m93s6b5wt .c_title:before { background-color: #000000 !important; }#w_sq9tg6fv2 .c_title { color: #FFFFFF; } 253 #w_sq9tg6fv2 .c_title:before { background-color: #FFFFFF !important; }#w_uqezm227g .c_title { color: #000000; } 254 #w_uqezm227g .c_title:before { background-color: #000000 !important; }#w_zz1fd1315 .c_title { color: #000000; } 255 #w_zz1fd1315 .c_title:before { background-color: #000000 !important; }.footer .bg_btn { background-color: #E6017D; }#w_headline .c_title { display: none; }#w_57decww5w .c_title { display: none; }#w_b05e8g79x .c_title { display: inline-block; }#w_headline .bg_btn { background-color: #e6017d; } 256 257 #w_headline .owl-theme .owl-nav [class*=owl-], #w_headline .owl-theme .owl-nav [class*=owl-]:hover, #w_headline .owl-theme .owl-nav [class*=owl-]:focus { background-color: #e6017d; }#w_4rm1dt43q .bg_btn { background-color: #E6017D; }#w_4zoujagw0 .bg_btn { background-color: #E6017D; } 258 259 #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-], #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:hover, #w_4zoujagw0 .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_5dsy06erm .bg_btn { background-color: #E42C82; } 260 261 #w_5dsy06erm .owl-theme .owl-nav [class*=owl-], #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:hover, #w_5dsy06erm .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E42C82; }#w_b05e8g79x .bg_btn { background-color: #E6017D; } 262 #w_b05e8g79x .owl-theme .owl-nav [class*=owl-], #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:hover, #w_b05e8g79x .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_headline .banner .bg_text { background-color: #DAD9D9; }#w_kfrxeetnz .bg_btn { background-color: #FFFFFF; }#w_m93s6b5wt .bg_btn { background-color: #e6017d; }#w_oneclick .oneclick-title.c_text, #w_oneclick .oneclick-text { color: #DE0B1F; } 263 264 #w_oneclick .oneclick-fixed a .oneclick-icon:hover i { color: #DE0B1F !important; }#w_qet9j5763 .bg_btn { background-color: #E6017D; }#w_uqezm227g .bg_btn { background-color:
264 #E6017D; } 265 266 #w_uqezm227g .owl-theme .owl-nav [class*=owl-], #w_uqezm227g .owl-theme .owl-nav [class*=owl-]:hover, #w_uqezm227g .owl-theme .owl-nav [class*=owl-]:focus { background-color: #E6017D; }#w_zz1fd1315 .bg_btn { background-color: #E6017D; }#w_4rm1dt43q .bg_text { background-color: #1B9654; } 267 268 #w_4rm1dt43q .border-box .event-icon i{ color: #1B9654; }#w_66mxrkdcb .bg_text { background-color: #FFFFFF; }#w_b05e8g79x .box-with-image:before { background-color: #1B9654; }#w_scpnyas5b .bg_text { background-color: #FFFFFF; }/*np-dropdowns*/.bootstrap-select{background-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select .dropdown-menu{background-color:rgba(27, 150, 84, 0.69)!important;border-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected{background-color:rgba(27, 150, 84, 0.69)!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#FFFFFF!important;}</style> 269 270 271
271<script src="/js/vendor/jquery-3.2.1.min.js"></script>
271 272
272<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
272 273 274 <!-- Matomo --> 275 <!-- End Matomo Code --> 276</head> 277<body> 278 279<header role="banner"> 280 <div class="ov"></div> 281 282 <!-- Top navbar --> 283<nav role="navigation" class="navbar navbar-fixed-left navbar-expand-lg bg"> 284 <div class="ov"></div> 285 286 <div class="container"> 287 288 <div class="navbar-header"> 289 <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/"> 290 <div class="img"> 291 <picture class="logo img-fluid"> 292 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2284/site/b6/80/ef/b680ef8cb8066adcbe90ae00a75b233bdf030315.png"> 293 <img role="img" src="https://static.neopse.com/medias/p/2284/site/b6/80/ef/b680ef8cb8066adcbe90ae00a75b233bdf030315.png" alt="Logo Saint-Jean-d'Arvey" loading="eager"> 294 </picture> 295 </div> 296 </a> 297 </div> 298 299 <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" 300 data-target="#navbarNavDropdown" 301 aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 302 <span class="navbar-toggler-icon"> 303 <i class="material-icons notranslate">menu</i> 304 </span> 305 </button> 306 <div class="collapse navbar-collapse" id="navbarNavDropdown"> 307 <ul class="nav navbar-nav"> 308 <li class="nav-item dropdown"> 309 <a class="nav-link c_text h_text px-3" href="/" role="button"> 310 <i class="material-icons">home</i> 311 </a> 312 </li> 313 <li class="nav-item dropdown dropup"> 314 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button" 315 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
316 Notre commune 317 </a> 318 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0"> 319 <div class="dropdown-menu-image" aria-hidden="true" 320 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/31/41/34/314134d869e84b92eaf0773753f59f5c4c9f4070.jpeg?v=v1);"></div> 321 322 <div class="mega-dropdown-menu"> 323 <div class="divider"> 324 325 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 326 href="/fr/rb/867271/saint-jean-darvey"> 327 Saint Jean d'Arvey 328 </a> 329 330 331 332 333 334 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 335 href="/fr/ap/1408266/plan-acces-618"> 336 Plan / Accès 337 </a> 338 339 340 341 342 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 343 href="/fr/tr/1407876/se-loger"> 344 Se loger 345 </a> 346 347 348 349 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 350 href="/fr/rb/896781/notre-patrimoine-2"> 351 Notre Patrimoine 352 </a> 353 354 355 356 357 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 358 href="/fr/rb/900369/les-activites-3"> 359 Les activités 360 </a> 361 362 363 364 </div> 365 </div> 366 </div> 367 </li> 368 369 370 <li class="nav-item dropdown dropup"> 371 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" 372 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 373 La mairie 374 </a> 375 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1"> 376 <div class="dropdown-menu-image" aria-hidden="true" 377 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/a0/db/cb/a0dbcb2df2efb80aa9a2ceaee78e01803b6982ff.jpeg?v=v1);"></div> 378 379 <div class="mega-dropdown-menu"> 380 <div class="divider"> 381 382 383 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 384 href="/fr/ct/1406589/contacts-913"> 385 Contacts 386 </a> 387 388 389 390 391 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 392 href="/fr/tb/1408383/conseil-municipal-106"> 393 Conseil municipal 394 </a> 395 396 397 398 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 399 href="/fr/rb/1666108/publication-des-actes-administratifs-1"> 400 Publication des actes administratifs 401 </a> 402 403 404 405 406 407 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 408 href="/fr/rp/1407915/seances-du-conseil-municipal-1"> 409 Séances du Conseil Municipal 410 </a> 411 412 413 414 415 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 416 href="/fr/pb/1408305/publications-356"> 417 Publications 418 </a> 419 420 421 422 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 423 href="/fr/rb/867622/intercommunalite-140"> 424 Intercommunalité 425 </a> 426 427 428 429 430 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 431 href="/fr/rb/959883/batiment-multi-fonctionnel"> 432 Bâtiment multi-fonctionnel 433 </a> 434 435 436 437 </div> 438 </div> 439 </div> 440 </li> 441 442 443 <li class="nav-item dropdown dropup"> 444 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button" 445 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 446 Au quotidien 447 </a> 448 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2"> 449 <div class="dropdown-menu-image" aria-hidden="true" 450 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/b6/41/8b/b6418bec4448ab30dea33f9bb0508fab55afbe7e.jpeg?v=v1);"></div> 451 452 <div class="mega-dropdown-menu"> 453 <div class="divider"> 454 455 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 456 href="/fr/rb/867739/numeros-utiles-35"> 457 Numéros utiles 458 </a> 459 460 461 462 463 464 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 465 href="/fr/ev/1406706/agenda-978"> 466 Agenda 467 </a> 468 469 470 471 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 472 href="/fr/rb/868558/bibliotheque-91"> 473 Bibliothèque 474 </a> 475 476 477 478 479 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 480 href="/fr/rb/867778/agence-postale-communale-23"> 481 Agence Postale Communale 482 </a> 483 484 485 486 487 488 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 489 href="/fr/rr/1408344/salles-a-louer-411"> 490 Salles à louer 491 </a> 492 493 494 495 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 496 href="/fr/rb/867986/pret-de-materiel-1"> 497 Prêt de matériel 498 </a> 499 500 501 502 503 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 504 href="/fr/rb/985181/signaler-1"> 505 Signaler 506 </a> 507 508 509 510 511 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 512 href="/fr/rb/926395/ecomobilite-transport"> 513 Ecomobilité / Transport 514 </a> 515 516 517 518 519 520 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 521 href="/fr/pg/1407525/guide-des-demarches-573"> 522 Guide des démarches 523 </a> 524 525 526
526 527 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 528 href="/fr/rb/2358904/convention-de-deneigement"> 529 Convention de déneigement 530 </a> 531 532 533 534 </div> 535 </div> 536 </div> 537 </li> 538 539 540 <li class="nav-item dropdown dropup"> 541 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button" 542 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 543 Vie locale 544 </a> 545 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3"> 546 <div class="dropdown-menu-image" aria-hidden="true" 547 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/29/f1/82/29f18257342a01531e5edb0a9a14a8878811bfce.jpeg?v=v1);"></div> 548 549 <div class="mega-dropdown-menu"> 550 <div class="divider"> 551 552 553 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 554 href="/fr/nw/1406667/actualites-981"> 555 Actualités 556 </a> 557 558 559 560 561 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 562 href="/fr/mk/1408149/marches-430"> 563 Marchés 564 </a> 565 566 567 568 569 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 570 href="/fr/as/1407798/annuaire-des-associations-422"> 571 Annuaire des associations 572 </a> 573 574 575 576 577 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 578 href="/fr/bu/1407837/annuaire-des-professionnels-109"> 579 Annuaire des professionnels 580 </a> 581 582 583 584 585 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 586 href="/fr/he/1407759/annuaire-de-la-sante-110"> 587 Annuaire de la santé 588 </a> 589 590 591 592 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 593 href="/fr/rb/867726/consultation-citoyenne"> 594 Consultation citoyenne 595 </a> 596 597 598 599 600 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 601 href="/fr/rb/1382604/conseil-consultatif-de-hameau"> 602 Conseil consultatif de hameau. 603 </a> 604 605 606 607 608 609 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 610 href="/fr/jb/1407681/annonces-demploi-445"> 611 Annonces dâemploi 612 </a> 613 614 615 616 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 617 href="/fr/rb/1823707/conseil-des-aines-1"> 618 Conseil des aînés 619 </a> 620 621 622 623 </div> 624 </div> 625 </div> 626 </li> 627 628 629 <li class="nav-item dropdown dropup"> 630 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button" 631 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 632 Jeunesse 633 </a> 634 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4"> 635 <div class="dropdown-menu-image" aria-hidden="true" 636 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/c3/8f/bf/c38fbf4cb532c052e8b3ca77d3b3ca5e8e92c043.jpeg?v=v1);"></div> 637 638 <div class="mega-dropdown-menu"> 639 <div class="divider"> 640 641 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 642 href="/fr/rb/868519/conseil-municipal-jeunes-2"> 643 Conseil Municipal Jeunes 644 </a> 645 646 647 648 649 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 650 href="/fr/rb/868337/ecole-60"> 651 Ecole 652 </a> 653 654 655 656 657 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 658 href="/fr/rb/868454/petite-creche-les-croes"> 659 Petite Crèche "Les Croës" 660 </a> 661 662 663 664 665 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 666 href="/fr/rb/868402/portail-familles-2"> 667 Portail familles 668 </a> 669 670 671 672 673 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 674 href="/fr/rb/868376/periscolaire-garderie-restauration"> 675 Périscolaire : garderie, restauration 676 </a> 677 678 679 680 681 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 682 href="/fr/rb/868441/animation-enfance-jeunesse"> 683 Animation Enfance Jeunesse 684 </a> 685 686 687 688 689 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 690 href="/fr/rb/868493/relais-petite-enfance-31"> 691 Relais Petite Enfance 692 </a> 693 694 695 696 697 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 698 href="/fr/rb/868506/transport-scolaires"> 699 Transport scolaires 700 </a> 701 702 703 704 </div> 705 </div> 706 </div> 707 </li> 708 709 710 <li class="nav-item dropdown dropup"> 711 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button" 712 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
713 Cadre de vie 714 </a> 715 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5"> 716 <div class="dropdown-menu-image" aria-hidden="true" 717 style="background-image: url(https://static.neopse.com/thumbs/p/2284/site/33/6c/32/336c321bf2a3a41f581307894deab14677f803a4.jpeg?v=v1);"></div> 718 719 <div class="mega-dropdown-menu"> 720 <div class="divider"> 721 722 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 723 href="/fr/rb/867544/urbanisme-248"> 724 Urbanisme 725 </a> 726 727 728 729 730 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 731 href="/fr/rb/2379184/occupation-du-domaine-public-pour-travaux"> 732 Occupation du domaine public pour travaux 733 </a> 734 735 736 737 738 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 739 href="/fr/rb/867518/reglementation-11"> 740 Réglementation 741 </a> 742 743 744 745 746 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 747 href="/fr/rb/867843/travaux-6"> 748 Travaux 749 </a> 750 751 752 753 754 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 755 href="/fr/rb/867700/projets-durbanisme"> 756 Projets d'urbanisme 757 </a> 758 759 760 761 762 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 763 href="/fr/rb/867414/plan-communal-de-sauvegarde-12"> 764 Plan communal de sauvegarde 765 </a> 766 767 768 769 770 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 771 href="/fr/rb/867869/eau-potable-14"> 772 Eau potable 773 </a> 774 775 776 777 778 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 779 href="/fr/rb/867895/dechets-36"> 780 Déchets 781 </a> 782 783 784 785 </div> 786 </div> 787 </div> 788 </li> 789 790 791 792 793 <li class="nav-item dropdown"> 794 <a class="nav-link c_text h_text" role="menuitem" href="/fr/ct/1406589/contacts-913">Contacts</a> 795 </li> 796 797 798 799 <li class="nav-item position-relative"> 800 <div role="button" class="cursor-pointer nav-link c_text" data-toggle="collapse" 801 data-target="#google_translate_element" aria-expanded="false" aria-label="Choisir la langue du site" 802 aria-controls="google_translate_element"><i class="material-icons notranslate">language</i> 803 </div> 804 <div id="google_translate_element" class="collapse"> 805 <div id="google_translate"></div> 806 <div class="google_translate_consent" style="width: 200px; height: 60px;"></div> 807 </div> 808 </li> 809 810 </ul> 811 </div> 812 </div> 813</nav> 814 815</header> 816 817<main role="main"> 818 <div class="main intern-page"> 819 <div class="content"> 820 <div class="fixed"> 821 <header class="breadcrumb container d-flex align-items-center bg"> 822 <div class="ov"></div> 823 <div> 824 <h1 class="title dark c_title">Contacts</h1> 825 826 <nav class="ariane c_text"> 827 <span><a href="/fr/" class="font-weight-bold">Accueil</a></span> 828 / <a href="/fr/">La mairie</a> 829 / <a href="/fr/ct/1406589/contacts-913">Contacts</a> 830 </nav> 831 832 </div> 833 </header> 834</div> 835 836 <div id="w_oneclick"> 837 <div class="oneclick-fixed"> 838 <div class="oneclick-container"> 839 <a href="/fr/ev/1406706/agenda-978" class="oneclick c_text"> 840 <div class="oneclick-icon bg_text c_text oneclick_1" > 841 <i class="material-icons notranslate" >date_range</i> 842 </div> 843 <div class="oneclick-title bg_text c_text" > 844 <div class="oneclick-text"> 845 <p class="mb-0 h5">AGENDA</p> 846 </div> 847 </div> 848 </a> 849 <style>
850 .oneclick_1:hover{ 851 background-color: !important; 852 color: !important; 853 } 854 </style> 855 <a href="/fr/nw/1406667/actualites-981" class="oneclick c_text"> 856 <div class="oneclick-icon bg_text c_text oneclick_2" > 857 <i class="material-icons notranslate" >book</i> 858 </div> 859 <div class="oneclick-title bg_text c_text" > 860 <div class="oneclick-text"> 861 <p class="mb-0 h5">ACTUALITES</p> 862 </div> 863 </div> 864 </a> 865 <style> 866 .oneclick_2:hover{ 867 background-color: !important; 868 color: !important; 869 } 870 </style> 871 <a href="/fr/rb/867739/numeros-utiles-35" class="oneclick c_text"> 872 <div class="oneclick-icon bg_text c_text oneclick_3" > 873 <i class="material-icons notranslate" >perm_phone_msg</i> 874 </div> 875 <div class="oneclick-title bg_text c_text" > 876 <div class="oneclick-text"> 877 <p class="mb-0 h5">NUMEROS UTILES</p> 878 </div> 879 </div> 880 </a> 881 <style> 882 .oneclick_3:hover{ 883 background-color: !important; 884 color: !important; 885 } 886 </style> 887 <a href="/fr/tr/1407876/se-loger" class="oneclick c_text"> 888 <div class="oneclick-icon bg_text c_text oneclick_4" > 889 <i class="material-icons notranslate" >local_hotel</i> 890 </div> 891 <div class="oneclick-title bg_text c_text" > 892 <div class="oneclick-text"> 893 <p class="mb-0 h5">SE LOGER</p> 894 </div> 895 </div> 896 </a> 897 <style> 898 .oneclick_4:hover{ 899 background-color: !important; 900 color: !important; 901 } 902 </style> 903 <a href="/fr/rb/868402/portail-familles-2" class="oneclick c_text"> 904 <div class="oneclick-icon bg_text c_text oneclick_5" > 905 <i class="material-icons notranslate" >supervised_user_circle</i> 906 </div> 907 <div class="oneclick-title bg_text c_text" > 908 <div class="oneclick-text"> 909 <p class="mb-0 h5">PORTAIL FAMILLES</p> 910 </div> 911 </div> 912 </a> 913 <style> 914 .oneclick_5:hover{ 915 background-color: !important; 916 color: !important; 917 } 918 </style> 919 <a href="/fr/rp/1407915/seances-du-conseil-municipal-1" class="oneclick c_text"> 920 <div class="oneclick-icon bg_text c_text oneclick_6" > 921 <i class="material-icons notranslate" >folder</i> 922 </div> 923 <div class="oneclick-title bg_text c_text" > 924 <div class="oneclick-text"> 925 <p class="mb-0 h5">COMPTES RENDUS</p> 926 </div> 927 </div> 928 </a> 929 <style> 930 .oneclick_6:hover{ 931 background-color: !important; 932 color: !important; 933 } 934 </style> 935 <a href="/fr/pg/1407525/guide-des-demarches-573" class="oneclick c_text"> 936 <div class="oneclick-icon bg_text c_text oneclick_7" > 937 <i class="material-icons notranslate" >account_balance</i> 938 </div> 939 <div class="oneclick-title bg_text c_text" > 940 <div class="oneclick-text"> 941 <p class="mb-0 h5">GUIDE DES DEMARCHES</p> 942 </div> 943 </div> 944 </a> 945 <style> 946 .oneclick_7:hover{ 947 background-color: !important; 948 color: !important; 949 } 950 </style> 951 <a href="/fr/rb/985181/signaler-1" class="oneclick c_text"> 952 <div class="oneclick-icon bg_text c_text oneclick_8" > 953 <i class="material-icons notranslate" >report_problem</i> 954 </div> 955 <div class="oneclick-title bg_text c_text" > 956 <div class="oneclick-text"> 957 <p class="mb-0 h5">SIGNALER</p> 958 </div> 959 </div> 960 </a> 961 <style> 962 .oneclick_8:hover{ 963 background-color: !important; 964 color: !important; 965 } 966 </style> 967 </div> 968</div> 969 970 </div> 971 972 <!-- Contenu --> 973 <section class="wrapper bg_wrapper c_wrapper container"> 974 <div class="ov bgw"></div> 975 976 <div class="main-content dynamicContent"> 977 978 <div class="row"> 979 <div class="col col-lg contenu"> 980 <div> 981 <div class="mb-3"> 982 <h2 class="title dark h3">Commune de Saint Jean d'Arvey</h2> 983 <p></p> 984 </div> 985 986 <div class="mb-3"> 987 <p class="mb-0">2461, route des Bauges</p> 988 <p class="mb-0">73230 Saint-Jean-d'Arvey</p> 989 <p class="mb-0 text-uppercase">France</p> 990 </div> 991 992 <div class="mb-3"> 993 <p class="mb-0"><a 994 href="tel:+33479284061">+33 4 79 28 40 61</a> 995 </p> </div> 996 997 <div class="mb-3"><p class="mb-0"><a class="btn c_btn bg_btn py-2 px-4" href="#" data-toggle="modal" 998 data-target="#contactFormContact">Contact par 999 formulaire</a></p></div> 1000 1001 1002 1003 <div class="my-5"> 1004 <p class="title dark">Informations complémentaires</p> 1005 <p><span style="font-size:18px"><img alt="" data-id-file="446008" src="https://static.neopse.com/medias/p/2284/site/2f/20/b3/2f20b3adb45df3711611ebb07257672f095194d6.jpg?v=v1" style="float:right; height:262px; margin-left:10px; margin-right:0px; width:350px" />Horaires:</span><br /> 1006<span style="font-size:18px">LUNDI - MARDI - MERCREDI - JEUDI - VENDREDI - SAMEDI DE 9H00 à 12H00<br /> 1007SERVICE URBANISME SUR RENDEZ VOUS : LUNDI - MARDI - VENDREDI de 9H30 à 12H00</span> 1008<hr /><br /> 1009<span style="font-size:18px">Plan/Accès: <a href="https://commune-de-saint-jean-darvey.neopse-site.com/fr/ap/1408266/plan-acces-618"><span style="color:#2980b9">Cliquez ici</span></a></span><br /> 1010 1011<hr /> 1012<ul> 1013 <li><span style="font-size:18px">Accueil mairie : [email protected]</span></li> 1014 <li><span style="font-size:18px">Service Urbanisme : [email protected]</span></li> 1015 <li><span style="font-size:18px">Si vous souhaitez contacter un élu directement <a href="https://commune-de-saint-jean-darvey.neopse-site.com/fr/tb/1408383/conseil-municipal-106"><span style="color:#2980b9">Cliquez ici</span></a></span></li> 1016</ul> 1017 1018<p> </p></p> 1019 </div> 1020 1021 </div> 1022 1023 </div> 1024 1025 1026 </div> 1027 1028 </div> 1029 </section> 1030 1031 </div> 1032 </div> 1033 1034 <div class="modal fade" id="contactFormContact" tabindex="-1" role="dialog" aria-labelledby="modalContact-label" aria-hidden="true" 1035 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 1036 <div class="modal-dialog" role="document"> 1037 <div class="modal-content"> 1038 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1039 <span aria-hidden="true">×</span> 1040 </button> 1041 1042 <div class="modal-header bg_bloc"> 1043 <h5 id="modalContact-label" class="modal-title font-weight-bold dark text_bloc">Contact Mairie Saint Jean d'Arvey</h5> 1044 </div> 1045 <form id="contactForm" action="/formMdContact" method="post" 1046 novalidate enctype="multipart/form-data"> 1047 <div class="modal-body pb-0"> 1048 1049 <div class="form-group"> 1050 <div><label for="1_input" id="1_inputLabel">Votre nom</label><span>*</span></div> 1051 <input type="text" name="1_input" class="form-control" id="1_input" 1052 aria-describedby="1_inputLabel"> 1053 <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span> 1054</div> 1055 1056 <div class="form-group"> 1057 <div><label for="2_email" id="2_emailLabel">Votre adresse Mail</label><span>*</span></div> 1058 <input type="email" name="2_email" class="form-control" id="2_email" aria-describedby="2_emailLabel" /> 1059 <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span> 1060</div> 1061 1062 <div class="form-group"> 1063 <div><label for="3_textarea">Votre Message</label><span>*</span> 1064 </div> 1065 <textarea name="3_textarea" class="form-control pl-0" id="3_textarea" rows="3"></textarea> 1066 <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span> 1067</div> 1068 <div class="field-wrapper"> 1069 <div><label for="4_email" class="font-weight-bold mr-1">Votre pièces jointes</label><span></span></div> 1070 <div class="d-flex align-items-center"> 1071 <div class="form-group col-10 col-md-10 mb-0"> 1072 <div class="upload-btn-wrapper"> 1073 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 1074 <input type="file" name="4_file" id="4_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 1075 </div> 1076 </div> 1077 </div> 1078 1079 <div> 1080 <ul class="listFiles"> 1081 1082 </ul> 1083 </div> 1084 <span class="form-error requirements" id="4_file-error" role="alert">Ce champ est obligatoire</span> 1085</div> 1086 1087 1088 <div class="form-group"> 1089 <div class="h-recaptcha m-auto d-inline-block"></div> 1090 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 1091 </div> 1092</div> </div> 1093 <div class="modal-footer"> 1094 <div class="btn-container"> 1095 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 1096 </div> 1097 </div> 1098 <div class="m-3"> 1099 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 /> 1100Vos 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 /> 1101<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 /> 1102<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 1103<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 /> 1104<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. 1105 </div> 1106 </form> 1107 1108 <div id="messageSendedForm" class="form-message-sent" style="display: none"> 1109 <p>Le message a bien été envoyé à son destinataire. Merci.</p> 1110 </div> 1111 </div> 1112 </div> 1113</div> 1114 1115</main> 1116 1117 <div id="previewModalImage" class="modal"> 1118 1119 <!-- The Close Button -->
1120 <span id="closePreviewImage" class="close">×</span> 1121 1122 <!-- Navigation Buttons --> 1123 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 1124 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 1125 1126 <!-- Image Counter --> 1127 <div id="imageCounter" class="image-counter"></div> 1128 1129 <!-- Modal Content (The Image) --> 1130 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 1131 1132 <!-- Modal Caption (Image Text) --> 1133 <div id="captionPreviewImage"></div> 1134 </div> 1135 1136
1136<script> 1137 (function() { 1138 const modal = document.getElementById('previewModalImage'); 1139 const modalImg = modal.querySelector('img'); 1140 const captionText = document.getElementById('captionPreviewImage'); 1141 const closePreviewImage = document.getElementById('closePreviewImage'); 1142 const prevBtn = document.getElementById('prevImage'); 1143 const nextBtn = document.getElementById('nextImage'); 1144 const imageCounter = document.getElementById('imageCounter'); 1145 1146 let currentImages = []; 1147 let currentIndex = 0; 1148 1149 function toggleElement(element, show) { 1150 if (element) element.style.display = show ? 'block' : 'none'; 1151 } 1152 1153 function updateModal(index) { 1154 if (currentImages.length === 0) return; 1155 currentIndex = index; 1156 const img = currentImages[currentIndex]; 1157 modalImg.setAttribute('src', img.src); 1158 modalImg.setAttribute('alt', img.alt || ''); 1159 captionText.innerHTML = img.alt || ''; 1160 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 1161 const showNav = currentImages.length > 1; 1162 toggleElement(prevBtn, showNav); 1163 toggleElement(nextBtn, showNav); 1164 toggleElement(imageCounter, showNav); 1165 } 1166 1167 function showNext() { 1168 if (currentImages.length === 0) return; 1169 currentIndex = (currentIndex + 1) % currentImages.length; 1170 updateModal(currentIndex); 1171 } 1172 1173 function showPrev() { 1174 if (currentImages.length === 0) return; 1175 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 1176 updateModal(currentIndex); 1177 } 1178 1179 function closest(element, selector) { 1180 if (!element) return null; 1181 if (selector.startsWith('.')) { 1182 const className = selector.slice(1); 1183 let current = element; 1184 while (current && current !== document) { 1185 if (current.classList && current.classList.contains(className)) return current; 1186 current = current.parentElement; 1187 } 1188 } 1189 return null; 1190 } 1191 1192 document.addEventListener('click', function(e) { 1193 const target = e.target; 1194 if (target.tagName === 'IMG' && 1195 (target.classList.contains('img') || target.classList.contains('main-img')) && 1196 closest(target, '.splide')) { 1197 const clickedSlide = closest(target, '.splide__slide'); 1198 if (!clickedSlide) return; 1199 const splideList = closest(clickedSlide, '.splide__list'); 1200 if (!splideList) return; 1201 const allSlides = splideList.querySelectorAll('.splide__slide'); 1202 currentImages = []; 1203 const seenSrcs = new Set(); 1204 const clickedSrc = target.src; 1205 allSlides.forEach(function(slide) { 1206 const slideImg = slide.querySelector('.img, .main-img'); 1207 if (slideImg && !seenSrcs.has(slideImg.src)) { 1208 seenSrcs.add(slideImg.src); 1209 currentImages.push(slideImg); 1210 } 1211 }); 1212 currentIndex = currentImages.findIndex(function(img) { return img.src === clickedSrc; }); 1213 if (currentIndex === -1) currentIndex = 0; 1214 updateModal(currentIndex); 1215 modal.style.display = 'block'; 1216 } 1217 }); 1218 1219 if (nextBtn) nextBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showNext(); }); 1220 if (prevBtn) prevBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showPrev(); }); 1221 1222 document.addEventListener('keydown', function(e) { 1223 const isModalVisible = modal.style.display === 'block' || window.getComputedStyle(modal).display !== 'none'; 1224 if (isModalVisible && modal.style.display !== 'none') { 1225 if (e.key === 'ArrowRight' || e.keyCode === 39) { e.preventDefault(); showNext(); } 1226 else if (e.key === 'ArrowLeft' || e.keyCode === 37) { e.preventDefault(); showPrev(); } 1227 else if (e.key === 'Escape' || e.keyCode === 27) { e.preventDefault(); e.stopPropagation(); modal.style.display = 'none'; } 1228 } 1229 }); 1230 1231 if (closePreviewImage) closePreviewImage.addEventListener('click', function() { modal.style.display = 'none'; }); 1232 modal.addEventListener('click', function(e) { if (e.target === modal) modal.style.display = 'none'; }); 1233 })(); 1234 </script>
1234 1235 1236 <div class="wrapper"> 1237 1238 </div> 1239 1240<!-- Footer --> 1241<footer role="contentinfo" class="footer bg"> 1242 <div class="ov"></div> 1243 <div class="container d-flex flex-wrap"> 1244 <div class="footer-container"> 1245 1246<div class="footer-links-container"> 1247 <div class="title-container clearfix"> 1248 <h2 class="title c_title d_title"><a href="/fr/ct/1406589/contacts-913">Contacts</a> </h2> 1249 </div> 1250 1251 <div class="links c_text"> 1252 <p class="font-weight-bold mb-0">Commune de Saint Jean d'Arvey</p> 1253 <p class="mb-0">2461, route des Bauges</p> 1254 <p class="mb-0">73230 Saint-Jean-d'Arvey - FRANCE</p> 1255 <p class="mb-0"><a href="tel:+33479284061">+33 4 79 28 40 61</a> 1256 </p> 1257 <p class="mb-0"><a class="btn c_btn bg_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a> 1258 </p> 1259 1260 1261 </div> 1262</div> 1263 1264 1265 1266 <div class="social-media"> 1267 <ul class="c_text"> 1268 </ul> 1269</div> 1270 1271 1272 <div class="d-flex justify-content-center position-relative mb-5"> 1273 <div class="btn-container mt-2 btn-espace-reserve"> 1274 </div> 1275</div> 1276 1277 1278 1279 </div> 1280 </div> 1281</footer> 1282 1283<section class="bg footer-links"> 1284 <div class="ov"></div> 1285 <div class="container d-flex flex-wrap justify-content-around"> 1286 1287 1288 </div> 1289 <div class="container d-flex flex-wrap justify-content-center position-relative c_text mt-4"> 1290 <p class="mr-2 c_text"><a href="/fr/li/1406628/mentions-legales-1025">Mentions légales</a> 1291</p>- 1292 <p class="ml-2 mr-2 c_text"><a href="/fr/1406628/politique-confidentialite">Politique de confidentialité</a> 1293</p>- 1294 <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a> 1295</p>- 1296 1297 <p class="ml-2 mr-2 c_text"><a href="/fr/sm/59376/plan-du-site-1" >Plan du site</a></p>- 1298 <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 1299 </div> 1300</section> 1301 1302<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 1303 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 1304 <div class="modal-dialog" role="document"> 1305 <div class="modal-content"> 1306 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1307 <span aria-hidden="true">×</span> 1308 </button> 1309 1310 <div class="modal-header bg_bloc"> 1311 <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact Mairie Saint Jean d'Arvey</h4> 1312 </div> 1313 <form id="contactFormFooter" action="/formMdContact" method="post" 1314 novalidate enctype="multipart/form-data"> 1315 <div class="modal-body pb-0"> 1316 1317 <div class="form-group"> 1318 <div><label for="1_input" id="1_inputLabel">Votre nom</label><span>*</span></div> 1319 <input type="text" name="1_input" class="form-control" id="1_input" 1320 aria-describedby="1_inputLabel"> 1321 <span class="form-error requirements" id="1_input-error" role="alert">Ce champ est obligatoire</span> 1322</div> 1323 <div class="form-group"> 1324 <div><label for="2_email" id="2_emailLabel">Votre adresse Mail</label><span>*</span></div> 1325 <input type="email" name="2_email" class="form-control" id="2_email" aria-describedby="2_emailLabel" /> 1326 <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span> 1327</div> 1328 <div class="form-group"> 1329 <div><label for="3_textarea">Votre Message</label><span>*</span> 1330 </div> 1331 <textarea name="3_textarea" class="form-control pl-0" id="3_textarea" rows="3"></textarea>
1332 <span class="form-error requirements" id="3_textarea-error" role="alert">Ce champ est obligatoire</span> 1333</div> <div class="field-wrapper"> 1334 <div><label for="4_email" class="font-weight-bold mr-1">Votre pièces jointes</label><span></span></div> 1335 <div class="d-flex align-items-center"> 1336 <div class="form-group col-10 col-md-10 mb-0"> 1337 <div class="upload-btn-wrapper"> 1338 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 1339 <input type="file" name="4_file" id="4_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 1340 </div> 1341 </div> 1342 </div> 1343 1344 <div> 1345 <ul class="listFiles"> 1346 1347 </ul> 1348 </div> 1349 <span class="form-error requirements" id="4_file-error" role="alert">Ce champ est obligatoire</span> 1350</div> 1351 1352 <div class="form-group"> 1353 <div class="h-recaptcha m-auto d-inline-block"></div> 1354 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 1355 </div> 1356</div> </div> 1357 <div class="modal-footer"> 1358 <div class="btn-container"> 1359 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 1360 </div> 1361 </div> 1362 <div class="m-3"> 1363 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 /> 1364Vos 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 /> 1365<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 /> 1366<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 1367<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 /> 1368<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. 1369 </div> 1370 </form> 1371 1372 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 1373 <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> 1374 </div> 1375 </div> 1376 </div> 1377</div> 1378 1379<div class="footer-bottom" style="position: relative;"> 1380 <div class="container"> 1381 <p> 1382 1383 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 1384 <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1385 Site créé en partenariat avec Réseau des Communes 1386 </a> 1387 </p> 1388 </div> 1389</div> 1390<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 1391 <div class="modal-dialog" role="document"> 1392 <div class="modal-content"> 1393 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1394 <span aria-hidden="true">×</span> 1395 </button> 1396 1397 <embed type="application/pdf"> 1398 </div> 1399 </div> 1400</div> 1401 1402 1403
1403<script src="/js/vendor/popper.min.js"></script>
1403 1404
1404<script src="/js/vendor/bootstrap.min.js"></script>
1404 1405 1406 <!-- Carousel --> 1407
1407<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1407 1408
1408<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1408 1409 1410
1410<script src='/dist/slick/slick.js'></script>
1410 1411
1411<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1411 1412 1413
1413<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1413 1414
1414<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1414 1415 1416
1416<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1416 1417 1418
1418<script src='/dist/pagination.min.js'></script>
1418 1419 1420
1420<script src="/js/shared.js?v1"></script>
1420 1421
1421<script src="/tpl/8/js/main.js"></script>
1421 1422
1422<script src="/lib/chartjs/Chart.js"></script>
1422 1423
1423<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433
1433<script type="text/javascript"> 1434 1435 tarteaucitron.user.matomoId = 6; 1436 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1437 1438 1439 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1440 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1441 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1442 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1443 1444 tarteaucitron.user.googleTranslateCallback = function () { 1445 new google.translate.TranslateElement({pageLanguage: 'fr', includedLanguages: 'de,en,fr,it'}, 'google_translate'); 1446 }; 1447 (tarteaucitron.job = tarteaucitron.job || []).push('googletranslate'); 1448 </script>
1448 1449 1450 1451
1451<script> 1452 $(document).ready(function () { 1453 1454 var input = $('input[type=file]'); 1455 1456 input.on('change', function () { 1457 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1458 list.empty(); 1459 1460 for (var x = 0; x < this.files.length; x++) { 1461 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1462// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1463 list.append(newFile); 1464 } 1465 }); 1466 1467 $('.form-error').hide(); 1468 $('#contactForm').submit(function (e) { 1469 let form = $(this); 1470 1471 $.ajax({ 1472 type: "POST", 1473 url: form.attr('action'), 1474 data: new FormData(form[0]), 1475 contentType: false, 1476 processData: false, 1477 beforeSend: function () { 1478 form.find('.form-error').hide(); 1479 $('#formContactForm').attr('disabled', true); 1480 }, 1481 success: function (response) { 1482 hcaptcha.reset(); 1483 1484 if (response.status === 'KO') { 1485 let errors = response.errors; 1486 for (let index in errors) { 1487 if (errors.hasOwnProperty(index)) { 1488 let attr = errors[index]; 1489 let error = attr[Object.keys(attr)[0]]; 1490 form.find('#' + index + '-error').text(error).show(); 1491 } 1492 } 1493 } 1494 else { 1495 1496 $('#contactForm').css('display', 'none'); 1497 $('#messageSendedForm').css('display', ''); 1498 form[0].reset(); 1499 } 1500 }, 1501 complete: function () { 1502 1503 $('#formContactForm').removeAttr('disabled'); 1504 } 1505 }); 1506 1507 return false; 1508 }); 1509 1510 $('#contactFormContact').on('hidden.bs.modal', function () { 1511 $('#contactForm')[0].reset(); 1512 $('#contactFormFooter')[0].reset(); 1513 1514 $('#contactForm').css('display', ''); 1515 $('#contactFormFooter').css('display', ''); 1516 1517 $('#messageSendedForm').css('display', 'none'); 1518 1519 $('.form-error').hide(); 1520 1521 $('.listFiles').empty(); 1522 1523 hcaptcha.reset(); 1524 }); 1525 }); 1526 1527 function humanFileSize(size) { 1528 var i = Math.floor(Math.log(size) / Math.log(1024)); 1529 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1530 } 1531 </script>
1531 1532 1533
1533<script type="text/javascript"> 1534 </script>
1534 1535
1536<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1536 1537
1538<script type="text/javascript"> 1539 var CaptchaCallback = function () { 1540 $('.h-recaptcha').each(function (index, el) { 1541 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1542 }); 1543 }; 1544</script>
1544 1545
1546<script> 1547 $(document).ready(function () { 1548 1549 $('.selectpicker').selectpicker(); 1550 1551 var input = $('input[type=file]'); 1552 1553 input.on('change', function () { 1554 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1555 list.empty(); 1556 1557 for (var x = 0; x < this.files.length; x++) { 1558 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1559// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1560 list.append(newFile); 1561 } 1562 }); 1563 1564 $('.form-error').hide(); 1565 $('#contactFormFooter').submit(function (e) { 1566 let form = $(this); 1567 1568 $.ajax({ 1569 type: "POST", 1570 url: form.attr('action'), 1571 data: new FormData(form[0]), 1572 contentType: false, 1573 processData: false, 1574 beforeSend: function () { 1575 form.find('.form-error').hide(); 1576 $('.formContactForm').attr('disabled', true); 1577 }, 1578 success: function (response) { 1579 hcaptcha.reset(); 1580 1581 if (response.status === 'KO') { 1582 let errors = response.errors; 1583 for (let index in errors) { 1584 if (errors.hasOwnProperty(index)) { 1585 let attr = errors[index]; 1586 let error = attr[Object.keys(attr)[0]]; 1587 form.find('#' + index + '-error').text(error).show(); 1588 } 1589 } 1590 } 1591 else { 1592 1593 $('#contactFormFooter').css('display', 'none'); 1594 $('#messageSendedFormContactFooter').css('display', ''); 1595 form[0].reset(); 1596 } 1597 }, 1598 complete: function () { 1599 1600 $('.formContactForm').removeAttr('disabled'); 1601 } 1602 }); 1603 1604 return false; 1605 }); 1606 1607 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1608 $('#contactFormFooter')[0].reset(); 1609 1610 $('#contactFormFooter').css('display', ''); 1611 1612 $('#messageSendedFormContactFooter').css('display', 'none'); 1613 1614 $('.form-error').hide(); 1615 1616 $('.listFiles').empty(); 1617 1618 hcaptcha.reset(); 1619 }); 1620 1621 1622 }); 1623 1624 function humanFileSize(size) { 1625 var i = Math.floor(Math.log(size) / Math.log(1024)); 1626 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1627 } 1628</script>
1628 1629
1630<script> 1631 $(function () { 1632 1633 1634 var numberAlerts = false; 1635 1636 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1637 1638 numberAlerts = allAlerts.length; 1639 1640 allAlerts.each(function (e) { 1641 1642 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1643 $('#alertsModal').modal('show'); 1644 } else { 1645 $(this).remove(); 1646 numberAlerts = numberAlerts - 1; 1647 setActiveAndDecrementNumber(); 1648 } 1649 1650 }); 1651 1652 $('.acceptCookiesAlerts').on('click', function (e) { 1653 e.preventDefault(); 1654 1655 var currentDataId = $(this).attr('data-id'); 1656 1657 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1658 1659 numberAlerts = numberAlerts - 1; 1660 1661 var currentParentNode = $(this).parent().parent().parent(); 1662 1663 currentParentNode.removeClass('active'); 1664 currentParentNode.remove(); 1665 1666 setActiveAndDecrementNumber(); 1667 1668 }); 1669 1670 function setActiveAndDecrementNumber() { 1671 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1672 1673 newListOfAlerts.each(function (index, e) { 1674 if (index == 0) { 1675 $(this).addClass('active'); 1676 } 1677 }); 1678 1679 if (numberAlerts == 0) { 1680 $('#alertsModal').modal('hide'); 1681 } 1682 } 1683 1684 var currentColorControl = '#212529'; 1685 1686 $('#controlPrev').css('color', 'initial !important'); 1687 $('#controlNext').css('color', 'initial !important'); 1688 $('#controlPrev').on('mouseover', function () { 1689 1690 $(this).css('color', 'initial !important'); 1691 }); 1692 1693 $('#controlNext').on('mouseover', function () { 1694 1695 $(this).css('color', 'initial !important'); 1696 }); 1697 1698 }); 1699</script>
1699 1700</body> 1701</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.