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'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'é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'é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'équipe municipale de Villainville</h2> <p> 464<p> </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> </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'é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">×</span> 633 634 <!-- Navigation Buttons --> 635 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 636 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</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'Ã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é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 à 11h00.<br /> 861<br /> 862Pour les dépôts de dossiers d’urbanisme, location de salle, é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 à : [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">×</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 à partir de ce formulaire sont nécessaires à la gestion de votre demande par notre Structure qui est responsable du traitement de vos données personnelles collectées.<br /> 966Vos donn<span style="color:null"><span style="background-color:null">ées personnelles reçues sont conservées par notre Structure pendant toute la durée nécessaire au traitement de votre demande ou bien pour une durée de […….] mois maximum à compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des données les services et représentants de notre Structure en charge des réponses aux demandes émises via ce formulaire. Aucun transfert de vos données hors de l'Union européenne n'est réalisé. </span><br /> 967<span style="background-color:null">Vous pouvez à tout moment demander l’accès, la rectification, l’effacement, la portabilité ou la limitation de vos données, ou bien vous opposer à leur traitement, en contactant le Délégué à la Protection des Données de notre structure : </span><br /> 968<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 969<span style="background-color:null">- Par voie postale à l’attention du Délégué à la Protection des Données et à l’adresse suivante : […….]. </span><br /> 970<span style="background-color:null">Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pou</span></span>vez adresser une réclamation à la CNIL. 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">×</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.