PageSourceSearch

https://www.paysdenemours.fr/

html paysdenemours.fr collected 2026-10-07 03:21:51 UTC 264,908 bytes, 4,967 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR">
3<head>
4    <title>Communauté de Communes du Pays de Nemours</title>
5    <meta charset="UTF-8" />
6      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
7
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9<title>Communauté de Communes du Pays de Nemours</title>
10<meta name='robots' content='max-image-preview:large' />
11<link rel="manifest" href="https://www.paysdenemours.fr/koba-manifest.json">
12<meta name="google-site-verification" content="tMz4IhGgzPNYXiKvMi56ZHYrA6cEHOBOJtv4PckWngo" />
13<meta name="description" content="La Communauté de Communes du Pays de Nemours est engagé dans l'évolution numérique de sa commune. C'est ainsi que nous vous présentons votre nouveau site internet.">
14    <!-- Favicon standard -->
15    <link rel="icon" type="image/png" sizes="32x32" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/favicon-32x32.png">
16    <link rel="icon" type="image/png" sizes="16x16" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/favicon-16x16.png">
17    
18    <!-- Apple Touch Icon (iOS) -->
19    <link rel="apple-touch-icon" sizes="180x180" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/apple-touch-icon.png">
20    
21    <!-- Android Chrome -->
22    <link rel="icon" type="image/png" sizes="192x192" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/android-chrome-192x192.png">
23    <link rel="icon" type="image/png" sizes="512x512" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/android-chrome-512x512.png">
24    
25    <!-- Safari Pinned Tab (SVG ou PNG) -->
26    <link rel="mask-icon" href="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/favicon-32x32.png" color="#b2d234">
27    
28    <!-- Microsoft -->
29    <meta name="msapplication-TileColor" content="#b2d234">
30    <meta name="msapplication-TileImage" content="https://www.paysdenemours.fr/wp-content/uploads/sites/42/favicons/mstile-144x144.png">
31    
32    <!-- Theme color pour navigateurs mobiles -->
33    <meta name="theme-color" content="#b2d234">
34    
35    <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
36<link rel='dns-prefetch' href='//unpkg.com' />
37<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
38<style id="koba-colors">
39:root {
40    --koba-primary: #b2d234;
41    --koba-secondary: #ed1c24;
42    --koba-primary-rgb: 178, 210, 52;
43    --koba-secondary-rgb: 237, 28, 36;
44}
45</style><style id="wp-img-auto-sizes-contain-inline-css">
46img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
47/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
48</style>
49<link rel='stylesheet' id='acy_front_messages_css-css' href='https://www.paysdenemours.fr/wp-content/plugins/acymailing/media/css/front/messages.min.css?v=1790752554&#038;ver=11.1.0' media='all' />
50<style id="wp-emoji-styles-inline-css">
51
52	img.wp-smiley, img.emoji {
53		display: inline !important;
54		border: none !important;
55		box-shadow: none !important;
56		height: 1em !important;
57		width: 1em !important;
58		margin: 0 0.07em !important;
59		vertical-align: -0.1em !important;
60		background: none !important;
61		padding: 0 !important;
62	}
63/*# sourceURL=wp-emoji-styles-inline-css */
64</style>
65<style id="wp-block-library-inline-css">
66: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;
66--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}}
67
68/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
69</style>
70<style id="wp-block-heading-inline-css">
71h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
72/*# sourceURL=https://www.paysdenemours.fr/wp-includes/blocks/heading/style.min.css */
73</style>
74<style id="wp-block-paragraph-inline-css">
75.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
76/*# sourceURL=https://www.paysdenemours.fr/wp-includes/blocks/paragraph/style.min.css */
77</style>
78<style id="wp-block-library-inline-css-extra">
79.meteo-widget { background: linear-gradient(135deg, #f4a900 0%, #e67e22 100%); color: #fff; padding: 25px; border-radius: 15px; text-align: center; max-width: 350px; margin: 20px auto; box-shadow: 0 10px 30px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
80    .meteo-widget.meteo-error { background: #e74c3c; }
81    .meteo-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3); }
82    .meteo-header h3 { margin: 0; font-size: 1.3em; }
83    .meteo-main { display: flex; align-items: center; justify-content: center; gap: 10px; }
84    .meteo-icon { width: 80px; height: 80px; }
85    .meteo-temp { font-size: 3em; font-weight: bold; }
86    .meteo-description { font-size: 1.1em; margin: 10px 0; text-transform: capitalize; }
87    .meteo-minmax { display: flex; justify-content: center; gap: 30px; margin: 15px 0; }
88    .meteo-min { background: #20b7d9; padding: 8px 15px; border-radius: 20px; font-weight: bold; }
89    .meteo-max { background: #c0392b; padding: 8px 15px; border-radius: 20px; font-weight: bold; }
90    .meteo-humidity { margin-top: 10px; font-size: 0.95em; opacity: 0.9; }
91.koba-opening-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;font-size:14px;line-height:1}.koba-opening-status.koba-status-open{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.koba-opening-status.koba-status-closed{background-color:rgba(241, 185, 185, .5);color:#721c24;}.koba-status-icon{font-size:3rem}.koba-status-open .koba-status-icon{color:#28a745}.koba-status-closed .koba-status-icon{color:#721c24}.koba-status-next{display:none;font-weight:400;font-size:13px;opacity:0.8;margin-left:5px}.koba-status-next::before{content:"•";margin-right:8px}.koba-style-alert{width:100%;border-radius:4px;padding:12px 20px}.koba-style-minimal{background:transparent !important;border:none !important;padding:0;font-size:13px}.koba-horaires-table{width:100%;border-collapse:collapse;font-size:14px}.koba-horaires-table th,.koba-horaires-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef; font-size: 14.56px; font-weight: 700;}.koba-horaires-table td:nth-child(2){font-weight: 400;}.koba-horaires-table th{background:#f8f9fa;font-weight:600;color:#495057}.koba-horaires-table tr:hover{background-color:#f8f9fa}.koba-horaires-table tr.koba-today{}.koba-horaires-table tr.koba-today:hover{}.koba-jour{font-weight:500}.koba-badge-today{display:none;background:var(--koba-primary,#209bbc);color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:8px;font-weight:600;text-transform:uppercase}.koba-info-supplementaire{background:#eafbf8;border:1px solid #0087ca;padding:12px 15px;margin-top:10px;border-radius:4px;font-size:14px;color:#0087ca}.koba-info-supplementaire i{margin-right:8px;color:#0087ca}.koba-fermetures-exceptionnelles{margin-top:20px;padding:15px;background:#eafbf8;border-radius:8px;border-left:4px solid #0087c}.koba-fermetures-exceptionnelles h4{margin:0 0 10px 0;color:#0087ca;font-size:14px}.koba-fermetures-exceptionnelles ul{margin:0;padding:0 0 0 20px}.koba-fermetures-exceptionnelles li{margin-bottom:5px;font-size:13px;color:#0087ca}.koba-social-links{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:nowrap}.koba-social-links a{color:#fff;transition:opacity 0.2s}.koba-social-links a:hover{opacity:0.7}.koba-menu-list{list-style:none;margin:0;padding:0}.koba-menu-list li{margin-bottom:8px}.koba-menu-list a{color:inherit;text-decoration:none;transition:opacity 0.2s}.koba-menu-list a:hover{opacity:0.7}
92
93    /* ==========================================
94       VARIABLES CSS
95       ========================================== */
96    :root {
97        --koba-topbar-height: 40px;
98        --koba-navbar-height: 70px;
99        --koba-header-height: calc(var(--koba-topbar-height) + var(--koba-navbar-height));
100        --koba-logo-width: 193px;
101    }
102    
103    /* ==========================================
104       HEADER PRINCIPAL
105       ========================================== */
106    
107    .koba-header {
108        position: fixed;
109        top: 0;
110        left: 0;
111        right: 0;
112        z-index: 10000;
113        width: 100%;
114    }
115    
116    .koba-header-wrapper {
117        position: relative;
118        width: 100%;
119        z-index: 222222;
120    }
121    
122    /* Spacer pour compenser le header fixe */
123    .koba-header-spacer {
124        height: var(--koba-header-height);
125    }
126    
127    /* ==========================================
128       LOGO - COUVRE LES DEUX BARRES
129       ========================================== */
130    
131    .koba-logo {
132        position: absolute;
133        top: 0;
134        left: 0;
135        width: var(--koba-logo-width);
136        height: var(--koba-header-height);
137        background-color: #fff;
138        display: flex;
139        align-items: center;
140        justify-content: center;
141        padding: 10px 20px;
142        box-sizing: border-box;
143        z-index: 110;
144    }
145    
146    .koba-logo img {
147        max-height: 100%;
148        max-width: 100%;
149        width: auto;
150        height: auto;
151        display: block;
152        object-fit: contain;
153    }
154    .koba-icon-search{
155        width: 30px;
156        height: 30px;
157    }
158    
159    .koba-logo-text {
160        color: #333;
161        font-size: 20px;
162        font-weight: 700;
163        text-decoration: none;
164    }
165    
166    /* ==========================================
167       BARRE SUPERIEURE (ORANGE)
168       ========================================== */
169    
170    .koba-topbar {
171        background-color: #ed1c24;
172        height: var(--koba-topbar-height);
173        width: 100%;
174    }
175    
176    .koba-topbar-inner {
177        height: 100%;
178        display: flex;
179        justify-content: space-between;
180        align-items: center;
181        padding: 0 20px 0 calc(var(--koba-logo-width) + 20px);
182    }
183    
184    .koba-topbar-menu {
185        flex: 1;
186    }
187    
188    .koba-topbar-list {
189        list-style: none;
190        margin: 0;
191        padding: 0;
192        display: flex;
193        gap: 25px;
194    }
195    
196    .koba-topbar-list li a {
197        color: #fff;
198        text-decoration: none;
199        font-size: 11.2px;
200        font-weight: 600;
201        text-transform: uppercase;
202        letter-spacing: 0.5px;
203        transition: opacity 0.2s;
204    }
205    
206    .koba-topbar-list li a:hover {
207        opacity: 0.8;
208    }
209    
210    .koba-topbar-cta {
211        display: flex;
212        align-items: center;
213        gap: 8px;
214        color: #fff;
215        text-decoration: none;
216        font-size: 12.2px;
217        font-weight: 600;
218        text-transform: uppercase;
219        letter-spacing: 0.5px;
220        transition: opacity 0.2s;
221    }
222    
223    .koba-topbar-cta:hover {
224        opacity: 0.8;
225    }
226    
227    /* Hamburger (mobile) - dans la topbar */
228    .koba-hamburger {
229        display: none;
230        flex-direction: column;
231        justify-content: center;
232        gap: 5px;
233        background: none;
234        border: none;
235        cursor: pointer;
236        padding: 10px;
237        width: 44px;
238        height: 44px;
239        margin-left: -10px;
240    }
241    
242    .koba-hamburger span {
243        display: block;
244        width: 24px;
245        height: 2px;
246        background-color: #fff;
247        transition: all 0.3s;
248    }
249    
250    .koba-hamburger.active span:nth-child(1) {
251        transform: rotate(45deg) translate(5px, 5px);
252    }
253    
254    .koba-hamburger.active span:nth-child(2) {
255        opacity: 0;
256    }
257    
258    .koba-hamburger.active span:nth-child(3) {
259        transform: rotate(-45deg) translate(5px, -5px);
260    }
261    
262    /* ==========================================
263       BARRE PRINCIPALE (BLEU)
264       ========================================== */
265    
266    .koba-navbar {
267        background-color: #b2d234;
268        height: var(--koba-navbar-height);
269        width: 100%;
270        position: relative;
271    }
272    
273    .koba-navbar-inner {
274        height: 100%;
275        display: flex;
276        align-items: stretch;
277        padding: 0 0 0 var(--koba-logo-width);
278    }
279    
280    /* Navigation principale */
281    .koba-main-nav {
282        flex: 1;
283        display: flex;
284        align-items: stretch;
285    }
286    
287    .koba-nav-list {
288        list-style: none;
289        margin: 0;
290        padding: 0;
291        display: flex;
292        align-items: stretch;
293        width: 100%;
294    }
295    
296    .koba-nav-item {
297        position: static;
298        display: flex;
299        align-items: stretch;
300        flex: 1;
301        margin: 8px;
302        border-bottom: 1px solid transparent;
303    }
304    
305    .koba-nav-item:hover {
306        border-bottom: 1px solid hsla(0,0%,100%,.72);
307    }
308    
309    .koba-nav-link {
310        display: flex;
311        align-items: center;
312        justify-content: center;
313        gap: 6px;
314        color: #fff;
315        text-decoration: none;
316        font-size: 14px;
317        font-weight: 400;
318        text-transform: uppercase;
319        letter-spacing: 0.3px;
320        padding: 0 15px;
321        width: 100%;
322        transition: background-color 0.2s;
323        cursor: pointer;
324    }
325    
326    .koba-nav-arrow {
327        color: #fb0;
328        width: 14px;
329        height: 14px;
330        transform: rotate(270deg);
331        transition: transform 0.2s;
332    }
333    
334    /* ==========================================
335       BOUTON RECHERCHE (CARRE)
336       ========================================== */
337    
338    .koba-search-toggle {
339        flex-shrink: 0;
340        width: var(--koba-navbar-height);
341        height: var(--koba-navbar-height);
342        background: #fff;
343        border: none;
344        color: #fb0;
345        cursor: pointer;
346        display: flex;
347        align-items: center;
348        justify-content: center;
349        transition: opacity 0.2s;
350    }
351    
352    .koba-search-toggle:hover {
353        opacity: 0.9;
354    }
355    
356    .koba-search-toggle.hidden {
357        display: none;
358    }
359    
360    /* ==========================================
361       MEGA MENU
362       ========================================== */
363    
364    .koba-megamenu {
365        position: absolute;
366        top: 100%;
367        left: 0;
368        right: 0;
369        width: 100%;
370        background-color: #b2d234;
371        opacity: 0;
372        visibility: hidden;
373        transform: translateY(-10px);
374        transition: all 0.3s ease;
375        z-index: 100;
376        pointer-events: none;
377    }
378    
379    .koba-nav-item.active .koba-megamenu {
380        opacity: 1;
381        visibility: visible;
382        transform: translateY(0);
383        pointer-events: auto;
384    }
385    
386    .koba-megamenu-inner {
387        width: 100%;
388        display: flex;
389        position: relative;
390    }
391    
392    .koba-megamenu-col1 {
393        flex-shrink: 0;
394        width: var(--koba-logo-width);
395        background-color: #fff;
396    }
397    
398    .koba-megamenu-col2 {
399        flex: 1;
400        padding: 30px 20px;
401        display: flex;
402        align-items: flex-start;
403        justify-content: flex-end;
404    }
405    
406    .koba-megamenu-title {
407        color: #fff;
408        font-size: 22px;
409        font-weight: 600;
410        line-height: 1.4;
411    }
412    
413    .koba-megamenu-col3 {
414        flex: 1;
415        padding: 25px 30px;
416        min-width: 0;
417        max-height: 731px;
418        overflow: overlay;
419    }
420    
421    .koba-megamenu-list {
422        list-style: none;
423        margin: 0;
424        padding: 0;
425        border-left: 1px solid #fff;
426    }
427    
428    .koba-megamenu-item {
429        position: static;
430    }
431 
431   
432    .koba-megamenu-link {
433        display: flex;
434        align-items: center;
435        gap: 8px;
436        color: #fff;
437        text-decoration: none;
438        padding: 16px 0;
439        font-size: 14px;
440        transition: padding-left 0.2s;
441        cursor: pointer;
442        padding-left: 30px;
443    }
444    
445    .koba-megamenu-link:hover {
446        border-bottom: 1px solid #fff;
447    }
448    
449    .koba-megamenu-link svg {
450        margin-left: auto;
451        flex-shrink: 0;
452        transition: transform 0.2s;
453        color: #faaf00;
454    }
455    
456    .koba-megamenu-item.active > .koba-megamenu-link svg {
457        transform: rotate(90deg);
458    }
459    
460    .koba-megamenu-col4 {
461        flex: 1;
462        position: relative;
463    }
464    
465    .koba-megamenu-sublist {
466        position: absolute;
467        top: 0;
468        right: 0;
469        bottom: 0;
470        width: calc((100% - var(--koba-logo-width)) / 3);
471        list-style: none;
472        margin: 0;
473        padding: 25px 20px;
474        opacity: 0;
475        visibility: hidden;
476        transition: all 0.3s ease;
477        z-index: 110;
478    }
479    
480    .koba-megamenu-item.active > .koba-megamenu-sublist {
481        opacity: 1;
482        visibility: visible;
483    }
484    .koba-megamenu-item > .koba-megamenu-sublist li{
485        border-left: 1px solid #fff;
486    }
487    .koba-megamenu-item > .koba-megamenu-sublist li a{
488        padding-left: 30px;
489    }
490    
491    .koba-megamenu-sublist li a {
492        display: block;
493        color: #fff;
494        text-decoration: none;
495        padding: 8px 0;
496        font-size: 13px;
497        opacity: 0.9;
498        transition: opacity 0.2s, padding-left 0.2s;
499        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
500    }
501    
502    .koba-megamenu-sublist li a:hover {
503        border-bottom: 1px solid #fff;
504    }
505
506    
507    /* ==========================================
508       BARRE DE RECHERCHE
509       ========================================== */
510    
511    .koba-search-bar {
512        position: absolute;
513        top: 0;
514        right: 0;
515        bottom: 0;
516        width: 0;
517        background-color: #b2d234;
518        overflow: hidden;
519        transition: width 0.4s ease;
520        display: flex;
521        align-items: center;
522        z-index: 105;
523    }
524    
525    .koba-search-bar.active {
526        width: calc(100% - var(--koba-logo-width));
527    }
528    
529    .koba-search-bar-inner {
530        display: flex;
531        align-items: center;
532        gap: 15px;
533        padding: 0 20px;
534        width: 100%;
535        min-width: 300px;
536    }
537    
538    .koba-search-form {
539        flex: 1;
540        display: flex;
541        align-items: center;
542        position: relative;
543    }
544    
545    .koba-search-input {
546        width: 100%;
547        background: transparent;
548        border: none;
549        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
550        color: #fff;
551        font-size: 18px;
552        padding: 10px 40px 10px 0;
553        outline: none;
554        transition: border-color 0.2s;
555    }
556    
557    .koba-search-input::placeholder {
558        color: rgba(255, 255, 255, 0.7);
559    }
560    
561    .koba-search-input:focus {
562        border-color: #fff;
563    }
564    
565    .koba-search-submit {
566        position: absolute;
567        right: 0;
568        background: none;
569        border: none;
570        color: #fff;
571        cursor: pointer;
572        padding: 10px;
573        opacity: 0.7;
574        transition: opacity 0.2s;
575    }
576    
577    .koba-search-submit:hover {
578        opacity: 1;
579    }
580    
581    .koba-search-close {
582        flex-shrink: 0;
583        background: none;
584        border: none;
585        color: #ed1c24;
586        cursor: pointer;
587        padding: 10px;
588        transition: opacity 0.2s;
589    }
590    
591    .koba-search-close:hover {
592        opacity: 0.8;
593    }
594    
595    /* ==========================================
596       MENU MOBILE
597       ========================================== */
598    
599    .koba-mobile-menu {
600        display: none;
601        position: fixed;
602        top: 0;
603        left: 0;
604        width: 100%;
605        height: 100vh;
606        background-color: #b2d234;
607        z-index: 999;
608        overflow-y: auto;
609        transform: translateX(-100%);
610        transition: transform 0.3s ease;
611    }
612    
613    .koba-mobile-menu.active {
614        transform: translateX(0);
615    }
616    
617    .koba-mobile-menu-inner {
618        padding: 20px;
619        padding-top: 120px;
620    }
621    
622    .koba-mobile-list {
623        list-style: none;
624        margin: 0;
625        padding: 0;
626    }
627    
628    .koba-mobile-item {
629        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
630    }
631    
632    .koba-mobile-item-inner {
633        display: flex;
634        align-items: center;
635    }
636    
637    .koba-mobile-link {
638        flex: 1;
639        display: block;
640        color: #fff;
641        text-decoration: none;
642        padding: 18px 0;
643        font-size: 16px;
644        font-weight: 500;
645    }
646    
647    .koba-mobile-toggle {
648        background: none;
649        border: none;
650        color: #fff;
651        cursor: pointer;
652        padding: 18px 15px;
653        transition: transform 0.2s;
654    }
655    
656    .koba-mobile-toggle.active {
657        transform: rotate(180deg);
658    }
659    
660    .koba-mobile-submenu {
661        list-style: none;
662        margin: 0;
663        padding: 0 0 0 20px;
664        display: none;
665        background-color: rgba(0, 0, 0, 0.1);
666    }
667    
668    .koba-mobile-submenu.active {
669        display: block;
670    }
671    
672    .koba-mobile-submenu .koba-mobile-link {
673        font-size: 15px;
674        font-weight: 400;
675        padding: 14px 0;
676    }
677    
678    .koba-mobile-secondary {
679        margin-top: 30px;
680        padding-top: 30px;
681        border-top: 1px solid rgba(255, 255, 255, 0.2);
682    }
683    
684    .koba-mobile-secondary-list {
685        list-style: none;
686        margin: 0;
687        padding: 0;
688    }
689    
690    .koba-mobile-secondary-list li a {
691        display: block;
692        color: #fff;
693        text-decoration: none;
694        padding: 12px 0;
695        font-size: 14px;
696        opacity: 0.8;
697    }
698    
699    /* Overlay */
700    .koba-overlay {
701        position: fixed;
702        top: 0;
703        left: 0;
704        width: 100%;
705        height: 100%;
706        background-color: rgba(0, 0, 0, 0.5);
707        z-index: 998;
708        opacity: 0;
709        visibility: hidden;
710        transition: all 0.3s;
711    }
712    
713    .koba-overlay.active {
714        opacity: 1;
715        visibility: visible;
716    }
717    
718    /* ==========================================
719       RESPONSIVE
720       ========================================== */
721    
722    @media (max-width: 1400px) {
723        :root {
724            --koba-logo-width: 140px;
725        }
726        
727        .koba-nav-link {
728            font-size: 12px;
729            padding: 0 5px;
730        }
731        
732        .koba-megamenu-col2,
733        .koba-megamenu-col3 {
734            padding: 20px 15px;
735        }
736    }
737    
738    @media (max-width: 1200px) {
739        :root {
740            --koba-logo-width: 120px;
741        }
742        
743        .koba-nav-link {
744            font-size: 11px;
745            padding: 0 8px;
746        }
747        
748        .koba-megamenu-title {
749            font-size: 16px;
750        }
751        
752        .koba-megamenu-link {
753            font-size: 13px;
754            padding: 8px 8px;
755        }
756    }
757    
758    @media (max-width: 992px) {
759        :root {
760            --koba-topbar-height: 50px;
761            --koba-navbar-height: 0px;
762            --koba-logo-width: 100px;
763        }
764        
765        .koba-topbar-inner {
766            padding: 0 15px;
767            justify-content: flex-start;
768        }
769        
770        .koba-topbar-menu {
771            display: none;
772        }
773        
774        .koba-topbar-cta {
775            display: none;
776        }
777        
778        .koba-hamburger {
779            display: flex;
780        }
781        
782        .koba-logo {
783            position: relative;
784            width: auto;
785            max-width: 120px;
786            height: var(--koba-topbar-height);
787            margin: 0 auto;
788        }
789        
790        .koba-navbar {
791            display: none;
792        }
793        
794        .koba-mobile-menu {
795            display: block;
796        }
797        
798        .koba-megamenu {
799            display: none;
800        }
801    }
802    
803    @media (max-width: 576px) {
804        :root {
805            --koba-topbar-height: 50px;
806            --koba-logo-width: 80px;
807        }
808        
809        .koba-logo img {
810            max-height: 35px;
811        }
812        
813        .koba-search-input {
814            font-size: 16px;
815        }
816    }
817    
818
819    /* ==========================================
820       FOOTER
821       ========================================== */
822    
823    .koba-footer {
824        background-color: #1a1a2e;
825        color: #fff;
826        margin-top: 60px;
827    }
828    
829    .koba-footer-main {
830        padding: 60px 0 40px;
831    }
832    
833    .koba-footer-container {
834        max-width: 1400px;
835        margin: 0 auto;
836        padding: 0 30px;
837        display: grid;
838        grid-template-columns: repeat(4, 1fr);
839        gap: 40px;
840    }
841    
842    /* Colonnes */
843    .koba-footer-col {
844        min-width: 0;
845    }
846    
847    .koba-footer-title {
848        color: #fff;
849        font-size: 18px;
850        font-weight: 600;
851        margin: 0 0 20px 0;
852        padding-bottom: 12px;
853        border-bottom: 2px solid #ed1c24;
854        display: inline-block;
855    }
856    
857    /* Colonne About */
858    .koba-footer-logo {
859        display: inline-block;
860        margin-bottom: 20px;
861    }
862    
863    .koba-footer-logo img {
864        max-height: 70px;
865        width: auto;
866    }
867    
868    .koba-footer-logo-text {
869        display: inline-block;
870        color: #fff;
871        font-size: 24px;
872        font-weight: 700;
873        text-decoration: none;
874        margin-bottom: 20px;
875    }
876    
877    .koba-footer-description {
878        color: #b0b0b0;
879        font-size: 14px;
880        line-height: 1.7;
881        margin: 0 0 20px 0;
882    }
883    
884    /* Réseaux sociaux */
885    .koba-footer-social {
886        display: flex;
887        gap: 12px;
888        flex-wrap: wrap;
889    }
890    
891    .koba-footer-social a {
892        display: flex;
893        align-items: center;
894        justify-content: center;
895        width: 40px;
896        height: 40px;
897        background-color: rgba(255, 255, 255, 0.1);
898        border-radius: 50%;
899        color: #fff;
900        transition: all 0.3s ease;
901    }
902    
903    .koba-footer-social a:hover {
904        background-color: #ed1c24;
905        transform: translateY(-3px);
906    }
907    
908    /* Liste de contact */
909    .koba-footer-info-list {
910        list-style: none;
911        margin: 0;
912        padding: 0;
913    }
914    
915    .koba-footer-info-item {
916        display: flex;
917        align-items: flex-start;
918        gap: 12px;
919        margin-bottom: 18px;
920        color: #b0b0b0;
921        font-size: 14px;
922        line-height: 1.6;
923    }
924    
925    .koba-footer-info-item svg {
926        flex-shrink: 0;
927        margin-top: 2px;
928        color: #ed1c24;
929    }
930    
931    .koba-footer-info-item a {
932        color: #b0b0b0;
933        text-decoration: none;
934        transition: color 0.2s;
935    }
936    
937    .koba-footer-info-item a:hover {
938        color: #ed1c24;
939    }
940    
941    /* Statut dans le footer */
942    .koba-footer-status {
943        margin-top: 20px;
944    }
945    
946    .koba-footer-status .koba-opening-status {
947        background: transparent;
948        padding: 0;
949        border: none;
950        font-size: 13px;
951    }
952    
953    .koba-footer-status .koba-status-open {
954        color: #28a745;
955    }
956    
957    .koba-footer-status .koba-status-closed {
958        color: #dc3545;
959    }
960    
961    /* Menu footer */
962    .koba-footer-menu {
963        list-style: none;
964        margin: 0;
965        padding: 0;
966    }
967    
968    .koba-footer-menu li {
969        margin-bottom: 12px;
970    }
971    
972    .koba-footer-menu a {
973        color: #b0b0b0;
974        text-decoration: none;
975        font-size: 14px;
976        transition: all 0.2s;
977        display: inline-block;
978    }
979    
980    .koba-footer-menu a:hover {
981        color: #ed1c24;
982        padding-left: 5px;
983    }
984    
985    /* Horaires dans footer */
986    .koba-footer-hours .koba-horaires-table {
987        font-size: 13px;
988        background: transparent;
989    }
990    
991    .koba-footer-hours .koba-horaires-table th,
992    .koba-footer-hours .koba-horaires-table td {
993        padding: 8px 10px;
994        border-color: rgba(255, 255, 255, 0.1);
995        color: #b0b0b0;
996    }
997    
998    .koba-footer-hours .koba-horaires-table th {
999        background: rgba(255, 255, 255, 0.05);
1000        color: #fff;
1001    }
1002    
1003    .koba-footer-hours .koba-horaires-table tr:hover {
1004        background-color: rgba(255, 255, 255, 0.03);
1005    }
1006    
1007    .koba-footer-hours .koba-horaires-table tr.koba-today {
1008        background-color: rgba(178, 210, 52, 0.2);
1009    }
1010    
1011    .koba-footer-hours .koba-horaires-table .koba-badge-today {
1012        background: #ed1c24;
1013        font-size: 9px;
1014    }
1015    
1016    /* Barre de copyright */
1017    .koba-footer-bottom {
1018        background-color: rgba(0, 0, 0, 0.3);
1019        padding: 20px 0;
1020    }
1021    
1022    .koba-footer-bottom .koba-footer-container {
1023        display: flex;
1024        justify-content: space-between;
1025        align-items: center;
1026        gap: 20px;
1027    }
1028    
1029    .koba-footer-copyright {
1030        margin: 0;
1031        color: #808080;
1032        font-size: 13px;
1033    }
1034    
1035    .koba-footer-legal {
1036        display: flex;
1037        gap: 25px;
1038    }
1039    
1040    .koba-footer-legal a {
1041        color: #808080;
1042        text-decoration: none;
1043        font-size: 13px;
1044        transition: color 0.2s;
1045    }
1046    
1047    .koba-footer-legal a:hover {
1048        color: #ed1c24;
1049    }
1050    
1051    /* Responsive */
1052    @media (max-width: 1200px) {
1053        .koba-footer-container {
1054            grid-template-columns: repeat(2, 1fr);
1055        }
1056    }
1057    
1058    @media (max-width: 768px) {
1059        .koba-footer-main {
1060            padding: 40px 0 30px;
1061        }
1062        
1063        .koba-footer-container {
1064            grid-template-columns: 1fr;
1065            gap: 30px;
1066            padding: 0 20px;
1067        }
1068        
1069        .koba-footer-col {
1070            text-align: center;
1071        }
1072        
1073        .koba-footer-title {
1074            display: block;
1075        }
1076        
1077        .koba-footer-social {
1078            justify-content: center;
1079        }
1080        
1081        .koba-footer-info-list {
1082            display: inline-block;
1083            text-align: left;
1084        }
1085        
1086        .koba-footer-menu {
1087            display: inline-block;
1088            text-align: left;
1089        }
1090        
1091        .koba-footer-hours .koba-horaires-table {
1092            display: inline-block;
1093        }
1094        
1095        .koba-footer-bottom .koba-footer-container {
1096            flex-direction: column;
1097            text-align: center;
1098        }
1099        
1100        .koba-footer-legal {
1101            flex-wrap: wrap;
1102            justify-content: center;
1103        }
1104    }
1105    
1106/*# sourceURL=wp-block-library-inline-css */
1107</style>
1108
1109<style id="classic-theme-styles-inline-css">
1110/*! This file is auto-generated */
1111.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
1111padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
1112/*# sourceURL=/wp-includes/css/classic-themes.min.css */
1113</style>
1114
1115<style id="global-styles-inline-css">
1116: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%);
1116--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; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}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;}
1116.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;}
1117/*# sourceURL=global-styles-inline-css */
1118</style>
1119
1120<link rel='stylesheet' id='front-css-css' href='https://www.paysdenemours.fr/wp-content/plugins/WP_hob_publicite//asset/css/front.css?ver=7.1.2' media='all' />
1121<link rel='stylesheet' id='hcb-frontend-css' href='https://www.paysdenemours.fr/wp-content/plugins/hob-cityhall-booking/assets/css/frontend.css?ver=1.2.0' media='all' />
1122<style id="hcb-frontend-inline-css">
1123
1124            :root { --hcb-primary: #2271b1; }
1125            .hcb-btn-primary, .hcb-booking-form button[type=submit] { background-color: #2271b1; border-color: #2271b1; }
1126            .hcb-btn-primary:hover { background-color: #2271b1cc; }
1127        
1128/*# sourceURL=hcb-frontend-inline-css */
1129</style>
1130<link rel='stylesheet' id='fullcalendar-css' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css?ver=7.1.2' media='all' />
1131<link rel='stylesheet' id='hob-fc-public-forms-css' href='https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/css/public-forms.css?ver=1.29' media='all' />
1132<link rel='stylesheet' id='leaflet-css' href='https://unpkg.com/[email protected]/dist/leaflet.css?ver=1.9.4' media='all' />
1133<link rel='stylesheet' id='bootstrap-css-css' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css?ver=5.3.2' media='all' />
1134<link rel='stylesheet' id='theme-style-css' href='https://www.paysdenemours.fr/wp-content/themes/hob-koba-civique/style.css?ver=7.1.2' media='all' />
1135<link rel='stylesheet' id='hobrgpd-front-css' href='https://www.paysdenemours.fr/wp-content/plugins/hob-rgpd/assets/css/front.css?ver=1781167963' media='all' />
1136<script id="acy_front_messages_js-js-before">
1137var ACYM_AJAX_START = "https://www.paysdenemours.fr/wp-admin/admin-ajax.php";
1138            var ACYM_AJAX_PARAMS = "?action=acymailing_router&noheader=1&nocache=1791343310";
1139            var ACYM_AJAX = ACYM_AJAX_START + ACYM_AJAX_PARAMS;
1140//# sourceURL=acy_front_messages_js-js-before
1141</script>
vendor: 1 bytes, line 1141
1141
1142<script id="acy_front_messages_js-js" src="https://www.paysdenemours.fr/wp-content/plugins/acymailing/media/js/front/messages.min.js?v=1790752554&#038;ver=11.1.0"></script>
vendor: 1 bytes, line 1142
1142
1143<script id="jquery-core-js" src="https://www.paysdenemours.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 1143
1143
1144<script id="jquery-migrate-js" src="https://www.paysdenemours.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
1144
1145<link rel="https://api.w.org/" href="https://www.paysdenemours.fr/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.paysdenemours.fr/xmlrpc.php?rsd" />
1146<!-- Analytics by WP Statistics - https://wp-statistics.com -->
1147    <style>
1148    /* Overlay résultats */
1149    .koba-search-overlay {
1150        position: fixed;
1151        top: 0;
1152        left: 0;
1153        right: 0;
1154        bottom: 0;
1155        background: var(--koba-primary, #2271b1);
1156        z-index: 9998;
1157        overflow-y: auto;
1158        padding-top: 120px;
1159        display: none;
1160    }
1161    
1162    .koba-search-overlay.active {
1163        display: block;
1164    }
1165    
1166    .koba-search-overlay-inner {
1167        max-width: 1140px;
1168        margin: 0 auto;
1169        padding: 10px;
1170    }
1171    
1172    /* Catégorie */
1173    .koba-search-category {
1174        margin-bottom: 40px;
1175    }
1176    
1177    .koba-search-category-title {
1178        color: var(--koba-secondary, #faaf00);
1179        font-size: 1.8rem;
1180        font-weight: 600;
1181        margin: 0 0 15px 0;
1182        padding-bottom: 10px;
1183        border-bottom: 1px solid rgba(255,255,255,0.2);
1184    }
1185    
1186    /* Liste */
1187    .koba-search-list {
1188        list-style: none;
1189        margin: 0;
1190        padding: 0;
1191    }
1192    
1193    .koba-search-item {
1194        border-bottom: 1px solid rgba(255,255,255,0.1);
1195    }
1196    
1197    .koba-search-link {
1198        display: block;
1199        padding: 14px 0;
1200        color: #fff;
1201        text-decoration: none;
1202        font-size: 1.05rem;
1203        transition: padding-left 0.2s, color 0.2s;
1204    }
1205    
1206    .koba-search-link:hover {
1207        padding-left: 15px;
1208        color: var(--koba-secondary, #faaf00);
1209    }
1210    
1211    .koba-search-link mark {
1212        background: var(--koba-secondary, #faaf00);
1213        color: #1a1a2e;
1214        padding: 2px 4px;
1215        border-radius: 3px;
1216    }
1217    
1218    .koba-search-date {
1219        color: rgba(255,255,255,0.5);
1220        font-size: 0.9rem;
1221        margin-left: 10px;
1222    }
1223    
1224    /* Loading */
1225    .koba-search-loading {
1226        text-align: center;
1227        padding: 60px;
1228        color: rgba(255,255,255,0.7);
1229    }
1230    
1231    .koba-search-spinner {
1232        width: 40px;
1233        height: 40px;
1234        border: 3px solid rgba(255,255,255,0.2);
1235        border-top-color: #fff;
1236        border-radius: 50%;
1237        animation: koba-spin 0.8s linear infinite;
1238        margin: 0 auto 15px;
1239    }
1240    
1241    @keyframes koba-spin {
1242        to { transform: rotate(360deg); }
1243    }
1244    
1245    /* No results */
1246    .koba-search-no-results {
1247        text-align: center;
1248        padding: 60px;
1249        color: rgba(255,255,255,0.6);
1250    }
1251    
1252    .koba-search-no-results svg {
1253        width: 60px;
1254        height: 60px;
1255        margin-bottom: 20px;
1256        opacity: 0.4;
1257    }
1258    
1259    @media (max-width: 768px) {
1260        .koba-search-overlay {
1261            padding-top: 100px;
1262        }
1263        .koba-search-overlay-inner {
1264            padding: 20px;
1265        }
1266        .koba-search-category-title {
1267            font-size: 1.4rem;
1268        }
1269    }
1270    </style>
1271        <style>
1272    /* Menu adaptatif */
1273    .koba-nav-list {
1274        display: flex;
1275        flex-wrap: wrap;
1276        align-items: center;
1277    }
1278    
1279    /* Mode compact (9-10 éléments) */
1280    .koba-nav-list.koba-nav-compact .koba-nav-link {
1281        font-size: 12px;
1282        padding-left: 12px;
1283        padding-right: 12px;
1284    }
1285    
1286    /* Mode très compact (11+ éléments) */
1287    .koba-nav-list.koba-nav-very-compact .koba-nav-link {
1288        font-size: 10px;
1289        padding-left: 4px;
1290        padding-right: 4px;
1291    }
1292    @media (max-width: 1599px) {
1293        .koba-nav-list.koba-nav-compact .koba-nav-link {
1294            font-size: 12px;
1295            padding-left: 8px;
1296            padding-right: 8px;
1297        }
1298        .koba-nav-list.koba-nav-very-compact .koba-nav-link {
1299        font-size: 9px;
1300        padding-left: 0px;
1301        padding-right: 0px;
1302        }
1303    }
1304    @media (max-width: 1299px) {
1305        .koba-nav-list.koba-nav-compact .koba-nav-link {
1306            font-size: 10px;
1307            padding-left: 8px;
1308            padding-right: 8px;
1309        }
1310        .koba-nav-list.koba-nav-very-compact .koba-nav-link {
1311            font-size: 8px;
1312            padding-left: 4px;
1313            padding-right: 4px;
1314        }
1315    }
1316    @media (max-width: 1199px) {
1317        .koba-nav-list.koba-nav-compact .koba-nav-link {
1318            font-size: 9px;
1319            padding-left: 3px;
1320            padding-right: 3px;
1321        }
1322        .koba-nav-list.koba-nav-very-compact .koba-nav-link {
1323            font-size: 8px;
1324            padding-left: 2px;
1325            padding-right: 2px;
1326        }
1327    }
1328    </style>
1329    <meta name="generator" content="Koba Civique By Hob" />
1330<style id='koba-options-css'>
1331.koba-newsletter, .koba-option-newsletter, [data-koba-option="newsletter"] { display: none !important; }
1332.koba-rss, .koba-option-rss, [data-koba-option="rss"] { display: none !important; }
1333.koba-video_slider, .koba-option-video_slider, [data-koba-option="video_slider"] { display: none !important; }
1334.koba-payfip, .koba-option-payfip, [data-koba-option="payfip"] { display: none !important; }
1335.koba-fichiers, .koba-option-fichiers, [data-koba-option="fichiers"] { display: none !important; }
1336.koba-municipal, .koba-option-municipal, [data-koba-option="municipal"] { display: none !important; }
1337.koba-app_citoyen, .koba-option-app_citoyen, [data-koba-option="app_citoyen"] { display: none !important; }
1338.koba-alertes, .koba-option-alertes, [data-koba-option="alertes"] { display: none !important; }
1339.koba-franceconnect, .koba-option-franceconnect, [data-koba-option="franceconnect"] { display: none !important; }
1340.koba-voisinvigilant, .koba-option-voisinvigilant, [data-koba-option="voisinvigilant"] { display: none !important; }
1341.koba-actes, .koba-option-actes, [data-koba-option="actes"] { display: none !important; }
1342.koba-affichage_dynamique, .koba-option-affichage_dynamique, [data-koba-option="affichage_dynamique"] { display: none !important; }
1343.koba-rgpd_avance, .koba-option-rgpd_avance, [data-koba-option="rgpd_avance"] { display: none !important; }
1344.koba-multi_langues, .koba-option-multi_langues, [data-koba-option="multi_langues"] { display: none !important; }
1345.koba-carte_dynamique, .koba-option-carte_dynamique, [data-koba-option="carte_dynamique"] { display: none !important; }
1346.koba-reservation_salles, .koba-option-reservation_salles, [data-koba-option="reservation_salles"] { display: none !important; }
1347.koba-locaux_pro, .koba-option-locaux_pro, [data-koba-option="locaux_pro"] { display: none !important; }
1348.koba-statistiques, .koba-option-statistiques, [data-koba-option="statistiques"] { display: none !important; }
1349.koba-courrier, .koba-option-courrier, [data-koba-option="courrier"] { display: none !important; }
1350.koba-panneaupocket_iframe, .koba-option-panneaupocket_iframe, [data-koba-option="panneaupocket_iframe"] { display: none !important; }
1351.koba-panneaupocket_api, .koba-option-panneaupocket_api, [data-koba-option="panneaupocket_api"] { display: none !important; }
1352.koba-espace_collaboratif, .koba-option-espace_collaboratif, [data-koba-option="espace_collaboratif"] { display: none !important; }
1353.koba-actu_association, .koba-option-actu_association, [data-koba-option="actu_association"] { display: none !important; }
1354.koba-billetterie, .koba-option-billetterie, [data-koba-option="billetterie"] { display: none !important; }
1355.koba-accessibilite, .koba-option-accessibilite, [data-koba-option="accessibilite"] { display: none !important; }
1356.koba-espace_citoyen, .koba-option-espace_citoyen, [data-koba-option="espace_citoyen"] { display: none !important; }
1357.koba-visio_conference, .koba-option-visio_conference, [data-koba-option="visio_conference"] { display: none !important; }
1358.koba-apidae, .koba-option-apidae, [data-koba-option="apidae"] { display: none !important; }
1359.koba-prise_rdv, .koba-option-prise_rdv, [data-koba-option="prise_rdv"] { display: none !important; }
1360.koba-marche_public, .koba-option-marche_public, [data-koba-option="marche_public"] { display: none !important; }
1361.koba-portail_famille, .koba-option-portail_famille, [data-koba-option="portail_famille"] { display: none !important; }
1362.koba-webcam, .koba-option-webcam, [data-koba-option="webcam"] { display: none !important; }
1363.koba-reseaux_sociaux, .koba-option-reseaux_sociaux, [data-koba-option="reseaux_sociaux"] { display: none !important; }
1364.koba-archives_opendata, .koba-option-archives_opendata, [data-koba-option="archives_opendata"] { display: none !important; }
1365.koba-encombrants_dechets, .koba-option-encombrants_dechets, [data-koba-option="encombrants_dechets"] { display: none !important; }
1366.koba-zapette, .koba-option-zapette, [data-koba-option="zapette"] { display: none !important; }
1367.koba-flipbook, .koba-option-flipbook, [data-koba-option="flipbook"] { display: none !important; }
1368.koba-extranet_commissions, .koba-option-extranet_commissions, [data-koba-option="extranet_commissions"] { display: none !important; }
1369.koba-sms_alerte, .koba-option-sms_alerte, [data-koba-option="sms_alerte"] { display: none !important; }
1370.koba-recherche_avancee, .koba-option-recherche_avancee, [data-koba-option="recherche_avancee"] { display: none !important; }
1371</style>
1372</head>
1373
1374<body class="home blog wp-theme-hob-koba-civique site-id-42 koba-has-campaign koba-has-chat koba-has-survey">
1375    <style>
1376        #koba-upsell-banner {
1377            display: none; /* révélé par JS uniquement en mode PWA standalone */
1378            align-items: flex-start;
1379            gap: 10px;
1380            background: #b2d234;
1381            color: #fff;
1382            padding: calc(10px + env(safe-area-inset-top)) 14px 10px;
1383            font-family: inherit;
1384            font-size: .82rem;
1385            line-height: 1.4;
1386        }
1387        #koba-upsell-banner.koba-upsell-visible { display: flex;     
1388            z-index: 2147483647;
1389            position: relative; }
1390        #koba-upsell-banner .kub-text { flex: 1; min-width: 0; }
1391        #koba-upsell-banner .kub-close {
1392            background: rgba(255,255,255,.18);
1393            border: none;
1394            color: #fff;
1395            font-size: .95rem;
1396            line-height: 1;
1397            cursor: pointer;
1398            padding: 6px 9px;
1399            border-radius: 6px;
1400            flex-shrink: 0;
1401        }
1402        #koba-upsell-banner .kub-close:hover { background: rgba(255,255,255,.3); }
1403    </style>
1404
1405    <div id="koba-upsell-banner" role="alert">
1406        <span class="kub-text">Dommage! Votre Mairie n'a pas encore souscrit à l'Application Citoyenne afin de vous proposer une interface optimisée pour mobile, nous les contactons!</span>
1407        <button class="kub-close" id="koba-upsell-close" aria-label="Fermer">&#10005;</button>
1408    </div>
1409
1410    
1410<script>
1411    (function() {
1412        var isPwa = window.matchMedia('(display-mode: standalone)').matches
1413                 || window.navigator.standalone === true;
1414        if (!isPwa) return; // ← retirer cette ligne pour afficher aussi dans le navigateur
1415
1416        var KEY = 'koba_upsell_closed';
1417        if (localStorage.getItem(KEY) === '1') return;
1418
1419        function show() {
1420            var b = document.getElementById('koba-upsell-banner');
1421            if (!b) return;
1422            b.classList.add('koba-upsell-visible');
1423
1424            // Comptage : 1 vue par session (ouverture de l'app)
1425            if (!sessionStorage.getItem('koba_upsell_counted')) {
1426                sessionStorage.setItem('koba_upsell_counted', '1');
1427                var fd = new FormData();
1428                fd.append('action', 'koba_upsell_view');
1429                fetch('https://www.paysdenemours.fr/wp-admin/admin-ajax.php', {
1430                    method: 'POST', body: fd, credentials: 'include'
1431                }).catch(function(){});
1432            }
1433
1434            var c = document.getElementById('koba-upsell-close');
1435            if (c) c.addEventListener('click', function() {
1436                b.classList.remove('koba-upsell-visible');
1437                localStorage.setItem(KEY, '1');
1438            });
1439        }
1440        if (document.readyState !== 'loading') show();
1441        else document.addEventListener('DOMContentLoaded', show);
1442    })();
1443    </script>
1443
1444    
1445<a class="skip-link visually-hidden-focusable" href="#main-content">Aller au contenu principal</a>
1446
1447<header class="koba-header" role="banner">
1448    <!-- Container principal avec position relative -->
1449    <div class="koba-header-wrapper">
1450        
1451        <!-- Logo - couvre les deux barres -->
1452        <a href="https://www.paysdenemours.fr/" class="koba-logo">
1453                            <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/logo-header-1771341091.jpg" alt="COMM. COMMUNES PAYS DE NEMOURS - Accueil">
1454                    </a>
1455        
1456        <!-- Barre supérieure (orange) -->
1457        <div class="koba-topbar">
1458            <div class="koba-topbar-inner">
1459                <!-- Hamburger (mobile uniquement) -->
1460                <button class="koba-hamburger" id="koba-hamburger" aria-label="Menu">
1461                    <span></span>
1462                    <span></span>
1463                    <span></span>
1464                </button>
1465                
1466                <!-- Menu secondaire gauche (desktop) -->               
1467                <nav class="koba-topbar-menu">
1468                    <ul class="koba-topbar-list">
1469                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1470                            <a href="https://www.paysdenemours.fr/">ACCUEIL</a>
1471                        </li>
1472                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1473                            <a href="https://www.paysdenemours.fr/annuaire/">ANNUAIRE</a>
1474                        </li>
1475                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1476                            <a href="https://www.paysdenemours.fr/contact/">NOUS CONTACTER</a>
1477                        </li>
1478                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1479                            <a href="https://www.paysdenemours.fr/emploi/">EMPLOI</a>
1480                        </li>
1481                                                <li class="menu-item menu-item-type-post_type menu-item-object-page">
1482                            <a href="https://www.paysdenemours.fr/sondages/">SONDAGES</a>
1483                        </li>
1484                                            </ul>   
1485                </nav>
1486                
1487                <!-- Lien droite (desktop) -->
1488                               
1489               
1490            </div>
1491        </div>
1492        
1493        <!-- Barre principale (bleu) -->
1494        <div class="koba-navbar">
1495            <div class="koba-navbar-inner">
1496                
1497                <!-- Menu principal (desktop) -->
1498                <nav class="koba-main-nav" id="koba-main-nav">
1499                                        
1500                    <ul class="koba-nav-list">
1501                                                <li class="koba-nav-item has-megamenu">
1502                            <a href="#" class="koba-nav-link" data-megamenu="804">
1503                                La communauté de communes                                                                <svg class="koba-nav-arrow" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1504                                    <path d="M6 9l6 6 6-6"/>
1505                                </svg>
1506                                                            </a>
1507                            
1508                                                        <div class="koba-megamenu" id="megamenu-804">
1509                                <div class="koba-megamenu-inner">
1510                                    <div class="koba-megamenu-col1"></div>
1511                                    
1512                                    <div class="koba-megamenu-col2">
1513                                        <span class="koba-megamenu-title">La communauté de communes</span>
1514                                    </div>
1515                                    
1516                                    <div class="koba-megamenu-col3">
1517                                        <ul class="koba-megamenu-list">
1518                                                                                        <li class="koba-megamenu-item ">
1519                                                <a href="https://www.paysdenemours.fr/articles/le-guide-pratique-de-la-ccpn" class="koba-megamenu-link">
1520                                                    Le Guide pratique de la CCPN                                                                                                    </a>
1521                                                
1522                                                                                            </li>
1523                                                                                        <li class="koba-megamenu-item ">
1524                                                <a href="https://www.paysdenemours.fr/articles/territoire" class="koba-megamenu-link">
1525                                                    Territoire                                                                                                    </a>
1526                                                
1527                                                                                            </li>
1528                                                                                        <li class="koba-megamenu-item ">
1529                                                <a href="https://www.paysdenemours.fr/articles/historique" class="koba-megamenu-link">
1530                                                    Historique                                                                                                    </a>
1531                                                
1532                                                                                            </li>
1533                                                                                        <li class="koba-megamenu-item ">
1534                                                <a href="https://www.paysdenemours.fr/articles/instances" class="koba-megamenu-link">
1535                                                    Instances                                                                                                    </a>
1536                                                
1537                                                                                            </li>
1538                                                                                        <li class="koba-megamenu-item ">
1539                                                <a href="https://www.paysdenemours.fr/articles/composition" class="koba-megamenu-link">
1540                                                    Composition                                                                                                    </a>
1541                                                
1542                                                                                            </li>
1543                                                                                        <li class="koba-megamenu-item ">
1544                                                <a href="https://www.paysdenemours.fr/articles/coordonnees-des-mairies" class="koba-megamenu-link">
1545                                                    Coordonnées des mairies                                                                                                    </a>
1546                                                
1547                                                                                            </li>
1548                                                                                        <li class="koba-megamenu-item has-submenu">
1549                                                <a href="https://www.paysdenemours.fr/articles/recueil-des-actes" class="koba-megamenu-link">
1550                                                    Recueil des Actes Administratifs                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1551                                                        <path d="M9 18l6-6-6-6"/>
1552                                                    </svg>
1553                                                                                                    </a>
1554                                                
1555                                                                                                <ul class="koba-megamenu-sublist">
1556                                                                                                        <li class="has-sub-submenu">
1557                                                        <a href="https://www.paysdenemours.fr/articles">
1558                                                            Délibérations                                                                                                                        <svg width="10" height="10" viewB
1558ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1559                                                                <path d="M9 18l6-6-6-6"/>
1560                                                            </svg>
1561                                                                                                                    </a>
1562                                                                                                                <ul class="koba-megamenu-sub-sublist">
1563                                                                                                                        <li>
1564                                                                <a href="https://www.paysdenemours.fr/articles/deliberations">
1565                                                                    2022                                                                </a>
1566                                                            </li>
1567                                                                                                                        <li>
1568                                                                <a href="https://www.paysdenemours.fr/articles/2023-d9d6a5ea-f40a-4806-bf3f-51d3db8706fe">
1569                                                                    2023                                                                </a>
1570                                                            </li>
1571                                                                                                                        <li>
1572                                                                <a href="https://www.paysdenemours.fr/articles/2024">
1573                                                                    2024                                                                </a>
1574                                                            </li>
1575                                                                                                                        <li>
1576                                                                <a href="https://www.paysdenemours.fr/articles/2025">
1577                                                                    2025                                                                </a>
1578                                                            </li>
1579                                                                                                                        <li>
1580                                                                <a href="https://www.paysdenemours.fr/articles/2026-2/">
1581                                                                    2026                                                                </a>
1582                                                            </li>
1583                                                                                                                    </ul>
1584                                                                                                            </li>
1585                                                                                                        <li class="">
1586                                                        <a href="https://www.paysdenemours.fr/articles/decisions">
1587                                                            Décisions                                                                                                                    </a>
1588                                                                                                            </li>
1589                                                                                                        <li class="">
1590                                                        <a href="https://www.paysdenemours.fr/articles/arretes">
1591                                                            Arrêtés                                                                                                                    </a>
1592                                                                                                            </li>
1593                                                                                                    </ul>
1594                                                                                            </li>
1595                                                                                        <li class="koba-megamenu-item ">
1596                                                <a href="https://www.paysdenemours.fr/articles/recueil-des-actes" class="koba-megamenu-link">
1597                                                    Compte-rendus de conseils communautaires                                                                                                    </a>
1598                                                
1599                                                                                            </li>
1600                                                                                    </ul>
1601                                    </div>
1602                                    
1603                                    <div class="koba-megamenu-col4"></div>
1604                                </div>
1605                            </div>
1606                                                    </li>
1607                                                <li class="koba-nav-item has-megamenu">
1608                            <a href="#" class="koba-nav-link" data-megamenu="820">
1609                                Entreprendre                                                                <svg class="koba-nav-arrow" width="10" height="10" viewB
1609ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1610                                    <path d="M6 9l6 6 6-6"/>
1611                                </svg>
1612                                                            </a>
1613                            
1614                                                        <div class="koba-megamenu" id="megamenu-820">
1615                                <div class="koba-megamenu-inner">
1616                                    <div class="koba-megamenu-col1"></div>
1617                                    
1618                                    <div class="koba-megamenu-col2">
1619                                        <span class="koba-megamenu-title">Entreprendre</span>
1620                                    </div>
1621                                    
1622                                    <div class="koba-megamenu-col3">
1623                                        <ul class="koba-megamenu-list">
1624                                                                                        <li class="koba-megamenu-item has-submenu">
1625                                                <a href="#" class="koba-megamenu-link">
1626                                                    S&#039;implanter                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1627                                                        <path d="M9 18l6-6-6-6"/>
1628                                                    </svg>
1629                                                                                                    </a>
1630                                                
1631                                                                                                <ul class="koba-megamenu-sublist">
1632                                                                                                        <li class="">
1633                                                        <a href="https://www.paysdenemours.fr/articles/offre-fonciere-et-immobiliere">
1634                                                            Offre foncière et immobilière                                                                                                                    </a>
1635                                                                                                            </li>
1636                                                                                                        <li class="">
1637                                                        <a href="https://www.paysdenemours.fr/articles/les-zac">
1638                                                            Les ZAC                                                                                                                    </a>
1639                                                                                                            </li>
1640                                                                                                    </ul>
1641                                                                                            </li>
1642                                                                                        <li class="koba-megamenu-item has-submenu">
1643                                                <a href="#" class="koba-megamenu-link">
1644                                                    Porteurs de projets                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1645                                                        <path d="M9 18l6-6-6-6"/>
1646                                                    </svg>
1647                                                                                                    </a>
1648                                                
1649                                                                                                <ul class="koba-megamenu-sublist">
1650                                                                                                        <li class="">
1651                                                        <a href="https://www.paysdenemours.fr/articles/creation-d-entreprise">
1652                                                            Création d&#039;entreprise                                                                                                                    </a>
1653                                                                                                            </li>
1654                                                                                                        <li class="">
1655                                                        <a href="https://www.paysdenemours.fr/articles/melun-val-de-seine-et-sud-seine-et-marne">
1656                                                            Melun Val de Seine et Sud Seine et Marne                                                                                                                    </a>
1657                                                                                                            </li>
1658                                                                                                        <li class="">
1659                                                        <a href="https://www.paysdenemours.fr/articles/le-reseau-entreprendre">
1660                                                            Le réseau Entreprendre                                                                                                                    </a>
1661                                                                                                            </li>
1662                                                                                                    </ul>
1663                                                                                            </li>
1664                                                                                        <li class="koba-megamenu-item ">
1665                                                <a href="https://www.paysdenemours.fr/articles/adresses-utiles" class="koba-megamenu-link">
1666                                                    Adresses utiles                                                                                                    </a>
1667                                                
1668                                                                                            </li>
1669                                                                                        <li class="koba-megamenu-item ">
1670                                                <a href="https://www.paysdenemours.fr/articles/localisation-et-acces" class="koba-megamenu-link">
1671                                                    Localisation et accès                                                                                                    </a>
1672                                                
1673                                                                                            </li>
1674                                                                                    </ul>
1675                                    </div>
1676                                    
1677                                    <div class="koba-megamenu-col4"></div>
1678                                </div>
1679                            </div>
1680                                                    </li>
1681                                                <li class="koba-nav-item has-megamenu">
1682                            <a href="#" class="koba-nav-link" data-megamenu="830">
1683                                Découvrir                                                                <svg class="koba-nav-arrow" width="10" height="10" viewB
1683ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1684                                    <path d="M6 9l6 6 6-6"/>
1685                                </svg>
1686                                                            </a>
1687                            
1688                                                        <div class="koba-megamenu" id="megamenu-830">
1689                                <div class="koba-megamenu-inner">
1690                                    <div class="koba-megamenu-col1"></div>
1691                                    
1692                                    <div class="koba-megamenu-col2">
1693                                        <span class="koba-megamenu-title">Découvrir</span>
1694                                    </div>
1695                                    
1696                                    <div class="koba-megamenu-col3">
1697                                        <ul class="koba-megamenu-list">
1698                                                                                        <li class="koba-megamenu-item ">
1699                                                <a href="https://www.paysdenemours.fr/articles/office-du-tourisme" class="koba-megamenu-link">
1700                                                    Office du Tourisme                                                                                                    </a>
1701                                                
1702                                                                                            </li>
1703                                                                                        <li class="koba-megamenu-item has-submenu">
1704                                                <a href="#" class="koba-megamenu-link">
1705                                                    Visiter                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1706                                                        <path d="M9 18l6-6-6-6"/>
1707                                                    </svg>
1708                                                                                                    </a>
1709                                                
1710                                                                                                <ul class="koba-megamenu-sublist">
1711                                                                                                        <li class="">
1712                                                        <a href="https://www.paysdenemours.fr/articles/sites-naturels">
1713                                                            Sites naturels                                                                                                                    </a>
1714                                                                                                            </li>
1715                                                                                                        <li class="">
1716                                                        <a href="https://www.paysdenemours.fr/articles/patrimoine-historique">
1717                                                            Patrimoine historique                                                                                                                    </a>
1718                                                                                                            </li>
1719                                                                                                        <li class="">
1720                                                        <a href="https://www.paysdenemours.fr/articles/musees">
1721                                                            Musées                                                                                                                    </a>
1722                                                                                                            </li>
1723                                                                                                    </ul>
1724                                                                                            </li>
1725                                                                                        <li class="koba-megamenu-item has-submenu">
1726                                                <a href="#" class="koba-megamenu-link">
1727                                                    Se loger                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1728                                                        <path d="M9 18l6-6-6-6"/>
1729                                                    </svg>
1730                                                                                                    </a>
1731                                                
1732                                                                                                <ul class="koba-megamenu-sublist">
1733                                                                                                        <li class="">
1734                                                        <a href="https://www.paysdenemours.fr/articles/prime-intercommunale">
1735                                                            Prime intercommunale                                                                                                                    </a>
1736                                                                                                            </li>
1737                                                                                                        <li class="">
1738                                                        <a href="https://www.paysdenemours.fr/articles/taxe-de-sejour">
1739                                                            Taxe de séjour                                                                                                                    </a>
1740                                                                                                            </li>
1741                                                                                                        <li class="">
1742                                                        <a href="https://www.paysdenemours.fr/articles/bordereau-de-versement-taxe-de-sejour">
1743                                                            Bordereau de versement taxe de séjour                                                                                                                    </a>
1744                                                                                                            </li>
1745                                                                                                        <li class="">
1746                                                        <a href="https://www.paysdenemours.fr/articles/etat-recapitulatif-taxe-de-sejour">
1747                                                            état récapitulatif taxe de séjour                                                                                                                    </a>
1748                                                                                                            </li>
1749                                                                                                    </ul>
1750                                                                                            </li>
1751                                                                                        <li class="koba-megamenu-item ">
1752                                                <a href="https://www.paysdenemours.fr/photo_albums" class="koba-megamenu-link">
1753                                                    En images                                                                                                    </a>
1754                                                
1755                                                                                            </li>
1756                                                                                    </ul>
1757                                    </div>
1758                                    
1759                                    <div class="koba-megamenu-col4"></div>
1760                                </div>
1761                            </div>
1762                                                    </li>
1763                                                <li class="koba-nav-item has-megamenu">
1764                            <a href="#" class="koba-nav-link" data-megamenu="842">
1765                                Vivre                                                                <svg class="koba-nav-arrow" width="10" height="10" viewB
1765ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1766                                    <path d="M6 9l6 6 6-6"/>
1767                                </svg>
1768                                                            </a>
1769                            
1770                                                        <div class="koba-megamenu" id="megamenu-842">
1771                                <div class="koba-megamenu-inner">
1772                                    <div class="koba-megamenu-col1"></div>
1773                                    
1774                                    <div class="koba-megamenu-col2">
1775                                        <span class="koba-megamenu-title">Vivre</span>
1776                                    </div>
1777                                    
1778                                    <div class="koba-megamenu-col3">
1779                                        <ul class="koba-megamenu-list">
1780                                                                                        <li class="koba-megamenu-item ">
1781                                                <a href="https://www.paysdenemours.fr/articles/transports" class="koba-megamenu-link">
1782                                                    Transports                                                                                                    </a>
1783                                                
1784                                                                                            </li>
1785                                                                                        <li class="koba-megamenu-item ">
1786                                                <a href="https://www.paysdenemours.fr/articles/habitat" class="koba-megamenu-link">
1787                                                    Habitat                                                                                                    </a>
1788                                                
1789                                                                                            </li>
1790                                                                                        <li class="koba-megamenu-item ">
1791                                                <a href="https://www.paysdenemours.fr/emploi/" class="koba-megamenu-link">
1792                                                    Emploi                                                                                                    </a>
1793                                                
1794                                                                                            </li>
1795                                                                                        <li class="koba-megamenu-item ">
1796                                                <a href="https://www.paysdenemours.fr/articles/un-campus-connecte-pour-le-pays-de-nemours" class="koba-megamenu-link">
1797                                                    Formation                                                                                                    </a>
1798                                                
1799                                                                                            </li>
1800                                                                                        <li class="koba-megamenu-item has-submenu">
1801                                                <a href="https://www.paysdenemours.fr/articles/environnement" class="koba-megamenu-link">
1802                                                    Environnement                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1803                                                        <path d="M9 18l6-6-6-6"/>
1804                                                    </svg>
1805                                                                                                    </a>
1806                                                
1807                                                                                                <ul class="koba-megamenu-sublist">
1808                                                                                                        <li class="">
1809                                                        <a href="https://www.paysdenemours.fr/articles/service-unique-de-la-renovation-energetique">
1810                                                            Service Unique de la Rénovation Energétique                                                                                                                    </a>
1811                                                                                                            </li>
1812                                                                                                        <li class="">
1813                                                        <a href="https://www.paysdenemours.fr/articles/plan-climat-air-energie-territorial-1872882f-9e4e-461e-beed-6c51106f29fa">
1814                                                            Plan Climat air Energie Territorial                                                                                                                    </a>
1815                                                                                                            </li>
1816                                                                                                    </ul>
1817                                                                                            </li>
1818                                                                                        <li class="koba-megamenu-item ">
1819                                                <a href="https://www.paysdenemours.fr/articles/reseau-des-mediatheques-et-lecture-publique" class="koba-megamenu-link">
1820                                                    Réseau des médiathèques et Lecture Publique                                                                                                    </a>
1821                                                
1822                                                                                            </li>
1823                                                                                        <li class="koba-megamenu-item has-submenu">
1824                                                <a href="https://www.paysdenemours.fr/articles/enfance-et-jeunesse" class="koba-megamenu-link">
1825                                                    Petite Enfance                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1826                                                        <path d="M9 18l6-6-6-6"/>
1827                                                    </svg>
1828                                                                                                    </a>
1829                                                
1830                                                                                                <ul class="koba-megamenu-sublist">
1831                                                                                                        <li class="has-sub-submenu">
1832                                                        <a href="https://www.paysdenemours.fr/articles/presentation">
1833                                                            Relais Petite Enfance (RPE)                                                                                                                        <svg width="10" height="10" viewB
1833ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1834                                                                <path d="M9 18l6-6-6-6"/>
1835                                                            </svg>
1836                                                                                                                    </a>
1837                                                                                                                <ul class="koba-megamenu-sub-sublist">
1838                                                                                                                        <li>
1839                                                                <a href="https://www.paysdenemours.fr/articles/presentation">
1840                                                                    Relais Petite Enfance (RPE)                                                                </a>
1841                                                            </li>
1842                                                                                                                        <li>
1843                                                                <a href="https://www.paysdenemours.fr/articles/plannings">
1844                                                                    Activité du relais                                                                </a>
1845                                                            </li>
1846                                                                                                                    </ul>
1847                                                                                                            </li>
1848                                                                                                        <li class="">
1849                                                        <a href="https://www.paysdenemours.fr/articles/laep">
1850                                                            Lieu Accueil Enfants Parents (LAEP)                                                                                                                    </a>
1851                                                                                                            </li>
1852                                                                                                    </ul>
1853                                                                                            </li>
1854                                                                                        <li class="koba-megamenu-item has-submenu">
1855                                                <a href="#" class="koba-megamenu-link">
1856                                                    Loisirs                                                                                                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1857                                                        <path d="M9 18l6-6-6-6"/>
1858                                                    </svg>
1859                                                                                                    </a>
1860                                                
1861                                                                                                <ul class="koba-megamenu-sublist">
1862                                                                                                        <li class="">
1863                                                        <a href="https://www.paysdenemours.fr/articles/aquasud-77">
1864                                                            AQUASUD 77                                                                                                                    </a>
1865                                                                                                            </li>
1866                                                                                                        <li class="">
1867                                                        <a href="https://www.paysdenemours.fr/articles/complexe-sportif">
1868                                                            Complexe sportif                                                                                                                    </a>
1869                                                                                                            </li>
1870                                                                                                    </ul>
1871                                                                                            </li>
1872                                                                                        <li class="koba-megamenu-item ">
1873                                                <a href="https://www.paysdenemours.fr/articles/sante" class="koba-megamenu-link">
1874                                                    Santé                                                                                                    </a>
1875                                                
1876                                                                                            </li>
1877                                                                                    </ul>
1878                                    </div>
1879                                    
1880                                    <div class="koba-megamenu-col4"></div>
1881                                </div>
1882                            </div>
1883                                                    </li>
1884                                            </ul>
1885                                    </nav>
1886                
1887                <!-- Bouton recherche (carré) -->
1888                <button class="koba-search-toggle" id="koba-search-toggle" aria-label="Ouvrir la recherche" aria-expanded="false" aria-controls="koba-search-bar">
1889                    <svg class="koba-icon-search" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1890                        <circle cx="11" cy="11" r="8"/>
1891                        <path d="M21 21l-4.35-4.35"/>
1892                    </svg>
1893                </button>
1894                
1895                <!-- Barre de recherche -->
1896<div class="koba-search-bar" id="koba-search-bar">
1897    <div class="koba-search-bar-inner">
1898        <form role="search" method="get" action="https://www.paysdenemours.fr/" class="koba-search-form">
1899            <label for="koba-search-input" class="visually-hidden">Rechercher sur le site</label>
1900            <input type="search" name="s" placeholder="Rechercher" class="koba-search-input" id="koba-search-input" value="" autocomplete="off">
1901            <button type="submit" class="koba-search-submit" aria-label="Lancer la recherche">
1902                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1903                    <circle cx="11" cy="11" r="8"/>
1904                    <path d="M21 21l-4.35-4.35"/>
1905                </svg>
1906            </button>
1907        </form>
1908        <button class="koba-search-close" id="koba-search-close" aria-label="Fermer la recherche">
1909            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1910                <path d="M18 6L6 18M6 6l12 12"/>
1911            </svg>
1912        </button>
1913    </div>
1914</div>
1915            </div>
1916        </div>
1917    </div>
1918    
1919    <!-- Menu mobile -->
1920    <div class="koba-mobile-menu" id="koba-mobile-menu">
1921        <div class="koba-mobile-menu-inner">
1922            <!-- Recherche mobile -->
1923            <div class="koba-mobile-search">
1924                <form role="search" method="get" action="https://www.paysdenemours.fr/" class="koba-mobile-search-form">
1925                    <label for="koba-mobile-search-input" class="visually-hidden">Rechercher sur le site</label>
1926                    <input type="search" name="s" id="koba-mobile-search-input" placeholder="Rechercher..." class="koba-mobile-search-input" value="">
1927                    <button type="submit" class="koba-mobile-search-submit" aria-label="Lancer la recherche">
1928                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false">
1929                            <circle cx="11" cy="11" r="8"/>
1930                            <path d="M21 21l-4.35-4.35"/>
1931                        </svg>
1932                    </button>
1933                </form>
1934            </div>
1935            <nav class="koba-mobile-nav"><ul id="menu-menu-principal" class="koba-mobile-list"><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">La communauté de communes</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu">
1935<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="0"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/le-guide-pratique-de-la-ccpn" class="koba-mobile-link">Le Guide pratique de la CCPN</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/territoire" class="koba-mobile-link">Territoire</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/historique" class="koba-mobile-link">Historique</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/instances" class="koba-mobile-link">Instances</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/composition" class="koba-mobile-link">Composition</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/coordonnees-des-mairies" class="koba-mobile-link">Coordonnées des mairies</a></div></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/recueil-des-actes" class="koba-mobile-link">Recueil des Actes Administratifs</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles" class="koba-mobile-link">Délibérations</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="2"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/deliberations" class="koba-mobile-link">2022</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/2023-d9d6a5ea-f40a-4806-bf3f-51d3db8706fe" class="koba-mobile-link">2023</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/2024" class="koba-mobile-link">2024</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/2025" class="koba-mobile-link">2025</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/2026-2/" class="koba-mobile-link">2026</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/decisions" class="koba-mobile-link">Décisions</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/arretes" class="koba-mobile-link">Arrêtés</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/recueil-des-actes" class="koba-mobile-link">Compte-rendus de conseils communautaires</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Entreprendre</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="0"><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">S&#039;implanter</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu">
1935<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/offre-fonciere-et-immobiliere" class="koba-mobile-link">Offre foncière et immobilière</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/les-zac" class="koba-mobile-link">Les ZAC</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Porteurs de projets</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/creation-d-entreprise" class="koba-mobile-link">Création d&#039;entreprise</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/melun-val-de-seine-et-sud-seine-et-marne" class="koba-mobile-link">Melun Val de Seine et Sud Seine et Marne</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/le-reseau-entreprendre" class="koba-mobile-link">Le réseau Entreprendre</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/adresses-utiles" class="koba-mobile-link">Adresses utiles</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/localisation-et-acces" class="koba-mobile-link">Localisation et accès</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Découvrir</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="0"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/office-du-tourisme" class="koba-mobile-link">Office du Tourisme</a></div></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Visiter</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/sites-naturels" class="koba-mobile-link">Sites naturels</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/patrimoine-historique" class="koba-mobile-link">Patrimoine historique</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/musees" class="koba-mobile-link">Musées</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Se loger</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/prime-intercommunale" class="koba-mobile-link">Prime intercommunale</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/taxe-de-sejour" class="koba-mobile-link">Taxe de séjour</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/bordereau-de-versement-taxe-de-sejour" class="koba-mobile-link">Bordereau de versement taxe de séjour</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/etat-recapitulatif-taxe-de-sejour" class="koba-mobile-link">état récapitulatif taxe de séjour</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/photo_albums" class="koba-mobile-link">En images</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Vivre</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu">
1935<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="0"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/transports" class="koba-mobile-link">Transports</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/habitat" class="koba-mobile-link">Habitat</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/emploi/" class="koba-mobile-link">Emploi</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/un-campus-connecte-pour-le-pays-de-nemours" class="koba-mobile-link">Formation</a></div></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/environnement" class="koba-mobile-link">Environnement</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/service-unique-de-la-renovation-energetique" class="koba-mobile-link">Service Unique de la Rénovation Energétique</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/plan-climat-air-energie-territorial-1872882f-9e4e-461e-beed-6c51106f29fa" class="koba-mobile-link">Plan Climat air Energie Territorial</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/reseau-des-mediatheques-et-lecture-publique" class="koba-mobile-link">Réseau des médiathèques et Lecture Publique</a></div></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/enfance-et-jeunesse" class="koba-mobile-link">Petite Enfance</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/presentation" class="koba-mobile-link">Relais Petite Enfance (RPE)</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="2"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/presentation" class="koba-mobile-link">Relais Petite Enfance (RPE)</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/plannings" class="koba-mobile-link">Activité du relais</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/laep" class="koba-mobile-link">Lieu Accueil Enfants Parents (LAEP)</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Loisirs</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></button></div><ul class="koba-mobile-submenu" data-depth="1"><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/aquasud-77" class="koba-mobile-link">AQUASUD 77</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/complexe-sportif" class="koba-mobile-link">Complexe sportif</a></div></li></ul></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.paysdenemours.fr/articles/sante" class="koba-mobile-link">Santé</a></div></li></ul></li></ul></nav>            
1936            <nav class="koba-mobile-secondary">
1937              <ul class="koba-topbar-list">
1938                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1939                            <a href="https://www.paysdenemours.fr/">ACCUEIL</a>
1940                        </li>
1941                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1942                            <a href="https://www.paysdenemours.fr/annuaire/">ANNUAIRE</a>
1943                        </li>
1944                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1945                            <a href="https://www.paysdenemours.fr/contact/">NOUS CONTACTER</a>
1946                        </li>
1947                        <li class="menu-item menu-item-type-post_type menu-item-object-page">
1948                            <a href="https://www.paysdenemours.fr/emploi/">EMPLOI</a>
1949                        </li>
1950                                                <li class="menu-item menu-item-type-post_type menu-item-object-page">
1951                            <a href="https://www.paysdenemours.fr/sondages/">SONDAGES</a>
1952                        </li>
1953                                            </ul>   
1954            </nav>
1955        </div>
1956    </div><!-- Overlay résultats recherche -->
1957<div class="koba-search-overlay" id="koba-search-overlay"></div>
1958</header>
1959
1960<!-- Spacer pour compenser le header fixe -->
1961<div class="koba-header-spacer"></div>
1962
1963<!-- Overlay -->
1964<div class="koba-overlay" id="koba-overlay"></div>
1965 <div class="modal fade" id="exampleModal" tabindex="-1" aria-hidden="true" aria-labelledby="exampleModalTitle" role="dialog">
1966                  <div class="modal-dialog">
1967                    <div class="modal-content">
1968
1969                      <div class="modal-header">
1970                        <h5 class="modal-title" id="exampleModalTitle">SUIVEZ L'ACTU</h5>
1971                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
1972                      </div>
1973
1974                      <div class="modal-body">
1975                        <p>* Champs obligatoires</p>
1976                            <style>
1977    .koba-form-inscription {
1978        background: #fff;
1979        padding: 30px;
1980        border-radius: 12px;
1981        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
1982        max-width: 700px;
1983        margin: 0 auto;
1984    }
1985    .koba-form-inscription h3 {
1986        margin: 0 0 25px;
1987        padding-bottom: 15px;
1988        border-bottom: 3px solid var(--koba-primary, #209bbc);
1989        color: #1a1a2e;
1990        font-size: 1.5em;
1991    }
1992    .koba-form-section {
1993        margin-bottom: 25px;
1994        padding-bottom: 20px;
1995        border-bottom: 1px solid #eee;
1996    }
1997    .koba-form-section:last-of-type {
1998        border-bottom: none;
1999        margin-bottom: 15px;
2000    }
2001    .koba-form-section-title {
2002        font-weight: 600;
2003        color: var(--koba-primary, #209bbc);
2004        margin-bottom: 15px;
2005        font-size: 14px;
2006        text-transform: uppercase;
2007        letter-spacing: 0.5px;
2008    }
2009    .koba-form-row {
2010        display: flex;
2011        gap: 15px;
2012        margin-bottom: 15px;
2013    }
2014    .koba-form-field {
2015        flex: 1;
2016    }
2017    .koba-form-field.full {
2018        flex: 0 0 100%;
2019    }
2020    .koba-form-field label {
2021        display: block;
2022        font-weight: 500;
2023        margin-bottom: 6px;
2024        color: #333;
2025        font-size: 14px;
2026    }
2027    .koba-form-field label .req {
2028        color: #d63638;
2029    }
2030    .koba-form-field input,
2031    .koba-form-field select,
2032    .koba-form-field textarea {
2033        width: 100%;
2034        padding: 12px 15px;
2035        border: 1px solid #ddd;
2036        border-radius: 6px;
2037        font-size: 14px;
2038        transition: border-color 0.2s, box-shadow 0.2s;
2039        box-sizing: border-box;
2040    }
2041    .koba-form-field input:focus,
2042    .koba-form-field select:focus,
2043    .koba-form-field textarea:focus {
2044        outline: none;
2045        border-color: var(--koba-primary, #209bbc);
2046        box-shadow: 0 0 0 3px rgba(32, 155, 188, 0.1);
2047    }
2048    .koba-form-field textarea {
2049        min-height: 80px;
2050        resize: vertical;
2051    }
2052    .koba-form-checkbox {
2053        display: flex;
2054        align-items: flex-start;
2055        gap: 10px;
2056        padding: 12px 15px;
2057        background: #f8f9fa;
2058        border-radius: 6px;
2059        margin-bottom: 10px;
2060        cursor: pointer;
2061        transition: background 0.2s;
2062    }
2063    .koba-form-checkbox:hover {
2064        background: #e9ecef;
2065    }
2066    .koba-form-checkbox input[type="checkbox"] {
2067        width: 20px;
2068        height: 20px;
2069        margin-top: 2px;
2070        cursor: pointer;
2071        accent-color: var(--koba-primary, #209bbc);
2072    }
2073    .koba-form-checkbox span {
2074        font-size: 14px;
2075        color: #333;
2076        line-height: 1.5;
2077    }
2078    .koba-form-submit {
2079        text-align: center;
2080        margin-top: 25px;
2081    }
2082    .koba-form-submit button {
2083        background: var(--koba-primary, #209bbc);
2084        color: #fff;
2085        border: none;
2086        padding: 15px 50px;
2087        font-size: 16px;
2088        font-weight: 600;
2089        border-radius: 8px;
2090        cursor: pointer;
2091        transition: all 0.3s;
2092        text-transform: uppercase;
2093        letter-spacing: 0.5px;
2094    }
2095    .koba-form-submit button:hover {
2096        background: var(--koba-secondary, #faaf00);
2097        transform: translateY(-2px);
2098        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
2099    }
2100    .koba-form-submit button:disabled {
2101        background: #ccc;
2102        cursor: not-allowed;
2103        transform: none;
2104        box-shadow: none;
2105    }
2106    .koba-form-message {
2107        padding: 15px 20px;
2108        border-radius: 8px;
2109        margin-bottom: 20px;
2110        display: none;
2111    }
2112    .koba-form-message.success {
2113        background: #d4edda;
2114        color: #155724;
2115        border: 1px solid #c3e6cb;
2116        display: block;
2117    }
2118    .koba-form-message.error {
2119        background: #f8d7da;
2120        color: #721c24;
2121        border: 1px solid #f5c6cb;
2122        display: block;
2123    }
2124    .koba-form-loading {
2125        display: none;
2126        text-align: center;
2127        padding: 40px;
2128    }
2129    .koba-form-loading.active {
2130        display: block;
2131    }
2132    .koba-spinner {
2133        width: 40px;
2134        height: 40px;
2135        border: 4px solid #f3f3f3;
2136        border-top: 4px solid var(--koba-primary, #209bbc);
2137        border-radius: 50%;
2138        animation: koba-spin 1s linear infinite;
2139        margin: 0 auto 15px;
2140    }
2141    @keyframes koba-spin {
2142        0% { transform: rotate(0deg); }
2143        100% { transform: rotate(360deg); }
2144    }
2145    .koba-form-success {
2146        display: none;
2147        text-align: center;
2148        padding: 40px 20px;
2149    }
2150    .koba-form-success.active {
2151        display: block;
2152    }
2153    .koba-form-success .success-icon {
2154        width: 80px;
2155        height: 80px;
2156        background: #d4edda;
2157        border-radius: 50%;
2158        display: flex;
2159        align-items: center;
2160        justify-content: center;
2161        margin: 0 auto 20px;
2162    }
2163    .koba-form-success .success-icon svg {
2164        width: 40px;
2165        height: 40px;
2166        color: #28a745;
2167    }
2168    .koba-form-success h4 {
2169        color: #28a745;
2170        margin: 0 0 10px;
2171        font-size: 1.5em;
2172    }
2173    .koba-form-success p {
2174        color: #666;
2175        margin: 0;
2176    }
2177    .koba-recaptcha-badge {
2178        font-size: 11px;
2179        color: #999;
2180        text-align: center;
2181        margin-top: 15px;
2182    }
2183    .koba-recaptcha-badge a {
2184        color: #999;
2185    }
2186    /* Masquer le badge reCAPTCHA flottant de Google */
2187    .grecaptcha-badge {
2188        visibility: hidden !important;
2189    }
2190    @media (max-width: 600px) {
2191        .koba-form-inscription {
2192            padding: 20px;
2193        }
2194        .koba-form-row {
2195            flex-direction: column;
2196            gap: 0;
2197        }
2198        .koba-form-field {
2199            margin-bottom: 15px;
2200        }
2201    }
2202
2203    /* RGAA 11.10 / 11.11 - etat d'erreur (visible uniquement si erreur) */
2204    .koba-form-inscription .koba-field-error {
2205        display: none;
2206        color: #b3261e;
2207        font-size: 13px;
2208        line-height: 1.4;
2209        margin-top: 6px;
2210    }
2211    .koba-form-inscription .koba-field-error.show {
2212        display: block;
2213    }
2214    .koba-form-inscription [aria-invalid="true"] {
2215        border-color: #b3261e !important;
2216        box-shadow: 0 0 0 1px #b3261e;
2217    }
2218    </style>
vendor: 130 bytes, lines 2218-2220
2218
2219    
2220        <script type="text/plain" data-hob-service="recaptcha" data-hob-src="https://www.google.com/recaptcha/api.js?render=
22206LceVE8sAAAAANeYJFPVxbystR3CkJaA2sTdagSt
vendor: 25 bytes, lines 2220-2222
2220"></script>
2221        
2222    
2222<div class="koba-form-inscription" id="koba-inscription-form">
2223        <div class="koba-form-message" id="koba-form-message" role="status" aria-live="polite" aria-atomic="true"></div>
2224        
2225        <div class="koba-form-loading" id="koba-form-loading">
2226            <div class="koba-spinner"></div>
2227            <p>Envoi en cours...</p>
2228        </div>
2229        
2230        <div class="koba-form-success" id="koba-form-success" role="status" aria-live="polite" tabindex="-1">
2231            <div class="success-icon">
2232                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2233                    <polyline points="20 6 9 17 4 12"></polyline>
2234                </svg>
2235            </div>
2236            <h4>Inscription réussie !</h4>
2237            <p id="koba-success-text">Merci pour votre inscription.</p>
2238        </div>
2239        
2240        <form id="koba-citizen-form" style="display:block;">
2241            <input type="hidden" id="koba_inscription_nonce" name="koba_inscription_nonce" value="126b7872f9" /><input type="hidden" name="_wp_http_referer" value="/" />            <input type="hidden" name="recaptcha_token" id="recaptcha_token" value="">
2242            
2243            <!-- IDENTITÉ -->
2244            <div class="koba-form-section">
2245                <div class="koba-form-section-title">Identité</div>
2246                
2247                <div class="koba-form-row">
2248                    <div class="koba-form-field">
2249                        <label for="koba-ins-gender">Civilité</label>
2250                        <select id="koba-ins-gender" name="gender">
2251                            <option value="0">Monsieur</option>
2252                            <option value="1">Madame</option>
2253                        </select>
2254                    </div>
2255                    <div class="koba-form-field">
2256                        <label for="koba-ins-birthdate">Date de naissance</label>
2257                        <input type="date" id="koba-ins-birthdate" name="birthdate">
2258                    </div>
2259                </div>
2260
2261                <div class="koba-form-row">
2262                    <div class="koba-form-field">
2263                        <label for="koba-ins-lastname">Nom</label>
2264                        <input type="text" id="koba-ins-lastname" name="lastname" autocomplete="family-name" placeholder="Votre nom">
2265                    </div>
2266                    <div class="koba-form-field">
2267                        <label for="koba-ins-firstname">Prénom</label>
2268                        <input type="text" id="koba-ins-firstname" name="firstname" autocomplete="given-name" placeholder="Votre prénom">
2269                    </div>
2270                </div>
2271            </div>
2272            
2273            <!-- ADRESSE -->
2274            <div class="koba-form-section">
2275                <div class="koba-form-section-title">Adresse</div>
2276                
2277                <div class="koba-form-row">
2278                    <div class="koba-form-field full">
2279                        <label for="koba-ins-address">Adresse</label>
2280                        <textarea id="koba-ins-address" name="address" rows="2" autocomplete="street-address" placeholder="Numéro et nom de rue"></textarea>
2281                    </div>
2282                </div>
2283
2284                <div class="koba-form-row">
2285                    <div class="koba-form-field">
2286                        <label for="koba-ins-zipcode">Code postal</label>
2287                        <input type="text" id="koba-ins-zipcode" name="zipcode" autocomplete="postal-code" placeholder="38000">
2288                    </div>
2289                    <div class="koba-form-field">
2290                        <label for="koba-ins-city">Ville</label>
2291                        <input type="text" id="koba-ins-city" name="city" autocomplete="address-level2" placeholder="Votre ville">
2292                    </div>
2293                    <div class="koba-form-field">
2294                        <label for="koba-ins-country">Pays</label>
2295                        <input type="text" id="koba-ins-country" name="country" autocomplete="country-name" placeholder="France" value="France">
2296                    </div>
2297                </div>
2298            </div>
2299            
2300            <!-- CONTACT -->
2301            <div class="koba-form-section">
2302                <div class="koba-form-section-title">Contact</div>
2303                
2304                <div class="koba-form-row">
2305                    <div class="koba-form-field">
2306                        <label for="koba-ins-phone">Téléphone</label>
2307                        <input type="tel" id="koba-ins-phone" name="phone" autocomplete="tel" placeholder="06 00 00 00 00">
2308                    </div>
2309                    <div class="koba-form-field">
2310                        <label for="koba-ins-fax">Fax</label>
2311                        <input type="tel" id="koba-ins-fax" name="fax" placeholder="04 00 00 00 00">
2312                    </div>
2313                </div>
2314
2315                <div class="koba-form-row">
2316                    <div class="koba-form-field full">
2317                        <label for="koba-ins-email">Email <span class="req">*</span></label>
2318                        <input type="email" id="koba-ins-email" name="email" autocomplete="email" placeholder="[email protected]" required aria-required="true" aria-describedby="koba-ins-email-error">
2319                        <span class="koba-field-error" id="koba-ins-email-error"></span>
2320                    </div>
2321                </div>
2322            </div>
2323            
2324            <!-- PRÉFÉRENCES -->
2325            <div class="koba-form-section">
2326                <div class="koba-form-section-title">Préférences de communication</div>
2327                
2328                <label class="koba-form-checkbox">
2329                    <input type="checkbox" name="sms_newsletter" value="1">
2330                    <span>Je souhaite recevoir des informations par SMS</span>
2331                </label>
2332                
2333                <label class="koba-form-checkbox">
2334                    <input type="checkbox" name="email_newsletter" value="1" checked>
2335                    <span>Je souhaite recevoir la newsletter par email</span>
2336                </label>
2337                            </div>
2338            
2339            <div class="koba-form-submit">
2340                <button type="submit" id="koba-submit-btn">S&#039;inscrire</button>
2341            </div>
2342            
2343                        <div class="koba-recaptcha-badge">
2344                Ce site est protégé par reCAPTCHA. 
2345                <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialité</a> et 
2346                <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a> de Google.
2347            </div>
2348                    </form>
2349    </div>
2350    
2351    
2351<script>
2352    (function() {
2353        var form = document.getElementById('koba-citizen-form');
2354        var message = document.getElementById('koba-form-message');
2355        var loading = document.getElementById('koba-form-loading');
2356        var success = document.getElementById('koba-form-success');
2357        var submitBtn = document.getElementById('koba-submit-btn');
2358        var recaptchaActive = true;
2359        var siteKey = '6LceVE8sAAAAANeYJFPVxbystR3CkJaA2sTdagSt';
2360        
2361        if (!form) return;
2362
2363        // --- RGAA 11.10 / 11.11 : validation accessible ---
2364        function clearInsError(fieldId, errorId) {
2365            var f = document.getElementById(fieldId);
2366            var er = document.getElementById(errorId);
2367            if (er) { er.textContent = ''; er.classList.remove('show'); }
2368            if (f) { f.removeAttribute('aria-invalid'); }
2369        }
2370        ['koba-ins-email','koba-ins-rgpd'].forEach(function(id){
2371            var el = document.getElementById(id);
2372            if (el) {
2373                el.addEventListener('input', function(){ clearInsError(id, id + '-error'); });
2374                el.addEventListener('change', function(){ clearInsError(id, id + '-error'); });
2375            }
2376        });
2377
2378        form.addEventListener('submit', function(e) {
2379            e.preventDefault();
2380
2381            // Reset
2382            message.className = 'koba-form-message';
2383            message.style.display = 'none';
2384            clearInsError('koba-ins-email', 'koba-ins-email-error');
2385            clearInsError('koba-ins-rgpd', 'koba-ins-rgpd-error');
2386
2387            // Validation accessible (messages par champ + suggestions)
2388            var firstInvalid = null;
2389            function fail(focusEl, errorId, msg) {
2390                var er = document.getElementById(errorId);
2391                if (er) { er.textContent = msg; er.classList.add('show'); }
2392                if (focusEl) { focusEl.setAttribute('aria-invalid', 'true'); if (!firstInvalid) firstInvalid = focusEl; }
2393            }
2394
2395            var emailEl = document.getElementById('koba-ins-email');
2396            if (!emailEl.value.trim()) {
2397                fail(emailEl, 'koba-ins-email-error', 'Veuillez saisir votre adresse e-mail.');
2398            } else if (!emailEl.checkValidity()) {
2399                fail(emailEl, 'koba-ins-email-error', "L'adresse e-mail n'est pas valide. Exemple attendu : [email protected]");
2400            }
2401
2402            var rgpdEl = document.getElementById('koba-ins-rgpd');
2403            if (rgpdEl && rgpdEl.required && !rgpdEl.checked) {
2404                fail(rgpdEl, 'koba-ins-rgpd-error', 'Vous devez accepter de recevoir la newsletter pour valider votre inscription.');
2405            }
2406
2407            if (firstInvalid) {
2408                message.className = 'koba-form-message error';
2409                message.textContent = 'Le formulaire contient des erreurs. Veuillez corriger les champs signales.';
2410                message.style.display = 'block';
2411                firstInvalid.focus();
2412                return;
2413            }
2414
2415            // Disable button
2416            submitBtn.disabled = true;
2417            submitBtn.textContent = 'Vérification...';
2418            
2419            // reCAPTCHA v3
2420            if (recaptchaActive && siteKey && typeof grecaptcha !== 'undefined') {
2421                grecaptcha.ready(function() {
2422                    grecaptcha.execute(siteKey, {action: 'inscription'}).then(function(token) {
2423                        document.getElementById('recaptcha_token').value = token;
2424                        submitForm();
2425                    }).catch(function(error) {
2426                        console.error('reCAPTCHA error:', error);
2427                        submitForm(); // Soumettre quand même si erreur reCAPTCHA
2428                    });
2429                });
2430            } else {
2431                submitForm();
2432            }
2433        });
2434        
2435        function submitForm() {
2436            // Show loading
2437            form.style.display = 'none';
2438            loading.className = 'koba-form-loading active';
2439            
2440            // Prepare data
2441            var formData = new FormData(form);
2442            formData.append('action', 'koba_inscription_submit');
2443            
2444            // Send
2445            fetch('https://www.paysdenemours.fr/wp-admin/admin-ajax.php', {
2446                method: 'POST',
2447                body: formData
2448            })
2449            .then(function(response) { return response.json(); })
2450            .then(function(data) {
2451                loading.className = 'koba-form-loading';
2452                
2453                if (data.success) {
2454                    success.className = 'koba-form-success active';
2455                    if (data.data && data.data.message) {
2456                        document.getElementById('koba-success-text').textContent = data.data.message;
2457                    }
2458                    try { success.focus(); } catch(e) {}
2459                } else {
2460                    form.style.display = 'block';
2461                    submitBtn.disabled = false;
2462                    submitBtn.textContent = 'S\'inscrire';
2463                    message.className = 'koba-form-message error';
2464                    message.textContent = data.data || 'Une erreur est survenue.';
2465                    message.style.display = 'block';
2466                }
2467            })
2468            .catch(function(error) {
2469                loading.className = 'koba-form-loading';
2470                form.style.display = 'block';
2471                submitBtn.disabled = false;
2472                submitBtn.textContent = 'S\'inscrire';
2473                message.className = 'koba-form-message error';
2474                message.textContent = 'Erreur de connexion. Veuillez réessayer.';
2475                message.style.display = 'block';
2476            });
2477        }
2478    })();
2479    </script>
2479
2480                          </div>
2481
2482                      <div class="modal-footer">
2483                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
2484                          exit
2485                        </button>
2486                      </div>
2487
2488                    </div>
2489                  </div>
2490                </div>
2491
2492<main id="main-content" tabindex="-1">
2493
2494<h1 class="visually-hidden">COMM. COMMUNES PAYS DE NEMOURS - Accueil</h1>
2495
2496    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
2497    <style>
2498    .koba-hero-slider { width: 100%; height: 100vh; min-height: 500px; max-height: 900px; z-index: 1; position: relative; }
2499    .koba-hero-slider .swiper { width: 100%; height: 100%; }
2500    .koba-hero-slider .swiper-slide { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
2501    /* Vidéo en fond de slide (option payante video_slider) */
2502    .koba-hero-slider .koba-slide-video,
2503    .koba-hero-slider .koba-slide-video-yt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
2504    .koba-hero-slider .koba-slide-video { object-fit: cover; }
2505    .koba-hero-slider .koba-slide-video-yt { pointer-events: none; overflow: hidden; }
2506    /* L'iframe YouTube a un ratio 16:9 fixe : on l'agrandit et on la centre pour simuler un "cover" */
2507    .koba-hero-slider .koba-slide-video-yt iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-height: 100%; min-width: 177.78vh; transform: translate(-50%, -50%); border: 0; }
2508    .koba-hero-slider .slide-overlay { z-index: 1; }
2509    .koba-hero-slider .slide-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; }
2510    .koba-hero-slider .slide-overlay .container{
2511        margin-bottom: -80px;
2512    }
2513    .koba-hero-slider .slide-overlay .container .row > div{
2514        padding: 0;
2515    }
2516    .koba-hero-slider .slide-content { padding: 20px; text-align: center; background: rgba(0,0,0,.3); max-width: 700px; color: #fff; margin: 0 auto;}
2517    .koba-hero-slider .slide-title { font-size: 25.2px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.2; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
2518    .koba-hero-slider .slide-subtitle { font-size: 16px; margin: 0 0 30px 0; line-height: 1.5; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
2519    .koba-hero-slider .slide-button { display: inline-block; padding: 6px 12px; background-color: var(--koba-secondary); color: #000; text-decoration: none; font-weight: 700; font-size: 16px; border: 2px solid #fff; }
2520    .koba-hero-slider .slide-button:hover { color: #fff;}
2521    .koba-hero-slider .swiper-pagination { bottom: 30px !important; }
2522    .koba-hero-slider .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 0.5; transition: all 0.3s; }
2523    .koba-hero-slider .swiper-pagination-bullet-active { opacity: 1; width: 35px; border-radius: 6px; background: var(--koba-primary, #209bbc); }
2524    .koba-hero-slider .swiper-button-next, .koba-hero-slider .swiper-button-prev { color: #fff; background: rgba(0,0,0,0.3); width: 50px; height: 50px; border-radius: 50%; transition: all 0.3s; }
2525    .koba-hero-slider .swiper-button-next:hover, .koba-hero-slider .swiper-button-prev:hover { background: var(--koba-primary, #209bbc); }
2526    .koba-hero-slider .swiper-button-next::after, .koba-hero-slider .swiper-button-prev::after { font-size: 20px; }
2527
2528    @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } }
2529    /* RGAA 13.8 - Bouton pause/play (style inline pour ne pas dependre de style.css) */
2530    .koba-hero-slider .koba-swiper-pause-btn { position: absolute; bottom: 24px; left: 24px; z-index: 30; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 2px solid #fff; background: rgba(0,0,0,0.6); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
2531    .koba-hero-slider .koba-swiper-pause-btn:hover, .koba-hero-slider .koba-swiper-pause-btn:focus-visible { background: var(--koba-primary, #5ca515); outline: 2px solid #fff; outline-offset: 2px; }
2532    .koba-hero-slider .koba-swiper-pause-btn svg { width: 20px; height: 20px; fill: currentColor; display: block; }
2533    @media (max-width: 768px) {
2534        .koba-hero-slider { height: 70vh; min-height: 400px; }
2535        .koba-hero-slider .slide-content { padding: 0 5%; text-align: center; max-width: 100%; }
2536        .koba-hero-slider .slide-overlay { background: rgba(0,0,0,0.5); justify-content: center; }
2537        .koba-hero-slider .swiper-button-next, .koba-hero-slider .swiper-button-prev { display: none; }
2538    }
2539    </style>
2540    <div class="koba-hero-slider" role="region" aria-label="Carrousel d'actualites" aria-roledescription="carrousel">
2541        <div class="swiper koba-swiper">
2542            <div class="swiper-wrapper">
2543                               <div class="swiper-slide" style="background-image: url('https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/09/Mediatheques.png');" role="group" aria-roledescription="diapositive">
2544                                        <div class="slide-overlay">
2545                        <div class="container mt-5">
2546                            <div class="row">
2547                                <div class="col-12 col-md-6 offset-md-6">
2548                                </div>
2549                            </div>
2550                        </div>
2551                    </div>
2552                </div>
2553                                <div class="swiper-slide" style="background-image: url('https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/09/IMG_8015-2-1-scaled.jpg');" role="group" aria-roledescription="diapositive">
2554                                        <div class="slide-overlay">
2555                        <div class="container mt-5">
2556                            <div class="row">
2557                                <div class="col-12 col-md-6 offset-md-6">
2558                                </div>
2559                            </div>
2560                        </div>
2561                    </div>
2562                </div>
2563                                <div class="swiper-slide" style="background-image: url('https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/Coquelicots-scaled.png');" role="group" aria-roledescription="diapositive">
2564                                        <div class="slide-overlay">
2565                        <div class="container mt-5">
2566                            <div class="row">
2567                                <div class="col-12 col-md-6 offset-md-6">
2568                                </div>
2569                            </div>
2570                        </div>
2571                    </div>
2572                </div>
2573                                <div class="swiper-slide" style="background-image: url('https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/o2deaxs8-bandeau-campus-connecte.jpg');" role="group" aria-roledescription="diapositive">
2574                                        <div class="slide-overlay">
2575                        <div class="container mt-5">
2576                            <div class="row">
2577                                <div class="col-12 col-md-6 offset-md-6">
2578                                </div>
2579                            </div>
2580                        </div>
2581                    </div>
2582                </div>
2583                            </div>
2584            <div class="swiper-pagination"></div>
2585            <div class="swiper-button-prev"></div>
2586            <div class="swiper-button-next"></div>
2587        </div>
2588        <!-- RGAA 13.8 : bouton pause / play accessible au clavier -->
2589        <button type="button" class="koba-swiper-pause-btn" data-state="playing" aria-label="Mettre en pause le carrousel">
2590            <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>
2591        </button>
2592    </div>
2593    
2593<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2593
2594    
2594<script>
2595    document.addEventListener('DOMContentLoaded', function() {
2596        var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
2597        var kobaSwiper = new Swiper('.koba-swiper', {
2598            direction: 'horizontal',
2599            effect: 'slide',
2600            loop: true,
2601            autoplay: prefersReducedMotion ? false : { delay: 5000, disableOnInteraction: false },
2602            speed: 800,
2603            pagination: { el: '.swiper-pagination', clickable: true },
2604            navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
2605            keyboard: { enabled: true },
2606            a11y: { enabled: true, prevSlideMessage: 'Diapositive precedente', nextSlideMessage: 'Diapositive suivante', paginationBulletMessage: 'Aller a la diapositive {{index}}' },
2607            on: { mouseenter: function() { this.autoplay.stop(); }, mouseleave: function() { if (!prefersReducedMotion && document.querySelector('.koba-swiper-pause-btn[data-state="playing"]')) this.autoplay.start(); } }
2608        });
2609        var pauseBtn = document.querySelector('.koba-hero-slider .koba-swiper-pause-btn');
2610        if (pauseBtn) {
2611            if (prefersReducedMotion) {
2612                pauseBtn.setAttribute('data-state', 'paused');
2613                pauseBtn.setAttribute('aria-label', 'Lire le carrousel');
2614                pauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>';
2615            }
2616            pauseBtn.addEventListener('click', function() {
2617                // Recupere dynamiquement l'instance Swiper courante (robuste face a une re-init eventuelle)
2618                var swEl = document.querySelector('.koba-swiper');
2619                var sw = swEl && swEl.swiper;
2620                if (pauseBtn.getAttribute('data-state') === 'playing') {
2621                    if (sw && sw.autoplay) sw.autoplay.stop();
2622                    pauseBtn.setAttribute('data-state', 'paused');
2623                    pauseBtn.setAttribute('aria-label', 'Lire le carrousel');
2624                    pauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>';
2625                } else {
2626                    if (sw && sw.autoplay) sw.autoplay.start();
2627                    pauseBtn.setAttribute('data-state', 'playing');
2628                    pauseBtn.setAttribute('aria-label', 'Mettre en pause le carrousel');
2629                    pauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>';
2630                }
2631            });
2632        }
2633    });
2634    </script>
2634
2635    
2636<section class="meteo-all">
2637    <div class="container mt-5">
2638        <div class="row">
2639            <div class="col-12 col-sm-12 col-md-9">
2640                
2641    <div class="koba-services-section">
2642                <h2 class="koba-services-title">
2643            <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i>
2644            LES SERVICES LES PLUS CONSULTÉS        </h2>
2645                
2646        <!-- Version Desktop -->
2647        <div class="most-viewed-services most-viewed-services-desktop">
2648            <div class="services-grid" data-count="6">
2649                                <a href="https://www.paysdenemours.fr/articles/aquasud-77/" class="item">
2650                    <i class="fas fa-swimmer"></i>
2651                    <p>Piscine Aquasud 77</p>
2652                </a>
2653                                <a href="https://www.tourisme-paysdenemours.fr/" class="item">
2654                    <i class="fas fa-plane-arrival"></i>
2655                    <p>Office du Tourisme</p>
2656                </a>
2657                                <a href="https://www.paysdenemours.fr/articles/un-campus-connecte-pour-le-pays-de-nemours/" class="item">
2658                    <i class="fas fa-wifi"></i>
2659                    <p>Campus connecté</p>
2660                </a>
2661                                <a href="https://www.paysdenemours.fr/articles/coordonnees-des-mairies/" class="item">
2662                    <i class="fas fa-address-book"></i>
2663                    <p>Coordonnées des mairies</p>
2664                </a>
2665                                <a href="https://www.paysdenemours.fr/articles/environnement/" class="item">
2666                    <i class="fas fa-recycle"></i>
2667                    <p>Environnement</p>
2668                </a>
2669                                <a href="https://www.paysdenemours.fr/articles/presentation/" class="item">
2670                    <i class="fas fa-hands-helping"></i>
2671                    <p>Relais Petite Enfance</p>
2672                </a>
2673                            </div>
2674        </div>
2675        
2676        <!-- Version Mobile : Bouton pour ouvrir la modale -->
2677        <div class="most-viewed-services-mobile">
2678            <button type="button" class="koba-services-mobile-btn" data-bs-toggle="modal" data-bs-target="#kobaServicesModal">
2679                <span>LES SERVICES LES PLUS CONSULTÉS</span>
2680                <i class="fas fa-chevron-down"></i>
2681            </button>
2682        </div>
2683        
2684        <!-- Modale Services Mobile -->
2685        <div class="modal fade" id="kobaServicesModal" tabindex="-1" role="dialog" aria-labelledby="kobaServicesModalLabel" aria-hidden="true">
2686            <div class="modal-dialog modal-dialog-centered">
2687                <div class="modal-content koba-services-modal-content">
2688                    <div class="modal-header">
2689                        <h2 class="modal-title" id="kobaServicesModalLabel">LES SERVICES LES PLUS CONSULTÉS</h2>
2690                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fermer"></button>
2691                    </div>
2692                    <div class="modal-body">
2693                        <div class="koba-services-modal-grid">
2694                                                        <a href="https://www.paysdenemours.fr/articles/aquasud-77/" class="koba-services-modal-item">
2695                                <i class="fas fa-swimmer"></i>
2696                                <span>Piscine Aquasud 77</span>
2697                            </a>
2698                                                        <a href="https://www.tourisme-paysdenemours.fr/" class="koba-services-modal-item">
2699                                <i class="fas fa-plane-arrival"></i>
2700                                <span>Office du Tourisme</span>
2701                            </a>
2702                                                        <a href="https://www.paysdenemours.fr/articles/un-campus-connecte-pour-le-pays-de-nemours/" class="koba-services-modal-item">
2703                                <i class="fas fa-wifi"></i>
2704                                <span>Campus connecté</span>
2705                            </a>
2706                                                        <a href="https://www.paysdenemours.fr/articles/coordonnees-des-mairies/" class="koba-services-modal-item">
2707                                <i class="fas fa-address-book"></i>
2708                                <span>Coordonnées des mairies</span>
2709                            </a>
2710                                                        <a href="https://www.paysdenemours.fr/articles/environnement/" class="koba-services-modal-item">
2711                                <i class="fas fa-recycle"></i>
2712                                <span>Environnement</span>
2713                            </a>
2714                                                        <a href="https://www.paysdenemours.fr/articles/presentation/" class="koba-services-modal-item">
2715                                <i class="fas fa-hands-helping"></i>
2716                                <span>Relais Petite Enfance</span>
2717                            </a>
2718                                                    </div>
2719                    </div>
2720                </div>
2721            </div>
2722        </div>
2723    </div>
2724    
2725    <style>
2726    /* Titre de section (h2) : conserve l'apparence d'origine (h6 Bootstrap) - RGAA 9.1 sans changement visuel */
2727    .koba-services-title {
2728        font-size: 1rem;
2729        font-weight: 500;
2730        line-height: 1.2;
2731        margin-top: 0;
2732        margin-bottom: 0.5rem;
2733    }
2734    /* Desktop : afficher la grille, masquer le bouton mobile */
2735    .most-viewed-services-desktop {
2736        display: block;
2737    }
2738    .most-viewed-services-mobile {
2739        display: none;
2740    }
2741    
2742    /* Mobile (max-width: 767px) : masquer la grille, afficher le bouton */
2743    @media (max-width: 767px) {
2744        .most-viewed-services-desktop {
2745            display: none !important;
2746        }
2747        .most-viewed-services-mobile {
2748            display: block;
2749            padding: 0 15px;
2750        }
2751        
2752        .koba-services-mobile-btn {
2753            display: block;
2754            align-items: center;
2755            justify-content: space-between;
2756            width: 100%;
2757            background: transparent;
2758            border: none;
2759            padding: 0 0 10px;
2760            color: #fff;
2761            font-size: 14px;
2762            font-weight: 600;
2763            text-transform: uppercase;
2764            letter-spacing: 0.5px;
2765            cursor: pointer;
2766            transition: background 0.2s ease;
2767        }
2768        
2769        .koba-services-mobile-btn:hover,
2770        .koba-services-mobile-btn:focus {
2771        }
2772        
2773        .koba-services-mobile-btn i {
2774            font-size: 16px;
2775            transition: transform 0.2s ease;
2776        }
2777        
2778        .koba-services-mobile-btn:hover i {
2779            transform: translateY(3px);
2780        }
2781    }
2782    
2783    /* Styles de la modale */
2784    .koba-services-modal-content {
2785        background: linear-gradient(135deg, #1a365d 0%, #2d5a87 100%);
2786        border: none;
2787    }
2788    
2789    .koba-services-modal-content .modal-header {
2790        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2791        padding: 20px 24px;
2792    }
2793    
2794    .koba-services-modal-content .modal-title {
2795        color: #fff;
2796        font-size: 16px;
2797        font-weight: 700;
2798        text-transform: uppercase;
2799        letter-spacing: 0.5px;
2800    }
2801    
2802    .koba-services-modal-content .modal-body {
2803        padding: 24px;
2804    }
2805    
2806    .koba-services-modal-grid {
2807        display: grid;
2808        grid-template-columns: repeat(2, 1fr);
2809        gap: 16px;
2810    }
2811    
2812    .koba-services-modal-item {
2813        display: flex;
2814        flex-direction: column;
2815        align-items: center;
2816        text-align: center;
2817        padding: 20px 12px;
2818        background: rgba(255, 255, 255, 0.1);
2819        color: #fff;
2820        text-decoration: none;
2821        transition: background 0.2s ease, transform 0.2s ease;
2822    }
2823    
2824    .koba-services-modal-item:hover {
2825        background: rgba(255, 255, 255, 0.2);
2826        transform: translateY(-2px);
2827        color: #fff;
2828    }
2829    
2830    .koba-services-modal-item i {
2831        width: 56px;
2832        height: 56px;
2833        border-radius: 50%;
2834        background: rgba(0, 0, 0, 0.3);
2835        display: flex;
2836        align-items: center;
2837        justify-content: center;
2838        font-size: 22px;
2839        margin-bottom: 10px;
2840    }
2841    
2842    .koba-services-modal-item span {
2843        font-size: 12px;
2844        font-weight: 500;
2845        line-height: 1.3;
2846    }
2847    </style>
2848                </div>
2849
2850
2851            <div class="col-md-3">
2852                
2853                <div class="meteo-custom">
2854                    <div class="meteo-container">
2855                        <h2 class="meteo-titre">
2856                            <i class="far fa-dot-circle" aria-hidden="true"></i> MÉTÉO
2857                        </h2>
2858
2859                        <p class="meteo-date">
2860                            <i class="far fa-calendar mr-2" aria-hidden="true"></i> Aujourd'hui
2861                        </p>
2862
2863                        <p class="meteo-date2">Mercredi 07 octobre</p>
2864
2865                        <div class="meteo-content">
2866                            <div class="meteo-temperatures">
2867                                <img
2868                                    src="https://openweathermap.org/img/wn/[email protected]"
2869                                    alt="Partiellement nuageux"
2870                                >
2871                                <span class="temp-min">
2872                                    13°C                                    <br><i>Min</i>
2873                                </span>
2874                                <span class="temp-max">
2875                                    21°C                                    <br><i>Max</i>
2876                                </span>
2877                            </div>
2878                        </div>
2879                    </div>
2880                </div>
2881
2882                            </div>
2883        </div>
2884    </div>
2885</section>
2886
2887
2888<section class="frontpage-actualites">
2889    <div class="container mt-5">
2890                <div class="row">
2891            <div class="col-md-6 frontpage-title-text">
2892                <h2 class="frontpage-section-title">
2893                    <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i>
2894                    Actualités
2895                </h2>
2896            </div>
2897
2898            <div class="col-md-6 frontpage-title-all">
2899                <a href="https://www.paysdenemours.fr/actualites/">
2900                    <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i>
2901                    Voir toutes les actualités
2902                </a>
2903            </div>
2904
2905            <div class="col-md-12">
2906                    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
2907    
2908    <style>
2909    /* ==========================================
2910       SECTION FULL WIDTH
2911       ========================================== */
2912    .koba-actualites-section {
2913        position: relative;
2914        padding: 0 0 10px;
2915    }
2916    
2917    /* ==========================================
2918       FLÈCHES - 40px DU CONTAINER
2919       Calcul : 50% - (demi-container + 40px gap + 50px largeur flèche)
2920       ========================================== */
2921    .koba-nav-prev,
2922    .koba-nav-next {
2923        position: absolute;
2924        top: 50%;
2925        transform: translateY(-50%);
2926        width: 50px;
2927        height: 50px;
2928        background: #fff;
2929        border-radius: 50%;
2930        color: #dee2e6;
2931        display: flex;
2932        align-items: center;
2933        justify-content: center;
2934        cursor: pointer;
2935        transition: all 0.3s;
2936        z-index: 10;
2937        border: none;
2938    }
2939    
2940    .koba-nav-prev:hover,
2941    .koba-nav-next:hover {
2942    }
2943    
2944    .koba-nav-prev svg,
2945    .koba-nav-next svg {
2946        width: 30px;
2947        height: 30px;
2948    }
2949    
2950    .koba-nav-prev.swiper-button-disabled,
2951    .koba-nav-next.swiper-button-disabled {
2952        opacity: 0.3;
2953        cursor: not-allowed;
2954    }
2955    
2956    .koba-nav-prev.swiper-button-disabled:hover,
2957    .koba-nav-next.swiper-button-disabled:hover {
2958        background: #fff;
2959        color: var(--koba-primary, #209bbc);
2960        transform: translateY(-50%) scale(1);
2961    }
2962    
2963    /* XL (1200-1399px) - container 1140px, demi = 570px */
2964    /* 570 + 40 + 50 = 660px */
2965    @media (min-width: 1200px) and (max-width: 1399px) {
2966        .koba-nav-prev {
2967            left: calc(50% - 600px);
2968        }
2969        .koba-nav-next {
2970            right: calc(50% - 600px);
2971        }
2972    }
2973    
2974    /* XXL (≥1400px) - container 1320px, demi = 660px */
2975    /* 660 + 40 + 50 = 750px */
2976    @media (min-width: 1400px) {
2977        .koba-nav-prev {
2978            left: calc(50% - 600px);
2979        }
2980        .koba-nav-next {
2981            right: calc(50% - 600px);
2982        }
2983    }
2984    
2985    /* En dessous de XL - masquer les flèches */
2986    @media (max-width: 1199px) {
2987        .koba-nav-prev,
2988        .koba-nav-next {
2989            display: none;
2990        }
2991    }
2992    
2993    /* ==========================================
2994       SWIPER
2995       ========================================== */
2996    .koba-actualites-swiper {
2997        overflow: hidden;
2998    }
2999    
3000    /* ==========================================
3001       CARTES ACTUALITÉS
3002       ========================================== */
3003    .koba-actu-card {
3004        background: #fff;
3005        overflow: hidden;
3006        border: 1px solid #dee2e6;
3007        transition: all 0.3s ease;
3008        height: 100%;
3009        display: flex;
3010        flex-direction: column;
3011    }
3012    
3013    .koba-actu-card:hover {
3014    }
3015    
3016    .koba-actu-image {
3017        position: relative;
3018        width: 100%;
3019        height: 200px;
3020        overflow: hidden;
3021    }
3022    
3023    .koba-actu-image img {
3024        width: 100%;
3025        height: 100%;
3026        object-fit: cover;
3027        transition: transform 0.3s ease;
3028    }
3029    
3030    .koba-actu-card:hover .koba-actu-image img {
3031        transform: scale(1.05);
3032    }
3033    
3034    .koba-actu-image-placeholder {
3035        width: 100%;
3036        height: 100%;
3037        background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 100%);
3038        display: flex;
3039        align-items: center;
3040        justify-content: center;
3041        color: #999;
3042    }
3043    
3044    .koba-actu-category {
3045    }
3046    
3047    .koba-actu-content {
3048        flex: 1;
3049        display: flex;
3050        flex-direction: column;
3051    }
3052
3053    .koba-actu-date-categories{
3054        background: #998c8c;
3055        padding: 16px;
3056        font-size: 11.2px;
3057        text-transform: uppercase;
3058        color: #fff;
3059    }
3060    
3061    .koba-actu-date {
3062        color: #fff;
3063        font-size: 11.2px;
3064        font-weight: 500;
3065        display: flex;
3066        align-items: center;
3067        gap: 6px;
3068        font-weight: bold;
3069        font-style: italic;
3070    }
3071    
3072    .koba-actu-date svg {
3073        width: 14px;
3074        height: 14px;
3075        color: #fff;
3076    }
3077    
3078    .koba-actu-title {
3079        font-size: 14px;
3080        font-weight: 600;
3081        color: #1a1a2e;
3082        line-height: 1.4;
3083        margin: 16px;
3084        min-height: 40px;
3085    }
3086    
3087    .koba-actu-title a {
3088        color: inherit;
3089        text-decoration: none;
3090        transition: color 0.2s;
3091    }
3092    
3093    .koba-actu-title a:hover {
3094        color: var(--koba-primary, #209bbc);
3095    }
3096    
3097    .koba-actu-excerpt {
3098        color: #666;
3099        font-size: 11.2px;
3100        line-height: 1.6;
3101        margin-bottom: 20px;
3102        padding-left: 16px;
3103        padding-right: 16px;
3104        font-weight: 700;
3105        flex: 1;
3106        display: -webkit-box;
3107        -webkit-line-clamp: 3;
3108        -webkit-box-orient: vertical;
3109        overflow: hidden;
3110        min-height: 80px;
3111    }
3112    
3113    .koba-actu-button {
3114        display: inline-flex;
3115        align-items: center;
3116        gap: 8px;
3117        color: #6c757d;
3118        text-decoration: none;
3119        font-size: 11.2px;
3120        font-weight: 500;
3121        transition: all 0.3s ease;
3122        align-self: flex-end;
3123        margin-right: 16px;
3124        margin-bottom: 16px;
3125        font-style: italic;
3126    }
3127    
3128    .koba-actu-button:hover {
3129    }
3130    
3131    .koba-actu-button svg {
3132        width: 16px;
3133        height: 16px;
3134        transition: transform 0.3s;
3135    }
3136    
3137    .koba-actu-button:hover svg {
3138        transform: translateX(3px);
3139    }
3140    
3141    /* ==========================================
3142       PAGINATION
3143       ========================================== */
3144    .koba-actualites-pagination {
3145        display: flex;
3146        justify-content: center;
3147        gap: 8px;
3148        margin-top: 30px;
3149    }
3150    
3151    .koba-actualites-pagination .swiper-pagination-bullet {
3152        width: 10px;
3153        height: 10px;
3154        background: #ddd;
3155        opacity: 1;
3156        transition: all 0.3s;
3157        border-radius: 5px;
3158    }
3159    
3160    .koba-actualites-pagination .swiper-pagination-bullet-active {
3161        background: var(--koba-primary, #209bbc);
3162        width: 30px;
3163    }
3164    
3165    /* ==========================================
3166       RESPONSIVE CARTES
3167       ========================================== */
3168    @media (max-width: 768px) {
3169        .koba-actu-image {
3170            height: 180px;
3171        }
3172        
3173        .koba-actu-title {
3174            font-size: 16px;
3175        }
3176        
3177        .koba-actu-content {
3178            padding: 15px;
3179        }
3180    }
3181    </style>
3182    
3183    <div class="koba-actualites-section">
3184        <!-- Flèches à 40px du container -->
3185        <button class="koba-nav-prev" id="koba-actu-swiper-6ac5bacee7f1b-prev" aria-label="Précédent">
3186            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3187                <polyline points="15 18 9 12 15 6"/>
3188            </svg>
3189        </button>
3190        <button class="koba-nav-next" id="koba-actu-swiper-6ac5bacee7f1b-next" aria-label="Suivant">
3191            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3192                <polyline points="9 18 15 12 9 6"/>
3193            </svg>
3194        </button>
3195        
3196        <!-- Container Bootstrap -->
3197        <div class="container">
3198            <div class="swiper koba-actualites-swiper" id="koba-actu-swiper-6ac5bacee7f1b">
3199                <div class="swiper-wrapper">
3200                                        <div class="swiper-slide">
3201                        <article class="koba-actu-card">
3202                            <div class="koba-actu-image">
3203                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/10/images.png" alt="Permanences du Pimms Médiation 77 à Nemours et dans les communes alentours">
3204                                                            </div>
3205                                
3206                            
3207                            
3208                            <div class="koba-actu-content">
3209                                <div class="koba-actu-date-categories ">
3210                                                                        <div class="koba-actu-date">
3211                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3212                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3213                                            <line x1="16" y1="2" x2="16" y2="6"/>
3214                                            <line x1="8" y1="2" x2="8" y2="6"/>
3215                                            <line x1="3" y1="10" x2="21" y2="10"/>
3216                                        </svg>
3217                                        05/10/2026                                    </div>
3218                                </div>
3219                                
3220                                <h3 class="koba-actu-title">
3221                                    <a href="https://www.paysdenemours.fr/actualites/permanences-du-pimms-mediation-77-a-nemours-et-dans-les-communes-alentours/">
3222                                        Permanences du Pimms Médiation 77 à Nemo…                                    </a>
3223
3224                                </h3>
3225                                
3226                                <p class="koba-actu-excerpt">
3227                                    Le Pimms Médiation 77 propose des permanences pour accompagner les habitants dans leurs démarches administratives...                                </p>
3228                                
3229                                <a href="https://www.paysdenemours.fr/actualites/permanences-du-pimms-mediation-77-a-nemours-et-dans-les-communes-alentours/" class="koba-actu-button">
3230                                    Lire la suite
3231                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3232                                        <line x1="5" y1="12" x2="19" y2="12"/>
3233                                        <polyline points="12 5 19 12 12 19"/>
3234                                    </svg>
3235                                </a>
3236                            </div>
3237                        </article>
3238                    </div>
3239                                        <div class="swiper-slide">
3240                        <article class="koba-actu-card">
3241                            <div class="koba-actu-image">
3242                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/Flyer-Octobre-CC-1-768x543.png" alt="OCTOBRE EN FÊTE dans les Médiathèques du Pays de Nemours !">
3243                                                            </div>
3244                                
3245                            
3246                            
3247                            <div class="koba-actu-content">
3248                                <div class="koba-actu-date-categories color-culture">
3249                                                                            <sp
3249an class="koba-actu-category">Culture</span>
3250                                                                        <div class="koba-actu-date">
3251                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3252                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3253                                            <line x1="16" y1="2" x2="16" y2="6"/>
3254                                            <line x1="8" y1="2" x2="8" y2="6"/>
3255                                            <line x1="3" y1="10" x2="21" y2="10"/>
3256                                        </svg>
3257                                        18/09/2026                                    </div>
3258                                </div>
3259                                
3260                                <h3 class="koba-actu-title">
3261                                    <a href="https://www.paysdenemours.fr/actualites/octobre-en-fete-dans-les-mediatheques-du-pays-de-nemours/">
3262                                        OCTOBRE EN FÊTE dans les Médiathèques du…                                    </a>
3263
3264                                </h3>
3265                                
3266                                <p class="koba-actu-excerpt">
3267                                    En octobre, les médiathèques vous ont préparé un programme riche et varié pour petits et...                                </p>
3268                                
3269                                <a href="https://www.paysdenemours.fr/actualites/octobre-en-fete-dans-les-mediatheques-du-pays-de-nemours/" class="koba-actu-button">
3270                                    Lire la suite
3271                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3272                                        <line x1="5" y1="12" x2="19" y2="12"/>
3273                                        <polyline points="12 5 19 12 12 19"/>
3274                                    </svg>
3275                                </a>
3276                            </div>
3277                        </article>
3278                    </div>
3279                                        <div class="swiper-slide">
3280                        <article class="koba-actu-card">
3281                            <div class="koba-actu-image">
3282                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/09/IMG_1397-768x1086.jpeg" alt="Maxou Green Volley revient !">
3283                                                            </div>
3284                                
3285                            
3286                            
3287                            <div class="koba-actu-content">
3288                                <div class="koba-actu-date-categories color-loisirs">
3289                                                                            <span class="koba-actu-category">Loisirs</span>
3290                                                                        <div class="koba-actu-date">
3291                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3292                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3293                                            <line x1="16" y1="2" x2="16" y2="6"/>
3294                                            <line x1="8" y1="2" x2="8" y2="6"/>
3295                                            <line x1="3" y1="10" x2="21" y2="10"/>
3296                                        </svg>
3297                                        03/09/2026                                    </div>
3298                                </div>
3299                                
3300                                <h3 class="koba-actu-title">
3301                                    <a href="https://www.paysdenemours.fr/actualites/maxou-green-volley-revient/">
3302                                        Maxou Green Volley revient !                                    </a>
3303
3304                                </h3>
3305                                
3306                                <p class="koba-actu-excerpt">
3307                                    Le Maxou Green Volley fait son grand retour pour une nouvelle édition ! Dimanche 6...                                </p>
3308                                
3309                                <a href="https://www.paysdenemours.fr/actualites/maxou-green-volley-revient/" class="koba-actu-button">
3310                                    Lire la suite
3311                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3312                                        <line x1="5" y1="12" x2="19" y2="12"/>
3313                                        <polyline points="12 5 19 12 12 19"/>
3314                                    </svg>
3315                                </a>
3316                            </div>
3317                        </article>
3318                    </div>
3319                                        <div class="swiper-slide">
3320                        <article class="koba-actu-card">
3321                            <div class="koba-actu-image">
3322                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2020/03/Image-conseil-communautaire-pour-actualite-site-internet.jpg" alt="Conseil communautaire 5 mars 2026">
3323                                                            </div>
3324                                
3325                            
3326                            
3327                            <div class="koba-actu-content">
3328                                <div class="koba-actu-date-categories color-communaute-de-communes">
3329                                                                            <sp
3329an class="koba-actu-category">Communauté de communes</span>
3330                                                                        <div class="koba-actu-date">
3331                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3332                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3333                                            <line x1="16" y1="2" x2="16" y2="6"/>
3334                                            <line x1="8" y1="2" x2="8" y2="6"/>
3335                                            <line x1="3" y1="10" x2="21" y2="10"/>
3336                                        </svg>
3337                                        20/02/2026                                    </div>
3338                                </div>
3339                                
3340                                <h3 class="koba-actu-title">
3341                                    <a href="https://www.paysdenemours.fr/actualites/conseil-communautaire-5-mars-2026/">
3342                                        Conseil communautaire 5 mars 2026                                    </a>
3343
3344                                </h3>
3345                                
3346                                <p class="koba-actu-excerpt">
3347                                    Ordre du jour                                </p>
3348                                
3349                                <a href="https://www.paysdenemours.fr/actualites/conseil-communautaire-5-mars-2026/" class="koba-actu-button">
3350                                    Lire la suite
3351                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3352                                        <line x1="5" y1="12" x2="19" y2="12"/>
3353                                        <polyline points="12 5 19 12 12 19"/>
3354                                    </svg>
3355                                </a>
3356                            </div>
3357                        </article>
3358                    </div>
3359                                        <div class="swiper-slide">
3360                        <article class="koba-actu-card">
3361                            <div class="koba-actu-image">
3362                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/q9gpnc69-1769434494694.jpeg" alt="BAFA 2026">
3363                                                            </div>
3364                                
3365                            
3366                            
3367                            <div class="koba-actu-content">
3368                                <div class="koba-actu-date-categories color-communaute-de-communes">
3369                                                                            <span class="koba-actu-category">Communauté de communes</span>
3370                                                                        <div class="koba-actu-date">
3371                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3372                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3373                                            <line x1="16" y1="2" x2="16" y2="6"/>
3374                                            <line x1="8" y1="2" x2="8" y2="6"/>
3375                                            <line x1="3" y1="10" x2="21" y2="10"/>
3376                                        </svg>
3377                                        26/01/2026                                    </div>
3378                                </div>
3379                                
3380                                <h3 class="koba-actu-title">
3381                                    <a href="https://www.paysdenemours.fr/actualites/bafa-2026/">
3382                                        BAFA 2026                                    </a>
3383
3384                                </h3>
3385                                
3386                                <p class="koba-actu-excerpt">
3387                                                                    </p>
3388                                
3389                                <a href="https://www.paysdenemours.fr/actualites/bafa-2026/" class="koba-actu-button">
3390                                    Lire la suite
3391                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3392                                        <line x1="5" y1="12" x2="19" y2="12"/>
3393                                        <polyline points="12 5 19 12 12 19"/>
3394                                    </svg>
3395                                </a>
3396                            </div>
3397                        </article>
3398                    </div>
3399                                        <div class="swiper-slide">
3400                        <article class="koba-actu-card">
3401                            <div class="koba-actu-image">
3402                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/7m2iaw79-gros-plan-d-un-cone-de-signalisation-orange-sur-l-espace-de-copie-de-route.jpg" alt="Avenue Carnot en travaux">
3403                                                            </div>
3404                                
3405                            
3406                            
3407                            <div class="koba-actu-content">
3408                                <div class="koba-actu-date-categories color-vie-pratique">
3409                                                                            <sp
3409an class="koba-actu-category">Vie pratique</span>
3410                                                                        <div class="koba-actu-date">
3411                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3412                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3413                                            <line x1="16" y1="2" x2="16" y2="6"/>
3414                                            <line x1="8" y1="2" x2="8" y2="6"/>
3415                                            <line x1="3" y1="10" x2="21" y2="10"/>
3416                                        </svg>
3417                                        03/10/2025                                    </div>
3418                                </div>
3419                                
3420                                <h3 class="koba-actu-title">
3421                                    <a href="https://www.paysdenemours.fr/actualites/avenue-carnot-en-travaux/">
3422                                        Avenue Carnot en travaux                                    </a>
3423
3424                                </h3>
3425                                
3426                                <p class="koba-actu-excerpt">
3427                                    Des travaux d&#039;aménagement de l&#039;avenue Carnot menés par la Communauté de Communes du Pays de...                                </p>
3428                                
3429                                <a href="https://www.paysdenemours.fr/actualites/avenue-carnot-en-travaux/" class="koba-actu-button">
3430                                    Lire la suite
3431                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3432                                        <line x1="5" y1="12" x2="19" y2="12"/>
3433                                        <polyline points="12 5 19 12 12 19"/>
3434                                    </svg>
3435                                </a>
3436                            </div>
3437                        </article>
3438                    </div>
3439                                        <div class="swiper-slide">
3440                        <article class="koba-actu-card">
3441                            <div class="koba-actu-image">
3442                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/1a3ic03y-480070426_935676868767649_6840870433609868190_n.jpg" alt="Le Campus sous les projecteurs !">
3443                                                            </div>
3444                                
3445                            
3446                            
3447                            <div class="koba-actu-content">
3448                                <div class="koba-actu-date-categories color-enfance-education">
3449                                                                            <span class="koba-actu-category">Enfance &amp; Éducation</span>
3450                                                                        <div class="koba-actu-date">
3451                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3452                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3453                                            <line x1="16" y1="2" x2="16" y2="6"/>
3454                                            <line x1="8" y1="2" x2="8" y2="6"/>
3455                                            <line x1="3" y1="10" x2="21" y2="10"/>
3456                                        </svg>
3457                                        07/03/2025                                    </div>
3458                                </div>
3459                                
3460                                <h3 class="koba-actu-title">
3461                                    <a href="https://www.paysdenemours.fr/actualites/le-campus-sous-les-projecteurs/">
3462                                        Le Campus sous les projecteurs !                                    </a>
3463
3464                                </h3>
3465                                
3466                                <p class="koba-actu-excerpt">
3467                                    Nos étudiants du Campus Connecté du Pays de Nemours participent au concours Je Filme Ma...                                </p>
3468                                
3469                                <a href="https://www.paysdenemours.fr/actualites/le-campus-sous-les-projecteurs/" class="koba-actu-button">
3470                                    Lire la suite
3471                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3472                                        <line x1="5" y1="12" x2="19" y2="12"/>
3473                                        <polyline points="12 5 19 12 12 19"/>
3474                                    </svg>
3475                                </a>
3476                            </div>
3477                        </article>
3478                    </div>
3479                                        <div class="swiper-slide">
3480                        <article class="koba-actu-card">
3481                            <div class="koba-actu-image">
3482                                                                    <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/7efhq4mu-AdobeStock_911760451.jpeg" alt="NOUVEAU">
3483                                                            </div>
3484                                
3485                            
3486                            
3487                            <div class="koba-actu-content">
3488                                <div class="koba-actu-date-categories color-communaute-de-communes">
3489                                                                            <sp
3489an class="koba-actu-category">Communauté de communes</span>
3490                                                                        <div class="koba-actu-date">
3491                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3492                                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
3493                                            <line x1="16" y1="2" x2="16" y2="6"/>
3494                                            <line x1="8" y1="2" x2="8" y2="6"/>
3495                                            <line x1="3" y1="10" x2="21" y2="10"/>
3496                                        </svg>
3497                                        05/03/2025                                    </div>
3498                                </div>
3499                                
3500                                <h3 class="koba-actu-title">
3501                                    <a href="https://www.paysdenemours.fr/actualites/nouveau/">
3502                                        NOUVEAU                                    </a>
3503
3504                                </h3>
3505                                
3506                                <p class="koba-actu-excerpt">
3507                                    👨‍👩‍👧 Vous êtes parent, futur parent ou assistant familial ? La Communauté de Communes du...                                </p>
3508                                
3509                                <a href="https://www.paysdenemours.fr/actualites/nouveau/" class="koba-actu-button">
3510                                    Lire la suite
3511                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3512                                        <line x1="5" y1="12" x2="19" y2="12"/>
3513                                        <polyline points="12 5 19 12 12 19"/>
3514                                    </svg>
3515                                </a>
3516                            </div>
3517                        </article>
3518                    </div>
3519                                    </div>
3520            </div>            
3521        </div>
3522    </div>
3523    
3524    
3524<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
3524
3525    
3525<script>
3526    document.addEventListener('DOMContentLoaded', function() {
3527        new Swiper('#koba-actu-swiper-6ac5bacee7f1b', {
3528            slidesPerView: 1,
3529            spaceBetween: 20,
3530            loop: true,
3531                        speed: 500,
3532            pagination: {
3533                el: '#koba-actu-swiper-6ac5bacee7f1b-pagination',
3534                clickable: true,
3535            },
3536            navigation: {
3537                nextEl: '#koba-actu-swiper-6ac5bacee7f1b-next',
3538                prevEl: '#koba-actu-swiper-6ac5bacee7f1b-prev',
3539            },
3540            breakpoints: {
3541                576: {
3542                    slidesPerView: 2,
3543                    spaceBetween: 5,
3544                },
3545                992: {
3546                    slidesPerView: 3,
3547                    spaceBetween: 5,
3548                },
3549                1200: {
3550                    slidesPerView: 4,
3551                    spaceBetween: 5,
3552                },
3553            },
3554        });
3555    });
3556    </script>
3556
3557                </div>
3558        </div>
3559            </div>
3560</section>
3561<section class="frontpage-albums">    
3562    <div class="container">
3563        <div class="row">
3564            <div class="col-md-6 frontpage-title-text">
3565                <h2 class="frontpage-section-title">
3566                    <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i>
3567                    Albums Photos
3568                </h2>
3569            </div>
3570            <div class="col-md-6 frontpage-title-all">
3571                <a href="https://www.paysdenemours.fr/albums-photos/">
3572                    <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i>
3573                    Voir tous les albums
3574                </a>
3575            </div>
3576            <div class="col-md-12">
3577                    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
3578    
3579     <style>
3580    .frontpage-albums{
3581        padding: 48px 0;
3582    }
3583    .koba-albums-section { position: relative; padding: 0 0 40px; }
3584    .koba-albums-wrapper { position: relative; }
3585    .koba-albums-swiper { overflow: hidden; }
3586    .koba-albums-swiper .swiper-slide { height: auto; }
3587    .koba-album-slide { background: #fff; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
3588    .koba-album-slide-cover { position: relative; aspect-ratio: 1/1; overflow: hidden; }
3589    .koba-album-slide-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
3590    .koba-album-slide:hover .koba-album-slide-cover img { transform: scale(1.05); }
3591    .koba-album-slide-count { position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.7); color: #fff; padding: 5px 10px; border-radius: 20px; font-size: 12px; }
3592    .koba-album-slide-info { padding: 20px; flex: 1; text-align:center; }
3593    .koba-album-slide-date { color: #808080; font-size: 11.2px; font-weight: 400; margin-bottom: 8px; text-transform: uppercase; }
3594    .koba-album-slide-title { font-size: 14px; font-weight: 700; margin: 0; line-height: 21px; }
3595    .koba-album-slide-title a { color: var(--koba-secondary); text-decoration: none; text-transform:uppercase; }
3596    
3597    /* Navigation - Flèches au milieu */
3598    .koba-albums-prev, .koba-albums-next { 
3599        position: absolute; 
3600        top: 50%; 
3601        transform: translateY(-50%); 
3602        background: #fff;
3603        border: none;
3604        z-index: 10; 
3605        width: 44px; 
3606        height: 44px; 
3607        cursor: pointer; 
3608        display: flex; 
3609        align-items: center; 
3610        justify-content: center; 
3611        transition: all 0.3s; 
3612    }
3613    .koba-albums-prev { left: -56px; }
3614    .koba-albums-next { right: -56px; }
3615    .koba-albums-prev:hover, .koba-albums-next:hover {  }
3616    .koba-albums-prev svg, .koba-albums-next svg { width: 40px; height: 40px; color: #dee2e6; transition: color 0.3s; }
3617    .koba-albums-prev:hover svg, .koba-albums-next:hover svg { color: #ddd; }
3618    
3619    /* Pagination */
3620    .koba-albums-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
3621    .koba-albums-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #ddd; opacity: 1; transition: all 0.3s; border-radius: 5px; }
3622    .koba-albums-pagination .swiper-pagination-bullet-active { background: var(--koba-primary, #209bbc); width: 30px; }
3623    
3624    /* Responsive */
3625    @media (max-width: 992px) {
3626        .koba-albums-prev { left: 10px; }
3627        .koba-albums-next { right: 10px; }
3628        .koba-albums-prev, .koba-albums-next { background: rgba(255,255,255,0.9); }
3629    }
3630    /* RGAA 13.8 - Bouton pause/play du carrousel albums */
3631    .koba-albums-pause-btn { position: absolute; bottom: 0; right: 12px; z-index: 11; width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 2px solid var(--koba-secondary, #209bbc); background: #fff; color: var(--koba-secondary, #209bbc); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
3632    .koba-albums-pause-btn:hover, .koba-albums-pause-btn:focus-visible { background: var(--koba-secondary, #209bbc); color: #fff; outline: 2px solid var(--koba-secondary, #209bbc); outline-offset: 2px; }
3633    .koba-albums-pause-btn svg { width: 18px; height: 18px; fill: currentColor; display: block; }
3634    </style>
3635    
3636    <div class="koba-albums-section">
3637        <div class="container">
3638            <div class="koba-albums-wrapper">
3639                <div class="swiper koba-albums-swiper" id="koba-albums-swiper-6ac5bacee9241">
3640                    <div class="swiper-wrapper">
3641                                                <div class="swiper-slide">
3642                            <article class="koba-album-slide">
3643                                <div class="koba-album-slide-info">
3644                                    <h3 class="koba-album-slide-title">
3645                                        <a href="https://www.paysdenemours.fr/albums-photos/les-eglises-9/">Les églises</a>
3646                                    </h3>
3647                                    <div class="koba-album-slide-date">octobre 2018</div>
3648                                </div>
3649                                <a href="https://www.paysdenemours.fr/albums-photos/les-eglises-9/" class="koba-album-slide-cover">
3650                                                                            <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/koba-albums/c05cd4a1ddf61c93843cca3b7e206826.jpg" alt="Les églises">
3651                                                                    </a>
3652                            </article>
3653                        </div>
3654                                                <div class="swiper-slide">
3655                            <article class="koba-album-slide">
3656                                <div class="koba-album-slide-info">
3657                                    <h3 class="koba-album-slide-title">
3658                                        <a href="https://www.paysdenemours.fr/albums-photos/les-activites-8/">Les activités</a>
3659                                    </h3>
3660                                    <div class="koba-album-slide-date">octobre 2018</div>
3661                                </div>
3662                                <a href="https://www.paysdenemours.fr/albums-photos/les-activites-8/" class="koba-album-slide-cover">
3663                                                                            <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/koba-albums/0391a23e00afbf91237317ce1d0bd7f3.jpg" alt="Les activités">
3664                                                                    </a>
3665                            </article>
3666                        </div>
3667                                                <div class="swiper-slide">
3668                            <article class="koba-album-slide">
3669                                <div class="koba-album-slide-info">
3670                                    <h3 class="koba-album-slide-title">
3671                                        <a href="https://www.paysdenemours.fr/albums-photos/sites-naturels-7/">Sites naturels</a>
3672                                    </h3>
3673                                    <div class="koba-album-slide-date">octobre 2018</div>
3674                                </div>
3675                                <a href="https://www.paysdenemours.fr/albums-photos/sites-naturels-7/" class="koba-album-slide-cover">
3676                                                                            <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/koba-albums/e83a25bdea1b9a7251312cb36805ed39.jpg" alt="Sites naturels">
3677                                                                    </a>
3678                            </article>
3679                        </div>
3680                                                <div class="swiper-slide">
3681                            <article class="koba-album-slide">
3682                                <div class="koba-album-slide-info">
3683                                    <h3 class="koba-album-slide-title">
3684                                        <a href="https://www.paysdenemours.fr/albums-photos/les-communes-6/">Les Communes</a>
3685                                    </h3>
3686                                    <div class="koba-album-slide-date">octobre 2018</div>
3687                                </div>
3688                                <a href="https://www.paysdenemours.fr/albums-photos/les-communes-6/" class="koba-album-slide-cover">
3689                                                                            <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/koba-albums/dbd5a71a50ea1c3c3ec6819264d7394e.jpg" alt="Les Communes">
3690                                                                    </a>
3691                            </article>
3692                        </div>
3693                                            </div>
3694                </div>
3695                
3696                <!-- Flèches positionnées au milieu -->
3697                <button class="koba-albums-prev" id="koba-albums-swiper-6ac5bacee9241-prev">
3698                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3699                        <polyline points="15 18 9 12 15 6"/>
3700                    </svg>
3701                </button>
3702                <button class="koba-albums-next" id="koba-albums-swiper-6ac5bacee9241-next">
3703                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3704                        <polyline points="9 18 15 12 9 6"/>
3705                    </svg>
3706                </button>
3707            </div>
3708            
3709            <div class="koba-albums-pagination swiper-pagination" id="koba-albums-swiper-6ac5bacee9241-pagination"></div>
3710        </div>
3711                <!-- RGAA 13.8 : bouton pause / play accessible au clavier -->
3712        <button type="button" class="koba-albums-pause-btn" id="koba-albums-swiper-6ac5bacee9241-pause" data-state="playing" aria-label="Mettre en pause le carrousel des albums">
3713            <svg aria-hidden="true" focusable="false" viewBox="0 0 24 24">
3713<path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>
3714        </button>
3715            </div>
3716
3717    
3717<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
3717
3718    
3718<script>
3719    document.addEventListener('DOMContentLoaded', function() {
3720        var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
3721        var albumsSwiper = new Swiper('#koba-albums-swiper-6ac5bacee9241', {
3722            slidesPerView: 1,
3723            spaceBetween: 20,
3724            loop: false,
3725                        autoplay: prefersReducedMotion ? false : { delay: 5000, disableOnInteraction: false },
3726                        speed: 500,
3727            pagination: { el: '#koba-albums-swiper-6ac5bacee9241-pagination', clickable: true },
3728            navigation: {
3729                nextEl: '#koba-albums-swiper-6ac5bacee9241-next',
3730                prevEl: '#koba-albums-swiper-6ac5bacee9241-prev',
3731            },
3732            a11y: { enabled: true, prevSlideMessage: 'Diapositive precedente', nextSlideMessage: 'Diapositive suivante', paginationBulletMessage: 'Aller a la diapositive {{index}}' },
3733            breakpoints: {
3734                576: { slidesPerView: 2, spaceBetween: 15 },
3735                992: { slidesPerView: 3, spaceBetween: 20 },
3736                1200: { slidesPerView: 4, spaceBetween: 10 },
3737            },
3738        });
3739                var albumsPauseBtn = document.getElementById('koba-albums-swiper-6ac5bacee9241-pause');
3740        if (albumsPauseBtn) {
3741            if (prefersReducedMotion) {
3742                albumsPauseBtn.setAttribute('data-state', 'paused');
3743                albumsPauseBtn.setAttribute('aria-label', 'Lire le carrousel des albums');
3744                albumsPauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>';
3745            }
3746            albumsPauseBtn.addEventListener('click', function() {
3747                if (albumsPauseBtn.getAttribute('data-state') === 'playing') {
3748                    if (albumsSwiper.autoplay) albumsSwiper.autoplay.stop();
3749                    albumsPauseBtn.setAttribute('data-state', 'paused');
3750                    albumsPauseBtn.setAttribute('aria-label', 'Lire le carrousel des albums');
3751                    albumsPauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>';
3752                } else {
3753                    if (albumsSwiper.autoplay) albumsSwiper.autoplay.start();
3754                    albumsPauseBtn.setAttribute('data-state', 'playing');
3755                    albumsPauseBtn.setAttribute('aria-label', 'Mettre en pause le carrousel des albums');
3756                    albumsPauseBtn.innerHTML = '<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>';
3757                }
3758            });
3759        }
3760            });
3761    </script>
3761
3762                </div>
3763        </div>
3764    </div>
3765</section>
3766
3767
3768
3769</main>
3770
3771<footer class="" role="contentinfo">
3772  <div class="container px-3 pt-3 px-md-5 pt-md-5 pb-5">
3773    <div class="row mb-3 mb-md-4">
3774
3775      <!-- LOGO -->
3776      <div class="col-4 col-md-3 mb-3 mb-md-0">
3777        <a href="https://www.paysdenemours.fr/" class="d-inline-flex align-items-center text-light text-decoration-none">
3778          <img src="https://www.paysdenemours.fr/wp-content/uploads/sites/42/2026/02/logo-footer-1771341092.png" alt="COMM. COMMUNES PAYS DE NEMOURS - Accueil" class="footer-logo">
3779        </a>
3780      </div>
3781      <div class="col-md-8">
3782        <div class="koba-social-links"><a href="https://www.facebook.com/ccpn77140/" target="_blank" rel="noopener" aria-label="Facebook"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a><a href="https://www.youtube.com/channel/UC98sfShXIHP0g7GmbGY6aPw" target="_blank" rel="noopener" aria-label="Youtube"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a></div>      </div>
3783      <div class="col-12 col-md-3 mb-3">
3784        <div class="footer-address">
3785          <p></p>
3786          <p>
3787              41 Quai Victor Hugo<br>
3788              77140 NEMOURS<br>
3789              Tél : <a href="tel:0164786905">0164786905 (Siège)</a>          </p>
3790        </div>
3791      </div>
3792
3793      <div class="col-12 col-md-9">
3794        <ul id="menu-menu-principal-1" class="footer-menu"><li><a href="#">La communauté de communes</a>
3795<ul>
3796<li><a href="https://www.paysdenemours.fr/articles/le-guide-pratique-de-la-ccpn">Le Guide pratique de la CCPN</a></li>
3797<li><a href="https://www.paysdenemours.fr/articles/territoire">Territoire</a></li>
3798<li><a href="https://www.paysdenemours.fr/articles/historique">Historique</a></li>
3799<li><a href="https://www.paysdenemours.fr/articles/instances">Instances</a></li>
3800<li><a href="https://www.paysdenemours.fr/articles/composition">Composition</a></li>
3801<li><a href="https://www.paysdenemours.fr/articles/coordonnees-des-mairies">Coordonnées des mairies</a></li>
3802<li><a href="https://www.paysdenemours.fr/articles/recueil-des-actes">Recueil des Actes Administratifs</a>
3803<ul>
3804<li><a href="https://www.paysdenemours.fr/articles">Délibérations</a></li>
3805<li><a href="https://www.paysdenemours.fr/articles/decisions">Décisions</a></li>
3806<li><a href="https://www.paysdenemours.fr/articles/arretes">Arrêtés</a></li>
3807</ul>
3808</li>
3809<li><a href="https://www.paysdenemours.fr/articles/recueil-des-actes">Compte-rendus de conseils communautaires</a></li>
3810</ul>
3811</li>
3812<li><a href="#">Entreprendre</a>
3813<ul>
3814<li><a href="#">S&#039;implanter</a>
3815<ul>
3816<li><a href="https://www.paysdenemours.fr/articles/offre-fonciere-et-immobiliere">Offre foncière et immobilière</a></li>
3817<li><a href="https://www.paysdenemours.fr/articles/les-zac">Les ZAC</a></li>
3818</ul>
3819</li>
3820<li><a href="#">Porteurs de projets</a>
3821<ul>
3822<li><a href="https://www.paysdenemours.fr/articles/creation-d-entreprise">Création d&#039;entreprise</a></li>
3823<li><a href="https://www.paysdenemours.fr/articles/melun-val-de-seine-et-sud-seine-et-marne">Melun Val de Seine et Sud Seine et Marne</a></li>
3824<li><a href="https://www.paysdenemours.fr/articles/le-reseau-entreprendre">Le réseau Entreprendre</a></li>
3825</ul>
3826</li>
3827<li><a href="https://www.paysdenemours.fr/articles/adresses-utiles">Adresses utiles</a></li>
3828<li><a href="https://www.paysdenemours.fr/articles/localisation-et-acces">Localisation et accès</a></li>
3829</ul>
3830</li>
3831<li><a href="#">Découvrir</a>
3832<ul>
3833<li><a href="https://www.paysdenemours.fr/articles/office-du-tourisme">Office du Tourisme</a></li>
3834<li><a href="#">Visiter</a>
3835<ul>
3836<li><a href="https://www.paysdenemours.fr/articles/sites-naturels">Sites naturels</a></li>
3837<li><a href="https://www.paysdenemours.fr/articles/patrimoine-historique">Patrimoine historique</a></li>
3838<li><a href="https://www.paysdenemours.fr/articles/musees">Musées</a></li>
3839</ul>
3840</li>
3841<li><a href="#">Se loger</a>
3842<ul>
3843<li><a href="https://www.paysdenemours.fr/articles/prime-intercommunale">Prime intercommunale</a></li>
3844<li><a href="https://www.paysdenemours.fr/articles/taxe-de-sejour">Taxe de séjour</a></li>
3845<li><a href="https://www.paysdenemours.fr/articles/bordereau-de-versement-taxe-de-sejour">Bordereau de versement taxe de séjour</a></li>
3846<li><a href="https://www.paysdenemours.fr/articles/etat-recapitulatif-taxe-de-sejour">état récapitulatif taxe de séjour</a></li>
3847</ul>
3848</li>
3849<li><a href="https://www.paysdenemours.fr/photo_albums">En images</a></li>
3850</ul>
3851</li>
3852<li><a href="#">Vivre</a>
3853<ul>
3854<li><a href="https://www.paysdenemours.fr/articles/transports">Transports</a></li>
3855<li><a href="https://www.paysdenemours.fr/articles/habitat">
3855Habitat</a></li>
3856<li><a href="https://www.paysdenemours.fr/emploi/">Emploi</a></li>
3857<li><a href="https://www.paysdenemours.fr/articles/un-campus-connecte-pour-le-pays-de-nemours">Formation</a></li>
3858<li><a href="https://www.paysdenemours.fr/articles/environnement">Environnement</a>
3859<ul>
3860<li><a href="https://www.paysdenemours.fr/articles/service-unique-de-la-renovation-energetique">Service Unique de la Rénovation Energétique</a></li>
3861<li><a href="https://www.paysdenemours.fr/articles/plan-climat-air-energie-territorial-1872882f-9e4e-461e-beed-6c51106f29fa">Plan Climat air Energie Territorial</a></li>
3862</ul>
3863</li>
3864<li><a href="https://www.paysdenemours.fr/articles/reseau-des-mediatheques-et-lecture-publique">Réseau des médiathèques et Lecture Publique</a></li>
3865<li><a href="https://www.paysdenemours.fr/articles/enfance-et-jeunesse">Petite Enfance</a>
3866<ul>
3867<li><a href="https://www.paysdenemours.fr/articles/presentation">Relais Petite Enfance (RPE)</a></li>
3868<li><a href="https://www.paysdenemours.fr/articles/laep">Lieu Accueil Enfants Parents (LAEP)</a></li>
3869</ul>
3870</li>
3871<li><a href="#">Loisirs</a>
3872<ul>
3873<li><a href="https://www.paysdenemours.fr/articles/aquasud-77">AQUASUD 77</a></li>
3874<li><a href="https://www.paysdenemours.fr/articles/complexe-sportif">Complexe sportif</a></li>
3875</ul>
3876</li>
3877<li><a href="https://www.paysdenemours.fr/articles/sante">Santé</a></li>
3878</ul>
3879</li>
3880</ul>      </div>
3881    </div>
3882  </div>
3883</footer>
3884<div class="footer-bottom">
3885    <div class="container-fluid">
3886      <div class="row">
3887        <div class="col-12 col-md-6 mb-3 mb-md-0 footer-bottom-left">
3888              <ul class="koba-menu-list">
3889                                                  <li class="">
3890                      <a href="https://www.paysdenemours.fr/mentions-legales/">Mentions légales</a>
3891                  </li>
3892                  <li class="">
3893                      <a href="https://www.paysdenemours.fr/accessibilite/">Accessibilité</a>
3894                  </li>
3895                  <li class="">
3896                      <a href="https://www.paysdenemours.fr/plan-du-site/">Plan du site</a>
3897                  </li>
3898                  <li class="">
3899                      <a href="https://www.paysdenemours.fr/contact/">NOUS CONTACTER</a>
3900                  </li>
3901                  <li class="">
3902                      <span>© 2026 </span>
3903                  </li>
3904              </ul>   
3905        </div>
3906        <div class="col-12 col-md-6 mb-3 mb-md-0 justify-content-end footer-bottom-right">
3907          <div class="text-white" bis_skin_checked="1">
3908            <p><a href="https://www.site-internet-mairie.com/" target="_blank" rel="noopener" title="Création site internet mairie partenaire de Koba Civique pour la numérisation des mairies et collectivités territoriales. Un service du groupe KobaciviqueByHob, experts Wordpress, Joomla et PrestaShop. Numéro un des sites internet pour les communes et villes.">Création Site Mairie</a> par <a href="https://www.koba-civique.com/" target="_blank" rel="noopener" title="Création site internet mairie. Koba civique solution numéro un du marché pour les sites internet des communes et villes en France">KobaciviqueByHob</a></p>
3909          </div>
3910        </div>
3911      </div>
3912    </div>
3913</div>
3914    
3914<script>
3915    if ('serviceWorker' in navigator) {
3916        navigator.serviceWorker.register('https://www.paysdenemours.fr/koba-sw.js', { scope: '/' })
3917            .catch(function(err) { console.log('SW error:', err); });
3918    }
3919    if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true) {
3920        document.cookie = 'koba_pwa=1; path=/; max-age=2592000; SameSite=Lax';
3921    }
3922    </script>
3922
3923    
3923<script type="speculationrules">
3924{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/42/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hob-koba-civique/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
3925</script>
3925
3926    <style>
3927    #koba-chat-widget {
3928        position: fixed;
3929        bottom: 20px;
3930        right: 20px; left: auto;        z-index: 99999;
3931        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3932    }
3933    #koba-chat-button {
3934        width: 60px;
3935        height: 60px;
3936        border-radius: 50%;
3937        background: #667eea;
3938        border: none;
3939        cursor: pointer;
3940        box-shadow: 0 4px 20px rgba(0,0,0,0.25);
3941        display: flex;
3942        align-items: center;
3943        justify-content: center;
3944        transition: all 0.3s ease;
3945        position: relative;
3946    }
3947    #koba-chat-button:hover {
3948        transform: scale(1.1);
3949        box-shadow: 0 6px 25px rgba(0,0,0,0.3);
3950    }
3951    #koba-chat-button svg {
3952        width: 28px;
3953        height: 28px;
3954        fill: #fff;
3955    }
3956    #koba-chat-button .close-icon { display: none; }
3957    #koba-chat-widget.open #koba-chat-button .chat-icon { display: none; }
3958    #koba-chat-widget.open #koba-chat-button .close-icon { display: block; }
3959    
3960    /* Indicateur de statut sur le bouton */
3961    #koba-chat-button::after {
3962        content: '';
3963        position: absolute;
3964        top: 5px;
3965        right: 5px;
3966        width: 14px;
3967        height: 14px;
3968        border-radius: 50%;
3969        border: 2px solid #fff;
3970        background: #dc3545;
3971    }
3972    
3973    #koba-chat-box {
3974        position: absolute;
3975        bottom: 75px;
3976        right: 0;        width: 350px;
3977        height: 450px;
3978        background: #fff;
3979        border-radius: 16px;
3980        box-shadow: 0 10px 40px rgba(0,0,0,0.2);
3981        display: none;
3982        flex-direction: column;
3983        overflow: hidden;
3984    }
3985    #koba-chat-widget.open #koba-chat-box {
3986        display: flex;
3987    }
3988    
3989    .koba-chat-header {
3990        background: #667eea;
3991        color: #fff;
3992        padding: 18px 20px;
3993        display: flex;
3994        align-items: center;
3995        gap: 12px;
3996    }
3997    .koba-chat-header-avatar {
3998        width: 40px;
3999        height: 40px;
4000        background: rgba(255,255,255,0.2);
4001        border-radius: 50%;
4002        display: flex;
4003        align-items: center;
4004        justify-content: center;
4005        position: relative;
4006    }
4007    .koba-chat-header-avatar svg { width: 22px; height: 22px; fill: #fff; }
4008    .koba-chat-header-avatar::after {
4009        content: '';
4010        position: absolute;
4011        bottom: 0;
4012        right: 0;
4013        width: 12px;
4014        height: 12px;
4015        border-radius: 50%;
4016        border: 2px solid #667eea;
4017        background: #dc3545;
4018    }
4019    .koba-chat-header-info h4 { margin: 0; font-size: 15px; }
4020    .koba-chat-header-info span { font-size: 12px; opacity: 0.9; }
4021    .koba-chat-header-status { display: flex; align-items: center; gap: 5px; font-size: 11px; margin-top: 2px; }
4022    .koba-chat-header-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff6b6b; }
4023    
4024    .koba-chat-messages {
4025        flex: 1;
4026        overflow-y: auto;
4027        padding: 15px;
4028        background: #f8f9fa;
4029    }
4030    .koba-chat-msg {
4031        margin-bottom: 12px;
4032        display: flex;
4033    }
4034    .koba-chat-msg.user { justify-content: flex-end; }
4035    .koba-chat-msg.admin { justify-content: flex-start; }
4036    .koba-chat-msg-bubble {
4037        max-width: 80%;
4038        padding: 10px 14px;
4039        border-radius: 16px;
4040        font-size: 14px;
4041        line-height: 1.4;
4042    }
4043    .koba-chat-msg.user .koba-chat-msg-bubble {
4044        background: #667eea;
4045        color: #fff;
4046        border-bottom-right-radius: 4px;
4047    }
4048    .koba-chat-msg.admin .koba-chat-msg-bubble {
4049        background: #fff;
4050        border: 1px solid #e0e0e0;
4051        border-bottom-left-radius: 4px;
4052    }
4053    .koba-chat-msg-time {
4054        font-size: 10px;
4055        opacity: 0.7;
4056        margin-top: 4px;
4057    }
4058    
4059    .koba-chat-welcome {
4060        background: #e8f4fd;
4061        padding: 12px 15px;
4062        border-radius: 12px;
4063        margin-bottom: 15px;
4064        font-size: 13px;
4065        color: #1a5a7a;
4066        border-left: 3px solid #667eea;
4067    }
4068    
4069    /* Message hors ligne */
4070    .koba-chat-offline {
4071        flex: 1;
4072        display: flex;
4073        flex-direction: column;
4074        align-items: center;
4075        justify-content: center;
4076        padding: 30px;
4077        text-align: center;
4078        background: #f8f9fa;
4079    }
4080    .koba-chat-offline-icon {
4081        width: 60px;
4082        height: 60px;
4083        background: #fee2e2;
4084        border-radius: 50%;
4085        display: flex;
4086        align-items: center;
4087        justify-content: center;
4088        margin-bottom: 15px;
4089    }
4090    .koba-chat-offline-icon svg {
4091        width: 30px;
4092        height: 30px;
4093        fill: #dc3545;
4094    }
4095    .koba-chat-offline h4 {
4096        margin: 0 0 10px;
4097        color: #333;
4098        font-size: 16px;
4099    }
4100    .koba-chat-offline p {
4101        margin: 0 0 15px;
4102        color: #666;
4103        font-size: 14px;
4104        line-height: 1.5;
4105    }
4106    .koba-chat-offline-next {
4107        background: #fff;
4108        padding: 12px 20px;
4109        border-radius: 8px;
4110        border: 1px solid #e0e0e0;
4111        font-size: 13px;
4112    }
4113    .koba-chat-offline-next strong {
4114        color: #667eea;
4115        display: block;
4116        margin-top: 5px;
4117        font-size: 15px;
4118    }
4119    
4120    .koba-chat-form {
4121        padding: 15px;
4122        border-top: 1px solid #eee;
4123        background: #fff;
4124    }
4125    .koba-chat-form input, .koba-chat-form textarea {
4126        width: 100%;
4127        padding: 10px 12px;
4128        border: 1px solid #ddd;
4129        border-radius: 8px;
4130        font-size: 14px;
4131        margin-bottom: 10px;
4132        font-family: inherit;
4133    }
4134    .koba-chat-form input:focus, .koba-chat-form textarea:focus {
4135        outline: none;
4136        border-color: #667eea;
4137    }
4138    .koba-chat-form button {
4139        width: 100%;
4140        padding: 12px;
4141        background: #667eea;
4142        color: #fff;
4143        border: none;
4144        border-radius: 8px;
4145        font-size: 14px;
4146        font-weight: 600;
4147        cursor: pointer;
4148        transition: all 0.2s;
4149    }
4150    .koba-chat-form button:hover {
4151        opacity: 0.9;
4152    }
4153    
4154    .koba-chat-input-area {
4155        display: flex;
4156        gap: 10px;
4157        padding: 15px;
4158        border-top: 1px solid #eee;
4159        background: #fff;
4160    }
4161    .koba-chat-input-area input {
4162        flex: 1;
4163        padding: 12px 15px;
4164        border: 1px solid #ddd;
4165        border-radius: 25px;
4166        font-size: 14px;
4167    }
4168    .koba-chat-input-area input:focus {
4169        outline: none;
4170        border-color: #667eea;
4171    }
4172    .koba-chat-input-area button {
4173        width: 45px;
4174        height: 45px;
4175        border-radius: 50%;
4176        background: #667eea;
4177        border: none;
4178        cursor: pointer;
4179        display: flex;
4180        align-items: center;
4181        justify-content: center;
4182    }
4183    .koba-chat-input-area button svg {
4184        width: 20px;
4185        height: 20px;
4186        fill: #fff;
4187    }
4188    
4189    @media (max-width: 480px) {
4190        #koba-chat-box {
4191            width: calc(100vw - 40px);
4192            height: 70vh;
4193        }
4194    }
4195    </style>
4196    
4197    <div id="koba-chat-widget">
4198        <div id="koba-chat-box">
4199            <div class="koba-chat-header">
4200                <div class="koba-chat-header-avatar">
4201                    <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>
4202                </div>
4203                <div class="koba-chat-header-info">
4204                    <h4>COMM. COMMUNES PAYS DE NEMOURS</h4>
4205                    <div class="koba-chat-header-status">
4206                        <span class="koba-chat-header-status-dot"></span>
4207                        <span>Hors ligne</span>
4208                    </div>
4209                </div>
4210            </div>
4211            
4212                            <!-- Chat fermé -->
4213                <div class="koba-chat-offline">
4214                    <div class="koba-chat-offline-icon">
4215                        <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
4216                    </div>
4217                    <h4>Chat indisponible</h4>
4218                    <p>Nous ne sommes pas disponibles pour le moment. Laissez-nous un message, nous vous répondrons dès que possible.</p>
4219                                        <div class="koba-chat-offline-next">
4220                        Prochaine disponibilité :
4221                        <strong>Aujourd&#039;hui à 09:00</strong>
4222                    </div>
4223                                    </div>
4224                    </div>
4225        
4226        <button id="koba-chat-button">
4227            <svg class="chat-icon" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>
4228            <svg class="close-icon" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
4229        </button>
4230    </div>
4231    
4232        
4232<script>
4233    (function() {
4234        var widget = document.getElementById('koba-chat-widget');
4235        var button = document.getElementById('koba-chat-button');
4236        
4237        button.addEventListener('click', function() {
4238            widget.classList.toggle('open');
4239        });
4240    })();
4241    </script>
4241
4242            
4242<script>
4243    (function() {
4244        var searchInput = document.getElementById('koba-search-input');
4245        var searchOverlay = document.getElementById('koba-search-overlay');
4246        var searchClose = document.getElementById('koba-search-close');
4247        var searchTimeout = null;
4248        var ajaxurl = 'https://www.paysdenemours.fr/wp-admin/admin-ajax.php';
4249        
4250        if (!searchInput || !searchOverlay) return;
4251        
4252        // Saisie dans le champ
4253        searchInput.addEventListener('input', function() {
4254            var query = this.value.trim();
4255            
4256            if (searchTimeout) clearTimeout(searchTimeout);
4257            
4258            // Masquer si vide
4259            if (query.length < 1) {
4260                searchOverlay.classList.remove('active');
4261                searchOverlay.innerHTML = '';
4262                return;
4263            }
4264            
4265            // Afficher overlay avec loading
4266            searchOverlay.classList.add('active');
4267            searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' +
4268                '<div class="koba-search-loading">' +
4269                '<div class="koba-search-spinner"></div>' +
4270                '<p>Recherche...</p></div></div>';
4271            
4272            // Recherche après court délai
4273            searchTimeout = setTimeout(function() {
4274                performSearch(query);
4275            }, 250);
4276        });
4277        
4278        // Fermer l'overlay
4279        if (searchClose) {
4280            searchClose.addEventListener('click', function() {
4281                searchOverlay.classList.remove('active');
4282                searchOverlay.innerHTML = '';
4283            });
4284        }
4285        
4286        // Fermer avec Escape
4287        document.addEventListener('keydown', function(e) {
4288            if (e.key === 'Escape') {
4289                searchOverlay.classList.remove('active');
4290                searchOverlay.innerHTML = '';
4291            }
4292        });
4293        
4294        // Recherche AJAX
4295        function performSearch(query) {
4296            var formData = new FormData();
4297            formData.append('action', 'koba_live_search');
4298            formData.append('search', query);
4299            
4300            fetch(ajaxurl, {
4301                method: 'POST',
4302                body: formData
4303            })
4304            .then(function(r) { return r.json(); })
4305            .then(function(data) {
4306                if (data.success) {
4307                    renderResults(data.data.results, data.data.search);
4308                }
4309            })
4310            .catch(function() {
4311                searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' +
4312                    '<div class="koba-search-no-results"><p>Erreur de connexion</p></div></div>';
4313            });
4314        }
4315        
4316        // Afficher résultats
4317        function renderResults(results, searchTerm) {
4318            if (!results || results.length === 0) {
4319                searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' +
4320                    '<div class="koba-search-no-results">' +
4321                    '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">' +
4322                    '<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>' +
4323                    '</svg>' +
4324                    '<p>Aucun résultat pour "<strong>' + esc(searchTerm) + '</strong>"</p>' +
4325                    '</div></div>';
4326                return;
4327            }
4328            
4329            var html = '<div class="koba-search-overlay-inner">';
4330            
4331            results.forEach(function(cat) {
4332                html += '<div class="koba-search-category">';
4333                html += '<h3 class="koba-search-category-title">' + esc(cat.label) + '</h3>';
4334                html += '<ul class="koba-search-list">';
4335                
4336                cat.items.forEach(function(item) {
4337                    var title = highlight(item.title, searchTerm);
4338                    var date = (cat.type === 'evenement') ? '<span class="koba-search-date">- ' + item.date + '</span>' : '';
4339                    html += '<li class="koba-search-item">';
4340                    html += '<a href="' + item.url + '" class="koba-search-link">' + title + date + '</a>';
4341                    html += '</li>';
4342                });
4343                
4344                html += '</ul></div>';
4345            });
4346            
4347            html += '</div>';
4348            searchOverlay.innerHTML = html;
4349        }
4350        
4351        function highlight(text, search) {
4352            var regex = new RegExp('(' + search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
4353            return esc(text).replace(regex, '<mark>$1</mark>');
4354        }
4355        
4356        function esc(text) {
4357            var d = document.createElement('div');
4358            d.textContent = text;
4359            return d.innerHTML;
4360        }
4361    })();
4362    </script>
4362
4363        
4363<script>
4364    document.addEventListener('DOMContentLoaded', function() {
4365        const hamburger = document.getElementById('koba-hamburger');
4366        const mobileMenu = document.getElementById('koba-mobile-menu');
4367        const searchToggle = document.getElementById('koba-search-toggle');
4368        const searchBar = document.getElementById('koba-search-bar');
4369        const searchClose = document.getElementById('koba-search-close');
4370        const searchInput = document.getElementById('koba-search-input');
4371        const overlay = document.getElementById('koba-overlay');
4372        const navItems = document.querySelectorAll('.koba-nav-item.has-megamenu');
4373        const mobileToggles = document.querySelectorAll('.koba-mobile-toggle');
4374        
4375        function closeAllMenus() {
4376            navItems.forEach(item => item.classList.remove('active'));
4377            document.querySelectorAll('.koba-megamenu-item.active').forEach(item => {
4378                item.classList.remove('active');
4379            });
4380            overlay.classList.remove('active');
4381        }
4382        
4383        if (hamburger) {
4384            hamburger.addEventListener('click', function() {
4385                this.classList.toggle('active');
4386                mobileMenu.classList.toggle('active');
4387                document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';
4388            });
4389        }
4390        
4391        if (searchToggle) {
4392            searchToggle.addEventListener('click', function() {
4393                closeAllMenus();
4394                searchBar.classList.add('active');
4395                searchToggle.classList.add('hidden');
4396                setTimeout(() => searchInput.focus(), 400);
4397            });
4398        }
4399        
4400        if (searchClose) {
4401            searchClose.addEventListener('click', function() {
4402                searchBar.classList.remove('active');
4403                searchToggle.classList.remove('hidden');
4404            });
4405        }
4406        
4407        navItems.forEach(item => {
4408            const link = item.querySelector('.koba-nav-link');
4409            
4410            link.addEventListener('click', function(e) {
4411                if (window.innerWidth > 992) {
4412                    e.preventDefault();
4413                    const isActive = item.classList.contains('active');
4414                    closeAllMenus();
4415                    if (!isActive) {
4416                        item.classList.add('active');
4417                        overlay.classList.add('active');
4418                    }
4419                }
4420            });
4421        });
4422        
4423        document.querySelectorAll('.koba-megamenu-item.has-submenu').forEach(item => {
4424            const link = item.querySelector('.koba-megamenu-link');
4425            
4426            link.addEventListener('click', function(e) {
4427                e.preventDefault();
4428                const parent = item.closest('.koba-megamenu-col3');
4429                parent.querySelectorAll('.koba-megamenu-item.active').forEach(other => {
4430                    if (other !== item) {
4431                        other.classList.remove('active');
4432                    }
4433                });
4434                item.classList.toggle('active');
4435            });
4436        });
4437        
4438        mobileToggles.forEach(toggle => {
4439            toggle.addEventListener('click', function() {
4440                this.classList.toggle('active');
4441                const submenu = this.closest('.koba-mobile-item').querySelector(':scope > .koba-mobile-submenu');
4442                if (submenu) {
4443                    submenu.classList.toggle('active');
4444                }
4445            });
4446        });
4447        
4448        if (overlay) {
4449            overlay.addEventListener('click', function() {
4450                closeAllMenus();
4451                searchBar.classList.remove('active');
4452                searchToggle.classList.remove('hidden');
4453            });
4454        }
4455        
4456        document.addEventListener('click', function(e) {
4457            if (window.innerWidth > 992) {
4458                const isInNav = e.target.closest('.koba-nav-item.has-megamenu');
4459                const isInMegamenu = e.target.closest('.koba-megamenu');
4460                
4461                if (!isInNav && !isInMegamenu) {
4462                    closeAllMenus();
4463                }
4464            }
4465        });
4466        
4467        document.addEventListener('keydown', function(e) {
4468            if (e.key === 'Escape') {
4469                closeAllMenus();
4470                searchBar.classList.remove('active');
4471                searchToggle.classList.remove('hidden');
4472                mobileMenu.classList.remove('active');
4473                hamburger.classList.remove('active');
4474                document.body.style.overflow = '';
4475            }
4476        });
4477        
4478        window.addEventListener('resize', function() {
4479            if (window.innerWidth > 992) {
4480                mobileMenu.classList.remove('active');
4481                hamburger.classList.remove('active');
4482                document.body.style.overflow = '';
4483            }
4484        });
4485    });
4486    </script>
4486
4487    <div id="hob-rgpd-banner" class="hob-rgpd-banner" role="region"
4488	aria-label="Consentement aux cookies"
4489	style="background-color:#222222;color:#ffffff;bottom:0;">
4490	<div class="hob-rgpd-message">
4491		Notre site utilise des cookies pour réaliser des statistiques de visites, partager des contenus sur les réseaux sociaux et améliorer votre expérience. En refusant les cookies, certains services seront amenés à ne pas fonctionner correctement. Nous conservons votre choix pendant 30 jours. Vous pouvez changer d&#039;avis en cliquant sur le bouton &#039;Cookies&#039; en bas à gauche de chaque page de notre site.			</div>
4492	<div class="hob-rgpd-buttons">
4493		<button type="button" class="hob-btn hob-accept-all" style="background-color:#00aaff;color:#ffffff;">
4494			Tout accepter		</button>
4495		<button type="button" class="hob-btn hob-reject-all" style="background-color:#00aaff;color:#ffffff;">
4496			Tout refuser		</button>
4497		<button type="button" class="hob-btn hob-manage" style="background-color:#00aaff;color:#ffffff;">
4498			Gérer mes préférences		</button>
4499	</div>
4500</div>
4501
4502<div id="hob-rgpd-popup" class="hob-rgpd-popup" role="dialog" aria-modal="true"
4503	aria-labelledby="hob-rgpd-popup-title"
4504	style="--hob-accent:#00aaff;--hob-accent-text:#ffffff;"
4505	hidden>
4506	<div class="hob-rgpd-popup-content">
4507		<button type="button" class="hob-rgpd-popup-close" aria-label="Fermer">&times;</button>
4508		<h2 id="hob-rgpd-popup-title">Gérer mes préférences</h2>
4509
4510					<div class="hob-rgpd-tabs" role="tablist">
4511									<button type="button" class="hob-rgpd-tab is-active"
4512						role="tab"
4513						aria-selected="true"
4514						data-tab="hob-rgpd-panel-1">
4515						Contenus interactifs					</button>
4516							</div>
4517
4518							<div id="hob-rgpd-panel-1"
4519					class="hob-rgpd-panel is-active"
4520					role="tabpanel">
4521																							<div class="hob-rgpd-service">
4522																	<div class="hob-rgpd-service-icon">
4523										<img src="https://www.paysdenemours.fr/wp-content/plugins/hob-rgpd/assets/img/services/recaptcha.svg"
4524											alt="Google reCAPTCHA" />
4525									</div>
4526																<div class="hob-rgpd-service-info">
4527									<div class="hob-rgpd-service-title">Google reCAPTCHA</div>
4528									<div class="hob-rgpd-service-desc">Anti-spam Google reCAPTCHA.</div>
4529								</div>
4530								<div class="hob-rgpd-service-toggle">
4531									<label class="hob-rgpd-switch">
4532										<input type="checkbox" class="hob-rgpd-toggle"
4533											data-service-key="recaptcha" />
4534										<span class="hob-rgpd-slider"></span>
4535									</label>
4536								</div>
4537							</div>
4538															</div>
4539					
4540		<div class="hob-rgpd-popup-actions">
4541			<button type="button" class="hob-btn hob-accept-all" style="background-color:#00aaff;color:#ffffff;">
4542				Tout accepter			</button>
4543			<button type="button" class="hob-btn hob-reject-all" style="background-color:#00aaff;color:#ffffff;">
4544				Tout refuser			</button>
4545			<button type="button" class="hob-btn hob-save" style="background-color:#00aaff;color:#ffffff;">
4546				Enregistrer mes préférences			</button>
4547		</div>
4548
4549					<div class="hob-rgpd-credit">
4550				&copy; <a href="https://www.hob-france.com/" target="_blank" rel="noopener">HOB France Services</a>
4551			</div>
4552			</div>
4553</div>
4554
4555<button type="button" id="hob-rgpd-settings-icon" class="hob-rgpd-settings-icon"
4556	title="Cookies"
4557	aria-label="Cookies" hidden>
4558	<span class="hob-rgpd-cookie-emoji" aria-hidden="true">🍪</span>
4559	<span class="hob-rgpd-cookie-label">Cookies</span>
4560</button>
4561<script id="moment-js" src="https://www.paysdenemours.fr/wp-includes/js/dist/vendor/moment.min.js?ver=2.30.1"></script>
vendor: 1 bytes, line 4561
4561
4562<script id="moment-js-after">
4563moment.updateLocale( 'fr_FR', {"months":["janvier","f\u00e9vrier","mars","avril","mai","juin","juillet","ao\u00fbt","septembre","octobre","novembre","d\u00e9cembre"],"monthsShort":["Jan","F\u00e9v","Mar","Avr","Mai","Juin","Juil","Ao\u00fbt","Sep","Oct","Nov","D\u00e9c"],"weekdays":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"weekdaysShort":["dim","lun","mar","mer","jeu","ven","sam"],"week":{"dow":1},"longDateFormat":{"LT":"G\\hi","LTS":null,"L":null,"LL":"j F Y","LLL":"d F Y G\\hi","LLLL":null}} );
4564//# sourceURL=moment-js-after
4565</script>
vendor: 1 bytes, line 4565
4565
4566<script id="moment-fr-js" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/fr.js"></script>
vendor: 1 bytes, line 4566
4566
4567<script id="fullcalendar-js" src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>
vendor: 1 bytes, line 4567
4567
4568<script id="fullcalendar-fr-js" src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/locale/fr.js"></script>
vendor: 1 bytes, line 4568
4568
4569<script id="hcb-frontend-js-extra">
4570var hcb_front = {"ajax_url":"https://www.paysdenemours.fr/wp-admin/admin-ajax.php","nonce":"32736a7635","primary_color":"#2271b1","user":[],"strings":{"loading":"Chargement...","success":"Votre demande de r\u00e9servation a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s ! Vous recevrez un email de confirmation.","error":"Une erreur est survenue. Veuillez r\u00e9essayer.","fill_required":"Veuillez remplir tous les champs obligatoires.","accepted":"Accept\u00e9","studying":"En cours d'\u00e9tude","pending":"En attente","slot_busy":"Ce cr\u00e9neau est d\u00e9j\u00e0 r\u00e9serv\u00e9.","click_to_book":"Cliquer pour r\u00e9server","file_too_large":"Le fichier \"%s\" d\u00e9passe la taille maximum autoris\u00e9e (5 Mo).","file_type_invalid":"Le type de fichier \"%s\" n'est pas autoris\u00e9.","docs_required":"Veuillez joindre tous les documents requis."},"max_file_size_mb":"5"};
4571//# sourceURL=hcb-frontend-js-extra
4572</script>
vendor: 1 bytes, line 4572
4572
4573<script id="hcb-frontend-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-cityhall-booking/assets/js/frontend.js?ver=1.2.0"></script>
vendor: 1 bytes, line 4573
4573
4574<script id="hob-fc-form-js-extra">
4575var hobFcFormConfig = {"ajax_url":"https://www.paysdenemours.fr/wp-admin/admin-ajax.php"};
4576var hobFcPublic = {"ajaxurl":"https://www.paysdenemours.fr/wp-admin/admin-ajax.php","nonce":"a911c5d374","page_token":"aedc54c0a145a4ee7f7e6e5967b0c5784ea6f965fa9ecc59b02ce60d84316637","page_ts":"497595"};
4577var hobFcI18n = {"required":"Veuillez remplir ce champ correctement.","invalidEmail":"Adresse e-mail invalide.","invalidPhone":"Num\u00e9ro de t\u00e9l\u00e9phone invalide.","minLength":"Minimum %d caract\u00e8res.","networkError":"Erreur r\u00e9seau. Veuillez r\u00e9essayer.","serverError":"Le serveur a renvoy\u00e9 une r\u00e9ponse inattendue","genericError":"Une erreur est survenue.","defaultSuccess":"Merci, votre message a bien \u00e9t\u00e9 envoy\u00e9.","resubmit":"Soumettre \u00e0 nouveau","fileTooLarge":"\u00ab %1$s \u00bb d\u00e9passe la taille maximale (%2$s Mo).","fileBadType":"\u00ab %1$s \u00bb n'est pas un format autoris\u00e9 (%2$s).","tooManyFiles":"%d fichier(s) maximum."};
4578//# sourceURL=hob-fc-form-js-extra
4579</script>
vendor: 1 bytes, line 4579
4579
4580<script id="hob-fc-form-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/form.js?ver=1.29"></script>
vendor: 1 bytes, line 4580
4580
4581<script id="hob-fc-conditional-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-conditional.js?ver=1.29"></script>
vendor: 1 bytes, line 4581
4581
4582<script id="hob-fc-calculator-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-calculator.js?ver=1.29"></script>
vendor: 1 bytes, line 4582
4582
4583<script id="hob-fc-rgaa-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-rgaa.js?ver=1.29"></script>
vendor: 1 bytes, line 4583
4583
4584<script id="leaflet-js" src="https://unpkg.com/[email protected]/dist/leaflet.js?ver=1.9.4"></script>
vendor: 1 bytes, line 4584
4584
4585<script id="hob-fc-map-picker-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-map-picker.js?ver=1.29"></script>
vendor: 1 bytes, line 4585
4585
4586<script id="hob-fc-address-js-extra">
4587var hobFcAddress = {"provider":"auto","effectiveProvider":"ban","googleKey":"","nominatimContact":"[email protected]","defaultCountry":"fr","debounceMs":"280","minChars":"3","banUrl":"https://api-adresse.data.gouv.fr/search/","photonUrl":"https://photon.komoot.io/api/"};
4588//# sourceURL=hob-fc-address-js-extra
4589</script>
vendor: 1 bytes, line 4589
4589
4590<script id="hob-fc-address-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-address.js?ver=1.29"></script>
vendor: 1 bytes, line 4590
4590
4591<script id="bootstrap-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js?ver=5.3.2"></script>
vendor: 1 bytes, line 4591
4591
4592<script id="hobrgpd-front-js-extra">
4593var hobRgpdConfig = {"cookieName":"hobConsentPrefs","cookieMaxAge":"2592000"};
4594//# sourceURL=hobrgpd-front-js-extra
4595</script>
vendor: 1 bytes, line 4595
4595
4596<script id="hobrgpd-front-js" src="https://www.paysdenemours.fr/wp-content/plugins/hob-rgpd/assets/js/front.js?ver=1781167964"></script>
vendor: 1 bytes, line 4596
4596
4597<script id="wp-statistics-tracker-js-extra">
4598var WP_Statistics_Tracker_Object = {"requestUrl":"https://www.paysdenemours.fr/wp-json/wp-statistics/v2","ajaxUrl":"https://www.paysdenemours.fr/wp-admin/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"home","source_id":0,"search_query":"","signature":"62e20c4d581d99169742684755100376","endpoint":"hit"},"option":{"dntEnabled":false,"bypassAdBlockers":false,"consentIntegration":{"name":null,"status":[]},"isPreview":false,"userOnline":false,"isWpConsentApiActive":false},"isLegacyEventLoaded":"","customEventAjaxUrl":"https://www.paysdenemours.fr/wp-admin/admin-ajax.php?action=wp_statistics_custom_event&nonce=ee03bec9cb","onlineParams":{"wp_statistics_hit":1,"source_type":"home","source_id":0,"search_query":"","signature":"62e20c4d581d99169742684755100376","action":"wp_statistics_online_check"},"jsCheckTime":"60000"};
4599//# sourceURL=wp-statistics-tracker-js-extra
4600</script>
vendor: 1 bytes, line 4600
4600
4601<script id="wp-statistics-tracker-js" src="https://www.paysdenemours.fr/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=14.16.15"></script>
vendor: 1 bytes, line 4601
4601
4602<script id="wp-emoji-settings" type="application/json">
4603{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.paysdenemours.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
4604</script>
vendor: 1 bytes, line 4604
4604
4605<script type="module">
4606/*! This file is auto-generated */
4607var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
4608//# sourceURL=https://www.paysdenemours.fr/wp-includes/js/wp-emoji-loader.min.js
4609</script>
4609
4610    <style>
4611        #koba-pwa-banner {
4612            display: none; /* affiché par JS uniquement sur mobile */
4613            position: fixed;
4614            top: 0; left: 0; right: 0;
4615            z-index: 99999;
4616            background: #1e293b;
4617            color: #fff;
4618            padding: 12px 16px;
4619            flex-direction: column;
4620            gap: 10px;
4621            box-shadow: 0 2px 12px rgba(0,0,0,.35);
4622            font-family: inherit;
4623        }
4624        #koba-pwa-banner.koba-pwa-banner-visible {
4625            display: flex;
4626        }
4627        /* Ligne 1 : icône + texte */
4628        #koba-pwa-banner .kpb-row1 {
4629            display: flex;
4630            align-items: flex-start;
4631            gap: 12px;
4632        }
4633        #koba-pwa-banner .kpb-icon {
4634            font-size: 24px;
4635            flex-shrink: 0;
4636            line-height: 1.2;
4637        }
4638        #koba-pwa-banner .kpb-body {
4639            flex: 1;
4640            min-width: 0;
4641        }
4642        #koba-pwa-banner .kpb-title {
4643            font-weight: 700;
4644            font-size: .9rem;
4645            line-height: 1.3;
4646        }
4647        #koba-pwa-banner .kpb-desc {
4648            font-size: .8rem;
4649            opacity: .8;
4650            line-height: 1.4;
4651            margin-top: 3px;
4652        }
4653        /* Ligne 2 : bouton + fermer */
4654        #koba-pwa-banner .kpb-row2 {
4655            display: flex;
4656            align-items: center;
4657            gap: 10px;
4658        }
4659        #koba-pwa-banner .kpb-btn {
4660            background: #b2d234;
4661            color: #fff;
4662            border: none;
4663            padding: 8px 16px;
4664            border-radius: 6px;
4665            font-size: .82rem;
4666            font-weight: 600;
4667            cursor: pointer;
4668            white-space: nowrap;
4669            text-decoration: none;
4670            display: inline-block;
4671        }
4672        #koba-pwa-banner .kpb-close {
4673            background: rgba(255,255,255,.12);
4674            border: 1px solid rgba(255,255,255,.2);
4675            color: rgba(255,255,255,.75);
4676            font-size: .82rem;
4677            font-weight: 600;
4678            line-height: 1;
4679            cursor: pointer;
4680            padding: 7px 12px;
4681            border-radius: 6px;
4682            white-space: nowrap;
4683        }
4684        #koba-pwa-banner .kpb-close:hover {
4685            background: rgba(255,255,255,.2);
4686            color: #fff;
4687        }
4688        /* Décaler le contenu sous la bannière quand elle est visible */
4689        body.koba-pwa-banner-open {
4690            padding-top: 100px;
4691        }
4692    </style>
4693
4694    <div id="koba-pwa-banner" role="banner" aria-label="Installer l'application">
4695        <div class="kpb-row1">
4696            <span class="kpb-icon">📲</span>
4697            <div class="kpb-body">
4698                <div class="kpb-title">Installez notre application !</div>
4699                <div class="kpb-desc">Accédez rapidement à notre site depuis votre écran d&#039;accueil.</div>
4700            </div>
4701        </div>
4702        <div class="kpb-row2">
4703            <a href="https://www.paysdenemours.fr/installapp/" class="kpb-btn">Voir comment installer</a>
4704            <button class="kpb-close" id="koba-pwa-close" aria-label="Fermer">✕ Fermer</button>
4705        </div>
4706    </div>
4707<script>
4708// Capturer beforeinstallprompt le plus tôt possible (avant tout)
4709var _kobaPwaInstallPrompt = null;
4710window.addEventListener('beforeinstallprompt', function(e) {
4711    e.preventDefault();
4712    _kobaPwaInstallPrompt = e;
4713    // Si la bannière est déjà affichée, transformer le bouton
4714    var btn = document.querySelector('#koba-pwa-banner .kpb-btn');
4715    if (btn && document.getElementById('koba-pwa-banner').classList.contains('koba-pwa-banner-visible')) {
4716        _kobaActivateInstallBtn(btn);
4717    }
4718});
4719
4720function _kobaActivateInstallBtn(btn) {
4721    if (!_kobaPwaInstallPrompt) return;
4722    btn.textContent = '📲 Installer l\'application';
4723    btn.removeAttribute('href');
4724    btn.onclick = function(e) {
4725        e.preventDefault();
4726        if (!_kobaPwaInstallPrompt) return;
4727        _kobaPwaInstallPrompt.prompt();
4728        _kobaPwaInstallPrompt.userChoice.then(function(result) {
4729            if (result.outcome === 'accepted') {
4730                _kobaHidePwaBanner();
4731            }
4732            _kobaPwaInstallPrompt = null;
4733        });
4734    };
4735}
4736
4737function _kobaHidePwaBanner() {
4738    var banner = document.getElementById('koba-pwa-banner');
4739    if (!banner) return;
4740    banner.classList.remove('koba-pwa-banner-visible');
4741    document.body.classList.remove('koba-pwa-banner-open');
4742    localStorage.setItem('koba_pwa_banner_closed', Date.now().toString());
4743}
4744
4745(function() {
4746    // Ne jamais afficher en mode PWA standalone
4747    if (window.matchMedia('(display-mode: standalone)').matches
4748        || window.navigator.standalone === true
4749        || sessionStorage.getItem('koba_pwa') === '1') {
4750        return;
4751    }
4752
4753    var STORAGE_KEY  = 'koba_pwa_banner_closed';
4754    var FREQUENCY_MS = 604800000;
4755
4756    function isMobile() {
4757        return (window.innerWidth < 1024) ||
4758               /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(navigator.userAgent);
4759    }
4760
4761    if (!isMobile()) return;
4762
4763    var lastClosed = localStorage.getItem(STORAGE_KEY);
4764    if (lastClosed && (Date.now() - parseInt(lastClosed, 10)) < FREQUENCY_MS) return;
4765
4766    var ua = navigator.userAgent;
4767    var isIos        = /iPhone|iPad|iPod/i.test(ua);
4768    var isAndroid    = /Android/i.test(ua);
4769    // Sur iOS, seul Safari peut installer une PWA.
4770    // Chrome iOS (CriOS), Firefox iOS (FxiOS), Edge iOS (EdgiOS) utilisent WebKit
4771    // mais n'exposent pas la fonctionnalité d'ajout à l'écran d'accueil.
4772    var isIosNonSafari = isIos && /CriOS|FxiOS|EdgiOS|OPiOS|YaBrowser|DuckDuckGo/i.test(ua);
4773    var isIosSafari    = isIos && !isIosNonSafari;
4774
4775    function showBanner() {
4776        var banner = document.getElementById('koba-pwa-banner');
4777        if (!banner) return;
4778
4779        // Cas spécial : iOS hors Safari → bannière informative "ouvrez dans Safari"
4780        if (isIosNonSafari) {
4781            var iconEl  = banner.querySelector('.kpb-icon');
4782            var titleEl = banner.querySelector('.kpb-title');
4783            var descEl  = banner.querySelector('.kpb-desc');
4784            var btnEl   = banner.querySelector('.kpb-btn');
4785            var row2El  = banner.querySelector('.kpb-row2');
4786
4787            if (iconEl)  iconEl.textContent  = '🧭';
4788            if (titleEl) titleEl.textContent = 'Application disponible dans Safari';
4789            if (descEl)  descEl.textContent  = 'Sur iPhone et iPad, l\'application ne peut être installée qu\'avec le navigateur Safari. Ouvrez cette page dans Safari pour l\'installer.';
4790            // Le bouton "Voir comment installer" n'a aucun sens ici → on le retire,
4791            // on conserve uniquement le bouton Fermer.
4792            if (btnEl && btnEl.parentNode) {
4793                btnEl.parentNode.removeChild(btnEl);
4794            }
4795            if (row2El) {
4796                row2El.style.justifyContent = 'flex-end';
4797            }
4798        } else if (_kobaPwaInstallPrompt) {
4799            // Si le prompt natif est déjà disponible (Android/Chrome), transformer le bouton
4800            var btn = banner.querySelector('.kpb-btn');
4801            if (btn) _kobaActivateInstallBtn(btn);
4802        }
4803
4804        banner.classList.add('koba-pwa-banner-visible');
4805        document.body.classList.add('koba-pwa-banner-open');
4806
4807        var closeBtn = document.getElementById('koba-pwa-close');
4808        if (closeBtn) {
4809            closeBtn.addEventListener('click', _kobaHidePwaBanner);
4810        }
4811    }
4812
4813    if (isIosSafari && !window.navigator.standalone) {
4814        // iOS Safari : afficher immédiatement avec lien vers /installapp/
4815        document.addEventListener('DOMContentLoaded', showBanner);
4816    } else if (isIosNonSafari) {
4817        // iOS Chrome/Firefox/Edge : afficher la bannière informative "ouvrez dans Safari"
4818        document.addEventListener('DOMContentLoaded', showBanner);
4819    } else if (isAndroid || (!isIos && isMobile())) {
4820        // Android/Chrome : attendre que le prompt soit disponible
4821        document.addEventListener('DOMContentLoaded', function() {
4822            if (_kobaPwaInstallPrompt) {
4823                showBanner();
4824            } else {
4825                var t = setTimeout(function() {
4826                    if (_kobaPwaInstallPrompt) showBanner();
4827                    // sinon : déjà installé ou navigateur non supporté → rien
4828                }, 1000);
4829            }
4830        });
4831    }
4832})();
4833</script>
4833
4834   
4835        <style>
4836        #koba-desktop-alert {
4837            display: none; /* affiché par JS uniquement sur desktop */
4838            position: fixed;
4839            top: 50%;
4840            right: 0;
4841            transform: translateY(-50%);
4842            width: 300px;
4843            z-index: 99998;
4844            background: #fff;
4845            color: #333;
4846            border-radius: 0;
4847            box-shadow: 0 6px 30px rgba(0,0,0,.25);
4848            padding: 20px;
4849            box-sizing: border-box;
4850            font-family: inherit;
4851        }
4852        #koba-desktop-alert.kda-visible {
4853            display: block;
4854            animation: kda-slide-in .4s ease;
4855        }
4856        @keyframes kda-slide-in {
4857            from { opacity: 0; transform: translateY(-50%) translateX(30px); }
4858            to   { opacity: 1; transform: translateY(-50%) translateX(0); }
4859        }
4860        #koba-desktop-alert .kda-close {
4861            position: absolute;
4862            top: 10px;
4863            right: 10px;
4864            background: none;
4865            border: none;
4866            font-size: 16px;
4867            line-height: 1;
4868            color: #999;
4869            cursor: pointer;
4870            padding: 4px;
4871        }
4872        #koba-desktop-alert .kda-close:hover { color: #333; }
4873        #koba-desktop-alert .kda-icon {
4874            font-size: 28px;
4875            margin-bottom: 8px;
4876        }
4877        #koba-desktop-alert .kda-title {
4878            font-weight: 700;
4879            font-size: 1rem;
4880            margin-bottom: 8px;
4881            color: #1e293b;
4882        }
4883        #koba-desktop-alert .kda-content {
4884            font-size: .85rem;
4885            line-height: 1.55;
4886            color: #555;
4887            margin-bottom: 14px;
4888        }
4889        #koba-desktop-alert .kda-btn {
4890            display: inline-block;
4891            background: #b2d234;
4892            color: #fff;
4893            text-decoration: none;
4894            font-size: .85rem;
4895            font-weight: 600;
4896            padding: 9px 18px;
4897            border-radius: 8px;
4898            transition: opacity .2s;
4899        }
4900        #koba-desktop-alert .kda-btn:hover {
4901            opacity: .85;
4902            color: #fff;
4903        }
4904    </style>
4905
4906    <div id="koba-desktop-alert" role="dialog" aria-label="Application disponible">
4907        <button class="kda-close" id="koba-desktop-alert-close" aria-label="Fermer">✕</button>
4908        <div class="kda-title">📲 Application disponible</div>
4909        <div class="kda-content">
4910            Allez sur votre smartphone, affichez le site de votre mairie dans le navigateur
4911            de votre choix et vous serez invité à installer l'application sur votre mobile.
4912            Laissez-vous guider, c'est simple&nbsp;! Si votre mairie a souscrit à l'abonnement,
4913            tout fonctionnera immédiatement.
4914        </div>
4915        <a href="https://www.paysdenemours.fr/installapp/" class="kda-btn">Plus de détails</a>
4916    </div>
4917
4918    
4918<script>
4919    (function() {
4920        'use strict';
4921
4922        var STORAGE_KEY = 'koba_desktop_alert_shown';
4923        var WEEK_MS = 7 * 86400 * 1000;
4924
4925        // --- Détection desktop Windows / Mac uniquement ---
4926        var ua = navigator.userAgent;
4927        var isMobileUA = /Android|iPhone|iPad|iPod|Mobile|Tablet/i.test(ua);
4928        // iPadOS se fait passer pour un Mac : on l'exclut via le tactile
4929        var isIpadOs = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
4930        var isWinMac = /Windows NT|Macintosh/i.test(ua);
4931
4932        if (isMobileUA || isIpadOs || !isWinMac) return;
4933
4934        // --- Mode standalone (PWA installée) : on n'affiche pas ---
4935        if (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) return;
4936
4937        // --- Fréquence : 1 fois par semaine ---
4938        var last = 0;
4939        try { last = parseInt(localStorage.getItem(STORAGE_KEY) || '0', 10); } catch (e) {}
4940        if (last && (Date.now() - last) < WEEK_MS) return;
4941
4942        function showAlert() {
4943            var box = document.getElementById('koba-desktop-alert');
4944            if (!box) return;
4945
4946            box.classList.add('kda-visible');
4947
4948            // On marque comme "vue" dès l'affichage → max 1 fois / semaine
4949            try { localStorage.setItem(STORAGE_KEY, Date.now().toString()); } catch (e) {}
4950
4951            var closeBtn = document.getElementById('koba-desktop-alert-close');
4952            if (closeBtn) {
4953                closeBtn.addEventListener('click', function() {
4954                    box.classList.remove('kda-visible');
4955                });
4956            }
4957        }
4958
4959        if (document.readyState === 'loading') {
4960            document.addEventListener('DOMContentLoaded', showAlert);
4961        } else {
4962            showAlert();
4963        }
4964    })();
4965    </script>
4965
4966    </body>
4967</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.