PageSourceSearch

https://colleville.fr/fr/ap/2639106/plan-acces-442

html colleville.fr collected 2026-10-03 01:20:00 UTC 76,232 bytes, 1,152 lines download raw bytes

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&eacute;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&eacute;l&egrave;ne, Gredolle et Le Cornet &agrave; l&#39;est.<br />
519Les diff&eacute;rents services communaux sont regroup&eacute;s autour de la mairie, de l&#39;&eacute;glise Saint-Martin et des &eacute;coles maternelle et &eacute;l&eacute;mentaire. On y trouve une agence postale, une m&eacute;diath&egrave;que, un restaurant scolaire, une salle de motricit&eacute; accueillant la garderie p&eacute;riscolaire, un stade avec vestiaires, un terrain multisports, un terrain de p&eacute;tanque avec bouloir, des jardins communaux ainsi qu&#39;une grande salle polyvalente, que viennent compl&eacute;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 &eacute;tangs, communaux ou priv&eacute;s, ainsi qu&#39;un bois communal et la V&eacute;loroute de Lin qui traverse le village, agr&eacute;mentent le cadre de vie en proposant d&#39;agr&eacute;ables activit&eacute;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">&times;</span>
590
591                <!-- Navigation Buttons -->
592                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
593                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</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&#039;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&#39;ouverture :<br />
794- Lundi, mercredi et jeudi de 10h30 &agrave; 12h00,<br />
795- Mardi de 17h00 &agrave; 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&#039;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">&times;</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 &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
892Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
893<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
894<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
895<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
896<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
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">&times;</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.