PageSourceSearch

https://villainville.fr/fr/tb/1723087/le-conseil-municipal-55

html villainville.fr collected 2026-10-03 01:50:14 UTC 88,676 bytes, 1,252 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                Le conseil municipal - Commune de Villainville
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="Conseil, maire,adjoints,conseillers,commissions">
54    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
55    <meta charset="UTF-8">
56                    
57        
58    
59
60
61
62
63
64
65                                                <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/2755/site/c9/59/be/c959be76e2df582a172b31c468cded04436ad684.png?v=v1">
66                    <link rel="icon" href="https://static.neopse.com/thumbs/p/2755/site/c9/59/be/c959be76e2df582a172b31c468cded04436ad684.png?v=v1">
67                
68                <link rel="preconnect" href="https://fonts.googleapis.com">
69                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
70                <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Material+Icons" rel="stylesheet">
71                <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">
72
73                <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
74                <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
75                <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
76                <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
77                <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
78                <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
79                <link rel="stylesheet"
80                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
81                <link href="/tpl/1/css/style.css" rel="stylesheet" type='text/css'>
82                <link rel="stylesheet"
83                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
84
85                <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
86                <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
87                                    <style class="notranslate" title="customCss" type="text/css"
88                           rel="stylesheet">.bg_bloc { background-color: #90E193 !important; } .table td, .table, .table thead th { border-color: #90E193 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #90E193 !important;border-color: #90E193 !important;} .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{border-color: #90E193 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #90E193 !important; } .fc-unthemed td.fc-today{background: #90E193 !important;} .cookies .btn{ color: #90E193 !important; }body { background-color: #FFFFFF; }.bg_wrapper { background-color: #52AF43 !important; }.c_btn, .c_btn:hover, .c_btn:focus, .c_btn:active { color: #A70F24; } .c_btn:before { background-color: #A70F24 !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #A70F24;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{background-color: #A70F24;opacity: 0.5;} .fc-event{ color: #A70F24 !important;}.text_bloc {color:#FFFFFF !important;} .text_bloc .title:before {background-color:#FFFFFF!important;} .bg_bloc .c_text {color:#FFFFFF !important;} .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {color:#FFFFFF !important;} .fc-unthemed thead.fc-head{ color: #FFFFFF !important; } .fc-unthemed td.fc-today{color: #FFFFFF !important;} .cookies .btn{ background-color: #FFFFFF !important; }.footer.bg { background-color: #52AF43; }nav.navbar.bg { background-color: #52AF43; }nav.navbar.bg { background-image: url(https://static.neopse.com/assets/img/textures/black-thread-light.png?v=v1); background-position: center; background-repeat: repeat; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #000000; } .slick-prev:before, .slick-next:before { color: #000000; } .c_text.navbar-toggler{ border-color: #000000 !important; } .title:before{ background-color: #000000 !important; } .intern-page .en-tete{ border-left-color: #000000;} .bootstrap-select .dropdown-menu li a{color: #000000;} .bootstrap-select .dropdown-toggle::after{color: #000000;} .fc-button{color: #000000 !important;}.footer .c_btn, .footer .c_btn:hover, .footer .c_btn:focus, .footer .c_btn:active { color: #E9BB0A; } .footer .c_btn:before { background-color: #E9BB0A !important; }nav.navbar .c_btn, nav.navbar .c_btn:hover, nav.navbar .c_btn:focus, nav.navbar .c_btn:active { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #52AF43; }.footer .c_text { color: #FFFFFF; }nav.navbar .c_text { color: #FFFFFF; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer .c_title { color: #FFFFFF; } .footer .c_title:before { background-color: #FFFFFF !important; }.breadcrumb.bg { background-color: #A70F24; }nav.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #90E193; }body .bg_btn { background-color: #FFFFFF; } body .bg_btn:hover, body .bg_btn:active, body .bg_btn:focus { background-color: #FFFFFF; } .fc-event{ background-color: #FFFFFF !important; border-color: #FFFFFF !important; }#w_headline { background-color: #A70F24; }#w_0zt4n7hl8 .bg { background-color: #90E193; }#w_0zt4n7hl8 .bg { background-image: url(https://static.neopse.com/assets/img/textures/diagonales-decalees.png?v=v1); background-position:center; background-repeat: repeat;}#w_429770mmd .bg { background-color: #A70F24; }#w_429770mmd .bg { background-image: url(https://static.neopse.com/assets/img/textures/black-thread-light.png?v=v1); background-position: center; background-repeat: repeat; }#w_5yupcqsm2 .bg { background-color: #E9BB0A; }#w_5yupcqsm2 .bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }#w_aosbsketb .bg { background-color: #A70F24; }#w_fs59045t0 .bg { background-color: #A70F24; }#w_fs59045t0 .bg { background-image: url(https://static.neopse.com/assets/img/textures/black-thread-light.png?v=v1); background-position: center; background-repeat: repeat; }#w_headline .c_btn, #w_headline .c_btn:hover, #w_headline .c_btn:focus, #w_headline .c_btn:active { color: #A70F24; } #w_headline .c_btn:before { background-color: #A70F24 !important; } #w_headline .owl-theme .owl-dots .owl-dot.active span,#w_headline .owl-theme .owl-dots .owl-dot:hover span, #w_headline .carousel-indicators .active {background: #A70F24;opacity: 1;} #w_headline .carousel-indicators li, #w_headline .owl-theme .owl-dots .owl-dot span{background-color: #A70F24;opacity: 0.5;}.breadcrumb.bg .c_text { color: #FFFFFF; }nav.navbar .bg_btn, nav.navbar .bg_btn:hover, nav.navbar .bg_btn:active, nav.navbar .bg_btn:focus{ background-color: #90E193; }nav.navbar .dropdown-menu .h_text:hover { background-color: #A70F24; }#w_429770mmd .c_btn, #w_429770mmd .c_btn:hover, #w_429770mmd .c_btn:focus, #w_429770mmd .c_btn:active, #w_429770mmd .card-icon-date .day { color: #E9BB0A; border-color: #E9BB0A; } #w_429770mmd .c_btn:before, #w_429770mmd .owl-theme .owl-dots .owl-dot.active span, #w_429770mmd .owl-theme .owl-dots .owl-dot:hover span, #w_429770mmd .slick-dots .slick-active button:before, #w_429770mmd .card-icon-date .month {background-color: #E9BB0A !important;opacity: 1;} #w_429770mmd .carousel-indicators li, #w_429770mmd .owl-theme .owl-dots .owl-dot span, #w_429770mmd .slick-dots li button:before {background-color: #E9BB0A; opacity: 0.5;}#w_5yupcqsm2 .c_btn, #w_5yupcqsm2 .c_btn:hover, #w_5yupcqsm2 .c_btn:focus, #w_5yupcqsm2 .c_btn:active { color: #000000; } #w_5yupcqsm2 .c_btn.dark:before { background-color: #000000 !important; } #w_5yupcqsm2 .owl-theme .owl-dots .owl-dot.active span, #w_5yupcqsm2 .owl-theme .owl-dots .owl-dot:hover span {background: #000000;opacity: 1;} #w_5yupcqsm2 .carousel-indicators li, #w_5yupcqsm2 .owl-theme .owl-dots .owl-dot span{background-color: #000000;opacity: 0.5;}#w_headline .c_text { color: rgb(167,15,36); } #w_headline .title.c_text:before { background-color: rgb(167,15,36) !important; }.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb.bg .c_title:before { background-color: #FFFFFF !important; }#w_0zt4n7hl8 .c_text { color: #FFFFFF; }#w_429770mmd .c_text { color: #FFFFFF; }#w_5yupcqsm2 .c_text { color: #000000; }#w_0zt4n7hl8 .c_title { color: #A70F24; } #w_0zt4n7hl8 .c_title:before { background-color: #A70F24 !important; }#w_429770mmd .c_title { color: #FFFFFF; } #w_429770mmd .c_title:before { background-color: #FFFFFF !important; }#w_5yupcqsm2 .c_title { color: #FFFFFF !important; } #w_5yupcqsm2 .c_title.dark:before { background-color: #FFFFFF !important; }#w_aosbsketb .c_title { color: #FFFFFF; } #w_aosbsketb .c_title:before { background-color: #FFFFFF !important; }#w_fs59045t0 .c_title { color: #FFFFFF; } #w_fs59045t0 .c_title:before { background-color: #FFFFFF !important; }#w_0zt4n7hl8 .c_title { display: inline-block; }#w_aosbsketb .c_title { display: inline-block; }#w_429770mmd .bg_text { background-color: #FFFFFF; }#w_headline .c_text_responsive { color: #A70F24; } #w_headline .title.c_text_responsive:before { background-color: #A70F24 !important; }/*np-dropdowns*/.bootstrap-select{background-color:#90E193!important;}.bootstrap-select .dropdown-menu{background-color:#90E193!important;border-color:#90E193!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:#90E193!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#FFFFFF!important;}</style>
89                            
90    
91        
91<script src="/js/vendor/jquery-3.2.1.min.js"></script>
91
92        
92<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
92
93    </head>
94    <body>
95
96        <header role="banner"><!-- Top navbar -->
97<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg">
98    <div class="ov"></div>
99    <div class="container">
100        <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
101                            <h1 class="img">
102                    <picture>
103                        <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2755/site/4c/9d/96/4c9d9637b5fb19a3313641044b5569ea550e9329.png">
104                        <img role="img" src="https://static.neopse.com/medias/p/2755/site/4c/9d/96/4c9d9637b5fb19a3313641044b5569ea550e9329.png" alt="Logo Commune de Villainville" loading="eager">
105                    </picture>
106                    <span>Commune de Villainville</span>
107                </h1>
108                    </a>
109        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
110                data-target="#navbarNavDropdown"
111                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 100;">
112            <span class="navbar-toggler-icon">
113                <i class="material-icons notranslate">menu</i>
114            </span>
115        </button>
116        <div class="collapse navbar-collapse" id="navbarNavDropdown">
117            <ul class="navbar-nav ml-auto">
118                <li class="nav-item dropdown">
119                    <a class="nav-link c_text h_text px-3" href="/" role="button">
120                        <i class="material-icons">home</i>
121                    </a>
122                </li>
123                                                            <li class="nav-item dropdown">
124                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
125                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
126                                Accueil
127                            </a>
128                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown0">
129                                                                    <div class="dropdown-menu-image" aria-hidden="true"
130                                         style="background-image: url(https://static.neopse.com/thumbs/p/2755/site/10/91/9e/10919e0e43fdd55f9e6909d14a62e544e85636e3.png?v=v1);"></div>
131                                
132                                <div class="container mega-dropdown-menu">
133                                    <div class="divider">
134                                                                                                                        
135                                        
136                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
137                                               href="/fr/ct/1722346/contacts-1074">
138                                                Contacts
139                                            </a>
140                                        
141                                        
142                                                                                                                                                                
143                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
144                                               href="/fr/rb/1292449/presentation-de-villainville">
145                                                Présentation de Villainville
146                                            </a>
147                                        
148                                        
149                                        
150                                                                                                                                                                
151                                        
152                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
153                                               href="/fr/tb/1723087/le-conseil-municipal-55">
154                                                Le conseil municipal
155                                            </a>
156                                        
157                                        
158                                                                                                                                                                
159                                        
160                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
161                                               href="/fr/nw/1722424/actualites-1186">
162                                                Actualités
163                                            </a>
164                                        
165                                        
166                                                                                                                                                                
167                                        
168                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
169                                               href="/fr/lk/1722541/les-partenaires-de-la-commune">
170                                                Les partenaires de la commune
171                                            </a>
172                                        
173                                        
174                                                                                                                                                                
175                                        
176                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
177                                               href="/fr/rp/1722892/comptes-rendus-706">
178                                                Comptes rendus
179                                            </a>
180                                        
181                                        
182                                                                                                                                                                
183                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
184                                               href="/fr/rb/1577474/plan-local-durbanisme-plu-27">
185                                                Plan Local d&#039;Urbanisme (PLU)
186                                            </a>
187                                        
188                                        
189                                        
190                                                                                                                    </div>
191                                </div>
192                            </div>
193                        </li>
194                    
195
196                                                            <li class="nav-item dropdown">
197                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
198                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
199                                Les partenaires
200                            </a>
201                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown1">
202                                                                    <div class="dropdown-menu-image" aria-hidden="true"
203                                         style="background-image: url(https://static.neopse.com/thumbs/p/2755/site/01/0d/85/010d85908e7bb3ce846804514da827ded2d1d483.png?v=v1);"></div>
204                                
205                                <div class="container mega-dropdown-menu">
206                                    <div class="divider">
207                                                                                                                        
208                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
209                                               href="/fr/rb/1291916/les-partenaires-publics">
210                                                Les partenaires publics
211                                            </a>
212                                        
213                                        
214                                        
215                                                                                                                                                                
216                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
217                                               href="/fr/rb/1298234/les-artisans-de-villainville">
218                                                Les artisans de Villainville
219                                            </a>
220                                        
221                                        
222                                        
223                                                                                                                    </div>
224                                </div>
225                            </div>
226                        </li>
227                    
228
229                                                            <li class="nav-item dropdown">
230                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
231                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
232                                Vie pratique
233                            </a>
234                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown2">
235                                                                    <div class="dropdown-menu-image" aria-hidden="true"
236                                         style="background-image: url(https://static.neopse.com/thumbs/p/2755/site/5b/e2/40/5be24085a12ce2edea4fc9073268c799a75eb9f3.png?v=v1);"></div>
237                                
238                                <div class="container mega-dropdown-menu">
239                                    <div class="divider">
240                                                                                                                        
241                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
242                                               href="/fr/rb/1291994/se-deplacer-26">
243                                                Se déplacer
244                                            </a>
245                                        
246                                        
247                                        
248                                                                                                                                                                
249                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
250                                               href="/fr/rb/1292072/ou-se-loger-2">
251                                                Où se loger ?
252                                            </a>
253                                        
254                                        
255                                        
256                                                                                                                                                                
257                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
258                                               href="/fr/rb/1291968/gestion-des-dechets-75">
259                                                Gestion des déchets
260                                            </a>
261                                        
262                                        
263                                        
264                                                                                                                                                                
265                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
266                                               href="/fr/rb/1292358/les-demarches-administratives-4">
267                                                Les démarches administratives
268                                            </a>
269                                        
270                                        
271                                        
272                                                                                                                                                                
273                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
274                                               href="/fr/rb/1292033/les-marches-autour-de-villainville">
275                                                Les marchés autour de Villainville...
276                                            </a>
277                                        
278                                        
279                                        
280                                                                                                                                                                
281                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
282                                               href="/fr/rb/1292085/assistantes-maternelles-46">
283                                                Assistantes maternelles
284                                            </a>
285                                        
286                                        
287                                        
288                                                                                                                                                                
289                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
290                                               href="/fr/rb/1292098/la-salle-polyvalente">
291                                                La salle polyvalente
292                                            </a>
293                                        
294                                        
295                                        
296                                                                                                                                                                
297                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
298                                               href="/fr/rb/1292124/eglise-cimetiere-1">
299                                                Église-Cimetière
300                                            </a>
301                                        
302                                        
303                                        
304                                                                                                                                                                
305                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
306                                               href="/fr/rb/1509536/communications-1">
307                                                Communications
308                                            </a>
309                                        
310                                        
311                                        
312                                                                                                                                                                
313                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
314                                               href="/fr/rb/1510316/sante-93">
315                                                Santé
316                                            </a>
317                                        
318                                        
319                                        
320                                                                                                                                                                
321                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
322                                               href="/fr/rb/1510381/au-jardin">
323                                                Au jardin...
324                                            </a>
325                                        
326                                        
327                                        
328                                                                                                                    </div>
329                                </div>
330                            </div>
331                        </li>
332                    
333
334                                                            <li class="nav-item dropdown">
335                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
336                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
337                                Autour de l&#039;école
338                            </a>
339                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown3">
340                                                                    <div class="dropdown-menu-image" aria-hidden="true"
341                                         style="background-image: url(https://static.neopse.com/thumbs/p/2755/site/92/65/b8/9265b80c4e8c9818d27114a5e3a419773d26daaa.png?v=v1);"></div>
342                                
343                                <div class="container mega-dropdown-menu">
344                                    <div class="divider">
345                                                                                                                        
346                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
347                                               href="/fr/rb/1292228/garderie-periscolaire-19">
348                                                Garderie périscolaire
349                                            </a>
350                                        
351                                        
352                                        
353                                                                                                                                                                
354                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
355                                               href="/fr/rb/1292267/restauration-scolaire-70">
356                                                Restauration scolaire
357                                            </a>
358                                        
359                                        
360                                        
361                                                                                                                                                                
362                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
363                                               href="/fr/rb/1292319/vie-de-lecole">
364                                                Vie de l&#039;école
365                                            </a>
366                                        
367                                        
368                                        
369                                                                                                                    </div>
370                                </div>
371                            </div>
372                        </li>
373                    
374
375                                                            <li class="nav-item dropdown">
376                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
377                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
378                                Services aux habitants
379                            </a>
380                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown4">
381                                
382                                <div class="container mega-dropdown-menu">
383                                    <div class="divider">
384                                                                                                                        
385                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
386                                               href="/fr/rb/1515490/maisons-du-territoire-1">
387                                                Maisons du territoire
388                                            </a>
389                                        
390                                        
391                                        
392                                                                                                                                                                
393                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
394                                               href="/fr/rb/1515516/facilitez-vos-paiements">
395                                                Facilitez vos paiements
396                                            </a>
397                                        
398                                        
399                                        
400                                                                                                                    </div>
401                                </div>
402                            </div>
403                        </li>
404                    
405
406                
407                                    <li class="nav-item">
408                        <a href="#search-form-collapse" role="button" class="search-button btn c_text h_text" data-toggle="collapse"
409                           data-target="#search-form-collapse" aria-expanded="false">
410                            <i class="material-icons">search</i>
411                        </a>
412                    </li>
413                    <form action="/fr/search" class="form-inline nav-link c_text" method="post">
414                        <div class="toggled row collapse" id="search-form-collapse">
415                            <input id="search-form" class="form-control col-lg-8 col-8" type="search" placeholder="Recherche"
416                                   aria-label="Search" name="keywords">
417                            <button type="submit" class="form-control col-lg-4 col-4 bg_btn c_btn"><i class="material-icons notranslate">search</i></button>
418                        </div>
419                    </form>
420                
421                                    <li class="nav-item position-relative">
422                        <div role="button" class="cursor-pointer nav-link c_text" data-toggle="collapse"
423                             data-target="#google_translate_element" aria-expanded="false" aria-label="Choisir la langue du site"
424                             aria-controls="google_translate_element"><i class="material-icons notranslate">language</i>
425                        </div>
426                        <div id="google_translate_element" class="collapse">
427                            <div id="google_translate"></div>
428                            <div class="google_translate_consent" style="width: 200px; height: 60px;"></div>
429                        </div>
430                    </li>
431                
432            </ul>
433        </div>
434    </div>
435</nav>
436</header>
437
438        <main role="main">
439                <div class="main intern-page">
440
441        <header class="breadcrumb container d-flex align-items-center bg">
442    <div class="ov"></div>
443    <div class="container">
444        <h1 class="title dark c_title">Le conseil municipal</h1>
445
446                        <nav class="ariane c_text">
447    <span><a href="/fr/" class="font-weight-bold">Accueil</a></span>
448            / <a href="/fr/">Accueil</a>
449            / <a href="/fr/tb/1723087/le-conseil-municipal-55">Le conseil municipal</a>
450    </nav>
451
452                </div>
453</header>
454
455        <!-- Contenu -->
456        <section class="container wrapper bg_wrapper c_wrapper">
457            <div class="ov bgw"></div>
458
459            <div class="main-content dynamicContent">
460                <div class="row">
461                    <div class="col col-lg contenu">
462                                                        <div class="en-tete col-12 ckeditor_info">
463        <h2 class="heading c_title">Présentation de l&#039;équipe municipale de Villainville</h2>        <p>&nbsp;
464<p>&nbsp;</p>
465<img alt="" data-id-file="2192545" src="https://static.neopse.com/medias/p/2755/site/60/0a/e9/600ae9bcf6c34c5b494a78dacd3a41857a0b3afa.jpg?v=v1" />
466<p>&nbsp;</p></p>    </div>
467                                                                                                                                                                                        <div class="mb-3">
468                                            <h2 class="title dark h5">Maire</h2>
469                                                                                                                                                                                                                                            <a href="/fr/tb/1723087/237161/levieux-1"
470                                                       class="row mb-5">
471                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
472                                                            <img role="img" class="card-img-top"
473                                                                 src="https://static.neopse.com/thumbs/p/2755/site/bb/38/2a/bb382ab19355827b0540ecbcfae93d61cc46e711.png?v=v1"
474                                                                 alt="Image par défaut">
475                                                        </div>
476                                                        <div class="col-12 col-md-9 col-lg-9">
477                                                            <h3 class="card-title h4">Florian LEVIEUX</h3>
478                                                            <p class="card-text"></p>
479                                                        </div>
480                                                    </a>
481                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <a href="/fr/tb/1723087/237395/lequipe-municipale"
482                                                       class="row mb-5">
483                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
484                                                            <img role="img" class="card-img-top"
485                                                                 src="https://static.neopse.com/thumbs/p/2755/site/90/ec/da/90ecdaf469d2a5abf468f09fe72e9c3382c3adcc.png?v=v1"
486                                                                 alt="Image par défaut">
487                                                        </div>
488                                                        <div class="col-12 col-md-9 col-lg-9">
489                                                            <h3 class="card-title h4">2026 L&#039;équipe municipale</h3>
490                                                            <p class="card-text"></p>
491                                                        </div>
492                                                    </a>
493                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
494                                                                                                                                                                                                            <div class="mb-3">
495                                            <h2 class="title dark h5">Adjoints</h2>
496                                                                                                                                                <a href="/fr/tb/1723087/237122/lachevre-1"
497                                                       class="row mb-5">
498                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
499                                                            <img role="img" class="card-img-top"
500                                                                 src="https://static.neopse.com/thumbs/p/2755/site/ac/91/52/ac915224c1bc2e00437b5540f0c6738f37b13472.png?v=v1"
501                                                                 alt="Image par défaut">
502                                                        </div>
503                                                        <div class="col-12 col-md-9 col-lg-9">
504                                                            <h3 class="card-title h4">Sylvain LACHEVRE</h3>
505                                                            <p class="card-text"></p>
506                                                        </div>
507                                                    </a>
508                                                                                                                                                                                                                                                                                                                                                                                        <a href="/fr/tb/1723087/237135/laiguillon-1"
509                                                       class="row mb-5">
510                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
511                                                            <img role="img" class="card-img-top"
512                                                                 src="https://static.neopse.com/thumbs/p/2755/site/0c/a0/8d/0ca08d110629d7c3fbb9a0e85bb0a4e6c57dcbfa.png?v=v1"
513                                                                 alt="Image par défaut">
514                                                        </div>
515                                                        <div class="col-12 col-md-9 col-lg-9">
516                                                            <h3 class="card-title h4">Amandine LAIGUILLON</h3>
517                                                            <p class="card-text"></p>
518                                                        </div>
519                                                    </a>
520                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <a href="/fr/tb/1723087/463985/colboc"
521                                                       class="row mb-5">
522                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
523                                                            <img role="img" class="card-img-top"
524                                                                 src="https://static.neopse.com/thumbs/p/2755/site/fe/76/af/fe76afc883af1757004cfd4648721fd032fa3ead.png?v=v1"
525                                                                 alt="Image par défaut">
526                                                        </div>
527                                                        <div class="col-12 col-md-9 col-lg-9">
528                                                            <h3 class="card-title h4">Benoit COLBOC</h3>
529                                                            <p class="card-text"></p>
530                                                        </div>
531                                                    </a>
532                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
533                                                                                                                                                                                                            <div class="mb-3">
534                                            <h2 class="title dark h5">Conseillers Municipaux</h2>
535                                                                                                                                                                                                                                                                                                                                        <a href="/fr/tb/1723087/237356/lapeire"
536                                                       class="row mb-5">
537                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
538                                                            <img role="img" class="card-img-top"
539                                                                 src="https://static.neopse.com/thumbs/p/2755/site/75/b6/e0/75b6e0286ff3add40335f1f23eb77fcd00014cc8.png?v=v1"
540                                                                 alt="Image par défaut">
541                                                        </div>
542                                                        <div class="col-12 col-md-9 col-lg-9">
543                                                            <h3 class="card-title h4">Isabelle LAPEIRE</h3>
544                                                            <p class="card-text"></p>
545                                                        </div>
546                                                    </a>
547                                                                                                                                                                                                                                                                                            <a href="/fr/tb/1723087/237278/dumesnil"
548                                                       class="row mb-5">
549                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
550                                                            <img role="img" class="card-img-top"
551                                                                 src="https://static.neopse.com/thumbs/p/2755/site/f0/41/ca/f041ca8746a16b7dee460b5cf18c79d970e829d7.png?v=v1"
552                                                                 alt="Image par défaut">
553                                                        </div>
554                                                        <div class="col-12 col-md-9 col-lg-9">
555                                                            <h3 class="card-title h4">Vincent DUMESNIL</h3>
556                                                            <p class="card-text"></p>
557                                                        </div>
558                                                    </a>
559                                                                                                                                                                                                                                                                
559                            <a href="/fr/tb/1723087/237369/vollais"
560                                                       class="row mb-5">
561                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
562                                                            <img role="img" class="card-img-top"
563                                                                 src="https://static.neopse.com/thumbs/p/2755/site/85/11/71/851171f1d371ebf80983114d9b4f12e5f85c9ba2.png?v=v1"
564                                                                 alt="Image par défaut">
565                                                        </div>
566                                                        <div class="col-12 col-md-9 col-lg-9">
567                                                            <h3 class="card-title h4">Alice VOLLAIS</h3>
568                                                            <p class="card-text"></p>
569                                                        </div>
570                                                    </a>
571                                                                                                                                                                                                                                                                                            <a href="/fr/tb/1723087/237317/guerin-7"
572                                                       class="row mb-5">
573                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
574                                                            <img role="img" class="card-img-top"
575                                                                 src="https://static.neopse.com/thumbs/p/2755/site/56/c6/fa/56c6fa0510f16954cb6a5e14e8db2f88e1e9833b.png?v=v1"
576                                                                 alt="Image par défaut">
577                                                        </div>
578                                                        <div class="col-12 col-md-9 col-lg-9">
579                                                            <h3 class="card-title h4">Chrissy GUÉRIN</h3>
580                                                            <p class="card-text"></p>
581                                                        </div>
582                                                    </a>
583                                                                                                                                                                                                <a href="/fr/tb/1723087/237265/avenel"
584                                                       class="row mb-5">
585                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
586                                                            <img role="img" class="card-img-top"
587                                                                 src="https://static.neopse.com/thumbs/p/2755/site/4e/e2/bd/4ee2bd1b5687fa29d6230bda7050c4a5eecaf94e.png?v=v1"
588                                                                 alt="Image par défaut">
589                                                        </div>
590                                                        <div class="col-12 col-md-9 col-lg-9">
591                                                            <h3 class="card-title h4">Rodolphe AVENEL</h3>
592                                                            <p class="card-text"></p>
593                                                        </div>
594                                                    </a>
595                                                                                                                                                                                                <a href="/fr/tb/1723087/237200/caillot-1"
596                                                       class="row mb-5">
597                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
598                                                            <img role="img" class="card-img-top"
599                                                                 src="https://static.neopse.com/thumbs/p/2755/site/2f/43/17/2f43175b8f46a1f4a3a4bcd407b537c59b0584e5.png?v=v1"
600                                                                 alt="Image par défaut">
601                                                        </div>
602                                                        <div class="col-12 col-md-9 col-lg-9">
603                                                            <h3 class="card-title h4">François CAILLOT</h3>
604                                                            <p class="card-text"></p>
605                                                        </div>
606                                                    </a>
607                                                                                                                                                                                                <a href="/fr/tb/1723087/237239/lenormand"
608                                                       class="row mb-5">
609                                                        <div class="col-10 col-md-3 col-lg-3 mb-3">
610                                                            <img role="img" class="card-img-top"
611                                                                 src="https://static.neopse.com/thumbs/p/2755/site/68/ad/4f/68ad4f3284db0d01ddea8d832794b283cf19f333.png?v=v1"
612                                                                 alt="Image par défaut">
613                                                        </div>
614                                                        <div class="col-12 col-md-9 col-lg-9">
615                                                            <h3 class="card-title h4">Agnés LENORMAND</h3>
616                                                            <p class="card-text"></p>
617                                                        </div>
618                                                    </a>
619                                                                                                                                    </div>
620                                                                                                                                                                                                        </div>
621
622                                    </div>
623            </div>
624        </section>
625    </div>
626
627        </main>
628
629                    <div id="previewModalImage" class="modal">
630
631                <!-- The Close Button -->
632                <span id="closePreviewImage" class="close">&times;</span>
633
634                <!-- Navigation Buttons -->
635                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
636                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
637
638                <!-- Image Counter -->
639                <div id="imageCounter" class="image-counter"></div>
640
641                <!-- Modal Content (The Image) -->
642                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
643
644                <!-- Modal Caption (Image Text) -->
645                <div id="captionPreviewImage"></div>
646            </div>
647        
648                    
648<script>
649                (function() {
650                    // Get the modal elements
651                    const modal = document.getElementById('previewModalImage');
652                    const modalImg = modal.querySelector('img');
653                    const captionText = document.getElementById('captionPreviewImage');
654                    const closePreviewImage = document.getElementById('closePreviewImage');
655                    const prevBtn = document.getElementById('prevImage');
656                    const nextBtn = document.getElementById('nextImage');
657                    const imageCounter = document.getElementById('imageCounter');
658                    
659                    let currentImages = [];
660                    let currentIndex = 0;
661
662                    // Helper function to check if element is visible
663                    function isVisible(element) {
664                        return element && element.offsetParent !== null;
665                    }
666
667                    // Helper function to toggle element visibility
668                    function toggleElement(element, show) {
669                        if (element) {
670                            element.style.display = show ? 'block' : 'none';
671                        }
672                    }
673
674                    // Function to update the modal with a specific image
675                    function updateModal(index) {
676                        if (currentImages.length === 0) return;
677                        
678                        currentIndex = index;
679                        const img = currentImages[currentIndex];
680                        modalImg.setAttribute('src', img.src);
681                        modalImg.setAttribute('alt', img.alt || '');
682                        captionText.innerHTML = img.alt || '';
683                        
684                        // Update counter
685                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
686                        
687                        // Show/hide navigation buttons
688                        const showNav = currentImages.length > 1;
689                        toggleElement(prevBtn, showNav);
690                        toggleElement(nextBtn, showNav);
691                        toggleElement(imageCounter, showNav);
692                    }
693
694                    // Function to show next image
695                    function showNext() {
696                        if (currentImages.length === 0) return;
697                        currentIndex = (currentIndex + 1) % currentImages.length;
698                        updateModal(currentIndex);
699                    }
700
701                    // Function to show previous image
702                    function showPrev() {
703                        if (currentImages.length === 0) return;
704                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
705                        updateModal(currentIndex);
706                    }
707
708                    // Helper function to find closest ancestor with class
709                    function closest(element, selector) {
710                        if (!element) return null;
711                        
712                        // For class selector (e.g., '.splide__slide')
713                        if (selector.startsWith('.')) {
714                            const className = selector.slice(1);
715                            let current = element;
716                            while (current && current !== document) {
717                                if (current.classList && current.classList.contains(className)) {
718                                    return current;
719                                }
720                                current = current.parentElement;
721                            }
722                        }
723                        return null;
724                    }
725
726                    // When clicking on an image
727                    document.addEventListener('click', function(e) {
728                        const target = e.target;
729                        // Check if clicked element is an image with class .img or .main-img inside .splide
730                        if (target.tagName === 'IMG' && 
731                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
732                            closest(target, '.splide')) {
733                            
734                            // Find the clicked image's parent slide
735                            const clickedSlide = closest(target, '.splide__slide');
736                            if (!clickedSlide) return;
737                            
738                            // Find the list that contains this slide
739                            const splideList = closest(clickedSlide, '.splide__list');
740                            if (!splideList) return;
741                            
742                            // Get all slides from this specific list
743                            const allSlides = splideList.querySelectorAll('.splide__slide');
744                            
745                            // Get all images from these slides only, deduplicating by src
746                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
747                            currentImages = [];
748                            const seenSrcs = new Set();
749                            const clickedSrc = target.src;
750                            
751                            allSlides.forEach(function(slide) {
752                                const slideImg = slide.querySelector('.img, .main-img');
753                                if (slideImg) {
754                                    const imgSrc = slideImg.src;
755                                    // Only add if we haven't seen this src before
756                                    if (!seenSrcs.has(imgSrc)) {
757                                        seenSrcs.add(imgSrc);
758                                        currentImages.push(slideImg);
759                                    }
760                                }
761                            });
762                            
763                            // Find the index of the clicked image by src (to handle duplicates)
764                            currentIndex = currentImages.findIndex(function(img) {
765                                return img.src === clickedSrc;
766                            });
767                            
768                            if (currentIndex === -1) {
769                                currentIndex = 0; // Fallback to first image
770                            }
771                            
772                            // Update and show modal
773                            updateModal(currentIndex);
774                            modal.style.display = 'block';
775                        }
776                    });
777
778                    // Navigation button handlers
779                    if (nextBtn) {
780                        nextBtn.addEventListener('click', function (e) {
781                            e.preventDefault();
782                            e.stopPropagation();
783                            showNext();
784                        });
785                    }
786
787                    if (prevBtn) {
788                        prevBtn.addEventListener('click', function (e) {
789                            e.preventDefault();
790                            e.stopPropagation();
791                            showPrev();
792                        });
793                    }
794
795                    // Keyboard navigation
796                    document.addEventListener('keydown', function (e) {
797                        // Check if modal is visible by checking display style
798                        const isModalVisible = modal.style.display !== 'none' && 
799                                             (modal.style.display === 'block' || 
800                                              window.getComputedStyle(modal).display !== 'none');
801                        
802                        if (isModalVisible) {
803                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
804                                e.preventDefault();
805                                showNext();
806                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
807                                e.preventDefault();
808                                showPrev();
809                            } else if (e.key === 'Escape' || e.keyCode === 27) {
810                                e.preventDefault();
811                                e.stopPropagation();
812                                modal.style.display = 'none';
813                            }
814                        }
815                    });
816
817                    // When the user clicks on <span> (x), close the modal
818                    if (closePreviewImage) {
819                        closePreviewImage.addEventListener('click', function () {
820                            modal.style.display = 'none';
821                        });
822                    }
823
824                    // Close modal when clicking outside the image
825                    modal.addEventListener('click', function (e) {
826                        if (e.target === modal) {
827                            modal.style.display = 'none';
828                        }
829                    });
830                })();
831            </script>
831
832        
833        
834                    
835        
836        <!-- Footer -->
837<footer role="contentinfo" class="footer bg footer1">
838    <div class="ov"></div>
839    <div class="container d-flex flex-wrap justify-content-between">
840        <div class="footer-container">
841            <h2 class="title light c_title d_title btn-line"><a
842        href="/fr/ct/1722346/contacts-1074">Contacts</a></h2>
843<div class="footer-box">
844    <div class="contact c_text">
845        <p class="font-weight-bold mb-0" aria-label="Nom du structure">Commune de Villainville</p>
846        <p class="mb-0" aria-label="adresse">704, route d&#039;Étretat</p>
847        <p class="mb-0" aria-label="adresse 2">76280 Villainville - FRANCE</p>
848         <p class="mb-0"><a href="tel:+33235298559" title="Numéro de téléphone">+33 2 35 29 85 59</a></p>
849                    <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>
850            </p>
851        
852                    <div class="mt-4">
853                <p style="margin:0;"><strong>HORAIRES</strong></p>
854                <p><strong><span style="color:#f39c12">Accueil public par la secr&eacute;taire de mairie:</span></strong><br />
855Lundi:9h00-12h/13h30-16h00<br />
856Mardi:9h00-12h/13h30-16h00<br />
857Jeudi:9h00-12h<br />
858<br />
859<strong><span style="color:#f39c12">Accueil public avec Monsieur le Maire ou adjoint:</span></strong><br />
860les samedis de 9h30 &agrave; 11h00.<br />
861<br />
862Pour les d&eacute;p&ocirc;ts de dossiers d&rsquo;urbanisme, location de salle, &eacute;tat civil, recensement citoyen, RDV avec Monsieur le Maire ou adjoints...<br />
863<br />
864Pour prendre rendez-vous, vous devez contacter la mairie de Villainville par courriel &agrave; : [email protected]</p>
865            </div>
866            </div>
867
868
869</div>
870
871
872
873            <div class="social-media">
874    <ul class="c_text">
875                                                                                                                                                            </ul>
876</div>
877
878            
879        </div>
880        
881        
882    </div>
883    <div class="container d-flex flex-wrap position-relative c_text">
884        <p class="mr-2 c_text"><a href="/fr/li/1722385/mentions-legales-1238">Mentions légales</a>
885</p> -
886        <p class="mr-2 ml-2 c_text"><a href="/fr/1722385/politique-confidentialite">Politique de confidentialité</a>
887</p> -
888        <p class="mr-2 ml-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
889</p> -
890        
891        <p class="mr-2 ml-2 c_text">
892            <a href="/fr/sm/71622/plan-du-site-1">
893                Plan du site</a></p>-
894        <p class="ml-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
895    </div>
896</footer>
897
898<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
899     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
900    <div class="modal-dialog" role="document">
901        <div class="modal-content">
902            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
903                <span aria-hidden="true">&times;</span>
904            </button>
905
906            <div class="modal-header bg_bloc">
907                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact Mairie</h4>
908                            </div>
909            <form id="contactFormFooter" action="/formMdContact" method="post"
910                  novalidate enctype="multipart/form-data">
911                <div class="modal-body pb-0">
912
913                                            <div class="field-wrapper"><p class="title">Contact Mairie</p></div>                                            <div class="field-wrapper">
914    <div><label class="control-label generalLabel font-weight-bold mr-1">Destinataire de votre message <span
915                class="cursor-pointer" data-toggle="popover" data-content="Sélectionnez"><i
916                            class="material-icons align-top">info_outline</i></span>        </label><span>*</span></div>
917
918            <div class="form-check d-block">
919            <label class="form-check-label"><input class="form-check-input" type="checkbox" name="2_check_list[]" value="Karine Ramain- Maire">Karine Ramain- Maire<span
920                        class="form-check-sign"><span class="check"></span></span></label>
921        </div>
922            <div class="form-check d-block">
923            <label class="form-check-label"><input class="form-check-input" type="checkbox" name="2_check_list[]" value="Agnès Lenormand- 1ère adjointe">Agnès Lenormand- 1ère adjointe<span
924                        class="form-check-sign"><span class="check"></span></span></label>
925        </div>
926            <div class="form-check d-block">
927            <label class="form-check-label"><input class="form-check-input" type="checkbox" name="2_check_list[]" value="Secretariat de mairie ">Secretariat de mairie <span
928                        class="form-check-sign"><span class="check"></span></span></label>
929        </div>
930        <span class="form-error requirements" id="2_check_list-error" role="alert">Ce champ est obligatoire</span>
931</div>                                            <div class="form-group">
932    <div><label for="3_email">Votre adresse e-mail</label><span>*</span></div>
933    <input type="email" name="3_email" class="form-control" id="3_email"
934           aria-label="Votre adresse e-mail">
935    <span class="help-message cursor-pointer" data-toggle="popover" data-content="Veuillez"><i
936                class="material-icons">info_outline</i></span>    <span class="form-error requirements" id="3_email-error" role="alert">Ce champ est obligatoire</span>
937</div>
938                                            <div class="form-group">
939    <div><label for="4_date" id="4_dateLabel">Date</label><span>*</span></div>
940    <div class="d-flex align-items-end">
941        <div class="col-10 col-md-5 mr-3 px-0">
942            <input type="date" name="4_date" class="form-control" id="4_date" aria-describedby="4_dateLabel" placeholder="Date">
943            <span class="help-message"><i class="material-icons notranslate">date_range</i></span>
944        </div>
945        <div data-toggle="popover" data-content="">
946                    </div>
947    </div>
948    <span class="form-error requirements" id="4_date-error" role="alert">Ce champ est obligatoire</span>
949</div>
950                                            <div class="form-group">
951    <div><label for="5_textarea">Nom</label><span></span>
952    </div>
953    <textarea name="5_textarea" class="form-control pl-0" id="5_textarea" rows="3"></textarea>
954        <span class="form-error requirements" id="5_textarea-error" role="alert">Ce champ est obligatoire</span>
955</div>                    
956                    <div class="form-group">
957    <div class="h-recaptcha m-auto d-inline-block"></div>
958    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
959    </div>
960</div>                </div>
961                <div class="modal-footer">
962                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button>
963                </div>
964                <div class="m-3">
965                    Les informations recueillies &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
966Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
967<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
968<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
969<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
970<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
971                </div>
972            </form>
973
974            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
975                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
976            </div>
977        </div>
978    </div>
979</div>
980
981        <div class="footer-bottom" style="position: relative;">
982    <div class="container">
983        <p>
984            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
985                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
986                Site créé en partenariat avec Réseau des Communes
987            </a>
988        </p>
989    </div>
990</div>
991        <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
992    <div class="modal-dialog" role="document">
993        <div class="modal-content">
994            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
995                <span aria-hidden="true">&times;</span>
996            </button>
997
998            <embed type="application/pdf">
999        </div>
1000    </div>
1001</div>
1002
1003        
1004                        
1004<script src="/js/vendor/popper.min.js"></script>
1004
1005            
1005<script src="/js/vendor/bootstrap.min.js"></script>
1005
1006
1007            <!-- Carousel -->
1008            
1008<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1008
1009            
1009<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1009
1010
1011            
1011<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1011
1012            
1012<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1012
1013
1014            
1014<script src='/dist/slick/slick.js'></script>
1014
1015            
1015<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1015
1016
1017                        
1017<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1017
1018
1019                        
1019<script src='/dist/pagination.min.js'></script>
1019
1020
1021            
1021<script src="/js/shared.js?v1"></script>
1021
1022            
1022<script src="/tpl/1/js/main.js"></script>
1022
1023            
1023<script src="/lib/chartjs/Chart.js"></script>
1023
1024            
1024<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1024
1025
1026                        
1026<script type="text/javascript">
1027
1028                tarteaucitron.user.matomoId = 6;
1029                (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1030
1031
1032                (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1033                (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1034                (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1035                (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1036
1037                                                tarteaucitron.user.googleTranslateCallback = function () {
1038                    new google.translate.TranslateElement({pageLanguage: 'fr'}, 'google_translate');
1039                };
1040                (tarteaucitron.job = tarteaucitron.job || []).push('googletranslate');
1041                            </script>
1041
1042
1043        
1044
1045
1046                    
1046<script type="text/javascript">
1047                $(document).ready(function () {
1048                                    });
1049
1050            </script>
1050
1051        
1052
1053        
1053<script>
1054            (function (i, s, o, g, r, a, m) {
1055                i['InstanaEumObject'] = r;
1056                i[r] = i[r] || function () {
1057                    (i[r].q = i[r].q || []).push(arguments)
1058                }, i[r].l = 1 * new Date();
1059                a = s.createElement(o),
1060                    m = s.getElementsByTagName(o)[0];
1061                a.async = 1;
1062                a.src = g;
1063                m.parentNode.insertBefore(a, m)
1064            })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1065            ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1066            ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1067
1068            // set the name of a page on which this load/errors/calls happened
1069            ineum('page', 'front-site');
1070        </script>
1070
1071
1072
1073        
1073<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1073
1074
1075        
1075<script type="text/javascript">
1076            var CaptchaCallback = function () {
1077                $('.h-recaptcha').each(function (index, el) {
1078                    hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1079                });
1080            };
1081
1082            var originalStyle = false;
1083
1084            $(window).on('shown.bs.modal', function () {
1085                originalStyle = $('body').attr('style');
1086
1087                $('body').attr('style', '');
1088            });
1089
1090            $(window).on('hidden.bs.modal', function () {
1091                $('body').attr('style', originalStyle);
1092
1093            });
1094
1095        </script>
1095
1096
1097        
1097<script>
1098            $(document).ready(function () {
1099
1100                $('.selectpicker').selectpicker();
1101
1102                var input = $('input[type=file]');
1103
1104                input.on('change', function () {
1105                    var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1106                    list.empty();
1107
1108                    for (var x = 0; x < this.files.length; x++) {
1109                        var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1110//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1111                        list.append(newFile);
1112                    }
1113                });
1114
1115                $('.form-error').hide();
1116                $('#contactFormFooter').submit(function (e) {
1117                    let form = $(this);
1118
1119                    $.ajax({
1120                        type: "POST",
1121                        url: form.attr('action'),
1122                        data: new FormData(form[0]),
1123                        contentType: false,
1124                        processData: false,
1125                        beforeSend: function () {
1126                            form.find('.form-error').hide();
1127                            $('.formContactForm').attr('disabled', true);
1128                        },
1129                        success: function (response) {
1130                            hcaptcha.reset();
1131
1132                            if (response.status === 'KO') {
1133                                let errors = response.errors;
1134                                for (let index in errors) {
1135                                    if (errors.hasOwnProperty(index)) {
1136                                        let attr = errors[index];
1137                                        let error = attr[Object.keys(attr)[0]];
1138                                        form.find('#' + index + '-error').text(error).show();
1139                                    }
1140                                }
1141                            } else {
1142
1143                                $('#contactFormFooter').css('display', 'none');
1144                                $('#messageSendedFormContactFooter').css('display', '');
1145                                form[0].reset();
1146                            }
1147                        },
1148                        complete: function () {
1149
1150                            $('.formContactForm').removeAttr('disabled');
1151                        }
1152                    });
1153
1154                    return false;
1155                });
1156
1157                $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1158                    $('#contactFormFooter')[0].reset();
1159
1160                    $('#contactFormFooter').css('display', '');
1161
1162                    $('#messageSendedFormContactFooter').css('display', 'none');
1163
1164                    $('.form-error').hide();
1165
1166                    $('.listFiles').empty();
1167
1168                    hcaptcha.reset();
1169                });
1170
1171
1172            });
1173
1174            function humanFileSize(size) {
1175                var i = Math.floor(Math.log(size) / Math.log(1024));
1176                return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1177            }
1178        </script>
1178
1179
1180        
1180<script>
1181            $(function () {
1182
1183
1184                var numberAlerts = false;
1185
1186                var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1187
1188                numberAlerts = allAlerts.length;
1189
1190                allAlerts.each(function (e) {
1191
1192                    if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1193                        $('#alertsModal').modal('show');
1194                    } else {
1195                        $(this).remove();
1196                        numberAlerts = numberAlerts - 1;
1197                        setActiveAndDecrementNumber();
1198                    }
1199
1200                });
1201
1202                $('.acceptCookiesAlerts').on('click', function (e) {
1203                    e.preventDefault();
1204
1205                    var currentDataId = $(this).attr('data-id');
1206
1207                    sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1208
1209                    numberAlerts = numberAlerts - 1;
1210
1211                    var currentParentNode = $(this).parent().parent().parent();
1212
1213                    currentParentNode.removeClass('active');
1214                    currentParentNode.remove();
1215
1216                    setActiveAndDecrementNumber();
1217
1218                });
1219
1220                function setActiveAndDecrementNumber() {
1221                    var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1222
1223                    newListOfAlerts.each(function (index, e) {
1224                        if (index == 0) {
1225                            $(this).addClass('active');
1226                        }
1227                    });
1228
1229                    if (numberAlerts == 0) {
1230                        $('#alertsModal').modal('hide');
1231                    }
1232                }
1233
1234                var currentColorControl = '#212529';
1235
1236                $('#controlPrev').css('color', 'initial !important');
1237                $('#controlNext').css('color', 'initial !important');
1238
1239                $('#controlPrev').on('mouseover', function () {
1240
1241                    $(this).css('color', 'initial !important');
1242                });
1243
1244                $('#controlNext').on('mouseover', function () {
1245
1246                    $(this).css('color', 'initial !important');
1247                });
1248
1249            });
1250        </script>
1250
1251    </body>
1252</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.