1<!DOCTYPE html> 2<html dir="ltr" lang="fr" xmlns:ff4j="http://www.w3.org/1999/xhtml" xmlns:esi="http://www.edge-delivery.org/esi/1.0"> 3 <head> 4 <title> 5 Contacts - Commune de Champrond-en-Gâtine 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 47 }); 48 </script>
48 49 50 51 52 <meta name="Description" content=""> 53 <meta name="Keywords" content=""> 54 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 55 <meta charset="UTF-8"> 56
56<script type="text/javascript"> 57 tarteaucitron.user.gtagUa = 'UA-133289060-1'; 58 tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ 59 }; 60 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 61 </script>
61 62 63 <!-- Matomo -->
64<script> 65 var _paq = window._paq = window._paq || []; 66 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 67 _paq.push(['trackPageView']); 68 _paq.push(['enableLinkTracking']); 69 (function() { 70 var u="//matomo-client.neopse.com/"; 71 _paq.push(['setTrackerUrl', u+'matomo.php']); 72 _paq.push(['setSiteId', â178â]); 73 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 74 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 75 })(); 76</script>
76 77<!-- End Matomo Code --> 78 79 80 81 82 83 84 85 <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 86 <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 87 88 <link rel="preconnect" href="https://fonts.googleapis.com"> 89 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 90 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Material+Icons" rel="stylesheet"> 91 <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"> 92 93 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 94 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 95 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 96 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 97 <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'> 98 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 99 <link rel="stylesheet" 100 href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 101 <link href="/tpl/1/css/style.css" rel="stylesheet" type='text/css'> 102 <link rel="stylesheet" 103 href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/> 104 105 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 106 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 107 <style class="notranslate" title="customCss" type="text/css" 108 rel="stylesheet">.bg_bloc { background-color: #99C6CE !important; } 109 .table td, .table, .table thead th { border-color: #99C6CE !important; } 110 .bg_bloc .dropdown-toggle, 111 .bg_bloc .dropdown-menu { 112 background-color: #99C6CE !important; 113 border-color: #99C6CE !important; 114 } 115 .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{ 116 border-color: #99C6CE !important; 117 } 118 119 .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #99C6CE !important; } 120 121 .fc-unthemed td.fc-today{ 122 background: #99C6CE !important; 123 } 124 125 .cookies .btn{ color: #99C6CE !important; }body { background-color: #FFFFFF; }.bg_wrapper { background-color: #FFFFFF !important; }.c_btn { color: #000000; } 126 .c_btn:hover, .c_btn:focus, .c_btn:active { color: #000000; } 127 .c_btn:before { background-color: #000000 !important; } 128 .owl-theme .owl-dots .owl-dot.active span, 129 .owl-theme .owl-dots .owl-dot:hover span, 130 .carousel-indicators .active { 131 background: #000000; 132 opacity: 1; 133 } 134 .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{ 135 background-color: #000000; 136 opacity: 0.5; 137 }.text_bloc {color:#000000 !important;} 138 .text_bloc .title:before {background-color:#000000!important;} 139 .bg_bloc .c_text {color:#000000 !important;} 140 .bg_bloc .dropdown-toggle, 141 .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after { 142 color:#000000 !important; 143 } 144 145 .fc-unthemed thead.fc-head{ color: #000000 !important; } 146 .fc-unthemed td.fc-today{ 147 color: #000000 !important; 148 } 149 150 .cookies .btn{ background-color: #000000 !important; }body, .title, .lead, .heading { font-family: Arial, Helvetica, sans-serif !important; }.footer.bg { background-color: #FFFFFF; }.footer.bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar.bg { background-color: #FFFFFF; }nav.navbar.bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }.c_text, .container, .carousel-caption .title, .dropdown-item.c_text { color: #000000; } 151 .slick-prev:before, .slick-next:before { color: #000000; } 152 .c_text.navbar-toggler{ border-color: #000000 !important; } 153 .title:before{ background-color: #000000 !important; } 154 .intern-page .en-tete{ border-left-color: #000000;} 155 .bootstrap-select .dropdown-menu li a{ 156 color: #000000; 157 } 158 .bootstrap-select .dropdown-toggle::after{ 159 color: #000000; 160 } 161 .fc-button{ 162 color: #000000 !important; 163 }.footer .footer-btn.c_btn { color: #000000; } 164 .footer .footer-btn.c_btn:before { background-color: #000000 !important; }nav.navbar .c_btn { color: #000000; }nav.navbar .dropdown-menu { background-color: #FFFFFF; }.footer .c_text { color: #000000; }nav.navbar .c_text, nav.navbar .c_text i { color: #000000; }nav.navbar .h_text:hover { color: #99C6CE; }.footer .c_title { color: #000000; } 165 .footer .c_title:before { background-color: #000000 !important; }.breadcrumb.bg { background-color: #FFFFFF; }.breadcrumb.bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #000000; }nav.navbar .dropdown-menu .h_text:hover { color: #99C6CE; }nav.navbar .h_text:hover { background-color: #FFFFFF; }#w_headline { background-color: #FFFFFF; }#w_e0i09zv2a .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: #8AA8D5; } 166 #w_headline .c_btn:before { background-color: #8AA8D5 !important; } 167 168 #w_headline .owl-theme .owl-dots .owl-dot.active span, 169 #w_headline .owl-theme .owl-dots .owl-dot:hover span, 170 #w_headline .carousel-indicators .active { 171 background: #8AA8D5; 172 opacity: 1; 173 } 174 #w_headline .carousel-indicators li, 175 #w_headline .owl-theme .owl-dots .owl-dot span{ 176 background-color: #8AA8D5; 177 opacity: 0.5; 178 }#w_md5gp4g9u .bg { background-color: #CEE9EE; }#w_sqbkekx5h .bg { background-color: #FFFFFF; }#w_sqbkekx5h .bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }#w_yh7fylpwd .bg { background-color: #F2F0F0; }#w_yh7fylpwd .bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }#w_yylvjx188 .bg { background-color: #FFFFFF; }.breadcrumb.bg .c_text { color: #5B5B5B; }nav.navbar .bg_btn { background-color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#w_e0i09zv2a .c_btn, 179 #w_e0i09zv2a .card-icon-date .day { color: #FF0000; border-color: #FF0000; } 180 #w_e0i09zv2a .c_btn:before, 181 #w_e0i09zv2a .owl-theme .owl-dots .owl-dot.active span, 182 #w_e0i09zv2a .owl-theme .owl-dots .owl-dot:hover span, 183 #w_e0i09zv2a .slick-dots .slick-active button:before, 184 #w_e0i09zv2a .card-icon-date .month { 185 background-color: #FF0000 !important; 186 opacity: 1; 187 } 188 #w_e0i09zv2a .carousel-indicators li, 189 #w_e0i09zv2a .owl-theme .owl-dots .owl-dot span, 190 #w_e0i09zv2a .slick-dots li button:before{ 191 background-color: #FF0000; 192 opacity: 0.5; 193 }#w_headline .c_text { color: #8AA8D5; } 194 #w_headline .title.c_text:before { background-color: #8AA8D5 !important; }#w_md5gp4g9u .c_btn, #w_md5gp4g9u .carousel-control-prev i, #w_md5gp4g9u .carousel-control-next i { color: #000000; } 195 #w_md5gp4g9u .c_btn:before { background-color: #000000 !important; }#w_yylvjx188 .c_btn { color: #000000; } 196 #w_yylvjx188 .c_btn.dark:before { background-color: #000000 !important; } 197 #w_yylvjx188 .owl-theme .owl-dots .owl-dot.active span, 198 #w_yylvjx188 .owl-theme .owl-dots .owl-dot:hover span { 199 background: #000000; 200 opacity: 1; 201 } 202 #w_yylvjx188 .carousel-indicators li, 203 #w_yylvjx188 .owl-theme .owl-dots .owl-dot span{ 204 background-color: #000000; 205 opacity: 0.5; 206 }.breadcrumb.bg .c_title { color: #000000; } 207 .breadcrumb.bg .c_title:before { background-color: #000000 !important; }#w_md5gp4g9u .c_text { color: #000000; }#w_yylvjx188 .c_text { color: #000000; }#w_e0i09zv2a .c_title { color: #000000; } 208 #w_e0i09zv2a .c_title:before { background-color: #000000 !important; }#w_md5gp4g9u .c_title { color: #FF6782; } 209 #w_md5gp4g9u .c_title:before { background-color: #FF6782 !important; }#w_yylvjx188 .c_title { color: #000000 !important; } 210 #w_yylvjx188 .c_title.dark:before { background-color: #000000 !important; }#w_headline .carousel-item.overlay:before { background-color: rgba(255, 255, 255, 0); }#w_e0i09zv2a .bg_text { background-color: E#99C6C; }/*np-dropdowns*/.bootstrap-select{background-color:#99C6CE!important;}.bootstrap-select .dropdown-menu{background-color:#99C6CE!important;border-color:#99C6CE!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:#99C6CE!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:#000000!important;}</style> 211 212 213
213<script src="/js/vendor/jquery-3.2.1.min.js"></script>
213 214
214<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
214 215 </head> 216 <body> 217 218 <header role="banner"><!-- Top navbar --> 219<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg"> 220 <div class="ov"></div> 221 <div class="container"> 222 <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/"> 223 <h1 class="img"> 224 <picture> 225 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/378/site/fc/0c/f7/fc0cf702ecc1b22bd5d4275029f2f83bbfa62040.png"> 226 <img role="img" src="https://static.neopse.com/medias/p/378/site/fc/0c/f7/fc0cf702ecc1b22bd5d4275029f2f83bbfa62040.png" alt="Logo Commune de Champrond-en-Gâtine" loading="eager"> 227 </picture> 228 <span>Commune de Champrond-en-Gâtine</span> 229 </h1> 230 </a> 231 <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" 232 data-target="#navbarNavDropdown" 233 aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 100;"> 234 <span class="navbar-toggler-icon"> 235 <i class="material-icons notranslate">menu</i> 236 </span> 237 </button> 238 <div class="collapse navbar-collapse" id="navbarNavDropdown"> 239 <ul class="navbar-nav ml-auto"> 240 <li class="nav-item dropdown"> 241 <a class="nav-link c_text h_text px-3" href="/" role="button"> 242 <i class="material-icons">home</i> 243 </a> 244 </li> 245 <li class="nav-item dropdown"> 246 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button" 247 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 248 Bienvenue 249 </a> 250 <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown0"> 251 252 <div class="container mega-dropdown-menu"> 253 <div class="divider"> 254 255 256 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 257 href="/fr/gl/184849/infrastructures-geolocalisation"> 258 Infrastructures & Géolocalisation 259 </a> 260 261 262 263 264 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 265 href="/fr/ap/185083/plan-acces-56"> 266 Plan/Accès 267 </a> 268 269 270 271 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 272 href="/fr/rb/70566/physionomie"> 273 Physionomie 274 </a> 275 276 277 278 279 280 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 281 href="/fr/tr/184693/annuaire-touristique-49"> 282 Annuaire touristique 283 </a> 284 285 286 287 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 288 href="/fr/rb/70514/visites-et-decouvertes"> 289 Visites et découvertes 290 </a> 291 292 293 294 295 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 296 href="/fr/rb/70540/les-chemins-de-randonnee"> 297 Les chemins de randonnée 298 </a> 299 300 301 302 </div> 303 </div> 304 </div> 305 </li> 306 307 308 <li class="nav-item dropdown"> 309 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" 310 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 311 Vie municipale 312 </a> 313 <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown1"> 314 315 <div class="container mega-dropdown-menu"> 316 <div class="divider"> 317 318 319 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 320 href="/fr/tb/185200/conseil-municipal-6"> 321 Conseil municipal 322 </a> 323 324 325 326 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 327 href="/fr/rb/57670/liste-des-commissions"> 328 Liste des commissions 329 </a> 330 331 332 333 334 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 335 href="/fr/rb/92445/comptes-rendus-9"> 336 Comptes rendus 337 </a> 338 339 340 341 342 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 343 href="/fr/rb/70085/les-employes-communaux"> 344 Les employés communaux 345 </a> 346 347 348 349 350 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 351 href="/fr/rb/70306/intercommunalite-8"> 352 Intercommunalité 353 </a> 354 355 356 357 </div> 358 </div> 359 </div> 360 </li> 361 362 363 <li class="nav-item dropdown"> 364 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button" 365 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 366 Vie quotidienne 367 </a> 368 <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown2"> 369 370 <div class="container mega-dropdown-menu"> 371 <div class="divider"> 372 373 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 374 href="/fr/rb/587147/panneaupocket-meteo"> 375 PanneauPocket & Météo 376 </a> 377 378 379 380 381 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 382 href="/fr/rb/93043/numeros-utiles-8"> 383 Numéros utiles 384 </a> 385 386 387 388 389 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 390 href="/fr/rb/92965/professionnels-de-sante"> 391 Professionnels de santé 392 </a> 393 394 395 396 397 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 398 href="/fr/rb/70696/ecole-2"> 399 Ecole 400 </a> 401 402 403 404 405 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 406 href="/fr/rb/70722/service-des-eaux"> 407 Service des eaux 408 </a> 409 410 411 412 413 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 414 href="/fr/rb/70748/sirtom"> 415 SIRTOM 416 </a> 417 418 419 420 421 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 422 href="/fr/rb/70774/plan-intercommunal-durbanisme"> 423 Plan intercommunal d'urbanisme 424 </a> 425 426 427 428 429 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 430 href="/fr/rb/70787/charte-pnrp"> 431 Charte PNRP 432 </a> 433 434 435 436 </div> 437 </div> 438 </div> 439 </li> 440 441 442 443 444
444 445 446 <li class="nav-item dropdown"> 447 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button" 448 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 449 Démarches 450 </a> 451 <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown5"> 452 453 <div class="container mega-dropdown-menu"> 454 <div class="divider"> 455 456 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 457 href="/fr/rb/196809/nous-contacter-5"> 458 Nous contacter 459 </a> 460 461 462 463 464 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 465 href="/fr/rb/111009/releve-compteur-deau"> 466 Relevé compteur d'eau 467 </a> 468 469 470 471 472 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 473 href="/fr/rb/1030993/un-lampadaire-en-panne"> 474 Un lampadaire en panne ? 475 </a> 476 477 478 479 480 481 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 482 href="/fr/pg/184342/guide-des-demarches-51"> 483 Guide des démarches 484 </a> 485 486 487 488 489 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 490 href="/fr/cp/184537/annonces-de-covoiturage-45"> 491 Annonces de covoiturage 492 </a> 493 494 495 </div> 496 </div> 497 </div> 498 </li> 499 500 501 502 503 504 505 <li class="nav-item position-relative"> 506 <div role="button" class="cursor-pointer nav-link c_text" data-toggle="collapse" 507 data-target="#google_translate_element" aria-expanded="false" aria-label="Choisir la langue du site" 508 aria-controls="google_translate_element"><i class="material-icons notranslate">language</i> 509 </div> 510 <div id="google_translate_element" class="collapse"> 511 <div id="google_translate"></div> 512 <div class="google_translate_consent" style="width: 200px; height: 60px;"></div> 513 </div> 514 </li> 515 516 </ul> 517 </div> 518 </div> 519</nav> 520</header> 521 522 <main role="main"> 523 <div class="main intern-page"> 524 <header class="breadcrumb container d-flex align-items-center bg"> 525 <div class="ov"></div> 526 <div class="container"> 527 <h1 class="title dark c_title">Contacts</h1> 528 529 <nav class="ariane c_text"> 530 <span><a href="/fr/" class="font-weight-bold">Accueil</a></span> 531 / <a href="/fr/ct/183406/contacts-172">Contacts</a> 532 </nav> 533 534 </div> 535</header> 536 <!-- Contenu --> 537 <section class="container wrapper bg_wrapper c_wrapper"> 538 <div class="ov bgw"></div> 539 540 <div class="main-content dynamicContent"> 541 542 <div class="row"> 543 <div class="col col-lg contenu"> 544 545 <div> 546 <div class="mb-3"> 547 <h2 class="title dark">Commune de Champrond-en-Gâtine</h2> 548 <p>Philippe GUILLEMET</p> 549 </div> 550 551 <div class="mb-3"> 552 <p class="mb-0">72 Grande Rue</p> 553 <p class="mb-0">28240 Champrond-en-Gâtine</p> 554 <p class="mb-0 text-uppercase">France</p> 555 </div> 556 557 <div class="mb-3"> 558 <p class="mb-0"><a 559 href="tel:+33237498020">+33 2 37 49 80 20</a> 560 </p> </div> 561 562 <div class="mb-3"><p class="mb-0"><a class="btn btn-primary c_btn bg_btn py-2 px-4" href="#" data-toggle="modal" 563 data-target="#contactFormContact">Contact par formulaire</a></p></div> 564 565 566 567 568 </div> 569 570 </div> 571 572 573 </div> 574 575 </div> 576 </section> 577 578 <div class="modal fade" id="contactFormContact" tabindex="-1" role="dialog" aria-labelledby="modalContact-label" aria-hidden="true" 579 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 580 <div class="modal-dialog" role="document"> 581 <div class="modal-content"> 582 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
583 <span aria-hidden="true">×</span> 584 </button> 585 586 <div class="modal-header bg_bloc"> 587 <h5 id="modalContact-label" class="modal-title font-weight-bold dark text_bloc">Contact</h5> 588 </div> 589 <form id="contactForm" action="/formMdContact" method="post" 590 novalidate enctype="multipart/form-data"> 591 <div class="modal-body pb-0"> 592 593 <div class="field-wrapper"><p class="title">Mairie de Champrond-en-Gâtine</p></div> 594 <div class="field-wrapper"><p>Permanences : 595Le Mardi : Mr E.Legros 596Le Jeudi : Mr P.Guillemet 597Le Samedi Matin: Le Maire et les adjoints. 598 599Secrétariat : Mme S.Prelle</p></div> 600 <div class="form-group"> 601 <div><label for="3_date" id="3_dateLabel">Date</label><span>*</span></div> 602 <div class="d-flex align-items-end"> 603 <div class="col-10 col-md-5 mr-3 px-0"> 604 <input type="date" name="3_date" class="form-control" id="3_date" aria-describedby="3_dateLabel" placeholder="Date"> 605 <span class="help-message"><i class="material-icons notranslate">date_range</i></span> 606 </div> 607 <div data-toggle="popover" data-content=""> 608 </div> 609 </div> 610 <span class="form-error requirements" id="3_date-error" role="alert">Ce champ est obligatoire</span> 611</div> 612 613 <div class="form-group"> 614 <div><label for="4_textarea">Contactez-nous (votre message)</label><span>*</span> 615 </div> 616 <textarea name="4_textarea" class="form-control pl-0" id="4_textarea" rows="3"></textarea> 617 <span class="form-error requirements" id="4_textarea-error" role="alert">Ce champ est obligatoire</span> 618</div> 619 <div class="form-group"> 620 <div><label for="5_input" id="5_inputLabel">Vos coordonnées </label><span></span></div> 621 <input type="text" name="5_input" class="form-control" id="5_input" 622 aria-describedby="5_inputLabel"> 623 <span class="form-error requirements" id="5_input-error" role="alert">Ce champ est obligatoire</span> 624</div> 625 626 <div class="form-group"> 627 <div><label for="6_email">Votre adresse mail</label><span>*</span></div> 628 <input type="email" name="6_email" class="form-control" id="6_email" 629 aria-label="Votre adresse mail"> 630 <span class="form-error requirements" id="6_email-error" role="alert">Ce champ est obligatoire</span> 631</div> 632 633 <div class="field-wrapper"> 634 <div><label for="7_email" class="font-weight-bold mr-1">Pièce Jointe</label><span></span></div> 635 <div class="d-flex align-items-center"> 636 <div class="form-group col-10 col-md-10 mb-0"> 637 <div class="upload-btn-wrapper"> 638 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 639 <input type="file" name="7_file" id="7_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 640 </div> 641 </div> 642 </div> 643 644 <div> 645 <ul class="listFiles"> 646 647 </ul> 648 </div> 649 <span class="form-error requirements" id="7_file-error" role="alert">Ce champ est obligatoire</span> 650</div> 651 652 653 <div class="form-group"> 654 <div class="h-recaptcha m-auto d-inline-block"></div> 655 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 656 </div> 657</div> </div> 658 <div class="modal-footer"> 659 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 660 </div> 661 <div class="m-3"> 662 663 </div> 664 </form> 665 666 <div id="messageSendedForm" class="form-message-sent" style="display: none"> 667 <p>Le message a bien été envoyé à son destinataire. Merci.</p> 668 </div> 669 </div> 670 </div> 671</div> 672 673 </div> 674 675 </main> 676 677 <div id="previewModalImage" class="modal"> 678 679 <!-- The Close Button -->
680 <span id="closePreviewImage" class="close">×</span> 681 682 <!-- Navigation Buttons --> 683 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 684 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 685 686 <!-- Image Counter --> 687 <div id="imageCounter" class="image-counter"></div> 688 689 <!-- Modal Content (The Image) --> 690 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 691 692 <!-- Modal Caption (Image Text) --> 693 <div id="captionPreviewImage"></div> 694 </div> 695 696
696<script> 697 (function() { 698 // Get the modal elements 699 const modal = document.getElementById('previewModalImage'); 700 const modalImg = modal.querySelector('img'); 701 const captionText = document.getElementById('captionPreviewImage'); 702 const closePreviewImage = document.getElementById('closePreviewImage'); 703 const prevBtn = document.getElementById('prevImage'); 704 const nextBtn = document.getElementById('nextImage'); 705 const imageCounter = document.getElementById('imageCounter'); 706 707 let currentImages = []; 708 let currentIndex = 0; 709 710 // Helper function to check if element is visible 711 function isVisible(element) { 712 return element && element.offsetParent !== null; 713 } 714 715 // Helper function to toggle element visibility 716 function toggleElement(element, show) { 717 if (element) { 718 element.style.display = show ? 'block' : 'none'; 719 } 720 } 721 722 // Function to update the modal with a specific image 723 function updateModal(index) { 724 if (currentImages.length === 0) return; 725 726 currentIndex = index; 727 const img = currentImages[currentIndex]; 728 modalImg.setAttribute('src', img.src); 729 modalImg.setAttribute('alt', img.alt || ''); 730 captionText.innerHTML = img.alt || ''; 731 732 // Update counter 733 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 734 735 // Show/hide navigation buttons 736 const showNav = currentImages.length > 1; 737 toggleElement(prevBtn, showNav); 738 toggleElement(nextBtn, showNav); 739 toggleElement(imageCounter, showNav); 740 } 741 742 // Function to show next image 743 function showNext() { 744 if (currentImages.length === 0) return; 745 currentIndex = (currentIndex + 1) % currentImages.length; 746 updateModal(currentIndex); 747 } 748 749 // Function to show previous image 750 function showPrev() { 751 if (currentImages.length === 0) return; 752 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 753 updateModal(currentIndex); 754 } 755 756 // Helper function to find closest ancestor with class 757 function closest(element, selector) { 758 if (!element) return null; 759 760 // For class selector (e.g., '.splide__slide') 761 if (selector.startsWith('.')) { 762 const className = selector.slice(1); 763 let current = element; 764 while (current && current !== document) { 765 if (current.classList && current.classList.contains(className)) { 766 return current; 767 } 768 current = current.parentElement; 769 } 770 } 771 return null; 772 } 773 774 // When clicking on an image 775 document.addEventListener('click', function(e) { 776 const target = e.target; 777 // Check if clicked element is an image with class .img or .main-img inside .splide 778 if (target.tagName === 'IMG' && 779 (target.classList.contains('img') || target.classList.contains('main-img')) && 780 closest(target, '.splide')) { 781 782 // Find the clicked image's parent slide 783 const clickedSlide = closest(target, '.splide__slide'); 784 if (!clickedSlide) return; 785 786 // Find the list that contains this slide 787 const splideList = closest(clickedSlide, '.splide__list'); 788 if (!splideList) return; 789 790 // Get all slides from this specific list 791 const allSlides = splideList.querySelectorAll('.splide__slide'); 792 793 // Get all images from these slides only, deduplicating by src 794 // (Splide duplicates slides in loop mode, so we need to filter duplicates) 795 currentImages = []; 796 const seenSrcs = new Set(); 797 const clickedSrc = target.src; 798
799 allSlides.forEach(function(slide) { 800 const slideImg = slide.querySelector('.img, .main-img'); 801 if (slideImg) { 802 const imgSrc = slideImg.src; 803 // Only add if we haven't seen this src before 804 if (!seenSrcs.has(imgSrc)) { 805 seenSrcs.add(imgSrc); 806 currentImages.push(slideImg); 807 } 808 } 809 }); 810 811 // Find the index of the clicked image by src (to handle duplicates) 812 currentIndex = currentImages.findIndex(function(img) { 813 return img.src === clickedSrc; 814 }); 815 816 if (currentIndex === -1) { 817 currentIndex = 0; // Fallback to first image 818 } 819 820 // Update and show modal 821 updateModal(currentIndex); 822 modal.style.display = 'block'; 823 } 824 }); 825 826 // Navigation button handlers 827 if (nextBtn) { 828 nextBtn.addEventListener('click', function (e) { 829 e.preventDefault(); 830 e.stopPropagation(); 831 showNext(); 832 }); 833 } 834 835 if (prevBtn) { 836 prevBtn.addEventListener('click', function (e) { 837 e.preventDefault(); 838 e.stopPropagation(); 839 showPrev(); 840 }); 841 } 842 843 // Keyboard navigation 844 document.addEventListener('keydown', function (e) { 845 // Check if modal is visible by checking display style 846 const isModalVisible = modal.style.display !== 'none' && 847 (modal.style.display === 'block' || 848 window.getComputedStyle(modal).display !== 'none'); 849 850 if (isModalVisible) { 851 if (e.key === 'ArrowRight' || e.keyCode === 39) { 852 e.preventDefault(); 853 showNext(); 854 } else if (e.key === 'ArrowLeft' || e.keyCode === 37) { 855 e.preventDefault(); 856 showPrev(); 857 } else if (e.key === 'Escape' || e.keyCode === 27) { 858 e.preventDefault(); 859 e.stopPropagation(); 860 modal.style.display = 'none'; 861 } 862 } 863 }); 864 865 // When the user clicks on <span> (x), close the modal 866 if (closePreviewImage) { 867 closePreviewImage.addEventListener('click', function () { 868 modal.style.display = 'none'; 869 }); 870 } 871 872 // Close modal when clicking outside the image 873 modal.addEventListener('click', function (e) { 874 if (e.target === modal) { 875 modal.style.display = 'none'; 876 } 877 }); 878 })(); 879 </script>
879 880 881 882 883 884 <!-- Footer --> 885<footer role="contentinfo" class="footer bg footer1"> 886 <div class="ov"></div> 887 <div class="container d-flex flex-wrap justify-content-between"> 888 <div class="footer-container"> 889 <h2 class="title light c_title d_title btn-line"><a 890 href="/fr/ct/183406/contacts-172">Contacts</a></h2> 891<div class="footer-box"> 892 <div class="contact c_text"> 893 <p class="font-weight-bold mb-0" aria-label="Nom du structure">Commune de Champrond-en-Gâtine</p> 894 <p class="mb-0" aria-label="adresse">72 Grande Rue</p> 895 <p class="mb-0" aria-label="adresse 2">28240 Champrond-en-Gâtine - FRANCE</p> 896 <p class="mb-0"><a href="tel:+33237498020" title="Numéro de téléphone">+33 2 37 49 80 20</a></p> 897 <p class="mb-0"><a style="display:initial;" class="btn-line footer-btn light c_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter" aria-label="Afficher le formulaire">Contact par formulaire</a> 898 </p> 899 900 </div> 901 902 903</div> 904 905 906 907 <div class="social-media"> 908 <ul class="c_text"> 909 </ul> 910</div> 911 912 913 </div> 914 915 916 </div> 917 <div class="container d-flex flex-wrap position-relative c_text"> 918 <p class="mr-2 c_text"><a href="/fr/li/183445/mentions-legales-178">Mentions légales</a> 919</p> - 920 <p class="mr-2 ml-2 c_text"><a href="/fr/183445/politique-confidentialite">Politique de confidentialité</a> 921</p> - 922 <p class="mr-2 ml-2 c_text"><a href="/fr/accessibilite">Accessibilité</a> 923</p> - 924 925 <p class="mr-2 ml-2 c_text"> 926 <a href="/fr/sm/9820/plan-du-site-1"> 927 Plan du site</a></p>- 928 <p class="ml-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 929 </div> 930</footer> 931 932<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 933 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 934 <div class="modal-dialog" role="document"> 935 <div class="modal-content"> 936 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 937 <span aria-hidden="true">×</span> 938 </button> 939 940 <div class="modal-header bg_bloc"> 941 <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact</h4> 942 </div> 943 <form id="contactFormFooter" action="/formMdContact" method="post" 944 novalidate enctype="multipart/form-data"> 945 <div class="modal-body pb-0"> 946 947 <div class="field-wrapper"><p class="title">Mairie de Champrond-en-Gâtine</p></div> <div class="field-wrapper"><p>Permanences : 948Le Mardi : Mr E.Legros 949Le Jeudi : Mr P.Guillemet 950Le Samedi Matin: Le Maire et les adjoints. 951 952Secrétariat : Mme S.Prelle</p></div> <div class="form-group"> 953 <div><label for="3_date" id="3_dateLabel">Date</label><span>*</span></div> 954 <div class="d-flex align-items-end"> 955 <div class="col-10 col-md-5 mr-3 px-0"> 956 <input type="date" name="3_date" class="form-control" id="3_date" aria-describedby="3_dateLabel" placeholder="Date"> 957 <span class="help-message"><i class="material-icons notranslate">date_range</i></span> 958 </div> 959 <div data-toggle="popover" data-content=""> 960 </div> 961 </div> 962 <span class="form-error requirements" id="3_date-error" role="alert">Ce champ est obligatoire</span> 963</div> 964 <div class="form-group"> 965 <div><label for="4_textarea">Contactez-nous (votre message)</label><span>*</span> 966 </div> 967 <textarea name="4_textarea" class="form-control pl-0" id="4_textarea" rows="3"></textarea>
968 <span class="form-error requirements" id="4_textarea-error" role="alert">Ce champ est obligatoire</span> 969</div> <div class="form-group"> 970 <div><label for="5_input" id="5_inputLabel">Vos coordonnées </label><span></span></div> 971 <input type="text" name="5_input" class="form-control" id="5_input" 972 aria-describedby="5_inputLabel"> 973 <span class="form-error requirements" id="5_input-error" role="alert">Ce champ est obligatoire</span> 974</div> 975 <div class="form-group"> 976 <div><label for="6_email">Votre adresse mail</label><span>*</span></div> 977 <input type="email" name="6_email" class="form-control" id="6_email" 978 aria-label="Votre adresse mail"> 979 <span class="form-error requirements" id="6_email-error" role="alert">Ce champ est obligatoire</span> 980</div> 981 <div class="field-wrapper"> 982 <div><label for="7_email" class="font-weight-bold mr-1">Pièce Jointe</label><span></span></div> 983 <div class="d-flex align-items-center"> 984 <div class="form-group col-10 col-md-10 mb-0"> 985 <div class="upload-btn-wrapper"> 986 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 987 <input type="file" name="7_file" id="7_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 988 </div> 989 </div> 990 </div> 991 992 <div> 993 <ul class="listFiles"> 994 995 </ul> 996 </div> 997 <span class="form-error requirements" id="7_file-error" role="alert">Ce champ est obligatoire</span> 998</div> 999 1000 <div class="form-group"> 1001 <div class="h-recaptcha m-auto d-inline-block"></div> 1002 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 1003 </div> 1004</div> </div> 1005 <div class="modal-footer"> 1006 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 1007 </div> 1008 <div class="m-3"> 1009 1010 </div> 1011 </form> 1012 1013 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 1014 <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> 1015 </div> 1016 </div> 1017 </div> 1018</div> 1019 1020 <div class="footer-bottom" style="position: relative;"> 1021 <div class="container"> 1022 <p> 1023 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 1024 <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid"> 1025 Site créé en partenariat avec Réseau des Communes 1026 </a> 1027 </p> 1028 </div> 1029</div> 1030 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 1031 <div class="modal-dialog" role="document"> 1032 <div class="modal-content"> 1033 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1034 <span aria-hidden="true">×</span> 1035 </button> 1036 1037 <embed type="application/pdf"> 1038 </div> 1039 </div> 1040</div> 1041 1042 1043
1043<script src="/js/vendor/popper.min.js"></script>
1043 1044
1044<script src="/js/vendor/bootstrap.min.js"></script>
1044 1045 1046 <!-- Carousel --> 1047
1047<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1047 1048
1048<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1048 1049 1050
1050<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1050 1051
1051<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1051 1052 1053
1053<script src='/dist/slick/slick.js'></script>
1053 1054
1054<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1054 1055 1056
1056<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1056 1057 1058
1058<script src='/dist/pagination.min.js'></script>
1058 1059 1060
1060<script src="/js/shared.js?v1"></script>
1060 1061
1061<script src="/tpl/1/js/main.js"></script>
1061 1062
1062<script src="/lib/chartjs/Chart.js"></script>
1062 1063
1063<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1063 1064 1065
1065<script type="text/javascript"> 1066 1067 tarteaucitron.user.matomoId = 6; 1068 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1069 1070 1071 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1072 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1073 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1074 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1075 1076 tarteaucitron.user.googleTranslateCallback = function () { 1077 new google.translate.TranslateElement({pageLanguage: 'fr'}, 'google_translate'); 1078 }; 1079 (tarteaucitron.job = tarteaucitron.job || []).push('googletranslate'); 1080 </script>
1080 1081 1082 1083 1084
1084<script> 1085 $(document).ready(function () { 1086 1087 var input = $('input[type=file]'); 1088 1089 input.on('change', function () { 1090 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1091 list.empty(); 1092 1093 for (var x = 0; x < this.files.length; x++) { 1094 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>'; 1095// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1096 list.append(newFile); 1097 } 1098 }); 1099 1100 $('.form-error').hide(); 1101 $('#contactForm').submit(function (e) { 1102 let form = $(this); 1103 1104 $.ajax({ 1105 type: "POST", 1106 url: form.attr('action'), 1107 data: new FormData(form[0]), 1108 contentType: false, 1109 processData: false, 1110 beforeSend: function () { 1111 form.find('.form-error').hide(); 1112 $('#formContactForm').attr('disabled', true); 1113 }, 1114 success: function (response) { 1115 hcaptcha.reset(); 1116 1117 if (response.status === 'KO') { 1118 let errors = response.errors; 1119 for (let index in errors) { 1120 if (errors.hasOwnProperty(index)) { 1121 let attr = errors[index]; 1122 let error = attr[Object.keys(attr)[0]]; 1123 form.find('#' + index + '-error').text(error).show(); 1124 } 1125 } 1126 } else { 1127 1128 $('#contactForm').css('display', 'none'); 1129 $('#messageSendedForm').css('display', ''); 1130 form[0].reset(); 1131 } 1132 }, 1133 complete: function () { 1134 1135 $('#formContactForm').removeAttr('disabled'); 1136 } 1137 }); 1138 1139 return false; 1140 }); 1141 1142 $('#contactFormContact').on('hidden.bs.modal', function () { 1143 $('#contactForm')[0].reset(); 1144 $('#contactFormFooter')[0].reset(); 1145 1146 $('#contactForm').css('display', ''); 1147 $('#contactFormFooter').css('display', ''); 1148 1149 $('#messageSendedForm').css('display', 'none'); 1150 1151 $('.form-error').hide(); 1152 1153 $('.listFiles').empty(); 1154 1155 hcaptcha.reset(); 1156 }); 1157 }); 1158 1159 function humanFileSize(size) { 1160 var i = Math.floor(Math.log(size) / Math.log(1024)); 1161 return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1162 } 1163 </script>
1163 1164 1165
1165<script type="text/javascript"> 1166 $(document).ready(function () { 1167 }); 1168 1169 </script>
1169 1170 1171 1172
1172<script> 1173 (function (i, s, o, g, r, a, m) { 1174 i['InstanaEumObject'] = r; 1175 i[r] = i[r] || function () { 1176 (i[r].q = i[r].q || []).push(arguments) 1177 }, i[r].l = 1 * new Date(); 1178 a = s.createElement(o), 1179 m = s.getElementsByTagName(o)[0]; 1180 a.async = 1; 1181 a.src = g; 1182 m.parentNode.insertBefore(a, m) 1183 })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum'); 1184 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 1185 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 1186 1187 // set the name of a page on which this load/errors/calls happened 1188 ineum('page', 'front-site'); 1189 </script>
1189 1190 1191 1192
1192<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1192 1193 1194
1194<script type="text/javascript"> 1195 var CaptchaCallback = function () { 1196 $('.h-recaptcha').each(function (index, el) { 1197 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1198 }); 1199 }; 1200 1201 var originalStyle = false; 1202 1203 $(window).on('shown.bs.modal', function () { 1204 originalStyle = $('body').attr('style'); 1205 1206 $('body').attr('style', ''); 1207 }); 1208 1209 $(window).on('hidden.bs.modal', function () { 1210 $('body').attr('style', originalStyle); 1211 1212 }); 1213 1214 </script>
1214 1215 1216
1216<script> 1217 $(document).ready(function () { 1218 1219 $('.selectpicker').selectpicker(); 1220 1221 var input = $('input[type=file]'); 1222 1223 input.on('change', function () { 1224 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1225 list.empty(); 1226 1227 for (var x = 0; x < this.files.length; x++) { 1228 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>'; 1229// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1230 list.append(newFile); 1231 } 1232 }); 1233 1234 $('.form-error').hide(); 1235 $('#contactFormFooter').submit(function (e) { 1236 let form = $(this); 1237 1238 $.ajax({ 1239 type: "POST", 1240 url: form.attr('action'), 1241 data: new FormData(form[0]), 1242 contentType: false, 1243 processData: false, 1244 beforeSend: function () { 1245 form.find('.form-error').hide(); 1246 $('.formContactForm').attr('disabled', true); 1247 }, 1248 success: function (response) { 1249 hcaptcha.reset(); 1250 1251 if (response.status === 'KO') { 1252 let errors = response.errors; 1253 for (let index in errors) { 1254 if (errors.hasOwnProperty(index)) { 1255 let attr = errors[index]; 1256 let error = attr[Object.keys(attr)[0]]; 1257 form.find('#' + index + '-error').text(error).show(); 1258 } 1259 } 1260 } else { 1261 1262 $('#contactFormFooter').css('display', 'none'); 1263 $('#messageSendedFormContactFooter').css('display', ''); 1264 form[0].reset(); 1265 } 1266 }, 1267 complete: function () { 1268 1269 $('.formContactForm').removeAttr('disabled'); 1270 } 1271 }); 1272 1273 return false; 1274 }); 1275 1276 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1277 $('#contactFormFooter')[0].reset(); 1278 1279 $('#contactFormFooter').css('display', ''); 1280 1281 $('#messageSendedFormContactFooter').css('display', 'none'); 1282 1283 $('.form-error').hide(); 1284 1285 $('.listFiles').empty(); 1286 1287 hcaptcha.reset(); 1288 }); 1289 1290 1291 }); 1292 1293 function humanFileSize(size) { 1294 var i = Math.floor(Math.log(size) / Math.log(1024)); 1295 return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1296 } 1297 </script>
1297 1298 1299
1299<script> 1300 $(function () { 1301 1302 1303 var numberAlerts = false; 1304 1305 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1306 1307 numberAlerts = allAlerts.length; 1308 1309 allAlerts.each(function (e) { 1310 1311 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1312 $('#alertsModal').modal('show'); 1313 } else { 1314 $(this).remove(); 1315 numberAlerts = numberAlerts - 1; 1316 setActiveAndDecrementNumber(); 1317 } 1318 1319 }); 1320 1321 $('.acceptCookiesAlerts').on('click', function (e) { 1322 e.preventDefault(); 1323 1324 var currentDataId = $(this).attr('data-id'); 1325 1326 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1327 1328 numberAlerts = numberAlerts - 1; 1329 1330 var currentParentNode = $(this).parent().parent().parent(); 1331 1332 currentParentNode.removeClass('active'); 1333 currentParentNode.remove(); 1334
1335 setActiveAndDecrementNumber(); 1336 1337 }); 1338 1339 function setActiveAndDecrementNumber() { 1340 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1341 1342 newListOfAlerts.each(function (index, e) { 1343 if (index == 0) { 1344 $(this).addClass('active'); 1345 } 1346 }); 1347 1348 if (numberAlerts == 0) { 1349 $('#alertsModal').modal('hide'); 1350 } 1351 } 1352 1353 var currentColorControl = '#212529'; 1354 1355 $('#controlPrev').css('color', 'initial !important'); 1356 $('#controlNext').css('color', 'initial !important'); 1357 1358 $('#controlPrev').on('mouseover', function () { 1359 1360 $(this).css('color', 'initial !important'); 1361 }); 1362 1363 $('#controlNext').on('mouseover', function () { 1364 1365 $(this).css('color', 'initial !important'); 1366 }); 1367 1368 }); 1369 </script>
1369 1370 </body> 1371</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.