1<!DOCTYPE html> 2<html lang="fr-FR"> 3<head> 4 <title>Offres d’emploi et stages | Mairie de Nointel</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>Offres d’emploi et stages – Mairie de Nointel</title> 10<meta name='robots' content='max-image-preview:large' /> 11<link rel="manifest" href="https://www.commune-nointel.fr/koba-manifest.json"> 12<meta name="google-site-verification" content="U8uRURktPbCR9kub5b9kaY7QYc06K9mNaIEndU-uaVk" /> 13<meta name="description" content="Voici le site internet qui regroupe l'ensemble des informations nécessaires au bien être dans la commune de Nointel."> 14 <!-- Favicon standard --> 15 <link rel="icon" type="image/png" sizes="32x32" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/favicon-32x32.png"> 16 <link rel="icon" type="image/png" sizes="16x16" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/favicon-16x16.png"> 17 18 <!-- Apple Touch Icon (iOS) --> 19 <link rel="apple-touch-icon" sizes="180x180" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/apple-touch-icon.png"> 20 21 <!-- Android Chrome --> 22 <link rel="icon" type="image/png" sizes="192x192" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/android-chrome-192x192.png"> 23 <link rel="icon" type="image/png" sizes="512x512" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/android-chrome-512x512.png"> 24 25 <!-- Safari Pinned Tab (SVG ou PNG) --> 26 <link rel="mask-icon" href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/favicon-32x32.png" color="#127ec2"> 27 28 <!-- Microsoft --> 29 <meta name="msapplication-TileColor" content="#127ec2"> 30 <meta name="msapplication-TileImage" content="https://www.commune-nointel.fr/wp-content/uploads/sites/52/favicons/mstile-144x144.png"> 31 32 <!-- Theme color pour navigateurs mobiles --> 33 <meta name="theme-color" content="#127ec2"> 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<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.commune-nointel.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.commune-nointel.fr%2Femploi%2F" /> 39<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.commune-nointel.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.commune-nointel.fr%2Femploi%2F&format=xml" /> 40<style id="koba-colors"> 41:root { 42 --koba-primary: #127ec2; 43 --koba-secondary: #7fb1d8; 44 --koba-primary-rgb: 18, 126, 194; 45 --koba-secondary-rgb: 127, 177, 216; 46} 47</style><style id="wp-img-auto-sizes-contain-inline-css"> 48img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 49/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 50</style> 51<link rel='stylesheet' id='acy_front_messages_css-css' href='https://www.commune-nointel.fr/wp-content/plugins/acymailing/media/css/front/messages.min.css?v=1790752554&ver=11.1.0' media='all' /> 52<style id="wp-emoji-styles-inline-css"> 53 54 img.wp-smiley, img.emoji { 55 display: inline !important; 56 border: none !important; 57 box-shadow: none !important; 58 height: 1em !important; 59 width: 1em !important; 60 margin: 0 0.07em !important; 61 vertical-align: -0.1em !important; 62 background: none !important; 63 padding: 0 !important; 64 } 65/*# sourceURL=wp-emoji-styles-inline-css */ 66</style> 67<style id="wp-block-library-inline-css"> 68: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}}
68.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;--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}} 69 70/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 71</style> 72<style id="wp-block-library-inline-css-extra"> 73.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; } 74 .meteo-widget.meteo-error { background: #e74c3c; } 75 .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); } 76 .meteo-header h3 { margin: 0; font-size: 1.3em; } 77 .meteo-main { display: flex; align-items: center; justify-content: center; gap: 10px; } 78 .meteo-icon { width: 80px; height: 80px; } 79 .meteo-temp { font-size: 3em; font-weight: bold; } 80 .meteo-description { font-size: 1.1em; margin: 10px 0; text-transform: capitalize; } 81 .meteo-minmax { display: flex; justify-content: center; gap: 30px; margin: 15px 0; } 82 .meteo-min { background: #20b7d9; padding: 8px 15px; border-radius: 20px; font-weight: bold; } 83 .meteo-max { background: #c0392b; padding: 8px 15px; border-radius: 20px; font-weight: bold; } 84 .meteo-humidity { margin-top: 10px; font-size: 0.95em; opacity: 0.9; } 85.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} 86 87 /* ========================================== 88 VARIABLES CSS 89 ========================================== */ 90 :root { 91 --koba-topbar-height: 40px; 92 --koba-navbar-height: 70px; 93 --koba-header-height: calc(var(--koba-topbar-height) + var(--koba-navbar-height)); 94 --koba-logo-width: 193px; 95 } 96 97 /* ========================================== 98 HEADER PRINCIPAL 99 ========================================== */ 100 101 .koba-header { 102 position: fixed; 103 top: 0; 104 left: 0; 105 right: 0; 106 z-index: 10000; 107 width: 100%; 108 } 109 110 .koba-header-wrapper { 111 position: relative; 112 width: 100%; 113 z-index: 222222; 114 } 115 116 /* Spacer pour compenser le header fixe */ 117 .koba-header-spacer { 118 height: var(--koba-header-height); 119 } 120 121 /* ========================================== 122 LOGO - COUVRE LES DEUX BARRES 123 ========================================== */ 124 125 .koba-logo { 126 position: absolute; 127 top: 0; 128 left: 0; 129 width: var(--koba-logo-width); 130 height: var(--koba-header-height); 131 background-color: #fff; 132 display: flex; 133 align-items: center; 134 justify-content: center; 135 padding: 10px 20px; 136 box-sizing: border-box; 137 z-index: 110; 138 } 139 140 .koba-logo img { 141 max-height: 100%; 142 max-width: 100%; 143 width: auto; 144 height: auto; 145 display: block; 146 object-fit: contain; 147 } 148 .koba-icon-search{ 149 width: 30px; 150 height: 30px; 151 } 152 153 .koba-logo-text { 154 color: #333; 155 font-size: 20px; 156 font-weight: 700; 157 text-decoration: none; 158 } 159 160 /* ========================================== 161 BARRE SUPERIEURE (ORANGE) 162 ========================================== */ 163 164 .koba-topbar { 165 background-color: #7fb1d8; 166 height: var(--koba-topbar-height); 167 width: 100%; 168 } 169 170 .koba-topbar-inner { 171 height: 100%; 172 display: flex; 173 justify-content: space-between; 174 align-items: center; 175 padding: 0 20px 0 calc(var(--koba-logo-width) + 20px); 176 } 177 178 .koba-topbar-menu { 179 flex: 1; 180 } 181 182 .koba-topbar-list { 183 list-style: none; 184 margin: 0; 185 padding: 0; 186 display: flex; 187 gap: 25px; 188 } 189 190 .koba-topbar-list li a { 191 color: #fff; 192 text-decoration: none; 193 font-size: 11.2px; 194 font-weight: 600; 195 text-transform: uppercase; 196 letter-spacing: 0.5px; 197 transition: opacity 0.2s; 198 } 199 200 .koba-topbar-list li a:hover { 201 opacity: 0.8; 202 } 203 204 .koba-topbar-cta { 205 display: flex; 206 align-items: center; 207 gap: 8px; 208 color: #fff; 209 text-decoration: none; 210 font-size: 12.2px; 211 font-weight: 600; 212 text-transform: uppercase; 213 letter-spacing: 0.5px; 214 transition: opacity 0.2s; 215 } 216 217 .koba-topbar-cta:hover { 218 opacity: 0.8; 219 } 220 221 /* Hamburger (mobile) - dans la topbar */ 222 .koba-hamburger { 223 display: none; 224 flex-direction: column; 225 justify-content: center; 226 gap: 5px; 227 background: none; 228 border: none; 229 cursor: pointer; 230 padding: 10px; 231 width: 44px; 232 height: 44px; 233 margin-left: -10px; 234 } 235 236 .koba-hamburger span { 237 display: block; 238 width: 24px; 239 height: 2px; 240 background-color: #fff; 241 transition: all 0.3s; 242 } 243 244 .koba-hamburger.active span:nth-child(1) { 245 transform: rotate(45deg) translate(5px, 5px); 246 } 247 248 .koba-hamburger.active span:nth-child(2) { 249 opacity: 0; 250 } 251 252 .koba-hamburger.active span:nth-child(3) { 253 transform: rotate(-45deg) translate(5px, -5px); 254 } 255 256 /* ========================================== 257 BARRE PRINCIPALE (BLEU) 258 ========================================== */ 259 260 .koba-navbar { 261 background-color: #127ec2; 262 height: var(--koba-navbar-height); 263 width: 100%; 264 position: relative; 265 } 266 267 .koba-navbar-inner { 268 height: 100%; 269 display: flex; 270 align-items: stretch; 271 padding: 0 0 0 var(--koba-logo-width); 272 } 273 274 /* Navigation principale */ 275 .koba-main-nav { 276 flex: 1; 277 display: flex; 278 align-items: stretch; 279 } 280 281 .koba-nav-list { 282 list-style: none; 283 margin: 0; 284 padding: 0; 285 display: flex; 286 align-items: stretch; 287 width: 100%; 288 } 289 290 .koba-nav-item { 291 position: static; 292 display: flex; 293 align-items: stretch; 294 flex: 1; 295 margin: 8px; 296 border-bottom: 1px solid transparent; 297 } 298 299 .koba-nav-item:hover { 300 border-bottom: 1px solid hsla(0,0%,100%,.72); 301 } 302 303 .koba-nav-link { 304 display: flex; 305 align-items: center; 306 justify-content: center; 307 gap: 6px; 308 color: #fff; 309 text-decoration: none; 310 font-size: 14px; 311 font-weight: 400; 312 text-transform: uppercase; 313 letter-spacing: 0.3px; 314 padding: 0 15px; 315 width: 100%; 316 transition: background-color 0.2s; 317 cursor: pointer; 318 } 319 320 .koba-nav-arrow { 321 color: #fb0; 322 width: 14px; 323 height: 14px; 324 transform: rotate(270deg); 325 transition: transform 0.2s; 326 } 327 328 /* ========================================== 329 BOUTON RECHERCHE (CARRE) 330 ========================================== */ 331 332 .koba-search-toggle { 333 flex-shrink: 0; 334 width: var(--koba-navbar-height); 335 height: var(--koba-navbar-height); 336 background: #fff; 337 border: none; 338 color: #fb0; 339 cursor: pointer; 340 display: flex; 341 align-items: center; 342 justify-content: center; 343 transition: opacity 0.2s; 344 } 345 346 .koba-search-toggle:hover { 347 opacity: 0.9; 348 } 349 350 .koba-search-toggle.hidden { 351 display: none; 352 } 353 354 /* ========================================== 355 MEGA MENU 356 ========================================== */ 357 358 .koba-megamenu { 359 position: absolute; 360 top: 100%; 361 left: 0; 362 right: 0; 363 width: 100%; 364 background-color: #127ec2; 365 opacity: 0; 366 visibility: hidden; 367 transform: translateY(-10px); 368 transition: all 0.3s ease; 369 z-index: 100; 370 pointer-events: none; 371 } 372 373 .koba-nav-item.active .koba-megamenu { 374 opacity: 1; 375 visibility: visible; 376 transform: translateY(0); 377 pointer-events: auto; 378 } 379 380 .koba-megamenu-inner { 381 width: 100%; 382 display: flex; 383 position: relative; 384 } 385 386 .koba-megamenu-col1 { 387 flex-shrink: 0; 388 width: var(--koba-logo-width); 389 background-color: #fff; 390 } 391 392 .koba-megamenu-col2 { 393 flex: 1; 394 padding: 30px 20px; 395 display: flex; 396 align-items: flex-start; 397 justify-content: flex-end; 398 } 399 400 .koba-megamenu-title { 401 color: #fff; 402 font-size: 22px; 403 font-weight: 600; 404 line-height: 1.4; 405 } 406 407 .koba-megamenu-col3 { 408 flex: 1; 409 padding: 25px 30px; 410 min-width: 0; 411 max-height: 731px; 412 overflow: overlay; 413 } 414 415 .koba-megamenu-list { 416 list-style: none; 417 margin: 0; 418 padding: 0; 419 border-left: 1px solid #fff; 420 } 421 422 .koba-megamenu-item { 423 position: static; 424 } 425 426 .koba-megamenu-link { 427 display: flex; 428 align-items: center; 429 gap: 8px; 430 color: #fff; 431 text-decoration: none; 432 padding: 16px 0; 433 font-size: 14px; 434 transition: padding-left 0.2s; 435 cursor: pointer; 436 padding-left: 30px; 437 } 438 439 .koba-megamenu-link:hover { 440 border-bottom: 1px solid #fff; 441 } 442 443 .koba-megamenu-link svg { 444 margin-left: auto; 445 flex-shrink: 0; 446 transition: transform 0.2s; 447 color: #faaf00; 448 } 449 450 .koba-megamenu-item.active > .koba-megamenu-link svg { 451 transform: rotate(90deg); 452 } 453 454 .koba-megamenu-col4 { 455 flex: 1; 456 position: relative; 457 } 458 459 .koba-megamenu-sublist { 460 position: absolute; 461 top: 0; 462 right: 0; 463 bottom: 0; 464 width: calc((100% - var(--koba-logo-width)) / 3); 465 list-style: none; 466 margin: 0; 467 padding: 25px 20px; 468 opacity: 0; 469 visibility: hidden; 470 transition: all 0.3s ease; 471 z-index: 110; 472 } 473 474 .koba-megamenu-item.a
474ctive > .koba-megamenu-sublist { 475 opacity: 1; 476 visibility: visible; 477 } 478 .koba-megamenu-item > .koba-megamenu-sublist li{ 479 border-left: 1px solid #fff; 480 } 481 .koba-megamenu-item > .koba-megamenu-sublist li a{ 482 padding-left: 30px; 483 } 484 485 .koba-megamenu-sublist li a { 486 display: block; 487 color: #fff; 488 text-decoration: none; 489 padding: 8px 0; 490 font-size: 13px; 491 opacity: 0.9; 492 transition: opacity 0.2s, padding-left 0.2s; 493 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 494 } 495 496 .koba-megamenu-sublist li a:hover { 497 border-bottom: 1px solid #fff; 498 } 499 500 501 /* ========================================== 502 BARRE DE RECHERCHE 503 ========================================== */ 504 505 .koba-search-bar { 506 position: absolute; 507 top: 0; 508 right: 0; 509 bottom: 0; 510 width: 0; 511 background-color: #127ec2; 512 overflow: hidden; 513 transition: width 0.4s ease; 514 display: flex; 515 align-items: center; 516 z-index: 105; 517 } 518 519 .koba-search-bar.active { 520 width: calc(100% - var(--koba-logo-width)); 521 } 522 523 .koba-search-bar-inner { 524 display: flex; 525 align-items: center; 526 gap: 15px; 527 padding: 0 20px; 528 width: 100%; 529 min-width: 300px; 530 } 531 532 .koba-search-form { 533 flex: 1; 534 display: flex; 535 align-items: center; 536 position: relative; 537 } 538 539 .koba-search-input { 540 width: 100%; 541 background: transparent; 542 border: none; 543 border-bottom: 2px solid rgba(255, 255, 255, 0.5); 544 color: #fff; 545 font-size: 18px; 546 padding: 10px 40px 10px 0; 547 outline: none; 548 transition: border-color 0.2s; 549 } 550 551 .koba-search-input::placeholder { 552 color: rgba(255, 255, 255, 0.7); 553 } 554 555 .koba-search-input:focus { 556 border-color: #fff; 557 } 558 559 .koba-search-submit { 560 position: absolute; 561 right: 0; 562 background: none; 563 border: none; 564 color: #fff; 565 cursor: pointer; 566 padding: 10px; 567 opacity: 0.7; 568 transition: opacity 0.2s; 569 } 570 571 .koba-search-submit:hover { 572 opacity: 1; 573 } 574 575 .koba-search-close { 576 flex-shrink: 0; 577 background: none; 578 border: none; 579 color: #7fb1d8; 580 cursor: pointer; 581 padding: 10px; 582 transition: opacity 0.2s; 583 } 584 585 .koba-search-close:hover { 586 opacity: 0.8; 587 } 588 589 /* ========================================== 590 MENU MOBILE 591 ========================================== */ 592 593 .koba-mobile-menu { 594 display: none; 595 position: fixed; 596 top: 0; 597 left: 0; 598 width: 100%; 599 height: 100vh; 600 background-color: #127ec2; 601 z-index: 999; 602 overflow-y: auto; 603 transform: translateX(-100%); 604 transition: transform 0.3s ease; 605 } 606 607 .koba-mobile-menu.active { 608 transform: translateX(0); 609 } 610 611 .koba-mobile-menu-inner { 612 padding: 20px; 613 padding-top: 120px; 614 } 615 616 .koba-mobile-list { 617 list-style: none; 618 margin: 0; 619 padding: 0; 620 } 621 622 .koba-mobile-item { 623 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 624 } 625 626 .koba-mobile-item-inner { 627 display: flex; 628 align-items: center; 629 } 630 631 .koba-mobile-link { 632 flex: 1; 633 display: block; 634 color: #fff; 635 text-decoration: none; 636 padding: 18px 0; 637 font-size: 16px; 638 font-weight: 500; 639 } 640 641 .koba-mobile-toggle { 642 background: none; 643 border: none; 644 color: #fff; 645 cursor: pointer; 646 padding: 18px 15px; 647 transition: transform 0.2s; 648 } 649 650 .koba-mobile-toggle.active { 651 transform: rotate(180deg); 652 } 653 654 .koba-mobile-submenu { 655 list-style: none; 656 margin: 0; 657 padding: 0 0 0 20px; 658 display: none; 659 background-color: rgba(0, 0, 0, 0.1); 660 } 661 662 .koba-mobile-submenu.active { 663 display: block; 664 } 665 666 .koba-mobile-submenu .koba-mobile-link { 667 font-size: 15px; 668 font-weight: 400; 669 padding: 14px 0; 670 } 671 672 .koba-mobile-secondary { 673 margin-top: 30px; 674 padding-top: 30px; 675 border-top: 1px solid rgba(255, 255, 255, 0.2); 676 } 677 678 .koba-mobile-secondary-list { 679 list-style: none; 680 margin: 0; 681 padding: 0; 682 } 683 684 .koba-mobile-secondary-list li a { 685 display: block; 686 color: #fff; 687 text-decoration: none; 688 padding: 12px 0; 689 font-size: 14px; 690 opacity: 0.8; 691 } 692 693 /* Overlay */ 694 .koba-overlay { 695 position: fixed; 696 top: 0; 697 left: 0; 698 width: 100%; 699 height: 100%; 700 background-color: rgba(0, 0, 0, 0.5); 701 z-index: 998; 702 opacity: 0; 703 visibility: hidden; 704 transition: all 0.3s; 705 } 706 707 .koba-overlay.active { 708 opacity: 1; 709 visibility: visible; 710 } 711 712 /* ========================================== 713 RESPONSIVE 714 ========================================== */ 715 716 @media (max-width: 1400px) { 717 :root { 718 --koba-logo-width: 140px; 719 } 720 721 .koba-nav-link { 722 font-size: 12px; 723 padding: 0 5px; 724 } 725 726 .koba-megamenu-col2, 727 .koba-megamenu-col3 { 728 padding: 20px 15px; 729 } 730 } 731 732 @media (max-width: 1200px) { 733 :root { 734 --koba-logo-width: 120px; 735 } 736 737 .koba-nav-link { 738 font-size: 11px; 739 padding: 0 8px; 740 } 741 742 .koba-megamenu-title { 743 font-size: 16px; 744 } 745 746 .koba-megamenu-link { 747 font-size: 13px; 748 padding: 8px 8px; 749 } 750 } 751 752 @media (max-width: 992px) { 753 :root { 754 --koba-topbar-height: 50px; 755 --koba-navbar-height: 0px; 756 --koba-logo-width: 100px; 757 } 758 759 .koba-topbar-inner { 760 padding: 0 15px; 761 justify-content: flex-start; 762 } 763 764 .koba-topbar-menu { 765 display: none; 766 } 767 768 .koba-topbar-cta { 769 display: none; 770 } 771 772 .koba-hamburger { 773 display: flex; 774 } 775 776 .koba-logo { 777 position: relative; 778 width: auto; 779 max-width: 120px; 780 height: var(--koba-topbar-height); 781 margin: 0 auto; 782 } 783 784 .koba-navbar { 785 display: none; 786 } 787 788 .koba-mobile-menu { 789 display: block; 790 } 791 792 .koba-megamenu { 793 display: none; 794 } 795 } 796 797 @media (max-width: 576px) { 798 :root { 799 --koba-topbar-height: 50px; 800 --koba-logo-width: 80px; 801 } 802 803 .koba-logo img { 804 max-height: 35px; 805 } 806 807 .koba-search-input { 808 font-size: 16px; 809 } 810 } 811 812 813 /* ========================================== 814 FOOTER 815 ========================================== */ 816 817 .koba-footer { 818 background-color: #1a1a2e; 819 color: #fff; 820 margin-top: 60px; 821 } 822 823 .koba-footer-main { 824 padding: 60px 0 40px; 825 } 826 827 .koba-footer-container { 828 max-width: 1400px; 829 margin: 0 auto;
830 padding: 0 30px; 831 display: grid; 832 grid-template-columns: repeat(4, 1fr); 833 gap: 40px; 834 } 835 836 /* Colonnes */ 837 .koba-footer-col { 838 min-width: 0; 839 } 840 841 .koba-footer-title { 842 color: #fff; 843 font-size: 18px; 844 font-weight: 600; 845 margin: 0 0 20px 0; 846 padding-bottom: 12px; 847 border-bottom: 2px solid #7fb1d8; 848 display: inline-block; 849 } 850 851 /* Colonne About */ 852 .koba-footer-logo { 853 display: inline-block; 854 margin-bottom: 20px; 855 } 856 857 .koba-footer-logo img { 858 max-height: 70px; 859 width: auto; 860 } 861 862 .koba-footer-logo-text { 863 display: inline-block; 864 color: #fff; 865 font-size: 24px; 866 font-weight: 700; 867 text-decoration: none; 868 margin-bottom: 20px; 869 } 870 871 .koba-footer-description { 872 color: #b0b0b0; 873 font-size: 14px; 874 line-height: 1.7; 875 margin: 0 0 20px 0; 876 } 877 878 /* Réseaux sociaux */ 879 .koba-footer-social { 880 display: flex; 881 gap: 12px; 882 flex-wrap: wrap; 883 } 884 885 .koba-footer-social a { 886 display: flex; 887 align-items: center; 888 justify-content: center; 889 width: 40px; 890 height: 40px; 891 background-color: rgba(255, 255, 255, 0.1); 892 border-radius: 50%; 893 color: #fff; 894 transition: all 0.3s ease; 895 } 896 897 .koba-footer-social a:hover { 898 background-color: #7fb1d8; 899 transform: translateY(-3px); 900 } 901 902 /* Liste de contact */ 903 .koba-footer-info-list { 904 list-style: none; 905 margin: 0; 906 padding: 0; 907 } 908 909 .koba-footer-info-item { 910 display: flex; 911 align-items: flex-start; 912 gap: 12px; 913 margin-bottom: 18px; 914 color: #b0b0b0; 915 font-size: 14px; 916 line-height: 1.6; 917 } 918 919 .koba-footer-info-item svg { 920 flex-shrink: 0; 921 margin-top: 2px; 922 color: #7fb1d8; 923 } 924 925 .koba-footer-info-item a { 926 color: #b0b0b0; 927 text-decoration: none; 928 transition: color 0.2s; 929 } 930 931 .koba-footer-info-item a:hover { 932 color: #7fb1d8; 933 } 934 935 /* Statut dans le footer */ 936 .koba-footer-status { 937 margin-top: 20px; 938 } 939 940 .koba-footer-status .koba-opening-status { 941 background: transparent; 942 padding: 0; 943 border: none; 944 font-size: 13px; 945 } 946 947 .koba-footer-status .koba-status-open { 948 color: #28a745; 949 } 950 951 .koba-footer-status .koba-status-closed { 952 color: #dc3545; 953 } 954 955 /* Menu footer */ 956 .koba-footer-menu { 957 list-style: none; 958 margin: 0; 959 padding: 0; 960 } 961 962 .koba-footer-menu li { 963 margin-bottom: 12px; 964 } 965 966 .koba-footer-menu a { 967 color: #b0b0b0; 968 text-decoration: none; 969 font-size: 14px; 970 transition: all 0.2s; 971 display: inline-block; 972 } 973 974 .koba-footer-menu a:hover { 975 color: #7fb1d8; 976 padding-left: 5px; 977 } 978 979 /* Horaires dans footer */ 980 .koba-footer-hours .koba-horaires-table { 981 font-size: 13px; 982 background: transparent; 983 } 984 985 .koba-footer-hours .koba-horaires-table th, 986 .koba-footer-hours .koba-horaires-table td { 987 padding: 8px 10px; 988 border-color: rgba(255, 255, 255, 0.1); 989 color: #b0b0b0; 990 } 991 992 .koba-footer-hours .koba-horaires-table th { 993 background: rgba(255, 255, 255, 0.05); 994 color: #fff; 995 } 996 997 .koba-footer-hours .koba-horaires-table tr:hover { 998 background-color: rgba(255, 255, 255, 0.03); 999 } 1000 1001 .koba-footer-hours .koba-horaires-table tr.koba-today { 1002 background-color: rgba(18, 126, 194, 0.2); 1003 } 1004 1005 .koba-footer-hours .koba-horaires-table .koba-badge-today { 1006 background: #7fb1d8; 1007 font-size: 9px; 1008 } 1009 1010 /* Barre de copyright */ 1011 .koba-footer-bottom { 1012 background-color: rgba(0, 0, 0, 0.3); 1013 padding: 20px 0; 1014 } 1015 1016 .koba-footer-bottom .koba-footer-container { 1017 display: flex; 1018 justify-content: space-between; 1019 align-items: center; 1020 gap: 20px; 1021 } 1022 1023 .koba-footer-copyright { 1024 margin: 0; 1025 color: #808080; 1026 font-size: 13px; 1027 } 1028 1029 .koba-footer-legal { 1030 display: flex; 1031 gap: 25px; 1032 } 1033 1034 .koba-footer-legal a { 1035 color: #808080; 1036 text-decoration: none; 1037 font-size: 13px; 1038 transition: color 0.2s; 1039 } 1040 1041 .koba-footer-legal a:hover { 1042 color: #7fb1d8; 1043 } 1044 1045 /* Responsive */ 1046 @media (max-width: 1200px) { 1047 .koba-footer-container { 1048 grid-template-columns: repeat(2, 1fr); 1049 } 1050 } 1051 1052 @media (max-width: 768px) { 1053 .koba-footer-main { 1054 padding: 40px 0 30px; 1055 } 1056 1057 .koba-footer-container { 1058 grid-template-columns: 1fr; 1059 gap: 30px; 1060 padding: 0 20px; 1061 } 1062 1063 .koba-footer-col { 1064 text-align: center; 1065 } 1066 1067 .koba-footer-title { 1068 display: block; 1069 } 1070 1071 .koba-footer-social { 1072 justify-content: center; 1073 } 1074 1075 .koba-footer-info-list { 1076 display: inline-block; 1077 text-align: left; 1078 } 1079 1080 .koba-footer-menu { 1081 display: inline-block; 1082 text-align: left; 1083 } 1084 1085 .koba-footer-hours .koba-horaires-table { 1086 display: inline-block; 1087 } 1088 1089 .koba-footer-bottom .koba-footer-container { 1090 flex-direction: column; 1091 text-align: center; 1092 } 1093 1094 .koba-footer-legal { 1095 flex-wrap: wrap; 1096 justify-content: center; 1097 } 1098 } 1099 1100/*# sourceURL=wp-block-library-inline-css */ 1101</style> 1102 1103<style id="classic-theme-styles-inline-css"> 1104/*! This file is auto-generated */ 1105.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
1105padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 1106/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 1107</style> 1108 1109<style id="global-styles-inline-css"> 1110: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%);
1110--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;}
1110.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;} 1111/*# sourceURL=global-styles-inline-css */ 1112</style> 1113 1114<link rel='stylesheet' id='front-css-css' href='https://www.commune-nointel.fr/wp-content/plugins/WP_hob_publicite//asset/css/front.css?ver=7.1.2' media='all' /> 1115<link rel='stylesheet' id='hcb-frontend-css' href='https://www.commune-nointel.fr/wp-content/plugins/hob-cityhall-booking/assets/css/frontend.css?ver=1.2.0' media='all' /> 1116<style id="hcb-frontend-inline-css"> 1117 1118 :root { --hcb-primary: #2271b1; } 1119 .hcb-btn-primary, .hcb-booking-form button[type=submit] { background-color: #2271b1; border-color: #2271b1; } 1120 .hcb-btn-primary:hover { background-color: #2271b1cc; } 1121 1122/*# sourceURL=hcb-frontend-inline-css */ 1123</style> 1124<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' /> 1125<link rel='stylesheet' id='hob-fc-public-forms-css' href='https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/css/public-forms.css?ver=1.29' media='all' /> 1126<link rel='stylesheet' id='leaflet-css' href='https://unpkg.com/[email protected]/dist/leaflet.css?ver=1.9.4' media='all' /> 1127<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' /> 1128<link rel='stylesheet' id='theme-style-css' href='https://www.commune-nointel.fr/wp-content/themes/hob-koba-civique/style.css?ver=7.1.2' media='all' /> 1129<link rel='stylesheet' id='hobrgpd-front-css' href='https://www.commune-nointel.fr/wp-content/plugins/hob-rgpd/assets/css/front.css?ver=1781167963' media='all' />
1130<script id="acy_front_messages_js-js-before"> 1131var ACYM_AJAX_START = "https://www.commune-nointel.fr/wp-admin/admin-ajax.php"; 1132 var ACYM_AJAX_PARAMS = "?action=acymailing_router&noheader=1&nocache=1790995574"; 1133 var ACYM_AJAX = ACYM_AJAX_START + ACYM_AJAX_PARAMS; 1134//# sourceURL=acy_front_messages_js-js-before 1135</script>
vendor: 1 bytes, line 1135
1135
1136<script id="acy_front_messages_js-js" src="https://www.commune-nointel.fr/wp-content/plugins/acymailing/media/js/front/messages.min.js?v=1790752554&ver=11.1.0"></script>
vendor: 1 bytes, line 1136
1136
1137<script id="jquery-core-js" src="https://www.commune-nointel.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 1137
1137
1138<script id="jquery-migrate-js" src="https://www.commune-nointel.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
1138 1139<link rel="https://api.w.org/" href="https://www.commune-nointel.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.commune-nointel.fr/wp-json/wp/v2/pages/761" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.commune-nointel.fr/xmlrpc.php?rsd" /> 1140<link rel="canonical" href="https://www.commune-nointel.fr/emploi/" /> 1141<link rel='shortlink' href='https://www.commune-nointel.fr/?p=761' /> 1142<!-- Analytics by WP Statistics - https://wp-statistics.com --> 1143 <style> 1144 /* Overlay résultats */ 1145 .koba-search-overlay { 1146 position: fixed; 1147 top: 0; 1148 left: 0; 1149 right: 0; 1150 bottom: 0; 1151 background: var(--koba-primary, #2271b1); 1152 z-index: 9998; 1153 overflow-y: auto; 1154 padding-top: 120px; 1155 display: none; 1156 } 1157 1158 .koba-search-overlay.active { 1159 display: block; 1160 } 1161 1162 .koba-search-overlay-inner { 1163 max-width: 1140px; 1164 margin: 0 auto; 1165 padding: 10px; 1166 } 1167 1168 /* Catégorie */ 1169 .koba-search-category { 1170 margin-bottom: 40px; 1171 } 1172 1173 .koba-search-category-title { 1174 color: var(--koba-secondary, #faaf00); 1175 font-size: 1.8rem; 1176 font-weight: 600; 1177 margin: 0 0 15px 0; 1178 padding-bottom: 10px; 1179 border-bottom: 1px solid rgba(255,255,255,0.2); 1180 } 1181 1182 /* Liste */ 1183 .koba-search-list { 1184 list-style: none; 1185 margin: 0; 1186 padding: 0; 1187 } 1188 1189 .koba-search-item { 1190 border-bottom: 1px solid rgba(255,255,255,0.1); 1191 } 1192 1193 .koba-search-link { 1194 display: block; 1195 padding: 14px 0; 1196 color: #fff; 1197 text-decoration: none; 1198 font-size: 1.05rem; 1199 transition: padding-left 0.2s, color 0.2s; 1200 } 1201 1202 .koba-search-link:hover { 1203 padding-left: 15px; 1204 color: var(--koba-secondary, #faaf00); 1205 } 1206 1207 .koba-search-link mark { 1208 background: var(--koba-secondary, #faaf00); 1209 color: #1a1a2e; 1210 padding: 2px 4px; 1211 border-radius: 3px; 1212 } 1213 1214 .koba-search-date { 1215 color: rgba(255,255,255,0.5); 1216 font-size: 0.9rem; 1217 margin-left: 10px; 1218 } 1219 1220 /* Loading */ 1221 .koba-search-loading { 1222 text-align: center; 1223 padding: 60px; 1224 color: rgba(255,255,255,0.7); 1225 } 1226 1227 .koba-search-spinner { 1228 width: 40px; 1229 height: 40px; 1230 border: 3px solid rgba(255,255,255,0.2); 1231 border-top-color: #fff; 1232 border-radius: 50%; 1233 animation: koba-spin 0.8s linear infinite; 1234 margin: 0 auto 15px; 1235 } 1236 1237 @keyframes koba-spin { 1238 to { transform: rotate(360deg); } 1239 } 1240 1241 /* No results */ 1242 .koba-search-no-results { 1243 text-align: center; 1244 padding: 60px; 1245 color: rgba(255,255,255,0.6); 1246 } 1247 1248 .koba-search-no-results svg { 1249 width: 60px; 1250 height: 60px; 1251 margin-bottom: 20px; 1252 opacity: 0.4; 1253 } 1254 1255 @media (max-width: 768px) { 1256 .koba-search-overlay { 1257 padding-top: 100px; 1258 } 1259 .koba-search-overlay-inner { 1260 padding: 20px; 1261 } 1262 .koba-search-category-title { 1263 font-size: 1.4rem; 1264 } 1265 } 1266 </style> 1267 <style> 1268 /* Menu adaptatif */ 1269 .koba-nav-list { 1270 display: flex; 1271 flex-wrap: wrap; 1272 align-items: center; 1273 } 1274 1275 /* Mode compact (9-10 éléments) */ 1276 .koba-nav-list.koba-nav-compact .koba-nav-link { 1277 font-size: 12px; 1278 padding-left: 12px; 1279 padding-right: 12px; 1280 } 1281 1282 /* Mode très compact (11+ éléments) */ 1283 .koba-nav-list.koba-nav-very-compact .koba-nav-link { 1284 font-size: 10px; 1285 padding-left: 4px; 1286 padding-right: 4px; 1287 } 1288 @media (max-width: 1599px) { 1289 .koba-nav-list.koba-nav-compact .koba-nav-link { 1290 font-size: 12px; 1291 padding-left: 8px; 1292 padding-right: 8px; 1293 } 1294 .koba-nav-list.koba-nav-very-compact .koba-nav-link { 1295 font-size: 9px; 1296 padding-left: 0px; 1297 padding-right: 0px; 1298 } 1299 } 1300 @media (max-width: 1299px) { 1301 .koba-nav-list.koba-nav-compact .koba-nav-link { 1302 font-size: 10px; 1303 padding-left: 8px; 1304 padding-right: 8px; 1305 } 1306 .koba-nav-list.koba-nav-very-compact .koba-nav-link { 1307 font-size: 8px; 1308 padding-left: 4px; 1309 padding-right: 4px; 1310 } 1311 } 1312 @media (max-width: 1199px) { 1313 .koba-nav-list.koba-nav-compact .koba-nav-link { 1314 font-size: 9px; 1315 padding-left: 3px; 1316 padding-right: 3px; 1317 } 1318 .koba-nav-list.koba-nav-very-compact .koba-nav-link { 1319 font-size: 8px; 1320 padding-left: 2px; 1321 padding-right: 2px; 1322 } 1323 } 1324 </style> 1325 <meta name="generator" content="Koba Civique By Hob" /> 1326<style id="koba-category-colors"> 1327.color-vie-citoyenne { background-color: #d635b6 !important; } 1328.agenda-color-communaute-de-communes { background-color: #1046ce !important; } 1329.agenda-color-communaut-de-communes { background-color: #1046ce !important; } 1330</style> 1331<style id='koba-options-css'> 1332.koba-newsletter, .koba-option-newsletter, [data-koba-option="newsletter"] { display: none !important; } 1333.koba-rss, .koba-option-rss, [data-koba-option="rss"] { display: none !important; }
1334.koba-video_slider, .koba-option-video_slider, [data-koba-option="video_slider"] { display: none !important; } 1335.koba-payfip, .koba-option-payfip, [data-koba-option="payfip"] { display: none !important; } 1336.koba-fichiers, .koba-option-fichiers, [data-koba-option="fichiers"] { display: none !important; } 1337.koba-municipal, .koba-option-municipal, [data-koba-option="municipal"] { display: none !important; } 1338.koba-app_citoyen, .koba-option-app_citoyen, [data-koba-option="app_citoyen"] { display: none !important; } 1339.koba-alertes, .koba-option-alertes, [data-koba-option="alertes"] { display: none !important; } 1340.koba-franceconnect, .koba-option-franceconnect, [data-koba-option="franceconnect"] { display: none !important; } 1341.koba-voisinvigilant, .koba-option-voisinvigilant, [data-koba-option="voisinvigilant"] { display: none !important; } 1342.koba-actes, .koba-option-actes, [data-koba-option="actes"] { display: none !important; } 1343.koba-affichage_dynamique, .koba-option-affichage_dynamique, [data-koba-option="affichage_dynamique"] { display: none !important; } 1344.koba-rgpd_avance, .koba-option-rgpd_avance, [data-koba-option="rgpd_avance"] { display: none !important; } 1345.koba-multi_langues, .koba-option-multi_langues, [data-koba-option="multi_langues"] { display: none !important; } 1346.koba-carte_dynamique, .koba-option-carte_dynamique, [data-koba-option="carte_dynamique"] { display: none !important; } 1347.koba-reservation_salles, .koba-option-reservation_salles, [data-koba-option="reservation_salles"] { display: none !important; } 1348.koba-locaux_pro, .koba-option-locaux_pro, [data-koba-option="locaux_pro"] { display: none !important; } 1349.koba-statistiques, .koba-option-statistiques, [data-koba-option="statistiques"] { display: none !important; } 1350.koba-courrier, .koba-option-courrier, [data-koba-option="courrier"] { display: none !important; } 1351.koba-panneaupocket_iframe, .koba-option-panneaupocket_iframe, [data-koba-option="panneaupocket_iframe"] { display: none !important; } 1352.koba-panneaupocket_api, .koba-option-panneaupocket_api, [data-koba-option="panneaupocket_api"] { display: none !important; } 1353.koba-espace_collaboratif, .koba-option-espace_collaboratif, [data-koba-option="espace_collaboratif"] { display: none !important; } 1354.koba-actu_association, .koba-option-actu_association, [data-koba-option="actu_association"] { display: none !important; } 1355.koba-billetterie, .koba-option-billetterie, [data-koba-option="billetterie"] { display: none !important; } 1356.koba-accessibilite, .koba-option-accessibilite, [data-koba-option="accessibilite"] { display: none !important; } 1357.koba-espace_citoyen, .koba-option-espace_citoyen, [data-koba-option="espace_citoyen"] { display: none !important; } 1358.koba-visio_conference, .koba-option-visio_conference, [data-koba-option="visio_conference"] { display: none !important; } 1359.koba-apidae, .koba-option-apidae, [data-koba-option="apidae"] { display: none !important; } 1360.koba-prise_rdv, .koba-option-prise_rdv, [data-koba-option="prise_rdv"] { display: none !important; } 1361.koba-marche_public, .koba-option-marche_public, [data-koba-option="marche_public"] { display: none !important; } 1362.koba-portail_famille, .koba-option-portail_famille, [data-koba-option="portail_famille"] { display: none !important; } 1363.koba-webcam, .koba-option-webcam, [data-koba-option="webcam"] { display: none !important; } 1364.koba-reseaux_sociaux, .koba-option-reseaux_sociaux, [data-koba-option="reseaux_sociaux"] { display: none !important; } 1365.koba-archives_opendata, .koba-option-archives_opendata, [data-koba-option="archives_opendata"] { display: none !important; } 1366.koba-encombrants_dechets, .koba-option-encombrants_dechets, [data-koba-option="encombrants_dechets"] { display: none !important; } 1367.koba-zapette, .koba-option-zapette, [data-koba-option="zapette"] { display: none !important; } 1368.koba-flipbook, .koba-option-flipbook, [data-koba-option="flipbook"] { display: none !important; } 1369.koba-extranet_commissions, .koba-option-extranet_commissions, [data-koba-option="extranet_commissions"] { display: none !important; } 1370.koba-sms_alerte, .koba-option-sms_alerte, [data-koba-option="sms_alerte"] { display: none !important; } 1371.koba-recherche_avancee, .koba-option-recherche_avancee, [data-koba-option="recherche_avancee"] { display: none !important; } 1372</style> 1373</head> 1374 1375<body class="wp-singular page-template-default page page-id-761 wp-theme-hob-koba-civique site-id-52 koba-has-campaign koba-has-chat koba-has-survey"> 1376 <style> 1377 #koba-upsell-banner { 1378 display: none; /* révélé par JS uniquement en mode PWA standalone */ 1379 align-items: flex-start; 1380 gap: 10px; 1381 background: #127ec2; 1382 color: #fff; 1383 padding: calc(10px + env(safe-area-inset-top)) 14px 10px; 1384 font-family: inherit; 1385 font-size: .82rem; 1386 line-height: 1.4; 1387 } 1388 #koba-upsell-banner.koba-upsell-visible { display: flex; 1389 z-index: 2147483647; 1390 position: relative; } 1391 #koba-upsell-banner .kub-text { flex: 1; min-width: 0; } 1392 #koba-upsell-banner .kub-close { 1393 background: rgba(255,255,255,.18); 1394 border: none; 1395 color: #fff; 1396 font-size: .95rem; 1397 line-height: 1; 1398 cursor: pointer; 1399 padding: 6px 9px; 1400 border-radius: 6px; 1401 flex-shrink: 0; 1402 } 1403 #koba-upsell-banner .kub-close:hover { background: rgba(255,255,255,.3); } 1404 </style> 1405 1406 <div id="koba-upsell-banner" role="alert">
1407 <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> 1408 <button class="kub-close" id="koba-upsell-close" aria-label="Fermer">✕</button> 1409 </div> 1410 1411
1411<script> 1412 (function() { 1413 var isPwa = window.matchMedia('(display-mode: standalone)').matches 1414 || window.navigator.standalone === true; 1415 if (!isPwa) return; // â retirer cette ligne pour afficher aussi dans le navigateur 1416 1417 var KEY = 'koba_upsell_closed'; 1418 if (localStorage.getItem(KEY) === '1') return; 1419 1420 function show() { 1421 var b = document.getElementById('koba-upsell-banner'); 1422 if (!b) return; 1423 b.classList.add('koba-upsell-visible'); 1424 1425 // Comptage : 1 vue par session (ouverture de l'app) 1426 if (!sessionStorage.getItem('koba_upsell_counted')) { 1427 sessionStorage.setItem('koba_upsell_counted', '1'); 1428 var fd = new FormData(); 1429 fd.append('action', 'koba_upsell_view'); 1430 fetch('https://www.commune-nointel.fr/wp-admin/admin-ajax.php', { 1431 method: 'POST', body: fd, credentials: 'include' 1432 }).catch(function(){}); 1433 } 1434 1435 var c = document.getElementById('koba-upsell-close'); 1436 if (c) c.addEventListener('click', function() { 1437 b.classList.remove('koba-upsell-visible'); 1438 localStorage.setItem(KEY, '1'); 1439 }); 1440 } 1441 if (document.readyState !== 'loading') show(); 1442 else document.addEventListener('DOMContentLoaded', show); 1443 })(); 1444 </script>
1444 1445 1446<a class="skip-link visually-hidden-focusable" href="#main-content">Aller au contenu principal</a> 1447 1448<header class="koba-header" role="banner"> 1449 <!-- Container principal avec position relative --> 1450 <div class="koba-header-wrapper"> 1451 1452 <!-- Logo - couvre les deux barres --> 1453 <a href="https://www.commune-nointel.fr/" class="koba-logo"> 1454 <img src="https://www.commune-nointel.fr/wp-content/uploads/sites/52/2026/08/LOGO-1.jpg" alt="MAIRIE DE NOINTEL - Accueil"> 1455 </a> 1456 1457 <!-- Barre supérieure (orange) --> 1458 <div class="koba-topbar"> 1459 <div class="koba-topbar-inner"> 1460 <!-- Hamburger (mobile uniquement) --> 1461 <button class="koba-hamburger" id="koba-hamburger" aria-label="Menu"> 1462 <span></span> 1463 <span></span> 1464 <span></span> 1465 </button> 1466 1467 <!-- Menu secondaire gauche (desktop) --> 1468 <nav class="koba-topbar-menu"> 1469 <ul class="koba-topbar-list"> 1470 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1471 <a href="https://www.commune-nointel.fr/">ACCUEIL</a> 1472 </li> 1473 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1474 <a href="https://www.commune-nointel.fr/annuaire/">ANNUAIRE</a> 1475 </li> 1476 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1477 <a href="https://www.commune-nointel.fr/contact/">NOUS CONTACTER</a> 1478 </li> 1479 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1480 <a href="https://www.commune-nointel.fr/emploi/">EMPLOI</a> 1481 </li> 1482 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1483 <a href="https://www.commune-nointel.fr/sondages/">SONDAGES</a> 1484 </li> 1485 </ul> 1486 </nav> 1487 1488 <!-- Lien droite (desktop) --> 1489 1490 1491 </div> 1492 </div> 1493 1494 <!-- Barre principale (bleu) --> 1495 <div class="koba-navbar"> 1496 <div class="koba-navbar-inner"> 1497 1498 <!-- Menu principal (desktop) --> 1499 <nav class="koba-main-nav" id="koba-main-nav"> 1500 1501 <ul class="koba-nav-list"> 1502 <li class="koba-nav-item has-megamenu"> 1503 <a href="#" class="koba-nav-link" data-megamenu="1238"> 1504 NOINTEL <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"> 1505 <path d="M6 9l6 6 6-6"/> 1506 </svg> 1507 </a> 1508 1509 <div class="koba-megamenu" id="megamenu-1238"> 1510 <div class="koba-megamenu-inner"> 1511 <div class="koba-megamenu-col1"></div> 1512 1513 <div class="koba-megamenu-col2"> 1514 <span class="koba-megamenu-title">NOINTEL</span> 1515 </div> 1516 1517 <div class="koba-megamenu-col3"> 1518 <ul class="koba-megamenu-list"> 1519 <li class="koba-megamenu-item "> 1520 <a href="https://www.commune-nointel.fr/articles/situation-chiffres-cles/" class="koba-megamenu-link"> 1521 Situation et Chiffres clés </a> 1522 1523 </li> 1524 <li class="koba-megamenu-item has-submenu"> 1525 <a href="#" class="koba-megamenu-link"> 1526 Histoire <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1527 <path d="M9 18l6-6-6-6"/> 1528 </svg> 1529 </a> 1530 1531 <ul class="koba-megamenu-sublist"> 1532 <li class=""> 1533 <a href="https://www.commune-nointel.fr/articles/nointel-a-travers-le-temps/"> 1534 Nointel à travers le temps </a> 1535 </li> 1536 <li class=""> 1537 <a href="https://www.commune-nointel.fr/articles/notre-patrimoine/"> 1538 Notre patrimoine </a> 1539 </li> 1540 </ul> 1541 </li> 1542 </ul> 1543 </div> 1544 1545 <div class="koba-megamenu-col4"></div> 1546 </div> 1547 </div> 1548 </li> 1549 <li class="koba-nav-item has-megamenu"> 1550 <a href="#" class="koba-nav-link" data-megamenu="1243"> 1551 LA MAIRIE <svg class="koba-nav-arrow" width="10" height="10" viewB
1551ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1552 <path d="M6 9l6 6 6-6"/> 1553 </svg> 1554 </a> 1555 1556 <div class="koba-megamenu" id="megamenu-1243"> 1557 <div class="koba-megamenu-inner"> 1558 <div class="koba-megamenu-col1"></div> 1559 1560 <div class="koba-megamenu-col2"> 1561 <span class="koba-megamenu-title">LA MAIRIE</span> 1562 </div> 1563 1564 <div class="koba-megamenu-col3"> 1565 <ul class="koba-megamenu-list"> 1566 <li class="koba-megamenu-item "> 1567 <a href="https://www.commune-nointel.fr/articles/vos-elus/" class="koba-megamenu-link"> 1568 Vos élus </a> 1569 1570 </li> 1571 <li class="koba-megamenu-item "> 1572 <a href="https://www.commune-nointel.fr/articles/le-conseil-municipal/" class="koba-megamenu-link"> 1573 Le conseil municipal </a> 1574 1575 </li> 1576 <li class="koba-megamenu-item "> 1577 <a href="https://www.commune-nointel.fr/articles/les-equipements-municipaux/" class="koba-megamenu-link"> 1578 Les équipements municipaux </a> 1579 1580 </li> 1581 <li class="koba-megamenu-item "> 1582 <a href="https://www.commune-nointel.fr/kiosks" class="koba-megamenu-link"> 1583 Bulletins municipaux </a> 1584 1585 </li> 1586 </ul> 1587 </div> 1588 1589 <div class="koba-megamenu-col4"></div> 1590 </div> 1591 </div> 1592 </li> 1593 <li class="koba-nav-item has-megamenu"> 1594 <a href="#" class="koba-nav-link" data-megamenu="1248"> 1595 VIVRE à NOINTEL <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"> 1596 <path d="M6 9l6 6 6-6"/> 1597 </svg> 1598 </a> 1599 1600 <div class="koba-megamenu" id="megamenu-1248"> 1601 <div class="koba-megamenu-inner"> 1602 <div class="koba-megamenu-col1"></div> 1603 1604 <div class="koba-megamenu-col2">
1605 <span class="koba-megamenu-title">VIVRE à NOINTEL</span> 1606 </div> 1607 1608 <div class="koba-megamenu-col3"> 1609 <ul class="koba-megamenu-list"> 1610 <li class="koba-megamenu-item has-submenu"> 1611 <a href="#" class="koba-megamenu-link"> 1612 Démarches administratives <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1613 <path d="M9 18l6-6-6-6"/> 1614 </svg> 1615 </a> 1616 1617 <ul class="koba-megamenu-sublist"> 1618 <li class="has-sub-submenu"> 1619 <a href="#"> 1620 Etat Civil <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1621 <path d="M9 18l6-6-6-6"/> 1622 </svg> 1623 </a> 1624 <ul class="koba-megamenu-sub-sublist"> 1625 <li> 1626 <a href="https://www.commune-nointel.fr/articles/vous-souhaitez-vous-marier/"> 1627 Mariage </a> 1628 </li> 1629 <li> 1630 <a href="https://www.commune-nointel.fr/articles/vous-souhaitez-vous-pacser/"> 1631 PACS </a> 1632 </li> 1633 <li> 1634 <a href="https://www.commune-nointel.fr/articles/reconnaissance-d-un-enfant-couple-non-marie/"> 1635 Reconnaissance dâun enfant (couple non marié) </a> 1636 </li> 1637 <li> 1638 <a href="https://www.commune-nointel.fr/articles/livret-de-famille/"> 1639 Livret de Famille </a> 1640 </li> 1641 </ul> 1642 </li> 1643 <li class="has-sub-submenu"> 1644 <a href="#"> 1645 Elections <svg width="10" height="10" viewB
1645ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1646 <path d="M9 18l6-6-6-6"/> 1647 </svg> 1648 </a> 1649 <ul class="koba-megamenu-sub-sublist"> 1650 <li> 1651 <a href="https://www.commune-nointel.fr/articles/listes-electorales-demenagement-dans-la-commune-ou-hors-commune/"> 1652 Inscription sur les listes électorales </a> 1653 </li> 1654 <li> 1655 <a href="https://www.commune-nointel.fr/articles/listes-electorales-changement-d-adresse/"> 1656 Changement d'adresse </a> 1657 </li> 1658 <li> 1659 <a href="https://www.commune-nointel.fr/articles/interrogez-en-ligne-votre-situation-electorale/"> 1660 Interroger sa situation électorale </a> 1661 </li> 1662 <li> 1663 <a href="https://www.commune-nointel.fr/articles/voter-par-procuration/"> 1664 Voter par procuration </a> 1665 </li> 1666 </ul> 1667 </li> 1668 <li class="has-sub-submenu"> 1669 <a href="#"> 1670 Affaires Générales <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1671 <path d="M9 18l6-6-6-6"/> 1672 </svg> 1673 </a> 1674 <ul class="koba-megamenu-sub-sublist"> 1675 <li> 1676 <a href="https://www.commune-nointel.fr/articles/carte-nationale-d-identite-passeport/"> 1677 Carte Nationale dâIdentité / Passeport </a> 1678 </li> 1679 <li> 1680 <a href="https://www.commune-nointel.fr/articles/recensement-citoyen-et-militaire/"> 1681 Recensement Citoyen et Militaire </a> 1682 </li> 1683 <li> 1684 <a href="https://www.commune-nointel.fr/articles/certificat-d-heredite/"> 1685 Certificat dâhérédité </a> 1686 </li> 1687 <li> 1688 <a href="https://www.commune-nointel.fr/articles/certificat-d-immatriculation-permis-de-conduire/"> 1689 Certificat dâimmatriculation / Permis de conduire </a> 1690 </li> 1691 </ul> 1692 </li> 1693 <li class="has-sub-submenu"> 1694 <a href="#"> 1695 Cimetière <svg width="10" height="10" viewB
1695ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1696 <path d="M9 18l6-6-6-6"/> 1697 </svg> 1698 </a> 1699 <ul class="koba-megamenu-sub-sublist"> 1700 <li> 1701 <a href="https://www.commune-nointel.fr/articles/tarifs-des-concessions-cimetiere-et-columbarium/"> 1702 Tarifs des concessions cimetière et columbarium </a> 1703 </li> 1704 </ul> 1705 </li> 1706 </ul> 1707 </li> 1708 <li class="koba-megamenu-item has-submenu"> 1709 <a href="#" class="koba-megamenu-link"> 1710 Enfance & éducation <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1711 <path d="M9 18l6-6-6-6"/> 1712 </svg> 1713 </a> 1714 1715 <ul class="koba-megamenu-sublist"> 1716 <li class=""> 1717 <a href="https://www.commune-nointel.fr/articles/ecole/"> 1718 Ãcole Christian Koehler </a> 1719 </li> 1720 <li class=""> 1721 <a href="https://www.commune-nointel.fr/articles/restaurant-scolaire/"> 1722 Restaurant scolaire </a> 1723 </li> 1724 <li class=""> 1725 <a href="https://www.commune-nointel.fr/articles/periscolaire/"> 1726 Périscolaire </a> 1727 </li> 1728 <li class=""> 1729 <a href="https://www.commune-nointel.fr/articles/portail-famille/"> 1730 Portail Famille </a> 1731 </li> 1732 </ul> 1733 </li> 1734 <li class="koba-megamenu-item has-submenu"> 1735 <a href="#" class="koba-megamenu-link"> 1736 Environnement <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1737 <path d="M9 18l6-6-6-6"/> 1738 </svg> 1739 </a> 1740 1741 <ul class="koba-megamenu-sublist"> 1742 <li class=""> 1743 <a href="https://www.commune-nointel.fr/articles/l-intercommunalite/"> 1744 L'intercommunalité </a> 1745 </li> 1746 <li class=""> 1747 <a href="https://www.commune-nointel.fr/articles/le-smdo/"> 1748 Le SMDO </a> 1749 </li> 1750 <li class=""> 1751 <a href="https://www.commune-nointel.fr/articles/dechets/"> 1752 Les déchets </a> 1753 </li> 1754 <li class=""> 1755 <a href="https://www.commune-nointel.fr/articles/voisinage-et-bruits/"> 1756 Voisinage et bruit </a> 1757 </li> 1758 <li class=""> 1759 <a href="https://www.commune-nointel.fr/articles/urbanisme/"> 1760 Urbanisme </a> 1761 </li> 1762 <li class=""> 1763 <a href="https://www.commune-nointel.fr/articles/securite/"> 1764 Sécurité </a> 1765 </li> 1766 <li class=""> 1767 <a href="https://www.commune-nointel.fr/articles/tres-haut-debit/"> 1768 Très Haut Débit </a> 1769 </li> 1770 </ul> 1771 </li> 1772 <li class="koba-megamenu-item has-submenu"> 1773 <a href="#" class="koba-megamenu-link"> 1774 Transports <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1775 <path d="M9 18l6-6-6-6"/> 1776 </svg> 1777 </a> 1778 1779 <ul class="koba-megamenu-sublist"> 1780 <li class=""> 1781 <a href="https://www.commune-nointel.fr/articles/permis-de-conduire/"> 1782 Permis de conduire </a> 1783 </li> 1784 <li class=""> 1785 <a href="https://www.commune-nointel.fr/articles/trains/"> 1786 Trains </a> 1787 </li> 1788 <li class=""> 1789 <a href="https://www.commune-nointel.fr/articles/bus/"> 1790 Cars </a> 1791 </li> 1792 <li class=""> 1793 <a href="https://www.commune-nointel.fr/articles/transport-a-la-demande/"> 1794 Le Bus du Clermontois </a> 1795 </li> 1796 <li class=""> 1797 <a href="https://www.commune-nointel.fr/articles/taxi/"> 1798 Taxis </a> 1799 </li> 1800 </ul> 1801 </li> 1802 </ul> 1803 </div> 1804 1805 <div class="koba-megamenu-col4"></div> 1806 </div> 1807 </div> 1808 </li> 1809 <li class="koba-nav-item has-megamenu"> 1810 <a href="#" class="koba-nav-link" data-megamenu="1286"> 1811 VIE ÃCONOMIQUE & ASSOCIATIVE <svg class="koba-nav-arrow" width="10" height="10" viewB
1811ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1812 <path d="M6 9l6 6 6-6"/> 1813 </svg> 1814 </a> 1815 1816 <div class="koba-megamenu" id="megamenu-1286"> 1817 <div class="koba-megamenu-inner"> 1818 <div class="koba-megamenu-col1"></div> 1819 1820 <div class="koba-megamenu-col2"> 1821 <span class="koba-megamenu-title">VIE ÃCONOMIQUE & ASSOCIATIVE</span> 1822 </div> 1823 1824 <div class="koba-megamenu-col3"> 1825 <ul class="koba-megamenu-list"> 1826 <li class="koba-megamenu-item "> 1827 <a href="https://www.commune-nointel.fr/articles/marches-publics/" class="koba-megamenu-link"> 1828 Marchés publics </a> 1829 1830 </li> 1831 <li class="koba-megamenu-item "> 1832 <a href="https://www.commune-nointel.fr/articles/les-artisans-de-nointel/" class="koba-megamenu-link"> 1833 Les artisans de Nointel </a> 1834 1835 </li> 1836 <li class="koba-megamenu-item "> 1837 <a href="https://www.commune-nointel.fr/articles/les-commercants/" class="koba-megamenu-link"> 1838 Les commerçants </a> 1839 1840 </li> 1841 <li class="koba-megamenu-item "> 1842 <a href="https://www.commune-nointel.fr/articles/les-associations-de-nointel/" class="koba-megamenu-link"> 1843 Les associations de Nointel </a> 1844 1845 </li> 1846 <li class="koba-megamenu-item "> 1847 <a href="https://www.commune-nointel.fr/articles/bibliotheque/" class="koba-megamenu-link"> 1848 La bibliothèque </a> 1849 1850 </li> 1851 </ul> 1852 </div> 1853 1854 <div class="koba-megamenu-col4"></div> 1855 </div> 1856 </div> 1857 </li> 1858 </ul> 1859 </nav> 1860 1861 <!-- Bouton recherche (carré) --> 1862 <button class="koba-search-toggle" id="koba-search-toggle" aria-label="Ouvrir la recherche" aria-expanded="false" aria-controls="koba-search-bar"> 1863 <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"> 1864 <circle cx="11" cy="11" r="8"/> 1865 <path d="M21 21l-4.35-4.35"/> 1866 </svg> 1867 </button> 1868 1869 <!-- Barre de recherche --> 1870<div class="koba-search-bar" id="koba-search-bar"> 1871 <div class="koba-search-bar-inner"> 1872 <form role="search" method="get" action="https://www.commune-nointel.fr/" class="koba-search-form"> 1873 <label for="koba-search-input" class="visually-hidden">Rechercher sur le site</label> 1874 <input type="search" name="s" placeholder="Rechercher" class="koba-search-input" id="koba-search-input" value="" autocomplete="off"> 1875 <button type="submit" class="koba-search-submit" aria-label="Lancer la recherche"> 1876 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1877 <circle cx="11" cy="11" r="8"/> 1878 <path d="M21 21l-4.35-4.35"/> 1879 </svg> 1880 </button> 1881 </form> 1882 <button class="koba-search-close" id="koba-search-close" aria-label="Fermer la recherche"> 1883 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"> 1884 <path d="M18 6L6 18M6 6l12 12"/> 1885 </svg> 1886 </button> 1887 </div> 1888</div> 1889 </div> 1890 </div> 1891 </div> 1892 1893 <!-- Menu mobile --> 1894 <div class="koba-mobile-menu" id="koba-mobile-menu"> 1895 <div class="koba-mobile-menu-inner"> 1896 <!-- Recherche mobile --> 1897 <div class="koba-mobile-search"> 1898 <form role="search" method="get" action="https://www.commune-nointel.fr/" class="koba-mobile-search-form"> 1899 <label for="koba-mobile-search-input" class="visually-hidden">Rechercher sur le site</label> 1900 <input type="search" name="s" id="koba-mobile-search-input" placeholder="Rechercher..." class="koba-mobile-search-input" value=""> 1901 <button type="submit" class="koba-mobile-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 </div> 1909 <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">NOINTEL</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu">
1909<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.commune-nointel.fr/articles/situation-chiffres-cles/" class="koba-mobile-link">Situation et Chiffres clés</a></div></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Histoire</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.commune-nointel.fr/articles/nointel-a-travers-le-temps/" class="koba-mobile-link">Nointel à travers le temps</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/notre-patrimoine/" class="koba-mobile-link">Notre patrimoine</a></div></li></ul></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">LA MAIRIE</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.commune-nointel.fr/articles/vos-elus/" class="koba-mobile-link">Vos élus</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/le-conseil-municipal/" class="koba-mobile-link">Le conseil municipal</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/les-equipements-municipaux/" class="koba-mobile-link">Les équipements municipaux</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/kiosks" class="koba-mobile-link">Bulletins municipaux</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 à NOINTEL</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">Démarches administratives</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="#" class="koba-mobile-link">Etat Civil</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.commune-nointel.fr/articles/vous-souhaitez-vous-marier/" class="koba-mobile-link">Mariage</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/vous-souhaitez-vous-pacser/" class="koba-mobile-link">PACS</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/reconnaissance-d-un-enfant-couple-non-marie/" class="koba-mobile-link">Reconnaissance dâun enfant (couple non marié)</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner">
1909<a href="https://www.commune-nointel.fr/articles/livret-de-famille/" class="koba-mobile-link">Livret de Famille</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Elections</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.commune-nointel.fr/articles/listes-electorales-demenagement-dans-la-commune-ou-hors-commune/" class="koba-mobile-link">Inscription sur les listes électorales</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/listes-electorales-changement-d-adresse/" class="koba-mobile-link">Changement d'adresse</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/interrogez-en-ligne-votre-situation-electorale/" class="koba-mobile-link">Interroger sa situation électorale</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/voter-par-procuration/" class="koba-mobile-link">Voter par procuration</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Affaires Générales</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.commune-nointel.fr/articles/carte-nationale-d-identite-passeport/" class="koba-mobile-link">Carte Nationale dâIdentité / Passeport</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/recensement-citoyen-et-militaire/" class="koba-mobile-link">Recensement Citoyen et Militaire</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/certificat-d-heredite/" class="koba-mobile-link">Certificat dâhérédité</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/certificat-d-immatriculation-permis-de-conduire/" class="koba-mobile-link">Certificat dâimmatriculation / Permis de conduire</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Cimetière</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.commune-nointel.fr/articles/tarifs-des-concessions-cimetiere-et-columbarium/" class="koba-mobile-link">Tarifs des concessions cimetière et columbarium</a></div></li></ul></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Enfance & éducation</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.commune-nointel.fr/articles/ecole/" class="koba-mobile-link">Ãcole Christian Koehler</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/restaurant-scolaire/" class="koba-mobile-link">Restaurant scolaire</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/periscolaire/" class="koba-mobile-link">Périscolaire</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/portail-famille/" class="koba-mobile-link">Portail Famille</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Environnement</a><button class="koba-mobile-toggle" aria-label="Ouvrir sous-menu">
1909<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.commune-nointel.fr/articles/l-intercommunalite/" class="koba-mobile-link">L'intercommunalité</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/le-smdo/" class="koba-mobile-link">Le SMDO</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/dechets/" class="koba-mobile-link">Les déchets</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/voisinage-et-bruits/" class="koba-mobile-link">Voisinage et bruit</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/urbanisme/" class="koba-mobile-link">Urbanisme</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/securite/" class="koba-mobile-link">Sécurité</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/tres-haut-debit/" class="koba-mobile-link">Très Haut Débit</a></div></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">Transports</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.commune-nointel.fr/articles/permis-de-conduire/" class="koba-mobile-link">Permis de conduire</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/trains/" class="koba-mobile-link">Trains</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/bus/" class="koba-mobile-link">Cars</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/transport-a-la-demande/" class="koba-mobile-link">Le Bus du Clermontois</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/taxi/" class="koba-mobile-link">Taxis</a></div></li></ul></li></ul></li><li class="koba-mobile-item has-children"><div class="koba-mobile-item-inner"><a href="#" class="koba-mobile-link">VIE ÃCONOMIQUE & ASSOCIATIVE</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.commune-nointel.fr/articles/marches-publics/" class="koba-mobile-link">Marchés publics</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/les-artisans-de-nointel/" class="koba-mobile-link">Les artisans de Nointel</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/les-commercants/" class="koba-mobile-link">Les commerçants</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/les-associations-de-nointel/" class="koba-mobile-link">Les associations de Nointel</a></div></li><li class="koba-mobile-item"><div class="koba-mobile-item-inner"><a href="https://www.commune-nointel.fr/articles/bibliotheque/" class="koba-mobile-link">La bibliothèque</a></div></li></ul></li></ul></nav> 1910 <nav class="koba-mobile-secondary"> 1911 <ul class="koba-topbar-list"> 1912 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1913 <a href="https://www.commune-nointel.fr/">ACCUEIL</a> 1914 </li> 1915 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1916 <a href="https://www.commune-nointel.fr/annuaire/">ANNUAIRE</a> 1917 </li> 1918 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1919 <a href="https://www.commune-nointel.fr/contact/">NOUS CONTACTER</a> 1920 </li> 1921 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1922 <a href="https://www.commune-nointel.fr/emploi/">EMPLOI</a> 1923 </li> 1924 <li class="menu-item menu-item-type-post_type menu-item-object-page"> 1925 <a href="https://www.commune-nointel.fr/sondages/">SONDAGES</a> 1926 </li> 1927 </ul> 1928 </nav> 1929 </div> 1930 </div><!-- Overlay résultats recherche --> 1931<div class="koba-search-overlay" id="koba-search-overlay"></div> 1932</header> 1933 1934<!-- Spacer pour compenser le header fixe --> 1935<div class="koba-header-spacer"></div> 1936 1937<!-- Overlay --> 1938<div class="koba-overlay" id="koba-overlay"></div> 1939 <div class="modal fade" id="exampleModal" tabindex="-1" aria-hidden="true" aria-labelledby="exampleModalTitle" role="dialog"> 1940 <div class="modal-dialog"> 1941 <div class="modal-content"> 1942 1943 <div class="modal-header"> 1944 <h5 class="modal-title" id="exampleModalTitle">SUIVEZ L'ACTU</h5> 1945 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> 1946 </div> 1947 1948 <div class="modal-body"> 1949 <p>* Champs obligatoires</p> 1950 <style> 1951 .koba-form-inscription { 1952 background: #fff; 1953 padding: 30px; 1954 border-radius: 12px; 1955 box-shadow: 0 4px 20px rgba(0,0,0,0.08); 1956 max-width: 700px; 1957 margin: 0 auto; 1958 } 1959 .koba-form-inscription h3 { 1960 margin: 0 0 25px; 1961 padding-bottom: 15px; 1962 border-bottom: 3px solid var(--koba-primary, #209bbc); 1963 color: #1a1a2e; 1964 font-size: 1.5em; 1965 } 1966 .koba-form-section { 1967 margin-bottom: 25px; 1968 padding-bottom: 20px; 1969 border-bottom: 1px solid #eee; 1970 } 1971 .koba-form-section:last-of-type { 1972 border-bottom: none; 1973 margin-bottom: 15px; 1974 } 1975 .koba-form-section-title { 1976 font-weight: 600; 1977 color: var(--koba-primary, #209bbc); 1978 margin-bottom: 15px; 1979 font-size: 14px; 1980 text-transform: uppercase; 1981 letter-spacing: 0.5px; 1982 } 1983 .koba-form-row { 1984 display: flex; 1985 gap: 15px; 1986 margin-bottom: 15px; 1987 } 1988 .koba-form-field { 1989 flex: 1; 1990 } 1991 .koba-form-field.full { 1992 flex: 0 0 100%; 1993 } 1994 .koba-form-field label { 1995 display: block; 1996 font-weight: 500; 1997 margin-bottom: 6px; 1998 color: #333; 1999 font-size: 14px; 2000 } 2001 .koba-form-field label .req { 2002 color: #d63638; 2003 } 2004 .koba-form-field input, 2005 .koba-form-field select, 2006 .koba-form-field textarea { 2007 width: 100%; 2008 padding: 12px 15px; 2009 border: 1px solid #ddd; 2010 border-radius: 6px; 2011 font-size: 14px; 2012 transition: border-color 0.2s, box-shadow 0.2s; 2013 box-sizing: border-box; 2014 } 2015 .koba-form-field input:focus, 2016 .koba-form-field select:focus, 2017 .koba-form-field textarea:focus { 2018 outline: none; 2019 border-color: var(--koba-primary, #209bbc);
2020 box-shadow: 0 0 0 3px rgba(32, 155, 188, 0.1); 2021 } 2022 .koba-form-field textarea { 2023 min-height: 80px; 2024 resize: vertical; 2025 } 2026 .koba-form-checkbox { 2027 display: flex; 2028 align-items: flex-start; 2029 gap: 10px; 2030 padding: 12px 15px; 2031 background: #f8f9fa; 2032 border-radius: 6px; 2033 margin-bottom: 10px; 2034 cursor: pointer; 2035 transition: background 0.2s; 2036 } 2037 .koba-form-checkbox:hover { 2038 background: #e9ecef; 2039 } 2040 .koba-form-checkbox input[type="checkbox"] { 2041 width: 20px; 2042 height: 20px; 2043 margin-top: 2px; 2044 cursor: pointer; 2045 accent-color: var(--koba-primary, #209bbc); 2046 } 2047 .koba-form-checkbox span { 2048 font-size: 14px; 2049 color: #333; 2050 line-height: 1.5; 2051 } 2052 .koba-form-submit { 2053 text-align: center; 2054 margin-top: 25px; 2055 } 2056 .koba-form-submit button { 2057 background: var(--koba-primary, #209bbc); 2058 color: #fff; 2059 border: none; 2060 padding: 15px 50px; 2061 font-size: 16px; 2062 font-weight: 600; 2063 border-radius: 8px; 2064 cursor: pointer; 2065 transition: all 0.3s; 2066 text-transform: uppercase; 2067 letter-spacing: 0.5px; 2068 } 2069 .koba-form-submit button:hover { 2070 background: var(--koba-secondary, #faaf00); 2071 transform: translateY(-2px); 2072 box-shadow: 0 4px 15px rgba(0,0,0,0.15); 2073 } 2074 .koba-form-submit button:disabled { 2075 background: #ccc; 2076 cursor: not-allowed; 2077 transform: none; 2078 box-shadow: none; 2079 } 2080 .koba-form-message { 2081 padding: 15px 20px; 2082 border-radius: 8px; 2083 margin-bottom: 20px; 2084 display: none; 2085 } 2086 .koba-form-message.success { 2087 background: #d4edda; 2088 color: #155724; 2089 border: 1px solid #c3e6cb; 2090 display: block; 2091 } 2092 .koba-form-message.error { 2093 background: #f8d7da; 2094 color: #721c24; 2095 border: 1px solid #f5c6cb; 2096 display: block; 2097 } 2098 .koba-form-loading { 2099 display: none; 2100 text-align: center; 2101 padding: 40px; 2102 } 2103 .koba-form-loading.active { 2104 display: block; 2105 } 2106 .koba-spinner { 2107 width: 40px; 2108 height: 40px; 2109 border: 4px solid #f3f3f3;
2110 border-top: 4px solid var(--koba-primary, #209bbc); 2111 border-radius: 50%; 2112 animation: koba-spin 1s linear infinite; 2113 margin: 0 auto 15px; 2114 } 2115 @keyframes koba-spin { 2116 0% { transform: rotate(0deg); } 2117 100% { transform: rotate(360deg); } 2118 } 2119 .koba-form-success { 2120 display: none; 2121 text-align: center; 2122 padding: 40px 20px; 2123 } 2124 .koba-form-success.active { 2125 display: block; 2126 } 2127 .koba-form-success .success-icon { 2128 width: 80px; 2129 height: 80px; 2130 background: #d4edda; 2131 border-radius: 50%; 2132 display: flex; 2133 align-items: center; 2134 justify-content: center; 2135 margin: 0 auto 20px; 2136 } 2137 .koba-form-success .success-icon svg { 2138 width: 40px; 2139 height: 40px; 2140 color: #28a745; 2141 } 2142 .koba-form-success h4 { 2143 color: #28a745; 2144 margin: 0 0 10px; 2145 font-size: 1.5em; 2146 } 2147 .koba-form-success p { 2148 color: #666; 2149 margin: 0; 2150 } 2151 .koba-recaptcha-badge { 2152 font-size: 11px; 2153 color: #999; 2154 text-align: center; 2155 margin-top: 15px; 2156 } 2157 .koba-recaptcha-badge a { 2158 color: #999; 2159 } 2160 /* Masquer le badge reCAPTCHA flottant de Google */ 2161 .grecaptcha-badge { 2162 visibility: hidden !important; 2163 } 2164 @media (max-width: 600px) { 2165 .koba-form-inscription { 2166 padding: 20px; 2167 } 2168 .koba-form-row { 2169 flex-direction: column; 2170 gap: 0; 2171 } 2172 .koba-form-field { 2173 margin-bottom: 15px; 2174 } 2175 } 2176 2177 /* RGAA 11.10 / 11.11 - etat d'erreur (visible uniquement si erreur) */ 2178 .koba-form-inscription .koba-field-error { 2179 display: none; 2180 color: #b3261e; 2181 font-size: 13px; 2182 line-height: 1.4; 2183 margin-top: 6px; 2184 } 2185 .koba-form-inscription .koba-field-error.show { 2186 display: block; 2187 } 2188 .koba-form-inscription [aria-invalid="true"] { 2189 border-color: #b3261e !important; 2190 box-shadow: 0 0 0 1px #b3261e; 2191 } 2192 </style>
vendor: 130 bytes, lines 2192-2194
2192 2193 2194 <script type="text/plain" data-hob-service="recaptcha" data-hob-src="https://www.google.com/recaptcha/api.js?render=
21946LfpWE8sAAAAAMNvA5IHMVC9s8ybd0iZdpyOu28l
vendor: 25 bytes, lines 2194-2196
2194"></script> 2195 2196
2196<div class="koba-form-inscription" id="koba-inscription-form"> 2197 <div class="koba-form-message" id="koba-form-message" role="status" aria-live="polite" aria-atomic="true"></div> 2198 2199 <div class="koba-form-loading" id="koba-form-loading"> 2200 <div class="koba-spinner"></div> 2201 <p>Envoi en cours...</p> 2202 </div> 2203 2204 <div class="koba-form-success" id="koba-form-success" role="status" aria-live="polite" tabindex="-1"> 2205 <div class="success-icon"> 2206 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2207 <polyline points="20 6 9 17 4 12"></polyline> 2208 </svg> 2209 </div> 2210 <h4>Inscription réussie !</h4> 2211 <p id="koba-success-text">Merci pour votre inscription.</p> 2212 </div> 2213 2214 <form id="koba-citizen-form" style="display:block;"> 2215 <input type="hidden" id="koba_inscription_nonce" name="koba_inscription_nonce" value="37d8c00c3c" /><input type="hidden" name="_wp_http_referer" value="/emploi/" /> <input type="hidden" name="recaptcha_token" id="recaptcha_token" value=""> 2216 2217 <!-- IDENTITà --> 2218 <div class="koba-form-section"> 2219 <div class="koba-form-section-title">Identité</div> 2220 2221 <div class="koba-form-row"> 2222 <div class="koba-form-field"> 2223 <label for="koba-ins-gender">Civilité</label> 2224 <select id="koba-ins-gender" name="gender"> 2225 <option value="0">Monsieur</option> 2226 <option value="1">Madame</option> 2227 </select> 2228 </div> 2229 <div class="koba-form-field"> 2230 <label for="koba-ins-birthdate">Date de naissance</label> 2231 <input type="date" id="koba-ins-birthdate" name="birthdate"> 2232 </div> 2233 </div> 2234 2235 <div class="koba-form-row"> 2236 <div class="koba-form-field"> 2237 <label for="koba-ins-lastname">Nom</label> 2238 <input type="text" id="koba-ins-lastname" name="lastname" autocomplete="family-name" placeholder="Votre nom"> 2239 </div> 2240 <div class="koba-form-field"> 2241 <label for="koba-ins-firstname">Prénom</label> 2242 <input type="text" id="koba-ins-firstname" name="firstname" autocomplete="given-name" placeholder="Votre prénom"> 2243 </div> 2244 </div> 2245 </div> 2246 2247 <!-- ADRESSE --> 2248 <div class="koba-form-section"> 2249 <div class="koba-form-section-title">Adresse</div> 2250 2251 <div class="koba-form-row"> 2252 <div class="koba-form-field full"> 2253 <label for="koba-ins-address">Adresse</label> 2254 <textarea id="koba-ins-address" name="address" rows="2" autocomplete="street-address" placeholder="Numéro et nom de rue"></textarea> 2255 </div> 2256 </div> 2257 2258 <div class="koba-form-row"> 2259 <div class="koba-form-field"> 2260 <label for="koba-ins-zipcode">Code postal</label> 2261 <input type="text" id="koba-ins-zipcode" name="zipcode" autocomplete="postal-code" placeholder="38000"> 2262 </div> 2263 <div class="koba-form-field"> 2264 <label for="koba-ins-city">Ville</label> 2265 <input type="text" id="koba-ins-city" name="city" autocomplete="address-level2" placeholder="Votre ville"> 2266 </div> 2267 <div class="koba-form-field"> 2268 <label for="koba-ins-country">Pays</label> 2269 <input type="text" id="koba-ins-country" name="country" autocomplete="country-name" placeholder="France" value="France"> 2270 </div> 2271 </div> 2272 </div> 2273 2274 <!-- CONTACT --> 2275 <div class="koba-form-section"> 2276 <div class="koba-form-section-title">Contact</div> 2277 2278 <div class="koba-form-row"> 2279 <div class="koba-form-field"> 2280 <label for="koba-ins-phone">Téléphone</label> 2281 <input type="tel" id="koba-ins-phone" name="phone" autocomplete="tel" placeholder="06 00 00 00 00"> 2282 </div> 2283 <div class="koba-form-field"> 2284 <label for="koba-ins-fax">Fax</label> 2285 <input type="tel" id="koba-ins-fax" name="fax" placeholder="04 00 00 00 00"> 2286 </div> 2287 </div> 2288 2289 <div class="koba-form-row"> 2290 <div class="koba-form-field full"> 2291 <label for="koba-ins-email">Email <span class="req">*</span></label> 2292 <input type="email" id="koba-ins-email" name="email" autocomplete="email" placeholder="[email protected]" required aria-required="true" aria-describedby="koba-ins-email-error">
2293 <span class="koba-field-error" id="koba-ins-email-error"></span> 2294 </div> 2295 </div> 2296 </div> 2297 2298 <!-- PRÃFÃRENCES --> 2299 <div class="koba-form-section"> 2300 <div class="koba-form-section-title">Préférences de communication</div> 2301 2302 <label class="koba-form-checkbox"> 2303 <input type="checkbox" name="sms_newsletter" value="1"> 2304 <span>Je souhaite recevoir des informations par SMS</span> 2305 </label> 2306 2307 <label class="koba-form-checkbox"> 2308 <input type="checkbox" name="email_newsletter" value="1" checked> 2309 <span>Je souhaite recevoir la newsletter par email</span> 2310 </label> 2311 </div> 2312 2313 <div class="koba-form-submit"> 2314 <button type="submit" id="koba-submit-btn">S'inscrire</button> 2315 </div> 2316 2317 <div class="koba-recaptcha-badge"> 2318 Ce site est protégé par reCAPTCHA. 2319 <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialité</a> et 2320 <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a> de Google. 2321 </div> 2322 </form> 2323 </div> 2324 2325
2325<script> 2326 (function() { 2327 var form = document.getElementById('koba-citizen-form'); 2328 var message = document.getElementById('koba-form-message'); 2329 var loading = document.getElementById('koba-form-loading'); 2330 var success = document.getElementById('koba-form-success'); 2331 var submitBtn = document.getElementById('koba-submit-btn'); 2332 var recaptchaActive = true; 2333 var siteKey = '6LfpWE8sAAAAAMNvA5IHMVC9s8ybd0iZdpyOu28l'; 2334 2335 if (!form) return; 2336 2337 // --- RGAA 11.10 / 11.11 : validation accessible --- 2338 function clearInsError(fieldId, errorId) { 2339 var f = document.getElementById(fieldId); 2340 var er = document.getElementById(errorId); 2341 if (er) { er.textContent = ''; er.classList.remove('show'); } 2342 if (f) { f.removeAttribute('aria-invalid'); } 2343 } 2344 ['koba-ins-email','koba-ins-rgpd'].forEach(function(id){ 2345 var el = document.getElementById(id); 2346 if (el) { 2347 el.addEventListener('input', function(){ clearInsError(id, id + '-error'); }); 2348 el.addEventListener('change', function(){ clearInsError(id, id + '-error'); }); 2349 } 2350 }); 2351 2352 form.addEventListener('submit', function(e) { 2353 e.preventDefault(); 2354 2355 // Reset 2356 message.className = 'koba-form-message'; 2357 message.style.display = 'none'; 2358 clearInsError('koba-ins-email', 'koba-ins-email-error'); 2359 clearInsError('koba-ins-rgpd', 'koba-ins-rgpd-error'); 2360 2361 // Validation accessible (messages par champ + suggestions) 2362 var firstInvalid = null; 2363 function fail(focusEl, errorId, msg) { 2364 var er = document.getElementById(errorId); 2365 if (er) { er.textContent = msg; er.classList.add('show'); } 2366 if (focusEl) { focusEl.setAttribute('aria-invalid', 'true'); if (!firstInvalid) firstInvalid = focusEl; } 2367 } 2368 2369 var emailEl = document.getElementById('koba-ins-email'); 2370 if (!emailEl.value.trim()) { 2371 fail(emailEl, 'koba-ins-email-error', 'Veuillez saisir votre adresse e-mail.'); 2372 } else if (!emailEl.checkValidity()) { 2373 fail(emailEl, 'koba-ins-email-error', "L'adresse e-mail n'est pas valide. Exemple attendu : [email protected]"); 2374 } 2375 2376 var rgpdEl = document.getElementById('koba-ins-rgpd'); 2377 if (rgpdEl && rgpdEl.required && !rgpdEl.checked) { 2378 fail(rgpdEl, 'koba-ins-rgpd-error', 'Vous devez accepter de recevoir la newsletter pour valider votre inscription.'); 2379 } 2380 2381 if (firstInvalid) { 2382 message.className = 'koba-form-message error'; 2383 message.textContent = 'Le formulaire contient des erreurs. Veuillez corriger les champs signales.'; 2384 message.style.display = 'block'; 2385 firstInvalid.focus(); 2386 return; 2387 } 2388 2389 // Disable button 2390 submitBtn.disabled = true; 2391 submitBtn.textContent = 'Vérification...'; 2392 2393 // reCAPTCHA v3 2394 if (recaptchaActive && siteKey && typeof grecaptcha !== 'undefined') { 2395 grecaptcha.ready(function() { 2396 grecaptcha.execute(siteKey, {action: 'inscription'}).then(function(token) { 2397 document.getElementById('recaptcha_token').value = token; 2398 submitForm(); 2399 }).catch(function(error) { 2400 console.error('reCAPTCHA error:', error); 2401 submitForm(); // Soumettre quand même si erreur reCAPTCHA 2402 }); 2403 }); 2404 } else { 2405 submitForm(); 2406 } 2407 }); 2408 2409 function submitForm() { 2410 // Show loading 2411 form.style.display = 'none'; 2412 loading.className = 'koba-form-loading active'; 2413 2414 // Prepare data 2415 var formData = new FormData(form); 2416 formData.append('action', 'koba_inscription_submit'); 2417 2418 // Send 2419 fetch('https://www.commune-nointel.fr/wp-admin/admin-ajax.php', { 2420 method: 'POST', 2421 body: formData 2422 }) 2423 .then(function(response) { return response.json(); }) 2424 .then(function(data) { 2425 loading.className = 'koba-form-loading'; 2426 2427 if (data.success) { 2428 success.className = 'koba-form-success active'; 2429 if (data.data && data.data.message) { 2430 document.getElementById('koba-success-text').textContent = data.data.message; 2431 } 2432 try { success.focus(); } catch(e) {} 2433 } else { 2434 form.style.display = 'block'; 2435 submitBtn.disabled = false;
2436 submitBtn.textContent = 'S\'inscrire'; 2437 message.className = 'koba-form-message error'; 2438 message.textContent = data.data || 'Une erreur est survenue.'; 2439 message.style.display = 'block'; 2440 } 2441 }) 2442 .catch(function(error) { 2443 loading.className = 'koba-form-loading'; 2444 form.style.display = 'block'; 2445 submitBtn.disabled = false; 2446 submitBtn.textContent = 'S\'inscrire'; 2447 message.className = 'koba-form-message error'; 2448 message.textContent = 'Erreur de connexion. Veuillez réessayer.'; 2449 message.style.display = 'block'; 2450 }); 2451 } 2452 })(); 2453 </script>
2453 2454 </div> 2455 2456 <div class="modal-footer"> 2457 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> 2458 exit 2459 </button> 2460 </div> 2461 2462 </div> 2463 </div> 2464 </div> 2465 2466<main id="main-content" tabindex="-1"> 2467 2468 2469<section class="content-all"> 2470<div class="container mt-5"> 2471 <div class="row"> 2472 <div class="col-md-12"> 2473 <nav class="breadcrumbs"><a href="https://www.commune-nointel.fr/">Accueil</a> / <span>Offres d’emploi et stages</span></nav> </div> 2474 <div class="col-md-8 order-1 order-md-2 content-all-right"> 2475 <div class="page-title"> 2476 <h1> 2477 <i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i> Offres d’emploi et stages </h1> 2478 </div> 2479 <div id="post-content"> 2480 <style> 2481 .koba-emplois-container { 2482 max-width: 900px; 2483 margin: 0 auto; 2484 } 2485 2486 /* Filtres */ 2487 .koba-emplois-filters { 2488 display: flex; 2489 flex-wrap: wrap; 2490 gap: 10px; 2491 margin-bottom: 30px; 2492 padding: 0; 2493 border-radius: 0; 2494 } 2495 .koba-filter-btn { 2496 display: inline-flex; 2497 align-items: center; 2498 gap: 8px; 2499 padding: 4px 6px; 2500 border: 1px solid var(--koba-secondary); 2501 background: #fff; 2502 font-size: 13px; 2503 font-weight: 600; 2504 color: var(--koba-secondary); 2505 cursor: pointer; 2506 transition: all 0.2s ease; 2507 text-transform: uppercase; 2508 letter-spacing: 0.3px; 2509 } 2510 .koba-filter-btn:hover { 2511 border-color: #999; 2512 transform: translateY(-2px); 2513 } 2514 .koba-filter-btn.active { 2515 } 2516 .koba-filter-btn .count { 2517 display: inline-flex; 2518 align-items: center; 2519 justify-content: center; 2520 min-width: 22px; 2521 height: 22px; 2522 padding: 0 6px; 2523 background: rgba(0,0,0,0.1); 2524 border-radius: 11px; 2525 font-size: 11px; 2526 font-weight: 700; 2527 } 2528 .koba-filter-btn.active .count { 2529 background: rgba(255,255,255,0.3); 2530 } 2531 2532 /* Message vide */ 2533 .koba-emplois-empty { 2534 text-align: center; 2535 padding: 60px 20px; 2536 background: #f8f9fa; 2537 border-radius: 12px; 2538 } 2539 .koba-empty-icon { 2540 font-size: 48px; 2541 margin-bottom: 15px; 2542 } 2543 .koba-emplois-empty h3 { 2544 margin: 0 0 10px; 2545 color: #333; 2546 } 2547 .koba-emplois-empty p { 2548 color: #666; 2549 margin: 0; 2550 } 2551 .koba-no-results { 2552 text-align: center; 2553 padding: 40px 20px; 2554 color: #666; 2555 display: none; 2556 } 2557 2558 /* Carte offre */ 2559 .koba-emploi-item { 2560 background: #fff; 2561 border: 1px solid #e0e0e0; 2562 border-radius: 0; 2563 padding: 25px; 2564 margin-bottom: 15px; 2565 transition: all 0.3s ease; 2566 } 2567 .koba-emploi-item:hover { 2568 box-shadow: 0 5px 20px rgba(0,0,0,0.08); 2569 border-color: #ccc; 2570 } 2571 .koba-emploi-item:last-child { 2572 margin-bottom: 0; 2573 } 2574 .koba-emploi-item.hidden { 2575 display: none; 2576 } 2577 .koba-emploi-header { 2578 display: flex; 2579 justify-content: space-between; 2580 align-items: flex-start; 2581 gap: 15px; 2582 margin-bottom: 12px; 2583 } 2584 .koba-emploi-title { 2585 font-size: 14px; 2586 font-weight: 600; 2587 color: #1a1a2e; 2588 margin: 0; 2589 line-height: 1.4; 2590 flex: 1; 2591 } 2592 .koba-emploi-date { 2593 font-size: 13px; 2594 color: #888; 2595 white-space: nowrap; 2596 } 2597 .koba-emploi-badge-inline { 2598 display: inline-block; 2599 padding: 5px 14px; 2600 border-radius: 15px; 2601 font-size: 11px; 2602 font-weight: 600; 2603 text-transform: uppercase; 2604 letter-spacing: 0.3px; 2605 color: #fff; 2606 margin-bottom: 12px; 2607 } 2608 .koba-emploi-content { 2609 color: #555; 2610 line-height: 1.7; 2611 margin-bottom: 20px; 2612 } 2613 .koba-emploi-content p { 2614 margin: 0 0 10px; 2615 } 2616 .koba-emploi-content p:last-child { 2617 margin-bottom: 0; 2618 } 2619 .koba-emploi-footer { 2620 display: flex; 2621 justify-content: flex-end; 2622 gap: 12px; 2623 padding-top: 15px; 2624 border-top: 1px solid #eee; 2625 flex-wrap: wrap; 2626 } 2627 .koba-emploi-btn { 2628 display: inline-flex; 2629 align-items: center; 2630 gap: 8px; 2631 padding: 4px 14px; 2632 border-radius: 0; 2633 font-size: 13px; 2634 font-weight: 400; 2635 text-decoration: none; 2636 transition: all 0.2s; 2637 border: none; 2638 cursor: pointer; 2639 } 2640 .koba-emploi-btn-pdf { 2641 background: #fff; 2642 color: var(--koba-secondary); 2643 border: 1px solid var(--koba-secondary); 2644 } 2645 .koba-emploi-btn-pdf:hover { 2646 background: #5a6268; 2647 color: #fff; 2648 } 2649 .koba-emploi-btn-postuler { 2650 background: var(--koba-secondary); 2651 color: #fff; 2652 } 2653 .koba-emploi-btn-postuler:hover { 2654 background: var(--koba-secondary, #1a7a94); 2655 color: #fff; 2656 transform: translateY(-2px); 2657 box-shadow: 0 4px 12px rgba(32, 155, 188, 0.3); 2658 } 2659 .koba-emploi-btn svg { 2660 width: 18px; 2661 height: 18px; 2662 } 2663 .modal{ 2664 z-index: 222222; 2665 } 2666 2667 /* Modal customisation */ 2668 #kobaPostulerModal .modal-header { 2669 background: var(--koba-primary, #209bbc); 2670 color: #fff; 2671 border-radius: 0; 2672 } 2673 #kobaPostulerModal .modal-header .btn-close { 2674 filter: brightness(0) invert(1); 2675 } 2676 #kobaPostulerModal .modal-title { 2677 font-weight: 600; 2678 } 2679 #kobaPostulerModal .offre-info { 2680 background: #f8f9fa; 2681 padding: 15px; 2682 border-radius: 8px; 2683 margin-bottom: 20px; 2684 border-left: 4px solid var(--koba-primary, #209bbc); 2685 } 2686 #kobaPostulerModal .offre-info h5 { 2687 margin: 0 0 5px; 2688 color: #333; 2689 } 2690 #kobaPostulerModal .offre-info .badge { 2691 font-size: 11px; 2692 } 2693 #kobaPostulerModal .form-label { 2694 font-weight: 600; 2695 color: #333; 2696 } 2697 #kobaPostulerModal .form-label .required { 2698 color: #dc3545; 2699 } 2700 #kobaPostulerModal .form-text { 2701 font-size: 12px; 2702 } 2703 #kobaPostulerModal .file-input-wrapper { 2704 position: relative; 2705 } 2706 #kobaPostulerModal .file-input-wrapper input[type="file"] { 2707 padding: 10px; 2708 border: 2px dashed #dee2e6; 2709 border-radius: 8px; 2710 background: #f8f9fa; 2711 cursor: pointer; 2712 transition: all 0.2s; 2713 } 2714 #kobaPostulerModal .file-input-wrapper input[type="file"]:hover { 2715 border-color: var(--koba-primary, #209bbc); 2716 background: #e8f4f8; 2717 } 2718 #kobaPostulerModal .btn-submit { 2719 background: var(--koba-primary, #209bbc); 2720 border-color: var(--koba-primary, #209bbc); 2721 padding: 12px 30px; 2722 font-weight: 600; 2723 } 2724 #kobaPostulerModal .btn-submit:hover { 2725 background: var(--koba-secondary, #1a7a94); 2726 border-color: var(--koba-secondary, #1a7a94); 2727 } 2728 #kobaPostulerModal .spinner-border {
2729 width: 20px; 2730 height: 20px; 2731 margin-right: 8px; 2732 } 2733 #kobaPostulerModal .alert { 2734 margin-bottom: 20px; 2735 } 2736 2737 /* Responsive */ 2738 @media (max-width: 768px) { 2739 .koba-emplois-filters { 2740 gap: 8px; 2741 padding: 15px; 2742 } 2743 .koba-filter-btn { 2744 padding: 8px 14px; 2745 font-size: 11px; 2746 } 2747 .koba-emploi-header { 2748 flex-direction: column; 2749 gap: 8px; 2750 } 2751 .koba-emploi-footer { 2752 flex-direction: column; 2753 } 2754 .koba-emploi-btn { 2755 justify-content: center; 2756 width: 100%; 2757 } 2758 } 2759 </style> 2760 2761 <div class="koba-emplois-container"> 2762 <!-- Boutons de filtre --> 2763 <div class="koba-emplois-filters"> 2764 <button type="button" class="koba-filter-btn active" data-filter="all"> 2765 Toutes 2766 </button> 2767 <button type="button" class="koba-filter-btn" data-filter="1" data-color="#e67e22"> 2768 CDD 2769 </button> 2770 <button type="button" class="koba-filter-btn" data-filter="2" data-color="#27ae60"> 2771 CDI 2772 </button> 2773 </div> 2774 2775 2776 <!-- Liste des offres --> 2777 <div class="koba-emplois-list"> 2778 <article class="koba-emploi-item" data-type="2"> 2779 <div class="koba-emploi-header"> 2780 <h3 class="koba-emploi-title">Le Pays du Clermontois recrute un(e) gestionnaire ressources humaines</h3> 2781 <span class="koba-emploi-date">Publie le 21/04/2021</span> 2782 </div> 2783 2784 <span class="koba-emploi-badge-inline" style="background-color: #27ae60;"> 2785 CDI </span> 2786 2787 <div class="koba-emploi-content"> 2788 <p>Poste à pourvoir pour le 1er juin 2021.</p> 2789<p>Cadre d'emplois des rédacteurs territoriaux ou adjoints administratifs territoriaux, titulaire ou contractuel (37h hebdomadaires avec 25 CA - 12 RTT et 2 jours de fractionnement)</p> 2790<p>Candidatures à adresser avant le 20 mai 2021 à :</p> 2791<p>Pays du Clermontois - Direction des Ressources humaines - 9 rue Henri Breuil - 60600 CLERMONT ou [email protected]</p> 2792<p>(merci de ne pas cliquer sur "postuler" qui va renvoyer automatiquement la demande à la Mairie de Nointel)<br></p> </div> 2793 2794 <div class="koba-emploi-footer"> 2795 <a href="https://www.commune-nointel.fr/wp-content/uploads/sites/52/koba-documents/Annonce-offre-emploi-gestionnaire-RH-avril-21.pdf" target="_blank" rel="noopener" class="koba-emploi-btn koba-emploi-btn-pdf"> 2796 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2797 <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/> 2798 <polyline points="7 10 12 15 17 10"/> 2799 <line x1="12" y1="15" x2="12" y2="3"/> 2800 </svg> 2801 Annonce </a> 2802 2803 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" 2804 data-bs-toggle="modal" 2805 data-bs-target="#kobaPostulerModal" 2806 data-emploi-id="63" 2807 data-emploi-title="Le Pays du Clermontois recrute un(e) gestionnaire ressources humaines" 2808 data-emploi-type="CDI" 2809 data-emploi-color="#27ae60"> 2810 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2811 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 2812 <circle cx="8.5" cy="7" r="4"/> 2813 <line x1="20" y1="8" x2="20" y2="14"/> 2814 <line x1="23" y1="11" x2="17" y2="11"/> 2815 </svg> 2816 Postuler 2817 </button> 2818 </div> 2819 </article> 2820 <article class="koba-emploi-item" data-type="2"> 2821 <div class="koba-emploi-header"> 2822 <h3 class="koba-emploi-title">Le Pays du Clermontois recrute un.e. éducateur.rice. de jeunes enfants</h3>
2823 <span class="koba-emploi-date">Publie le 11/03/2021</span> 2824 </div> 2825 2826 <span class="koba-emploi-badge-inline" style="background-color: #27ae60;"> 2827 CDI </span> 2828 2829 <div class="koba-emploi-content"> 2830 <p>Poste à pourvoir pour le 1er juillet 2021.</p> 2831<p>Grade d'éducateur de jeunes enfants catégorie A, titulaire ou contractuel, avec rémunération statutaire (RIFSEEP et prime annuelle).</p> 2832<p>Candidatures à adresser avant le 1er avril 2021 à :</p> 2833<p>Pays du Clermontois - Direction des Ressources humaines - 9 rue Henri Breuil - 60600 CLERMONT ou [email protected]</p> 2834<p><strong>(merci de ne pas cliquer sur "postuler" qui va renvoyer automatiquement la demande à la Mairie de Nointel)</strong></p> </div> 2835 2836 <div class="koba-emploi-footer"> 2837 2838 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" 2839 data-bs-toggle="modal" 2840 data-bs-target="#kobaPostulerModal" 2841 data-emploi-id="66" 2842 data-emploi-title="Le Pays du Clermontois recrute un.e. éducateur.rice. de jeunes enfants" 2843 data-emploi-type="CDI" 2844 data-emploi-color="#27ae60"> 2845 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2846 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 2847 <circle cx="8.5" cy="7" r="4"/> 2848 <line x1="20" y1="8" x2="20" y2="14"/> 2849 <line x1="23" y1="11" x2="17" y2="11"/> 2850 </svg> 2851 Postuler 2852 </button> 2853 </div> 2854 </article> 2855 <article class="koba-emploi-item" data-type="2"> 2856 <div class="koba-emploi-header"> 2857 <h3 class="koba-emploi-title">Le Pays du Clermontois recrute un(e) auxiliaire de puériculture</h3> 2858 <span class="koba-emploi-date">Publie le 09/03/2021</span> 2859 </div> 2860 2861 <span class="koba-emploi-badge-inline" style="background-color: #27ae60;"> 2862 CDI </span> 2863 2864 <div class="koba-emploi-content"> 2865 <p>Poste à pourvoir pour le 1er mai 2021.</p> 2866<p>Grade d'auxiliaire de puériculture, titulaire ou contractuel, avec rémunération statutaire</p> 2867<p>Candidatures à adresser avant le 22 mars 2021 à :</p> 2868<p>Pays du Clermontois - Direction des Ressources humaines - 9 rue Henri Breuil - 60600 CLERMONT ou [email protected]</p> 2869<p><strong>(merci de ne pas cliquer sur "postuler" qui va renvoyer automatiquement la demande à la Mairie de Nointel)</strong></p> </div> 2870 2871 <div class="koba-emploi-footer"> 2872 2873 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" 2874 data-bs-toggle="modal" 2875 data-bs-target="#kobaPostulerModal" 2876 data-emploi-id="65" 2877 data-emploi-title="Le Pays du Clermontois recrute un(e) auxiliaire de puériculture" 2878 data-emploi-type="CDI" 2879 data-emploi-color="#27ae60"> 2880 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2881 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 2882 <circle cx="8.5" cy="7" r="4"/> 2883 <line x1="20" y1="8" x2="20" y2="14"/> 2884 <line x1="23" y1="11" x2="17" y2="11"/> 2885 </svg> 2886 Postuler 2887 </button> 2888 </div> 2889 </article> 2890 <article class="koba-emploi-item" data-type="2"> 2891 <div class="koba-emploi-header"> 2892 <h3 class="koba-emploi-title">Le Pays du Clermontois recrute un(e) chargé(e) de mission PCAET/CRTE/SCOT</h3>
2893 <span class="koba-emploi-date">Publie le 19/02/2021</span> 2894 </div> 2895 2896 <span class="koba-emploi-badge-inline" style="background-color: #27ae60;"> 2897 CDI </span> 2898 2899 <div class="koba-emploi-content"> 2900 <p>Poste à pourvoir au plus tôt.</p> 2901<p>Grade d'attaché territorial catégorie A, titulaire ou contractuel (37h hebdomadaires avec 25 CA - 12 RTT et 2 jours de fractionnement)</p> 2902<p>Candidatures à adresser avant le 15 mars 2021 à :</p> 2903<p>Pays du Clermontois - Direction des Ressources humaines - 9 rue Henri Breuil - 60600 CLERMONT ou [email protected]</p> 2904<p><strong>(merci de ne pas cliquer sur "postuler" qui va renvoyer automatiquement la demande à la Mairie de Nointel)</strong></p> </div> 2905 2906 <div class="koba-emploi-footer"> 2907 2908 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" 2909 data-bs-toggle="modal" 2910 data-bs-target="#kobaPostulerModal" 2911 data-emploi-id="62" 2912 data-emploi-title="Le Pays du Clermontois recrute un(e) chargé(e) de mission PCAET/CRTE/SCOT" 2913 data-emploi-type="CDI" 2914 data-emploi-color="#27ae60"> 2915 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2916 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 2917 <circle cx="8.5" cy="7" r="4"/> 2918 <line x1="20" y1="8" x2="20" y2="14"/> 2919 <line x1="23" y1="11" x2="17" y2="11"/> 2920 </svg> 2921 Postuler 2922 </button> 2923 </div> 2924 </article> 2925 <article class="koba-emploi-item" data-type="1"> 2926 <div class="koba-emploi-header"> 2927 <h3 class="koba-emploi-title">Le Pays du Clermontois recrute un(e) gestionnaire redevance spéciale</h3> 2928 <span class="koba-emploi-date">Publie le 19/02/2021</span> 2929 </div> 2930 2931 <span class="koba-emploi-badge-inline" style="background-color: #e67e22;"> 2932 CDD </span> 2933 2934 <div class="koba-emploi-content"> 2935 <p>Poste à pourvoir pour le 1er avril 2021 pour un remplacement de congé maternité, CDD de 5 mois proposé, suivin d'un contrat de 12 mois en compensation d'un congé parental.</p> 2936<p>Grade d'adjoint technique de 2e classe (37h hebdomadaires avec 25 CA - 12 RTT et 2 jours de fractionnement)</p> 2937<p>Candidatures à adresser avant le 15 mars 2021 à :</p> 2938<p>Pays du Clermontois - Direction des Ressources humaines - 9 rue Henri Breuil - 60600 CLERMONT ou [email protected]</p> 2939<p><strong>(merci de ne pas cliquer sur "postuler" qui va renvoyer automatiquement la demande à la Mairie de Nointel)</strong></p> </div> 2940 2941 <div class="koba-emploi-footer"> 2942 2943 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" 2944 data-bs-toggle="modal" 2945 data-bs-target="#kobaPostulerModal" 2946 data-emploi-id="61" 2947 data-emploi-title="Le Pays du Clermontois recrute un(e) gestionnaire redevance spéciale" 2948 data-emploi-type="CDD" 2949 data-emploi-color="#e67e22"> 2950 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2951 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 2952 <circle cx="8.5" cy="7" r="4"/> 2953 <line x1="20" y1="8" x2="20" y2="14"/> 2954 <line x1="23" y1="11" x2="17" y2="11"/> 2955 </svg> 2956 Postuler 2957 </button> 2958 </div> 2959 </article> 2960 </div> 2961 2962 <div class="koba-no-results"> 2963 <p>Aucune offre pour ce type de contrat.</p> 2964 </div> 2965 2966 2967 <!-- Candidature spontanee --> 2968 <div class="koba-candidature-spontanee"> 2969 <h3 style="margin-bottom: 20px;color:var(--koba-secondary);font-weight: 900;text-transform: uppercase;margin-top: 30px;font-size:16px;"><i class="far fa-dot-circle text-warning mr-2"></i> Candidature spontanée</h3> 2970 <div id="koba-spontanee-alert" class="alert d-none" role="alert"></div> 2971 2972 <form id="koba-spontanee-form" enctype="multipart/form-data">
2973 <input type="hidden" name="emploi_id" value="0"> 2974 <input type="hidden" name="action" value="koba_postuler"> 2975 <input type="hidden" name="nonce" value="ae2218c096"> 2976 <input type="hidden" name="candidature_spontanee" value="1"> 2977 <input type="hidden" name="recaptcha_token" id="recaptcha_token_spontanee" value=""> 2978 2979 <div class="row" style="padding: 0;"> 2980 <div class="col-md-6 mb-3"> 2981 <label for="spontanee-nom" class="form-label" style="font-weight:600;">Nom <span style="color:#dc3545;">*</span></label> 2982 <input type="text" class="form-control" id="spontanee-nom" name="nom" required> 2983 </div> 2984 <div class="col-md-6 mb-3"> 2985 <label for="spontanee-prenom" class="form-label" style="font-weight:600;">Prenom <span style="color:#dc3545;">*</span></label> 2986 <input type="text" class="form-control" id="spontanee-prenom" name="prenom" required> 2987 </div> 2988 </div> 2989 2990 <div class="row" style="padding: 0;"> 2991 <div class="col-md-6 mb-3"> 2992 <label for="spontanee-email" class="form-label" style="font-weight:600;">Email <span style="color:#dc3545;">*</span></label> 2993 <input type="email" class="form-control" id="spontanee-email" name="email" required> 2994 <div class="form-text">Vous recevrez une confirmation d'envoi a cette adresse email.</div> 2995 </div> 2996 <div class="col-md-6 mb-3"> 2997 <label for="postuler-telephone" class="form-label" style="font-weight:600;">Telephone</label> 2998 <input type="tel" class="form-control" id="postuler-telephone" name="telephone" placeholder=""> 2999 </div> 3000 </div> 3001 3002 <div class="mb-3"> 3003 <label for="spontanee-cv" class="form-label" style="font-weight:600;">CV <span style="color:#dc3545;">*</span></label> 3004 <div class="file-input-wrapper"> 3005 <input type="file" class="form-control" id="spontanee-cv" name="cv" accept=".pdf" required> 3006 </div> 3007 <div class="form-text">Téléchargez votre CV au format PDF. Taille maximale 5 Mo.</div> 3008 </div> 3009 3010 <div class="mb-3"> 3011 <label for="spontanee-lm" class="form-label" style="font-weight:600;">Lettre de motivation</label> 3012 <div class="file-input-wrapper"> 3013 <input type="file" class="form-control" id="spontanee-lm" name="lm" accept=".pdf"> 3014 </div> 3015 <div class="form-text">Téléchargez votre lettre de motivation au format PDF. Taille maximale 5 Mo.</div> 3016 </div> 3017 3018 <div class="mb-4"> 3019 <label for="spontanee-message" class="form-label" style="font-weight:600;">Message <span style="color:#dc3545;">*</span></label> 3020 <textarea class="form-control" id="spontanee-message" name="message" rows="4" required placeholder="Présentez-vous et expliquez votre motivation..."></textarea> 3021 </div> 3022 3023 3024 <div class="mb-3"> 3025 <small class="text-muted"> 3026 Ce site est protege par reCAPTCHA. 3027 <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialite</a> et 3028 <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a> de Google. 3029 </small> 3030 </div> 3031 3032 <button type="button" class="koba-emploi-btn koba-emploi-btn-postuler" id="koba-submit-spontanee" style="width:100%;justify-content:center;"> 3033 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:18px;height:18px;">
3034 <line x1="22" y1="2" x2="11" y2="13"/> 3035 <polygon points="22 2 15 22 11 13 2 9 22 2"/> 3036 </svg> 3037 Envoyer ma candidature spontanee 3038 </button> 3039 </form> 3040 </div> 3041 </div> 3042 3043 <!-- Modal Bootstrap --> 3044 <div class="modal fade" id="kobaPostulerModal" tabindex="-1" aria-labelledby="kobaPostulerModalLabel" aria-hidden="true"> 3045 <div class="modal-dialog modal-lg"> 3046 <div class="modal-content"> 3047 <div class="modal-header"> 3048 <h5 class="modal-title" id="kobaPostulerModalLabel"> 3049 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:24px;height:24px;margin-right:10px;vertical-align:middle;"> 3050 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 3051 <circle cx="8.5" cy="7" r="4"/> 3052 <line x1="20" y1="8" x2="20" y2="14"/> 3053 <line x1="23" y1="11" x2="17" y2="11"/> 3054 </svg> 3055 Postuler a cette offre 3056 </h5> 3057 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> 3058 </div> 3059 <div class="modal-body"> 3060 <!-- Info offre --> 3061 <div class="offre-info"> 3062 <h5 id="modal-offre-title"></h5> 3063 <span class="badge" id="modal-offre-type"></span> 3064 </div> 3065 3066 <!-- Alertes --> 3067 <div id="koba-form-alert" class="alert d-none" role="alert"></div> 3068 3069 <!-- Formulaire --> 3070 <form id="koba-postuler-form" enctype="multipart/form-data"> 3071 <input type="hidden" name="emploi_id" id="form-emploi-id" value=""> 3072 <input type="hidden" name="action" value="koba_postuler"> 3073 <input type="hidden" name="nonce" value="ae2218c096"> 3074 <input type="hidden" name="recaptcha_token" id="recaptcha_token" value=""> 3075 3076 <div class="row" style="padding: 0;"> 3077 <div class="col-md-6 mb-3"> 3078 <label for="postuler-nom" class="form-label">Nom <span class="required">*</span></label> 3079 <input type="text" class="form-control" id="postuler-nom" name="nom" required> 3080 </div> 3081 <div class="col-md-6 mb-3"> 3082 <label for="postuler-prenom" class="form-label">Prenom <span class="required">*</span></label> 3083 <input type="text" class="form-control" id="postuler-prenom" name="prenom" required> 3084 </div> 3085 </div> 3086 3087 <div class="row" style="padding: 0;"> 3088 <div class="col-md-6 mb-3"> 3089 <label for="postuler-email" class="form-label">Email <span class="required">*</span></label> 3090 <input type="email" class="form-control" id="postuler-email" name="email" required> 3091 <div class="form-text">Vous recevrez une confirmation d'envoi a cette adresse email.</div> 3092 </div> 3093 <div class="col-md-6 mb-3"> 3094 <label for="spontanee-telephone" class="form-label" style="font-weight:600;">Telephone</label> 3095 <input type="tel" class="form-control" id="spontanee-telephone" name="telephone" placeholder=""> 3096 </div> 3097 </div> 3098 3099 <div class="mb-3"> 3100 <label for="postuler-cv" class="form-label">CV <span class="required">*</span></label> 3101 <div class="file-input-wrapper"> 3102 <input type="file" class="form-control" id="postuler-cv" name="cv" accept=".pdf" required> 3103 </div> 3104 <div class="form-text">Téléchargez votre CV au format PDF. Taille maximale 5 Mo.</div> 3105 </div> 3106 3107 <div class="mb-3"> 3108 <label for="postuler-lm" class="form-label">Lettre de motivation</label> 3109 <div class="file-input-wrapper"> 3110 <input type="file" class="form-control" id="postuler-lm" name="lm" accept=".pdf"> 3111 </div> 3112 <div class="form-text">Téléchargez votre lettre de motivation au format PDF. Taille maximale 5 Mo.</div> 3113 </div> 3114 3115 <div class="mb-4"> 3116 <label for="postuler-message" class="form-label">Message <span class="required">*</span></label> 3117 <textarea class="form-control" id="postuler-message" name="message" rows="4" required placeholder="Présentez-vous et expliquez votre motivation..."></textarea> 3118 </div> 3119 3120 <div class="mb-3"> 3121 <small class="text-muted"> 3122 Ce site est protege par reCAPTCHA. 3123 <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialite</a> et 3124 <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a> de Google. 3125 </small> 3126 </div> 3127 </form> 3128 </div> 3129 <div class="modal-footer"> 3130 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button> 3131 <button type="button" class="btn btn-primary btn-submit" id="koba-submit-candidature"> 3132 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:18px;height:18px;margin-right:8px;">
3133 <line x1="22" y1="2" x2="11" y2="13"/> 3134 <polygon points="22 2 15 22 11 13 2 9 22 2"/> 3135 </svg> 3136 Envoyer ma candidature 3137 </button> 3138 </div> 3139 </div> 3140 </div> 3141 </div>
vendor: 130 bytes, lines 3141-3143
3141 3142 3143 <script type="text/plain" data-hob-service="recaptcha" data-hob-src="https://www.google.com/recaptcha/api.js?render=
31436LfpWE8sAAAAAMNvA5IHMVC9s8ybd0iZdpyOu28l
vendor: 25 bytes, lines 3143-3145
3143"></script> 3144 3145
3145<script> 3146 document.addEventListener('DOMContentLoaded', function() { 3147 // Filtres 3148 var filterBtns = document.querySelectorAll('.koba-filter-btn'); 3149 var emploiItems = document.querySelectorAll('.koba-emploi-item'); 3150 var noResults = document.querySelector('.koba-no-results'); 3151 3152 filterBtns.forEach(function(btn) { 3153 btn.addEventListener('click', function() { 3154 var filter = this.getAttribute('data-filter'); 3155 var color = this.getAttribute('data-color'); 3156 3157 filterBtns.forEach(function(b) { 3158 b.classList.remove('active'); 3159 b.style.backgroundColor = ''; 3160 b.style.borderColor = '#e0e0e0'; 3161 b.style.color = '#555'; 3162 }); 3163 3164 this.classList.add('active'); 3165 if (filter === 'all') { 3166 this.style.backgroundColor = '#333'; 3167 this.style.borderColor = '#333'; 3168 } else { 3169 this.style.backgroundColor = color; 3170 this.style.borderColor = color; 3171 } 3172 this.style.color = '#fff'; 3173 3174 var visibleCount = 0; 3175 emploiItems.forEach(function(item) { 3176 if (filter === 'all' || item.getAttribute('data-type') === filter) { 3177 item.classList.remove('hidden'); 3178 visibleCount++; 3179 } else { 3180 item.classList.add('hidden'); 3181 } 3182 }); 3183 3184 if (noResults) { 3185 noResults.style.display = visibleCount === 0 ? 'block' : 'none'; 3186 } 3187 }); 3188 }); 3189 3190 // Modal - remplir les infos de l'offre 3191 var postulerModal = document.getElementById('kobaPostulerModal'); 3192 if (postulerModal) { 3193 postulerModal.addEventListener('show.bs.modal', function(event) { 3194 var button = event.relatedTarget; 3195 var emploiId = button.getAttribute('data-emploi-id'); 3196 var emploiTitle = button.getAttribute('data-emploi-title'); 3197 var emploiType = button.getAttribute('data-emploi-type'); 3198 var emploiColor = button.getAttribute('data-emploi-color'); 3199 3200 document.getElementById('form-emploi-id').value = emploiId; 3201 document.getElementById('modal-offre-title').textContent = emploiTitle; 3202 3203 var typeBadge = document.getElementById('modal-offre-type'); 3204 typeBadge.textContent = emploiType; 3205 typeBadge.style.backgroundColor = emploiColor; 3206 3207 // Reset form 3208 document.getElementById('koba-postuler-form').reset(); 3209 document.getElementById('koba-form-alert').classList.add('d-none'); 3210 }); 3211 } 3212 3213 // Soumission du formulaire 3214 var submitBtn = document.getElementById('koba-submit-candidature'); 3215 if (submitBtn) { 3216 submitBtn.addEventListener('click', function() { 3217 var form = document.getElementById('koba-postuler-form'); 3218 var alertBox = document.getElementById('koba-form-alert'); 3219 3220 // Validation basique 3221 if (!form.checkValidity()) { 3222 form.reportValidity(); 3223 return; 3224 } 3225 3226 // Verifier la taille des fichiers 3227 var cvInput = document.getElementById('postuler-cv'); 3228 var lmInput = document.getElementById('postuler-lm'); 3229 var maxSize = 5 * 1024 * 1024; // 5 Mo 3230 3231 if (cvInput.files[0] && cvInput.files[0].size > maxSize) { 3232 showAlert('Le CV ne doit pas depasser 5 Mo.', 'danger'); 3233 return; 3234 } 3235 if (lmInput.files[0] && lmInput.files[0].size > maxSize) { 3236 showAlert('La lettre de motivation ne doit pas depasser 5 Mo.', 'danger'); 3237 return; 3238 } 3239 3240 // Desactiver le bouton 3241 var originalText = submitBtn.innerHTML; 3242 submitBtn.disabled = true; 3243 submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Envoi en cours...'; 3244 3245 // Fonction d'envoi 3246 function sendForm() { 3247 var formData = new FormData(form); 3248 3249 fetch('https://www.commune-nointel.fr/wp-admin/admin-ajax.php', { 3250 method: 'POST', 3251 body: formData 3252 }) 3253 .then(function(response) { return response.json(); }) 3254 .then(function(data) { 3255 if (data.success) { 3256 showAlert(data.data.message, 'success'); 3257 form.reset(); 3258 setTimeout(function() { 3259 var modal = bootstrap.Modal.getInstance(postulerModal); 3260 modal.hide(); 3261 }, 3000); 3262 } else { 3263 showAlert(data.data.message || 'Une erreur est survenue.', 'danger'); 3264 } 3265 }) 3266 .catch(function(error) { 3267 showAlert('Erreur de connexion. Veuillez réessayer.', 'danger'); 3268 }) 3269 .finally(function() { 3270 submitBtn.disabled = false;
3271 submitBtn.innerHTML = originalText; 3272 }); 3273 } 3274 3275 // reCAPTCHA v3 3276 grecaptcha.ready(function() { 3277 grecaptcha.execute('6LfpWE8sAAAAAMNvA5IHMVC9s8ybd0iZdpyOu28l', {action: 'postuler'}).then(function(token) { 3278 document.getElementById('recaptcha_token').value = token; 3279 sendForm(); 3280 }); 3281 }); 3282 }); 3283 } 3284 3285 function showAlert(message, type) { 3286 var alertBox = document.getElementById('koba-form-alert'); 3287 alertBox.className = 'alert alert-' + type; 3288 alertBox.textContent = message; 3289 alertBox.classList.remove('d-none'); 3290 alertBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); 3291 } 3292 // Candidature spontanee 3293 var submitSpontanee = document.getElementById('koba-submit-spontanee'); 3294 if (submitSpontanee) { 3295 submitSpontanee.addEventListener('click', function() { 3296 var form = document.getElementById('koba-spontanee-form'); 3297 var alertBox = document.getElementById('koba-spontanee-alert'); 3298 3299 if (!form.checkValidity()) { 3300 form.reportValidity(); 3301 return; 3302 } 3303 3304 var cvInput = document.getElementById('spontanee-cv'); 3305 var lmInput = document.getElementById('spontanee-lm'); 3306 var maxSize = 5 * 1024 * 1024; 3307 3308 if (cvInput.files[0] && cvInput.files[0].size > maxSize) { 3309 showSpontaneeAlert('Le CV ne doit pas depasser 5 Mo.', 'danger'); 3310 return; 3311 } 3312 if (lmInput.files[0] && lmInput.files[0].size > maxSize) { 3313 showSpontaneeAlert('La lettre de motivation ne doit pas depasser 5 Mo.', 'danger'); 3314 return; 3315 } 3316 3317 var originalText = submitSpontanee.innerHTML; 3318 submitSpontanee.disabled = true; 3319 submitSpontanee.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Envoi en cours...'; 3320 3321 function sendSpontaneeForm() { 3322 var formData = new FormData(form); 3323 3324 fetch('https://www.commune-nointel.fr/wp-admin/admin-ajax.php', { 3325 method: 'POST', 3326 body: formData 3327 }) 3328 .then(function(response) { return response.json(); }) 3329 .then(function(data) { 3330 if (data.success) { 3331 showSpontaneeAlert(data.data.message, 'success'); 3332 form.reset(); 3333 } else { 3334 showSpontaneeAlert(data.data.message || 'Une erreur est survenue.', 'danger'); 3335 } 3336 }) 3337 .catch(function(error) { 3338 showSpontaneeAlert('Erreur de connexion. Veuillez réessayer.', 'danger'); 3339 }) 3340 .finally(function() { 3341 submitSpontanee.disabled = false; 3342 submitSpontanee.innerHTML = originalText; 3343 }); 3344 } 3345 3346 grecaptcha.ready(function() { 3347 grecaptcha.execute('6LfpWE8sAAAAAMNvA5IHMVC9s8ybd0iZdpyOu28l', {action: 'postuler'}).then(function(token) { 3348 document.getElementById('recaptcha_token_spontanee').value = token; 3349 sendSpontaneeForm(); 3350 }); 3351 }); 3352 }); 3353 } 3354 3355 function showSpontaneeAlert(message, type) { 3356 var alertBox = document.getElementById('koba-spontanee-alert'); 3357 alertBox.className = 'alert alert-' + type; 3358 alertBox.textContent = message; 3359 alertBox.classList.remove('d-none'); 3360 alertBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); 3361 } 3362 }); 3363 </script>
3363 3364 3365 </div> 3366 </div> 3367 <div class="col-md-4 order-2 order-md-1 operating"> 3368 <div class="operating-info"> 3369 <h2><i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i> Accueil</h2> 3370 <p>Nâhésitez pas à nous contacter !</p> 3371 <p>19, Place de la Mairie</p> 3372 <p>60840 NOINTEL</p> 3373 </div> 3374 <div class="operating-status"> 3375 <div class="koba-opening-status koba-style-badge koba-status-closed"><span class="koba-status-text">Actuellement fermé</span><span class="koba-status-icon"><i class="fa-regular fa-circle-xmark" aria-hidden="true"></i></span><span class="koba-status-next">Ouvre lundi à 10:00</span></div> </div> 3376 <div class="operating-times"> 3377 <h2><i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i> Horaires d'ouverture</h2> 3378 <table class="koba-horaires-table"><tbody><tr><td class="koba-jour">Lundi</td><td>10:00 à 12:00</td></tr><tr><td class="koba-jour">Mardi</td><td>16:00 à 18:00</td></tr><tr><td class="koba-jour">Mercredi</td><td class="koba-closed">Fermé</td></tr><tr><td class="koba-jour">Jeudi</td><td>10:00 à 12:00</td></tr><tr><td class="koba-jour">Vendredi</td><td>16:00 à 18:30</td></tr><tr class="koba-today"><td class="koba-jour">Samedi <span class="koba-badge-today">Aujourd'hui</span></td><td class="koba-closed">Fermé</td></tr><tr><td class="koba-jour">Dimanche</td><td class="koba-closed">Fermé</td></tr></tbody></table> </div> 3379 <div class="operating-contact"> 3380 <h2><i class="far fa-dot-circle text-warning mr-2" aria-hidden="true"></i> Contact</h2> 3381 <p><b>Téléphone</b></p> 3382 <p><a href="tel:0344783425">0344783425</a></p> 3383 <p><b>Email</b></p> 3384 <p><a href="mailto:[email protected]">[email protected]</a></p> 3385 </div> 3386 </div> 3387 </div> 3388</div> 3389 3390 </section> 3391 3392 3393</main> 3394 3395<footer class="" role="contentinfo"> 3396 <div class="container px-3 pt-3 px-md-5 pt-md-5 pb-5"> 3397 <div class="row mb-3 mb-md-4"> 3398 3399 <!-- LOGO --> 3400 <div class="col-4 col-md-3 mb-3 mb-md-0"> 3401 <a href="https://www.commune-nointel.fr/" class="d-inline-flex align-items-center text-light text-decoration-none"> 3402 <img src="https://www.commune-nointel.fr/wp-content/uploads/sites/52/2026/08/LOGO-1.jpg" alt="MAIRIE DE NOINTEL - Accueil" class="footer-logo"> 3403 </a> 3404 </div> 3405 <div class="col-md-8"> 3406 <div class="koba-social-links"><a href="https://www.facebook.com/mairiedenointeloise" 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></div> </div> 3407 <div class="col-12 col-md-3 mb-3"> 3408 <div class="footer-address"> 3409 <p></p> 3410 <p> 3411 19, Place de la Mairie<br> 3412 60840 NOINTEL<br> 3413 Tél : <a href="tel:0344783425">0344783425</a> </p> 3414 </div> 3415 </div> 3416 3417 <div class="col-12 col-md-9"> 3418 <ul id="menu-menu-principal-1" class="footer-menu"><li><a href="#">NOINTEL</a> 3419<ul> 3420<li><a href="https://www.commune-nointel.fr/articles/situation-chiffres-cles/">Situation et Chiffres clés</a></li> 3421<li><a href="#">Histoire</a> 3422<ul> 3423<li><a href="https://www.commune-nointel.fr/articles/nointel-a-travers-le-temps/">Nointel à travers le temps</a></li> 3424<li><a href="https://www.commune-nointel.fr/articles/notre-patrimoine/">Notre patrimoine</a></li> 3425</ul> 3426</li> 3427</ul> 3428</li> 3429<li><a href="#">LA MAIRIE</a> 3430<ul> 3431<li><a href="https://www.commune-nointel.fr/articles/vos-elus/">Vos élus</a></li> 3432<li><a href="https://www.commune-nointel.fr/articles/le-conseil-municipal/">Le conseil municipal</a></li> 3433<li><a href="https://www.commune-nointel.fr/articles/les-equipements-municipaux/">Les équipements municipaux</a></li> 3434<li><a href="https://www.commune-nointel.fr/kiosks">Bulletins municipaux</a></li> 3435</ul> 3436</li> 3437<li><a href="#">VIVRE à NOINTEL</a> 3438<ul> 3439<li><a href="#">Démarches administratives</a> 3440<ul> 3441<li><a href="#">Etat Civil</a></li> 3442<li><a href="#">Elections</a></li> 3443<li><a href="#">Affaires Générales</a></li> 3444<li><a href="#">Cimetière</a></li> 3445</ul> 3446</li> 3447<li><a href="#">Enfance & éducation</a> 3448<ul> 3449<li><a href="https://www.commune-nointel.fr/articles/ecole/">Ãcole Christian Koehler</a></li> 3450<li><a href="https://www.commune-nointel.fr/articles/restaurant-scolaire/">Restaurant scolaire</a></li> 3451<li><a href="https://www.commune-nointel.fr/articles/periscolaire/">Périscolaire</a></li> 3452<li><a href="https://www.commune-nointel.fr/articles/portail-famille/">Portail Famille</a></li> 3453</ul> 3454</li> 3455<li><a href="#">Environnement</a> 3456<ul> 3457<li><a href="https://www.commune-nointel.fr/articles/l-intercommunalite/">L'intercommunalité</a></li> 3458<li><a href="https://www.commune-nointel.fr/articles/le-smdo/">Le SMDO</a></li> 3459<li><a href="https://www.commune-nointel.fr/articles/dechets/">Les déchets</a></li> 3460<li><a href="https://www.commune-nointel.fr/articles/voisinage-et-bruits/">Voisinage et bruit</a></li> 3461<li><a href="https://www.commune-nointel.fr/articles/urbanisme/">Urbanisme</a></li> 3462<li><a href="https://www.commune-nointel.fr/articles/securite/">Sécurité</a></li> 3463<li><a href="https://www.commune-nointel.fr/articles/tres-haut-debit/">Très Haut Débit</a></li> 3464</ul> 3465</li> 3466<li><a href="#">Transports</a> 3467<ul> 3468<li><a href="https://www.commune-nointel.fr/articles/permis-de-conduire/">Permis de conduire</a></li> 3469<li><a href="https://www.commune-nointel.fr/articles/trains/">Trains</a></li> 3470<li><a href="https://www.commune-nointel.fr/articles/bus/">Cars</a></li> 3471<li><a href="https://www.commune-nointel.fr/articles/transport-a-la-demande/">Le Bus du Clermontois</a></li> 3472<li><a href="https://www.commune-nointel.fr/articles/taxi/">Taxis</a></li> 3473</ul> 3474</li> 3475</ul> 3476</li> 3477<li><a href="#">VIE ÃCONOMIQUE & ASSOCIATIVE</a> 3478<ul> 3479<li><a href="https://www.commune-nointel.fr/articles/marches-publics/">Marchés publics</a></li> 3480<li><a href="https://www.commune-nointel.fr/articles/les-artisans-de-nointel/">Les artisans de Nointel</a></li> 3481<li><a href="https://www.commune-nointel.fr/articles/les-commercants/">Les commerçants</a></li> 3482<li><a href="https://www.commune-nointel.fr/articles/les-associations-de-nointel/">Les associations de Nointel</a></li> 3483<li><a href="https://www.commune-nointel.fr/articles/bibliotheque/">La bibliothèque</a></li> 3484</ul> 3485</li> 3486</ul> </div> 3487 </div> 3488 </div> 3489</footer> 3490<div class="footer-bottom"> 3491 <div class="container-fluid"> 3492 <div class="row"> 3493 <div class="col-12 col-md-6 mb-3 mb-md-0 footer-bottom-left"> 3494 <ul class="koba-menu-list"> 3495 <li class=""> 3496 <a href="https://www.commune-nointel.fr/mentions-legales/">Mentions légales</a> 3497 </li> 3498 <li class=""> 3499 <a href="https://www.commune-nointel.fr/accessibilite/">Accessibilité</a> 3500 </li> 3501 <li class=""> 3502 <a href="https://www.commune-nointel.fr/plan-du-site/">Plan du site</a> 3503 </li> 3504 <li class=""> 3505 <a href="https://www.commune-nointel.fr/contact/">NOUS CONTACTER</a> 3506 </li> 3507 <li class="">
3508 <span>© 2026 </span> 3509 </li> 3510 </ul> 3511 </div> 3512 <div class="col-12 col-md-6 mb-3 mb-md-0 justify-content-end footer-bottom-right"> 3513 <div class="text-white" bis_skin_checked="1"> 3514 <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> 3515 </div> 3516 </div> 3517 </div> 3518 </div> 3519</div> 3520
3520<script> 3521 if ('serviceWorker' in navigator) { 3522 navigator.serviceWorker.register('https://www.commune-nointel.fr/koba-sw.js', { scope: '/' }) 3523 .catch(function(err) { console.log('SW error:', err); }); 3524 } 3525 if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true) { 3526 document.cookie = 'koba_pwa=1; path=/; max-age=2592000; SameSite=Lax'; 3527 } 3528 </script>
3528 3529
3529<script type="speculationrules"> 3530{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/sites/52/*","/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"}]} 3531</script>
3531 3532 <style> 3533 #koba-chat-widget { 3534 position: fixed; 3535 bottom: 20px; 3536 right: 20px; left: auto; z-index: 99999; 3537 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 3538 } 3539 #koba-chat-button { 3540 width: 60px; 3541 height: 60px; 3542 border-radius: 50%; 3543 background: #667eea; 3544 border: none; 3545 cursor: pointer; 3546 box-shadow: 0 4px 20px rgba(0,0,0,0.25); 3547 display: flex; 3548 align-items: center; 3549 justify-content: center; 3550 transition: all 0.3s ease; 3551 position: relative; 3552 } 3553 #koba-chat-button:hover { 3554 transform: scale(1.1); 3555 box-shadow: 0 6px 25px rgba(0,0,0,0.3); 3556 } 3557 #koba-chat-button svg { 3558 width: 28px; 3559 height: 28px; 3560 fill: #fff; 3561 } 3562 #koba-chat-button .close-icon { display: none; } 3563 #koba-chat-widget.open #koba-chat-button .chat-icon { display: none; } 3564 #koba-chat-widget.open #koba-chat-button .close-icon { display: block; } 3565 3566 /* Indicateur de statut sur le bouton */ 3567 #koba-chat-button::after { 3568 content: ''; 3569 position: absolute; 3570 top: 5px; 3571 right: 5px; 3572 width: 14px; 3573 height: 14px; 3574 border-radius: 50%; 3575 border: 2px solid #fff; 3576 background: #dc3545; 3577 } 3578 3579 #koba-chat-box { 3580 position: absolute; 3581 bottom: 75px; 3582 right: 0; width: 350px; 3583 height: 450px; 3584 background: #fff; 3585 border-radius: 16px; 3586 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 3587 display: none; 3588 flex-direction: column; 3589 overflow: hidden; 3590 } 3591 #koba-chat-widget.open #koba-chat-box { 3592 display: flex; 3593 } 3594 3595 .koba-chat-header { 3596 background: #667eea; 3597 color: #fff; 3598 padding: 18px 20px; 3599 display: flex; 3600 align-items: center; 3601 gap: 12px; 3602 } 3603 .koba-chat-header-avatar { 3604 width: 40px; 3605 height: 40px; 3606 background: rgba(255,255,255,0.2); 3607 border-radius: 50%; 3608 display: flex; 3609 align-items: center; 3610 justify-content: center; 3611 position: relative; 3612 } 3613 .koba-chat-header-avatar svg { width: 22px; height: 22px; fill: #fff; } 3614 .koba-chat-header-avatar::after { 3615 content: ''; 3616 position: absolute; 3617 bottom: 0; 3618 right: 0; 3619 width: 12px; 3620 height: 12px; 3621 border-radius: 50%; 3622 border: 2px solid #667eea; 3623 background: #dc3545; 3624 } 3625 .koba-chat-header-info h4 { margin: 0; font-size: 15px; } 3626 .koba-chat-header-info span { font-size: 12px; opacity: 0.9; } 3627 .koba-chat-header-status { display: flex; align-items: center; gap: 5px; font-size: 11px; margin-top: 2px; } 3628 .koba-chat-header-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff6b6b; } 3629 3630 .koba-chat-messages { 3631 flex: 1; 3632 overflow-y: auto; 3633 padding: 15px; 3634 background: #f8f9fa; 3635 } 3636 .koba-chat-msg { 3637 margin-bottom: 12px; 3638 display: flex; 3639 } 3640 .koba-chat-msg.user { justify-content: flex-end; } 3641 .koba-chat-msg.admin { justify-content: flex-start; } 3642 .koba-chat-msg-bubble { 3643 max-width: 80%; 3644 padding: 10px 14px; 3645 border-radius: 16px; 3646 font-size: 14px; 3647 line-height: 1.4; 3648 } 3649 .koba-chat-msg.user .koba-chat-msg-bubble { 3650 background: #667eea; 3651 color: #fff; 3652 border-bottom-right-radius: 4px; 3653 } 3654 .koba-chat-msg.admin .koba-chat-msg-bubble { 3655 background: #fff; 3656 border: 1px solid #e0e0e0; 3657 border-bottom-left-radius: 4px; 3658 } 3659 .koba-chat-msg-time { 3660 font-size: 10px; 3661 opacity: 0.7; 3662 margin-top: 4px; 3663 } 3664 3665 .koba-chat-welcome { 3666 background: #e8f4fd; 3667 padding: 12px 15px; 3668 border-radius: 12px; 3669 margin-bottom: 15px; 3670 font-size: 13px; 3671 color: #1a5a7a; 3672 border-left: 3px solid #667eea; 3673 } 3674 3675 /* Message hors ligne */ 3676 .koba-chat-offline { 3677 flex: 1; 3678 display: flex; 3679 flex-direction: column; 3680 align-items: center; 3681 justify-content: center; 3682 padding: 30px; 3683 text-align: center; 3684 background: #f8f9fa; 3685 } 3686 .koba-chat-offline-icon { 3687 width: 60px; 3688 height: 60px; 3689 background: #fee2e2; 3690 border-radius: 50%; 3691 display: flex; 3692 align-items: center; 3693 justify-content: center; 3694 margin-bottom: 15px; 3695 } 3696 .koba-chat-offline-icon svg { 3697 width: 30px; 3698 height: 30px; 3699 fill: #dc3545; 3700 } 3701 .koba-chat-offline h4 { 3702 margin: 0 0 10px; 3703 color: #333; 3704 font-size: 16px; 3705 } 3706 .koba-chat-offline p { 3707 margin: 0 0 15px; 3708 color: #666; 3709 font-size: 14px; 3710 line-height: 1.5; 3711 } 3712 .koba-chat-offline-next { 3713 background: #fff; 3714 padding: 12px 20px; 3715 border-radius: 8px; 3716 border: 1px solid #e0e0e0; 3717 font-size: 13px; 3718 } 3719 .koba-chat-offline-next strong { 3720 color: #667eea; 3721 display: block; 3722 margin-top: 5px; 3723 font-size: 15px; 3724 } 3725 3726 .koba-chat-form { 3727 padding: 15px; 3728 border-top: 1px solid #eee; 3729 background: #fff; 3730 } 3731 .koba-chat-form input, .koba-chat-form textarea { 3732 width: 100%; 3733 padding: 10px 12px; 3734 border: 1px solid #ddd; 3735 border-radius: 8px; 3736 font-size: 14px; 3737 margin-bottom: 10px; 3738 font-family: inherit; 3739 } 3740 .koba-chat-form input:focus, .koba-chat-form textarea:focus { 3741 outline: none; 3742 border-color: #667eea; 3743 } 3744 .koba-chat-form button { 3745 width: 100%; 3746 padding: 12px; 3747 background: #667eea; 3748 color: #fff; 3749 border: none; 3750 border-radius: 8px; 3751 font-size: 14px; 3752 font-weight: 600; 3753 cursor: pointer; 3754 transition: all 0.2s; 3755 } 3756 .koba-chat-form button:hover { 3757 opacity: 0.9; 3758 } 3759 3760 .koba-chat-input-area { 3761 display: flex; 3762 gap: 10px; 3763 padding: 15px; 3764 border-top: 1px solid #eee; 3765 background: #fff; 3766 }
3767 .koba-chat-input-area input { 3768 flex: 1; 3769 padding: 12px 15px; 3770 border: 1px solid #ddd; 3771 border-radius: 25px; 3772 font-size: 14px; 3773 } 3774 .koba-chat-input-area input:focus { 3775 outline: none; 3776 border-color: #667eea; 3777 } 3778 .koba-chat-input-area button { 3779 width: 45px; 3780 height: 45px; 3781 border-radius: 50%; 3782 background: #667eea; 3783 border: none; 3784 cursor: pointer; 3785 display: flex; 3786 align-items: center; 3787 justify-content: center; 3788 } 3789 .koba-chat-input-area button svg { 3790 width: 20px; 3791 height: 20px; 3792 fill: #fff; 3793 } 3794 3795 @media (max-width: 480px) { 3796 #koba-chat-box { 3797 width: calc(100vw - 40px); 3798 height: 70vh; 3799 } 3800 } 3801 </style> 3802 3803 <div id="koba-chat-widget"> 3804 <div id="koba-chat-box"> 3805 <div class="koba-chat-header"> 3806 <div class="koba-chat-header-avatar"> 3807 <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> 3808 </div> 3809 <div class="koba-chat-header-info"> 3810 <h4>MAIRIE DE NOINTEL</h4> 3811 <div class="koba-chat-header-status"> 3812 <span class="koba-chat-header-status-dot"></span> 3813 <span>Hors ligne</span> 3814 </div> 3815 </div> 3816 </div> 3817 3818 <!-- Chat fermé --> 3819 <div class="koba-chat-offline"> 3820 <div class="koba-chat-offline-icon"> 3821 <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> 3822 </div> 3823 <h4>Chat indisponible</h4> 3824 <p>Nous ne sommes pas disponibles pour le moment. Laissez-nous un message, nous vous répondrons dès que possible.</p> 3825 <div class="koba-chat-offline-next"> 3826 Prochaine disponibilité : 3827 <strong>Lundi à 10:00</strong> 3828 </div> 3829 </div> 3830 </div> 3831 3832 <button id="koba-chat-button"> 3833 <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> 3834 <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> 3835 </button> 3836 </div> 3837 3838
3838<script> 3839 (function() { 3840 var widget = document.getElementById('koba-chat-widget'); 3841 var button = document.getElementById('koba-chat-button'); 3842 3843 button.addEventListener('click', function() { 3844 widget.classList.toggle('open'); 3845 }); 3846 })(); 3847 </script>
3847 3848
3848<script> 3849 (function() { 3850 var searchInput = document.getElementById('koba-search-input'); 3851 var searchOverlay = document.getElementById('koba-search-overlay'); 3852 var searchClose = document.getElementById('koba-search-close'); 3853 var searchTimeout = null; 3854 var ajaxurl = 'https://www.commune-nointel.fr/wp-admin/admin-ajax.php'; 3855 3856 if (!searchInput || !searchOverlay) return; 3857 3858 // Saisie dans le champ 3859 searchInput.addEventListener('input', function() { 3860 var query = this.value.trim(); 3861 3862 if (searchTimeout) clearTimeout(searchTimeout); 3863 3864 // Masquer si vide 3865 if (query.length < 1) { 3866 searchOverlay.classList.remove('active'); 3867 searchOverlay.innerHTML = ''; 3868 return; 3869 } 3870 3871 // Afficher overlay avec loading 3872 searchOverlay.classList.add('active'); 3873 searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' + 3874 '<div class="koba-search-loading">' + 3875 '<div class="koba-search-spinner"></div>' + 3876 '<p>Recherche...</p></div></div>'; 3877 3878 // Recherche après court délai 3879 searchTimeout = setTimeout(function() { 3880 performSearch(query); 3881 }, 250); 3882 }); 3883 3884 // Fermer l'overlay 3885 if (searchClose) { 3886 searchClose.addEventListener('click', function() { 3887 searchOverlay.classList.remove('active'); 3888 searchOverlay.innerHTML = ''; 3889 }); 3890 } 3891 3892 // Fermer avec Escape 3893 document.addEventListener('keydown', function(e) { 3894 if (e.key === 'Escape') { 3895 searchOverlay.classList.remove('active'); 3896 searchOverlay.innerHTML = ''; 3897 } 3898 }); 3899 3900 // Recherche AJAX 3901 function performSearch(query) { 3902 var formData = new FormData(); 3903 formData.append('action', 'koba_live_search'); 3904 formData.append('search', query); 3905 3906 fetch(ajaxurl, { 3907 method: 'POST', 3908 body: formData 3909 }) 3910 .then(function(r) { return r.json(); }) 3911 .then(function(data) { 3912 if (data.success) { 3913 renderResults(data.data.results, data.data.search); 3914 } 3915 }) 3916 .catch(function() { 3917 searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' + 3918 '<div class="koba-search-no-results"><p>Erreur de connexion</p></div></div>'; 3919 }); 3920 } 3921 3922 // Afficher résultats 3923 function renderResults(results, searchTerm) { 3924 if (!results || results.length === 0) { 3925 searchOverlay.innerHTML = '<div class="koba-search-overlay-inner">' + 3926 '<div class="koba-search-no-results">' + 3927 '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">' + 3928 '<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>' + 3929 '</svg>' + 3930 '<p>Aucun résultat pour "<strong>' + esc(searchTerm) + '</strong>"</p>' + 3931 '</div></div>'; 3932 return; 3933 } 3934 3935 var html = '<div class="koba-search-overlay-inner">'; 3936 3937 results.forEach(function(cat) { 3938 html += '<div class="koba-search-category">'; 3939 html += '<h3 class="koba-search-category-title">' + esc(cat.label) + '</h3>'; 3940 html += '<ul class="koba-search-list">'; 3941 3942 cat.items.forEach(function(item) { 3943 var title = highlight(item.title, searchTerm); 3944 var date = (cat.type === 'evenement') ? '<span class="koba-search-date">- ' + item.date + '</span>' : ''; 3945 html += '<li class="koba-search-item">'; 3946 html += '<a href="' + item.url + '" class="koba-search-link">' + title + date + '</a>'; 3947 html += '</li>'; 3948 }); 3949 3950 html += '</ul></div>'; 3951 }); 3952 3953 html += '</div>'; 3954 searchOverlay.innerHTML = html; 3955 } 3956 3957 function highlight(text, search) { 3958 var regex = new RegExp('(' + search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi'); 3959 return esc(text).replace(regex, '<mark>$1</mark>'); 3960 } 3961 3962 function esc(text) { 3963 var d = document.createElement('div'); 3964 d.textContent = text; 3965 return d.innerHTML; 3966 } 3967 })(); 3968 </script>
3968 3969
3969<script> 3970 document.addEventListener('DOMContentLoaded', function() { 3971 const hamburger = document.getElementById('koba-hamburger'); 3972 const mobileMenu = document.getElementById('koba-mobile-menu'); 3973 const searchToggle = document.getElementById('koba-search-toggle'); 3974 const searchBar = document.getElementById('koba-search-bar'); 3975 const searchClose = document.getElementById('koba-search-close'); 3976 const searchInput = document.getElementById('koba-search-input'); 3977 const overlay = document.getElementById('koba-overlay'); 3978 const navItems = document.querySelectorAll('.koba-nav-item.has-megamenu'); 3979 const mobileToggles = document.querySelectorAll('.koba-mobile-toggle'); 3980 3981 function closeAllMenus() { 3982 navItems.forEach(item => item.classList.remove('active')); 3983 document.querySelectorAll('.koba-megamenu-item.active').forEach(item => { 3984 item.classList.remove('active'); 3985 }); 3986 overlay.classList.remove('active'); 3987 } 3988 3989 if (hamburger) { 3990 hamburger.addEventListener('click', function() { 3991 this.classList.toggle('active'); 3992 mobileMenu.classList.toggle('active'); 3993 document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : ''; 3994 }); 3995 } 3996 3997 if (searchToggle) { 3998 searchToggle.addEventListener('click', function() { 3999 closeAllMenus(); 4000 searchBar.classList.add('active'); 4001 searchToggle.classList.add('hidden'); 4002 setTimeout(() => searchInput.focus(), 400); 4003 }); 4004 } 4005 4006 if (searchClose) { 4007 searchClose.addEventListener('click', function() { 4008 searchBar.classList.remove('active'); 4009 searchToggle.classList.remove('hidden'); 4010 }); 4011 } 4012 4013 navItems.forEach(item => { 4014 const link = item.querySelector('.koba-nav-link'); 4015 4016 link.addEventListener('click', function(e) { 4017 if (window.innerWidth > 992) { 4018 e.preventDefault(); 4019 const isActive = item.classList.contains('active'); 4020 closeAllMenus(); 4021 if (!isActive) { 4022 item.classList.add('active'); 4023 overlay.classList.add('active'); 4024 } 4025 } 4026 }); 4027 }); 4028 4029 document.querySelectorAll('.koba-megamenu-item.has-submenu').forEach(item => { 4030 const link = item.querySelector('.koba-megamenu-link'); 4031 4032 link.addEventListener('click', function(e) { 4033 e.preventDefault(); 4034 const parent = item.closest('.koba-megamenu-col3'); 4035 parent.querySelectorAll('.koba-megamenu-item.active').forEach(other => { 4036 if (other !== item) { 4037 other.classList.remove('active'); 4038 } 4039 }); 4040 item.classList.toggle('active'); 4041 }); 4042 }); 4043 4044 mobileToggles.forEach(toggle => { 4045 toggle.addEventListener('click', function() { 4046 this.classList.toggle('active'); 4047 const submenu = this.closest('.koba-mobile-item').querySelector(':scope > .koba-mobile-submenu'); 4048 if (submenu) { 4049 submenu.classList.toggle('active'); 4050 } 4051 }); 4052 }); 4053 4054 if (overlay) { 4055 overlay.addEventListener('click', function() { 4056 closeAllMenus(); 4057 searchBar.classList.remove('active'); 4058 searchToggle.classList.remove('hidden'); 4059 }); 4060 } 4061 4062 document.addEventListener('click', function(e) { 4063 if (window.innerWidth > 992) { 4064 const isInNav = e.target.closest('.koba-nav-item.has-megamenu'); 4065 const isInMegamenu = e.target.closest('.koba-megamenu'); 4066 4067 if (!isInNav && !isInMegamenu) { 4068 closeAllMenus(); 4069 } 4070 } 4071 }); 4072 4073 document.addEventListener('keydown', function(e) { 4074 if (e.key === 'Escape') { 4075 closeAllMenus(); 4076 searchBar.classList.remove('active'); 4077 searchToggle.classList.remove('hidden'); 4078 mobileMenu.classList.remove('active'); 4079 hamburger.classList.remove('active'); 4080 document.body.style.overflow = ''; 4081 } 4082 }); 4083 4084 window.addEventListener('resize', function() { 4085 if (window.innerWidth > 992) { 4086 mobileMenu.classList.remove('active'); 4087 hamburger.classList.remove('active'); 4088 document.body.style.overflow = ''; 4089 } 4090 }); 4091 }); 4092 </script>
4092 4093 <div id="koba-lightbox" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:999999;cursor:pointer;justify-content:center;align-items:center;"> 4094 <button id="koba-lightbox-close" style="position:absolute;top:20px;right:25px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:2;line-height:1;padding:5px 10px;" aria-label="Fermer">×</button> 4095 <button id="koba-lightbox-prev" style="position:absolute;left:15px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:36px;cursor:pointer;z-index:2;padding:10px 16px;border-radius:50%;line-height:1;display:none;" aria-label="Précédent">‹</button> 4096 <button id="koba-lightbox-next" style="position:absolute;right:15px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:none;color:#fff;font-size:36px;cursor:pointer;z-index:2;padding:10px 16px;border-radius:50%;line-height:1;display:none;" aria-label="Suivant">›</button> 4097 <img id="koba-lightbox-img" src="" alt="" style="max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;cursor:default;"> 4098 </div> 4099
4099<script> 4100 (function(){ 4101 var lightbox = document.getElementById('koba-lightbox'); 4102 var lbImg = document.getElementById('koba-lightbox-img'); 4103 var btnPrev = document.getElementById('koba-lightbox-prev'); 4104 var btnNext = document.getElementById('koba-lightbox-next'); 4105 var images = []; 4106 var currentIndex = 0; 4107 4108 var container = document.getElementById('post-content'); 4109 if (!container) return; 4110 4111 var imgs = container.querySelectorAll('img'); 4112 imgs.forEach(function(img, i) { 4113 var src = img.src; 4114 var parent = img.closest('a'); 4115 4116 // Si l'img est dans un <a> qui ne pointe PAS vers une image â lien externe, on skip 4117 if (parent && !/\.(jpg|jpeg|png|gif|webp|svg)(\?|$)/i.test(parent.href)) { 4118 return; 4119 } 4120 4121 if (parent && /\.(jpg|jpeg|png|gif|webp|svg)(\?|$)/i.test(parent.href)) { 4122 src = parent.href; 4123 } 4124 4125 images.push(src); 4126 4127 img.style.cursor = 'pointer'; 4128 img.addEventListener('click', function(e) { 4129 e.preventDefault(); 4130 e.stopPropagation(); 4131 currentIndex = images.indexOf(src); 4132 openLightbox(src); 4133 }); 4134 4135 if (parent) { 4136 parent.addEventListener('click', function(e) { 4137 if (e.target === img || img.contains(e.target)) { 4138 e.preventDefault(); 4139 } 4140 }); 4141 } 4142}); 4143 4144 if (images.length === 0) return; 4145 4146 function openLightbox(src) { 4147 lbImg.src = src; 4148 lightbox.style.display = 'flex'; 4149 document.body.style.overflow = 'hidden'; 4150 if (images.length > 1) { 4151 btnPrev.style.display = 'block'; 4152 btnNext.style.display = 'block'; 4153 } 4154 } 4155 4156 function closeLightbox() { 4157 lightbox.style.display = 'none'; 4158 lbImg.src = ''; 4159 document.body.style.overflow = ''; 4160 } 4161 4162 function navigate(dir) { 4163 currentIndex = (currentIndex + dir + images.length) % images.length; 4164 lbImg.src = images[currentIndex]; 4165 } 4166 4167 lightbox.addEventListener('click', function(e) { 4168 if (e.target === lightbox) closeLightbox(); 4169 }); 4170 document.getElementById('koba-lightbox-close').addEventListener('click', closeLightbox); 4171 4172 btnPrev.addEventListener('click', function(e) { e.stopPropagation(); navigate(-1); }); 4173 btnNext.addEventListener('click', function(e) { e.stopPropagation(); navigate(1); }); 4174 4175 document.addEventListener('keydown', function(e) { 4176 if (lightbox.style.display !== 'flex') return; 4177 if (e.key === 'Escape') closeLightbox(); 4178 if (e.key === 'ArrowLeft') navigate(-1); 4179 if (e.key === 'ArrowRight') navigate(1); 4180 }); 4181 4182 lbImg.addEventListener('click', function(e) { e.stopPropagation(); }); 4183 })(); 4184 </script>
4184 4185 <div id="hob-rgpd-banner" class="hob-rgpd-banner" role="region" 4186 aria-label="Consentement aux cookies" 4187 style="background-color:#222222;color:#ffffff;bottom:0;"> 4188 <div class="hob-rgpd-message"> 4189 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> 4190 <div class="hob-rgpd-buttons"> 4191 <button type="button" class="hob-btn hob-accept-all" style="background-color:#00aaff;color:#ffffff;"> 4192 Tout accepter </button> 4193 <button type="button" class="hob-btn hob-reject-all" style="background-color:#00aaff;color:#ffffff;"> 4194 Tout refuser </button> 4195 <button type="button" class="hob-btn hob-manage" style="background-color:#00aaff;color:#ffffff;"> 4196 Gérer mes préférences </button> 4197 </div> 4198</div> 4199 4200<div id="hob-rgpd-popup" class="hob-rgpd-popup" role="dialog" aria-modal="true" 4201 aria-labelledby="hob-rgpd-popup-title" 4202 style="--hob-accent:#00aaff;--hob-accent-text:#ffffff;" 4203 hidden> 4204 <div class="hob-rgpd-popup-content"> 4205 <button type="button" class="hob-rgpd-popup-close" aria-label="Fermer">×</button> 4206 <h2 id="hob-rgpd-popup-title">Gérer mes préférences</h2> 4207 4208 <div class="hob-rgpd-tabs" role="tablist"> 4209 <button type="button" class="hob-rgpd-tab is-active" 4210 role="tab" 4211 aria-selected="true" 4212 data-tab="hob-rgpd-panel-1"> 4213 Contenus interactifs </button> 4214 </div> 4215 4216 <div id="hob-rgpd-panel-1" 4217 class="hob-rgpd-panel is-active" 4218 role="tabpanel"> 4219 <div class="hob-rgpd-service"> 4220 <div class="hob-rgpd-service-icon"> 4221 <img src="https://www.commune-nointel.fr/wp-content/plugins/hob-rgpd/assets/img/services/recaptcha.svg" 4222 alt="Google reCAPTCHA" /> 4223 </div> 4224 <div class="hob-rgpd-service-info"> 4225 <div class="hob-rgpd-service-title">Google reCAPTCHA</div> 4226 <div class="hob-rgpd-service-desc">Anti-spam Google reCAPTCHA.</div> 4227 </div> 4228 <div class="hob-rgpd-service-toggle"> 4229 <label class="hob-rgpd-switch"> 4230 <input type="checkbox" class="hob-rgpd-toggle" 4231 data-service-key="recaptcha" /> 4232 <span class="hob-rgpd-slider"></span> 4233 </label> 4234 </div> 4235 </div> 4236 </div> 4237 4238 <div class="hob-rgpd-popup-actions"> 4239 <button type="button" class="hob-btn hob-accept-all" style="background-color:#00aaff;color:#ffffff;"> 4240 Tout accepter </button> 4241 <button type="button" class="hob-btn hob-reject-all" style="background-color:#00aaff;color:#ffffff;"> 4242 Tout refuser </button> 4243 <button type="button" class="hob-btn hob-save" style="background-color:#00aaff;color:#ffffff;"> 4244 Enregistrer mes préférences </button> 4245 </div> 4246 4247 <div class="hob-rgpd-credit"> 4248 © <a href="https://www.hob-france.com/" target="_blank" rel="noopener">HOB France Services</a> 4249 </div> 4250 </div> 4251</div> 4252 4253<button type="button" id="hob-rgpd-settings-icon" class="hob-rgpd-settings-icon" 4254 title="Cookies" 4255 aria-label="Cookies" hidden> 4256 <span class="hob-rgpd-cookie-emoji" aria-hidden="true">ðª</span> 4257 <span class="hob-rgpd-cookie-label">Cookies</span> 4258</button>
4259<script id="moment-js" src="https://www.commune-nointel.fr/wp-includes/js/dist/vendor/moment.min.js?ver=2.30.1"></script>
vendor: 1 bytes, line 4259
4259
4260<script id="moment-js-after"> 4261moment.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}} ); 4262//# sourceURL=moment-js-after 4263</script>
vendor: 1 bytes, line 4263
4263
4264<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 4264
4264
4265<script id="fullcalendar-js" src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>
vendor: 1 bytes, line 4265
4265
4266<script id="fullcalendar-fr-js" src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/locale/fr.js"></script>
vendor: 1 bytes, line 4266
4266
4267<script id="hcb-frontend-js-extra"> 4268var hcb_front = {"ajax_url":"https://www.commune-nointel.fr/wp-admin/admin-ajax.php","nonce":"60543b3cf2","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"}; 4269//# sourceURL=hcb-frontend-js-extra 4270</script>
vendor: 1 bytes, line 4270
4270
4271<script id="hcb-frontend-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-cityhall-booking/assets/js/frontend.js?ver=1.2.0"></script>
vendor: 1 bytes, line 4271
4271
4272<script id="hob-fc-form-js-extra"> 4273var hobFcFormConfig = {"ajax_url":"https://www.commune-nointel.fr/wp-admin/admin-ajax.php"}; 4274var hobFcPublic = {"ajaxurl":"https://www.commune-nointel.fr/wp-admin/admin-ajax.php","nonce":"73849d0d80","page_token":"67b9c5cd07c1ccfaeff43c517497610d17d6aa404d3700ccf086bd147d00a696","page_ts":"497498"}; 4275var 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."}; 4276//# sourceURL=hob-fc-form-js-extra 4277</script>
vendor: 1 bytes, line 4277
4277
4278<script id="hob-fc-form-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/form.js?ver=1.29"></script>
vendor: 1 bytes, line 4278
4278
4279<script id="hob-fc-conditional-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-conditional.js?ver=1.29"></script>
vendor: 1 bytes, line 4279
4279
4280<script id="hob-fc-calculator-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-calculator.js?ver=1.29"></script>
vendor: 1 bytes, line 4280
4280
4281<script id="hob-fc-rgaa-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-rgaa.js?ver=1.29"></script>
vendor: 1 bytes, line 4281
4281
4282<script id="leaflet-js" src="https://unpkg.com/[email protected]/dist/leaflet.js?ver=1.9.4"></script>
vendor: 1 bytes, line 4282
4282
4283<script id="hob-fc-map-picker-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-map-picker.js?ver=1.29"></script>
vendor: 1 bytes, line 4283
4283
4284<script id="hob-fc-address-js-extra"> 4285var 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/"}; 4286//# sourceURL=hob-fc-address-js-extra 4287</script>
vendor: 1 bytes, line 4287
4287
4288<script id="hob-fc-address-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-formchat-pro/assets/js/hob-address.js?ver=1.29"></script>
vendor: 1 bytes, line 4288
4288
4289<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 4289
4289
4290<script id="hobrgpd-front-js-extra"> 4291var hobRgpdConfig = {"cookieName":"hobConsentPrefs","cookieMaxAge":"2592000"}; 4292//# sourceURL=hobrgpd-front-js-extra 4293</script>
vendor: 1 bytes, line 4293
4293
4294<script id="hobrgpd-front-js" src="https://www.commune-nointel.fr/wp-content/plugins/hob-rgpd/assets/js/front.js?ver=1781167964"></script>
vendor: 1 bytes, line 4294
4294
4295<script id="wp-statistics-tracker-js-extra"> 4296var WP_Statistics_Tracker_Object = {"requestUrl":"https://www.commune-nointel.fr/wp-json/wp-statistics/v2","ajaxUrl":"https://www.commune-nointel.fr/wp-admin/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"page","source_id":761,"search_query":"","signature":"c997af02302f8f1334aed38041aebc11","endpoint":"hit"},"option":{"dntEnabled":false,"bypassAdBlockers":false,"consentIntegration":{"name":null,"status":[]},"isPreview":false,"userOnline":false,"isWpConsentApiActive":false},"isLegacyEventLoaded":"","customEventAjaxUrl":"https://www.commune-nointel.fr/wp-admin/admin-ajax.php?action=wp_statistics_custom_event&nonce=65134a752c","onlineParams":{"wp_statistics_hit":1,"source_type":"page","source_id":761,"search_query":"","signature":"c997af02302f8f1334aed38041aebc11","action":"wp_statistics_online_check"},"jsCheckTime":"60000"}; 4297//# sourceURL=wp-statistics-tracker-js-extra 4298</script>
vendor: 1 bytes, line 4298
4298
4299<script id="wp-statistics-tracker-js" src="https://www.commune-nointel.fr/wp-content/plugins/wp-statistics/assets/js/tracker.js?ver=14.16.15"></script>
vendor: 1 bytes, line 4299
4299
4300<script id="wp-emoji-settings" type="application/json"> 4301{"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.commune-nointel.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 4302</script>
vendor: 1 bytes, line 4302
4302
4303<script type="module"> 4304/*! This file is auto-generated */ 4305var 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)))}); 4306//# sourceURL=https://www.commune-nointel.fr/wp-includes/js/wp-emoji-loader.min.js 4307</script>
4307 4308 <style> 4309 #koba-pwa-banner { 4310 display: none; /* affiché par JS uniquement sur mobile */ 4311 position: fixed; 4312 top: 0; left: 0; right: 0; 4313 z-index: 99999; 4314 background: #1e293b; 4315 color: #fff; 4316 padding: 12px 16px; 4317 flex-direction: column; 4318 gap: 10px; 4319 box-shadow: 0 2px 12px rgba(0,0,0,.35); 4320 font-family: inherit; 4321 } 4322 #koba-pwa-banner.koba-pwa-banner-visible { 4323 display: flex; 4324 } 4325 /* Ligne 1 : icône + texte */ 4326 #koba-pwa-banner .kpb-row1 { 4327 display: flex; 4328 align-items: flex-start; 4329 gap: 12px; 4330 } 4331 #koba-pwa-banner .kpb-icon { 4332 font-size: 24px; 4333 flex-shrink: 0; 4334 line-height: 1.2; 4335 } 4336 #koba-pwa-banner .kpb-body { 4337 flex: 1; 4338 min-width: 0; 4339 } 4340 #koba-pwa-banner .kpb-title { 4341 font-weight: 700; 4342 font-size: .9rem; 4343 line-height: 1.3; 4344 } 4345 #koba-pwa-banner .kpb-desc { 4346 font-size: .8rem; 4347 opacity: .8; 4348 line-height: 1.4; 4349 margin-top: 3px; 4350 } 4351 /* Ligne 2 : bouton + fermer */ 4352 #koba-pwa-banner .kpb-row2 { 4353 display: flex; 4354 align-items: center; 4355 gap: 10px; 4356 } 4357 #koba-pwa-banner .kpb-btn { 4358 background: #127ec2; 4359 color: #fff; 4360 border: none; 4361 padding: 8px 16px; 4362 border-radius: 6px; 4363 font-size: .82rem; 4364 font-weight: 600; 4365 cursor: pointer; 4366 white-space: nowrap; 4367 text-decoration: none; 4368 display: inline-block; 4369 } 4370 #koba-pwa-banner .kpb-close { 4371 background: rgba(255,255,255,.12); 4372 border: 1px solid rgba(255,255,255,.2); 4373 color: rgba(255,255,255,.75); 4374 font-size: .82rem; 4375 font-weight: 600; 4376 line-height: 1; 4377 cursor: pointer; 4378 padding: 7px 12px; 4379 border-radius: 6px; 4380 white-space: nowrap; 4381 } 4382 #koba-pwa-banner .kpb-close:hover { 4383 background: rgba(255,255,255,.2); 4384 color: #fff; 4385 } 4386 /* Décaler le contenu sous la bannière quand elle est visible */ 4387 body.koba-pwa-banner-open { 4388 padding-top: 100px; 4389 } 4390 </style> 4391 4392 <div id="koba-pwa-banner" role="banner" aria-label="Installer l'application"> 4393 <div class="kpb-row1"> 4394 <span class="kpb-icon">ð²</span> 4395 <div class="kpb-body"> 4396 <div class="kpb-title">Installez notre application !</div> 4397 <div class="kpb-desc">Accédez rapidement à notre site depuis votre écran d'accueil.</div> 4398 </div> 4399 </div> 4400 <div class="kpb-row2"> 4401 <a href="https://www.commune-nointel.fr/installapp/" class="kpb-btn">Voir comment installer</a> 4402 <button class="kpb-close" id="koba-pwa-close" aria-label="Fermer">â Fermer</button> 4403 </div> 4404 </div>
4405<script> 4406// Capturer beforeinstallprompt le plus tôt possible (avant tout) 4407var _kobaPwaInstallPrompt = null; 4408window.addEventListener('beforeinstallprompt', function(e) { 4409 e.preventDefault(); 4410 _kobaPwaInstallPrompt = e; 4411 // Si la bannière est déjà affichée, transformer le bouton 4412 var btn = document.querySelector('#koba-pwa-banner .kpb-btn'); 4413 if (btn && document.getElementById('koba-pwa-banner').classList.contains('koba-pwa-banner-visible')) { 4414 _kobaActivateInstallBtn(btn); 4415 } 4416}); 4417 4418function _kobaActivateInstallBtn(btn) { 4419 if (!_kobaPwaInstallPrompt) return; 4420 btn.textContent = 'ð² Installer l\'application'; 4421 btn.removeAttribute('href'); 4422 btn.onclick = function(e) { 4423 e.preventDefault(); 4424 if (!_kobaPwaInstallPrompt) return; 4425 _kobaPwaInstallPrompt.prompt(); 4426 _kobaPwaInstallPrompt.userChoice.then(function(result) { 4427 if (result.outcome === 'accepted') { 4428 _kobaHidePwaBanner(); 4429 } 4430 _kobaPwaInstallPrompt = null; 4431 }); 4432 }; 4433} 4434 4435function _kobaHidePwaBanner() { 4436 var banner = document.getElementById('koba-pwa-banner'); 4437 if (!banner) return; 4438 banner.classList.remove('koba-pwa-banner-visible'); 4439 document.body.classList.remove('koba-pwa-banner-open'); 4440 localStorage.setItem('koba_pwa_banner_closed', Date.now().toString()); 4441} 4442 4443(function() { 4444 // Ne jamais afficher en mode PWA standalone 4445 if (window.matchMedia('(display-mode: standalone)').matches 4446 || window.navigator.standalone === true 4447 || sessionStorage.getItem('koba_pwa') === '1') { 4448 return; 4449 } 4450 4451 var STORAGE_KEY = 'koba_pwa_banner_closed'; 4452 var FREQUENCY_MS = 604800000; 4453 4454 function isMobile() { 4455 return (window.innerWidth < 1024) || 4456 /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(navigator.userAgent); 4457 } 4458 4459 if (!isMobile()) return; 4460 4461 var lastClosed = localStorage.getItem(STORAGE_KEY); 4462 if (lastClosed && (Date.now() - parseInt(lastClosed, 10)) < FREQUENCY_MS) return; 4463 4464 var ua = navigator.userAgent; 4465 var isIos = /iPhone|iPad|iPod/i.test(ua); 4466 var isAndroid = /Android/i.test(ua); 4467 // Sur iOS, seul Safari peut installer une PWA. 4468 // Chrome iOS (CriOS), Firefox iOS (FxiOS), Edge iOS (EdgiOS) utilisent WebKit 4469 // mais n'exposent pas la fonctionnalité d'ajout à l'écran d'accueil. 4470 var isIosNonSafari = isIos && /CriOS|FxiOS|EdgiOS|OPiOS|YaBrowser|DuckDuckGo/i.test(ua); 4471 var isIosSafari = isIos && !isIosNonSafari; 4472 4473 function showBanner() { 4474 var banner = document.getElementById('koba-pwa-banner'); 4475 if (!banner) return; 4476 4477 // Cas spécial : iOS hors Safari â bannière informative "ouvrez dans Safari" 4478 if (isIosNonSafari) { 4479 var iconEl = banner.querySelector('.kpb-icon'); 4480 var titleEl = banner.querySelector('.kpb-title'); 4481 var descEl = banner.querySelector('.kpb-desc'); 4482 var btnEl = banner.querySelector('.kpb-btn'); 4483 var row2El = banner.querySelector('.kpb-row2'); 4484 4485 if (iconEl) iconEl.textContent = 'ð§'; 4486 if (titleEl) titleEl.textContent = 'Application disponible dans Safari'; 4487 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.'; 4488 // Le bouton "Voir comment installer" n'a aucun sens ici â on le retire, 4489 // on conserve uniquement le bouton Fermer. 4490 if (btnEl && btnEl.parentNode) { 4491 btnEl.parentNode.removeChild(btnEl); 4492 } 4493 if (row2El) { 4494 row2El.style.justifyContent = 'flex-end'; 4495 } 4496 } else if (_kobaPwaInstallPrompt) { 4497 // Si le prompt natif est déjà disponible (Android/Chrome), transformer le bouton 4498 var btn = banner.querySelector('.kpb-btn'); 4499 if (btn) _kobaActivateInstallBtn(btn); 4500 } 4501 4502 banner.classList.add('koba-pwa-banner-visible'); 4503 document.body.classList.add('koba-pwa-banner-open'); 4504 4505 var closeBtn = document.getElementById('koba-pwa-close'); 4506 if (closeBtn) { 4507 closeBtn.addEventListener('click', _kobaHidePwaBanner); 4508 } 4509 } 4510 4511 if (isIosSafari && !window.navigator.standalone) { 4512 // iOS Safari : afficher immédiatement avec lien vers /installapp/ 4513 document.addEventListener('DOMContentLoaded', showBanner); 4514 } else if (isIosNonSafari) { 4515 // iOS Chrome/Firefox/Edge : afficher la bannière informative "ouvrez dans Safari" 4516 document.addEventListener('DOMContentLoaded', showBanner); 4517 } else if (isAndroid || (!isIos && isMobile())) { 4518 // Android/Chrome : attendre que le prompt soit disponible 4519 document.addEventListener('DOMContentLoaded', function() { 4520 if (_kobaPwaInstallPrompt) { 4521 showBanner(); 4522 } else { 4523 var t = setTimeout(function() { 4524 if (_kobaPwaInstallPrompt) showBanner(); 4525 // sinon : déjà installé ou navigateur non supporté â rien 4526 }, 1000); 4527 } 4528 }); 4529 } 4530})(); 4531</script>
4531 4532 4533 <style> 4534 #koba-desktop-alert { 4535 display: none; /* affiché par JS uniquement sur desktop */ 4536 position: fixed; 4537 top: 50%; 4538 right: 0; 4539 transform: translateY(-50%); 4540 width: 300px; 4541 z-index: 99998; 4542 background: #fff; 4543 color: #333; 4544 border-radius: 0; 4545 box-shadow: 0 6px 30px rgba(0,0,0,.25); 4546 padding: 20px; 4547 box-sizing: border-box; 4548 font-family: inherit; 4549 } 4550 #koba-desktop-alert.kda-visible { 4551 display: block; 4552 animation: kda-slide-in .4s ease; 4553 } 4554 @keyframes kda-slide-in { 4555 from { opacity: 0; transform: translateY(-50%) translateX(30px); } 4556 to { opacity: 1; transform: translateY(-50%) translateX(0); } 4557 } 4558 #koba-desktop-alert .kda-close { 4559 position: absolute; 4560 top: 10px; 4561 right: 10px; 4562 background: none; 4563 border: none; 4564 font-size: 16px; 4565 line-height: 1; 4566 color: #999; 4567 cursor: pointer; 4568 padding: 4px; 4569 } 4570 #koba-desktop-alert .kda-close:hover { color: #333; } 4571 #koba-desktop-alert .kda-icon { 4572 font-size: 28px; 4573 margin-bottom: 8px; 4574 } 4575 #koba-desktop-alert .kda-title { 4576 font-weight: 700; 4577 font-size: 1rem; 4578 margin-bottom: 8px; 4579 color: #1e293b; 4580 } 4581 #koba-desktop-alert .kda-content { 4582 font-size: .85rem; 4583 line-height: 1.55; 4584 color: #555; 4585 margin-bottom: 14px; 4586 } 4587 #koba-desktop-alert .kda-btn { 4588 display: inline-block; 4589 background: #127ec2; 4590 color: #fff; 4591 text-decoration: none; 4592 font-size: .85rem; 4593 font-weight: 600; 4594 padding: 9px 18px; 4595 border-radius: 8px; 4596 transition: opacity .2s; 4597 } 4598 #koba-desktop-alert .kda-btn:hover { 4599 opacity: .85; 4600 color: #fff; 4601 } 4602 </style> 4603 4604 <div id="koba-desktop-alert" role="dialog" aria-label="Application disponible"> 4605 <button class="kda-close" id="koba-desktop-alert-close" aria-label="Fermer">â</button> 4606 <div class="kda-title">ð² Application disponible</div> 4607 <div class="kda-content"> 4608 Allez sur votre smartphone, affichez le site de votre mairie dans le navigateur 4609 de votre choix et vous serez invité à installer l'application sur votre mobile. 4610 Laissez-vous guider, c'est simple ! Si votre mairie a souscrit à l'abonnement, 4611 tout fonctionnera immédiatement. 4612 </div> 4613 <a href="https://www.commune-nointel.fr/installapp/" class="kda-btn">Plus de détails</a> 4614 </div> 4615 4616
4616<script> 4617 (function() { 4618 'use strict'; 4619 4620 var STORAGE_KEY = 'koba_desktop_alert_shown'; 4621 var WEEK_MS = 7 * 86400 * 1000; 4622 4623 // --- Détection desktop Windows / Mac uniquement --- 4624 var ua = navigator.userAgent; 4625 var isMobileUA = /Android|iPhone|iPad|iPod|Mobile|Tablet/i.test(ua); 4626 // iPadOS se fait passer pour un Mac : on l'exclut via le tactile 4627 var isIpadOs = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1); 4628 var isWinMac = /Windows NT|Macintosh/i.test(ua); 4629 4630 if (isMobileUA || isIpadOs || !isWinMac) return; 4631 4632 // --- Mode standalone (PWA installée) : on n'affiche pas --- 4633 if (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) return; 4634 4635 // --- Fréquence : 1 fois par semaine --- 4636 var last = 0; 4637 try { last = parseInt(localStorage.getItem(STORAGE_KEY) || '0', 10); } catch (e) {} 4638 if (last && (Date.now() - last) < WEEK_MS) return; 4639 4640 function showAlert() { 4641 var box = document.getElementById('koba-desktop-alert'); 4642 if (!box) return; 4643 4644 box.classList.add('kda-visible'); 4645 4646 // On marque comme "vue" dès l'affichage â max 1 fois / semaine 4647 try { localStorage.setItem(STORAGE_KEY, Date.now().toString()); } catch (e) {} 4648 4649 var closeBtn = document.getElementById('koba-desktop-alert-close'); 4650 if (closeBtn) { 4651 closeBtn.addEventListener('click', function() { 4652 box.classList.remove('kda-visible'); 4653 }); 4654 } 4655 } 4656 4657 if (document.readyState === 'loading') { 4658 document.addEventListener('DOMContentLoaded', showAlert); 4659 } else { 4660 showAlert(); 4661 } 4662 })(); 4663 </script>
4663 4664 </body> 4665</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.