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&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&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">✕</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'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'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'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'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'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'aménagement de l'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 & Ã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'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'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'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'avis en cliquant sur le bouton 'Cookies' 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">×</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 © <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'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 ! 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.