1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Plan/Accès - Commune de Colleville 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 "tarteaucitronForceLanguage" : 'fr', 47 48 }); 49 </script>
49 50 51 52<meta name="Description" content=""> 53<meta name="Keywords" content=""> 54<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 55<meta charset="UTF-8"> 56 57 58 59 <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/2933/site/24/73/75/2473756d8b1fc89695032d5913d9ae3011d42b20.png?v=v1"> 60 <link rel="icon" href="https://static.neopse.com/thumbs/p/2933/site/24/73/75/2473756d8b1fc89695032d5913d9ae3011d42b20.png?v=v1"> 61 <link rel="preconnect" href="https://fonts.googleapis.com"> 62 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 63 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet"> 64 <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"> 65 66 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 67 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 68 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 69 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 70 <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'> 71 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 72 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 73 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" /> 74 <link href="/tpl/3/css/style.css" rel="stylesheet" type='text/css'> 75 76 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 77 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 78 79 <style class="notranslate" title="customCss" type="text/css" rel="stylesheet">.bg_bloc { background-color: #FAFAFA !important; } .table td, .table, .table thead th { border-color: #FAFAFA !important; } .bg_bloc .dropdown-toggle,.bg_bloc .dropdown-menu {background-color: #FAFAFA !important;border-color: #FAFAFA !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: #FAFAFA !important;} .fc-unthemed thead.fc-head,.fc-unthemed .fc-popover .fc-header{ background-color: #FAFAFA !important; } .fc-unthemed td.fc-today{background: #FAFAFA !important;} .cookies .btn{ color: #FAFAFA !important; }body { background-color: #34455E; }body { background-image: url(https://static.neopse.com/medias/p/2933/site/c6/f0/11/c6f01118bd07781ca0a4515cc0e4a579b2c4e421.jpg?v=v1); background-position: center; background-repeat: repeat; }.bg_wrapper { background-color: #FFFFFF !important; }.text_bloc, .bg_bloc .c_text, .bg_bloc, .bg_bloc a, .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after { color: #000000 !important; } .fc-unthemed thead.fc-head{ color: #000000 !important; } .fc-unthemed td.fc-today{ color: #000000 !important;} .cookies .btn{ background-color: #000000 !important; }.c_btn { color: #FFFFFF; } .c_btn:hover, .c_btn:focus, .c_btn:active { color: #FFFFFF; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #FFFFFF !important;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{border-color: #FFFFFF !important;opacity: 0.5;} .slick-dots .slick-active button{background-color: #FFFFFF !important;} .slick-dots li button{border-color: #FFFFFF;} .fc-event .fc-title, .fc-event-container{ color: #FFFFFF !important; } .fc-event{ color: #FFFFFF;}.footer.bg { background-color: #273548; }
79nav.navbar.bg,.searchbar input,.searchbar input:focus {background-color: #273548}body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text { color: #000000; } .slick-prev:before, .slick-next:before { color: #000000; } .c_text.navbar-toggler{ border-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;}.footer .c_btn { color: #FFFFFF; }.navbar .c_btn, .navbar .c_btn:hover, .navbar .c_btn:focus, .navbar .c_btn:active, .social-media .c_btn, .social-media .c_btn:hover, .social-media .c_btn:focus, .social-media .c_btn:active { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #34455E; }.footer .c_text { color: #FFFFFF; }nav.navbar .c_text, nav.navbar .c_text i, .searchbar input,.searchbar input:focus,.searchbar input::placeholder {color:#FFFFFF} .navbar-toggler.c_text{ border-color: #FFFFFF !important; }nav.navbar .h_text:hover { color: #FFFFFF; }.footer .c_title { color: #FFFFFF; }.breadcrumb.bg { background-color: rgb(255,255,255); }.breadcrumb.bg { background-image: url(https://static.neopse.com/medias/p/2933/site/7b/02/78/7b02781c46d1ae9e01154f2cdd3cac29228f3900.jpg?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #FFFFFF; } .navigation .dropdown-menu .dropdown-divider.c_text { border-color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #273548; }nav.navbar .h_text:hover { background-color: #34455E; }.bg_btn { background-color: #253062; border-color: #253062; } .fc-event{ background-color: #253062 !important; border-color: #253062 !important; }#w_3ghao0k8d .bg { background-color: #FFFFFF; }#w_47awelo5k .bg { background-color: #FFFFFF; }#w_aktw31gfa .bg { background-color: rgba(255,255,255,0); }#w_enqstbz2a .bg { background-color: #FFFFFF; }#w_h8pv9r8wn .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: #FFFFFF; } #w_headline .c_btn:before { background-color: #FFFFFF !important; }#w_kuz5m4cb6 .bg { background-color: rgba(52,69,94,0); }#w_niyu0btjl .bg { background-color: #FFFFFF; }#w_orw0iota5 .bg { background-color: #FFFFFF; }#w_t92hz2e84 .bg { background-color: #FFFFFF; }#w_tgi8bmtu1 .bg { background-color: #273548; }#w_uipmmn6jx .bg { background-color: rgba(255,255,255,0); }#w_y35tvzwd1 .bg { background-color: rgba(255,255,255,0); }#w_yjds7sn63 .bg { background-color: #FFFFFF; }#w_zgymr0zls .bg { background-color: #253062; }.breadcrumb.bg .c_text { color: #FFFFFF; }.footer .bg_btn { background-color: #253062; border-color: #253062; }.navbar .bg_btn { background-color: header_btnBackground; border-color: #253062; } .social-media.bg_btn { background-color: #253062; } .navbar input,.navbar input:focus { border-color: #253062; }nav.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#w_3ghao0k8d .owl-theme .owl-dots .owl-dot.active span, #w_3ghao0k8d .owl-theme .owl-dots .owl-dot:hover span { background: #34455E !important; } #w_3ghao0k8d .owl-theme .owl-dots .owl-dot span{ border-color: #34455E !important; }#w_47awelo5k .c_btn { color: #34455E; } #w_47awelo5k .c_btn:before { background-color: #34455E !important; } #w_47awelo5k .slick-dots .slick-active button{background-color: #34455E !important;} #w_47awelo5k .slick-dots li button{border-color: #34455E;}#w_aktw31gfa .c_btn { color: rgba(52,69,94,0); } #w_aktw31gfa .c_btn:before { background-color: rgba(52,69,94,0) !important; } #w_aktw31gfa .slick-dots .slick-active button{background-color: rgba(52,69,94,0) !important;} #w_aktw31gfa .slick-dots li button{border-color: rgba(52,69,94,0);}#w_enqstbz2a .owl-theme .owl-dots .owl-dot.active span, #w_enqstbz2a .owl-theme .owl-dots .owl-dot:hover span { background: #34455E !important; } #w_enqstbz2a .owl-theme .owl-dots .owl-dot span{ border-color: #34455E !important; }#w_h8pv9r8wn .c_btn { color: #34455E; }#w_headline .c_text .title { color: #000000; } #w_headline .c_text { color: #000000; }#w_kuz5m4cb6 .c_btn { color: rgba(52,69,94,0); } #w_kuz5m4cb6 .c_btn:before { background-color: rgba(52,69,94,0) !important; }#w_niyu0btjl .c_btn { color: #34455E; } #w_niyu0btjl .c_btn:before { background-color: #34455E !important; } #w_niyu0btjl .slick-dots .slick-active button{background-color: #34455E !important;} #w_niyu0btjl .slick-dots li button{border-color: #34455E;}#w_oneclick .c_text { color: #FFFFFF; }#w_orw0iota5 .c_btn { color: #34455E; } #w_orw0iota5 .owl-theme .owl-dots .owl-dot.active span, #w_orw0iota5 .owl-theme .owl-dots .owl-dot:hover span { background: #34455E !important; } #w_orw0iota5 .owl-theme .owl-dots .owl-dot span{ border-color: #34455E !important; }#w_t92hz2e84 .owl-theme .owl-dots .owl-dot.active span, #w_t92hz2e84 .owl-theme .owl-dots .owl-dot:hover span { background: #34455E !important; } #w_t92hz2e84 .owl-theme .owl-dots .owl-dot span{ border-color: #34455E !important; }#w_uipmmn6jx .c_btn { color: rgba(52,69,94,0); } #w_uipmmn6jx .c_btn:before { background-color: rgba(52,69,94,0) !important; } #w_uipmmn6jx .slick-dots .slick-active button{background-color: rgba(52,69,94,0) !important;} #w_uipmmn6jx .slick-dots li button{border-color: rgba(52,69,94,0);}#w_y35tvzwd1 .c_btn { color: rgba(52,69,94,0); } #w_y35tvzwd1 .c_btn:before { background-color: rgba(52,69,94,0) !important; } #w_y35tvzwd1 .slick-dots .slick-active button{background-color: rgba(52,69,94,0) !important;} #w_y35tvzwd1 .slick-dots li button{border-color: rgba(52,69,94,0);}#w_yjds7sn63 .c_btn { color: #34455E; }#w_zgymr0zls .c_btn { color: #FFFFFF; } #w_zgymr0zls .owl-theme .owl-dots .owl-dot.active span, #w_zgymr0zls .owl-theme .owl-dots .owl-dot:hover span { background: #FFFFFF !important; } #w_zgymr0zls .owl-theme .owl-dots .owl-dot span{ border-color: #FFFFFF !important; }.breadcrumb.bg .c_title { color: #FFFFFF; }#w_7oxfudzjs .c_text { color: #FFFFFF; }#w_7rzgiokfh .c_text { color: #FFFFFF; }#w_h8pv9r8wn .c_text { color: #000000; }#w_oneclick .c_title { color: #273548; }#w_orw0iota5 .c_text { color: #000000; }#w_yjds7sn63 .c_text { color: #000000; }#w_zgymr0zls .c_text { color: #000000; }.footer .c_title { background-color: #34455E; }#w_3ghao0k8d .c_title { color: #FFFFFF; }#w_47awelo5k .c_title { color: #273548; } #w_47awelo5k .c_title:before { background-color: #273548 !important; }#w_7oxfudzjs .c_title { color: #273548; }#w_7rzgiokfh .c_title { color: #273548; }#w_aktw31gfa .c_title { color: #273548; } #w_aktw31gfa .c_title:before { background-color: #273548 !important; }#w_enqstbz2a .c_title { color: #FFFFFF; }#w_h8pv9r8wn .c_title { color: #FFFFFF; }#w_kuz5m4cb6 .c_title { color: #FFFFFF; } #w_kuz5m4cb6 .c_title:before { background-color: #FFFFFF !important; }#w_niyu0btjl .c_title { color: #273548; } #w_niyu0btjl .c_title:before { background-color: #273548 !important; }#w_orw0iota5 .c_title { color: #FFFFFF !important; }#w_t92hz2e84 .c_title { color: #FFFFFF; }#w_tgi8bmtu1 .c_title { color: #FFFFFF; }#w_uipmmn6jx .c_title { color: #273548; } #w_uipmmn6jx .c_title:before { background-color: #273548 !important; }#w_y35tvzwd1 .c_title { color: #273548; } #w_y35tvzwd1 .c_title:before { background-color: #273548 !important; }#w_yjds7sn63 .c_title { color: #FFFFFF; }#w_zgymr0zls .c_title { color: #000000; }#w_aktw31gfa .c_title { display: none; }#w_headline .bg_btn, #w_headline .carousel-indicators .active { background: #253062 !important;} #w_headline .bg_btn, #w_headline .carousel-indicators li{ border-color: #253062 !important;}#w_kuz5m4cb6 .c_title { display: none; }#w_uipmmn6jx .c_title { display: none; }#w_y35tvzwd1 .c_title { display: none; }#w_oneclick .bg_text { background-color: #253062; }#w_7oxfudzjs .bg_text { background-color: #FAFAFA; }#w_7rzgiokfh .bg_text { background-color: #253062; }#w_3ghao0k8d .c_title { background-color: #273548; } #w_3ghao0k8d .box { border-color: #273548; }#w_enqstbz2a .c_title { background-color: #273548; } #w_enqstbz2a .box { border-color: #273548; }#w_h8pv9r8wn .c_title { background-color: #273548 } #w_h8pv9r8wn .box { border-color: #273548 }#w_orw0iota5 .c_title { background-color: #273548 } #w_orw0iota5 .box { border-color: #273548 }#w_t92hz2e84 .c_title { background-color: #273548; } #w_t92hz2e84 .box { border-color: #273548; }#w_tgi8bmtu1 .c_title { background-color: #34455E; }#w_yjds7sn63 .c_title { background-color: #273548 } #w_yjds7sn63 .box { border-color: #273548 }#w_headline .c_text_responsive .title { color: #000000; } #w_headline .c_text_responsive { color: #000000; }/*np-dropdowns*/.bootstrap-select{background-color:#FAFAFA!important;}.bootstrap-select .dropdown-menu{background-color:#FAFAFA!important;border-color:#FAFAFA!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:#FAFAFA!important;}</style> 80 81 82
82<script src="/js/vendor/jquery-3.2.1.min.js"></script>
82 83
83<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
83 84 <!-- Matomo --> 85 <!-- End Matomo Code --> 86</head> 87<body> 88<div class="ov"></div> 89 90 <!-- Top navbar --> 91 <header role="banner"> 92 <div class="navbar navbar-expand-lg top-navbar"> 93 <div class="container"> 94 95 <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/"> 96 <div class="img"> 97 <picture> 98 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2933/site/9c/f9/2d/9cf92d9b31b659368b78435fd88628f50ef9c933.png"> 99 <img role="img" src="https://static.neopse.com/medias/p/2933/site/9c/f9/2d/9cf92d9b31b659368b78435fd88628f50ef9c933.png" alt="Logo Commune de Colleville" loading="eager"> 100 </picture> 101 </div> 102 </a> 103 104 <form action="/fr/search" class="searchbar form-inline formNoResponsiveSearch" method="post"> 105 <div class="d-flex"> 106 <input id="search-form" name="keywords" class="form-control col-lg-9 col-8" type="search" placeholder="Recherche" 107 aria-label="Search"> 108 <button type="submit" class="btn btn-primary col c_btn bg_btn p-0" 109 aria-label="Envoyer" value="Envoyer"><i class="material-icons mt-1">search</i> 110 </button> 111 </div> 112 </form> 113 </div> 114 </div> 115 </header> 116 117 <!-- Container se finit avant le footer --> 118 <div class="container"> 119 120 <nav role="navigation" class="navbar navbar-expand-lg sticky-top navigation bg"> 121 <div class="ov"></div> 122 123 <div class="container"> 124 <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> 125 <span class="navbar-toggler-icon"> 126 <i class="material-icons notranslate">menu</i> 127 </span> 128 </button> 129 130 <div class="collapse navbar-collapse" id="navbar"> 131 <ul class="navbar-nav"> 132 <li class="brand"> 133 <a class="navbar-brand" href="/fr/"> 134 <div class="img"> 135 <picture class="logo-picture"> 136 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2933/site/9c/f9/2d/9cf92d9b31b659368b78435fd88628f50ef9c933.png"> 137 <img role="img" src="https://static.neopse.com/medias/p/2933/site/9c/f9/2d/9cf92d9b31b659368b78435fd88628f50ef9c933.png" alt="Logo Commune de Colleville" loading="eager"> 138 </picture> 139 </div> 140 </a> 141 </li> 142 143 <div class="d-flex flex-wrap"> 144 <li class="nav-item dropdown"> 145 <a class="nav-link c_text h_text px-3" href="/" role="button"> 146 <i class="material-icons">home</i> 147 </a> 148 </li> 149 <li class="nav-item dropdown"> 150 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button" 151 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 152 La commune 153 </a> 154 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0"> 155 <div class="dropdown-menu-image" aria-hidden="true" 156 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/95/33/34/953334b450af2b87fa569e7fc2f5ec1a7241f7f8.png?v=v1);"></div> 157 158 <div class="mega-dropdown-menu"> 159 <div class="divider"> 160 161 162 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 163 href="/fr/ap/2639106/plan-acces-442"> 164 Plan/Accès 165 </a> 166 167 168 169 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 170 href="/fr/rb/2322634/intercommunalite-367"> 171 Intercommunalité 172 </a> 173 174 175 176 177 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 178 href="/fr/rb/2317525/organisations-communautaires"> 179 Organisations communautaires 180 </a> 181 182 183 184 185 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 186 href="/fr/rb/2322608/personnel-communal-60"> 187 Personnel communal 188 </a> 189 190 191 192 </div> 193 </div> 194 </div> 195 </li> 196 197 198 <li class="nav-item dropdown"> 199 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" 200 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 201 Vie municipale 202 </a> 203 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1"> 204 <div class="dropdown-menu-image" aria-hidden="true" 205 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/b1/df/3a/b1df3a979cafa27d6f0a4e4ff84cd3982f157969.png?v=v1);"></div> 206 207 <div class="mega-dropdown-menu"> 208 <div class="divider"> 209 210 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 211 href="/fr/rb/2322621/conseil-municipal-263"> 212 Conseil municipal 213 </a> 214 215 216 217 218 219 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 220 href="/fr/rp/2639041/comptes-rendus-591"> 221 Comptes rendus 222 </a> 223 224 225 226 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 227 href="/fr/rb/2323388/projets-communaux-9"> 228 Projets communaux 229 </a> 230 231 232 233 </div> 234 </div> 235 </div> 236 </li> 237 238 239 <li class="nav-item dropdown"> 240 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button" 241 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 242 Vie pratique 243 </a> 244 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2"> 245 <div class="dropdown-menu-image" aria-hidden="true" 246 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/d3/6d/bb/d36dbb2ac7f52acc9efd6af3cbc5d9ae097df647.png?v=v1);"></div> 247 248 <div class="mega-dropdown-menu"> 249 <div class="divider"> 250 251 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 252 href="/fr/rb/2322868/numeros-utiles-397"> 253 Numéros utiles 254 </a> 255 256 257 258 259 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 260 href="/fr/rb/2322569/agence-postale-communale-73"> 261 Agence postale communale 262 </a> 263 264 265 266 267 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 268 href="/fr/rb/2322582/c-c-a-s-6"> 269 C.C.A.S. 270 </a> 271 272 273 274 275 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 276 href="/fr/rb/2323362/acces-aux-soins-et-a-la-sante-pass"> 277 Accès aux soins et à la santé (PASS) 278 </a> 279 280 281 282 283 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 284 href="/fr/rb/2322660/demarches-administratives-236"> 285 Démarches administratives 286 </a> 287 288 289 290 291 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 292 href="/fr/rb/2322933/jeunesse-enfance-7"> 293 Jeunesse - Enfance 294 </a> 295 296 297 298 299 300 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 301 href="/fr/rr/2639132/salles-municipales-133"> 302 Salles municipales 303 </a> 304
304 305 306 307 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 308 href="/fr/rb/2323232/logement-habitat-et-urbanisme"> 309 Logement, habitat et urbanisme 310 </a> 311 312 313 314 315 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 316 href="/fr/rb/2323141/vos-dechets-3"> 317 Vos déchets 318 </a> 319 320 321 322 </div> 323 </div> 324 </div> 325 </li> 326 327 328 <li class="nav-item dropdown"> 329 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button" 330 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 331 Culture et loisirs 332 </a> 333 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3"> 334 <div class="dropdown-menu-image" aria-hidden="true" 335 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/d0/58/51/d058515a3cacac2e999a29ac38e4e9374583350e.png?v=v1);"></div> 336 337 <div class="mega-dropdown-menu"> 338 <div class="divider"> 339 340 341 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 342 href="/fr/as/2639002/annuaire-des-associations-765"> 343 Annuaire des associations 344 </a> 345 346 347 348 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 349 href="/fr/rb/2322595/jardins-municipaux"> 350 Jardins municipaux 351 </a> 352 353 354 355 356 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 357 href="/fr/rb/2317746/mediatheque-municipale-2"> 358 Médiathèque municipale 359 </a> 360 361 362 363 364 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 365 href="/fr/rb/2317590/veloroute-du-lin"> 366 Véloroute du Lin 367 </a> 368 369 370 371 372 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 373 href="/fr/rb/2323583/randonnee-13"> 374 Randonnée 375 </a> 376 377 378 379 380 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 381 href="/fr/rb/2323570/office-de-tourisme-intercommunal-2"> 382 Office de Tourisme Intercommunal 383 </a> 384 385 386 387 388 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 389 href="/fr/rb/2323557/marees"> 390 Marées 391 </a> 392 393 394 395 </div> 396 </div> 397 </div> 398 </li> 399 400 401 <li class="nav-item dropdown"> 402 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button" 403 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 404 Vie économique 405 </a> 406 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4"> 407 <div class="dropdown-menu-image" aria-hidden="true" 408 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/c8/e0/0c/c8e00cf450910bc837e3604fecad09d47626a6ff.png?v=v1);"></div> 409 410 <div class="mega-dropdown-menu"> 411 <div class="divider"> 412 413 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 414 href="/fr/rb/2323635/commerces-118"> 415 Commerces 416 </a> 417 418 419 420 421 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 422 href="/fr/rb/2323648/artisans-19"> 423 Artisans 424 </a> 425 426 427 428 429 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 430 href="/fr/rb/2323661/entreprises-10"> 431 Entreprises 432 </a> 433 434 435 436 </div> 437 </div> 438 </div> 439 </li> 440 441 442 <li class="nav-item dropdown"> 443 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button" 444 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 445 Citoyenneté 446 </a> 447 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5"> 448 <div class="dropdown-menu-image" aria-hidden="true" 449 style="background-image: url(https://static.neopse.com/thumbs/p/2933/site/d4/eb/07/d4eb0754ff068e8286a6220fb842382d37aa9b6a.png?v=v1);"></div> 450 451 <div class="mega-dropdown-menu"> 452 <div class="divider"> 453 454 455 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 456 href="/fr/ad/2639093/petites-annonces-680"> 457 Petites annonces 458 </a> 459 460 461 462 463 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 464 href="/fr/ct/2638729/contact-65"> 465 Contact 466 </a> 467 468 469 </div> 470 </div> 471 </div> 472 </li> 473 474 475 </div> 476 477 <form action="/fr/search" class="searchbar form-inline formResponsiveSearch" method="post"> 478 <div class="d-inline-flex"> 479 <input id="search-form" name="keywords" class="form-control col-10" type="search" placeholder="Recherche" 480 aria-label="Search"> 481 <button type="submit" class="btn btn-primary col-2 c_btn bg_btn p-0" 482 aria-label="Envoyer" value="Envoyer"><i class="material-icons mt-1">search</i> 483 </button> 484 </div> 485 </form> 486 487 488 </ul> 489 </div> 490 </div> 491</nav> 492 493 494 <main role="main"> 495 <div class="main intern-page"> 496 <header class="container d-flex align-items-center bg breadcrumb"> 497 <div class="ov"></div> 498 <div class="container text-center"> 499 <h1 class="title c_title">Plan/Accès</h1> 500 <nav class="ariane c_text"> 501 <span><a href="/fr/" class="font-weight-bold">Accueil</a></span> 502 / <a href="/fr/">La commune</a> 503 / <a href="/fr/ap/2639106/plan-acces-442">Plan/Accès</a> 504 </nav> 505 506 </div> 507</header> 508 <!-- Contenu --> 509 <section class="container wrapper bg_wrapper c_wrapper"> 510 <div class="ov bgw"></div> 511 512 <div class="main-content dynamicContent"> 513 514 <div class="row"> 515 <div class="col col-lg contenu"> 516 <div class="mb-4 ckeditor_info"> 517 <h3>Plan de la Commune</h3>
518Colleville compte 772 habitants résidant dans le village et son centre-bourg ou dans les nombreux hameaux et lieux-dits qui les entourent : Le Torp, Hougerville puis les plaines de Bondeville et de la Mare aux Saules au nord, ainsi que Le Vasouy, La Perruque, Vattecrit, Le Moulin de Sainte Hélène, Gredolle et Le Cornet à l'est.<br /> 519Les différents services communaux sont regroupés autour de la mairie, de l'église Saint-Martin et des écoles maternelle et élémentaire. On y trouve une agence postale, une médiathèque, un restaurant scolaire, une salle de motricité accueillant la garderie périscolaire, un stade avec vestiaires, un terrain multisports, un terrain de pétanque avec bouloir, des jardins communaux ainsi qu'une grande salle polyvalente, que viennent compléter la salle de la Gare, le foyer Kohli et une salle paroissiale. Le village est vivant et accueille de nombreux artisans, commerces et entreprises. Enfin, plusieurs étangs, communaux ou privés, ainsi qu'un bois communal et la Véloroute de Lin qui traverse le village, agrémentent le cadre de vie en proposant d'agréables activités de plein air. 520 </div> <div class="my-4"> 521 </div> 522 523 <div id="access-plan-map-container" class="overlay"> 524 <div id="access-plan-geoloc-map" class="overlay"></div> 525 <a href="https://www.openstreetmap.org/copyright" class="osm-copyright" target="_blank"> © OpenStreetMap</a> 526 </div> 527 <link href="/lib/leaflet/leaflet.css" rel="stylesheet" type='text/css'> 528 <link rel="stylesheet" href="/lib/leaflet-markers/leaflet.awesome-markers.css"> 529
529<script src="/lib/leaflet/leaflet-src.js"></script>
529 530
530<script src="/lib/leaflet-markers/leaflet.awesome-markers.js"></script>
530 531 <style> 532 #access-plan-map-container { 533 width: 800px; 534 } 535 #access-plan-geoloc-map { 536 height: 600px; 537 width: 100%; 538 z-index: 0; 539 } 540 </style> 541
541<script> 542 $(document).ready(function () { 543 var myAccessPlanLatLng = [49.749307, 0.449105]; 544 var accessPlanMap = L.map('access-plan-geoloc-map').setView(myAccessPlanLatLng, 17); 545 546 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 547 maxZoom: 18, 548 attribution: false, 549 id: 'mapbox.streets' 550 }).addTo(accessPlanMap); 551 552 var myAccessIcon = L.divIcon({ 553 className: 'material-icons mapMarkers', 554 html: 'location_on', 555 iconAnchor: [16, 32] 556 }); 557 558 L.marker(myAccessPlanLatLng, {'icon':myAccessIcon}).addTo(accessPlanMap); 559 560 var currentMarker = $('#access-plan-geoloc-map').find('.mapMarkers'); 561 562 var currentStyle = currentMarker.attr('style'); 563 currentStyle += 'color:#990000 !important;'; 564 currentMarker.attr('style',currentStyle); 565 }); 566 </script>
566 567 568 </div> 569 570 </div> 571 </div> 572 573 </section> 574 575 </div> 576 577 </main> 578 579 <div id="intern"> 580 581 </div> 582 583 </div> 584 <!-- Fin container --> 585 586 <div id="previewModalImage" class="modal"> 587 588 <!-- The Close Button --> 589 <span id="closePreviewImage" class="close">×</span> 590 591 <!-- Navigation Buttons --> 592 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 593 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 594 595 <!-- Image Counter --> 596 <div id="imageCounter" class="image-counter"></div> 597 598 <!-- Modal Content (The Image) --> 599 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 600 601 <!-- Modal Caption (Image Text) --> 602 <div id="captionPreviewImage"></div> 603 </div> 604 605
605<script> 606 (function() { 607 // Get the modal elements 608 const modal = document.getElementById('previewModalImage'); 609 const modalImg = modal.querySelector('img'); 610 const captionText = document.getElementById('captionPreviewImage'); 611 const closePreviewImage = document.getElementById('closePreviewImage'); 612 const prevBtn = document.getElementById('prevImage'); 613 const nextBtn = document.getElementById('nextImage'); 614 const imageCounter = document.getElementById('imageCounter'); 615 616 let currentImages = []; 617 let currentIndex = 0; 618 619 // Helper function to toggle element visibility 620 function toggleElement(element, show) { 621 if (element) { 622 element.style.display = show ? 'block' : 'none'; 623 } 624 } 625 626 // Function to update the modal with a specific image 627 function updateModal(index) { 628 if (currentImages.length === 0) return; 629 630 currentIndex = index; 631 const img = currentImages[currentIndex]; 632 modalImg.setAttribute('src', img.src); 633 modalImg.setAttribute('alt', img.alt || ''); 634 captionText.innerHTML = img.alt || ''; 635 636 // Update counter 637 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 638 639 // Show/hide navigation buttons 640 const showNav = currentImages.length > 1; 641 toggleElement(prevBtn, showNav); 642 toggleElement(nextBtn, showNav); 643 toggleElement(imageCounter, showNav); 644 } 645 646 // Function to show next image 647 function showNext() { 648 if (currentImages.length === 0) return; 649 currentIndex = (currentIndex + 1) % currentImages.length; 650 updateModal(currentIndex); 651 } 652 653 // Function to show previous image 654 function showPrev() { 655 if (currentImages.length === 0) return; 656 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 657 updateModal(currentIndex); 658 } 659 660 // Helper function to find closest ancestor with class 661 function closest(element, selector) { 662 if (!element) return null; 663 if (selector.startsWith('.')) { 664 const className = selector.slice(1); 665 let current = element; 666 while (current && current !== document) { 667 if (current.classList && current.classList.contains(className)) { 668 return current; 669 } 670 current = current.parentElement; 671 } 672 } 673 return null; 674 } 675 676 // When clicking on an image 677 document.addEventListener('click', function(e) { 678 const target = e.target; 679 if (target.tagName === 'IMG' && 680 (target.classList.contains('img') || target.classList.contains('main-img')) && 681 closest(target, '.splide')) { 682 683 const clickedSlide = closest(target, '.splide__slide'); 684 if (!clickedSlide) return; 685 686 const splideList = closest(clickedSlide, '.splide__list'); 687 if (!splideList) return; 688 689 const allSlides = splideList.querySelectorAll('.splide__slide'); 690 691 currentImages = []; 692 const seenSrcs = new Set(); 693 const clickedSrc = target.src; 694
695 allSlides.forEach(function(slide) { 696 const slideImg = slide.querySelector('.img, .main-img'); 697 if (slideImg) { 698 const imgSrc = slideImg.src; 699 if (!seenSrcs.has(imgSrc)) { 700 seenSrcs.add(imgSrc); 701 currentImages.push(slideImg); 702 } 703 } 704 }); 705 706 currentIndex = currentImages.findIndex(function(img) { 707 return img.src === clickedSrc; 708 }); 709 710 if (currentIndex === -1) { 711 currentIndex = 0; 712 } 713 714 updateModal(currentIndex); 715 modal.style.display = 'block'; 716 } 717 }); 718 719 // Navigation button handlers 720 if (nextBtn) { 721 nextBtn.addEventListener('click', function (e) { 722 e.preventDefault(); 723 e.stopPropagation(); 724 showNext(); 725 }); 726 } 727 728 if (prevBtn) { 729 prevBtn.addEventListener('click', function (e) { 730 e.preventDefault(); 731 e.stopPropagation(); 732 showPrev(); 733 }); 734 } 735 736 // Keyboard navigation 737 document.addEventListener('keydown', function (e) { 738 const isModalVisible = modal.style.display !== 'none' && 739 (modal.style.display === 'block' || 740 window.getComputedStyle(modal).display !== 'none'); 741 742 if (isModalVisible) { 743 if (e.key === 'ArrowRight' || e.keyCode === 39) { 744 e.preventDefault(); 745 showNext(); 746 } else if (e.key === 'ArrowLeft' || e.keyCode === 37) { 747 e.preventDefault(); 748 showPrev(); 749 } else if (e.key === 'Escape' || e.keyCode === 27) { 750 e.preventDefault(); 751 e.stopPropagation(); 752 modal.style.display = 'none'; 753 } 754 } 755 }); 756 757 // Close button handler 758 if (closePreviewImage) { 759 closePreviewImage.addEventListener('click', function () { 760 modal.style.display = 'none'; 761 }); 762 } 763 764 // Close modal when clicking outside the image 765 modal.addEventListener('click', function (e) { 766 if (e.target === modal) { 767 modal.style.display = 'none'; 768 } 769 }); 770 })(); 771 </script>
771 772 773<!-- Footer --> 774<footer role="contentinfo" class="footer bg"> 775 <div class="ov"></div> 776 777 <div class="container d-flex flex-wrap justify-content-between"> 778 <div class="footer-container"> 779 <h2 style="line-height: inherit;" class="title c_title bg_title d_title btn-line"><a 780 href="/fr/ct/2638729/contact-65">Contact</a></h2> 781<div class="footer-box c_text"> 782 <div class="contact"> 783 <p class="font-weight-bold mb-0">Mairie de Colleville</p> 784 <p class="mb-0">41, rue de l'Eglise</p> 785 <p class="mb-0">76400 Colleville - FRANCE</p> 786 <p class="mb-0"><a href="tel:+33235280894">+33 2 35 28 08 94</a> 787 </p> 788 <p class="mb-0"><a class="btn btn-primary c_btn bg_btn" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a> 789 </p> 790 791 <div class="mt-4"> 792 <p style="margin:0;"><strong></strong></p> 793 <p>ð Horaires d'ouverture :<br /> 794- Lundi, mercredi et jeudi de 10h30 à 12h00,<br /> 795- Mardi de 17h00 à 19h00.</p> 796 </div> 797 798 </div> 799</div> 800 801 802 803 804 805<div class="btn-espace-reserve"> 806 </div> 807 808 809 810 </div> 811 <div class="footer-container"> 812 <h2 style="line-height: inherit;" class="title c_title bg_title d_title">Liens</h2> 813 814 <div class="footer-box c_text"> 815 <p> 816 <a href="https://www.agglo-fecampcauxlittoral.fr/" target="_blank" class="d-block">Site Officiel de l'Intercommunalité</a> 817 <a href="https://www.agglo-fecampcauxlittoral.fr/fiche-annuaire/office-du-tourisme-intercommunal/" target="_blank" class="d-block">Office de Tourisme Intercommunal</a> 818 <a href="http://www.normandie.fr" target="_blank" class="d-block">Région Normandie</a> 819 <a href="http://www.seinemaritime.fr" target="_blank" class="d-block">Seine-Maritime Le Département</a> 820 <a href="http://www.seine-maritime.gouv.fr" target="_blank" class="d-block">Préfecture de Seine-Maritime</a> 821 </p> 822 </div> 823 </div> 824 825 826 </div> 827 <div class="container mt-4"> 828 <div class="footer-box c_text container d-flex flex-wrap"" style="justify-content:center;"> 829 <p class="mt-0 mb-0"><a href="/fr/li/2638742/mentions-legales-1907">Mentions légales</a> 830</p> 831 <span class="c_text" style="margin: 0 8px;">-</span> 832 <p class="mt-0 mb-0"><a href="/fr/2638742/politique-confidentialite">Politique de confidentialité</a> 833</p> 834 <span class="c_text" style="margin: 0 8px;">-</span> 835 <p class="mt-0 mb-0"><a href="/fr/accessibilite">Accessibilité</a> 836</p> 837 <span class="c_text" style="margin: 0 8px;">-</span> 838 839 <p class="mt-0 mb-0 c_text"><a href="/fr/sm/76250/plan-du-site-1" >Plan du site</a></p> 840 <span class="c_text" style="margin: 0 8px;">-</span> 841 <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 842 </div> 843 </div> 844</footer> 845 846<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 847 style="color: initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 848 <div class="modal-dialog" role="document"> 849 <div class="modal-content"> 850 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 851 <span aria-hidden="true">×</span> 852 </button> 853 854 <div class="modal-header bg_bloc"> 855 <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact</h4> 856 </div> 857 <form id="contactFormFooter" action="/formMdContact" method="post" 858 novalidate enctype="multipart/form-data"> 859 <div class="modal-body pb-0"> 860 861 <p class="title field-wrapper">Votre message</p> 862<hr> <div class="form-group position-relative"> 863 <div><label for="2_input">Votre nom</label><span>*</span></div> 864 <input type="text" name="2_input" class="form-control" id="2_input" aria-describedby="2_inputHelp">
865 <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span> 866</div> <div class="form-group position-relative"> 867 <div><label for="3_input">Sujet de votre message</label><span>*</span></div> 868 <input type="text" name="3_input" class="form-control" id="3_input" aria-describedby="3_inputHelp"> 869 <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span> 870</div> <div class="form-group position-relative"> 871 <div><label for="4_textarea">Contenu de votre message</label><span>*</span> 872 </div> 873 <textarea name="4_textarea" class="form-control" id="4_textarea" rows="3"></textarea> 874 <span role="alert" class="form-error requirements" id="4_textarea-error">Ce champ est obligatoire</span> 875</div> <p class="title field-wrapper">Informations techniques obligatoires</p> 876<hr> <div class="form-group"> 877 <div><label for="6_email">Votre email</label><span>*</span></div> 878 <input type="email" name="6_email" class="form-control" id="6_email" 879 aria-describedby="Votre email"> 880 <span class="form-error requirements" id="6_email-error" role="alert">Ce champ est obligatoire</span> 881</div> 882 <div class="form-group"> 883 <div class="h-recaptcha m-auto d-inline-block"></div> 884 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 885 </div> 886</div> </div> 887 <div class="modal-footer"> 888 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button> 889 </div> 890 <div class="m-3"> 891 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 /> 892Vos 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 /> 893<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 /> 894<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 895<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 /> 896<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. 897 </div> 898 </form> 899 900 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 901 <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> 902 </div> 903 </div> 904 </div> 905</div> 906 907<div class="footer-bottom"> 908 <div class="container"> 909 <p> 910 911 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 912 <img role="img" src="/images/rdc-logo-footer-2.png" alt="Logo Réseau des Communes" class="img-fluid">
913 Site créé en partenariat avec Réseau des Communes 914 </a> 915 </p> 916 </div> 917</div> 918<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 919 <div class="modal-dialog" role="document"> 920 <div class="modal-content"> 921 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 922 <span aria-hidden="true">×</span> 923 </button> 924 925 <embed type="application/pdf"> 926 </div> 927 </div> 928</div> 929 930 931
931<script src="/js/vendor/popper.min.js"></script>
931 932
932<script src="/js/vendor/bootstrap.min.js"></script>
932 933 934 <!-- Carousel --> 935
935<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
935 936
936<script src='/dist/owlcarousel/js/owl.linked.js'></script>
936 937 938
938<script src='/dist/slick/slick.js'></script>
938 939
939<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
939 940 941
941<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
941 942
942<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
942 943 944
944<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
944 945 946
946<script src='/dist/pagination.min.js'></script>
946 947 948
948<script src="/js/shared.js?v1"></script>
948 949
949<script src="/tpl/3/js/main.js"></script>
949 950
950<script src="/lib/chartjs/Chart.js"></script>
950 951
951<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
951 952 953 954 955 956 957 958 959 960
960<script type="text/javascript"> 961 962 tarteaucitron.user.matomoId = 6; 963 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 964 965 966 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 967 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 968 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 969 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 970 971 </script>
971 972 973
973<script type="text/javascript"> 974 </script>
974 975
976<script> 977 (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){ 978 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 979 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 980 })(window,document,'script','//eum.instana.io/eum.min.js','ineum'); 981 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 982 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 983 984 // set the name of a page on which this load/errors/calls happened 985 ineum('page', 'front-site'); 986</script>
986 987
988<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
988 989
990<script type="text/javascript"> 991 var CaptchaCallback = function () { 992 $('.h-recaptcha').each(function (index, el) { 993 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 994 }); 995 }; 996</script>
996 997
998<script> 999 $(document).ready(function () { 1000 1001 $('.selectpicker').selectpicker(); 1002 1003 var input = $('input[type=file]'); 1004 1005 input.on('change', function () { 1006 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1007 list.empty(); 1008 1009 for (var x = 0; x < this.files.length; x++) { 1010 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1011// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1012 list.append(newFile); 1013 } 1014 }); 1015 1016 $('.form-error').hide(); 1017 $('#contactFormFooter').submit(function (e) { 1018 let form = $(this); 1019 1020 $.ajax({ 1021 type: "POST", 1022 url: form.attr('action'), 1023 data: new FormData(form[0]), 1024 contentType: false, 1025 processData: false, 1026 beforeSend: function () { 1027 form.find('.form-error').hide(); 1028 $('.formContactForm').attr('disabled', true); 1029 }, 1030 success: function (response) { 1031 hcaptcha.reset(); 1032 1033 if (response.status === 'KO') { 1034 let errors = response.errors; 1035 for (let index in errors) { 1036 if (errors.hasOwnProperty(index)) { 1037 let attr = errors[index]; 1038 let error = attr[Object.keys(attr)[0]]; 1039 form.find('#' + index + '-error').text(error).show(); 1040 } 1041 } 1042 } 1043 else { 1044 1045 $('#contactFormFooter').css('display', 'none'); 1046 $('#messageSendedFormContactFooter').css('display', ''); 1047 form[0].reset(); 1048 } 1049 }, 1050 complete: function () { 1051 1052 $('.formContactForm').removeAttr('disabled'); 1053 } 1054 }); 1055 1056 return false; 1057 }); 1058 1059 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1060 $('#contactFormFooter')[0].reset(); 1061 1062 $('#contactFormFooter').css('display', ''); 1063 1064 $('#messageSendedFormContactFooter').css('display', 'none'); 1065 1066 $('.form-error').hide(); 1067 1068 $('.listFiles').empty(); 1069 1070 hcaptcha.reset(); 1071 }); 1072 }); 1073 1074 function humanFileSize(size) { 1075 var i = Math.floor(Math.log(size) / Math.log(1024)); 1076 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1077 } 1078</script>
1078 1079
1080<script> 1081 $(function () { 1082 1083 1084 var numberAlerts = false; 1085 1086 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1087 1088 numberAlerts = allAlerts.length; 1089 1090 allAlerts.each(function (e) { 1091 1092 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1093 $('#alertsModal').modal('show'); 1094 } else { 1095 $(this).remove(); 1096 numberAlerts = numberAlerts - 1; 1097 setActiveAndDecrementNumber(); 1098 } 1099 1100 }); 1101 1102 $('.acceptCookiesAlerts').on('click', function (e) { 1103 e.preventDefault(); 1104 1105 var currentDataId = $(this).attr('data-id'); 1106 1107 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1108 1109 numberAlerts = numberAlerts - 1; 1110 1111 var currentParentNode = $(this).parent().parent().parent(); 1112 1113 currentParentNode.removeClass('active'); 1114 currentParentNode.remove(); 1115 1116 setActiveAndDecrementNumber(); 1117 1118 }); 1119 1120 function setActiveAndDecrementNumber() { 1121 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1122 1123 newListOfAlerts.each(function (index, e) { 1124 if (index == 0) { 1125 $(this).addClass('active'); 1126 } 1127 }); 1128 1129 if (numberAlerts == 0) { 1130 $('#alertsModal').modal('hide'); 1131 } 1132 } 1133 1134 var currentColorControl = '#212529'; 1135 1136 $('#controlPrev').css('color', 'initial !important'); 1137 $('#controlNext').css('color', 'initial !important'); 1138 1139 $('#controlPrev').on('mouseover', function () { 1140 1141 $(this).css('color', 'initial !important'); 1142 }); 1143 1144 $('#controlNext').on('mouseover', function () { 1145 1146 $(this).css('color', 'initial !important'); 1147 }); 1148 1149 }); 1150</script>
1150 1151</body> 1152</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.