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