PageSourceSearch

https://www.hauteville-sur-mer.fr/

html hauteville-sur-mer.fr collected 2026-10-02 21:01:06 UTC 95,206 bytes, 1,276 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://opengraphprotocol.org/schema/" lang="fr">
3    <head >
4        <title>Mairie de Hauteville-sur-Mer</title>
5        <meta charset="UTF-8" />
6<meta name="robots" content="index, follow" />
7<meta name="description" content="Recevez l'actualit&eacute; et les alertes de Mairie de Hauteville-sur-Mer gr&acirc;ce &agrave; l'application smartphone illiwap" />
8<meta property="og:site_name" content="illiwap" />
9<meta property="fb:app_id" content="485113291676904" />
10<meta property="og:title" content="Mairie de Hauteville-sur-Mer" />
11<meta property="og:type" content="website" />
12<meta property="og:url" content="https://www.hauteville-sur-mer.fr/" />
13<meta property="og:description" content="Recevez l'actualit&eacute; et les alertes de Mairie de Hauteville-sur-Mer gr&acirc;ce &agrave; l'application smartphone illiwap" />
14<meta property="twitter.card" content="summary" />
15<meta property="twitter.site" content="@illiwap" />
16<meta property="twitter.title" content="Mairie de Hauteville-sur-Mer" />
17<meta property="twitter.description" content="Recevez l'actualit&eacute; et les alertes de Mairie de Hauteville-sur-Mer gr&acirc;ce &agrave; l'application smartphone illiwap" />
18<meta property="og:image" content="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_station_opengraph/uploads/images/stations/657c2a12cd50e034608631.png" />
19<meta property="twitter.image" content="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_station_opengraph/uploads/images/stations/657c2a12cd50e034608631.png" />
20
21        <link rel="canonical" href="https://www.hauteville-sur-mer.fr/"/>
22
23        <link rel="alternate" href="https://www.hauteville-sur-mer.fr/" hreflang="fr"/>
24<link rel="alternate" href="https://www.hauteville-sur-mer.fr/en" hreflang="en"/>
25<link rel="alternate" href="https://www.hauteville-sur-mer.fr/fr_CA" hreflang="fr-ca"/>
26<link rel="alternate" href="https://www.hauteville-sur-mer.fr/es" hreflang="es"/>
27
28        <meta name="viewport" content="width=device-width, initial-scale=1">
29        <meta name="robots" content="noimageindex">
30
31                    <link rel="icon" sizes="32x32" href="https://www.hauteville-sur-mer.fr/media/cache/resolve/favicon/uploads/images/stations/657c2a12cd50e034608631.png">
32    <link rel="apple-touch-icon" sizes="180x180" href="https://www.hauteville-sur-mer.fr/media/cache/resolve/favicon_apple_touch/uploads/images/stations/657c2a12cd50e034608631.png">
33
34
35        
36        
37        
38<link rel="stylesheet" href="/assets/styles/app-ab693450151f5b32b7d9d49cb0aca082.css">
39<link rel="stylesheet" href="/assets/vendor/select2/dist/css/select2.min-85f0f85f6f631990b9de31e8db0c7630.css">
40<link rel="stylesheet" href="/assets/@arkounay/ux-collection/src/style-fd7f20e3a3837177c53635efd7eb2a0a.css">
41<link rel="stylesheet" href="/assets/@arkounay/ux-collection/src/style-when-not-using-bootstrap-5-03bff1795b0a02c032c036cabb694416.css">
42<link rel="stylesheet" href="/assets/@arkounay/ux-collection/src/tabbed-style-ec2a43fb62f2a582225c1529f0ecac4f.css">
43<link rel="stylesheet" href="/assets/vendor/tom-select/dist/css/tom-select.bootstrap5-d1198a1334645c68df961af727e3c4fe.css">
44<link rel="stylesheet" href="/assets/@symfony/ux-live-component/live.min-59166e3b7b54eff97026293556d2242a.css">
45<link rel="stylesheet" href="/assets/vendor/air-datepicker/air-datepicker-977a8cef6919337340b758d2a652015a.css">
46<link rel="stylesheet" href="/assets/vendor/fine-uploader/fine-uploader/fine-uploader-new.min-cb3387c4cc8fba5149c4c5155f2135a3.css">
47<link rel="stylesheet" href="/assets/vendor/fine-uploader/fine-uploader/fine-uploader-gallery-32293371054b8fff2bae50ce56237125.css">
48<script type="importmap">
49{
50    "imports": {
51        "app": "/assets/app-1d2dfd352f5efb2c018bce944354aab9.js",
52        "/assets/bootstrap.js": "/assets/bootstrap-8bfedd483d025d26e6b9cbab29128037.js",
53        "/assets/styles/app.css": "data:application/javascript,",
54        "/assets/js/key-value-collection.js": "/assets/js/key-value-collection-95d873824e460d1a955a8964d80a14bc.js",
55        "@symfony/stimulus-bundle": "/assets/@symfony/stimulus-bundle/loader-20ecc10cbbb74d097d458e14577bcd99.js",
56        "/assets/controllers/components/select2_controller.js": "/assets/controllers/components/select2_controller-6a6c14ddebf9832e012612a1d8f0a3be.js",
57        "@hotwired/stimulus": "/assets/vendor/@hotwired/stimulus/stimulus.index-4b8ccd71e6b1c4ddba22853d5a50a26c.js",
58        "/assets/@symfony/stimulus-bundle/controllers.js": "/assets/@symfony/stimulus-bundle/controllers-9cc5bfe204cd9716d018245121ce12ad.js",
59        "select2": "/assets/vendor/select2/select2.index-bb03c13222b27a5cfc443ea8f576212e.js",
60        "select2/dist/css/select2.min.css": "data:application/javascript,",
61        "/assets/@arkounay/ux-collection/dist/controller.js": "/assets/@arkounay/ux-collection/dist/controller-89248789f3b6b5bd8781dcf4ac149acd.js",
62        "/assets/@arkounay/ux-collection/src/style.css": "data:application/javascript,",
63        "/assets/@arkounay/ux-collection/src/style-when-not-using-bootstrap-5.css": "data:application/javascript,",
64        "/assets/@arkounay/ux-collection/dist/tabbed_controller.js": "/assets/@arkounay/ux-collection/dist/tabbed_controller-ad9ac7bd2b650d38c147c10b09a7fcba.js",
65        "/assets/@arkounay/ux-collection/src/tabbed-style.css": "data:application/javascript,",
66        "/assets/@symfony/ux-autocomplete/controller.js": "/assets/@symfony/ux-autocomplete/controller-14411dd873cc3308cb9a8480553a4b49.js",
67        "tom-select/dist/css/tom-select.bootstrap5.css": "data:application/javascript,",
68        "/assets/@symfony/ux-chartjs/controller.js": "/assets/@symfony/ux-chartjs/controller-19c9e1e5a885d2c138b7f9f40b8e560a.js",
69        "/assets/@symfony/ux-live-component/live_controller.js": "/assets/@symfony/ux-live-component/live_controller-2f5d9c3dd3f14da5075a68a299183393.js",
70        "/assets/@symfony/ux-live-component/live.min.css": "data:application/javascript,",
71        "/assets/controllers/annuaire-filter-collapse_controller.js": "/assets/controllers/annuaire-filter-collapse_controller-c112a399f81459e8cdb70229cb073960.js",
72        "/assets/controllers/service-ordre_controller.js": "/assets/controllers/service-ordre_controller-64c2ad9713a90ff0c94cd11aec6b88c6.js",
73        "/assets/controllers/datepicker_controller.js": "/assets/controllers/datepicker_controller-7378cdc10717c1b7d0f68271aa091113.js",
74        "/assets/controllers/document-item_controller.js": "/assets/controllers/document-item_controller-2776542a4df83c670a6dd0afebf7d01e.js",
75        "/assets/controllers/service-form_controller.js": "/assets/controllers/service-form_controller-76fb9ce2fbc17c9247c29a4737dc2cca.js",
76        "/assets/controllers/sondage-form_controller.js": "/assets/controllers/sondage-form_controller-2ceaa1d7b5302a4f41ecab3f1731dfbd.js",
77        "/assets/controllers/intl-tel-input_controller.js": "/assets/controllers/intl-tel-input_controller-76da96bc6e334a871f2d943471e7410a.js",
78        "/assets/controllers/sondage-question-choix-form_controller.js": "/assets/controllers/sondage-question-choix-form_controller-0e4c6820b87c5d79f4ca304865f3801e.js",
79        "/assets/controllers/alerte-flow_controller.js": "/assets/controllers/alerte-flow_controller-27fed30ab192a0c40bdb2c29554599ab.js",
80        "/assets/controllers/sondage-show_controller.js": "/assets/controllers/sondage-show_controller-f8a59c59095609b74b46d1a67a284ef8.js",
81        "/assets/controllers/alerte_controller.js": "/assets/controllers/alerte_controller-a6b2d436b0a46824c66374b82e938060.js",
82        "/assets/controllers/fine-uploader_controller.js": "/assets/controllers/fine-uploader_controller-4839d94b37d1dfa3d9ca06e41c113e95.js",
83        "/assets/controllers/signalement-table_controller.js": "/assets/controllers/signalement-table_controller-65d5ce28f4cb841f2f1cd6a78481bd4d.js",
84        "/assets/controllers/google-map-autocomplete_controller.js": "/assets/controllers/google-map-autocomplete_controller-3032003cb7e88f8808f48945f16e5dd7.js",
85        "/assets/controllers/agenda_modal_controller.js": "/assets/controllers/agenda_modal_controller-0848064f29058dbaaa96fad6dde160ff.js",
86        "/assets/controllers/application_controller.js": "/assets/controllers/application_controller-738b48eef826d7f69f39d44a23b8c8d0.js",
87        "/assets/controllers/sondage_chart_controller.js": "/assets/controllers/sondage_chart_controller-d7f711a20854ca1c4affda90eb15fbb9.js",
88        "/assets/controllers/chart-abonnements_controller.js": "/assets/controllers/chart-abonnements_controller-9d5aa7f84055c25f28cc9922371aaa29.js",
89        "/assets/controllers/form-annuaire-fiche-filter_controller.js": "/assets/controllers/form-annuaire-fiche-filter_controller-d7898085f8fc6b91d9cc0fddf1df753f.js",
90        "/assets/controllers/document-board_controller.js": "/assets/controllers/document-board_controller-63347a3907f1d9a567310b3ffb533713.js",
91        "/assets/controllers/collapse-label-toggle_controller.js": "/assets/controllers/collapse-label-toggle_controller-17cd727991c4ee6b948ab5cc90f7d57d.js",
92        "/assets/controllers/evenement_controller.js": "/assets/controllers/evenement_controller-ad9380beb3047926fe2ea3b5165fa331.js",
93        "/assets/controllers/sms-message-chart_controller.js": "/assets/controllers/sms-message-chart_controller-b96269e746220f38f290505e6c26a7bf.js",
94        "jquery": "/assets/vendor/jquery/jquery.index-17f151906f0d33fd08ba595868b9eb54.js",
95        "sortablejs": "/assets/vendor/sortablejs/sortablejs.index-0d03dcce5292e1fcb2dd9cb53cdcf5e7.js",
96        "tom-select": "/assets/vendor/tom-select/tom-select.index-825505a8f0122a98fd997f3a88888a6e.js",
97        "chart.js": "/assets/vendor/chart.js/chart.js.index-b049dd7a3f471e5fa707180e89ea5d32.js",
98        "moment": "/assets/vendor/moment/moment.index-8c7303689774a34c0cbb16bd4f4d6682.js",
99        "air-datepicker": "/assets/vendor/air-datepicker/air-datepicker.index-8e11a4d8a74e8c6d74793d8b5589a92c.js",
100        "air-datepicker/air-datepicker.css": "data:application/javascript,",
101        "air-datepicker/locale/fr": "/assets/vendor/air-datepicker/locale/fr-7b639e8926a95a389e10c96cceb50ba8.js",
102        "air-datepicker/locale/es": "/assets/vendor/air-datepicker/locale/es-228512effec7c6fd34ce64d4024695a5.js",
103        "air-datepicker/locale/en": "/assets/vendor/air-datepicker/locale/en-604dceda165c273006921f06cc4972d6.js",
104        "@symfony/ux-live-component": "/assets/@symfony/ux-live-component/live_controller-2f5d9c3dd3f14da5075a68a299183393.js",
105        "swal-utils": "/assets/./js/utils/swal-utils-9e9aeb2965f78a57e27d45ef59e81f17.js",
106        "translator": "/assets/translator-2a981f5d6635237a3fdc49b68f5ecf8a.js",
107        "intl-tel-input": "/assets/vendor/intl-tel-input/intl-tel-input.index-7d2484259cbbfae5d53c960b1989ce75.js",
108        "sweetalert2": "/assets/vendor/sweetalert2/sweetalert2.index-849e75637ed12fbe35f1266592abf2d5.js",
109        "alerte-utils": "/assets/./js/utils/alerte-utils-e7b2840a0c6385f62c9e3379c884a32b.js",
110        "push-utils": "/assets/./js/utils/push-utils-13bf1bb5de23b62caa4805945d804f16.js",
111        "main-utils": "/assets/./js/utils/main-utils-207f166cb6c4515f74dc7bc192714abe.js",
112        "tableexport.jquery.plugin/tableExport.min.js": "/assets/vendor/tableexport.jquery.plugin/tableExport.min-64359eabb059c671b1a501dfba8195b4.js",
113        "tableexport.jquery.plugin/libs/jsPDF/jspdf.umd.min.js": "/assets/vendor/tableexport.jquery.plugin/libs/jsPDF/jspdf.umd.min-db6bed6e66475216d16b1b30700c954b.js",
114        "tableexport.jquery.plugin/libs/FileSaver/FileSaver.min.js": "/assets/vendor/tableexport.jquery.plugin/libs/FileSaver/FileSaver.min-960ef4c12fe01c32429ede411adf5425.js",
115        "bootstrap-table": "/assets/vendor/bootstrap-table/bootstrap-table.index-15140a9b83826a8437907368283a450b.js",
116        "bootstrap-table/dist/locale/bootstrap-table-fr-FR.min.js": "/assets/vendor/bootstrap-table/dist/locale/bootstrap-table-fr-FR.min-e7cd6780f1737c2254f4ce21b393acfb.js",
117        "bootstrap-table/dist/extensions/export/bootstrap-table-export.js": "/assets/vendor/bootstrap-table/dist/extensions/export/bootstrap-table-export-32624e9dbb06bad3f99477a6ebd7758b.js",
118        "bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control.js": "/assets/vendor/bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control-47ae847f1daeb704d52287ed25c73744.js",
119        "moment-timezone": "/assets/vendor/moment-timezone/moment-timezone.index-02968f81fb8c2977b4a0b30b41cbd5f4.js",
120        "lodash/merge": "/assets/vendor/lodash/merge-9992c6d6ecaa4b203046850865a5f470.js",
121        "fine-uploader/fine-uploader/fine-uploader.min.js": "/assets/vendor/fine-uploader/fine-uploader/fine-uploader.min-efe81c1d36a9d84aad29ace0bc7913ab.js",
122        "fine-uploader/fine-uploader/fine-uploader-new.min.css": "data:application/javascript,",
123        "fine-uploader/fine-uploader/fine-uploader-gallery.css": "data:application/javascript,",
124        "evenement-utils": "/assets/./js/utils/evenement-utils-9b3a31fd2328512e8bdc88b3de8ad55f.js",
125        "@symfony/ux-translator": "/assets/@symfony/ux-translator/translator_controller-0242ab7675b6f0f19d2d3628d2080839.js",
126        "/assets/index.js": "/assets/index-c76452c707da7497dc86b21a7f30d448.js",
127        "intl-messageformat": "/assets/vendor/intl-messageformat/intl-messageformat.index-dc94507cef8533167d6a168bc0ab1fdb.js",
128        "/assets/controllers/generate_contrat_controller.js": "/assets/controllers/generate_contrat_controller-b8a46cf15225b2c450fa75dc486dbf11.js",
129        "/assets/controllers/checkbox_controller.js": "/assets/controllers/checkbox_controller-d4ac89f28c2ebe19f9723ced7288d968.js",
130        "/assets/controllers/devis_controller.js": "/assets/controllers/devis_controller-90204979f2749e46c70bef5955fb623a.js",
131        "/assets/controllers/signalement-detail_controller.js": "/assets/controllers/signalement-detail_controller-a253a19b728cb3c323bb7b951f69b697.js",
132        "/assets/controllers/modal-controller.js": "/assets/controllers/modal-controller-a37405bcd39b23716bfd38f57f06bbce.js",
133        "/assets/controllers/droit_controller.js": "/assets/controllers/droit_controller-a27267e3c342ea465c4ebd0300c8c07d.js",
134        "/assets/controllers/signalement-filtre_controller.js": "/assets/controllers/signalement-filtre_controller-7c6513f2955b6f3e3db2679873b65d93.js",
135        "/assets/controllers/signalement-options_controller.js": "/assets/controllers/signalement-options_controller-0894a5c4b88906f1b2ba3e8cc80dd637.js",
136        "/assets/controllers/sms-message_controller.js": "/assets/controllers/sms-message_controller-be7f2584537724d69a99528a0ec618b8.js",
137        "/assets/controllers/alerte-edit-broadcast_controller.js": "/assets/controllers/alerte-edit-broadcast_controller-06769293778d09880b1e418eb5d69c96.js",
138        "agenda_loader": "/assets/agenda_loader-5ad6cb0b960f20f1265d036c09894f6d.js",
139        "/assets/agenda/agenda_controller.js": "/assets/agenda/agenda_controller-97bc96808689a34d964c9b9021b3706f.js",
140        "fullcalendar-adapter": "/assets/agenda/fullcalendar-adapter-91710963a080a5ec180f6c1b4cf4fde3.js",
141        "diapo-utils": "/assets/./js/utils/diapo-utils-07de937f0cacc5a88a71fd1c67eca340.js",
142        "hide-utils": "/assets/./js/utils/hide-utils-8228da144f80b9e5fc4c56d2a72fed38.js",
143        "post-utils": "/assets/./js/utils/post-utils-30d331ade9f8da8cbb222d26d4dcf880.js",
144        "bootstrap": "/assets/vendor/bootstrap/bootstrap.index-1e01aa1aff3ce04d1ff69adb835125cb.js",
145        "@popperjs/core": "/assets/vendor/@popperjs/core/core.index-4
145013baa633d6c530f3ac068433ba0593.js",
146        "bootstrap/dist/css/bootstrap.min.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Fbootstrap%2Fdist%2Fcss%2Fbootstrap.min-cf4cd0b7e86ca2d4039dfed2b7d527d5.css%22%7D%29%29",
147        "tslib": "/assets/vendor/tslib/tslib.index-9a5882eb3038d2453184ddb27579ac78.js",
148        "@formatjs/icu-messageformat-parser": "/assets/vendor/@formatjs/icu-messageformat-parser/icu-messageformat-parser.index-e9eee3aab07d01013dd1eb7df192f426.js",
149        "@formatjs/fast-memoize": "/assets/vendor/@formatjs/fast-memoize/fast-memoize.index-d7a6f96e0ef3f99ebe97a1af232216ed.js",
150        "@formatjs/icu-skeleton-parser": "/assets/vendor/@formatjs/icu-skeleton-parser/icu-skeleton-parser.index-9b1ec1434defbe5aac4960ebd0a01ef9.js",
151        "sweetalert": "/assets/vendor/sweetalert/sweetalert.index-c7386a52a7ba9a2be3f7f68794b57744.js",
152        "tableexport.jquery.plugin": "/assets/vendor/tableexport.jquery.plugin/tableexport.jquery.plugin.index-64359eabb059c671b1a501dfba8195b4.js",
153        "bootstrap-table/dist/bootstrap-table.min.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Fbootstrap-table%2Fdist%2Fbootstrap-table.min-773e552bcbb312ee95add4b410f746ca.css%22%7D%29%29",
154        "bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Fbootstrap-table%2Fdist%2Fextensions%2Ffilter-control%2Fbootstrap-table-filter-control-e9515aafee07da6fb9679aafe0e471c3.css%22%7D%29%29",
155        "bootstrap-table/dist/locale/bootstrap-table-es-ES.js": "/assets/vendor/bootstrap-table/dist/locale/bootstrap-table-es-ES-34cfb0d54ae4264fcd2c7869b38bb9fa.js",
156        "bootstrap-table/dist/locale/bootstrap-table-en-US.min.js": "/assets/vendor/bootstrap-table/dist/locale/bootstrap-table-en-US.min-afe13130ca4c82fd22bfc4fb2356b51b.js",
157        "tom-select/dist/css/tom-select.default.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Ftom-select%2Fdist%2Fcss%2Ftom-select.default-92c31c033a23be0cfebdda3d089d8b11.css%22%7D%29%29",
158        "intl-tel-input/build/css/intlTelInput.min.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Fintl-tel-input%2Fbuild%2Fcss%2FintlTelInput.min-8e12e01f8d763600fda97f5669e1e8f5.css%22%7D%29%29",
159        "@kurkle/color": "/assets/vendor/@kurkle/color/color.index-cb9643b43060e01d0353a24111b0e62a.js",
160        "website-header": "/assets/./js/website/header-de534b7903f92c5c518a5b704970ec14.js",
161        "website-fiches-annuaires": "/assets/./js/website/fiches-annuaires-e3389f6c352e61263fcd4f0a9259e5c3.js",
162        "website-evenements": "/assets/./js/website/evenements-72712b4fbf8db5e49aa80cb7b6ff1f5b.js",
163        "website-sondages": "/assets/./js/website/sondages-855d1eaeda4785186c81ca8cf99414cb.js",
164        "website-voirplus": "/assets/./js/website/voirplus-31a426ffa0239b81b03e870fcaff31e4.js",
165        "tom-select/dist/css/tom-select.bootstrap4.css": "data:application/javascript,document.head.appendChild%28Object.assign%28document.createElement%28%22link%22%29%2C%7Brel%3A%22stylesheet%22%2Chref%3A%22%2Fassets%2Fvendor%2Ftom-select%2Fdist%2Fcss%2Ftom-select.bootstrap4-fa019d9f7e879f3a22bd232c75173c1f.css%22%7D%29%29",
166        "tween.js": "/assets/vendor/tween.js/tween.js.index-59d8a6d668335a280eebe90e181d3b88.js"
167    }
168}
169</script>
169
170<!-- ES Module Shims: Import maps polyfill for modules browsers without import maps support -->
171<script async src="https://ga.jspm.io/npm:[email protected]/dist/es-module-shims.js"></script>
171
172<link rel="modulepreload" href="/assets/app-1d2dfd352f5efb2c018bce944354aab9.js">
173<link rel="modulepreload" href="/assets/bootstrap-8bfedd483d025d26e6b9cbab29128037.js">
174<link rel="modulepreload" href="/assets/js/key-value-collection-95d873824e460d1a955a8964d80a14bc.js">
175<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/loader-20ecc10cbbb74d097d458e14577bcd99.js">
176<link rel="modulepreload" href="/assets/controllers/components/select2_controller-6a6c14ddebf9832e012612a1d8f0a3be.js">
177<link rel="modulepreload" href="/assets/vendor/@hotwired/stimulus/stimulus.index-4b8ccd71e6b1c4ddba22853d5a50a26c.js">
178<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/controllers-9cc5bfe204cd9716d018245121ce12ad.js">
179<link rel="modulepreload" href="/assets/vendor/select2/select2.index-bb03c13222b27a5cfc443ea8f576212e.js">
180<link rel="modulepreload" href="/assets/@arkounay/ux-collection/dist/controller-89248789f3b6b5bd8781dcf4ac149acd.js">
181<link rel="modulepreload" href="/assets/@arkounay/ux-collection/dist/tabbed_controller-ad9ac7bd2b650d38c147c10b09a7fcba.js">
182<link rel="modulepreload" href="/assets/@symfony/ux-autocomplete/controller-14411dd873cc3308cb9a8480553a4b49.js">
183<link rel="modulepreload" href="/assets/@symfony/ux-chartjs/controller-19c9e1e5a885d2c138b7f9f40b8e560a.js">
184<link rel="modulepreload" href="/assets/@symfony/ux-live-component/live_controller-2f5d9c3dd3f14da5075a68a299183393.js">
185<link rel="modulepreload" href="/assets/controllers/annuaire-filter-collapse_controller-c112a399f81459e8cdb70229cb073960.js">
186<link rel="modulepreload" href="/assets/controllers/service-ordre_controller-64c2ad9713a90ff0c94cd11aec6b88c6.js">
187<link rel="modulepreload" href="/assets/controllers/datepicker_controller-7378cdc10717c1b7d0f68271aa091113.js">
188<link rel="modulepreload" href="/assets/controllers/document-item_controller-2776542a4df83c670a6dd0afebf7d01e.js">
189<link rel="modulepreload" href="/assets/controllers/service-form_controller-76fb9ce2fbc17c9247c29a4737dc2cca.js">
190<link rel="modulepreload" href="/assets/controllers/sondage-form_controller-2ceaa1d7b5302a4f41ecab3f1731dfbd.js">
191<link rel="modulepreload" href="/assets/controllers/intl-tel-input_controller-76da96bc6e334a871f2d943471e7410a.js">
192<link rel="modulepreload" href="/assets/controllers/sondage-question-choix-form_controller-0e4c6820b87c5d79f4ca304865f3801e.js">
193<link rel="modulepreload" href="/assets/controllers/alerte-flow_controller-27fed30ab192a0c40bdb2c29554599ab.js">
194<link rel="modulepreload" href="/assets/controllers/sondage-show_controller-f8a59c59095609b74b46d1a67a284ef8.js">
195<link rel="modulepreload" href="/assets/controllers/alerte_controller-a6b2d436b0a46824c66374b82e938060.js">
196<link rel="modulepreload" href="/assets/controllers/fine-uploader_controller-4839d94b37d1dfa3d9ca06e41c113e95.js">
197<link rel="modulepreload" href="/assets/controllers/signalement-table_controller-65d5ce28f4cb841f2f1cd6a78481bd4d.js">
198<link rel="modulepreload" href="/assets/controllers/google-map-autocomplete_controller-3032003cb7e88f8808f48945f16e5dd7.js">
199<link rel="modulepreload" href="/assets/controllers/agenda_modal_controller-0848064f29058dbaaa96fad6dde160ff.js">
200<link rel="modulepreload" href="/assets/controllers/application_controller-738b48eef826d7f69f39d44a23b8c8d0.js">
201<link rel="modulepreload" href="/assets/controllers/sondage_chart_controller-d7f711a20854ca1c4affda90eb15fbb9.js">
202<link rel="modulepreload" href="/assets/controllers/chart-abonnements_controller-9d5aa7f84055c25f28cc9922371aaa29.js">
203<link rel="modulepreload" href="/assets/controllers/form-annuaire-fiche-filter_controller-d7898085f8fc6b91d9cc0fddf1df753f.js">
204<link rel="modulepreload" href="/assets/controllers/document-board_controller-63347a3907f1d9a567310b3ffb533713.js">
205<link rel="modulepreload" href="/assets/controllers/collapse-label-toggle_controller-17cd727991c4ee6b948ab5cc90f7d57d.js">
206<link rel="modulepreload" href="/assets/controllers/evenement_controller-ad9380beb3047926fe2ea3b5165fa331.js">
207<link rel="modulepreload" href="/assets/controllers/sms-message-chart_controller-b96269e746220f38f290505e6c26a7bf.js">
208<link rel="modulepreload" href="/assets/vendor/jquery/jquery.index-17f151906f0d33fd08ba595868b9eb54.js">
209<link rel="modulepreload" href="/assets/vendor/sortablejs/sortablejs.index-0d03dcce5292e1fcb2dd9cb53cdcf5e7.js">
210<link rel="modulepreload" href="/assets/vendor/tom-select/tom-select.index-825505a8f0122a98fd997f3a88888a6e.js">
211<link rel="modulepreload" href="/assets/vendor/chart.js/chart.js.index-b049dd7a3f471e5fa707180e89ea5d32.js">
212<link rel="modulepreload" href="/assets/vendor/moment/moment.index-8c7303689774a34c0cbb16bd4f4d6682.js">
213<link rel="modulepreload" href="/assets/vendor/air-datepicker/air-datepicker.index-8e11a4d8a74e8c6d74793d8b5589a92c.js">
214<link rel="modulepreload" href="/assets/vendor/air-datepicker/locale/fr-7b639e8926a95a389e10c96cceb50ba8.js">
215<link rel="modulepreload" href="/assets/vendor/air-datepicker/locale/es-228512effec7c6fd34ce64d4024695a5.js">
216<link rel="modulepreload" href="/assets/vendor/air-datepicker/locale/en-604dceda165c273006921f06cc4972d6.js">
217<link rel="modulepreload" href="/assets/./js/utils/swal-utils-9e9aeb2965f78a57e27d45ef59e81f17.js">
218<link rel="modulepreload" href="/assets/translator-2a981f5d6635237a3fdc49b68f5ecf8a.js">
219<link rel="modulepreload" href="/assets/vendor/intl-tel-input/intl-tel-input.index-7d2484259cbbfae5d53c960b1989ce75.js">
220<link rel="modulepreload" href="/assets/vendor/sweetalert2/sweetalert2.index-849e75637ed12fbe35f1266592abf2d5.js">
221<link rel="modulepreload" href="/assets/./js/utils/alerte-utils-e7b2840a0c6385f62c9e3379c884a32b.js">
222<link rel="modulepreload" href="/assets/./js/utils/push-utils-13bf1bb5de23b62caa4805945d804f16.js">
223<link rel="modulepreload" href="/assets/./js/utils/main-utils-207f166cb6c4515f74dc7bc192714abe.js">
224<link rel="modulepreload" href="/assets/vendor/tableexport.jquery.plugin/tableExport.min-64359eabb059c671b1a501dfba8195b4.js">
225<link rel="modulepreload" href="/assets/vendor/tableexport.jquery.plugin/libs/jsPDF/jspdf.umd.min-db6bed6e66475216d16b1b30700c954b.js">
226<link rel="modulepreload" href="/assets/vendor/tableexport.jquery.plugin/libs/FileSaver/FileSaver.min-960ef4c12fe01c32429ede411adf5425.js">
227<link rel="modulepreload" href="/assets/vendor/bootstrap-table/bootstrap-table.index-15140a9b83826a8437907368283a450b.js">
228<link rel="modulepreload" href="/assets/vendor/bootstrap-table/dist/locale/bootstrap-table-fr-FR.min-e7cd6780f1737c2254f4ce21b393acfb.js">
229<link rel="modulepreload" href="/assets/vendor/bootstrap-table/dist/extensions/export/bootstrap-table-export-32624e9dbb06bad3f99477a6ebd7758b.js">
230<link rel="modulepreload" href="/assets/vendor/bootstrap-table/dist/extensions/filter-control/bootstrap-table-filter-control-47ae847f1daeb704d52287ed25c73744.js">
231<link rel="modulepreload" href="/assets/vendor/moment-timezone/moment-timezone.index-02968f81fb8c2977b4a0b30b41cbd5f4.js">
232<link rel="modulepreload" href="/assets/vendor/lodash/merge-9992c6d6ecaa4b203046850865a5f470.js">
233<link rel="modulepreload" href="/assets/vendor/fine-uploader/fine-uploader/fine-uploader.min-efe81c1d36a9d84aad29ace0bc7913ab.js">
234<link rel="modulepreload" href="/assets/./js/utils/evenement-utils-9b3a31fd2328512e8bdc88b3de8ad55f.js">
235<link rel="modulepreload" href="/assets/@symfony/ux-translator/translator_controller-0242ab7675b6f0f19d2d3628d2080839.js">
236<link rel="modulepreload" href="/assets/index-c76452c707da7497dc86b21a7f30d448.js">
237<link rel="modulepreload" href="/assets/vendor/intl-messageformat/intl-messageformat.index-dc94507cef8533167d6a168bc0ab1fdb.js">
238<script type="module">import 'app';</script>
238
239                            <link rel="stylesheet" href="/assets/styles/website/app-45778fba35de5dfde842d5e7749aff19.css">
240        
241    <link rel="stylesheet" href="/assets/vendor/intl-tel-input/build/css/intlTelInput.min-8e12e01f8d763600fda97f5669e1e8f5.css">
242    <style>
243        .iti__selected-flag {
244            z-index: 10 !important;
245        }
246
247        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
248            border-radius: 64px 0 0 64px;
249        }
250    </style>
251
252                        
252<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
252
253            
253<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
253
254
255            
255<script src="/assets/js/website/app-website-e1c6b99393ee20d956a512b7d4df6e33.js" type="module"></script>
255
256
257            <!-- Matomo -->
258            
258<script>
259                var _paq = window._paq = window._paq || [];
260                /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
261                _paq.push(['trackPageView']);
262                _paq.push(['enableLinkTracking']);
263                (function() {
264                    var u="https://analytics.diagram-info.com/";
265                    _paq.push(['setTrackerUrl', u+'matomo.php']);
266                    _paq.push(['setSiteId', '5']);
267                    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
268                    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
269                })();
270            </script>
270
271            <!-- End Matomo Code -->
272
273            
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289            <!-- Renders app.js & a webpack runtime.js file
290                
290<script src="/build/runtime.js" defer></script>
290
291                
291<script src="/build/app.js" defer></script>
291
292                See note below about the "defer" attribute -->
293
294                                
295    
295<script>
296        window.onload = function () {
297            $('img.plus-vert').hover(function () {
298                $(this).attr("src", "/charte_public_website/plus_vert_plein.svg");
299            }, function () {
300                $(this).attr("src", "/charte_public_website/plus_vert_vide.svg");
301            });
302        };
303    </script>
303
304
305    
305<script>
306        function initCouleurPicto() {
307            $(".service-item > img").each(function (index, elem) {
308                const couleur = $(elem).data("couleur");
309
310                $(elem).parent().hover(function () {
311                    $(this).css('color', couleur);
312                }, function () {
313                    $(this).css('color', "inherit");
314                });
315            });
316        }
317
318        window.onload = () => {
319            initCouleurPicto();
320        };
321    </script>
321
322    
322<script src="/assets/js/intlTelInput/intlTelInput.min-4bc6cbebe17751f97f306315b1c64b1a.js"></script>
322
323    
323<script>
324        window.addEventListener('load', () => {
325            // initialise plugin
326            const input = document.querySelector("#phone"),
327                button = document.querySelector("#button_add_phone"),
328                form = document.querySelector("#form_add_phone");
329
330            if (input == null) return;
331
332            const input_rem = document.querySelector("#phone_rem"),
333                button_rem = document.querySelector("#button_rem_phone"),
334                form_rem = document.querySelector("#form_rem_phone");
335
336            // here, the index maps to the error code returned from getValidationError - see readme
337            const errorMap = [
338                "Numéro invalide",
339                "Code pays invalide",
340                "Numéro trop court",
341                "Numéro trop long",
342                "Numéro invalide"
343            ];
344
345            const iti = window.intlTelInput(input, {
346                //onlyCountries: ["fr"],
347                initialCountry: "auto",
348                geoIpLookup: function(callback) {
349                    $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
350                        const countryCode = (resp && resp.country) ? resp.country : "fr";
351                        callback(countryCode);
352                    });
353                },
354                utilsScript: "/assets/js/intlTelInput/utils-8868fab2118e750c14f6e87bcc4ff707.js" // just for formatting/placeholders etc
355            });
356
357            const iti_rem = window.intlTelInput(input_rem, {
358                //onlyCountries: ["fr"],
359                initialCountry: "auto",
360                geoIpLookup: function(callback) {
361                    $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
362                        const countryCode = (resp && resp.country) ? resp.country : "fr";
363                        callback(countryCode);
364                    });
365                },
366                utilsScript: "/assets/js/intlTelInput/utils-8868fab2118e750c14f6e87bcc4ff707.js" // just for formatting/placeholders etc
367            });
368
369            const controle = function(input, form) {
370                if (input.value.trim()) {
371                    if (iti.isValidNumber()) {
372                        input.value = iti.getNumber(intlTelInputUtils.numberFormat.E164);
373                        form.submit();
374                        console.log(iti.getNumber(intlTelInputUtils.numberFormat.E164));
375                    } else {
376                        const errorCode = iti.getValidationError();
377                        console.log(errorCode);
378                        Swal.fire({
379                            title: errorMap[errorCode],
380                            icon: "warning",
381                            confirmButtonText: "OK"
382                        });
383                    }
384                }
385            };
386
387            const controle_rem = function(input, form) {
388                if (input.value.trim()) {
389                    if (iti_rem.isValidNumber()) {
390                        input.value = iti_rem.getNumber(intlTelInputUtils.numberFormat.E164);
391                        form.submit();
392                        console.log(iti_rem.getNumber(intlTelInputUtils.numberFormat.E164));
393                    } else {
394                        const errorCode = iti_rem.getValidationError();
395                        console.log(errorCode);
396                        Swal.fire({
397                            title: errorMap[errorCode],
398                            icon: "warning",
399                            confirmButtonText: "OK"
400                        });
401                    }
402                }
403            };
404
405            $("#form_add_phone").bind("keypress", function (e) {
406                if (e.keyCode === 13) {
407                    controle(input, form);
408                    return false;
409                }
410            });
411
412            $("#form_rem_phone").bind("keypress", function (e) {
413                if (e.keyCode === 13) {
414                    controle(input_rem, form_rem);
415                    return false;
416                }
417            });
418
419            button.addEventListener('click', function(event) {
420                event.preventDefault();
421                controle(input, form);
422            });
423
424            button_rem.addEventListener('click', function(event) {
425                event.preventDefault();
426                controle_rem(input_rem, form_rem);
427            });
428        });
429    </script>
429
430    </head>
431
432    <body>
433                        
434<header id="header">
435    <div class="fixed-top fond-blanc">
436        <div class="container-fluid fond-gris">
437            <div class="container">
438                <div class="row">
439                    <a href="https://www.illiwap.com/" title="Accueil d&#039;illiwap"
440                       class="col-5 py-2"><img class="logo-illiwap"
441                                               src="/charte_public_website/logo_illiwap_mobile.svg"
442                                                                    alt="Application citoyenne de la commune de Mairie de Hauteville-sur-Mer"
443                                                                               loading="lazy"/></a>
444                    <div class="col-7 p-1 texte-blanc text-uppercase d-flex flex-row justify-content-end align-items-center">
445                                                                                    <svg height="16" width="18">
446                                    <circle cx="8" cy="8" r="6" fill="white"></circle>
447                                </svg>
448                                <span class="me-2"><b>fr</b></span>
449                                                                                                                <a href="/en" rel="alternate"
450                                   hreflang="en" class="me-2">en</a>
451                                                                                
452                                                                                                                <a href="/es" rel="alternate"
453                                   hreflang="es" class="me-2">es</a>
454                                                                        </div>
455                </div>
456            </div>
457        </div>
458
459        <div class="container entete">
460            <div class="row align-items-center h-100">
461                <button id="burgerButton" class="col-2 col-md-1 navbar-toggler collapsed" type="button" data-toggle="collapse"
462                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
463                        aria-expanded="false" aria-label="Toggle navigation">
464                    <span class="navbar-toggler-icon"></span>
465                </button>
466                                                                                        <div class="col-4 col-md-3 col-lg-2 logo-mairie-container">
467                                <a href="/"
468                                   title="Mairie de Hauteville-sur-Mer"><img
469                                            class="logo-mairie float-end"
470                                            src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_station_show/uploads/images/stations/657c2a12cd50e034608631.png"
471                                            alt=""
472                                            loading="lazy"/></a>
473                            </div>
474                            <div class="col">
475                                <a href="/"
476                                   title="Mairie de Hauteville-sur-Mer">
477                                    <h1 class="texte-gris titre" title="Application citoyenne de la commune de Mairie de Hauteville-sur-Mer">
478                                        Mairie de Hauteville-sur-Mer
479                                    </h1>
480                                </a>
481                            </div>
482                                                                        </div>
483        </div>
484
485        <div class="container-fluid navbar-container px-0 fond-creme">
486            <div class="container h-100">
487                <nav class="navbar  navbar-light h-100">
488                    <div class="container-fluid fond-creme justify-content-center">
489                                                <div class="w-100 px-5" id="navbarSupportedContent">
490                            <ul class="d-flex me-auto align-items-center justify-content-evenly">
491                                                                    <li class="nav-item text-center dropdown">
492                                        <a class="nav-link"
493                                           href="/"
494                                           id="navbarDropdown" role="button"
495                                           title="Accueil de Mairie de Hauteville-sur-Mer">
496                                                                                            Votre mairie
497                                                                                    </a>
498                                        <ul class="dropdown-menu d-none d-md-block" aria-labelledby="navbarDropdown">
499                                            <li><a class="dropdown-item"
500                                                   href="/fr/infos"
501                                                   title="Infos pratique de Mairie de Hauteville-sur-Mer">Informations pratiques</a>
502                                            </li>
503                                                                                            <li><a class="dropdown-item"
504                                                       href="/fr/annuaire"
505                                                       title="Annuaire de Mairie de Hauteville-sur-Mer">Annuaire</a>
506                                                </li>
507                                                                                                                                                                            </ul>
508                                    </li>
509                                    <li class="nav-item text-center">
510                                        <a class="nav-link my-auto"
511                                           href="/fr/actu"
512                                           title="Actualités de Mairie de Hauteville-sur-Mer">Actualités</a>
513                                    </li>
514                                                                            <li class="nav-item text-center">
515                                            <a class="nav-link"
516                                               href="/fr/evenements"
517                                               title="Agenda de Mairie de Hauteville-sur-Mer">Agenda</a>
518                                        </li>
519                                                                                                                <li class="nav-item text-center">
520                                            <a class="nav-link"
521                                               href="/#participer"
522                                               title="Participer">Participer</a>
523                                        </li>
524                                                                                                                <li class="nav-item text-center dropdown">
525                                            <a class="nav-link"
526                                               href="/#services"
527                                               id="navbarDropdown" role="button"
528                                               title="">
529                                                Services
530                                            </a>
531                                            <ul class="dropdown-menu d-none d-md-block"
532                                                aria-labelledby="navbarDropdown">
533                                                                                                    <li>
534                                                                                                                                                                                                                                    <a class="dropdown-item"
535                                                           href="/fr/services/vie-municipale-1"
536                                                                                                                      title="VIE MUNICIPALE">VIE MUNICIPALE</a>
537                                                    </li>
538                                                                                                    <li>
539                                                                                                                                                                                                                                    <a class="dropdown-item"
540                                                           href="/fr/services/etat-civil-6"
541                                                                                                                      title="ETAT CIVIL">ETAT CIVIL</a>
542                                                    </li>
543                                                                                                    <li>
544                                                                                                                                                                                                                                    <a class="dropdown-item"
545                                                           href="/fr/services/urbanisme-11"
546                                                                                                                      title="URBANISME">URBANISME</a>
547                                                    </li>
548                                                                                                    <li>
549                                                                                                                                                                                                                                    <a class="dropdown-item"
550                                                           href="/fr/services/aide-administrative"
551                                                                                                                      title="AIDE ADMINISTRATIVE">AIDE ADMINISTRATIVE</a>
552                                                    </li>
553                                                                                                    <li>
554                                                                                                                                                                                                                                    <a class="dropdown-item"
555                                                           href="/fr/services/securite-reglementation-1"
556                                                                                                                      title="SÉCURITÉ &amp; RÉGLEMENTATION">SÉCURITÉ &amp; RÉGLEMENTATION</a>
557                                                    </li>
558                                                                                                    <li>
559                                                                                                                                                                                                                                    <a class="dropdown-item"
560                                                           href="/fr/services/risques"
561                                                                                                                      title="RISQUES">RISQUES</a>
562                                                    </li>
563                                                                                                    <li>
564                                                                                                                                                                                                                                    <a class="dropdown-item"
565                                                           href="/fr/services/histoire-patrimoine"
566                                                                                                                      title="HISTOIRE-PATRIMOINE">HISTOIRE-PATRIMOINE</a>
567                                                    </li>
568                                                                                                    <li>
569                                                                                                                                                                                                                                    <a class="dropdown-item"
570                                                           href="/fr/services/tourisme-8"
571                                                                                                                      title="TOURISME">TOURISME</a>
572                                                    </li>
573                                                                                                    <li>
574                                                                                                                                                                                                                                    <a class="dropdown-item"
575                                                           href="/fr/services/gestion-des-dechets-7"
576                                                                                                                      title="GESTION DES DÉCHETS">GESTION DES DÉCHETS</a>
577                                                    </li>
578                                                                                                    <li>
579                                                                                                                                                                                                                                    <a class="dropdown-item"
580                                                           href="/fr/services/seniors"
581                                                                                                                      title="SENIORS">SENIORS</a>
582                                                    </li>
583                                                                                                    <li>
584                                                                                                                                                                                                                                    <a class="dropdown-item"
585                                                           href="/fr/services/enfance-jeunesse-2"
586                                                                                                                      title="ENFANCE &amp; JEUNESSE">ENFANCE &amp; JEUNESSE</a>
587                                                    </li>
588                                                                                                    <li>
589                                                                                                                                                                                                                                    <a class="dropdown-item"
590                                                           href="/fr/services/sante-1"
591                                                                                                                      title="SANTE">SANTE</a>
592                                                    </li>
593                                                                                                    <li>
594                                                                                                                                                                                                                                    <a class="dropdown-item"
595                                                           href="/fr/services/transports-7"
596                                                                                                                      title="TRANSPORTS">TRANSPORTS</a>
597                                                    </li>
598                                                                                                    <li>
599                                                                                                                 
599                                                                                                                   <a class="dropdown-item"
600                                                           href="/fr/services/animaux-nuisibles"
601                                                                                                                      title="ANIMAUX NUISIBLES">ANIMAUX NUISIBLES</a>
602                                                    </li>
603                                                                                                    <li>
604                                                                                                                                                                                                                                    <a class="dropdown-item"
605                                                           href="/fr/services/informations-utiles-3"
606                                                                                                                      title="INFORMATIONS UTILES">INFORMATIONS UTILES</a>
607                                                    </li>
608                                                                                                    <li>
609                                                                                                                                                                                                                                    <a class="dropdown-item"
610                                                           href="https://www.tourisme-coutances.fr/nos-webcams/webcam-hauteville-sur-mer/"
611                                                           target="_blank"                                                           title="WEBCAM &quot;LA CALE SUD&quot;">WEBCAM &quot;LA CALE SUD&quot;</a>
612                                                    </li>
613                                                                                                    <li>
614                                                                                                                                                                                                                                    <a class="dropdown-item"
615                                                           href="/fr/services/offres-demplois"
616                                                                                                                      title="OFFRES D&#039;EMPLOIS ">OFFRES D&#039;EMPLOIS </a>
617                                                    </li>
618                                                                                            </ul>
619
620                                        </li>
621                                                                        <li class="nav-item text-center">
622                                        <a class="nav-link"
623                                           href="/fr/infos#contact-form"
624                                           title="Contacter Mairie de Hauteville-sur-Mer">Contact</a>
625                                    </li>
626
627                                                            </ul>
628                        </div>
629                    </div>
630                </nav>
631            </div>
632        </div>
633    </div>
634</header>
635
636
637            <main>
638                <div class="not-fixed-content">
639                        <div class="container-fluid px-0 main-photo-container">
640                    <img class="img-fluid main-photo"
641                 src="/uploads/images/stations/couvertures/6a7ee2407c7d9028874897.png"
642                 alt="" loading="lazy"/>
643            </div>
644
645    <section class="container-fluid section" id="actualites">
646        <div class="row justify-content-center py-3">
647            <div class="col">
648                <h2 class="titre texte-vert-clair text-center"
649                    title="Actualité sur l&#039;application illiwap de la commune de Mairie de Hauteville-sur-Mer">
650                    Actualités
651                </h2>
652            </div>
653        </div>
654        <div class="container">
655                            <div class="row justify-content-center justify-content-md-start gx-md-5">
656                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
657                            <article itemscope itemtype="https://schema.org/NewsArticle" 
657class="card my-4">
658                                <div class="card-image">
659                                    <a href="/fr/actu/reunion-d-information-pour-lutter-contre-les-arnaques" title="Réunion d&#039;information pour lutter contre les arnaques">
660                                                                                                                                                                                                                        <meta itemprop="image" content="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/JFWty70O93JijmRKXlLlTyv4VYznuKYCPuc4eO6VwT0.PNG" >
661                                                <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/JFWty70O93JijmRKXlLlTyv4VYznuKYCPuc4eO6VwT0.PNG"
662                                                     alt="" loading="lazy"/>
663                                                                                                                        </a>
664                                </div>
665                                <div class="card-body">
666                                    <header>
667                                        <a href="/fr/actu/reunion-d-information-pour-lutter-contre-les-arnaques" title="Réunion d&#039;information pour lutter contre les arnaques">
668                                            <h3 itemprop="headline" class="titre-card texte-gris fw-bold" title="Réunion d&#039;information pour lutter contre les arnaques">
669                                                                                                    Réunion d'information pour lutter contre les arnaques
670                                                                                            </h3>
671                                        </a>
672                                        <time itemprop="datePublished" datetime="2026-09-24T11:00:00+02:00" class="texte-gris-clair my-2">
673                                            24/09/2026
674                                        </time>
675                                    </header>
676                                    <div class="text-center py-3">
677                                        <meta itemprop="url" content="https://www.hauteville-sur-mer.fr/fr/actu/reunion-d-information-pour-lutter-contre-les-arnaques" >
678                                        <a href="/fr/actu/reunion-d-information-pour-lutter-contre-les-arnaques" title="Réunion d&#039;information pour lutter contre les arnaques"
679                                           class="btn button-article">
680                                            <span class="mx-4">
681                                                Lire la suite
682                                            </span>
683                                            <span></span>
684                                        </a>
685                                    </div>
686                                </div>
687                            </article>
688                        </div>
689                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
690                            <article itemscope itemtype="https://schema.org/NewsArticle" class="card my-4">
691                                <div class="card-image">
692                                    <a href="/fr/actu/jna-journee-nationale-des-artistes" title="JNA - Journée Nationale des Artistes">
693                                                                                                                                                                                                                        <meta itemprop="image" content="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/y8J5YtgDE-h6cFuIdJlYQxmUAYK5KWovFQELVL_O_vI.jpg" >
694                                                <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/y8J5YtgDE-h6cFuIdJlYQxmUAYK5KWovFQELVL_O_vI.jpg"
695                                                     alt="" loading="lazy"/>
696                                                                                                                        </a>
697                                </div>
698                                <div class="card-body">
699                                    <header>
700                                        <a href="/fr/actu/jna-journee-nationale-des-artistes" title="JNA - Journée Nationale des Artistes">
701                                            <h3 itemprop="headline" class="titre-card texte-gris fw-bold" title="JNA - Journée Nationale des Artistes">
702                                                                                                    JNA - Journée Nationale des Artistes
703                                                                                            </h3>
704                                        </a>
705                                        <time itemprop="datePublished" datetime="2026-09-17T11:00:00+02:00" class="texte-gris-clair my-2">
706                                            17/09/2026
707                                        </time>
708                                    </header>
709                                    <div class="text-center py-3">
710                                        <meta itemprop="url" content="https://www.hauteville-sur-mer.fr/fr/actu/jna-journee-nationale-des-artistes" >
711                                        <a href="/fr/actu/jna-journee-nationale-des-artistes" title="JNA - Journée Nationale des Artistes"
712                                           class="btn button-article">
713                                            <span class="mx-4">
714                                                Lire la suite
715                                            </span>
716                                            <span></span>
717                                        </a>
718                                    </div>
719                                </div>
720                            </article>
721                        </div>
722                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
723                            <article itemscope itemtype="https://schema.org/NewsArticle" class="card my-4">
724                                <div class="card-image">
725                                    <a href="/fr/actu/don-du-sang-1635" title="🩸 Don du sang">
726                                                                                                                                                                                                                        <meta itemprop="image" content="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/LLzGx-wHl5vTqA0YmAE_JoNDOfC5ZvyYbr2vEKKa6MA.jpg" >
727                                                <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/uploads/alertes/documents/LLzGx-wHl5vTqA0YmAE_JoNDOfC5ZvyYbr2vEKKa6MA.jpg"
728                                                     alt="" loading="lazy"/>
729                                                                                                                        </a>
730                                </div>
731                                <div class="card-body">
732                                    <header>
733                                        <a href="/fr/actu/don-du-sang-1635" title="🩸 Don du sang">
734                                            <h3 itemprop="headline" class="titre-card texte-gris fw-bold" title="🩸 Don du sang">
735                                                                                                    🩸 Don du sang
736                                                                                            </h3>
737                                        </a>
738                                        <time itemprop="datePublished" datetime="2026-09-16T11:00:00+02:00" class="texte-gris-clair my-2">
739                                            16/09/2026
740                                        </time>
741                                    </header>
742                                    <div class="text-center py-3">
743                                        <meta itemprop="url" content="https://www.hauteville-sur-mer.fr/fr/actu/don-du-sang-1635" >
744                                        <a href="/fr/actu/don-du-sang-1635" title="🩸 Don du sang"
745                                           class="btn button-article">
746                                            <span class="mx-4">
747                                                Lire la suite
748                                            </span>
749                                            <span></span>
750                                        </a>
751                                    </div>
752                                </div>
753                            </article>
754                        </div>
755                                    </div>
756                <div class="row mt-2 mb-4 align-self-center">
757                    <div class="text-center py-3">
758                        <a href="/fr/actu"
759                           class="btn button-totalite"
760                           title="Actualité sur l&#039;application illiwap de la commune de Mairie de Hauteville-sur-Mer">
761                            <span class="mx-4">
762                                Toute l&#039;actu
763                            </span>
764                        </a>
765                    </div>
766                </div>
767                    </div>
768    </section>
769            <section class="container-fluid px-0 section fond-creme pt-1 pb-3" id="evenements">
770            <div class="w-100 entete-section-corail mb-4">
771                <div class="container">
772                    <div class="section-content">
773                        <div class="row justify-content-center">
774                            <div class="col-11 col-md-6 col-lg-5 col-xl-4 col-xxl-4 fond-creme">
775                                <h2 class="titre texte-corail text-center mt-1 mt-xl-0">
776                                    Événements à venir
777                                </h2>
778                            </div>
779                        </div>
780                    </div>
781                </div>
782            </div>
783            <div class="container">
784                <div class="row justify-content-center justify-content-md-start gx-md-5">
785                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
786                            <div class="card my-4">
787                                <a href="/fr/evenements/bus-france-service-29" title="Bus France Service">
788                                    <div class="card-image img-evenement">
789                                                                                    <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/charte_public_website/placeholder_evenement.png"
790                                                 alt="" loading="lazy"/>
791                                                                            </div>
792                                </a>
793                                <div class="card-body">
794                                    <time class="texte-corail date-evenement my-2 fw-bold">
795                                            12 oct. 2026 10:00 - 14:00
796
797                                    </time>
798                                    <a href="/fr/evenements/bus-france-service-29" title="Bus France Service">
799                                        <div class="texte-gris description-evenement" title="Bus France Service">
800                                                                                            Bus France Service
801                                                                                    </div>
802                                    </a>
803                                    <div class="text-center py-3">
804                                        <a href="/fr/evenements/bus-france-service-29" title="Bus France Service"
805                                           class="btn button-evenement">
806                                        <span class="mx-4" title="Bus France Service">
807                                            Voir plus
808                                        </span>
809                                        </a>
810                                    </div>
811                                </div>
812                            </div>
813                        </div>
814                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
815                            <div class="card my-4">
816                                <a href="/fr/evenements/bus-france-service-31" title="Bus France Service">
817                                    <div class="card-image img-evenement">
818                                                                                    <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/charte_public_website/placeholder_evenement.png"
819                                                 alt="" loading="lazy"/>
820                                                                            </div>
821                                </a>
822                                <div class="card-body">
823                                    <time class="texte-corail date-evenement my-2 fw-bold">
824                                            16 nov. 2026 10:00 - 00:00
825
826                                    </time>
827                                    <a href="/fr/evenements/bus-france-service-31" title="Bus France Service">
828                                        <div class="texte-gris description-evenement" title="Bus France Service">
829                                                                                            Bus France Service
830                                                                                    </div>
831                                    </a>
832                                    <div class="text-center py-3">
833                                        <a href="/fr/evenements/bus-france-service-31" title="Bus France Service"
834                                           class="btn button-evenement">
835                                        <span class="mx-4" title="Bus France Service">
836                                            Voir plus
837                                        </span>
838                                        </a>
839                                    </div>
840                                </div>
841                            </div>
842                        </div>
843                                            <div class="col-12 col-sm-10 col-md-6 col-lg-6 col-xl-4">
844                            <div class="card my-4">
845                                <a href="/fr/evenements/bus-france-service-32" title="Bus France Service">
846                                    <div class="card-image img-evenement">
847                                                                                    <img src="https://www.hauteville-sur-mer.fr/media/cache/resolve/vignette_alerte_media/charte_public_website/placeholder_evenement.png"
848                                                 alt="" loading="lazy"/>
849                                                                            </div>
850                                </a>
851                                <div class="card-body">
852                                    <time class="texte-corail date-evenement my-2 fw-bold">
853                                            21 déc. 2026 10:00 - 00:00
854
855                                    </time>
856                                    <a href="/fr/evenements/bus-france-service-32" title="Bus France Service">
857                                        <div class="texte-gris description-evenement" title="Bus France Service">
858                                                                                            Bus France Service
859                                                                                    </div>
860                                    </a>
861                                    <div class="text-center py-3">
862                                        <a href="/fr/evenements/bus-france-service-32" title="Bus France Service"
863                                           class="btn button-evenement">
864                                        <span class="mx-4" title="Bus France Service">
865                                            Voir plus
866                                        </span>
867                                        </a>
868                                    </div>
869                                </div>
870                            </div>
871                        </div>
872                                    </div>
873                <div class="row mt-2 mb-4 align-self-center">
874                    <div class="text-center py-3">
875                        <div class="btn mx-4 button-totalite"
876                             data-form-url="/fr/evenements/filter">
877                            <span class="mx-4">
878                                Tous les événements
879                            </span>
880                        </div>
881                    </div>
882                </div>
883            </div>
884        </section>
885                    <div class="container-fluid px-0 section pt-1 pb-3">
886            <div class="w-100 entete-section-gris mb-4">
887                <div class="container">
888                    <div class="section-content">
889                        <div class="row justify-content-center">
890                            <div class="col-11 col-md-6 col-lg-5 col-xl-4 col-xxl-4 fond-blanc">
891                                <h2 id="services" class="titre texte-gris text-center mt-1 mt-xl-0">
892                                    Services
893                                </h2>
894                            </div>
895                        </div>
896                    </div>
897                </div>
898            </div>
899        </div>
900        <div class="container section mb-5">
901            <div class="row">
902                                        
903    <div class="px-3 py-2 col-12 col-lg-6">
904        <a href="/fr/services/vie-municipale-1" target="" title="VIE MUNICIPALE">
905            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
906                <img src="//station.illiwap.com/fr/public/50231/services/picto/36-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
907                <h2 class="ps-3 fs-5 user-select-none">VIE MUNICIPALE</h2>
908            </div>
909        </a>
910    </div>
911
912
913                                        
914    <div class="px-3 py-2 col-12 col-lg-6">
915        <a href="/fr/services/etat-civil-6" target="" title="ETAT CIVIL">
916            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
917                <img src="//station.illiwap.com/fr/public/50231/services/picto/36-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
918                <h2 class="ps-3 fs-5 user-select-none">ETAT CIVIL</h2>
919            </div>
920        </a>
921    </div>
922
923
924                                        
925    <div class="px-3 py-2 col-12 col-lg-6">
926        <a href="/fr/services/urbanisme-11" target="" title="URBANISME">
927            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
928                <img src="//station.illiwap.com/fr/public/50231/services/picto/28-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
929                <h2 class="ps-3 fs-5 user-select-none">URBANISME</h2>
930            </div>
931        </a>
932    </div>
933
934
935                                        
936    <div class="px-3 py-2 col-12 col-lg-6">
937        <a href="/fr/services/aide-administrative" target="" title="AIDE ADMINISTRATIVE">
938            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
939                <img src="//station.illiwap.com/fr/public/50231/services/picto/2-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
940                <h2 class="ps-3 fs-5 user-select-none">AIDE ADMINISTRATIVE</h2>
941            </div>
942        </a>
943    </div>
944
945
946                                        
947    <div class="px-3 py-2 col-12 col-lg-6">
948        <a href="/fr/services/securite-reglementation-1" target="" title="SÉCURITÉ &amp; RÉGLEMENTATION">
949            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
950                <img src="//station.illiwap.com/fr/public/50231/services/picto/24-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
951                <h2 class="ps-3 fs-5 user-select-none">SÉCURITÉ &amp; RÉGLEMENTATION</h2>
952            </div>
953        </a>
954    </div>
955
956
957                                        
958    <div class="px-3 py-2 col-12 col-lg-6">
959        <a href="/fr/services/risques" target="" title="RISQUES">
960            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
961                <img src="//station.illiwap.com/fr/public/50231/services/picto/38-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
962                <h2 class="ps-3 fs-5 user-select-none">RISQUES</h2>
963            </div>
964        </a>
965    </div>
966
967
968                                        
969    <div class="px-3 py-2 col-12 col-lg-6">
970        <a href="/fr/services/histoire-patrimoine" target="" title="HISTOIRE-PATRIMOINE">
971            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
972                <img src="//station.illiwap.com/fr/public/50231/services/picto/36-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
973                <h2 class="ps-3 fs-5 user-select-none">HISTOIRE-PATRIMOINE</h2>
974            </div>
975        </a>
976    </div>
977
978
979                                        
980    <div class="px-3 py-2 col-12 col-lg-6">
981        <a href="/fr/services/tourisme-8" target="" title="TOURISME">
982            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
983                <img src="//station.illiwap.com/fr/public/50231/services/picto/43-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
984                <h2 class="ps-3 fs-5 user-select-none">TOURISME</h2>
985            </div>
986        </a>
987    </div>
988
989
990                                        
991    <div class="px-3 py-2 col-12 col-lg-6">
992        <a href="/fr/services/gestion-des-dechets-7" target="" title="GESTION DES DÉCHETS">
993            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
994                <img src="//station.illiwap.com/fr/public/50231/services/picto/9-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
995                <h2 class="ps-3 fs-5 user-select-none">GESTION DES DÉCHETS</h2>
996            </div>
997        </a>
998    </div>
999
1000
1001                                        
1002    <div class="px-3 py-2 col-12 col-lg-6">
1003        <a href="/fr/services/seniors" target="" title="SENIORS">
1004            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1005                <img src="//station.illiwap.com/fr/public/50231/services/picto/13-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1006                <h2 class="ps-3 fs-5 user-select-none">SENIORS</h2>
1007            </div>
1008        </a>
1009    </div>
1010
1011
1012                                        
1013    <div class="px-3 py-2 col-12 col-lg-6">
1014        <a href="/fr/services/enfance-jeunesse-2" target="" title="ENFANCE &amp; JEUNESSE">
1015            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1016                <img src="//station.illiwap.com/fr/public/50231/services/picto/33-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1017                <h2 class="ps-3 fs-5 user-select-none">ENFANCE &amp; JEUNESSE</h2>
1018            </div>
1019        </a>
1020    </div>
1021
1022
1023                                        
1024    <div class="px-3 py-2 col-12 col-lg-6">
1025        <a href="/fr/services/sante-1" target="" title="SANTE">
1026            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1027                <img src="//station.illiwap.com/fr/public/50231/services/picto/6-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1028                <h2 class="ps-3 fs-5 user-select-none">SANTE</h2>
1029            </div>
1030        </a>
1031    </div>
1032
1033
1034                                        
1035    <div class="px-3 py-2 col-12 col-lg-6">
1036        <a href="/fr/services/transports-7" target="" title="TRANSPORTS">
1037            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1038                <img src="//station.illiwap.com/fr/public/50231/services/picto/11-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1039                <h2 class="ps-3 fs-5 user-select-none">TRANSPORTS</h2>
1040            </div>
1041        </a>
1042    </div>
1043
1044
1045                                        
1046    <div class="px-3 py-2 col-12 col-lg-6">
1047        <a href="/fr/services/animaux-nuisibles" target="" title="ANIMAUX NUISIBLES">
1048            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1049                <img src="//station.illiwap.com/fr/public/50231/services/picto/47-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1050                <h2 class="ps-3 fs-5 user-select-none">ANIMAUX NUISIBLES</h2>
1051            </div>
1052        </a>
1053    </div>
1054
1055
1056                                        
1057    <div class="px-3 py-2 col-12 col-lg-6">
1058        <a href="/fr/services/informations-utiles-3" target="" title="INFORMATIONS UTILES">
1059            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1060                <img src="//station.illiwap.com/fr/public/50231/services/picto/15-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1061                <h2 class="ps-3 fs-5 user-select-none">INFORMATIONS UTILES</h2>
1062            </div>
1063        </a>
1064    </div>
1065
1066
1067                                            
1068    <div class="px-3 py-2 col-12 col-lg-6">
1069        <a href="https://www.tourisme-coutances.fr/nos-webcams/webcam-hauteville-sur-mer/" target="_blank" title="WEBCAM &quot;LA CALE SUD&quot;">
1070            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1071                <img src="//station.illiwap.com/fr/public/50231/services/picto/38-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1072                <h2 class="ps-3 fs-5 user-select-none">WEBCAM &quot;LA CALE SUD&quot;</h2>
1073            </div>
1074        </a>
1075    </div>
1076
1077
1078                                        
1079    <div class="px-3 py-2 col-12 col-lg-6">
1080        <a href="/fr/services/offres-demplois" target="" title="OFF
1080RES D&#039;EMPLOIS ">
1081            <div class="service-item d-flex flex-row align-items-center fs-5" style="border-color: #4dc0c8">
1082                <img src="//station.illiwap.com/fr/public/50231/services/picto/13-%234dc0c8-32.png" alt="" data-couleur="#4dc0c8"/>
1083                <h2 class="ps-3 fs-5 user-select-none">OFFRES D&#039;EMPLOIS </h2>
1084            </div>
1085        </a>
1086    </div>
1087
1088
1089                            </div>
1090        </div>
1091        <div class="container-fluid px-0 section my-5">
1092        <div class="container pt-1">
1093                            <div class="row h-100 justify-content-center">
1094                                            <section id="annuaire"
1095                                 class="col-12 col-lg-7 col-xl-6 h-100 fond-creme flex-column d-flex align-items-center d-xl-block justify-content-center">
1096                            <h2 class="titre texte-vert-fonce text-center souligne-vert-fonce py-4 mb-3 mx-auto">
1097                                Annuaire
1098                            </h2>
1099                                                        <div class="row annuaire-form">
1100                                                                                                        <div class="col-6 col-md-4 my-4">
1101                                        <a href="/fr/annuaire?themes%5B0%5D=ASSOCIATION" title="Associations">
1102                                            <div class="item-annuaire d-flex flex-column align-items-center"
1103                                                 data-filter="ASSOCIATION" title="Associations">
1104                                                <img src="/charte_public_website/associations.png" alt=""
1105                                                     loading="lazy"/>
1106                                                <div class="titre texte-gris text-center">Associations</div>
1107                                            </div>
1108                                        </a>
1109                                    </div>
1110                                                                                                                                        <div class="col-6 col-md-4 my-4">
1111                                        <a href="/fr/annuaire?themes%5B0%5D=COMMERCES" title="Associations">
1112                                            <div class="item-annuaire d-flex flex-column align-items-center"
1113                                                 data-filter="COMMERCES" title="Commerces">
1114                                                <img src="/charte_public_website/commerces.png" alt=""
1115                                                     loading="lazy"/>
1116                                                <div class="titre texte-gris text-center">Commerces</div>
1117                                            </div>
1118                                        </a>
1119                                    </div>
1120                                                                                                                                                                        <div class="col-6 col-md-4 my-4">
1121                                        <a href="/fr/annuaire?themes%5B0%5D=SANTE_ET_SOLIDARITE" title="Associations">
1122                                            <div class="item-annuaire d-flex flex-column align-items-center"
1123                                                 data-filter="SANTE_ET_SOLIDARITE" title="Santé et solidarité">
1124                                                <img src="/charte_public_website/sante.png" alt=""
1125                                                     loading="lazy"/>
1126                                                <div class="titre texte-gris text-center">Santé et solidarité</div>
1127                                            </div>
1128                                        </a>
1129                                    </div>
1130                                                                                                                                                                <div class="col-6 col-md-4 my-4">
1131                                    <a href="/fr/annuaire" title="Associations">
1132                                        <div class="item-annuaire d-flex flex-column align-items-center" title="Annuaire de Mairie de Hauteville-sur-Mer">
1133                                            <img class="plus-vert"
1134                                                 src="/charte_public_website/plus_vert_vide.svg"
1135                                                 alt="" loading="lazy"/>
1136                                            <div class="titre texte-vert-fonce text-center">Voir tout</div>
1137                                        </div>
1138                                    </a>
1139                                </div>
1140                                                            </div>
1141                        </section>
1142                    
1143                                        <section id="participer"
1144                             class="col-12 col-lg-5 h-100 d-flex justify-content-center align-items-center flex-column align-items-start">
1145                                                    <h2 class="titre texte-gris text-center souligne-gris py-4">
1146                                Participer
1147                            </h2>
1148                            <div class="row gy-4 mt-3">
1149                                                                    <div class="col-12 px-0 d-flex justify-content-center">
1150                                        <a href="/fr/sondages" title="Sondages de Mairie de Hauteville-sur-Mer">
1151                                            <div id="sondage"
1152                                                 class="item-participer texte-blanc fw-bold mx-auto pt-4 px-5">
1153                                                Sondage
1154                                            </div>
1155                                        </a>
1156                                    </div>
1157                                                                                                    <div class="col-12 px-0 d-flex justify-content-center">
1158                                        <a href="/fr/signalement" title="Mairie de Hauteville-sur-Mer | Envoyer un signalement">
1159                                            <div id="signaler"
1160                                                 class="item-participer texte-blanc fw-bold mx-auto pt-4 px-5">
1161                                                Signaler
1162                                            </div>
1163                                        </a>
1164                                    </div>
1165                                                                                                    <div class="col-12 px-0 d-flex justify-content-center">
1166                                        <a href="/fr/idee" title="Mairie de Hauteville-sur-Mer | Boîte à idées">
1167                                            <div id="boite-a-idees"
1168                                                 class="item-participer texte-blanc fw-bold mx-auto pt-4 px-5">
1169                                                Boîte à <br/> idées
1170                                            </div>
1171                                        </a>
1172                                    </div>
1173                                                            </div>
1174                                            </section>
1175                                    </div>
1176                                </div>
1177    </div>
1178                            </div>
1179            </main>
1180
1181            <footer id="footer">
1182                                <div class="container-fluid p-0">
1183                <a href="/telecharger-illiwap"
1184                   title="Téléchargez l&#039;application">
1185                    <img src="/charte_public_website/banniere_footer_mobile.png"
1186                         class="w-100 d-sm-block d-md-none" alt="Téléchargez illiwap, application 100 % gratuite, sans inscription et sans publicité."
1187                         loading="lazy"/>
1188                    <img src="/charte_public_website/banniere_footer_desktop.png"
1189                         class="w-100 d-none d-md-block" alt="Téléchargez illiwap, application 100 % gratuite, sans inscription et sans publicité." loading="lazy"/>
1190                </a>
1191            </div>
1192            
1193    <div class="container-fluid fond-gris pied-page py-4">
1194        <div class="container">
1195            <div class="container entete-footer px-0">
1196                <div class="titre fond-gris texte-blanc mt-2 mt-xxl-0">
1197                                                                        Mairie de
1198                            <b>Hauteville-sur-Mer</b>
1199                                                            </div>
1200            </div>
1201            <div class="row footer-info flex-wrap-reverse">
1202                                    <address class="col-12 col-md-6 col-lg-3">
1203                            <div class="lieu pb-3">
1204        <a href="https://www.google.com/maps/search/?api=1&query=29%20rue%20de%20la%20Mairie%2050590%20HAUTEVILLE-SUR-MER%20France" target="_blank" title="Adresse Google Maps">29 rue de la Mairie 50590 HAUTEVILLE-SUR-MER France</a>
1205    </div>
1206
1207    <div class="tel pb-3">
1208        <a href="tel:0233475257(dulundiausamedide9h00à12h00)" title="Téléphone de contact">02 33 47 52 57                                                                                                                                       (du lundi au samedi de 9h00 à 12h00)</a>
1209    </div>
1210
1211    <div class="mail pb-3">
1212        <a href="/fr/infos#contact-form" class="texte-vert-clair fw-bold" title="Nous contacter">Nous contacter</a>
1213    </div>
1214
1215    <div class="site pb-3">
1216        <a href="http://www.hauteville-sur-mer.fr" class="texte-vert-clair text-break" target="_blank" title="Voir site internet">http://www.hauteville-sur-mer.fr</a>
1217    </div>
1218
1219                        <div class="d-flex justify-content-start align-items-center pt-1 mb-3">
1220            <a href="https://www.facebook.com/HautevillesurMer" title="Lien Facebook" target="_blank">
1221            <img class="icon-reseaux-sociaux" src="/uploads/icones/reseauxSociaux/6283501262c61246521105.png" alt="Lien Facebook" loading="lazy"/>
1222        </a>
1223            <a href="https://www.instagram.com/hautevillesurmer/" title="Lien Instagram" target="_blank">
1224            <img class="icon-reseaux-sociaux" src="/uploads/icones/reseauxSociaux/628352edd23b5457065652.png" alt="Lien Instagram" loading="lazy"/>
1225        </a>
1226    </div>
1227
1228                    </address>
1229                    <div class="col-12 col-md-6 col-lg-8">
1230                            <div class="horaires">
1231        <ul class="px-0 d-flex flex-wrap flex-column justify-content-start align-items-start align-content-start">
1232                    <li class="pb-1">
1233                                                                                lundi,                                            jeudi,                                            dimanche                                                     :<br/><span class="item-horaires">Fermé</span>
1234            </li>
1235                    <li class="pb-1">
1236                                    mardi
1237                                 :<br/><span class="item-horaires">15h00-18h30</span>
1238            </li>
1239                    <li class="pb-1">
1240                                    mercredi
1241                                 :<br/><span class="item-horaires">10h00-12h00</span>
1242            </li>
1243                    <li class="pb-1">
1244                                    vendredi
1245                                 :<br/><span class="item-horaires">10h00-13h30</span>
1246            </li>
1247                    <li class="pb-1">
1248                                    samedi
1249                                 :<br/><span class="item-horaires">Sur RDV ( Élus )</span>
1250            </li>
1251                </ul>
1252    </div>
1253    <div class="exceptions">
1254            </div>
1255
1256                    </div>
1257                            </div>
1258            <div class="text-center">
1259
1260                <p class="text-white mb-2">
1261                    <small>COPYRIGHT © 2026. Tous droits réservés.</small>
1262                </p>
1263                <small class="text-white">
1264                    <a href="https://www.illiwap.com/mentions-legales" class="texte-vert-clair m-2"
1265                       title="Mentions Légales">Mentions Légales</a>
1266                    <a href="https://www.illiwap.com/cgu" class="texte-vert-clair m-2"
1267                       title="CGU">CGU</a>
1268                </small>
1269            </div>
1270        </div>
1271    </div>
1272</footer>
1273
1274
1275            </body>
1276</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.