PageSourceSearch

https://champrond-en-gatine.fr/fr/ct/183406/contacts-172

html champrond-en-gatine.fr collected 2026-10-10 00:32:31 UTC 73,130 bytes, 1,371 lines download raw bytes

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 &amp; 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 &amp; 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&#039;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&#039;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">&times;</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">&times;</span>
681
682                <!-- Navigation Buttons -->
683                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
684                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</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">&times;</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">&times;</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.