PageSourceSearch

https://porspoder.fr/

html porspoder.fr collected 2026-10-02 21:52:02 UTC 138,923 bytes, 1,501 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR" data-accessibility-contrast="false" data-accessibility-dyslexia="false"
3data-accessibility-line-height="false" style="font-size: 16px" data-font-tile="lato" data-theme="communes">
4
5<head>
6    <meta charset="utf-8">
7    <meta http-equiv="x-ua-compatible" content="ie=edge">
8    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9
10    
11    <link rel="apple-touch-icon" sizes="180x180" href="https://porspoder.fr/app/themes/communes/dist/images/favicons/porspoder/apple-touch-icon_bc7f1b09.png">
12    <link rel="icon" type="image/png" sizes="32x32" href="https://porspoder.fr/app/themes/communes/dist/images/favicons/porspoder/favicon-32x32_5c392cbd.png">
13    <link rel="icon" type="image/png" sizes="16x16" href="https://porspoder.fr/app/themes/communes/dist/images/favicons/porspoder/favicon-16x16_c41e3d5a.png">
14    <link rel="manifest" href="https://porspoder.fr/app/themes/communes/dist/images/favicons/porspoder/site_b9aa277f.webmanifest">
15    <link rel="mask-icon" href="https://porspoder.fr/app/themes/communes/dist/images/favicons/porspoder/safari-pinned-tab_7744c5e0.svg" color="#1f2f86">
16    <meta name="msapplication-TileColor" content="#ffffff">
17    <meta name="theme-color" content="#ffffff">
18
19    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
20
21	<title>Porspoder - Porspoder</title>
22	<link rel="canonical" href="https://porspoder.fr/" />
23	<meta property="og:locale" content="fr_FR" />
24	<meta property="og:type" content="website" />
25	<meta property="og:title" content="Porspoder - Porspoder" />
26	<meta property="og:url" content="https://porspoder.fr/" />
27	<meta property="og:site_name" content="Porspoder" />
28	<meta property="article:modified_time" content="2026-07-07T07:39:59+00:00" />
29	<meta property="og:image" content="https://porspoder.fr/app/uploads/sites/9/2023/07/mairie-2-scaled.jpg" />
30	<meta property="og:image:width" content="2560" />
31	<meta property="og:image:height" content="1920" />
32	<meta property="og:image:type" content="image/jpeg" />
33	<meta name="twitter:card" content="summary_large_image" />
34	
34<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/porspoder.fr\/","url":"https:\/\/porspoder.fr\/","name":"Porspoder - Porspoder","isPartOf":{"@id":"https:\/\/porspoder.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/porspoder.fr\/#primaryimage"},"image":{"@id":"https:\/\/porspoder.fr\/#primaryimage"},"thumbnailUrl":"https:\/\/porspoder.fr\/app\/uploads\/sites\/9\/2023\/07\/mairie-2-scaled.jpg","datePublished":"2023-03-01T10:28:29+00:00","dateModified":"2026-07-07T07:39:59+00:00","breadcrumb":{"@id":"https:\/\/porspoder.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/porspoder.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/porspoder.fr\/#primaryimage","url":"https:\/\/porspoder.fr\/app\/uploads\/sites\/9\/2023\/07\/mairie-2-scaled.jpg","contentUrl":"https:\/\/porspoder.fr\/app\/uploads\/sites\/9\/2023\/07\/mairie-2-scaled.jpg","width":2560,"height":1920,"caption":"Mairie"},{"@type":"BreadcrumbList","@id":"https:\/\/porspoder.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/porspoder.fr\/#website","url":"https:\/\/porspoder.fr\/","name":"Porspoder","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/porspoder.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
34
35
36
37<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://porspoder.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fporspoder.fr%2F" />
38<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://porspoder.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fporspoder.fr%2F&#038;format=xml" />
39<style id="wp-img-auto-sizes-contain-inline-css">
40img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
41/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
42</style>
43<style id="wp-block-library-inline-css">
44:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
44--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
45/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
46</style>
47<style id="wp-block-styles-placeholder-inline-css">
48:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
49/*# sourceURL=wp-block-styles-placeholder-inline-css */
50</style>
51<link rel='stylesheet' id='wpmf-gallery-popup-style-css' href='https://porspoder.fr/app/plugins/wp-media-folder/assets/css/display-gallery/magnific-popup.css?ver=6.2.7' media='all' />
52<style id="wp-global-styles-placeholder-inline-css">
53:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
54/*# sourceURL=wp-global-styles-placeholder-inline-css */
55</style>
56<link rel='stylesheet' id='cookie-law-info-css' href='https://porspoder.fr/app/plugins/webtoffee-gdpr-cookie-consent/public/css/cookie-law-info-public.css?ver=2.6.5' media='all' />
57<link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://porspoder.fr/app/plugins/webtoffee-gdpr-cookie-consent/public/css/cookie-law-info-gdpr.css?ver=2.6.5' media='all' />
58<style id="cookie-law-info-gdpr-inline-css">
59.cli-modal-content, .cli-tab-content { background-color: #ffffff; }.cli-privacy-content-text, .cli-modal .cli-modal-dialog, .cli-tab-container p, a.cli-privacy-readmore { color: #000000; }.cli-tab-header { background-color: #f2f2f2; }.cli-tab-header, .cli-tab-header a.cli-nav-link,span.cli-necessary-caption,.cli-switch .cli-slider:after { color: #000000; }.cli-switch .cli-slider:before { background-color: #ffffff; }.cli-switch input:checked + .cli-slider:before { background-color: #ffffff; }.cli-switch .cli-slider { background-color: #e3e1e8; }.cli-switch input:checked + .cli-slider { background-color: #28a745; }.cli-modal-close svg { fill: #000000; }.cli-tab-footer .wt-cli-privacy-accept-all-btn { background-color: #00acad; color: #ffffff}.cli-tab-footer .wt-cli-privacy-accept-btn { background-color: #00acad; color: #ffffff}.cli-tab-header a:before{ border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
60/*# sourceURL=cookie-law-info-gdpr-inline-css */
61</style>
62<link rel='stylesheet' id='sage/main.css-css' href='https://porspoder.fr/app/themes/communes/dist/styles/main_c8d4336d.css' media='all' />
63<script id="jquery-core-js" src="https://porspoder.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 63
63
64<script id="cookie-law-info-js-extra">
65var Cli_Data = {"nn_cookie_ids":["_pk_ses.*","ezCMPCCS","YSC","VISITOR_INFO1_LIVE","CONSENT","volume","__cflb","oidc_id_token","session","PHPSESSID","_ga"],"non_necessary_cookies":{"necessaires":["ezCMPCCS","cookielawinfo-checkbox-advertisement","PHPSESSID"],"statistiques":["_pk_ses.*","CONSENT","_pk_id.*","_ga"],"autres":["INGRESSCOOKIE","YSC","VISITOR_INFO1_LIVE","volume","__cflb","oidc_id_token","session"],"advertisement":["Publicitaire"]},"cookielist":{"necessaires":{"id":151,"status":true,"priority":0,"title":"N\u00e9cessaires","strict":true,"default_state":false,"ccpa_optout":false,"loadonstart":true},"statistiques":{"id":152,"status":true,"priority":0,"title":"Statistiques","strict":false,"default_state":false,"ccpa_optout":false,"loadonstart":false},"autres":{"id":153,"status":true,"priority":0,"title":"Autres","strict":false,"default_state":false,"ccpa_optout":false,"loadonstart":false},"advertisement":{"id":197,"status":true,"priority":0,"title":"Publicitaires","strict":false,"default_state":false,"ccpa_optout":false,"loadonstart":false}},"ajax_url":"https://porspoder.fr/wp-admin/admin-ajax.php","current_lang":"fr","security":"e62689d15a","eu_countries":["GB"],"geoIP":"disabled","use_custom_geolocation_api":"","custom_geolocation_api":"https://geoip.cookieyes.com/geoip/checker/result.php","consentVersion":"1","strictlyEnabled":["necessary","obligatoire","necessaires"],"cookieDomain":"","privacy_length":"250","ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","ccpaType":"gdpr","triggerDomRefresh":"","secure_cookies":""};
66var log_object = {"ajax_url":"https://porspoder.fr/wp-admin/admin-ajax.php"};
67//# sourceURL=cookie-law-info-js-extra
68</script>
vendor: 1 bytes, line 68
68
69<script id="cookie-law-info-js" src="https://porspoder.fr/app/plugins/webtoffee-gdpr-cookie-consent/public/js/cookie-law-info-public.js?ver=2.6.5"></script>
69
70<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://porspoder.fr/xmlrpc.php?rsd" />
71<link rel='shortlink' href='https://porspoder.fr/' />
72        <style>
73            #wp-admin-bar-blog-ccpi {
74                pointer-events: none;
75            }
76
77            #wp-admin-bar-blog-ccpi .wp-admin-bar-arrow {
78                display: none!important;
79            }
80
81            #wp-admin-bar-blog-ccpi .blavatar::before {
82                content: ''!important;
83            }
84
85            #wp-admin-bar-blog-satellites {
86                pointer-events: none;
87            }
88
89            #wp-admin-bar-blog-satellites .wp-admin-bar-arrow {
90                display: none!important;
91            }
92
93            #wp-admin-bar-blog-satellites .blavatar::before {
94                content: ''!important;
95            }
96
97            #wp-admin-bar-blog-communes {
98                pointer-events: none;
99            }
100
101            #wp-admin-bar-blog-communes .wp-admin-bar-arrow {
102                display: none!important;
103            }
104
105            #wp-admin-bar-blog-communes .blavatar::before {
106                content: ''!important;
107            }
108        </style>
109<!-- Matomo -->
110<script type="text/plain" data-cli-class="cli-blocker-script"  data-cli-category="statistiques" data-cli-script-type="statistiques" data-cli-block="true" data-cli-block-if-ccpa-optout="false" data-cli-element-position="head">
111  var _paq = window._paq = window._paq || [];
112  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
113  _paq.push(['trackPageView']);
114  _paq.push(['enableLinkTracking']);
115  (function() {
116    var u="//analytics.lajungle.biz/";
117    _paq.push(['setTrackerUrl', u+'matomo.php']);
118    _paq.push(['setSiteId', '19']);
119    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
120    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
121  })();
122</script>
122
123<!-- End Matomo Code -->
124            <style>
125                :root {
126                  --color-primary: #1f2f86;
127                  --color-secondary: #a4bf1a;
128                  --color-tertiary: #dedfe3;
129                  --font-primary: lato;
130                  --font-secondary: lato;
131                }
132            </style>
133          
134        
135    <style>
136    :root {
137        /* colors */
138        --primary-color: #1f2f86;
139        --secondary-color: #a4bf1a;
140        --tertiary-color: #dedfe3;
141
142        --primary-color-alpha-0: rgba(31,47,134,0);
143        --secondary-color-alpha-0: rgba(164,191,26,0);
144        --tertiary-color-alpha-0: rgba(222,223,227,0);
145
146        --primary-color-alpha-10: rgba(31,47,134,0.1);
147        --secondary-color-alpha-10: rgba(164,191,26,0.1);
148        --tertiary-color-alpha-10: rgba(222,223,227,0.1);
149
150        --primary-color-alpha-90: rgba(31,47,134,0.9);
151        --secondary-color-alpha-90: rgba(164,191,26,0.9);
152        --tertiary-color-alpha-90: rgba(222,223,227,0.9);
153
154        --primary-color-alpha-80: rgba(31,47,134,0.8);
155        --secondary-color-alpha-80: rgba(164,191,26,0.8);
156        --tertiary-color-alpha-80: rgba(222,223,227,0.8);
157
158        --primary-color-set: #ffffff;
159        --secondary-color-set: #ffffff;
160        --tertiary-color-set: #000000;
161
162        --primary-color-lighten: #626daa;
163        --secondary-color-lighten: #bfd25e;
164        --tertiary-color-lighten: #e7e8eb;
165        --primary-color-lighten-set: #ffffff;
166        --secondary-color-lighten-set: #000000;
167        --tertiary-color-lighten-set: #000000;
168
169        --primary-color-darken: #15205d;
170        --secondary-color-darken: #728512;
171        --tertiary-color-darken: #9b9c9e;
172        --primary-color-darken-set: #ffffff;
173        --secondary-color-darken-set: #ffffff;
174        --tertiary-color-darken-set: #ffffff;
175
176        /* Fonts */
177        --primary-font: 'lato';
178        --secondary-font: 'lato';
179    }
180</style>
181
182    
182<script>
183        var ajaxurl = 'https://porspoder.fr/wp-admin/admin-ajax.php';
184    </script>
184
185</head>
186
187<body class="home wp-singular page-template-default page page-id-283 wp-theme-masterresources wp-child-theme-communesresources app-data index-data singular-data page-data page-283-data page-accueil-data front-page-data" role="document" data-header-flashinfo="false" data-commune="porspoder">
188
189    <div class="website" data-scroll-container>
190        
191        <div
192    id="js-page-loader"
193    class="page-loader"
194    style="display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background-color: #f5f5f5;"
195>
196    <style>
197        .page-loader img,
198        .page-loader svg {
199            max-width: 100%;
200        }
201    </style>
202
203    <div style="margin:auto; max-width: 200px; width: auto;">
204                                    <img
205                    class="main-logo"
206                    src="https://porspoder.fr/app/uploads/sites/9/2023/03/Porspoder.png"
207                    alt="Logo"
208                    style="margin: auto; width: auto; max-width: 200px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5"
209                >
210                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
211<svg width="60"  viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#e2e2e2" style="display: block; margin: 32px auto 0">
212    <circle cx="15" cy="15" r="15">
213        <animate attributeName="r" from="15" to="15"
214                 begin="0s" dur="0.8s"
215                 values="15;9;15" calcMode="linear"
216                 repeatCount="indefinite" />
217        <animate attributeName="fill-opacity" from="1" to="1"
218                 begin="0s" dur="0.8s"
219                 values="1;.5;1" calcMode="linear"
220                 repeatCount="indefinite" />
221    </circle>
222    <circle cx="60" cy="15" r="9" fill-opacity="0.3">
223        <animate attributeName="r" from="9" to="9"
224                 begin="0s" dur="0.8s"
225                 values="9;15;9" calcMode="linear"
226                 repeatCount="indefinite" />
227        <animate attributeName="fill-opacity" from="0.5" to="0.5"
228                 begin="0s" dur="0.8s"
229                 values=".5;1;.5" calcMode="linear"
230                 repeatCount="indefinite" />
231    </circle>
232    <circle cx="105" cy="15" r="15">
233        <animate attributeName="r" from="15" to="15"
234                 begin="0s" dur="0.8s"
235                 values="15;9;15" calcMode="linear"
236                 repeatCount="indefinite" />
237        <animate attributeName="fill-opacity" from="1" to="1"
238                 begin="0s" dur="0.8s"
239                 values="1;.5;1" calcMode="linear"
240                 repeatCount="indefinite" />
241    </circle>
242</svg>
243    </div>
244</div>
245
246        
247                <header id="header" class="header" role="banner">
248    <div data-margin-spacer="header" aria-hidden="true"></div>
249    <div class="header-wrapper">
250                <div class="header-toolbar">
251    <ul class="toolbar" data-js-animation-trigger="fade-from-right">
252                                                        <li class="toolbar-item">
253                        <a class="toolbar-trigger --phone" href="tel:0298899027" target=""                            aria-label="02 98 89 90 27" title="02 98 89 90 27">
254                            <i class="icon-phone"></i>
255                            <span class="label">02 98 89 90 27</span>
256                        </a>
257                    </li>
258                                                                <li class="toolbar-item">
259                        <a class="toolbar-trigger --contact" href="https://porspoder.fr/contacts-et-numeros-utiles/" target=""                            aria-label="Contact" title="Contact">
260                            <i class="icon-contact"></i>
261                            <span class="label">Contact</span>
262                        </a>
263                    </li>
264                                    
265        <li class="toolbar-item collapse">
266            <button class="toolbar-trigger --accessibility" aria-label="Afficher les options d'accessibilités" title="Afficher les options d'accessibilités" type="button" data-toggle="collapse" data-toggle-effect="fade"
267                    aria-expanded="false" aria-controls="accessibility">
268                <i class="icon-accessibility"></i>
269                <span class="label">Options d&#039;accessibilité</span>
270            </button>
271            <div id="accessibility" class="collapse-content" style="display: none;">
272                <ul class="accessibility">
273    
274    <li class="accessibility-item">
275        <label class="accessibility-trigger slider-button-wrapper" for="accessibility-contrast">
276            <input id="accessibility-contrast" class="slider-button-input" type="checkbox" name="accessibility-contrast" aria-label="Activer le contraste renforcé"
277                   title="Activer le contraste renforcé" data-cookie-name="accessibility-contrast"
278                   data-cookie-value="false">
279            <span class="slider-button-label">
280                Contrastes renforcés
281            </span>
282        </label>
283    </li>
284    
285    <li class="accessibility-item">
286        <label class="accessibility-trigger slider-button-wrapper" role="button" for="accessibility-dyslexia">
287            <input id="accessibility-dyslexia" class="slider-button-input" type="checkbox" name="accessibility-dyslexia"
288                   aria-label="Activer une typographie plus lisible pour les personnes atteintes de dyslexie"
289                   title="Activer une typographie plus lisible pour les personnes atteintes de dyslexie" data-cookie-name="accessibility-dyslexia"
290                   data-cookie-value="false">
291            <span class="slider-button-label">
292                Typographie Dyslexie
293            </span>
294        </label>
295    </li>
296    
297    <li class="accessibility-item">
298        <label class="accessibility-trigger slider-button-wrapper" role="button" for="accessibility-line-height">
299            <input id="accessibility-line-height" class="slider-button-input" type="checkbox" name="accessibility-line-height" aria-label="Augmenter l&#039;interlignage du site"
300                   title="Augmenter l&#039;interlignage du site" data-cookie-name="accessibility-line-height"
301                   data-cookie-value="false">
302            <span class="slider-button-label">
303                Interlignage augmenté
304            </span>
305        </label>
306    </li>
307    
308    <li class="accessibility-item">
309        <button id="accessibility-font-size-up" class="accessibility-trigger" aria-label="Augmenter la taille de la police du site" data-cookie-name="accessibility-font-size"
310                title="Augmenter la taille de la police du site" data-cookie-value="16">
311            <i class="icon-fontsize-up"></i>
312            Agrandir le texte
313        </button>
314    </li>
315    
316    <li class="accessibility-item">
317        <button id="accessibility-font-size-down" class="accessibility-trigger" aria-label="Réduire la taille de la police du site" data-cookie-name="accessibility-font-size"
318                title="Réduire la taille de la police du site" data-cookie-value="16">
319            <i class="icon-fontsize-down"></i>
320            Rétrécir le texte
321        </button>
322    </li>
323    
324    <li class="accessibility-item">
325        <button id="accessibility-reset" class="accessibility-trigger" aria-label="Réinitialiser les paramètres" title="Réinitialiser les paramètres">
326            <i class="icon-reset"></i>
327            Par défaut
328        </button>
329    </li>
330</ul>
331            </div>
332        </li>
333    </ul>
334</div>
335        <div class="header-inner" data-js-animation-trigger="fade">
336            <div class="header-logo"  data-overflow="true" >
337            <span class="logo-wrap">
338                            <img src="https://porspoder.fr/app/uploads/sites/9/2023/03/Porspoder.png" alt="Porspoder">
339                    </span>
340    </div>
341            <nav id="header-navigation" class="header-navigation" aria-label="Menu principal"
342         data-menu-back-label="Retour">
343        <ul id="header-menu" class="header-menu"><li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-20"><a href="https://porspoder.fr/ma-commune/">Ma commune</a>
344            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
345            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
346         </button>
347        
348<ul class="sub-menu">
349	<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-41"><a href="https://porspoder.fr/ma-commune/la-commune/">La commune</a>
350            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
351            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
352         </button>
353        
354	<ul class="sub-menu">
355		<li id="menu-item-638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-638"><a href="https://porspoder.fr/ma-commune/la-commune/labels/">Labels</a>
356            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
357            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
358         </button>
359        </li>
360		<li id="menu-item-639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-639"><a href="https://porspoder.fr/ma-commune/la-commune/plan/">Plan</a>
361            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
362            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
363         </button>
364        </li>
365	</ul>
366</li>
367	<li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-40"><a href="https://porspoder.fr/ma-commune/vie-municipale/">Vie municipale</a>
368            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
369            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
370         </button>
371        
372	<ul class="sub-menu">
373		<li id="menu-item-643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-643"><a href="https://porspoder.fr/ma-commune/vie-municipale/conseil-municipal-trombinoscope/">Conseil Municipal</a>
374            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
375            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
376         </button>
377        </li>
378		<li id="menu-item-644" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-644"><a href="https://porspoder.fr/ma-commune/vie-municipale/conseil-jeunesse-municipal-trombinoscope/">Conseil Municipal Jeunes (CMJ)</a>
379            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
380            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
381         </button>
382        </li>
383		<li id="menu-item-641" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-641"><a href="https://porspoder.fr/ma-commune/vie-municipale/publicite-des-actes/">Publicité des actes</a>
384            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
385            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
386         </button>
387        </li>
388		<li id="menu-item-642" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-642"><a href="https://porspoder.fr/ma-commune/vie-municipale/services-municipaux-annuaires/">Services municipaux</a>
389            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
390            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
391         </button>
392        </li>
393	</ul>
394</li>
395	<li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-39"><a href="https://porspoder.fr/ma-commune/publications-kiosque/">Publications</a>
396            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
397            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
398         </button>
399        
400	<ul class="sub-menu">
401		<li id="menu-item-625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-625"><a href="https://porspoder.fr/ma-commune/publications-kiosque/la-lettre-de-la-biodiversite/">La Lettre de la Biodiversité</a>
402            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
403            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
404         </button>
405        </li>
406	</ul>
407</li>
408	<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://porspoder.fr/ma-commune/plan-local-durbanisme-plu/">Plan Local d’Urbanisme (PLU)</a>
409            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
410            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
411         </button>
412        </li>
413	<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://porspoder.fr/ma-commune/atlas-de-la-biodiversite-communale/">Atlas de la Biodiversité Communale (ABC)</a>
414            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
415            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
416         </button>
417        </li>
418	<li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://porspoder.fr/ma-commune/marches-publics/">Marchés publics</a>
419            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
420            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
421         </button>
422        </li>
423	<li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://porspoder.fr/ma-commune/dicrim/">Dicrim</a>
424            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
425            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
426         </button>
427        </li>
428</ul>
429</li>
430<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-19"><a href="https://porspoder.fr/mes-demarches-en-ligne/">Mes démarches en ligne</a>
431            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
432            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
433         </button>
434        
435<ul class="sub-menu">
436	<li id="menu-item-246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-246"><a href="https://porspoder.fr/mes-demarches-en-ligne/citoyennete/">Citoyenneté</a>
437            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
438            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
439         </button>
440        </li>
441	<li id="menu-item-247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-247"><a href="https://porspoder.fr/mes-demarches-en-ligne/reservation-salles-et-materiels/">Réservation salles et matériels</a>
442            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
443            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
444         </button>
445        </li>
446	<li id="menu-item-10388" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10388"><a href="https://porspoder.fr/mes-demarches-en-ligne/panneau-numerique/">Panneau numérique</a>
447            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
448            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
449         </button>
450        </li>
451	<li id="menu-item-868" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-868"><a href="https://porspoder.fr/mes-demarches-en-ligne/travaux/">Travaux</a>
452            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
453            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
454         </button>
455        </li>
456	<li id="menu-item-869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-869"><a href="https://porspoder.fr/mes-demarches-en-ligne/urbanisme-travaux/">Urbanisme</a>
457            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
458            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
459         </button>
460        </li>
461</ul>
462</li>
463<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-18"><a href="https://porspoder.fr/mon-quotidien/">Mon quotidien</a>
464            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
465            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
466         </button>
467        
468<ul class="sub-menu">
469	<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-127"><a href="https://porspoder.fr/mon-quotidien/famille/">Famille</a>
470            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
471            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
472         </button>
473        
474	<ul class="sub-menu">
475		<li id="menu-item-657" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-657"><a href="https://porspoder.fr/mon-quotidien/famille/enfance/">Enfance</a>
476            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
477            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
478         </button>
479        </li>
480		<li id="menu-item-1383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1383"><a href="https://porspoder.fr/mon-quotidien/famille/periscolaire/">École et Périscolaire</a>
481            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
482            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
483         </button>
484        </li>
485	</ul>
486</li>
487	<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-126"><a href="https://porspoder.fr/mon-quotidien/action-sociale/">Action Sociale et Solidarité</a>
488            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
489            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
490         </button>
491        
492	<ul class="sub-menu">
493		<li id="menu-item-659" class="menu-item menu-item-type-post_type menu-item-object-pa
493ge menu-item-659"><a href="https://porspoder.fr/mon-quotidien/action-sociale/aide-administrative/">Aide administrative</a>
494            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
495            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
496         </button>
497        </li>
498		<li id="menu-item-660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-660"><a href="https://porspoder.fr/mon-quotidien/action-sociale/banque-alimentaire/">Banque alimentaire</a>
499            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
500            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
501         </button>
502        </li>
503		<li id="menu-item-658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-658"><a href="https://porspoder.fr/mon-quotidien/action-sociale/portage-de-repas/">Portage de repas</a>
504            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
505            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
506         </button>
507        </li>
508		<li id="menu-item-661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-661"><a href="https://porspoder.fr/mon-quotidien/action-sociale/logements-sociaux/">Logements sociaux</a>
509            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
510            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
511         </button>
512        </li>
513	</ul>
514</li>
515	<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="https://porspoder.fr/mon-quotidien/commerces-et-services-annuaires/">Commerces et services</a>
516            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
517            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
518         </button>
519        </li>
520	<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="https://porspoder.fr/mon-quotidien/eau-et-assainissement/">Eau et assainissement</a>
521            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
522            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
523         </button>
524        </li>
525	<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a href="https://porspoder.fr/mon-quotidien/dechetteries/">Déchèteries</a>
526            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
527            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
528         </button>
529        </li>
530	<li id="menu-item-122" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-122"><a href="https://porspoder.fr/mon-quotidien/emploi/">Emploi</a>
531            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
532            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
533         </button>
534        
535	<ul class="sub-menu">
536		<li id="menu-item-832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="https://porspoder.fr/mon-quotidien/emploi/maison-de-lemploi/">Maison de l’emploi</a>
537            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
538            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
539         </button>
540        </li>
541	</ul>
542</li>
543	<li id="menu-item-121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-121"><a href="https://porspoder.fr/mon-quotidien/numerique/">Numérique</a>
544            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
545            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
546         </button>
547        
548	<ul class="sub-menu">
549		<li id="menu-item-662" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-662"><a href="https://porspoder.fr/mon-quotidien/numerique/conseiller-numerique/">France Services &#8211; Plouarzel et Saint-Renan</a>
550            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
551            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
552         </button>
553        </li>
554	</ul>
555</li>
556</ul>
557</li>
558<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-16"><a href="https://porspoder.fr/loisirs/">Loisirs</a>
559            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
560            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
561         </button>
562        
563<ul class="sub-menu">
564	<li id="menu-item-204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-204"><a href="https://porspoder.fr/loisirs/associations/">Associations</a>
565            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
566            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
567         </button>
568        </li>
569	<li id="menu-item-202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-202"><a href="https://porspoder.fr/loisirs/centre-socioculturel-le-phare-mediatheque/">Centre socio-culturel Le Phare – Médiathèque</a>
570            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
571            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
572         </button>
573        </li>
574	<li id="menu-item-201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-201"><a href="https://porspoder.fr/loisirs/vie-culturelle-de-la-municipalite/">Vie culturelle de la municipalité</a>
575            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
576            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
577         </button>
578        </li>
579	<li id="menu-item-200" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-200"><a href="https://porspoder.fr/loisirs/hebergements/">Hébergements</a>
580            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
581            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
582         </button>
583        </li>
584	<li id="menu-item-199" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-199"><a href="https://porspoder.fr/loisirs/tourisme/">Tourisme</a>
585            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
586            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
587         </button>
588        </li>
589	<li id="menu-item-198" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-198"><a href="https://porspoder.fr/loisirs/randonnees/">Randonnées</a>
590            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
591            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
592         </button>
593        
594	<ul class="sub-menu">
595		<li id="menu-item-664" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-664"><a href="https://porspoder.fr/loisirs/randonnees/pedestre/">Pédestre</a>
596            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
597            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
598         </button>
599        </li>
600		<li id="menu-item-665" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-665"><a href="https://porspoder.fr/loisirs/randonnees/velo/">Vélo</a>
601            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
602            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
603         </button>
604        </li>
605	</ul>
606</li>
607	<li id="menu-item-197" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-197"><a href="https://porspoder.fr/loisirs/littoral/">Littoral</a>
608            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
609            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
610         </button>
611        
612	<ul class="sub-menu">
613		<li id="menu-item-666" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-666"><a href="https://porspoder.fr/loisirs/littoral/plages/">Plages</a>
614            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
615            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
616         </button>
617        </li>
618		<li id="menu-item-667" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-667"><a href="https://porspoder.fr/loisirs/littoral/ports/">Ports</a>
619            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
620            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
621         </button>
622        </li>
623		<li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="https://porspoder.fr/loisirs/littoral/eaux-de-baignade/">Eaux de baignade</a>
624            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
625            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
626         </button>
627        </li>
628	</ul>
629</li>
630	<li id="menu-item-196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-196"><a href="https://porspoder.fr/loisirs/patrimoine/">Patrimoine</a>
631            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
632            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
633         </button>
634        
635	<ul class="sub-menu">
636		<li id="menu-item-668" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-668"><a href="https://porspoder.fr/loisirs/patrimoine/culturel/">Culturel</a>
637            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
638            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
639         </button>
640        </li>
641		<li id="menu-item-1436" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1436"><a href="https://porspoder.fr/loisirs/patrimoine/maritime/">Maritime</a>
642            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
643            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
644         </button>
645        </li>
646	</ul>
647</li>
648</ul>
649</li>
650<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="https://porspoder.fr/contacts-et-numeros-utiles/">Contact</a>
651            <button class="menu-item-dropdown" data-js-toggle data-js-submenu-trigger="true" aria-label="Ouvrir le sous-menu" aria-haspopup="true" aria-expanded="false">
652            <i class="icon-arrow-angle-right" aria-hidden="true"></i>
653         </button>
654        </li>
655</ul>
656    </nav>
657            <div class="header-aside">
658                <div class="header-search collapse">
659    <button class="header-search-trigger"
660            id="header-search-button"
661            aria-label="Effectuer une recherche"
662            title="Effectuer une recherche"
663            type="button"
664            data-js-toggle
665            data-toggle="collapse"
666            data-toggle-effect="slide"
667            data-body-class-to-add="header-search-is-open"
668            aria-expanded="false"
669            aria-controls="header-search-content">
670        <i class="icon-search"></i>
671    </button>
672
673    <div class="header-search-content collapse-content" id="header-search-content" style="display: none">
674        <h5 class="header-search-label">
675            <span>Que recherchez-vous ?</span>
676                                        <span>Un service ?</span>
677                        <span>Une information ?</span>
678            <span>Quelques mots clés et c&#039;est parti !</span>
679        </h5>
680        <form role="search" method="get" action="https://porspoder.fr/" class="header-search-form js-search-form">
681            <label for="header-search-input" class="screen-reader-text">
682                Rechercher :
683            </label>
684            <input type="text" id="header-search-input" class="header-search-input js-search"
685                   autocomplete="off"
686                   placeholder="Ex: Acte de naissance, etc..."
687                   value=""
688                   name="s">
689            <button type="submit" class="header-search-submit" aria-label="Effectuer une recherche" title="Effectuer une recherche">
690                <i class="icon-search"></i>
691                <span>Rechercher</span>
692            </button>
693            <input type="hidden" data-js-default-loading-message value="Chargement..." />
694            <div class="suggestion-results" style="display: none; z-index: 1000; top: 58px; max-height: 300px; background: rgb(245, 245, 245); border-radius: 0px; padding: 0px; left: 0px; width: 408px;"></div>
695        </form>
696    </div>
697</div>
698                <div class="header-burger">
699        <button class="menu-burger js-burger-menu" role="button" aria-label="Ouvrir la navigation mobile" title="Ouvrir la navigation mobile" aria-labelledby="header-navigation">
700            <span class="burger-icon">
701                <span class="burger-container">
702                    <span class="burger-bun-top"></span>
703                    <span class="burger-filling"></span>
704                    <span class="burger-bun-bot"></span>
705                </span>
706            </span>
707        </button>
708    </div>
709                </div>
710        </div>
711        <div data-js-menu-background></div>
712    </div>
713</header>
714        
715        <main id="main" class="main" role="main" data-scroll-section>
716            
717                            <section class="section page-header-hero wide" data-js-animation-trigger="fade">
718    <div class="wrapper">
719        <div class="background wide-radius">
720            <img class="picture" src="https://porspoder.fr/app/uploads/sites/9/2023/07/mairie-2-scaled.jpg" alt="Image d&#039;en tête">
721        </div>
722        <div class="content">
723            <h1 class="home-title">
724                Porspoder
725            </h1>
726                        <form role="search" method="get" action="https://porspoder.fr/" class="search-form js-search-form">
727
728  <!-- Label explicite pour le champ de recherche -->
729  <label for="search-input" class="search-label screen-reader-text">
730    Rechercher :
731  </label>
732
733  <!-- Champ de recherche -->
734  <input type="search" id="search-input" class="search-field js-search"
735         autocomplete="off"
736         placeholder="Que recherchez-vous ?"
737         value=""
738         name="s"
739         aria-describedby="search-instructions"
740         data-js-typing-effect='{"sentences": ["Que recherchez-vous ?", "Un service ?", "Une information ?", "Quelques mots-clés...", "Et c&#39;est parti !"]}'>
741
742  <!-- Description pour les lecteurs d’écran -->
743  <span id="search-instructions" class="screen-reader-text">
744    Saisissez votre recherche et appuyez sur Entrée.
745  </span>
746
747  <!-- Résultats de suggestions dynamiques -->
748  <div class="suggestion-results"
749       style="display: none; z-index: 1000; top: 58px; max-height: 300px; background: rgb(245, 245, 245); border-radius: 0px; padding: 0px; left: 0px; width: 408px;">
750  </div>
751
752  <!-- Message de chargement -->
753  <input type="hidden" data-js-default-loading-message value="Chargement..." />
754
755  <!-- Bouton de recherche -->
756  <div class="search-submit">
757    <input type="submit" value=" Rechercher" class="search-submit-input" aria-label="Lancer votre recherche">
758    <i class="icon-search"></i>
759  </div>
760</form>
761
762        </div>
763    </div>
764    <div id="quick-access" class="quick-access">
765    
766    
767            <div data-simplebar>
768                            <ul>
769                        
770                                                            <li class="primary-color">
771                            <a href="https://porspoder.fr/mon-quotidien/famille/enfance/">
772
773                                                                    <i class="icon">
774                                        <svg width="71" height="80" viewBox="0 0 71 80" fill="none" xmlns="http://www.w3.org/2000/svg">
775<path d="M12.1532 53.0999C10.1532 56.4999 9.85322 59.1999 10.0532 61.9999L2.65322 67.4999C1.15322 68.5999 0.853217 70.7999 1.95322 72.2999C2.65322 73.1999 3.65322 73.6999 4.75322 73.6999C5.45322 73.6999 6.15322 73.4999 6.75322 72.9999L15.8532 66.2999C16.9532 65.4999 17.4532 64.0999 17.1532 62.7999C17.0532 62.3999 16.7532 60.7999 17.1532 58.6999C17.5532 56.3999 18.9532 53.6999 22.5532 51.8999C24.2532 51.0999 24.8532 49.1999 23.9532 47.4999C23.1532 45.7999 20.9532 45.4999 19.1532 45.0999L12.0532 43.8999C11.7532 43.8999 11.4532 43.8999 11.1532 43.8999L3.25322 45.4999C1.75322 45.7999 0.753223 47.2999 1.05322 48.8999C1.35322 50.2999 2.55322 51.1999 3.85322 51.1999C4.05322 51.1999 4.25322 51.1999 4.45322 51.0999L11.8532 49.5999L14.4532 49.9999" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
776<path d="M18.4536 68.5L22.7536 75.5C23.2536 76.4 24.2536 76.9 25.1536 76.9C25.6536 76.9 26.1536 76.8 26.6536 76.5C28.0536 75.7 28.4536 73.9 27.6536 72.6L21.5536 62.9C21.3536 62.6 21.1536 62.4 20.9536 62.2L19.9536 61.5" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
777<path d="M63.0536 52.2996C66.6987 52.2996 69.6536 49.3447 69.6536 45.6996C69.6536 42.0545 66.6987 39.0996 63.0536 39.0996C59.4085 39.0996 56.4536 42.0545 56.4536 45.6996C56.4536 49.3447 59.4085 52.2996 63.0536 52.2996Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
778<path d="M49.6532 59.2996C48.0532 61.9996 47.8532 64.0996 47.9532 66.2996L42.1532 70.5996C40.9532 71.4996 40.7532 73.1996 41.5532 74.3996C42.0532 75.0996 42.8532 75.4996 43.7532 75.4996C44.3532 75.4996 44.8532 75.2996 45.3532 74.9996L52.4532 69.6996C53.3532 69.0996 53.6532 67.9996 53.4532 66.8996C53.3532 66.2996 52.3532 60.9996 57.6532 58.3996C58.9532 57.6996 59.4532 56.2996 58.7532 54.8996C58.0532 53.5996 56.3532 53.3996 54.9532 52.9996L49.3532 52.0996C49.1532 52.0996 48.8532 52.0996 48.6532 52.0996L42.4532 53.2996C41.2532 53.4996 40.4532 54.6996 40.6532 55.8996C40.8532 56.9996 41.7532 57.6996 42.8532 57.6996C42.9532 57.6996 43.1532 57.6996 43.2532 57.6996L49.0532 56.4996L51.1532 56.7996" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
779<path d="M62.0534 58.1997L63.1534 59.6997L66.7534 59.4997C67.9534 59.3997 69.0534 60.2997 69.1534 61.5997C69.2534 62.7997 68.3534 63.8997 67.0534 63.9997L62.1534 64.2997C62.0534 64.2997 62.0534 64.2997 61.9534 64.2997C61.2534 64.2997 60.4534 63.8997 60.0534 63.2997L58.7534 61.4997" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
780<path d="M55.7534 71.4996L59.1534 76.9996C59.5534 77.6996 60.3534 78.0996 61.0534 78.0996C61.4534 78.0996 61.8534 77.9996 62.2534 77.7996C63.3534 77.1996 63.6534 75.7996 63.0534 74.6996L58.2534 67.0996C58.1534 66.8996 57.9534 66.6996 57.7534 66.5996L56.1534 65.0996" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
781<path d="M26.4535 51.6997L27.9535 53.5997L32.5535 53.2997C34.0535 53.1997 35.4535 54.3997 35.5535 55.9997C35.
7816535 57.5997 34.4535 58.8997 32.8535 58.9997L26.5535 59.3997C26.4535 59.3997 26.4535 59.3997 26.3535 59.3997C25.3535 59.3997 24.5535 58.8997 23.9535 58.0997L22.3535 55.7997" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
782<path d="M28.8532 28.9C28.4532 27.1 28.3532 25.4 28.2532 23.9C27.9532 18.3 29.1532 15 29.1532 15" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
783<path d="M39.5532 50.6997C37.3532 47.8997 35.5532 45.2997 34.0532 42.6997" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
784<path d="M28.5532 44.2998C32.6954 44.2998 36.0532 40.9419 36.0532 36.7998C36.0532 32.6577 32.6954 29.2998 28.5532 29.2998C24.4111 29.2998 21.0532 32.6577 21.0532 36.7998C21.0532 40.9419 24.4111 44.2998 28.5532 44.2998Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
785<path d="M14.9536 20.1L20.1536 3.3L35.1536 1L32.6536 13.7L14.9536 20.1Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
786<path d="M20.1533 3.2998L32.6533 13.6998" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
787<path d="M14.9536 20.1L34.5536 1.5" stroke="black" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
788</svg>
789
790                                    </i>
791                                
792                                                                    <span>Enfance-Jeunesse</span>
793                                                            </a>
794                        </li>
795                                                                                <li class="primary-color">
796                            <a href="https://porspoder.fr/mes-demarches-en-ligne/reservation-salles-et-materiels/">
797
798                                                                    <i class="icon">
799                                        <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
800<path d="M18.5 6.19998H31.4" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
801<path d="M43 6.19998C46.2 6.19998 48.8 8.8 48.8 12V42.9C48.8 46.1 46.2 48.7 43 48.7H6.80005C3.60005 48.7 1 46.1 1 42.9V12C1 8.8 3.60005 6.19998 6.80005 6.19998" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
802<path d="M2 18.5H47.7001" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
803<path d="M13.2001 9.79999C12.0001 9.79999 11 8.80001 11 7.60001V3.19998C11 1.99998 12.0001 1 13.2001 1C14.4001 1 15.4 1.99998 15.4 3.19998V7.60001C15.4 8.80001 14.5001 9.79999 13.2001 9.79999Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
804<path d="M37.2001 9.79999C36.0001 9.79999 35 8.80001 35 7.60001V3.19998C35 1.99998 36.0001 1 37.2001 1C38.4001 1 39.4 1.99998 39.4 3.19998V7.60001C39.4 8.80001 38.4001 9.79999 37.2001 9.79999Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
805<path d="M15.1 30.7H10.3C9.80005 30.7 9.40002 30.3 9.40002 29.8V25.8C9.40002 25.3 9.80005 24.9 10.3 24.9H15.1C15.6 24.9 16 25.3 16 25.8V29.8C16.1 30.3 15.6 30.7 15.1 30.7Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
806<path d="M15.1 41.6H10.3C9.80005 41.6 9.40002 41.2 9.40002 40.7V36.7C9.40002 36.2 9.80005 35.8 10.3 35.8H15.1C15.6 35.8 16 36.2 16 36.7V40.7C16.1 41.2 15.6 41.6 15.1 41.6Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
807<path d="M26.9 30.7H22.1C21.6 30.7 21.2001 30.3 21.2001 29.8V25.8C21.2001 25.3 21.6 24.9 22.1 24.9H26.9C27.4 24.9 27.8 25.3 27.8 25.8V29.8C27.8 30.3 27.4 30.7 26.9 30.7Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
808<path d="M38.7001 30.7H33.9C33.4 30.7 33 30.3 33 29.8V25.8C33 25.3 33.4 24.9 33.9 24.9H38.7001C39.2001 24.9 39.6 25.3 39.6 25.8V29.8C39.6 30.3 39.2001 30.7 38.7001 30.7Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
809<path d="M21.5 38.9L23.6 41.2L27.6 37" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
810<path d="M33.8 38.9L35.5 41.2L39 37.2" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
811</svg>
812
813                                    </i>
814                                
815                                                                    <sp
815an>Réservation de salles</span>
816                                                            </a>
817                        </li>
818                                                                                <li class="primary-color">
819                            <a href="https://porspoder.fr/ma-commune/publications-kiosque/la-lettre-de-porspoder/">
820
821                                                                    <i class="icon">
822                                        <svg width="40" height="51" viewBox="0 0 40 51" fill="none" xmlns="http://www.w3.org/2000/svg">
823<path d="M32.9 44.3003L33 49.8003H5V5.30029H38.1V44.3003H32.9Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
824<path d="M13.7 16.6001H29.1" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
825<path d="M13.7 25.6001H29.1" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
826<path d="M13.7 34.7002H23.1" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
827<path d="M30.4 1H1V44.5" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
828<path d="M33 49.8003L38.1 44.3003" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
829</svg>
830
831                                    </i>
832                                
833                                                                    <span>BIM</span>
834                                                            </a>
835                        </li>
836                                                                                <li class="primary-color">
837                            <a href="https://porspoder.fr/mon-quotidien/dechetteries/">
838
839                                                                    <i class="icon">
840                                        <svg width="50" height="49" viewBox="0 0 50 49" fill="none" xmlns="http://www.w3.org/2000/svg">
841<path d="M48.3466 28.8239L42.5633 18L41.6084 18.5285C40.8327 18.9995 40.0571 19.4107 39.2839 19.8818C37.7327 20.7641 36.1838 21.6463 34.6326 22.5286C34.4533 22.6458 34.2157 22.763 34.0363 22.8825L32.9044 23.5304L38.5689 33.2356C38.6294 33.2954 38.6294 33.3528 38.6877 33.4125H34.9913L35.0519 28.4726L27 38.9407L34.9308 49L34.9914 46.1188V44.3542H39.6427H40.239C41.0146 44.3542 41.909 44.3542 42.7428 44.1199C43.5184 43.9429 44.1728 43.5914 44.7109 43.0606L44.8297 42.9435C45.6635 42.2955 46.141 41.4132 46.6185 40.5907C46.7978 40.3563 46.9166 40.0622 47.0354 39.8853C48.2885 37.8864 49.5998 35.768 49.9561 33.4752C50.1937 31.8875 49.4204 30.5342 48.7636 29.4176C48.5865 29.2935 48.4654 29.0592 48.3467 28.8248L48.3466 28.8239ZM42.2045 42.233C41.6082 42.4099 40.8932 42.4099 40.2364 42.3501H39.6401H36.1813H34.5719H34.0944H33.9756C33.3794 42.3501 33.0207 42.7614 32.9625 43.2324L29.6225 38.9979L32.9019 34.6462V35.4688L39.8775 35.409C41.1306 37.5275 42.3232 39.7033 42.9776 41.9391C42.7424 42.0586 42.5025 42.1161 42.2043 42.2332L42.2045 42.233ZM47.869 33.293C47.5708 35.1748 46.4389 37.0565 45.2464 38.8809C45.067 39.1152 44.8877 39.4093 44.7689 39.7034C44.6501 39.8803 44.5896 40.0572 44.4708 40.2318C43.5764 37.8193 42.2045 35.5263 40.8932 33.2906C40.6556 32.9367 40.4763 32.5852 40.2364 32.2314L35.5851 24.2907C37.1363 23.4085 38.6851 22.5262 40.2364 21.6439C40.7138 21.3498 41.1913 21.1154 41.6664 20.8213L46.4971 29.8213C46.6159 30.0557 46.7952 30.2923 46.914 30.5267C47.5126 31.471 48.0483 32.3533 47.869 33.293L47.869 33.293Z" fill="black"/>
842<path d="M23.9974 34.1965V32.8901H12.4246H12.2414L14.1305 29.6833L18.5774 32.2381L13.0956 20L0 21.7821L2.6196 23.2671C2.6196 23.2671 3.47136 23.7428 4.20422 24.1582C3.53324 25.3462 2.31505 27.3649 1.82972 28.198C1.64652 28.4347 1.58704 28.6737 1.52518 28.7317C1.09928 29.3861 0.673416 30.1564 0.428316 30.9895C0.185628 31.7622 0.185628 32.5349 0.366456 33.1869V33.3052C0.54966 34.3146 1.09688 35.266 1.58465 36.0387C1.76785 36.2754 1.8892 36.5724 2.01054 36.8114C3.16685 38.8905 4.38504 41.0879 6.27421 42.5149C7.61374 43.5243 9.13648 43.5243 10.5379 43.5243H11.3302L24 44V42.9303V40.2572V34.911C23.9976 34.614 23.9976 34.375 23.9976 34.1963L23.9974 34.1965Z
842M2.43662 31.4653C2.61982 30.8713 2.98385 30.2773 3.35026 29.6832C3.41212 29.6229 3.53346 29.4466 3.65481 29.1495C4.0807 28.4952 4.81111 27.2491 5.42021 26.1794C5.78662 25.5854 6.02931 25.1097 6.21252 24.8127C6.33387 24.634 6.39573 24.5157 6.45521 24.3973C6.51707 24.337 6.51707 24.279 6.51707 24.279C6.82162 23.7453 6.63842 23.2093 6.27438 22.9726L11.8181 22.1999L14.0119 27.1888L13.279 26.8314L9.7458 32.8323C7.24753 32.8323 4.68982 32.7719 2.31544 32.1779C2.31544 31.9992 2.37492 31.7625 2.43679 31.4655L2.43662 31.4653ZM11.3306 41.5031H10.4789C9.32257 41.5031 8.28516 41.5031 7.49528 40.9091C5.97254 39.721 4.81623 37.7603 3.77882 35.8599C3.65747 35.5629 3.47427 35.3262 3.29107 35.0292C3.16972 34.8505 3.10786 34.6719 2.98652 34.4955C5.60612 34.9712 8.34705 34.9109 11.026 34.9109H12.3061H21.8092V40.2571V41.8605L11.3306 41.5031Z" fill="black"/>
843<path d="M36.1307 17.34L41 5.71987L38.3856 7.16501C38.3856 7.16501 37.5551 7.62791 36.8406 8.0321C36.1864 6.87599 34.9986 4.91151 34.5254 4.10085C34.3468 3.87052 34.2888 3.63795 34.2285 3.5815C33.8712 2.94471 33.398 2.19508 32.8041 1.55829C32.2706 0.980236 31.6164 0.632476 30.9042 0.460909L30.7859 0.402201C29.8348 0.0544651 28.7677 0.0544648 27.8165 0.0544648H26.9861C24.6106 -0.0606959 22.1168 -0.0606955 19.9778 0.747672C18.4328 1.32573 17.6626 2.59699 17.0084 3.75311C16.8901 3.98343 16.7718 4.21601 16.5932 4.3899L10 14.5649L10.9511 15.0842C11.7237 15.5471 12.4962 15.9513 13.2663 16.4142C14.8113 17.2813 16.354 18.1484 17.899 19.0155C18.0776 19.1306 18.3142 19.2458 18.4929 19.3632L19.6203 20L25.2621 10.462C25.3224 10.4033 25.3224 10.3469 25.3804 10.2882L27.2223 13.4088L22.9446 15.8361L36.1307 17.34ZM24.1927 8.43674C24.0141 8.78448 23.7774 9.12995 23.5385 9.53413L18.9058 17.3379C17.3608 16.4708 15.7578 15.6037 14.2731 14.7366C13.7976 14.4476 13.322 14.2173 12.8488 13.9283L18.3142 5.43142C18.4929 5.2011 18.6112 4.96852 18.7295 4.73821C19.263 3.81239 19.7989 2.94531 20.6897 2.59986C22.4714 1.90665 24.7286 1.96307 26.8648 2.0218H27.816H28.4099C26.8046 3.98627 25.4405 6.23983 24.1924 8.43709L24.1927 8.43674ZM26.5682 8.32158C27.8163 6.23965 29.1223 4.16003 30.7253 2.48204C30.9039 2.5972 31.1405 2.71236 31.3192 2.94494C31.7344 3.40784 32.0917 3.9859 32.4466 4.56396C32.5069 4.62267 32.5649 4.79428 32.7435 5.08331C33.1008 5.7201 33.813 6.93263 34.4648 7.9736C34.822 8.55166 35.0587 9.01457 35.2373 9.3036C35.3556 9.47747 35.4159 9.59263 35.4739 9.70779C35.5342 9.76649 35.5342 9.82295 35.5342 9.82295C35.8312 10.3423 36.425 10.401 36.7823 10.2858L34.7038 15.1993L29.2986 14.5625L30.0107 14.1584L26.5682 8.32158Z" fill="black"/>
844</svg>
845
846                                    </i>
847                                
848                                                                    <span>Déchets</span>
849                                                            </a>
850                        </li>
851                                                                                <li class="primary-color">
852                            <a href="https://porspoder.fr/mes-demarches-en-ligne/urbanisme-travaux/">
853
854                                                                    <i class="icon">
855                                        <svg width="64" height="55" viewBox="0 0 64 55" fill="none" xmlns="http://www.w3.org/2000/svg">
856<path d="M54.0169 46.9623V5.55717C54.0169 3.09398 56.011 1.09998 58.4742 1.09998C60.9374 1.09998 62.9314 3.09398 62.9314 5.55717V44.851C62.9314 49.8947 58.8261 54 53.7824 54H2.6417C1.93793 54 1.46875 53.4135 1.46875 52.827V6.96473C1.46875 6.26096 2.05523 5.79178 2.6417 5.79178H49.2078" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
857<path d="M54.0171 46.845C54.0171 44.3818 56.0112 42.3878 58.4744 42.3878C60.9376 42.3878 62.5 44.0368 62.5 46.5" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
858<path d="M20.1187 25.2627V43.3262H42.1701V25.2627" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
859<path d="M14.2539 27.374L31.1443 18.8115L46.3927 26.7875" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
860<path d="M26.8047 42.9743V35.5847C26.8047 33.5906 28.4468 31.9485 30.4408 31.9485C32.4348 31.9485 34.0769 33.5906 34.0769 35.5847V42.9743" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
861</svg>
862
863                                    </i>
864                                
865                                                                    <sp
865an>Urbanisme</span>
866                                                            </a>
867                        </li>
868                                                                                <li class="primary-color">
869                            <a href="https://porspoder.fr/evenements/">
870
871                                                                    <i class="icon">
872                                        <svg width="46" height="42" viewBox="0 0 46 42" fill="none" xmlns="http://www.w3.org/2000/svg">
873<path d="M35.1085 19.2C40.1343 19.2 44.2085 15.1258 44.2085 10.1C44.2085 5.07421 40.1343 1 35.1085 1C30.0827 1 26.0085 5.07421 26.0085 10.1C26.0085 15.1258 30.0827 19.2 35.1085 19.2Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
874<path d="M28.2085 5.10001L40.9086 16.3" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
875<path d="M30.7085 22.2L18.2085 35.1C16.7085 36.6 14.4085 36.7 12.8085 35.3C11.2085 33.9 11.0085 31.5 12.3085 29.9L23.5086 15.9" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
876<path d="M14.8085 27.1L20.7085 32.3" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
877<path d="M25.3085 21.2L23.7085 23" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
878<path d="M11.2084 37.1L9.80842 38.7C8.00842 40.8 4.80844 41 2.70844 39.1C0.608441 37.3 0.408416 34.1 2.30842 32L10.2084 23C12.0084 21 11.8084 17.9 9.80842 16.1C7.80842 14.3 4.70851 14.5 2.90851 16.5L1.70844 17.9" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
879</svg>
880
881                                    </i>
882                                
883                                                                    <span>Agenda</span>
884                                                            </a>
885                        </li>
886                                                </ul>
887        </div>
888        </div>
889</section>
890            
891            <div id="main-content" class="main-content">
892
893                <div id="content" class="content">
894                        <section class="section slider-text-image wide">
895
896    <h2 class="section-title " data-align="center">BIENVENUE </h2>
897
898            <div class="swiper"  data-count-children="1">
899            <div class="swiper-wrapper">
900                                    <article class="swiper-slide">
901                        <figure class="background wide-radius">
902                            
903                            <img src="https://porspoder.fr/app/uploads/sites/9/2023/09/Parcelles-porspoder--scaled.jpg" alt="Parcelles Porspoder">
904
905                                                    </figure>
906                        <div class="content">
907                            <div class="infos" data-simplebar>
908                                <div class="wrap">
909                                                                            <h3>
910                                                                                        PRÉSENTATION DE LA COMMUNE 
911                                                                                    </h3>
912                                                                                                                <p>
913                                            PORSPODER est une charmante commune située sur la côte ouest du Pays de Léon, en Bretagne. Nichée entre la Manche et l'Atlantique, elle bénéficie d'un emplacement privilégié offrant des paysages à couper le souffle. <br />
914<br />
915La commune est réputée pour sa presqu'île Saint-Laurent, un véritable joyau naturel. Face à cette presqu'île se dresse le Phare du Four, une imposante construction qui guide les marins depuis des décennies. <br />
916<br />
917L’île de Melon et le port de Mazou ajoutent à la beauté du paysage et attirent les amoureux de la nature. Outre ses paysages époustouflants, Porspoder est également connue pour son histoire riche. Selon la légende, c'est ici que Saint-Budoc aurait débarqué sur une pierre miraculeusement flottante. Cette histoire a marqué la région et contribue à son charme mystique. La commune a évolué au fil des siècles, passant de paroisse au XVIIe siècle à une commune à part entière en 1790.<br />
918<br />
919En 1971, Porspoder s'est agrandie en intégrant la petite commune de Larret. Aujourd'hui, la population de Porspoder est composée de passionnés de nature, d'amoureux de la mer et de ceux qui recherchent la tranquillité et la beauté préservée de la Bretagne. Que vou
919s soyez attiré par les randonnées le long des falaises, les activités nautiques, la contemplation des paysages marins ou la gastronomie, Porspoder est une destination incontournable. Son emplacement unique, ses sites naturels exceptionnels et son histoire fascinante en font un lieu magique où il fait bon se ressourcer.
920                                        </p>
921                                                                                                        </div>
922                            </div>
923                        </div>
924                    </article>
925                            </div>
926                    </div>
927    </section>
928                                                <section class="section lastnews">
929    <div class="container">        
930
931        <h2 class="section-title  large" data-align="center" data-js-animation-trigger>Actualités </h2>
932
933                    <div class="lastnews-grid" data-js-animation-section>
934                                    <div class="card-news lastnews-item" data-js-animation-trigger="scale-fade">
935    <a target="_self" href="https://porspoder.fr/actualites/modification-simplifiee-n-1-du-plu-de-porspoder/" style="background-image: url(https://porspoder.fr/app/uploads/sites/9/2026/06/plu-1024x684.jpg);" aria-label="Consulter Modification simplifiée n° 1 du PLU de Porspoder" title="Consulter Modification simplifiée n° 1 du PLU de Porspoder">
936                    <h3>Modification simplifiée n° 1 du PLU de Porspoder</h3>
937        
938                            <p class="lastnews-tags">Enquête publique</p>
939            </a>
940</div>
941                                    <div class="card-news lastnews-item" data-js-animation-trigger="scale-fade">
942    <a target="_self" href="https://porspoder.fr/actualites/projet-damenagement-de-mezou-vourch-enquete-publique-prealable-a-la-dup-du-29-juin-au-17-juillet-2026/" style="background-image: url(https://porspoder.fr/app/uploads/sites/9/2026/06/Avis-au-public-Enquete-publique-724x1024.jpg);" aria-label="Consulter Projet d’aménagement de Mezou Vourc’h : enquête publique préalable à la DUP du 29 juin au 17 juillet 2026" title="Consulter Projet d’aménagement de Mezou Vourc’h : enquête publique préalable à la DUP du 29 juin au 17 juillet 2026">
943                    <h3>Projet d’aménagement de Mezou Vourc’h : enquête publique préalable à la DUP du 29 juin au 17 juillet 2026</h3>
944        
945                            <p class="lastnews-tags">Enquête publique</p>
946            </a>
947</div>
948                                    <div class="card-news lastnews-item" data-js-animation-trigger="scale-fade">
949    <a target="_self" href="https://porspoder.fr/actualites/enquete-publique-captage-traon-bihan-a-landunvez-et-kerenneur-a-plourin/" style="background-image: url(https://porspoder.fr/app/uploads/sites/9/2026/06/Avis-e
949nquete-traon-bihan-724x1024.jpg);" aria-label="Consulter Enquête publique Captage Traon Bihan à Landunvez et Kerenneur à Plourin" title="Consulter Enquête publique Captage Traon Bihan à Landunvez et Kerenneur à Plourin">
950                    <h3>Enquête publique Captage Traon Bihan à Landunvez et Kerenneur à Plourin</h3>
951        
952                            <p class="lastnews-tags">Enquête publique</p>
953            </a>
954</div>
955                                    <div class="card-news lastnews-item" data-js-animation-trigger="scale-fade">
956    <a target="_self" href="https://porspoder.fr/actualites/offre-demploi-agent-technique-polyvalent/" style="background-image: url(https://porspoder.fr/app/uploads/sites/9/2026/07/JOB-1024x585.jpg);" aria-label="Consulter Offre d&#039;emploi Agent Technique Polyvalent" title="Consulter Offre d&#039;emploi Agent Technique Polyvalent">
957                    <h3>Offre d&#039;emploi Agent Technique Polyvalent</h3>
958        
959                            <p class="lastnews-tags">Emploi</p>
960            </a>
961</div>
962                            </div>         
963                <div class="lastnews-link-more" data-js-animation-trigger="scale-fade">
964            <a href="https://porspoder.fr/actualites/" class="cta cta-secondary" aria-label="Cap sur + d&rsquo;actus
965" title="Cap sur + d&rsquo;actus
966">
967                Cap sur + d&rsquo;actus<br />
968
969            </a>
970        </div>   
971    </div>
972</section>
973                                                <section class="section agenda wide wide-radius">
974        <div class="container">
975
976            <h2 class="section-title  large" data-align="center">Agenda</h2>
977            
978
979                            <div class="agenda-slider-wrapper">
980                    <div class="agenda-slider">
981                        <div class="swiper-wrapper">
982                                                            <div class="agenda-slide-wrapper swiper-slide">
983                                    <a href="https://porspoder.fr/evenements/reunion-publique-conseil-municipal-des-jeunes/?uuid=13740" class="card-alpha card-event --agenda" aria-hidden="true"
984       aria-label="Accéder à l'évènement Réunion publique Conseil Municipal des Jeunes" title="Accéder à l'évènement Réunion publique Conseil Municipal des Jeunes">
985        <article>
986            <figure>
987                <picture>
988                    <img src="https://porspoder.fr/app/uploads/sites/9/2026/10/4295312-395x240.jpg" class="card-event-image" alt="Réunion publique Conseil Municipal des Jeunes">
989                </picture>
990                <figcaption>
991                                            <time datetime="">
992                            <span class="start">
993                                <b class="day">
994                                    02
995                                </b>
996                                <b class="month">
997                                    OCT
998                                </b>
999                            </span>
1000                                                    </time>
1001                                                                <ul>
1002                                                                                                <li class="tag">
1003                                        Conseil Municipal des Jeunes
1004                                    </li>
1005                                                                                    </ul>
1006                                    </figcaption>
1007            </figure>
1008            <div class="content">
1009                <h3>
1010                    Réunion publique Conseil Municipal des Jeunes
1011                    </h3>
1012                                </div>
1013        </article>
1014    </a>
1015                                </div>
1016                                                            <div class="agenda-slide-wrapper swiper-slide">
1017                                    <a href="https://porspoder.fr/evenements/yoga-au-cabinet-des-dunes-vinyasa-flow/?uuid=13716" class="card-alpha card-event --agenda" aria-hidden="true"
1018       aria-label="Accéder à l'évènement Yoga au Cabinet des Dunes: Vinyasa Flow" title="Accéder à l'évènement Yoga au Cabinet des Dunes: Vinyasa Flow">
1019        <article>
1020            <figure>
1021                <picture>
1022                    <img src="https://porspoder.fr/app/uploads/sites/9/2026/09/IMG-5773-2-2-395x240.jpeg" class="card-event-image" alt="Yoga au Cabinet des Dunes: Vinyasa Flow">
1023                </picture>
1024                <figcaption>
1025                                            <time datetime="">
1026                            <span class="start">
1027                                <b class="day">
1028                                    02
1029                                </b>
1030                                <b class="month">
1031                                    OCT
1032                                </b>
1033                            </span>
1034                                                    </time>
1035                                                                <ul>
1036                                                                                                <li class="tag">
1037                                        Ateliers / Stages
1038                                    </li>
1039                                                                                    </ul>
1040                                    </figcaption>
1041            </figure>
1042            <div class="content">
1043                <h3>
1044                    Yoga au Cabinet des Dunes: Vinyasa Flow
1045                    </h3>
1046                                </div>
1047        </article>
1048    </a>
1049                                </div>
1050                                                            <div class="agenda-slide-wrapper swiper-slide">
1051                                    <a href="https://porspoder.fr/evenements/yoga-au-cabinet-des-dunes-slow-flow/?uuid=13714" class="card-alpha card-event --agenda" aria-hidden="true"
1052       aria-label="Accéder à l'évènement Yoga au Cabinet des Dunes : Slow Flow" title="Accéder à l'évènement Yoga au Cabinet des Dunes : Slow Flow">
1053        <article>
1054            <figure>
1055                <picture>
1056                    <img src="https://porspoder.fr/app/uploads/sites/9/2026/09/IMG-5771-2-395x240.jpeg" class="card-event-image" alt="Yoga au Cabinet des Dunes : Slow Flow">
1057                </picture>
1058                <figcaption>
1059                                            <time datetime="">
1060                            <span class="start">
1061                                <b class="day">
1062                                    02
1063                                </b>
1064                                <b class="month">
1065                                    OCT
1066                                </b>
1067                            </span>
1068                                                    </time>
1069                                                                <ul>
1070                                                                                                <li class="tag">
1071                                        Ateliers / Stages
1072                                    </li>
1073                                                                                    </ul>
1074                                    </figcaption>
1075            </figure>
1076            <div class="content">
1077                <h3>
1078                    Yoga au Cabinet des Dunes : Slow Flow
1079                    </h3>
1080                                </div>
1081        </article>
1082    </a>
1083                                </div>
1084                                                            <div class="agenda-slide-wrapper swiper-slide">
1085                                    <a href="https://porspoder.fr/evenements/les-rencontres-theatrales-de-porspoder-comedie-bouchons-fuites-et-consequences/?uuid=13735" class="card-alpha card-event --agenda" aria-hidden="true"
1086       aria-label="Accéder à l'évènement Les Rencontres Théâtrales de Porspoder : Comédie Bouchons, fuites et conséquences" title="Accéder à l'évènement Les Rencontres Théâtrales de Porspoder : Comédie Bouchons, fuites et conséquences">
1087        <article>
1088            <figure>
1089                <picture>
1090                    <img src="https://porspoder.fr/app/uploads/sites/9/2025/12/Theatre-jpeg-395x240.jpg" class="card-event-image" alt="Les Rencontres Théâtrales de Porspoder : Comédie Bouchons, fuites et conséquences">
1091                </picture>
1092                <figcaption>
1093                                            <time datetime="">
1094                            <span class="start">
1095                                <b class="day">
1096                                    03
1097                                </b>
1098                                <b class="month">
1099                                    OCT
1100                                </b>
1101                            </span>
1102                                                    </time>
1103                                                                <ul>
1104                                                                                                <li class="tag">
1105                                        Animation
1106                                    </li>
1107                                                                                                                                <li class="tag">
1108                                        Spectacle
1109                                    </li>
1110                                                                                                                                <li class="tag">
1111                                        Théâtre
1112                                    </li>
1113                                                                                    </ul>
1114                                    </figcaption>
1115            </figure>
1116            <div class="content">
1117                <h3>
1118                    Les Rencontres Théâtrales de Porspoder : Comédie Bouchons, fuites et conséquences
1119                    </h3>
1120                                </div>
1121        </article>
1122    </a>
1123                                </div>
1124                                                            <div class="agenda-slide-wrapper swiper-slide">
1125                                    <a href="https://porspoder.fr/evenements/yoga-au-cabinet-des-dunes-slow-flow/?uuid=13715" class="card-alpha card-event --agenda" aria-hidden="true"
1126       aria-label="Accéder à l'évènement Yoga au Cabinet des Dunes : Slow Flow" title="Accéder à l'évènement Yoga au Cabinet des Dunes : Slow Flow">
1127        <article>
1128            <figure>
1129                <picture>
1130                    <img src="https://porspoder.fr/app/uploads/sites/9/2026/09/IMG-5771-2-395x240.jpeg" class="card-event-image" alt="Yoga au Cabinet des Dunes : Slow Flow">
1131                </picture>
1132                <figcaption>
1133                                            <time datetime="">
1134                            <span class="start">
1135                                <b class="day">
1136                                    03
1137                                </b>
1138                                <b class="month">
1139                                    OCT
1140                                </b>
1141                            </span>
1142                                                    </time>
1143                                                                <ul>
1144                                                                                                <li class="tag">
1145                                        Ateliers / Stages
1146                                    </li>
1147                                                                                    </ul>
1148                                    </figcaption>
1149            </figure>
1150            <div class="content">
1151                <h3>
1152                    Yoga au Cabinet des Dunes : Slow Flow
1153                    </h3>
1154                                </div>
1155        </article>
1156    </a>
1157                                </div>
1158                                                            <div class="agenda-slide-wrapper swiper-slide">
1159                                    <a href="https://porspoder.fr/evenements/les-treteaux-chantants/?uuid=13560" class="card-alpha card-event --agenda" aria-hidden="true"
1160       aria-label="Accéder à l'évènement Les Tréteaux chantants" title="Accéder à l'évènement Les Tréteaux chantants">
1161        <article>
1162            <figure>
1163                <picture>
1164                    <img src="https://porspoder.fr/app/uploads/sites/9/2026/09/Chant-395x240.jpg" class="card-event-image" alt="Les Tréteaux chantants">
1165                </picture>
1166                <figcaption>
1167                                            <time datetime="">
1168                            <span class="start">
1169                                <b class="day">
1170                                    06
1171                                </b>
1172                                <b class="month">
1173                                    OCT
1174                                </b>
1175                            </span>
1176                                                    </time>
1177                                                                <ul>
1178                                                                                                <li class="tag">
1179                                        Animation
1180                                    </li>
1181                                                                                                                                <li class="tag">
1182                                        Chant
1183                                    </li>
1184                                                                                    </ul>
1185                                    </figcaption>
1186            </figure>
1187            <div class="content">
1188                <h3>
1189                    Les Tréteaux chantants
1190                    </h3>
1191                                </div>
1192        </article>
1193    </a>
1194                                </div>
1195                                                    </div>
1196                        <div class="swiper-button-prev"></div>
1197                        <div class="swiper-button-next"></div>
1198                    </div>
1199                </div>
1200            
1201            <div class="cta-wrapper">
1202                <a href="https://porspoder.fr/evenements/" class="cta cta-dark" aria-label="Accéder à Tous les événements"
1203                   title="Accéder à Tous les événements"><span class="cta-label">Tous les événements</span></a>
1204            </div>
1205        </div>
1206    </section>
1207                                                <section class="section pna compact" data-js-animation-section>
1208        <div class="container">
1209            <article data-js-animation-trigger="fade-from-left">
1210                                                                <h2>
1211                    
1212                    Publications
1213
1214                                            </h2>
1215                                    
1216                <figure>
1217
1218                                                                        <img src="https://porspoder.fr/app/uploads/sites/9/2024/01/Lettre-de-la-Biodiversite-n°13-212x300.jpg" alt="La Lettre de la Biodiversité n°13 Novembre/Décembre 2023-Janvier 2024">
1219                                                                <figcaption class="link-list">
1220                                                        <a class="link --has-icon" aria-label="Feuilleter" title="Feuilleter" target="_blank" rel="noreferrer noopener" href="https://porspoder.fr/app/uploads/sites/9/2024/01/Lettre-de-la-biodiversite-n°13-Novembre-Decembre-2023-Janvier-2024.pdf">
1221                                    <i class="link-icon icon-read"></i>
1222                                    <span class="link-label">
1223                                        Visualiser
1224                                    </span>
1225                        
1226                                                    <a class="link --has-icon" download href="https://porspoder.fr/app/uploads/sites/9/2024/01/Lettre-de-la-biodiversite-n°13-Novembre-Decembre-2023-Janvier-2024.pdf">
1227                                <i class="link-icon icon-download"></i>
1228                                <span class="link-label">Télécharger</span>
1229                            </a>
1230                                            </figcaption>
1231                </figure>
1232                                    <div class="more">
1233                                                    <h3>Besoin d&#039;un compte rendu, d&#039;un document édité par la mairie ?</h3>
1234                                                <a href="https://porspoder.fr/ressources/" class="cta cta-stretch cta-dark-outline">
1235                            <span class="cta-label"><p>Voir plus de publications</p>
1236</span>
1237                        </a>
1238                    </div>
1239                            </article>
1240                    </div>
1241        
1242
1243    </section>
1244                                                <section class="section carousel-logo wide wide-radius">
1245    <div class="container">
1246
1247        <h2 class="section-title " data-align="center">À découvrir aussi</h2>
1248
1249                    <div class="slider-wrapper" data-js-animation-trigger>
1250                <div class="carousel-logo-slider swiper no-loop" data-js="carousel-logo-slider" data-count-children="1">
1251                    <div class="swiper-wrapper">
1252                                                    <div class="swiper-slide swiper-slide-active">
1253                                <div class="card-logo simple carousel-logo-item">
1254            <a href="https://www.facebook.com/profile.php?id=100064841372234">
1255                            <img src="https://porspoder.fr/app/uploads/sites/9/2023/09/Telecharger-Facebook-300x300.jpg" alt="Logo coloré">
1256                                </a>
1257    </div>
1258                            </div>
1259                                            </div>
1260                                    </div>
1261            </div>
1262        </section>
1263                                </div>
1264            </div>
1265        </main>
1266
1267        
1268                <footer id="footer" class="footer" role="contentinfo" data-scroll-section>
1269    <div class="pre-footer">
1270        
1271            </div>
1272
1273    <div class="main-footer wide wide-radius">
1274        <div class="container-wsm-xxl">
1275            <div class="footer-container">
1276                                    <div class="footer-logo">
1277                        <a href="https://porspoder.fr">
1278                            <img src="https://porspoder.fr/app/uploads/sites/9/2023/03/Porspoder.png" alt="footer-logo" />
1279                        </a>
1280                    </div>
1281                
1282                <div class="footer-details">
1283                                            <div class="inserts">
1284                                                            <div class="insert" data-last="false">
1285                                                                            <h3 class="footer-title">PORSPODER</h3>
1286                                    
1287                                                                            <div class="insert-text tinymce">
1288                                            <p>MAIRIE DE PORSPODER<br />
12891 RUE DE LA MAIRIE<br />
129029840<br />
1291PORSPODER</p>
1292<p>02 98 89 90 27</p>
1293
1294                                        </div>
1295                                    
1296                                    
1297                                                                            <ul class="social">
1298                                                                                                                                                <li class="social-item">
1299                                                        <a href="https://www.facebook.com" target="_blank" rel="nofollow noreferrer noopener" class="social-link" rel="nofollow, noopener" aria-label="Facebook"
1300                                                            title="Facebook">
1301                                                            <i class="icon-facebook"></i>
1302                                                        </a>
1303                                                    </li>
1304                                                                                                                                                                                                <li class="social-item">
1305                                                        <a href="https://www.instagram.com" target="_blank" rel="nofollow noreferrer noopener" class="social-link" rel="nofollow, noopener" aria-label="Instagram"
1306                                                            title="Instagram">
1307                                                            <i class="icon-instagram"></i>
1308                                                        </a>
1309                                                    </li>
1310                                                                                                                                    </ul>
1311                                    
1312                                </div>
1313                                                            <div class="insert" data-last="true">
1314                                                                            <h3 class="footer-title">NOS HORAIRES D&#039;OUVERTURE</h3>
1315                                    
1316                                                                            <div class="insert-text tinymce">
1317                                            <p><strong>LUNDI, MARDI, JEUDI ET VENDREDI</strong> :<br />
13189h00 – 12h00, 13h30 &#8211; 16h30</p>
1319<p><strong>SAMEDI</strong> : 10h00 – 12h00</p>
1320
1321                                        </div>
1322                                    
1323                                    
1324                                    
1325                                </div>
1326                                                    </div>
1327                    
1328                                            <div class="map">
1329                            <img src="https://porspoder.fr/app/uploads/sites/9/2023/03/Porspoder-CARTEIROISE.png" alt="footer-image-map" />
1330                        </div>
1331                                    </div>
1332
1333            </div>
1334        </div>
1335    </div>
1336
1337                    <div class="sub-footer">
1338            <div class="container-xxl">
1339                <nav class="footer-navigation">
1340                    <ul id="footer-menu" class="footer-menu menu"><li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-239"><a href="https://porspoder.fr/mentions-legales/" class="menu-link">Mentions légales</a></li>
1341<li id="menu-item-240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-240"><a href="https://porspoder.fr/politique-de-confidentialite/" class="menu-link">Politique de confidentialité</a></li>
1342<li class="menu-item"><a class="menu-link last" href="https://lajungle.fr/" aria-label="Accéder au site lajungle.fr" title="Accéder au site lajungle.fr" target="_blank" rel="nofollow noreferrer noopener">
1342Crédits : La Jungle</a></li></ul>
1343                </nav>
1344            </div>
1345        </div>
1346    </footer>
1347        <button id="back-to-top" aria-label="Retour en haut de page" title="Retour en haut de page">
1348    <i class="icon-arrow-top"></i>
1349</button>        <div id="modal" class="modal" style="display: none">
1350    <div class="modal-wrapper">
1351        <button class="modal-close" type="button" aria-label="Fermer la pop-in" title="Fermer la pop-in" data-close="modal">
1352            <i class="icon-close-circle"></i>
1353        </button>
1354            </div>
1355</div>
1356            </div>
1357
1358    
1358<script type="speculationrules">
1359{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/app/uploads/sites/9/*","/app/*","/app/plugins/*","/app/themes/communes/resources/*","/app/themes/master/resources/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1360</script>
1360
1361<!-- Social Wall JS -->
1362<script type="text/javascript">
1363
1364</script>
1364
1365<div class="wt-cli-cookie-bar-container" data-nosnippet="true"  data-banner-version="2.0"><!--googleoff: all--><div id="cookie-law-info-bar" role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="wt-cli-cookie-banner" data-cli-geo-loc="0" style="text-align:left; padding:15px 30px;" class="wt-cli-cookie-bar"><div class="cli-wrapper"><span id="wt-cli-cookie-banner"><div class="cookie-banner-content"><div class="message"><strong>Nous utilisons des cookies sur notre site Internet pour son bon fonctionnement et à des fins de mesure d'audience dans le but de vous offrir une expérience de visite améliorée et personnalisée.</strong> En cliquant sur « Tout accepter », vous consentez à l'utilisation de tous les cookies placés sur notre site. En cliquant sur « Tout refuser », seuls les cookies strictement nécessaires au fonctionnement du site et à sa sécurité seront utilisés. Pour choisir ou modifier vos préférences cookies ainsi que retirer votre consentement à tout moment, cliquez sur « Personnaliser vos cookies » ou sur le lien « Cookies » en bas d'écran. Pour en savoir plus sur les cookies et les données personnelles que nous utilisons : <a id="wt-cli-policy-link" tabindex="0" href="https://porspoder.fr/politique-de-confidentialite/"  style="" target="_blank"  class="wt-cli-element wt-cli-element cli-plugin-main-link"  >lire notre politique de confidentialité</a></div><div class="actions-wrapper"><div class="choices-wrapper"><a id="wt-cli-accept-all-btn" tabindex="0" role='button' style="margin:5px 5px 5px 30px; border-radius:0; padding:8px 25px 8px 25px;" data-cli_action="accept_all"  class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button" >TOUT ACCEPTER</a><a id="wt-cli-reject-btn" tabindex="0" role='button' style="margin:5px 5px 5px 5px; border-radius:0; padding:8px 25px 8px 25px;"  class="wt-cli-element medium cli-plugin-button cli-plugin-main-button cookie_action_close_header_reject cli_action_button"  data-cli_action="reject">TOUT REFUSER</a></div><div class="settings-link-wrapper"><a id="wt-cli-settings-btn" tabindex="0" role='button' style="border-bottom:1px solid; text-decoration:none;" class="wt-cli-element cli_settings_button"  >Personnaliser vos cookies</a></div></div></div></span><div class="cli-modal-body">
1366
1367    <div class="wt-cli-element cli-container-fluid cli-tab-container">
1368        <div class="cli-row">
1369                        <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container" role="tablist">
1370
1371                                    <div class="cli-tab-section cli-privacy-tab">
1372                        <div class="cli-tab-header">
1373                            <a id="wt-cli-tab-link-privacy-overview" class="cli-nav-link cli-settings-mobile" tabindex="0" role="tab" aria-expanded="false" aria-describedby="wt-cli-tab-privacy-overview" aria-controls="wt-cli-tab-privacy-overview">
1374                                Informations sur les paramètres disponibles                            </a>
1375                        </div>
1376                        <div class="cli-tab-content">
1377                            <div id="wt-cli-tab-privacy-overview" class="cli-tab-pane cli-fade" tabindex="0" role="tabpanel" aria-labelledby="wt-cli-tab-link-privacy-overview">
1378                                <p>Nous utilisons des cookies sur notre site Internet pour son bon fonctionnement et à des fins de mesure d'audience dans le but de vous offrir une expérience de visite améliorée et personnalisée. Parmi ces cookies, ceux dans la catégorie “Necessaire” sont stockés dans votre navigateur car ils sont essentiels au fonctionnement basique du site Internet.<br />
1379<br />
1380Les cookies des autres catégories ne seront stockés sur votre navigateur qu’avec votre consentement. Vous pouvez donc choisir, d'activer ou de désactiver chaque catégorie de cookies ci-dessous.</p>
1381                            </div>
1382                        </div>
1383
1384                    </div>
1385                
1386                                    <div class="cli-tab-section">
1387                        <div class="cli-tab-header">
1388                            <a id="wt-cli-tab-link-necessaires" tabindex="0" role="tab" aria-expanded="false" aria-describedby="wt-cli-tab-necessaires" aria-controls="wt-cli-tab-necessaires" class="cli-nav-link cli-settings-mobile" data-target="necessaires" data-toggle="cli-toggle-tab">
1389                                Nécessaires                            </a>
1390                                                                                        <div class="wt-cli-necessary-checkbox">
1391                                    <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessaires" aria-label="Nécessaires" data-id="checkbox-necessaires" checked="checked" />
1392                                    <label class="form-check-label" for="wt-cli-checkbox-necessaires"> Nécessaires </label>
1393                                </div>
1394                                <span class="cli-necessary-caption">
1395                                    Toujours activé                                </span>
1396                                                    </div>
1397                        <div class="cli-tab-content">
1398                            <div id="wt-cli-tab-necessaires" tabindex="0" role="tabpanel" aria-labelledby="wt-cli-tab-link-necessaires" class="cli-tab-pane cli-fade" data-id="necessaires">
1399                            <div class="wt-cli-cookie-description">Les cookies nécessaires sont cruciaux pour les fonctions de base du site Web et celui-ci ne fonctionnera pas comme prévu sans eux. Ces cookies ne stockent aucune donnée personnellement identifiable.
1400<table class="wt-cli-element cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th scope="col" class="cookielawinfo-column-1">Cookie</th><th scope="col" class="cookielawinfo-column-3">Durée</th><th scope="col" class="cookielawinfo-column-4">Description</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cli_user_preference</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Stocke le statut de consentement des cookies de l'utilisateur.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-advertisement</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Publicitaires".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-analytics</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Statistiques".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-functional</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Fonctionnel".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-necessary</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Nécessaire".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-others</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Autres".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-performance</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies. Il est utilisé pour enregistrer le consentement de l'utilisateur pour les cookies de type "Performance".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">CookieLawInfoConsent</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Utilisé pour stocker votre consentement à l’utilisation des cookies</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">ezCMPCCS</td><td class="cookielawinfo-column-3">1 year</td><td class="cookielawinfo-column-4">Ezoic met en place ce cookie pour savoir si un utilisateur consent à des cookies statistiques.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">PHPSESSID</td><td class="cookielawinfo-column-3">1 mois</td><td class="cookielawinfo-column-4">Ce cookie est installé par les applications PHP. Le cookie est utilisé pour stocker et identifier l'ID de session unique de l'utilisateur afin de gérer la session de l'utilisateur  sur le site Internet. Ce cookie est un cookie de session et sera supprimé lorsque toutes les fenêtres du navigateur seront fermées.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">viewed_cookie_policy</td><td class="cookielawinfo-column-3">1 an</td><td class="cookielawinfo-column-4">Ce cookie est installé par le module de bannière de cookies, il est utilisé pour enregistrer le fait que vous ayez ou non accepté l'utilisation de cookies. Il ne stocke aucune information personnelle.</td></tr></tbody></table></div>
1401                            </div>
1402                        </div>
1403                    </div>
1404                                    <div class="cli-tab-section">
1405                        <div class="cli-tab-header">
1406                            <a id="wt-cli-tab-link-statistiques" tabindex="0" role="tab" aria-expanded="false" aria-describedby="wt-cli-tab-statistiques" aria-controls="wt-cli-tab-statistiques" class="cli-nav-link cli-settings-mobile" data-target="statistiques" data-toggle="cli-toggle-tab">
1407                                Statistiques                            </a>
1408                                                                                        <div class="cli-switch">
1409                                    <input type="checkbox" class="cli-user-preference-checkbox"  id="wt-cli-checkbox-statistiques" aria-label="statistiques" data-id="checkbox-statistiques" role="switch" aria-controls="wt-cli-tab-link-statistiques" aria-labelledby="wt-cli-tab-link-statistiques"  />
1410                                    <label for="wt-cli-checkbox-statistiques" class="cli-slider" data-cli-enable="Activée" data-cli-disable="Désactivée"><span class="wt-cli-sr-only">statistiques</span></label>
1411                                </div>
1412                                                    </div>
1413                        <div class="cli-tab-content">
1414                            <div id="wt-cli-tab-statistiques" tabindex="0" role="tabpanel" aria-labelledby="wt-cli-tab-link-statistiques" class="cli-tab-pane cli-fade" data-id="statistiques">
1415                            <div class="wt-cli-cookie-description">Les cookies statistiques sont utilisés pour comprendre comment les visiteurs naviguent sur le site. Ces cookies nous aident à récolter des informations sur le nombre de visiteurs, les taux de rebond, les s
1415ources de trafic, etc.
1416<table class="wt-cli-element cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th scope="col" class="cookielawinfo-column-1">Cookie</th><th scope="col" class="cookielawinfo-column-3">Durée</th><th scope="col" class="cookielawinfo-column-4">Description</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">_ga</td><td class="cookielawinfo-column-3">2 ans</td><td class="cookielawinfo-column-4">Ce cookie est installé par Google Analytics. Le cookie est utilisé pour enregistrer vos visites et suivre votre utilisation du site, à des fins de mesures statistiques et de mesure d'audience. Le cookie stocke des informations anonymes et assigne un nombre aléatoire pour identifier les visiteurs uniques.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">_pk_id.*</td><td class="cookielawinfo-column-3">1 year 27 days</td><td class="cookielawinfo-column-4">Matamo utilise ce cookie pour stocker l'identifiant unique de l'utilisateur.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">_pk_ses.*</td><td class="cookielawinfo-column-3">30 minutes</td><td class="cookielawinfo-column-4">Matomo utilise ce cookie pour stocker un identifiant de session unique afin de recueillir des informations sur la manière dont les utilisateurs se servent du site web.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">CONSENT</td><td class="cookielawinfo-column-3">2 years</td><td class="cookielawinfo-column-4">YouTube installe ce cookie via les vidéos YouTube intégrées et enregistre des données statistiques anonymes.</td></tr></tbody></table></div>
1417                            </div>
1418                        </div>
1419                    </div>
1420                                    <div class="cli-tab-section">
1421                        <div class="cli-tab-header">
1422                            <a id="wt-cli-tab-link-autres" tabindex="0" role="tab" aria-expanded="false" aria-describedby="wt-cli-tab-autres" aria-controls="wt-cli-tab-autres" class="cli-nav-link cli-settings-mobile" data-target="autres" data-toggle="cli-toggle-tab">
1423                                Autres                            </a>
1424                                                                                        <div class="cli-switch">
1425                                    <input type="checkbox" class="cli-user-preference-checkbox"  id="wt-cli-checkbox-autres" aria-label="autres" data-id="checkbox-autres" role="switch" aria-controls="wt-cli-tab-link-autres" aria-labelledby="wt-cli-tab-link-autres"  />
1426                                    <label for="wt-cli-checkbox-autres" class="cli-slider" data-cli-enable="Activée" data-cli-disable="Désactivée"><span class="wt-cli-sr-only">autres</span></label>
1427                                </div>
1428                                                    </div>
1429                        <div class="cli-tab-content">
1430                            <div id="wt-cli-tab-autres" tabindex="0" role="tabpanel" aria-labelledby="wt-cli-tab-link-autres" class="cli-tab-pane cli-fade" data-id="autres">
1431                            <div class="wt-cli-cookie-description">Les autres cookies non classés sont ceux qui sont en cours d’analyse et qui n’ont pas encore été classés dans une catégorie.
1432<table class="wt-cli-element cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th scope="col" class="cookielawinfo-column-1">Cookie</th><th scope="col" class="cookielawinfo-column-3">Durée</th><th scope="col" class="cookielawinfo-column-4">Description</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">__cflb</td><td class="cookielawinfo-column-3">23 hours</td><td class="cookielawinfo-column-4">Ce cookie est utilisé par Cloudflare pour l'équilibrage de la charge.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">INGRESSCOOKIE</td><td class="cookielawinfo-column-3">session</td><td class="cookielawinfo-column-4">Ce cookie est utilisé pour l'équilibrage de la charge et le maintien de la session. Cet identifiant de session technique est nécessaire pour certaines fonctionnalités du site web.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">oidc_id_token</td><td class="cookielawinfo-column-3">past</td><td class="cookielawinfo-column-4">La description n'est pas disponible actuellement.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">session</td><td class="cookielawinfo-column-3">session</td><td class="cookielawinfo-column-4">Aucune description n'est disponible.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">VISITOR_INFO1_LIVE</td><td class="cookielawinfo-column-3">5 months 27 days</td><td class="cookielawinfo-column-4">YouTube utilise ce cookie pour mesurer la bande passante et déterminer si l'utilisateur bénéficie de l'ancienne ou de la nouvelle interface de lecture.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">volume</td><td class="cookielawinfo-column-3">never</td><td class="cookielawinfo-column-4">Aucune description n'est disponible.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">YSC</td><td class="cookielawinfo-column-3">session</td><td class="cookielawinfo-column-4">Youtube place ce cookie pour suivre les vues des vidéos intégrées sur les pages de Youtube.</td></tr></tbody></table></div>
1433                            </div>
1434                        </div>
1435                    </div>
1436                                    <div class="cli-tab-section">
1437                        <div class="cli-tab-header">
1438                            <a id="wt-cli-tab-link-advertisement" tabindex="0" role="tab" aria-expanded="false" aria-describedby="wt-cli-tab-advertisement" aria-controls="wt-cli-tab-advertisement" class="cli-nav-link cli-settings-mobile" data-target="advertisement" data-toggle="cli-toggle-tab">
1439                                Publicitaires                            </a>
1440                                                                                        <div class="cli-switch">
1441                                    <input type="checkbox" class="cli-user-preference-checkbox"  id="wt-cli-checkbox-advertisement" aria-label="advertisement" data-id="checkbox-advertisement" role="switch" aria-controls="wt-cli-tab-link-advertisement" aria-labelledby="wt-cli-tab-link-advertisement"  />
1442                                    <label for="wt-cli-checkbox-advertisement" class="cli-slider" data-cli-enable="Activée" data-cli-disable="Désactivée"><span class="wt-cli-sr-only">advertisement</span></label>
1443                                </div>
1444                                                    </div>
1445                        <div class="cli-tab-content">
1446                            <div id="wt-cli-tab-advertisement" tabindex="0" role="tabpanel" aria-labelledby="wt-cli-tab-link-advertisement" class="cli-tab-pane cli-fade" data-id="advertisement">
1447                            <div class="wt-cli-cookie-description">Les cookies publicitaires sont utilisés pour diffuser à l’utilisateur des publicités et des campagnes marketing pertinentes. Ces cookies traquent le visiteur à travers plusieurs sites et collectent des informations pour lui fournir des publicités personnalisées.
1448</div>
1449                            </div>
1450                        </div>
1451                    </div>
1452                
1453            </div>
1454        </div>
1455    </div>
1456</div>
1457<div class="cli-modal-footer">
1458    <div class="wt-cli-element cli-container-fluid cli-tab-container">
1459        <div class="cli-row">
1460            <div class="cli-col-12 cli-align-items-stretch cli-px-0">
1461                <div class="cli-tab-footer wt-cli-privacy-overview-actions">
1462                                                                                            <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAUVEGARDER & ACCEPTER</a>
1463                            
1464                               
1465                    
1466                </div>
1467                            </div>
1468        </div>
1469    </div>
1470</div>
1471</div></div><div tabindex="0" id="cookie-law-info-again" style="display:none;"><span id="cookie_hdr_showagain">Cookies</span></div><div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div>
1472<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>
1473<!--googleon: all--></div>
1474		
1474<script type="text/javascript">
1475		/* <![CDATA[ */
1476			cli_cookiebar_settings='{"animate_speed_hide":"500","animate_speed_show":"500","background":"#fffffff7","border":"#b1a6a6c2","border_on":false,"button_1_button_colour":"#61a229","button_1_button_hover":"#4e8221","button_1_link_colour":"#fff","button_1_as_button":true,"button_1_new_win":false,"button_2_button_colour":"#ffffff","button_2_button_hover":"#cccccc","button_2_link_colour":"#898888","button_2_as_button":false,"button_2_hidebar":false,"button_2_nofollow":false,"button_3_button_colour":"#61a229","button_3_button_hover":"#4e8221","button_3_link_colour":"#fff","button_3_as_button":true,"button_3_new_win":false,"button_4_button_colour":"#ffffff","button_4_button_hover":"#cccccc","button_4_link_colour":"#898888","button_4_as_button":false,"button_7_button_colour":"#61a229","button_7_button_hover":"#4e8221","button_7_link_colour":"#fff","button_7_as_button":true,"button_7_new_win":false,"font_family":"inherit","header_fix":false,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"left","notify_position_vertical":"bottom","scroll_close":false,"scroll_close_reload":false,"accept_close_reload":false,"reject_close_reload":false,"showagain_tab":true,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"20px","text":"#333","show_once_yn":false,"show_once":"10000","logging_on":true,"as_popup":false,"popup_overlay":true,"bar_heading_text":"","cookie_bar_as":"banner","cookie_setting_popup":false,"accept_all":false,"js_script_blocker":false,"popup_showagain_position":"bottom-right","widget_position":"left","button_1_style":[["margin","5px 5px 5px 30px"],["border-radius","0"],["padding","8px 25px 8px 25px"]],"button_2_style":[],"button_3_style":[["margin","5px 5px 5px 5px"],["border-radius","0"],["padding","8px 25px 8px 25px"]],"button_4_style":[["border-bottom","1px solid"],["text-decoration","none"]],"button_5_style":[["float","right"],["text-decoration","none"],["color","#333"]],"button_7_style":[["margin","5px 5px 5px 30px"],["border-radius","0"],["padding","8px 25px 8px 25px"]],"accept_close_page_navigation":false,"button_8_button_colour":"#DEDFE0","button_8_button_hover":"#b2b2b3","button_8_link_colour":"#000000","button_8_as_button":"1","button_8_new_win":"","consent_mode":false,"google_consent_mode":false}';
1477		/* ]]> */
1478		</script>
1478
1479		<style id="global-styles-inline-css">
1480:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
1480--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
1480.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
1481/*# sourceURL=global-styles-inline-css */
1482</style>
1483<link rel='stylesheet' id='cookie-law-info-table-css' href='https://porspoder.fr/app/plugins/webtoffee-gdpr-cookie-consent/public/css/cookie-law-info-table.css?ver=2.6.5' media='all' />
1484<script id="imagesloaded-js" src="https://porspoder.fr/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
vendor: 1 bytes, line 1484
1484
1485<script id="masonry-js" src="https://porspoder.fr/wp-includes/js/masonry.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 1485
1485
1486<script id="jquery-masonry-js" src="https://porspoder.fr/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b"></script>
vendor: 1 bytes, line 1486
1486
1487<script id="sage/main.js-js-extra">
1488var sage = {"ajax":{"ajax.search":"/ajax/search","recommendation.vote":"/ajax/recommendation/vote"}};
1489//# sourceURL=sage%2Fmain.js-js-extra
1490</script>
vendor: 1 bytes, line 1490
1490
1491<script id="sage/main.js-js" src="https://porspoder.fr/app/themes/communes/dist/scripts/main_c8d4336d.js"></script>
1491
1492
1493</body>
1494
1495</html>
1496<!--
1497Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin
1498
1499
1500Served from: porspoder.fr @ 2026-10-02 23:52:02 by W3 Total Cache
1501-->

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.