1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Délégations et Commissions - Commune de Grainville-sur-Ry </title> 6 7
7<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
7 8
8<script> 9 var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183; 10 11 tarteaucitron.init({ 12 "privacyUrl": "", /* Privacy policy url */ 13 14 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ 15 "cookieName": "tarteaucitron", /* Cookie name */ 16 17 "orientation": "bottom", /* Banner position (top - bottom) */ 18 19 "showAlertSmall": false, /* Show the small banner on bottom right */ 20 "cookieslist": true, /* Show the cookie list */ 21 22 "showIcon": false, /* Show cookie icon to manage cookies */ 23 // "iconSrc": "", /* Optionnal: URL or base64 encoded image */ 24 "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */ 25 26 "adblocker": false, /* Show a Warning if an adblocker is detected */ 27 28 "DenyAllCta": true, /* Show the deny all button */ 29 "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ 30 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ 31 32 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ 33 34 "removeCredit": false, /* Remove credit link */ 35 "moreInfoLink": true, /* Show more info link */ 36 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ 37 38 //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */ 39 40 "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */ 41 42 "mandatory": true, /* Show a message about mandatory cookies */ 43 44 "listCookieByService": false, /* Show a message about list cookie by service */ 45 "tarteaucitronForceLanguage" : 'fr', 46 47 }); 48 </script>
48 49 50 <meta name="Description" content=""> 51<meta name="Keywords" content=""> 52<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 53<meta charset="UTF-8"> 54
54<script type="text/javascript"> 55 tarteaucitron.user.gtagUa = 'G-WJVQYWDSGK'; 56 tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ 57 }; 58 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 59 </script>
59 60 61 <!-- Matomo -->
62<script> 63 var _paq = window._paq = window._paq || []; 64 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 65 _paq.push(['trackPageView']); 66 _paq.push(['enableLinkTracking']); 67 (function() { 68 var u="//matomo-client.neopse.com/"; 69 _paq.push(['setTrackerUrl', u+'matomo.php']); 70 _paq.push(['setSiteId', '80']); 71 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 72 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 73 })(); 74</script>
74 75<!-- End Matomo Code --> 76 <link href="/css/slick.css" rel='stylesheet' type='text/css'> 77 <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'> 78 <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 79 <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1"> 80 <link rel="preconnect" href="https://fonts.googleapis.com"> 81 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 82 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet"> 83 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet"> 84 85 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 86 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 87 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 88 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 89 <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'> 90 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 91 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 92 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" /> 93 <link href="/tpl/5/css/style.css" rel="stylesheet" type='text/css'> 94 95 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 96 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 97 98 <style class="notranslate" >.bg_bloc { background-color: #0EEFDF !important; } 99 .table td, .table, .table thead th { border-color: #0EEFDF !important; } 100 .bg_bloc .dropdown-toggle, 101 .bg_bloc .dropdown-menu { 102 background-color: #0EEFDF !important; 103 border-color: #0EEFDF !important; 104 } 105 .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{ 106 border-color: #0EEFDF !important; 107 } 108 109 .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #0EEFDF !important; } 110 111 .fc-unthemed td.fc-today{ 112 background: #0EEFDF !important; 113 } 114 115 .cookies .btn{ color: #0EEFDF !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/553/site/6b/96/e5/6b96e5cb4800062990bc31d8c283aa3d005b5d07.png?v=v1); background-position: center; background-repeat: repeat; }body { background-color: #CEE0F0; }.c_btn { color: #192DB6; } 116 .c_btn:hover, .c_btn:focus, .c_btn:active { color: #192DB6; } 117 118 .fc-event .fc-title{ color: #192DB6 !important; } 119 120 .owl-theme .owl-dots .owl-dot.active span, 121 .owl-theme .owl-dots .owl-dot:hover span { 122 background: #192DB6; 123 opacity: 1; 124 } 125 .carousel-indicators li, 126 .owl-theme .owl-dots .owl-dot span{ 127 background-color: #192DB6; 128 opacity: 0.5; 129 } 130 .carousel-control-prev, .carousel-control-next, .owl-theme .owl-nav [class*=owl-]{ 131 color: #192DB6 !important; 132 } 133 .slick-prev:before, .slick-next:before { color: #192DB6; } 134 .fc-event{ color: #192DB6;}body, .title, .lead, .heading { font-family: Tahoma, Geneva, sans-serif !important; }.footer.bg { background-color: #BAEEA4; }nav.navbar.bg { background-color: #F8CD3F; }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }body, .c_text, .container, .c_title, .carousel-caption .title, .dropdown-item.c_text { color: #000000; } 135 .c_text.navbar-toggler{ border-color: #000000 !important; } 136 .c_text .navbar-toggler-icon i{ color: #000000; } 137 .title:before{ background-color: #000000 !important; } 138 .intern-page .en-tete{ border-left-color: #000000;} 139 .bootstrap-select .dropdown-menu li a{ 140 color: #000000; 141 } 142 .bootstrap-select .dropdown-toggle::after{ 143 color: #000000; 144 } 145 .fc-button{ 146 color: #000000 !important; 147 }.footer .footer-btn.c_btn { color: #2A2DD3; }.searchbar .c_btn { color: #FFFFFF !important; }.navbar .dropdown-menu { background-color: #FFFFFF; }.searchbar .c_text { color: #FFFFFF; } 148 .searchbar ::placeholder { color: #FFFFFF; }.c_text .navbar-toggler-icon i, nav.navbar .c_text { color: #273548; } .navbar-toggler.c_text{ border-color: #273548 !important; }nav.navbar .h_text:hover { color: #000000; }.social-media.bg { background-color: #BAEEA4; }.social-media.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }.breadcrumb.bg { background-color: #BAEEA4; }.navbar .dropdown-menu .c_text { color: #192DB6; }nav.navbar .dropdown-menu .h_text:hover { color: #000000; }body .bg_btn { background-color: #0EEFDF; } 149 body .bg_btn:hover, body .bg_btn:active, body .bg_btn:focus { background-color: #0EEFDF; } 150 .fc-event{ background-color: #0EEFDF !important; border-color: #0EEFDF !important; } 151 152 .carousel-control-prev-icon, .carousel-control-next-icon, .owl-theme .owl-nav [class*=owl-]{ 153 background-color: #0EEFDF !important; 154 } 155 .slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover { background-color: #0EEFDF; }nav.navbar .h_text:hover { background-color: #0EEFDF; }#w_85qqp9kp2 .bg { background-color: #FFFFFF; }#w_abhwf5k6g .bg { background-image: url(https://static.neopse.com/medias/p/553/site/00/65/97/006597193e51ceb94839d6c5ab2809a34802d2f3.png?v=v1); background-position: center; background-repeat: repeat; }#w_bt01o5vvc .bg { background-color: #CEE0F0; }#w_headline .c_btn { color: #192DB6; } 156 #w_headline .carousel-control-prev i, #w_headline .carousel-control-next i { color: #192DB6; } 157 #w_headline .carousel-control-prev, #w_headline .carousel-control-next{ 158 color: #192DB6 !important; 159 }#w_hpp8nilz6 .bg { background-color: #CEE0F0; }#w_jk94hnx8u .bg { background-color: #273548; }#w_nk0skvk0c .bg { background-color: #0EEFDF; }.breadcrumb.bg .c_text { color: #192DB6; }.footer .footer-btn.bg_btn { background-color: #FFFFFF; }.searchbar .bg_btn { background-color: #F01B72 !important; }.navbar .dropdown-menu .h_text:hover { background-color: #BAEEA4; }#w_abhwf5k6g .c_btn, 160 #w_abhwf5k6g .card-icon-date .day { color: #192DB6; border-color: #192DB6; } 161 #w_abhwf5k6g .c_btn:before, 162 #w_abhwf5k6g .owl-theme .owl-dots .owl-dot.active span, 163 #w_abhwf5k6g .owl-theme .owl-dots .owl-dot:hover span, 164 #w_abhwf5k6g .slick-dots .slick-active button:before, 165 #w_abhwf5k6g .card-icon-date .month { 166 background-color: #192DB6 !important; 167 opacity: 1; 168 } 169 #w_abhwf5k6g .carousel-indicators li, 170 #w_abhwf5k6g .owl-theme .owl-dots .owl-dot span, 171 #w_abhwf5k6g .slick-dots li button:before{ 172 background-color: #192DB6; 173 opacity: 0.5; 174 } 175 176 #w_abhwf5k6g .slick-prev:before, #w_abhwf5k6g .slick-next:before { color: #192DB6 !important; }#w_bt01o5vvc .c_btn { color: #192DB6; }#w_hpp8nilz6 .c_btn { color: #192DB6; }#w_nk0skvk0c .c_btn { color: #192DB6; } 177 #w_nk0skvk0c .owl-theme .owl-dots .owl-dot.active span, 178 #w_nk0skvk0c .owl-theme .owl-dots .owl-dot:hover span { 179 background: #192DB6; 180 opacity: 1; 181 } 182 #w_nk0skvk0c .carousel-indicators li, 183 #w_nk0skvk0c .owl-theme .owl-dots .owl-dot span{ 184 background-color: #192DB6; 185 opacity: 0.5; 186 } 187 #w_nk0skvk0c .carousel-control-prev, #w_nk0skvk0c .carousel-control-next, #w_nk0skvk0c .owl-theme .owl-nav [class*=owl-]{ 188 color: #192DB6 !important; 189 }.breadcrumb.bg .c_title { color: #192DB6; } 190 .breadcrumb.bg .c_title:before { background-color: #192DB6 !important; }#w_85qqp9kp2 .c_text { color: #192DB6; } 191 #w_85qqp9kp2 .c_text:before { background-color: #192DB6; }#w_abhwf5k6g .c_text { color: #192DB6; }#w_bt01o5vvc .c_text { color: #000000; }#w_headline .c_title { color: #192DB6; }#w_hpp8nilz6 .c_text { color: #000000; }#w_jk94hnx8u .c_text { color: #F8CD3F; }#w_nk0skvk0c .c_text { color: #192DB6; }#w_85qqp9kp2 .c_title { color: #192DB6; } 192 #w_85qqp9kp2 .c_title:before { background-color: #192DB6 !important; }#w_abhwf5k6g .c_title { color: #192DB6; } 193 #w_abhwf5k6g .c_title:before { background-color: #192DB6 !important; }#w_bt01o5vvc .c_title { color: #192DB6; } 194 #w_bt01o5vvc .c_title.dark:before { background-color: #192DB6 !important; }#w_hpp8nilz6 .c_title { color: #192DB6; } 195 #w_hpp8nilz6 .c_title.dark:before { background-color: #192DB6 !important; }#w_jk94hnx8u .c_title { color: #47A5B6; } #w_jk94hnx8u .c_title:before { background-color: #47A5B6 !important; }#w_nk0skvk0c .c_title { color: #192DB6 !important; } 196 #w_nk0skvk0c .c_title.dark:before { background-color: #192DB6 !important; }#w_headline .bg_btn { background-color: #0EEFDF; } 197 198 #w_headline .carousel-control-prev-icon, #w_headline .carousel-control-next-icon{ 199 background-color: #0EEFDF !important; 200 }#w_abhwf5k6g .bg_btn, 201 #w_abhwf5k6g .carousel-indicators .active { background: #BAEEA4 !important;} 202 #w_abhwf5k6g .bg_btn, 203 #w_abhwf5k6g .carousel-indicators li{ border-color: #BAEEA4 !important;} 204 #w_abhwf5k6g .carousel-control-prev-icon, #w_abhwf5k6g .carousel-control-next-icon, #w_abhwf5k6g .owl-theme .owl-nav [class*=owl-]{ 205 background-color: #BAEEA4 !important; 206 }
207 #w_abhwf5k6g .slick-prev, #w_abhwf5k6g .slick-next { background-color: #BAEEA4 !important; } 208 #w_abhwf5k6g .slick-prev:hover, #w_abhwf5k6g .slick-next:hover { background-color: #BAEEA4; opacity:1; }#w_bt01o5vvc .bg_btn { background-color: #0EEFDF; }#w_hpp8nilz6 .bg_btn { background-color: #0EEFDF; }#w_nk0skvk0c .bg_btn, 209 #w_nk0skvk0c .carousel-indicators .active { background: #FFFFFF !important;} 210 #w_nk0skvk0c .bg_btn, 211 #w_nk0skvk0c .carousel-indicators li{ border-color: #FFFFFF !important;} 212 #w_nk0skvk0c .carousel-control-prev-icon, #w_nk0skvk0c .carousel-control-next-icon, #w_nk0skvk0c .owl-theme .owl-nav [class*=owl-]{ 213 background-color: #FFFFFF !important; 214 }/*np-dropdowns*/.bootstrap-select{background-color:#0EEFDF!important;}.bootstrap-select .dropdown-menu{background-color:#0EEFDF!important;border-color:#0EEFDF!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:#0EEFDF!important;}</style> 215 216 217
217<script src="/js/vendor/jquery-3.2.1.min.js"></script>
217 218
218<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
218 219 <!-- Matomo --> 220 <!-- End Matomo Code --> 221</head> 222<body style="position: relative; min-height: 100%; top: 0px;"> 223 224<header role="banner" class="fixed-top"> 225 <!-- Top navbar --> 226<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg"> 227 <div class="ov"></div> 228 <div class="container"> 229 <a class="navbar-brand c_text bloc_logo" href="/fr/"> 230 <h1 class="img"> 231 <picture> 232 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/553/site/34/49/3d/34493d75c4793f9e158f47bdd684993936b8ad12.png"> 233 <img role="img" src="https://static.neopse.com/medias/p/553/site/34/49/3d/34493d75c4793f9e158f47bdd684993936b8ad12.png" alt="Logo Commune de Grainville-sur-Ry" loading="eager"> 234 </picture> 235 <span>Commune de Grainville-sur-Ry</span> 236 </h1> 237 </a> 238 <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" 239 data-target="#navbarNavDropdown" 240 aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 241 <span class="navbar-toggler-icon"> 242 <i class="material-icons notranslate">menu</i> 243 </span> 244 </button> 245 <div class="collapse navbar-collapse" id="navbarNavDropdown"> 246 <ul class="navbar-nav ml-auto"> 247 <li class="nav-item dropdown"> 248 <a class="nav-link c_text h_text px-3" href="/" role="button"> 249 <i class="material-icons">home</i> 250 </a> 251 </li> 252 <li class="nav-item dropdown"> 253 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 254 Votre Mairie 255 </a> 256 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0"> 257 258 <div class="mega-dropdown-menu"> 259 <div class="divider"> 260 261 262 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 263 href="/fr/tb/279931/conseil-municipal-125"> 264 Conseil Municipal 265 </a> 266 267 268 269 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 270 href="/fr/rb/2373373/delegations-et-commissions"> 271 Délégations et Commissions 272 </a> 273 274 275 276 277 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 278 href="/fr/rb/98009/employes-municipaux"> 279 Employés municipaux 280 </a> 281 282 283 284 285 286 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 287 href="/fr/rp/279775/proces-verbaux-deliberations"> 288 Procès-verbaux / délibérations 289 </a> 290 291 292 293 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 294 href="/fr/rb/1121863/bulletins-municipaux-74"> 295 Bulletins municipaux 296 </a> 297 298 299 300 301 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 302 href="/fr/rb/1759877/arretes-municipaux-75"> 303 Arrêtés municipaux 304 </a> 305 306 307 308 309 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 310 href="/fr/rb/1791558/arretes-prefectoraux-et-nationaux"> 311 Arrêtés préfectoraux et nationaux 312 </a> 313 314 315 316 317 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 318 href="/fr/rb/1156989/recensement-citoyen-ex-recensement-militaire"> 319 Recensement citoyen (ex recensement militaire) 320 </a> 321 322 323 324 325 326 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 327 href="/fr/ct/279190/contact-mairie"> 328 Contact Mairie 329 </a> 330 331 332 333 334 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 335 href="/fr/nw/279268/actualites-245"> 336 Actualités 337 </a> 338 339 340 341 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 342 href="/fr/rb/1659153/infos-mairie"> 343 Infos mairie 344 </a> 345 346 347 348 349 350 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 351 href="/fr/pg/279619/demarches-administratives-44"> 352 Démarches administratives 353 </a> 354 355 356 </div> 357 </div> 358 </div> 359 </li> 360 361 362 <li class="nav-item dropdown"> 363 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 364 Votre Commune 365 </a> 366 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1"> 367 368 <div class="mega-dropdown-menu"> 369 <div class="divider"> 370 371 372 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 373 href="/fr/ap/279892/plan-acces-96"> 374 Plan/Accès 375 </a> 376 377 378 379 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 380 href="/fr/rb/1722242/video-presentation-de-notre-village"> 381 Vidéo présentation de notre village 382 </a> 383 384 385 386 387 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 388 href="/fr/rb/1120212/artisanat-4"> 389 Artisanat 390 </a> 391 392 393 394 395 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 396 href="/fr/rb/1466051/cimetiere-jardin-du-souvenir"> 397 Cimetière - Jardin du Souvenir 398 </a> 399 400 401 402 403 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 404 href="/fr/rb/1116455/histoire-et-patrimoine-56"> 405 Histoire et Patrimoine 406 </a> 407 408 409 410 411 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 412 href="/fr/rb/1213617/nouvel-arrivant-4"> 413 Nouvel Arrivant 414 </a> 415 416 417 418 419 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 420 href="/fr/rb/2204633/etat-civil-214"> 421 ETAT CIVIL 422 </a> 423 424 425 426 427 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 428 href="/fr/rb/1173148/archives-14"> 429 Archives 430 </a> 431 432 433 434 </div> 435 </div> 436 </div> 437 </li> 438 439 440 <li class="nav-item dropdown"> 441 <a class="nav-link c_text h_text
441dropdown-toggle" href="#" id="menuDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 442 Infos pratiques 443 </a> 444 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2"> 445 446 <div class="mega-dropdown-menu"> 447 <div class="divider"> 448 449 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 450 href="/fr/rb/1812371/co-voiturage-2"> 451 Co-voiturage 452 </a> 453 454 455 456 457 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 458 href="/fr/rb/1114141/dechets-50"> 459 Déchets 460 </a> 461 462 463 464 465 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 466 href="/fr/rb/1151425/defibrillateur-9"> 467 Défibrillateur 468 </a> 469 470 471 472 473 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 474 href="/fr/rb/1171978/informations-de-la-gendarmerie"> 475 Informations de la gendarmerie 476 </a> 477 478 479 480 481 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 482 href="/fr/rb/1121993/ligne-de-car-1"> 483 Ligne de car 484 </a> 485 486 487 488 489 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 490 href="/fr/rb/1123904/numeros-utiles-191"> 491 Numéros utiles 492 </a> 493 494 495 496 497 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 498 href="/fr/rb/1737192/permanence-des-impots"> 499 Permanence des impôts 500 </a> 501 502 503 504 505 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 506 href="/fr/rb/1173226/piegeage-des-animaux-nuisibles"> 507 Piégeage des animaux nuisibles 508 </a> 509 510 511 512 513 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 514 href="/fr/rb/1123306/prevention-des-risques-3"> 515 Prévention des risques 516 </a> 517 518 519 520 521 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 522 href="/fr/rb/1123826/regles-de-bon-voisinage-5"> 523 Règles de bon voisinage 524 </a> 525 526 527 528 529 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 530 href="/fr/rb/1120368/petites-annonces-19"> 531 Petites annonces 532 </a> 533 534 535 536 537 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 538 href="/fr/rb/2413881/reglementation-chiens-1ere-et-2eme-categorie"> 539 Réglementation chiens 1ere et 2ème catégorie 540 </a> 541 542 543 544 </div> 545 </div> 546 </div> 547 </li> 548 549 550 <li class="nav-item dropdown"> 551 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 552 Enfance Jeunesse 553 </a> 554 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3"> 555 556 <div class="mega-dropdown-menu"> 557 <div class="divider"> 558 559 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 560 href="/fr/rb/1115948/assistantes-maternelles-139"> 561 Assistantes Maternelles 562 </a> 563 564 565 566 567 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 568 href="/fr/rb/1121109/creche-halte-garderie-1"> 569 Crèche / Halte-garderie 570 </a> 571 572 573 574 575 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 576 href="/fr/rb/1902929/relais-petite-enfance-rpe-7"> 577 Relais petite enfance (RPE) 578 </a> 579 580 581 582 583 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 584 href="/fr/rb/1743289/association-lis-moi-une-histoire"> 585 Association Lis moi une histoire 586 </a> 587 588 589 590 591 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 592 href="/fr/rb/1119588/ecoles-maternelle-et-primaire-4"> 593 Ecoles Maternelle et Primaire 594 </a> 595 596 597 598 599 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 600 href="/fr/rb/1930892/peri-scolaire-mercredi-et-centre-de-loisirs"> 601 Péri-scolaire, mercredi et centre de loisirs 602 </a> 603 604 605 606 607 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 608 href="/fr/rb/2391859/colleges-et-lycee-de-secteur"> 609 Collèges et Lycée de secteur 610 </a> 611 612 613 614 </div> 615 </div> 616 </div> 617 </li> 618 619 620 <li class="nav-item dropdown"> 621 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 622 Social 623 </a> 624 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4"> 625 626 <div class="mega-dropdown-menu"> 627 <div class="divider"> 628 629 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 630 href="/fr/rb/1139699/clic-buchy-cleres-darnetal"> 631 CLIC Buchy Clères Darnétal 632 </a> 633 634 635 636 637 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 638 href="/fr/rb/1139829/guide-entree-en-maison-de-retraite"> 639 Guide entrée en maison de retraite 640 </a> 641 642 643 644 645 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 646 href="/fr/rb/1139868/club-de-lamitie-4"> 647 Club de l'amitié 648 </a> 649 650 651
651 652 </div> 653 </div> 654 </div> 655 </li> 656 657 658 <li class="nav-item dropdown"> 659 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 660 Loisirs Associations 661 </a> 662 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5"> 663 664 <div class="mega-dropdown-menu"> 665 <div class="divider"> 666 667 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 668 href="/fr/rb/1121876/associations-109"> 669 Associations 670 </a> 671 672 673 674 675 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 676 href="/fr/rb/1121915/randonnees-30"> 677 Randonnées 678 </a> 679 680 681 682 </div> 683 </div> 684 </div> 685 </li> 686 687 688 <li class="nav-item dropdown"> 689 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown6" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 690 Environnement Urbanisme/travaux 691 </a> 692 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown6"> 693 694 <div class="mega-dropdown-menu"> 695 <div class="divider"> 696 697 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 698 href="/fr/rb/1209145/environnement-127"> 699 Environnement 700 </a> 701 702 703 704 705 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 706 href="/fr/rb/1209249/urbanisme-et-travaux-2"> 707 Urbanisme et travaux 708 </a> 709 710 711 712 713 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
714 href="/fr/rb/1579736/recensement-des-indices-de-cavites-souterraines"> 715 Recensement des indices de cavités souterraines 716 </a> 717 718 719 720 </div> 721 </div> 722 </div> 723 </li> 724 725 726 727 728 </ul> 729 </div> 730 </div> 731</nav> 732 733</header> 734 735<main role="main"> 736 <div class="main intern-page"> 737 738 739 740 741 742 743 744 745 746 <!-- Header --> 747 <header class="breadcrumb container d-flex align-items-center bg"> 748 <div class="ov"></div> 749 <div class="container"> 750 <h1 class="title dark c_title">Délégations et Commissions</h1> 751 <nav class="ariane c_text"> 752 <span><a href="/" class="font-weight-bold">Accueil</a></span> 753 / <a href="/">Votre Mairie</a> 754 / <a href="/fr/rb/2373373/delegations-et-commissions">Délégations et Commissions</a> 755 </nav> 756 </div> 757</header> 758 759 760 761 <!-- Contenu --> 762 <section class="container wrapper bg_wrapper c_wrapper"> 763 <div class="ov bgw"></div> 764 765 <div class="main-content dynamicContent"> 766 <div class="row"> 767 <div class="col col-md contenu"> 768 769 770 <div class="dynamicContent"> 771 <div class="row"> 772 <div class="col-sm-12" 773 style="background-color: "> 774 <p><br><span style="color:#8e44ad;"><strong><span style="font-size:16px;">REPRESENTATION AUPRES DES DIFFERENTES INSTANCES COMMUNAUTAIRES ET SYNDICATS</span></strong></span></p> 775 776 </div> 777 </div> 778 779 780 <div class="my-5"></div> 781 <div class="row"> 782 <div class="col-sm-3" 783 style="background-color: #AFF5F6"> 784 <p><span style="color:#2980b9;"><strong>COMMUNAUTà DE COMMUNES INTER CAUX VEXIN (C.C.I.C.V.) :</strong></span><br><br><strong>Délégué titulaire</strong>
784: M. BOY Vincent<br><strong>Délégué suppléant</strong> : Mme CAUCHOIS Marie-Line</p> 785 786 </div> 787 <div class="col-sm-3" 788 style="background-color: #FAFCFC"> 789 <p><span style="color:#2980b9;"><strong>SIAEPA DU CREVON </strong></span><br><br><strong>Délégués titulaires :</strong></p><ul><li>M. MAHIEUX Philippe<br type="_moz"></li><li>Mme VERLEYE Catherine<br type="_moz"></li></ul><p><br><strong>Délégué suppléant :</strong><br></p><ul><li>M. SCHNELL Pascal<br></li></ul> 790 791 </div> 792 <div class="col-sm-3" 793 style="background-color: #AFF5F6"> 794 <p><span style="color:#2980b9;"><strong>SYNDICAT DÃPARTEMENTAL DâÃNERGIE â SDE 76 </strong></span><br><br><strong>Déléguée titulaire :</strong> Mme CAUCHOIS Marie-Line<br><strong>Déléguée suppléante</strong> :·Mme JEANDEL Dominique</p> 795 796 </div> 797 <div class="col-sm-3" 798 style="background-color: #FAFCFC"> 799 <p><span style="color:#2980b9;"><strong>SIVOM de RY</strong></span><br><br><strong>Délégués titulaires :</strong></p><ul><li>M. BOY Vincent<br type="_moz"></li><li>Mme BOUST Denise</li><li>Mme PERTUZON Magalie</li></ul><p> <strong>Délégué suppléant :</strong><br></p><ul><li>M. LEGOY Martial<br></li></ul> 800 801 </div> 802 </div> 803 804 <div class="my-5"></div> 805 <div class="row"> 806 <div class="col-sm-3" 807 style="background-color: "> 808 <p><span style="color:#2980b9;"><strong>AIPA SSIAD DE RY</strong></span><br><br><strong>Déléguée titulaire</strong> : Mme CAUCHOIS Marie-Line<br><strong>Déléguée suppléante</strong> : Mme PERTUZON Magalie</p> 809 810 </div> 811 <div class="col-sm-3" 812 style="background-color: rgb(175, 245, 246)"> 813 <p><span style="color:#2980b9;"><strong>COMMISSION DâAPPEL DâOFFRES</strong></span><br><br><strong>Trois membres titulaires :</strong></p><ul><li>M. MAHIEUX Philippe<br type="_moz"></li><li>M. LEGOY Martial</li><li>Mme PERTUZON Magalie<br type="_moz"></li></ul><p>T<strong>rois membres suppléants :</strong></p><ul><li>Mme VERLEYE Catherine<br type="_moz"></li><li>Mme BOUST Denise</li><li>M. DAUFRESNE Adrien<br><br></li></ul> 814 815 </div> 816 <div class="col-sm-3" 817 style="background-color: "> 818 <br> 819 820 </div> 821 <div class="col-sm-3" 822 style="background-color: #AFF5F6"> 823 <p><span style="color:#8e44ad;"><strong>CORRESPONDANTS ET RÃFÃRENTS :</strong></span><br><br><strong>Ministère de la DÃFENSE </strong>: Correspondant Défense : M. DAUFRESNE Adrien<br><strong>Défense incendie </strong>: Correspondant Incendie Secours : M. LEGOY Martial<br><strong>Collectivités forestières Normandie </strong>: Référent forêt-bois : M. MASSON Stéphane</p> 824 825 </div> 826 </div> 827 828 <div class="my-5"></div> 829 <div class="row"> 830 <div class="col-sm-12" 831 style="background-color: "> 832 <p><br><span style="font-size:16px;"><span style="color:#8e44ad;"><strong>LES DIFFERENTES COMMISSIONS DE LA COMMUNE</strong></span></span></p> 833 834 </div> 835 </div> 836 837 838 <div class="my-5"></div> 839 <div class="row"> 840 <div class="col-sm-3" 841 style="background-color: #F4DAB9"> 842 <p><span style="color:#2980b9;"><strong>Commission des Finances </strong></span>:<br><br>Mme CAUCHOIS Marie-Line<br>M. MAHIEUX Philippe<br>Mme BOUST Denise<br>Mme PERTUZON Magalie<br>M. SCHNELL Pascal<br><br></p> 843 844 </div> 845 <div class="col-sm-3" 846 style="background-color: "> 847 <p><span style="color:#2980b9;"><strong>Commission Urbanisme :</strong></span><br><br>M. MAHIEUX Philippe<br>Mme BOUST Denise<br>M. LEGOY Martial<br>M. MASSON Stéphane<br>Mme VERLEYE Catherine</p> 848 849 </div> 850 <div class="col-sm-3" 851 style="background-color: #F4DAB9"> 852 <p><span style="color:#2980b9;"><strong>Commission Projets â Travaux bâtiments - voirie :</strong></span><br><br>M. MAHIEUX Philippe<br>Mme BOUST Denise<br>Mme JEANDEL Dominique<br>M. LEGOY Martial<br>M. MASSON Stéphane<br>Mme PERTUZON Magalie</p> 853 854 </div> 855 <div class="col-sm-3" 856 style="background-color: "> 857 <p><span style="color:#2980b9;"><strong>Commission Eglise-Cimetière :</strong></span><br><br>Mme CAUCHOIS Marie-Line<br>Mme BOUST Denise<br>M. DAUFRESNE Adrien<br>M. LEGOY Martial<br>Mme VERLEYE Catherine</p> 858 859 </div> 860 </div> 861 862 <div class="my-5"></div> 863 <div class="row"> 864 <div class="col-sm-3" 865 style="background-color: "> 866 <p><span style="color:#2980b9;"><strong>Commission Animation-Information : </strong></span><br><br>Mme CAUCHOIS Marie-Line<br>Mme BOUST Denise<br>Mme JEANDEL Dominique<br>Mme PERTUZON Magalie<br>M. SCHNELL Pascal<br><br><span style="color:#2980b9;"><strong>Site Internet de la Commune : </strong></span><br>Référent titulaire : Mme VERLEYE Catherine Référent suppléant : M. SCHNELL Pascal</p> 867
867 868 </div> 869 <div class="col-sm-3" 870 style="background-color: #F4DAB9"> 871 <p><span style="color:#2980b9;"><strong>Commission Action Sociale : </strong></span><br><br>Mme BOUST Denise<br>Mme JEANDEL Dominique</p> 872 873 </div> 874 <div class="col-sm-3" 875 style="background-color: "> 876 <p><span style="color:#2980b9;"><strong>Commission Plan Communal de Sauvegarde : </strong></span><br><br>Mme CAUCHOIS Marie-Line <br>Mme BOUST Denise<br>M. LEGOY Martial</p> 877 878 </div> 879 <div class="col-sm-3" 880 style="background-color: "> 881 <p><br><br></p> 882 883 </div> 884 </div> 885 886 <div class="my-5"></div> 887 <hr> 888 </div> 889 </div> 890 891 892 </div> 893 </div> 894 </section> 895 896 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 897 <div class="modal-dialog" role="document"> 898 <div class="modal-content"> 899 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
900 <span aria-hidden="true">×</span> 901 </button> 902 903 <embed type="application/pdf"> 904 </div> 905 </div> 906</div> 907 </div> 908 909</main> 910 911 <div id="previewModalImage" class="modal"> 912 913 <!-- The Close Button --> 914 <span id="closePreviewImage" class="close">×</span> 915 916 <!-- Navigation Buttons --> 917 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 918 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 919 920 <!-- Image Counter --> 921 <div id="imageCounter" class="image-counter"></div> 922 923 <!-- Modal Content (The Image) --> 924 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 925 926 <!-- Modal Caption (Image Text) --> 927 <div id="captionPreviewImage"></div> 928 </div> 929 930
930<script> 931 (function() { 932 const modal = document.getElementById('previewModalImage'); 933 const modalImg = modal.querySelector('img'); 934 const captionText = document.getElementById('captionPreviewImage'); 935 const closePreviewImage = document.getElementById('closePreviewImage'); 936 const prevBtn = document.getElementById('prevImage'); 937 const nextBtn = document.getElementById('nextImage'); 938 const imageCounter = document.getElementById('imageCounter'); 939 940 let currentImages = []; 941 let currentIndex = 0; 942 943 function toggleElement(element, show) { 944 if (element) element.style.display = show ? 'block' : 'none'; 945 } 946 947 function updateModal(index) { 948 if (currentImages.length === 0) return; 949 currentIndex = index; 950 const img = currentImages[currentIndex]; 951 modalImg.setAttribute('src', img.src); 952 modalImg.setAttribute('alt', img.alt || ''); 953 captionText.innerHTML = img.alt || ''; 954 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 955 const showNav = currentImages.length > 1; 956 toggleElement(prevBtn, showNav); 957 toggleElement(nextBtn, showNav); 958 toggleElement(imageCounter, showNav); 959 } 960 961 function showNext() { 962 if (currentImages.length === 0) return; 963 currentIndex = (currentIndex + 1) % currentImages.length; 964 updateModal(currentIndex); 965 } 966 967 function showPrev() { 968 if (currentImages.length === 0) return; 969 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 970 updateModal(currentIndex); 971 } 972 973 function closest(element, selector) { 974 if (!element) return null; 975 if (selector.startsWith('.')) { 976 const className = selector.slice(1); 977 let current = element; 978 while (current && current !== document) { 979 if (current.classList && current.classList.contains(className)) return current; 980 current = current.parentElement; 981 } 982 } 983 return null; 984 } 985 986 document.addEventListener('click', function(e) { 987 const target = e.target; 988 if (target.tagName === 'IMG' && 989 (target.classList.contains('img') || target.classList.contains('main-img')) && 990 closest(target, '.splide')) { 991 const clickedSlide = closest(target, '.splide__slide'); 992 if (!clickedSlide) return; 993 const splideList = closest(clickedSlide, '.splide__list'); 994 if (!splideList) return; 995 const allSlides = splideList.querySelectorAll('.splide__slide'); 996 currentImages = []; 997 const seenSrcs = new Set(); 998 const clickedSrc = target.src; 999 allSlides.forEach(function(slide) { 1000 const slideImg = slide.querySelector('.img, .main-img'); 1001 if (slideImg && !seenSrcs.has(slideImg.src)) { 1002 seenSrcs.add(slideImg.src); 1003 currentImages.push(slideImg); 1004 } 1005 }); 1006 currentIndex = currentImages.findIndex(function(img) { return img.src === clickedSrc; }); 1007 if (currentIndex === -1) currentIndex = 0; 1008 updateModal(currentIndex); 1009 modal.style.display = 'block'; 1010 } 1011 }); 1012 1013 if (nextBtn) nextBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showNext(); }); 1014 if (prevBtn) prevBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); showPrev(); }); 1015 1016 document.addEventListener('keydown', function(e) { 1017 const isModalVisible = modal.style.display === 'block' || window.getComputedStyle(modal).display !== 'none'; 1018 if (isModalVisible && modal.style.display !== 'none') { 1019 if (e.key === 'ArrowRight' || e.keyCode === 39) { e.preventDefault(); showNext(); } 1020 else if (e.key === 'ArrowLeft' || e.keyCode === 37) { e.preventDefault(); showPrev(); } 1021 else if (e.key === 'Escape' || e.keyCode === 27) { e.preventDefault(); e.stopPropagation(); modal.style.display = 'none'; } 1022 } 1023 }); 1024 1025 if (closePreviewImage) closePreviewImage.addEventListener('click', function() { modal.style.display = 'none'; }); 1026 modal.addEventListener('click', function(e) { if (e.target === modal) modal.style.display = 'none'; }); 1027 })(); 1028 </script>
1028 1029 1030 1031 1032 1033<div class="social-media bg c_text"> 1034 <div class="ov"></div> 1035 <ul> 1036 </ul> 1037</div> 1038 1039 1040<!-- Footer --> 1041<footer role="contentinfo" class="footer bg"> 1042 <div class="ov"></div> 1043 <div class="container d-flex flex-wrap justify-content-between"> 1044 <div class="footer-box"> 1045 <h2 class="title c_title d_title btn-line"><a 1046 href="/fr/ct/279190/contact-mairie" class="title">Contact Mairie</a></h2> 1047<div class="contact c_text"> 1048 <p class="font-weight-bold mb-0">Commune de Grainville sur RY</p> 1049 <p class="mb-0">275, rue du Bois Aubry</p> 1050 <p class="mb-0">76116 Grainville-sur-Ry - FRANCE</p> 1051 <p class="mb-0"><a href="tel:+33235235453">+33 2 35 23 54 53</a> 1052 </p> 1053 <p class="mb-0"><a class="btn btn-primary d-inline-block footer-btn c_btn bg_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a> 1054 </p> 1055 1056 </div> 1057 1058 1059 1060 <div class="btn-espace-reserve"> 1061 </div> 1062 1063 1064 1065 </div> 1066 1067 <div class="footer-box"> 1068 <h2><a href="/fr/lk/279385/liens-246" 1069 class="title btn-line light d-inline-block c_title d_title">Liens</a></h2> 1070 1071 <p class="c_text"> 1072 <a href="https://www.intercauxvexin.fr/fr/" target="_blank">Communauté de Communes Inter-Caux Vexin (CCICV)</a> 1073 <a href="https://www.normandie-caux-vexin.com/fr/" target="_blank">Office de Tourisme Normandie-Caux-Vexin</a> 1074 <a href="https://www.seine-maritime.gouv.fr/" target="_blank">Département de Seine-Maritime</a> 1075 <a href="https://sivom-de-ry.fr/" target="_blank">SIVOM de RY</a> 1076 </p> 1077</div> 1078 1079 1080 1081 </div> 1082 <div class="mt-3 container d-flex flex-wrap position-relative c_text"> 1083 <p class="mr-2 c_text"><a href="/fr/li/279229/mentions-legales-255">Mentions légales</a> 1084</p>- 1085 <p class="ml-2 mr-2 c_text"><a href="/fr/279229/politique-confidentialite">Politique de confidentialité</a> 1086</p>- 1087 <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a> 1088</p>- 1089 1090 <p class="ml-2 mr-2 c_text"><a href="/fr/sm/14370/plan-du-site-1" >Plan du site</a></p>- 1091 <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 1092 </div> 1093</footer> 1094 1095<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="contactFormContactFooter-label" aria-hidden="true" 1096 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 1097 <div class="modal-dialog" role="document"> 1098 <div class="modal-content"> 1099 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1100 <span aria-hidden="true">×</span> 1101 </button> 1102 1103 <div class="modal-header bg_bloc"> 1104 <h5 id="contactFormContactFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact Mairie</h5> 1105 </div> 1106 <form id="contactFormFooter" action="/formMdContact" method="post" 1107 novalidate enctype="multipart/form-data"> 1108 <div class="modal-body pb-0"> 1109 1110 <div class="form-select"> 1111 <div><label for="exampleFormControlSelect1" 1112 class="font-weight-bold mr-1">Destinataire du message</label><span>*</span> 1113 </div> 1114 <div class="d-flex align-items-end"> 1115 <select class="form-control" id="exampleFormControlSelect1" name="1_select"> 1116 <option value="0">Aucune sélection</option> 1117 <option value="accueil de la mairie">accueil de la mairie</option> 1118 <option value="Administrateur du site">Administrateur du site</option> 1119 </select> 1120 </div> 1121 <span class="form-error requirements" id="1_select-error" role="alert">Ce champ est obligatoire</span> 1122</div> <div class="form-group"> 1123 <div><label for="2_input" id="2_inputLabel">Votre Nom</label><span>*</span></div> 1124 <input type="text" name="2_input" class="form-control" id="2_input" 1125 aria-describedby="2_inputLabel">
1126 <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span> 1127</div> 1128 <div class="form-group"> 1129 <div><label for="3_input" id="3_inputLabel">Votre Prénom</label><span></span></div> 1130 <input type="text" name="3_input" class="form-control" id="3_input" 1131 aria-describedby="3_inputLabel"> 1132 <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span> 1133</div> 1134 <div class="form-group"> 1135 <div><label for="4_input" id="4_inputLabel">Sujet de votre message</label><span>*</span></div> 1136 <input type="text" name="4_input" class="form-control" id="4_input" 1137 aria-describedby="4_inputLabel"> 1138 <span class="form-error requirements" id="4_input-error" role="alert">Ce champ est obligatoire</span> 1139</div> 1140 <div class="form-group"> 1141 <div><label for="5_textarea">Votre message</label><span>*</span> 1142 </div> 1143 <textarea name="5_textarea" class="form-control" id="5_textarea" rows="3"></textarea> 1144 <span class="form-error requirements" id="5_textarea-error" role="alert">Ce champ est obligatoire</span> 1145</div> <div class="field-wrapper"> 1146 <div><label for="6_email" class="font-weight-bold mr-1">Joindre un fichier</label><span></span></div> 1147 <div class="d-flex align-items-center"> 1148 <div class="form-group col-10 col-md-10 mb-0 px-0"> 1149 <div class="upload-btn-wrapper"> 1150 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 1151 <input type="file" name="6_file" id="6_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 1152 </div> 1153 </div> 1154 </div> 1155 1156 <div> 1157 <ul class="listFiles"> 1158 1159 </ul> 1160 </div> 1161 <span class="form-error requirements" id="6_file-error" role="alert">Ce champ est obligatoire</span> 1162</div> 1163 <div class="form-group"> 1164 <div><label for="7_email" id="7_emailLabel">Votre adresse mail</label><span>*</span></div> 1165 <input type="email" name="7_email" class="form-control" id="7_email" aria-describedby="7_emailLabel" /> 1166 <span class="form-error requirements" id="7_email-error" role="alert">Ce champ est obligatoire</span> 1167</div> 1168 <div class="field-wrapper"> 1169 <div><label class="control-label generalLabel font-weight-bold mr-1">Recevoir une copie de votre message </label><span>*</span></div> 1170 1171 <div class="form-check d-block"> 1172 <label class="form-check-label"><input class="form-check-input" type="checkbox" name="8_check_list[]" value="OUI">OUI<span 1173 class="form-check-sign"><span class="check"></span></span></label> 1174 </div> 1175 <div class="form-check d-block"> 1176 <label class="form-check-label"><input class="form-check-input" type="checkbox" name="8_check_list[]" value="NON">NON<span 1177 class="form-check-sign"><span class="check"></span></span></label> 1178 </div> 1179 <span class="form-error requirements" id="8_check_list-error" role="alert">Ce champ est obligatoire</span> 1180</div> 1181 <div class="form-group"> 1182 <div class="h-recaptcha m-auto d-inline-block"></div> 1183 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 1184 </div> 1185</div> </div> 1186 <div class="modal-footer"> 1187 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 1188 </div> 1189 <div class="m-3"> 1190 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 /> 1191Vos 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 /> 1192<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 /> 1193<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 1194<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 /> 1195<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. 1196 </div> 1197 </form> 1198 1199 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 1200 <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> 1201 </div> 1202 </div> 1203 </div> 1204</div> 1205 1206<div class="footer-bottom" style="position: relative;"> 1207 <div class="container"> 1208 <p> 1209 1210 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 1211 <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1212 Site créé en partenariat avec Réseau des Communes 1213 </a> 1214 </p> 1215 </div> 1216</div> 1217<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 1218 <div class="modal-dialog" role="document"> 1219 <div class="modal-content"> 1220 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1221 <span aria-hidden="true">×</span> 1222 </button> 1223 1224 <embed type="application/pdf"> 1225 </div> 1226 </div> 1227</div> 1228 1229 1230
1230<script src="/js/vendor/popper.min.js"></script>
1230 1231
1231<script src="/js/vendor/bootstrap.min.js"></script>
1231 1232 1233 <!-- Carousel --> 1234
1234<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1234 1235 1236
1236<script src='/dist/slick/slick.js'></script>
1236 1237
1237<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1237 1238 1239
1239<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1239 1240
1240<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1240 1241 1242
1242<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1242 1243 1244
1244<script src='/dist/pagination.min.js'></script>
1244 1245 1246
1246<script src="/js/shared.js?v1"></script>
1246 1247
1247<script src="/tpl/5/js/main.js"></script>
1247 1248
1248<script src="/lib/chartjs/Chart.js"></script>
1248 1249
1249<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1249 1250 1251 1252 1253 1254 1255 1256 1257 1258
1258<script type="text/javascript"> 1259 1260 tarteaucitron.user.matomoId = 6; 1261 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1262 1263 1264 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1265 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1266 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1267 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1268 1269 </script>
1269 1270 1271
1271<script src="/js/slick/slick.js"></script>
1271 1272 1273
1273<script type="text/javascript"> 1274 $(function () { 1275 $('.titleButtonForm').on('click', function () { 1276 console.log($(this).attr("data-target")); 1277 $('#' + $(this).attr("data-target") + '').modal('show'); 1278 }); 1279 1280 1281 $('.form-error').hide(); 1282 1283 $('.contactContentForm').submit(function (e) { 1284 let form = $(this); 1285 let modal = form.closest('.modal'); 1286 1287 $.ajax({ 1288 type: "POST", 1289 url: form.attr('action'), 1290 data: new FormData(form[0]), 1291 contentType: false, 1292 processData: false, 1293 beforeSend: function () { 1294 form.find('.form-error').hide(); 1295 form.find('.buttonContactFormContent').attr('disabled', true); 1296 }, 1297 success: function (response) { 1298 hcaptcha.reset(); 1299 1300 if (response.status === 'KO') { 1301 let errors = response.errors; 1302 for (let index in errors) { 1303 if (errors.hasOwnProperty(index)) { 1304 let attr = errors[index]; 1305 let error = attr[Object.keys(attr)[0]]; 1306 form.find('#' + index + '-error').text(error).show(); 1307 } 1308 } 1309 } 1310 else { 1311 1312 form.css('display', 'none'); 1313 modal.find('.messageSendedForm').css('display', ''); 1314 form[0].reset(); 1315 } 1316 }, 1317 complete: function () { 1318 form.find('.buttonContactFormContent').prop('disabled', false); 1319 } 1320 }); 1321 1322 return false; 1323 }); 1324 1325 $('.contactFormModal').on('hidden.bs.modal', function () { 1326 $(this).find('form')[0].reset(); 1327 $('#contactFormFooter')[0].reset(); 1328 1329 $(this).find('form').css('display', ''); 1330 $('#contactFormFooter').css('display', ''); 1331 1332 $(this).find('.messageSendedForm').css('display', 'none'); 1333 1334 $('.form-error').hide(); 1335 1336 $('.listFiles').empty(); 1337 1338 hcaptcha.reset(); 1339 }); 1340 1341 }); 1342 </script>
1342 1343 1344 1345
1345<script type="text/javascript"> 1346 $(function () { 1347 var carousels = $('div[class*="testCarousel"]'); 1348// gestion chargement slide slick 1349 carousels.each(function () { 1350 1351 if ($(this).attr("data-type-slide") === 'simpleCarousel') { 1352 1353 $(this).slick(); 1354 } 1355 else if ($(this).attr("data-type-slide") === 'multipleCarousel') { 1356 $(this).slick({ 1357 infinite: true, 1358 slidesToShow: 3, 1359 slidesToScroll: 3, 1360 responsive: [ 1361 { 1362 breakpoint: 1024, 1363 settings: { 1364 slidesToShow: 3, 1365 slidesToScroll: 3, 1366 infinite: true, 1367 dots: true 1368 } 1369 }, 1370 { 1371 breakpoint: 600, 1372 settings: { 1373 slidesToShow: 2, 1374 slidesToScroll: 2 1375 } 1376 }, 1377 { 1378 breakpoint: 480, 1379 settings: { 1380 slidesToShow: 1, 1381 slidesToScroll: 1 1382 } 1383 } 1384 ] 1385 }); 1386 1387 } 1388 else if ($(this).attr("data-type-slide") === 'responsiveCarousel') { 1389 $(this).slick({ 1390 dots: true, 1391 infinite: false, 1392 speed: 300, 1393 slidesToShow: 4, 1394 slidesToScroll: 4, 1395 responsive: [ 1396 { 1397 breakpoint: 1024, 1398 settings: { 1399 slidesToShow: 3, 1400 slidesToScroll: 3, 1401 infinite: true, 1402 dots: true 1403 } 1404 }, 1405 { 1406 breakpoint: 600, 1407 settings: { 1408 slidesToShow: 2, 1409 slidesToScroll: 2 1410 } 1411 }, 1412 { 1413 breakpoint: 480, 1414 settings: { 1415 slidesToShow: 1, 1416 slidesToScroll: 1 1417 } 1418 } 1419 ] 1420 }); 1421 1422 } 1423 else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') { 1424 $(this).slick({ 1425 dots: true, 1426 infinite: true, 1427 speed: 300, 1428 slidesToShow: 1, 1429 adaptiveHeight: true 1430 }); 1431 1432 } 1433 else if ($(this).attr("data-type-slide") === 'centerCarousel') { 1434 $(this).slick({ 1435 centerMode: true, 1436 centerPadding: '60px', 1437 slidesToShow: 3, 1438 responsive: [ 1439 { 1440 breakpoint: 768, 1441 settings: { 1442 arrows: false, 1443 centerMode: true, 1444 centerPadding: '40px', 1445 slidesToShow: 3 1446 } 1447 }, 1448 { 1449 breakpoint: 480, 1450 settings: {
1451 arrows: false, 1452 centerMode: true, 1453 centerPadding: '40px', 1454 slidesToShow: 1 1455 } 1456 } 1457 ] 1458 }); 1459 1460 } 1461 else if ($(this).attr("data-type-slide") === 'fadeCarousel') { 1462 $(this).slick({ 1463 dots: true, 1464 infinite: true, 1465 speed: 500, 1466 fade: true, 1467 cssEase: 'linear' 1468 }); 1469 } 1470 1471 // if ($(this).hasClass('autoPlay')) { 1472 // $('#' + $(this).attr('id') + '').slick('slickSetOption', { 1473 // autoplay: true, 1474 // autoplaySpeed: 2000 1475 // }, true); 1476 // } 1477 1478 $(this).removeAttr('style'); 1479 }); 1480 1481 var allHtmlCode = $('.contentHtml'); 1482 1483 allHtmlCode.each(function (element) { 1484 var htmlCode = $(this).attr('data-code'); 1485 1486 if(htmlCode != '' && htmlCode != undefined){ 1487 $(this).removeClass('col-md-8'); 1488 $(this).empty(); 1489 1490 addWidgetHtml(htmlCode,$(this)); 1491 } 1492 1493 1494 }); 1495 1496 async function addWidgetHtml(htmlCode,element){ 1497 element.replaceWith(htmlCode); 1498 } 1499 // 1500 // setTimeout(function(){ 1501 // $('.contentHtml').each(function(element){ 1502 // var htmlCode = $(this).attr('data-code'); 1503 // 1504 // if(htmlCode.includes('apidae')){ 1505 // let idWidget = $(this).find($('#widgit')); 1506 // 1507 // $(this).find('.w_large').remove(); 1508 // 1509 // $(this).find('div').addClass('w_large'); 1510 // } 1511 // }); 1512 // }, 3000); 1513 1514 let allIframe = $('iframe'); 1515 1516 allIframe.each(function(element){ 1517 var urlVideo = $(this).attr('src'); 1518 let $this = $(this); 1519 1520 if(urlVideo != "" || urlVideo != undefined){ 1521 let newUrl = urlVideo.split('/'); 1522 let currentIdVideo = newUrl[newUrl.length-1]; 1523 1524 1525 if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){ 1526 1527 $.ajax({ 1528 url: '/getVideoTitle', 1529 type: 'POST', 1530 data: { 1531 video_id: currentIdVideo, 1532 platform: 'Y' 1533 }, 1534 success: function(data){ 1535 let title = data['title']; 1536 $this.attr('title',title); 1537 } 1538 }); 1539 } 1540 else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){ 1541 1542 $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) { 1543 let title = data['title']; 1544 $this.attr('title',title); 1545 }); 1546 } 1547 else if(urlVideo.includes('vimeo')){ 1548 1549 $.ajax({ 1550 url: '/getVideoTitle', 1551 type: 'POST', 1552 data: { 1553 video_id: currentIdVideo, 1554 platform: 'V' 1555 }, 1556 success: function(data){ 1557 let title = data['title']; 1558 $this.attr('title',title); 1559 } 1560 }); 1561 } 1562 } 1563 }); 1564 }); 1565 </script>
1565 1566 1567
1567<script type="text/javascript"> 1568 </script>
1568 1569
1570<script> 1571 (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){ 1572 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1573 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1574 })(window,document,'script','//eum.instana.io/eum.min.js','ineum'); 1575 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 1576 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 1577 1578 // set the name of a page on which this load/errors/calls happened 1579 ineum('page', 'front-site'); 1580</script>
1580 1581
1582<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1582 1583
1584<script type="text/javascript"> 1585 var CaptchaCallback = function () { 1586 $('.h-recaptcha').each(function (index, el) { 1587 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1588 }); 1589 }; 1590</script>
1590 1591
1592<script> 1593 $(document).ready(function () { 1594 1595 $('.selectpicker').selectpicker(); 1596 1597 var input = $('input[type=file]'); 1598 1599 input.on('change', function () { 1600 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1601 list.empty(); 1602 1603 for (var x = 0; x < this.files.length; x++) { 1604 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1605// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1606 list.append(newFile); 1607 } 1608 }); 1609 1610 $('.form-error').hide(); 1611 $('#contactFormFooter').submit(function (e) { 1612 let form = $(this); 1613 1614 $.ajax({ 1615 type: "POST", 1616 url: form.attr('action'), 1617 data: new FormData(form[0]), 1618 contentType: false, 1619 processData: false, 1620 beforeSend: function () { 1621 form.find('.form-error').hide(); 1622 $('.formContactForm').attr('disabled', true); 1623 }, 1624 success: function (response) { 1625 hcaptcha.reset(); 1626 1627 if (response.status === 'KO') { 1628 let errors = response.errors; 1629 for (let index in errors) { 1630 if (errors.hasOwnProperty(index)) { 1631 let attr = errors[index]; 1632 let error = attr[Object.keys(attr)[0]]; 1633 form.find('#' + index + '-error').text(error).show(); 1634 } 1635 } 1636 } 1637 else { 1638 1639 $('#contactFormFooter').css('display', 'none'); 1640 $('#messageSendedFormContactFooter').css('display', ''); 1641 form[0].reset(); 1642 } 1643 }, 1644 complete: function () { 1645 1646 $('.formContactForm').removeAttr('disabled'); 1647 } 1648 }); 1649 1650 return false; 1651 }); 1652 1653 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1654 $('#contactFormFooter')[0].reset(); 1655 1656 $('#contactFormFooter').css('display', ''); 1657 1658 $('#messageSendedFormContactFooter').css('display', 'none'); 1659 1660 $('.form-error').hide(); 1661 1662 $('.listFiles').empty(); 1663 1664 hcaptcha.reset(); 1665 }); 1666 1667 1668 }); 1669 1670 function humanFileSize(size) { 1671 var i = Math.floor(Math.log(size) / Math.log(1024)); 1672 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1673 } 1674</script>
1674 1675
1676<script> 1677 $(function () { 1678 1679 1680 var numberAlerts = false; 1681 1682 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1683 1684 numberAlerts = allAlerts.length; 1685 1686 allAlerts.each(function (e) { 1687 1688 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1689 $('#alertsModal').modal('show'); 1690 } else { 1691 $(this).remove(); 1692 numberAlerts = numberAlerts - 1; 1693 setActiveAndDecrementNumber(); 1694 } 1695 1696 }); 1697 1698 $('.acceptCookiesAlerts').on('click', function (e) { 1699 e.preventDefault(); 1700 1701 var currentDataId = $(this).attr('data-id'); 1702 1703 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1704 1705 numberAlerts = numberAlerts - 1; 1706 1707 var currentParentNode = $(this).parent().parent().parent(); 1708 1709 currentParentNode.removeClass('active'); 1710 currentParentNode.remove(); 1711 1712 setActiveAndDecrementNumber(); 1713 1714 }); 1715 1716 function setActiveAndDecrementNumber() { 1717 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1718 1719 newListOfAlerts.each(function (index, e) { 1720 if (index == 0) { 1721 $(this).addClass('active'); 1722 } 1723 }); 1724 1725 if (numberAlerts == 0) { 1726 $('#alertsModal').modal('hide'); 1727 } 1728 } 1729 1730 var currentColorControl = '#212529'; 1731 1732 $('#controlPrev').css('color', 'initial !important'); 1733 $('#controlNext').css('color', 'initial !important'); 1734 $('#controlPrev').on('mouseover', function () { 1735 1736 $(this).css('color', 'initial !important'); 1737 }); 1738 1739 $('#controlNext').on('mouseover', function () { 1740 1741 $(this).css('color', 'initial !important'); 1742 }); 1743 1744 }); 1745</script>
1745 1746</body> 1747</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.