PageSourceSearch

https://coulommes.fr/contact/

html coulommes.fr collected 2026-10-02 22:16:03 UTC 144,042 bytes, 4,115 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR">
3<head>
4	<meta charset="UTF-8">
5	<title>Contact &#8211; Coulommes</title>
6<meta name='robots' content='max-image-preview:large' />
7<meta name="viewport" content="width=device-width, initial-scale=1"><link rel='preconnect' href='//i0.wp.com' />
8<link rel="alternate" type="application/rss+xml" title="Coulommes &raquo; Flux" href="https://coulommes.fr/feed/" />
9<link rel="alternate" type="application/rss+xml" title="Coulommes &raquo; Flux des commentaires" href="https://coulommes.fr/comments/feed/" />
10<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://coulommes.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcoulommes.fr%2Fcontact%2F" />
11<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://coulommes.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcoulommes.fr%2Fcontact%2F&#038;format=xml" />
12<link rel='stylesheet' id='all-css-79e0ac7b261b3f877491f3ffb0ed3866' href='https://coulommes.fr/wp-content/boost-cache/static/36190beaad.min.css' type='text/css' media='all' />
13<style id="generate-style-inline-css">
14body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:#27599d;}.site-info{color:#ffffff;background-color:#143d70;}.site-info a{color:#27599d;}.site-info a:hover{color:#5c7717;}.footer-bar .widget_nav_menu .current-menu-item a{color:#5c7717;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}
14.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
15/*# sourceURL=generate-style-inline-css */
16</style>
17<style id="wp-img-auto-sizes-contain-inline-css">
18img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
19/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
20</style>
21<style id="wp-emoji-styles-inline-css">
22
23	img.wp-smiley, img.emoji {
24		display: inline !important;
25		border: none !important;
26		box-shadow: none !important;
27		height: 1em !important;
28		width: 1em !important;
29		margin: 0 0.07em !important;
30		vertical-align: -0.1em !important;
31		background: none !important;
32		padding: 0 !important;
33	}
34/*# sourceURL=wp-emoji-styles-inline-css */
35</style>
36<style id="wp-block-library-inline-css">
37:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
37--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}}
38
39/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
40</style>
41<style id="wp-block-heading-inline-css">
42h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
43/*# sourceURL=https://coulommes.fr/wp-includes/blocks/heading/style.min.css */
44</style>
45<style id="wp-block-image-inline-css">
46.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;
46cursor: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}}
46@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}}
47/*# sourceURL=https://coulommes.fr/wp-includes/blocks/image/style.min.css */
48</style>
49<style id="wp-block-paragraph-inline-css">
50.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}
51/*# sourceURL=https://coulommes.fr/wp-includes/blocks/paragraph/style.min.css */
52</style>
53<style id="wp-block-group-inline-css">
54.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
55/*# sourceURL=https://coulommes.fr/wp-includes/blocks/group/style.min.css */
56</style>
57<style id="wp-block-spacer-inline-css">
58.wp-block-spacer{clear:both}
59/*# sourceURL=https://coulommes.fr/wp-includes/blocks/spacer/style.min.css */
60</style>
61
62<style id="classic-theme-styles-inline-css">
63/*! This file is auto-generated */
64.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
65/*# sourceURL=/wp-includes/css/classic-themes.min.css */
66</style>
67
68<style id="global-styles-inline-css">
69: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--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--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%);
69--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-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !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-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !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-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !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;}
69.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;}
70/*# sourceURL=global-styles-inline-css */
71</style>
72
73<style id="jetpack-stats-inline-css">
74img#wpstats{display:none}
75/*# sourceURL=jetpack-stats-inline-css */
76</style>
77
78
79<link rel="https://api.w.org/" href="https://coulommes.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://coulommes.fr/wp-json/wp/v2/pages/18" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://coulommes.fr/xmlrpc.php?rsd" />
80<link rel="canonical" href="https://coulommes.fr/contact/" />
81			<style>.cmplz-hidden {
82					display: none !important;
83				}</style>
84				<meta name="description" content="Comment contacter la mairie ? CONTACT La mairie à votre écoute Une question, une démarche ou besoin d’un renseignement ? Contactez le secrétariat de mairie. Coordonnées Téléphone 01 60 25 72 32 Courriel [email protected] Adresse 2 place de l’Église 77580 Coulommes Horaires d’accueil Lundi et mardi15h–17h Jeudi17h–19h Samedi9h–12h Suivez-nous sur : ​📧​ Envoyez-nous un message" />
85<link rel="icon" href="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/cropped-cropped-logo-print-hd-1-2.jpg-150-pixel-1-2.jpg?fit=32%2C32&#038;ssl=1" sizes="32x32" />
86<link rel="icon" href="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/cropped-cropped-logo-print-hd-1-2.jpg-150-pixel-1-2.jpg?fit=192%2C192&#038;ssl=1" sizes="192x192" />
87<link rel="apple-touch-icon" href="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/cropped-cropped-logo-print-hd-1-2.jpg-150-pixel-1-2.jpg?fit=180%2C180&#038;ssl=1" />
88<meta name="msapplication-TileImage" content="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/cropped-cropped-logo-print-hd-1-2.jpg-150-pixel-1-2.jpg?fit=270%2C270&#038;ssl=1" />
89<style id="wp-custom-css">
90/*
91 * COULOMMES — CSS FINAL — VERSION CENTRÉE
92 * 14 août 2026
93 *
94 * Version finale :
95 * - conserve les styles utiles existants ;
96 * - supprime seulement les doublons clairement remplacés ;
97 * - corrige 2 accolades fermantes manquantes ;
98 * - ne contient aucune nouvelle règle de pied de page.
99 */
100
101.home .entry-title {
102    display: none;
103}
104
105.home .wp-block-cover__background {
106    opacity: 0.12 !important;
107}
108.coulommes-hero-title {
109    width: fit-content !important;
110    max-width: 90%;
111    margin-left: auto !important;
112    margin-right: auto !important;
113    padding: 14px 30px !important;
114    color: #5c7717 !important;
115    background-color: rgba(255, 255, 255, 0.86) !important;
116    border-radius: 8px;
117    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
118}
119.home .wp-block-columns .wp-block-button__link {
120    display: flex !important;
121    align-items: center !important;
122    justify-content: center !important;
123    box-sizing: border-box !important;
124    width: 160px !important;
125    min-height: 72px !important;
126    padding: 12px 16px !important;
127    color: #ffffff !important;
128    background-color: #28599a !important;
129    text-align: center !important;
130}
131body:has(.coulommes-home-v2) .entry-title {
132    display: none;
133}
134
135.coulommes-home-v2 {
136    width: 100%;
137}
138
139.c-home-hero {
140    display: grid;
141    grid-template-columns: 38% 62%;
142    align-items: center;
143    gap: 38px;
144    margin: 10px 0 24px;
145}
146
147.c-home-intro h1 {
148    margin: 0 0 28px;
149    color: #5c7717;
150    font-size: clamp(3rem, 5.5vw, 5.2rem);
151    line-height: 0.98;
152    letter-spacing: -0.05em;
153}
154
155.c-home-intro > p {
156    max-width: 430px;
157    color: #4f5d68;
158    font-size: 1.25rem;
159    line-height: 1.5;
160}
161
162.c-home-actions {
163    display: flex;
164    flex-wrap: wrap;
165    gap: 14px;
166    margin-top: 30px;
167}
168
169.c-home-actions a {
170    padding: 15px 28px;
171    border: 2px solid #5c7717;
172    border-radius: 14px;
173    color: #5c7717;
174    font-weight: 800;
175    text-decoration: none;
176}
177
178.c-home-actions a:first-child {
179    border-color: #28599a;
180    color: #fff;
181    background: #28599a;
182}
183
184.c-home-actions a:hover {
185    color: #fff;
186    background: #5c7717;
187}
188
189.c-home-photo {
190    overflow: hidden;
191    margin: 0;
192    border-radius: 72px 0 72px 72px;
193    box-shadow: 0 18px 45px rgba(20, 61, 112, 0.14);
194}
195
196.c-home-photo img {
197    display: block;
198    width: 100%;
199    height: 440px;
200    object-fit: cover;
201    object-position: center;
202}
203
204.c-home-information {
205    display: grid;
206    grid-template-columns: auto 1fr auto;
207    align-items: center;
208    gap: 18px;
209    margin: 22px 0 20px;
210    padding: 18px 24px;
211    border: 1px solid #dfe6eb;
212    border-radius: 16px;
213    color: #4f5d68;
214    background: linear-gradient(90deg, #eef5fb, #f2f6e9);
215    text-decoration: none;
216}
217
218.c-home-information strong,
219.c-home-information b {
220    color: #5c7717;
221}
222
223.c-home-information b {
224    font-size: 1.5rem;
225}
226
227.c-home-quicklinks {
228    display: grid;
229    grid-template-columns: repeat(6, 1fr);
230    gap: 14px;
231}
232
233.c-home-quicklinks a {
234    display: flex;
235    min-height: 138px;
236    flex-direction: column;
237    align-items: center;
238    justify-content: center;
239    gap: 15px;
240    padding: 18px 10px;
241    border: 1px solid #dfe6eb;
242    border-radius: 20px;
243    color: #143d70;
244    background: #fff;
245    box-shadow: 0 10px 28px rgba(20, 61, 112, 0.08);
246    font-weight: 800;
247    text-align: center;
248    text-decoration: none;
249}
250
251.c-home-quicklinks a:nth-child(even) {
252    color: #5c7717;
253}
254
255.c-home-quicklinks i {
256    font-size: 2.4rem;
257    font-style: normal;
258    line-height: 1;
259}
260
261.c-home-quicklinks a:hover {
262    transform: translateY(-3px);
263    border-color: #5c7717;
264}
265
266@media (max-width: 900px) {
267    .c-home-hero {
268        grid-template-columns: 1fr;
269    }
270
271    .c-home-photo {
272        border-radius: 32px;
273    }
274
275    .c-home-quicklinks {
276        grid-template-columns: repeat(3, 1fr);
277    }
278}
279
280@media (max-width: 600px) {
281    .c-home-intro h1 {
282        font-size: 3rem;
283    }
284
285    .c-home-photo img {
286        height: 280px;
287    }
288
289    .c-home-information {
290        grid-template-columns: 1fr auto;
291    }
292
293    .c-home-information span {
294        display: none;
295    }
296
297    .c-home-quicklinks {
298        grid-template-columns: repeat(2, 1fr);
299    }
300}
301/* Alignement Illiwap et météo */
302body:has(.coulommes-home-v2) .wp-block-columns:has(.coulommes-illiwap) {
303    margin-top: 32px !important;
304    gap: 48px !important;
305    align-items: flex-start !important;
306}
307
308/* Présentation de l’encart Illiwap */
309.coulommes-illiwap {
310    max-width: 820px;
311    margin: 0 !important;
312    overflow: hidden;
313    border: 1px solid #d9e2e8;
314    border-radius: 8px;
315    background: #ffffff;
316}
317
318.coulommes-illiwap h2 {
319    margin: 0 !important;
320    padding: 10px 16px;
321    background: #f2f6e9;
322    color: #143d70;
323    font-size: 22px;
324    line-height: 1.3;
325    text-align: center;
326}
327
328.coulommes-illiwap iframe {
329    display: block;
330    width: 100%;
331    overflow: hidden;
332    border: 0;
333    border-radius: 12px;
334    box-shadow: 0 8px 24px rgba(20, 61, 112, 0.08);
335}
336/* Cartes de la page Vie pratique */
337.c-pratique-grid {
338    display: grid !important;
339    grid-template-columns: repeat(4, minmax(0, 1fr));
340    gap: 24px !important;
341    align-items: stretch;
342}
343
344.c-pratique-grid > .wp-block-column {
345    width: auto !important;
346    margin: 0 !important;
347    padding: 28px 20px;
348    min-height: 190px;
349    border: 1px solid #d9e2e8;
350    border-radius: 18px;
351    background: #ffffff;
352    box-shadow: 0 8px 20px rgba(20, 61, 112, 0.08);
353    text-align: center;
354}
355
356.c-pratique-grid h2 {
357    color: #143d70;
358    font-size: 22px;
359    line-height: 1.25;
360}
361
362/* Tablette */
363@media (max-width: 900px) {
364    .c-pratique-grid {
365        grid-template-columns: repeat(2, minmax(0, 1fr));
366    }
367}
368
369/* Téléphone */
370@media (max-width: 600px) {
371    .c-pratique-grid {
372        grid-template-columns: 1fr;
373    }
374}
375/* Icônes des cartes Vie pratique — ordre final */
376
377.c-pratique-grid > .wp-block-column::before {
378    display: block;
379    margin-bottom: 16px;
380    font-size: 38px;
381    line-height: 1;
382}
383
384/* 1 — Vous venez d'arriver */
385.c-pratique-grid > .wp-block-column:nth-child(1)::before {
386    content: "👋";
387}
388
389/* 2 — Transports */
390.c-pratique-grid > .wp-block-column:nth-child(2)::before {
391    content: "🚌";
392}
393
394/* 3 — Aires de détente */
395.c-pratique-grid > .wp-block-column:nth-child(3)::before {
396    content: "🌳";
397}
398
399/* 4 — Salle polyvalente */
400.c-pratique-grid > .wp-block-column:nth-child(4)::before {
401    content: "🏛️";
402}
403
404/* 5 — Sur le pouce */
405.c-pratique-grid > .wp-block-column:nth-child(5)::before {
406    content: "👨‍🍳";
407}
408
409/* 6 — Déchets */
410.c-pratique-grid > .wp-block-column:nth-child(6)::before {
411    content: "♻️";
412}
413
414/* 7 — Cimetière */
415.c-pratique-grid > .wp-block-column:nth-child(7)::before {
416    content: "🪦";
417}
418
419/* 8 — Pour le bien vivre ensemble */
420.c-pratique-grid > .wp-block-column:nth-child(8)::before {
421    content: "👥";
422}
423}
424/* Typographie de l’encart Notre village */
425
426.c-village-banner .wp-block-cover__inner-container > p:first-child {
427    margin-bottom: 14px;
428    font-size: 13px;
429    font-weight: 700;
430    letter-spacing: 2px;
431    text-transform: uppercase;
432}
433
434.c-village-banner h2 {
435    margin: 0 0 18px;
436    font-size: clamp(36px, 5vw, 58px);
437    line-height: 1.05;
438    font-weight: 500;
439    color: #ffffff;
440}
441
442.c-village-banner h2 + p {
443    max-width: 470px;
444    margin-bottom: 24px;
445    font-size: 17px;
446    line-height: 1.55;
447    color: #ffffff;
448}
449
450.c-village-banner .wp-block-button__link {
451    padding: 13px 22px;
452    font-size: 15px;
453    font-weight: 700;
454}
455
456@media (max-width: 700px) {
457    .c-village-banner .wp-block-cover__inner-container {
458        margin: 0 24px;
459    }
460
461    .c-village-banner h2 {
462        font-size: 36px;
463    }
464}
465/* Centrage du contenu – encart Notre village */
466.c-village-banner .wp-block-cover__inner-container {
467    width: 100% !important;
468    max-width: 720px !important;
469    margin: 0 auto !important;
470    text-align: center !important;
471}
472
473.c-village-banner .wp-block-cover__inner-container > * {
474    margin-left: auto !important;
475    margin-right: auto !important;
476    text-align: center !important;
477}
478
479.c-village-banner .wp-block-buttons {
480    justify-content: center !important;
481}
482/* Encart À votre service */
483.c-mairie-service {
484  display: grid;
485  grid-template-columns: 1.1fr 1.2fr 0.9fr;
486  gap: 36px;
487  align-items: center;
488  margin: 64px 0 32px;
489  padding: 36px 40px;
490  color: #143d70;
491  background: #eef5fb;
492  border: 1px solid #d9e2e8;
493  border-radius: 22px;
494}
495
496.c-mairie-service p {
497  margin: 0 0 14px;
498  line-height: 1.55;
499}
500
501.c-mairie-service__label {
502  color: #5c7717;
503  font-size: 13px;
504  font-weight: 700;
505  letter-spacing: 0.12em;
506}
507
508.c-mairie-service h2 {
509  margin: 4px 0 10px;
510  color: #143d70;
511  font-size: 42px;
512  line-height: 1.05;
513}
514
515.c-mairie-service__contact {
516  display: grid;
517  gap: 8px;
518}
519
520.c-mairie-service__contact strong {
521  color: #64727d;
522  font-size: 12px;
523  text-transform: uppercase;
524  letter-spacing: 0.06em;
525}
526
527.c-mairie-service a {
528  color: #143d70;
529  font-weight: 700;
530  text-decoration: none;
531}
532
533.c-mairie-service__hours {
534  padding: 22px 24px;
535  background: #ffffff;
536  border-radius: 16px;
537  box-shadow: 0 8px 22px rgba(20, 61, 112, 0.08);
538}
539
540.c-mairie-service__hours h3 {
541  margin: 0 0 10px;
542  color: #143d70;
543  font-size: 19px;
544}
545
546@media (max-width: 800px) {
547  .c-mairie-service {
548    grid-template-columns: 1fr;
549    gap: 22px;
550    padding: 28px 24px;
551  }
552
553  .c-mairie-service h2 {
554    font-size: 34px;
555  }
556}
557/* ===== ACCUEIL — ENCART NOTRE VILLAGE (VERSION FINALE CENTRÉE) ===== */
558
559/*
560 * Une seule classe sur le bloc Bannière :
561 * c-village-cover
562 *
563 * Tous les contenus de cet encart sont centrés.
564 */
565
566.c-village-cover {
567    min-height: 520px;
568    margin-top: 48px;
569    margin-bottom: 56px;
570    overflow: hidden;
571    border-radius: 28px;
572}
573
574/* Voile vert : soutenu à gauche, plus léger vers la droite */
575.c-village-cover .wp-block-cover__background {
576    opacity: 1 !important;
577    background: linear-gradient(
578        90deg,
579        rgba(18, 69, 42, 0.88) 0%,
580        rgba(18, 69, 42, 0.68) 42%,
581        rgba(18, 69, 42, 0.20) 74%,
582        rgba(18, 69, 42, 0.03) 100%
583    ) !important;
584}
585
586/* Conteneur principal */
587.c-village-cover .wp-block-cover__inner-container {
588    width: 100% !important;
589    max-width: none !important;
590    box-sizing: border-box;
591    margin: 0 !important;
592    padding: 52px 48px !important;
593    text-align: center !important;
594}
595
596/* Tous les éléments principaux centrés */
597.c-village-cover .wp-block-cover__inner-container > * {
598    margin-left: auto !important;
599    margin-right: auto !important;
600    text-align: center !important;
601}
602
603/* Surtitre : NOTRE VILLAGE */
604.c-village-cover .wp-block-cover__inner-container > p:nth-of-type(1) {
605    max-width: 760px;
606    margin-top: 0 !important;
607    margin-bottom: 18px !important;
608    color: #ffffff !important;
609    font-size: 13px !important;
610    line-height: 1.2 !important;
611    font-weight: 800 !important;
612    letter-spacing: 0.13em !important;
613    text-transform: uppercase;
614    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
615}
616
617/* Titre : Coulommes, bien vivre ensemble */
618.c-village-cover .wp-block-cover__inner-container > p:nth-of-type(2) {
619    width: 100% !important;
620    max-width: 760px;
621    margin-top: 0 !important;
622    margin-bottom: 0 !important;
623    margin-left: auto !important;
624    margin-right: auto !important;
625    color: #ffffff !important;
626    font-size: clamp(34px, 4.2vw, 52px) !important;
627    line-height: 1.08 !important;
628    font-weight: 700 !important;
629    letter-spacing: -0.025em !important;
630    text-align: center !important;
631    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
632}
633
634/* Groupe inférieur : texte + bouton */
635.c-village-cover .wp-block-cover__inner-container > .wp-block-group {
636    width: 100% !important;
637    max-width: 760px !important;
638    margin-top: 125px !important;
639    margin-bottom: 0 !important;
640    padding: 0 !important;
641    text-align: center !important;
642}
643
644/* Texte de présentation */
645.c-village-cover .wp-block-cover__inner-container > .wp-block-group > p {
646    max-width: 620px;
647    margin: 0 auto 22px !important;
648    color: #ffffff !important;
649    font-size: 15px !important;
650    line-height: 1.35 !important;
651    font-weight: 700 !important;
652    letter-spacing: 0.035em !important;
653    text-transform: uppercase;
654    text-align: center !important;
655    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
656}
657
658/* Conteneur du bouton */
659.c-village-cover .wp-block-buttons {
660    width: 100% !important;
661    margin: 92px 0 0 !important;
662    justify-content: center !important;
663}
664
665/* Bouton Découvrir Coulommes */
666.c-village-cover .wp-block-button {
667    margin-left: auto !important;
668    margin-right: auto !important;
669}
670
671.c-village-cover .wp-block-button__link,
672.c-village-cover .wp-element-button {
673    display: inline-block !important;
674    width: auto !important;
675    min-width: 0 !important;
676    margin: 0 !important;
677    padding: 18px 34px !important;
678    border: 0 !important;
679    border-radius: 13px !important;
680    color: #143d70 !important;
681    background: #ffffff !important;
682    font-size: 20px !important;
683    line-height: 1.2 !important;
684    font-weight: 700 !important;
685    letter-spacing: 0 !important;
686    text-transform: none !important;
687    text-decoration: none !important;
688    text-shadow: none !important;
689    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20) !important;
690}
691
692.c-village-cover .wp-block-button__link:hover,
693.c-village-cover .wp-block-button__link:focus,
694.c-village-cover .wp-element-button:hover,
695.c-village-cover .wp-element-button:focus {
696    color: #ffffff !important;
697    background: #5c7717 !important;
698}
699
700/* Tablette et téléphone */
701@media (max-width: 768px) {
702    .c-village-cover {
703        min-height: 500px;
704        border-radius: 18px;
705    }
706
707    .c-village-cover .wp-block-cover__background {
708        background: rgba(18, 69, 42, 0.68) !important;
709    }
710
711    .c-village-cover .wp-block-cover__inner-container {
712        padding: 34px 22px !important;
713    }
714
715    .c-village-cover .wp-block-cover__inner-container > p:nth-of-type(2) {
716        max-width: 560px;
717        font-size: 34px !important;
718    }
719
720    .c-village-cover .wp-block-cover__inner-container > .wp-block-group {
721        margin-top: 72px !important;
722    }
723
724    .c-village-cover .wp-block-cover__inner-container > .wp-block-group > p {
725        max-width: 520px;
726        font-size: 14px !important;
727    }
728
729    .c-village-cover .wp-block-button__link,
730    .c-village-cover .wp-element-button {
731        font-size: 18px !important;
732        padding: 15px 26px !important;
733    }
734
735    .c-village-cover .wp-block-buttons {
736        margin-top: 55px !important;
737    }
738}
739
740/* Page Contact */
741.c-contact-page {
742    --contact-blue: #143d70;
743    --contact-green: #5c7717;
744    max-width: 1120px;
745    margin: 0 auto;
746    color: #293847;
747}
748
749.c-contact-intro {
750    margin-bottom: 32px;
751}
752
753.c-contact-kicker {
754    margin: 0 0 8px;
755    color: var(--contact-green);
756    font-size: 13px;
757    font-weight: 700;
758    letter-spacing: 0.14em;
759}
760
761.c-contact-intro h2 {
762    margin: 0 0 14px;
763    color: var(--contact-blue);
764    font-size: clamp(34px, 5vw, 56px);
765    line-height: 1.08;
766}
767
768.c-contact-intro > p:last-child {
769    max-width: 720px;
770    font-size: 18px;
771}
772
773.c-contact-grid {
774    display: grid;
775    grid-template-columns: repeat(2, minmax(0, 1fr));
776    gap: 24px;
777}
778
779.c-contact-card {
780    padding: 28px;
781    background: #fff;
782    border: 1px solid #d9e2e8;
783    border-radius: 18px;
784    box-shadow: 0 10px 30px rgba(20, 61, 112, 0.06);
785}
786
787.c-contact-card h3,
788.c-contact-social h3 {
789    margin: 0 0 20px;
790    color: var(--contact-blue);
791    font-size: 28px;
792}
793
794.c-contact-card p {
795    margin: 0 0 20px;
796    line-height: 1.55;
797}
798
799.c-contact-card p:last-child {
800    margin-bottom: 0;
801}
802
803.c-contact-card a {
804    color: var(--contact-blue);
805    font-weight: 600;
806}
807
808.c-contact-social {
809    display: flex;
810    align-items: center;
811    justify-content: space-between;
812    gap: 32px;
813    margin-top: 28px;
814    padding: 28px;
815    background: linear-gradient(110deg, #eef6fb, #f4f7e9);
816    border: 1px solid #d9e2e8;
817    border-radius: 18px;
818}
819
820.c-contact-social h3 {
821    margin-bottom: 8px;
822}
823
824.c-contact-social p:last-child {
825    margin-bottom: 0;
826}
827
828.c-contact-social-buttons {
829    display: flex;
830    gap: 14px;
831    flex-shrink: 0;
832}
833
834.c-social-link {
835    display: inline-flex;
836    align-items: center;
837    justify-content: center;
838    gap: 10px;
839    min-width: 145px;
840    padding: 14px 20px;
841    color: #fff !important;
842    font-weight: 700;
843    text-decoration: none !important;
844    border-radius: 12px;
845    transition: transform 0.2s, box-shadow 0.2s;
846}
847
848.c-social-link:hover {
849    color: #fff !important;
850    transform: translateY(-2px);
851    box-shadow: 0 8px 18px rgba(20, 61, 112, 0.18);
852}
853
854.c-social-link svg {
855    width: 24px;
856    height: 24px;
857    fill: currentColor;
858}
859
860.c-social-facebook {
861    background: #2f62a4;
862}
863
864.c-social-illiwap {
865    background: #5c7717;
866}
867
868@media (max-width: 720px) {
869    .c-contact-grid {
870        grid-template-columns: 1fr;
871    }
872
873    .c-contact-social {
874        align-items: stretch;
875        flex-direction: column;
876    }
877
878    .c-contact-social-buttons {
879        flex-direction: column;
880    }
881
882    .c-social-link {
883        width: 100%;
884    }
885}
886/* Notre village — bandeau principal */
887.c-village-hero {
888    min-height: 560px;
889    padding: 64px 32px !important;
890}
891
892.c-village-hero .wp-block-cover__background {
893    opacity: 0.38 !important;
894}
895
896.c-village-hero .wp-block-cover__inner-container {
897    width: min(1120px, 100%);
898    margin: 0 auto;
899    text-align: center;
900}
901
902.c-village-kicker {
903    margin: 0 0 22px !important;
904    color: #ffffff !important;
905    font-size: 18px !important;
906    line-height: 1.2;
907    font-weight: 700;
908    letter-spacing: 0.12em;
909    text-transform: uppercase;
910    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
911}
912
913.c-village-title {
914    margin: 0 0 28px !important;
915    color: #ffffff !important;
916    font-size: clamp(38px, 5vw, 64px) !important;
917    line-height: 1.08 !important;
918    font-weight: 700 !important;
919    letter-spacing: -0.025em;
920    text-shadow: 0 3px 16px rgba(0, 0, 0, 0.6);
921}
922
923.c-village-intro {
924    max-width: 900px;
925    margin: 0 auto 34px !important;
926    color: #ffffff !important;
927    font-size: clamp(18px, 2vw, 24px) !important;
928    line-height: 1.45 !important;
929    font-weight: 500;
930    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
931}
932
933.c-village-button .wp-block-button__link {
934    padding: 14px 28px;
935    color: #ffffff !important;
936    background: #5c7717 !important;
937    border: 2px solid #5c7717;
938    border-radius: 10px;
939    font-size: 18px;
940    font-weight: 700;
941    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
942    transition: 0.2s ease;
943}
944
945.c-village-button .wp-block-button__link:hover,
946.c-village-button .wp-block-button__link:focus {
947    color: #ffffff !important;
948    background: #143d70 !important;
949    border-color: #143d70;
950    transform: translateY(-1px);
951}
952
953@media (max-width: 768px) {
954    .c-village-hero {
955        min-height: 460px;
956        padding: 48px 20px !important;
957    }
958
959    .c-village-kicker {
960        font-size: 14px !important;
961    }
962
963    .c-village-intro {
964        font-size: 17px !important;
965    }
966}
967	/* Équipe municipale */
968.c-team {
969  --bleu: #143d70;
970  --vert: #5c7717;
971  margin: 36px 0;
972}
973
974.c-team-header {
975  display: flex;
976  align-items: center;
977  gap: 24px;
978  margin-bottom: 24px;
979}
980
981.c-team-header h2 {
982  margin: 0 0 6px;
983  color: var(--bleu);
984}
985
986.c-team-header p {
987  margin: 0;
988}
989
990.c-team-sash {
991  width: 150px;
992  height: 95px;
993  object-fit: contain;
994  border-radius: 8px;
995}
996
997.c-team-photo {
998  position: relative;
999  line-height: 0;
1000  overflow: hidden;
1001  border-radius: 14px;
1002  box-shadow: 0 12px 32px rgba(20, 61, 112, 0.14);
1003}
1004
1005.c-team-photo > img {
1006  display: block;
1007  width: 100%;
1008  height: auto;
1009}
1010
1011.c-team-hotspot {
1012  position: absolute;
1013  width: clamp(34px, 4vw, 58px);
1014  aspect-ratio: 1;
1015  transform: translate(-50%, -50%);
1016  border: 3px solid transparent;
1017  border-radius: 50%;
1018  transition: 0.2s ease;
1019}
1020
1021.c-team-hotspot:hover,
1022.c-team-hotspot:focus-visible {
1023  border-color: #fff;
1024  background: rgba(92, 119, 23, 0.3);
1025  box-shadow: 0 0 0 5px var(--vert);
1026  outline: none;
1027}
1028
1029/* Emplacement des numéros */
1030.c-team-hotspot.p1  { left: 48.4%; top: 94.8%; }
1031.c-team-hotspot.p2  { left: 36.2%; top: 16.8%; }
1032.c-team-hotspot.p3  { left: 68.8%; top: 18.2%; }
1033.c-team-hotspot.p4  { left: 61.3%; top: 94.7%; }
1034.c-team-hotspot.p5  { left: 25.8%; top: 94.7%; }
1035.c-team-hotspot.p6  { left: 94.3%; top: 94.8%; }
1036.c-team-hotspot.p7  { left: 36.1%; top: 94.7%; }
1037.c-team-hotspot.p8  { left: 24.4%; top: 9.8%; }
1038.c-team-hotspot.p9  { left: 81.6%; top: 94.7%; }
1039.c-team-hotspot.p10 { left: 80.1%; top: 13.4%; }
1040.c-team-hotspot.p11 { left: 8.1%; top: 94.8%; }
1041.c-team-hotspot.p12 { left: 51.7%; top: 18.4%; }
1042.c-team-hotspot.p13 { left: 69.9%; top: 94.8%; }
1043.c-team-hotspot.p14 { left: 46.9%; top: 20.1%; }
1044.c-team-hotspot.p15 { left: 15.1%; top: 24.2%; }
1045
1046.c-team-help {
1047  margin: 14px 0 22px;
1048  color: #59636f;
1049  font-size: 15px;
1050  text-align: center;
1051}
1052
1053.c-team-grid {
1054  display: grid;
1055  grid-template-columns: repeat(3, minmax(0, 1fr));
1056  gap: 12px;
1057}
1058
1059.c-team-card {
1060  display: flex;
1061  align-items: center;
1062  gap: 12px;
1063  min-height: 76px;
1064  padding: 14px;
1065  border: 1px solid #d9e2e8;
1066  border-radius: 10px;
1067  background: #fff;
1068  transition: 0.2s ease;
1069  scroll-margin-top: 120px;
1070}
1071
1072.c-team-card > span {
1073  display: grid;
1074  flex: 0 0 38px;
1075  width: 38px;
1076  height: 38px;
1077  place-items: center;
1078  border-radius: 50%;
1079  background: var(--bleu);
1080  color: #fff;
1081  font-weight: 700;
1082}
1083
1084.c-team-card strong,
1085.c-team-card small {
1086  display: block;
1087}
1088
1089.c-team-card strong {
1090  color: var(--bleu);
1091  font-size: 15px;
1092}
1093
1094.c-team-card small {
1095  margin-top: 3px;
1096  color: #59636f;
1097  font-size: 14px;
1098}
1099
1100/* Surbrillance synchronisée */
1101.c-team:has(.c-team-hotspot.p1:hover) .c-team-card.p1,
1102.c-team:has(.c-team-hotspot.p2:hover) .c-team-card.p2,
1103.c-team:has(.c-team-hotspot.p3:hover) .c-team-card.p3,
1104.c-team:has(.c-team-hotspot.p4:hover) .c-team-card.p4,
1105.c-team:has(.c-team-hotspot.p5:hover) .c-team-card.p5,
1106.c-team:has(.c-team-hotspot.p6:hover) .c-team-card.p6,
1107.c-team:has(.c-team-hotspot.p7:hover) .c-team-card.p7,
1108.c-team:has(.c-team-hotspot.p8:hover) .c-team-card.p8,
1109.c-team:has(.c-team-hotspot.p9:hover) .c-team-card.p9,
1110.c-team:has(.c-team-hotspot.p10:hover) .c-team-card.p10,
1111.c-team:has(.c-team-hotspot.p11:hover) .c-team-card.p11,
1112.c-team:has(.c-team-hotspot.p12:hover) .c-team-card.p12,
1113.c-team:has(.c-team-hotspot.p13:hover) .c-team-card.p13,
1114.c-team:has(.c-team-hotspot.p14:hover) .c-team-card.p14,
1115.c-team:has(.c-team-hotspot.p15:hover) .c-team-card.p15,
1116.c-team-card:hover,
1117.c-team-card:target {
1118  border-color: var(--vert);
1119  background: #f2f6e9;
1120  box-shadow: 0 6px 18px rgba(92, 119, 23, 0.16);
1121  transform: translateY(-2px);
1122}
1123
1124.c-team:has(.c-team-hotspot:focus-visible) .c-team-card {
1125  transition: none;
1126}
1127
1128@media (max-width: 900px) {
1129  .c-team-grid {
1130    grid-template-columns: repeat(2, minmax(0, 1fr));
1131  }
1132}
1133
1134@media (max-width: 600px) {
1135  .c-team-header {
1136    align-items: flex-start;
1137  }
1138
1139  .c-team-sash {
1140    width: 90px;
1141    height: 70px;
1142  }
1143
1144  .c-team-grid {
1145    grid-template-columns: 1fr;
1146  }
1147
1148  .c-team-help {
1149    text-align: left;
1150  }
1151}
1152/* =========================================
1153   COULOMMES — BLOCS FICHIERS
1154   Style commun à tout le site
1155   ========================================= */
1156
1157/* Masquer les aperçus PDF intégrés */
1158.wp-block-file object,
1159.wp-block-file embed,
1160.wp-block-file iframe,
1161.wp-block-file__embed {
1162  display: none !important;
1163}
1164
1165/* Bloc fichier */
1166.wp-block-file {
1167  display: flex !important;
1168  align-items: center !important;
1169  gap: 14px !important;
1170
1171  min-height: 0 !important;
1172  margin: 6px 0 10px !important;
1173  padding: 8px 12px !important;
1174
1175  background: #f8fafc !important;
1176  border: 1px solid #e4e9ee !important;
1177  border-radius: 12px !important;
1178
1179  transition: .2s ease;
1180}
1181
1182.wp-block-file:hover {
1183  background: #f2f6e9 !important;
1184  border-color: #cfd9bd !important;
1185}
1186
1187/* Nom du fichier */
1188.wp-block-file > a:first-child {
1189  display: inline-flex !important;
1190  align-items: center !important;
1191  gap: 7px !important;
1192
1193  flex: 1 !important;
1194  min-width: 0 !important;
1195
1196  color: #143d70 !important;
1197  font-weight: 600 !important;
1198  text-decoration: none !important;
1199}
1200
1201.wp-block-file > a:first-child::before {
1202  content: "📄";
1203  font-size: 18px;
1204}
1205
1206/* Bouton Télécharger */
1207.wp-block-file__button {
1208  display: inline-flex !important;
1209  align-items: center !important;
1210  justify-content: center !important;
1211
1212  margin-left: auto !important;
1213  padding: 8px 16px !important;
1214
1215  background: #5c7717 !important;
1216  color: #ffffff !important;
1217
1218  border: 0 !important;
1219  border-radius: 999px !important;
1220
1221  font-size: 14px !important;
1222  font-weight: 700 !important;
1223  white-space: nowrap;
1224
1225  text-decoration: none !important;
1226  box-shadow: none !important;
1227}
1228
1229.wp-block-file__button:hover {
1230  background: #4c6313 !important;
1231}
1232
1233/* Mobile */
1234@media (max-width: 600px) {
1235  .wp-block-file {
1236    gap: 8px !important;
1237    padding: 9px 10px !important;
1238  }
1239
1240  .wp-block-file > a:first-child {
1241    font-size: 14px !important;
1242  }
1243
1244  .wp-block-file__button {
1245    padding: 7px 12px !important;
1246    font-size: 13px !important;
1247  }
1248}
1249	/* =========================================================
1250   COULOMMES — CONSEIL MUNICIPAL
1251   VERSION 25 AOÛT 2026
1252   ========================================================= */
1253/* =========================================================
1254   COULOMMES — CONSEIL MUNICIPAL
1255   ========================================================= */
1256
1257.c-conseil-page {
1258  margin-top: 28px;
1259}
1260
1261.c-conseil-intro {
1262  margin-bottom: 34px;
1263}
1264
1265.c-conseil-intro h2,
1266.c-conseil-section h3 {
1267  color: #143d70;
1268}
1269
1270.c-conseil-intro h2 {
1271  margin-bottom: 8px;
1272  font-size: clamp(28px, 3vw, 38px);
1273}
1274
1275.c-conseil-intro p {
1276  max-width: 760px;
1277  margin: 0;
1278  color: #4b5563;
1279  line-height: 1.65;
1280}
1281
1282.c-conseil-section {
1283  margin: 38px 0;
1284}
1285
1286.c-conseil-section h3 {
1287  margin-bottom: 18px;
1288  font-size: 25px;
1289}
1290
1291/* Maire */
1292
1293.c-conseil-maire {
1294  display: flex;
1295  align-items: center;
1296  gap: 18px;
1297  padding: 24px 28px;
1298  border: 1px solid #dce5ee;
1299  border-left: 6px solid #5c7717;
1300  border-radius: 16px;
1301  background: #ffffff;
1302  box-shadow: 0 8px 25px rgba(20, 61, 112, 0.07);
1303}
1304
1305.c-conseil-maire div {
1306  display: flex;
1307  flex-direction: column;
1308  gap: 3px;
1309}
1310
1311.c-conseil-maire strong {
1312  color: #143d70;
1313  font-size: 21px;
1314}
1315
1316.c-conseil-maire div span {
1317  color: #5c7717;
1318  font-size: 16px;
1319  font-weight: 600;
1320}
1321
1322/* Grilles */
1323
1324.c-conseil-grid {
1325  display: grid;
1326  gap: 16px;
1327}
1328
1329.c-conseil-grid-adjoints {
1330  grid-template-columns: repeat(2, minmax(0, 1fr));
1331}
1332
1333.c-conseil-grid-conseillers {
1334  grid-template-columns: repeat(3, minmax(0, 1fr));
1335}
1336
1337/* Cartes */
1338
1339.c-conseil-card {
1340  position: relative;
1341  min-height: 128px;
1342  padding: 24px 20px 20px;
1343  border: 1px solid #dce5ee;
1344  border-radius: 15px;
1345  background: #ffffff;
1346  box-shadow: 0 6px 20px rgba(20, 61, 112, 0.05);
1347
1348  display: flex;
1349  flex-direction: column;
1350  justify-content: center;
1351  gap: 5px;
1352
1353  transition: transform .2s ease, box-shadow .2s ease;
1354}
1355
1356.c-conseil-card:hover {
1357  transform: translateY(-3px);
1358  box-shadow: 0 10px 25px rgba(20, 61, 112, 0.10);
1359}
1360
1361.c-conseil-card strong {
1362  color: #143d70;
1363  font-size: 17px;
1364}
1365
1366.c-conseil-card > span:last-child {
1367  color: #667085;
1368  font-size: 14px;
1369}
1370
1371/* Numéros */
1372
1373.c-conseil-numero {
1374  display: inline-flex;
1375  align-items: center;
1376  justify-content: center;
1377
1378  width: 36px;
1379  height: 36px;
1380
1381  flex: 0 0 36px;
1382
1383  border-radius: 50%;
1384  background: #5c7717;
1385  color: #ffffff;
1386
1387  font-size: 16px;
1388  font-weight: 700;
1389}
1390
1391/* Contact */
1392
1393.c-conseil-contact {
1394  margin-top: 42px;
1395  padding: 24px 28px;
1396
1397  display: flex;
1398  align-items: center;
1399  justify-content: space-between;
1400  gap: 25px;
1401
1402  border-radius: 16px;
1403  background: #eef4f9;
1404}
1405
1406.c-conseil-contact div {
1407  display: flex;
1408  flex-direction: column;
1409  gap: 3px;
1410}
1411
1412.c-conseil-contact strong {
1413  color: #143d70;
1414  font-size: 19px;
1415}
1416
1417.c-conseil-contact span {
1418  color: #52606d;
1419}
1420
1421.c-conseil-btn {
1422  display: inline-block;
1423  flex-shrink: 0;
1424  padding: 12px 21px;
1425
1426  border-radius: 25px;
1427  background: #28599a;
1428  color: #ffffff !important;
1429
1430  font-weight: 600;
1431  text-decoration: none !important;
1432}
1433
1434.c-conseil-btn:hover {
1435  background: #143d70;
1436}
1437
1438/* Tablette */
1439
1440@media (max-width: 900px) {
1441
1442  .c-conseil-grid-conseillers {
1443    grid-template-columns: repeat(2, minmax(0, 1fr));
1444  }
1445
1446}
1447
1448/* Mobile */
1449
1450@media (max-width: 640px) {
1451
1452  .c-conseil-grid-adjoints,
1453  .c-conseil-grid-conseillers {
1454    grid-template-columns: 1fr;
1455  }
1456
1457  .c-conseil-maire {
1458    padding: 20px;
1459  }
1460
1461  .c-conseil-contact {
1462    align-items: flex-start;
1463    flex-direction: column;
1464  }
1465
1466}
1467/* CONSEIL MUNICIPAL — PHOTO MOBILE */
1468@media (max-width: 640px) {
1469
1470  .c-conseil-photo {
1471    width: 100% !important;
1472    max-width: 100% !important;
1473    margin-left: 0 !important;
1474    margin-right: 0 !important;
1475  }
1476
1477  .c-conseil-photo figure,
1478  .c-conseil-photo .wp-block-image {
1479    width: 100% !important;
1480    max-width: 100% !important;
1481  }
1482
1483  .c-conseil-photo img {
1484    width: 100% !important;
1485    max-width: 100% !important;
1486    height: auto !important;
1487    display: block !important;
1488  }
1489}
1490/* CONSEIL MUNICIPAL — MAIRE */
1491
1492.c-conseil-maire {
1493  border: 1px solid #dce5ee;
1494  border-left: 6px solid #5c7717 !important;
1495}
1496
1497/* Numéro 1 du Maire en bleu */
1498.c-conseil-maire .c-conseil-numero {
1499  background: #143d70 !important;
1500  color: #ffffff !important;
1501}
1502/* =========================================================
1503   CONSEIL MUNICIPAL — COULEURS PERSONNALISÉES DES ÉLUS
1504   Bleu : #27599d
1505   Vert : #5c7717
1506   ========================================================= */
1507
1508/* ---------- MAIRE ---------- */
1509
1510/* N°1 — rond bleu / cadre vert */
1511.c-conseil-maire {
1512  border-left: 6px solid #5c7717 !important;
1513}
1514
1515.c-conseil-maire .c-conseil-numero {
1516  background: #27599d !important;
1517}
1518
1519
1520/* ---------- ADJOINTS : numéros 2 à 5 ---------- */
1521
1522/* N°2 — rond vert / fonction bleue */
1523.c-conseil-grid-adjoints .c-conseil-card:nth-child(1) .c-conseil-numero {
1524  background: #5c7717 !important;
1525}
1526
1527.c-conseil-grid-adjoints .c-conseil-card:nth-child(1) > span:last-child {
1528  color: #27599d !important;
1529  font-weight: 600;
1530}
1531
1532/* N°3 — rond vert / fonction bleue */
1533.c-conseil-grid-adjoints .c-conseil-card:nth-child(2) .c-conseil-numero {
1534  background: #5c7717 !important;
1535}
1536
1537.c-conseil-grid-adjoints .c-conseil-card:nth-child(2) > span:last-child {
1538  color: #27599d !important;
1539  font-weight: 600;
1540}
1541
1542/* N°4 — rond bleu / nom vert */
1543.c-conseil-grid-adjoints .c-conseil-card:nth-child(3) .c-conseil-numero {
1544  background: #27599d !important;
1545}
1546
1547.c-conseil-grid-adjoints .c-conseil-card:nth-child(3) strong {
1548  color: #5c7717 !important;
1549}
1550
1551/* N°5 — rond bleu / nom vert */
1552.c-conseil-grid-adjoints .c-conseil-card:nth-child(4) .c-conseil-numero {
1553  background: #27599d !important;
1554}
1555
1556.c-conseil-grid-adjoints .c-conseil-card:nth-child(4) strong {
1557  color: #5c7717 !important;
1558}
1559
1560
1561/* ---------- CONSEILLERS : numéros 6 à 15 ---------- */
1562
1563/* N°6 — rond bleu / nom vert */
1564.c-conseil-grid-conseillers .c-conseil-card:nth-child(1) .c-conseil-numero {
1565  background: #27599d !important;
1566}
1567
1568.c-conseil-grid-conseillers .c-conseil-card:nth-child(1) strong {
1569  color: #5c7717 !important;
1570}
1571
1572/* N°7 — rond bleu / nom vert */
1573.c-conseil-grid-conseillers .c-conseil-card:nth-child(2) .c-conseil-numero {
1574  background: #27599d !important;
1575}
1576
1577.c-conseil-grid-conseillers .c-conseil-card:nth-child(2) strong {
1578  color: #5c7717 !important;
1579}
1580
1581/* N°8 — rond vert / nom bleu */
1582.c-conseil-grid-conseillers .c-conseil-card:nth-child(3) .c-conseil-numero {
1583  background: #5c7717 !important;
1584}
1585
1586.c-conseil-grid-conseillers .c-conseil-card:nth-child(3) strong {
1587  color: #27599d !important;
1588}
1589
1590/* N°9 — rond bleu / nom vert */
1591.c-conseil-grid-conseillers .c-conseil-card:nth-child(4) .c-conseil-numero {
1592  background: #27599d !important;
1593}
1594
1595.c-conseil-grid-conseillers .c-conseil-card:nth-child(4) strong {
1596  color: #5c7717 !important;
1597}
1598
1599/* N°10 — rond vert / nom bleu */
1600.c-conseil-grid-conseillers .c-conseil-card:nth-child(5) .c-conseil-numero {
1601  background: #5c7717 !important;
1602}
1603
1604.c-conseil-grid-conseillers .c-conseil-card:nth-child(5) strong {
1605  color: #27599d !important;
1606}
1607
1608/* N°11 — rond bleu / nom vert */
1609.c-conseil-grid-conseillers .c-conseil-card:nth-child(6) .c-conseil-numero {
1610  background: #27599d !important;
1611}
1612
1613.c-conseil-grid-conseillers .c-conseil-card:nth-child(6) strong {
1614  color: #5c7717 !important;
1615}
1616
1617/* N°12 — rond vert / nom bleu */
1618.c-conseil-grid-conseillers .c-conseil-card:nth-child(7) .c-conseil-numero {
1619  background: #5c7717 !important;
1620}
1621
1622.c-conseil-grid-conseillers .c-conseil-card:nth-child(7) strong {
1623  color: #27599d !important;
1624}
1625
1626/* N°13 — rond bleu / nom vert */
1627.c-conseil-grid-conseillers .c-conseil-card:nth-child(8) .c-conseil-numero {
1628  background: #27599d !important;
1629}
1630
1631.c-conseil-grid-conseillers .c-conseil-card:nth-child(8) strong {
1632  color: #5c7717 !important;
1633}
1634
1635/* N°14 — rond vert / nom bleu */
1636.c-conseil-grid-conseillers .c-conseil-card:nth-child(9) .c-conseil-numero {
1637  background: #5c7717 !important;
1638}
1639
1640.c-conseil-grid-conseillers .c-conseil-card:nth-child(9) strong {
1641  color: #27599d !important;
1642}
1643
1644/* N°15 — rond vert / nom bleu */
1645.c-conseil-grid-conseillers .c-conseil-card:nth-child(10) .c-conseil-numero {
1646  background: #5c7717 !important;
1647}
1648
1649.c-conseil-grid-conseillers .c-conseil-card:nth-child(10) strong {
1650  color: #27599d !important;
1651}
1652/* CONSEIL MUNICIPAL — FONCTIONS EN GRAS */
1653
1654.c-conseil-maire div span,
1655.c-conseil-card > span:last-child {
1656  font-weight: 700 !important;
1657}
1658/* CONSEIL MUNICIPAL — FONCTIONS : BLEU + GRAS */
1659
1660.c-conseil-card > span:last-child {
1661  color: #27599d !important;
1662  font-weight: 700 !important;
1663}
1664/* =========================================================
1665   CONSEIL MUNICIPAL — FINITION DES CARTES
1666   ========================================================= */
1667
1668.c-conseil-card {
1669  position: relative;
1670  overflow: hidden;
1671  border: 1px solid #d9e3ec !important;
1672  box-shadow: 0 6px 18px rgba(20, 61, 112, 0.07);
1673}
1674
1675/* Petite signature Coulommes */
1676.c-conseil-card::before {
1677  content: "";
1678  position: absolute;
1679  top: 0;
1680  left: 0;
1681  right: 0;
1682  height: 4px;
1683  background: linear-gradient(
1684    90deg,
1685    #5c7717 0%,
1686    #5c7717 32%,
1687    #27599d 32%,
1688    #27599d 100%
1689  );
1690}
1691
1692/* Carte du Maire : sobre et légèrement différente */
1693.c-conseil-maire {
1694  box-shadow: 0 7px 20px rgba(20, 61, 112, 0.09);
1695  background: #fcfdf9;
1696}
1697
1698/* Petit effet uniquement sur ordinateur */
1699@media (min-width: 901px) {
1700  .c-conseil-card {
1701    transition: transform .18s ease, box-shadow .18s ease;
1702  }
1703
1704  .c-conseil-card:hover {
1705    transform: translateY(-2px);
1706    box-shadow: 0 9px 23px rgba(20, 61, 112, 0.12);
1707  }
1708}
1709/* CONSEIL MUNICIPAL — FINITION CARTE DU MAIRE */
1710
1711.c-conseil-maire {
1712  position: relative;
1713  overflow: hidden;
1714  border: 1px solid #d9e3ec !important;
1715  border-left: 6px solid #5c7717 !important;
1716  background: #fcfdf9;
1717  box-shadow: 0 7px 20px rgba(20, 61, 112, 0.09);
1718}
1719
1720/* Signature bleu/vert en haut */
1721.c-conseil-maire::before {
1722  content: "";
1723  position: absolute;
1724  top: 0;
1725  left: 0;
1726  right: 0;
1727  height: 5px;
1728  background: linear-gradient(
1729    90deg,
1730    #5c7717 0%,
1731    #5c7717 35%,
1732    #27599d 35%,
1733    #27599d 100%
1734  );
1735}
1736/* CONSEIL MUNICIPAL — MAIRE SANS TRAIT GAUCHE */
1737.c-conseil-maire {
1738  border-left: 1px solid #d9e3ec !important;
1739}
1740/* =========================================================
1741   CONSEIL MUNICIPAL — RESPONSIVE TABLETTE / MOBILE
1742   ========================================================= */
1743
1744/* iPad / tablette */
1745@media (max-width: 900px) {
1746
1747  .c-conseil-grid-adjoints,
1748  .c-conseil-grid-conseillers {
1749    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
1750  }
1751
1752  .c-conseil-photo {
1753    width: 100% !important;
1754    max-width: 100% !important;
1755  }
1756
1757  .c-conseil-photo img {
1758    width: 100% !important;
1759    height: auto !important;
1760  }
1761}
1762
1763/* iPhone / mobile */
1764@media (max-width: 640px) {
1765
1766  .c-conseil-grid-adjoints,
1767  .c-conseil-grid-conseillers {
1768    grid-template-columns: 1fr !important;
1769  }
1770
1771  .c-conseil-card {
1772    min-height: auto !important;
1773    padding: 22px 18px !important;
1774  }
1775
1776  .c-conseil-maire {
1777    padding: 22px 18px !important;
1778  }
1779
1780  .c-conseil-photo {
1781    width: 100% !important;
1782    max-width: 100% !important;
1783    margin: 0 0 26px 0 !important;
1784  }
1785
1786  .c-conseil-photo img {
1787    width: 100% !important;
1788    max-width: 100% !important;
1789    height: auto !important;
1790    display: block !important;
1791  }
1792
1793  .c-conseil-contact {
1794    flex-direction: column !important;
1795    align-items: flex-start !important;
1796  }
1797}
1798/* =========================================================
1799   CONSEIL MUNICIPAL — CORRECTION IPHONE UNIQUEMENT
1800   ========================================================= */
1801
1802@media (max-width: 640px) {
1803
1804  .c-conseil-layout,
1805  .c-conseil-layout > .wp-block-group__inner-container,
1806  .c-conseil-page {
1807    display: block !important;
1808    width: 100% !important;
1809    max-width: 100% !important;
1810    min-width: 0 !important;
1811    box-sizing: border-box !important;
1812  }
1813
1814  .c-conseil-layout > *,
1815  .c-conseil-page > * {
1816    width: 100% !important;
1817    max-width: 100% !important;
1818    min-width: 0 !important;
1819    box-sizing: border-box !important;
1820  }
1821
1822  .c-conseil-grid-adjoints,
1823  .c-conseil-grid-conseillers {
1824    display: grid !important;
1825    grid-template-columns: 1fr !important;
1826    width: 100% !important;
1827    max-width: 100% !important;
1828  }
1829
1830  .c-conseil-card,
1831  .c-conseil-maire {
1832    width: 100% !important;
1833    max-width: 100% !important;
1834    min-width: 0 !important;
1835    box-sizing: border-box !important;
1836  }
1837
1838  .c-conseil-photo,
1839  .c-conseil-photo figure,
1840  .c-conseil-photo img {
1841    width: 100% !important;
1842    max-width: 100% !important;
1843    height: auto !important;
1844  }
1845}
1846/* =========================================================
1847   COULOMMES — AUJOURD'HUI / ILLIWAP / METEO
1848   ========================================================= */
1849
1850/* ===== DATE + HEURE ===== */
1851
1852.c-home-live {
1853  margin: 38px 0 20px;
1854}
1855
1856.c-home-live-now {
1857  display: flex;
1858  align-items: center;
1859  justify-content: space-between;
1860  gap: 24px;
1861
1862  padding: 18px 24px;
1863
1864  border: 1px solid #d9e3ec;
1865  border-radius: 16px;
1866
1867  background:
1868    linear-gradient(
1869      110deg,
1870      rgba(92,119,23,.08),
1871      rgba(39,89,157,.07)
1872    );
1873
1874  box-shadow: 0 6px 18px rgba(20,61,112,.06);
1875}
1876
1877.c-home-live-now > div:first-child {
1878  display: flex;
1879  flex-direction: column;
1880  gap: 3px;
1881}
1882
1883.c-home-live-kicker {
1884  color: #5c7717;
1885  font-size: 13px;
1886  font-weight: 700;
1887  text-transform: uppercase;
1888  letter-spacing: .07em;
1889}
1890
1891#coulommes-date {
1892  color: #143d70;
1893  font-size: 23px;
1894  line-height: 1.2;
1895}
1896
1897.c-home-live-clock {
1898  color: #27599d;
1899  font-size: 36px;
1900  line-height: 1;
1901  font-weight: 700;
1902  white-space: nowrap;
1903}
1904
1905
1906/* ===== ZONE ILLIWAP + METEO ===== */
1907
1908.c-home-live-grid {
1909  gap: 24px !important;
1910  align-items: stretch !important;
1911}
1912
1913/* Les deux cartes */
1914.c-home-live-card {
1915  position: relative;
1916
1917  padding: 18px !important;
1918
1919  border: 1px solid #d9e3ec;
1920  border-radius: 18px;
1921
1922  background: #ffffff;
1923
1924  box-shadow:
1925    0 8px 24px rgba(20,61,112,.08);
1926
1927  overflow: hidden;
1928}
1929
1930/* Signature Coulommes */
1931.c-home-live-card::before {
1932  content: "";
1933  position: absolute;
1934  top: 0;
1935  left: 0;
1936  right: 0;
1937
1938  height: 5px;
1939
1940  background: linear-gradient(
1941    90deg,
1942    #5c7717 0%,
1943    #5c7717 32%,
1944    #27599d 32%,
1945    #27599d 100%
1946  );
1947}
1948
1949
1950/* ===== ILLIWAP ===== */
1951
1952.c-home-live-illiwap {
1953  flex-basis: 62% !important;
1954}
1955
1956.c-home-live-illiwap iframe {
1957  width: 100% !important;
1958  max-width: 100% !important;
1959}
1960
1961
1962/* ===== METEO ===== */
1963
1964.c-home-live-weather {
1965  flex-basis: 38% !important;
1966
1967  background:
1968    radial-gradient(
1969      circle at top right,
1970      rgba(39,89,157,.13),
1971      transparent 42%
1972    ),
1973    linear-gradient(
1974      145deg,
1975      #ffffff,
1976      #f4f8fb
1977    );
1978}
1979
1980
1981/* ===== TABLETTE ===== */
1982
1983@media (max-width: 900px) {
1984
1985  .c-home-live-grid {
1986    flex-wrap: wrap !important;
1987  }
1988
1989  .c-home-live-illiwap,
1990  .c-home-live-weather {
1991    flex-basis: 100% !important;
1992  }
1993}
1994
1995
1996/* ===== IPHONE ===== */
1997
1998@media (max-width: 640px) {
1999
2000  .c-home-live-now {
2001    padding: 15px 17px;
2002  }
2003
2004  #coulommes-date {
2005    font-size: 17px;
2006  }
2007
2008  .c-home-live-clock {
2009    font-size: 27px;
2010  }
2011
2012  .c-home-live-card {
2013    padding: 15px !important;
2014  }
2015}
2016/* ACCUEIL — CENTRAGE DATE DANS LE BANDEAU */
2017
2018.c-home-live-now {
2019  display: flex !important;
2020  justify-content: center !important;
2021  align-items: center !important;
2022}
2023
2024.c-home-live-now > div,
2025.c-home-live-center {
2026  width: 100% !important;
2027  display: flex !important;
2028  flex-direction: column !important;
2029  align-items: center !important;
2030  justify-content: center !important;
2031  text-align: center !important;
2032}
2033
2034.c-home-live-kicker,
2035#coulommes-date {
2036  width: 100% !important;
2037  text-align: center !important;
2038}
2039/* ACCUEIL — RAPPROCHER AUJOURD'HUI DES INFOS */
2040
2041.c-home-live {
2042  margin-bottom: 8px !important;
2043}
2044
2045.c-home-live-grid {
2046  margin-top: 0 !important;
2047}
2048/* ACCUEIL — REMONTER DAVANTAGE LE BANDEAU "AUJOURD'HUI" */
2049
2050.c-home-live {
2051  margin-top: 6px !important;
2052  margin-bottom: 8px !important;
2053}
2054
2055/* ACCUEIL — RAPPROCHER "AUJOURD'HUI" DE NOTRE VILLAGE */
2056
2057.c-village-cover {
2058  margin-bottom: 8px !important;
2059}
2060
2061.c-home-live {
2062  margin-top: 0 !important;
2063  margin-bottom: 8px !important;
2064}
2065/* =========================================================
2066   ACCUEIL — METEO : PLUS LARGE, HAUTEUR INCHANGÉE
2067   ========================================================= */
2068
2069/* Rééquilibrage Illiwap / météo sur ordinateur */
2070@media (min-width: 901px) {
2071
2072  .c-home-live-illiwap {
2073    flex-basis: 58% !important;
2074  }
2075
2076  .c-home-live-weather {
2077    flex-basis: 42% !important;
2078  }
2079
2080}
2081
2082/* La météo exploite toute la largeur disponible */
2083.c-home-live-weather {
2084  padding: 16px !important;
2085}
2086
2087.c-home-live-weather > * {
2088  width: 100% !important;
2089  max-width: 100% !important;
2090  margin-left: auto !important;
2091  margin-right: auto !important;
2092}
2093
2094/* Pas de zoom */
2095.c-home-live-weather *,
2096.c-home-live-weather > * {
2097  transform: none !important;
2098}
2099/* =========================================================
2100   ACCUEIL — CARTES RACCOURCIS : DÉGRADÉ COULOMMES
2101   ========================================================= */
2102
2103.c-home-quicklinks a {
2104  background:
2105    linear-gradient(
2106      110deg,
2107      rgba(92, 119, 23, .08),
2108      rgba(39, 89, 157, .07)
2109    ) !important;
2110}
2111/* ACCUEIL — BOUTON "CONTACTER LA MAIRIE" : DÉGRADÉ COULOMMES */
2112
2113.c-home-actions a:nth-child(2) {
2114  background:
2115    linear-gradient(
2116      110deg,
2117      rgba(92, 119, 23, .12),
2118      rgba(39, 89, 157, .12)
2119    ) !important;
2120
2121  color: #143d70 !important;
2122  border: 1px solid #d9e3ec !important;
2123}
2124/* ACCUEIL — HOVER CONTACTER LA MAIRIE */
2125
2126.c-home-actions a:nth-child(2) {
2127  transition:
2128    background .18s ease,
2129    color .18s ease,
2130    transform .18s ease,
2131    box-shadow .18s ease !important;
2132}
2133
2134.c-home-actions a:nth-child(2):hover,
2135.c-home-actions a:nth-child(2):focus {
2136  background:
2137    linear-gradient(
2138      110deg,
2139      rgba(92, 119, 23, .24),
2140      rgba(39, 89, 157, .24)
2141    ) !important;
2142
2143  color: #143d70 !important;
2144
2145  transform: translateY(-2px) !important;
2146
2147  box-shadow:
2148    0 7px 18px rgba(20, 61, 112, .14) !important;
2149}
2150/* =========================================================
2151   COULOMMES — PAGE ACTUALITÉS
2152   ========================================================= */
2153
2154/* Grille des actualités */
2155.page-id-92 .wp-block-post-template {
2156  display: grid !important;
2157  grid-template-columns: repeat(2, minmax(0, 1fr));
2158  gap: 24px !important;
2159  margin-top: 28px !important;
2160}
2161
2162/* Une actualité = une carte */
2163.page-id-92 .wp-block-post-template > .wp-block-post {
2164  position: relative;
2165  overflow: hidden;
2166
2167  margin: 0 !important;
2168  padding: 22px !important;
2169
2170  background:
2171    linear-gradient(
2172      135deg,
2173      rgba(92,119,23,.06),
2174      rgba(39,89,157,.06)
2175    );
2176
2177  border: 1px solid #d9e3ec;
2178  border-radius: 18px;
2179
2180  box-shadow:
2181    0 7px 22px rgba(20,61,112,.07);
2182}
2183
2184/* Signature Coulommes en haut */
2185.page-id-92 .wp-block-post-template > .wp-block-post::before {
2186  content: "";
2187  position: absolute;
2188  top: 0;
2189  left: 0;
2190  right: 0;
2191  height: 5px;
2192
2193  background:
2194    linear-gradient(
2195      90deg,
2196      #5c7717 0%,
2197      #5c7717 32%,
2198      #27599d 32%,
2199      #27599d 100%
2200    );
2201}
2202
2203/* Date = petit badge */
2204.page-id-92 .wp-block-post time {
2205  display: inline-block;
2206
2207  margin-bottom: 14px;
2208  padding: 6px 11px;
2209
2210  background: rgba(92,119,23,.10);
2211  border-radius: 20px;
2212
2213  color: #5c7717 !important;
2214
2215  font-size: 13px !important;
2216  font-weight: 700;
2217}
2218
2219/* Colonnes internes */
2220.page-id-92 .wp-block-post .wp-block-columns {
2221  margin: 0 !important;
2222  gap: 18px !important;
2223  align-items: center !important;
2224}
2225
2226/* Images */
2227.page-id-92 .wp-block-post-featured-image {
2228  margin: 0 !important;
2229}
2230
2231.page-id-92 .wp-block-post-featured-image img {
2232  width: 100% !important;
2233  height: 150px !important;
2234
2235  object-fit: cover;
2236
2237  border-radius: 13px;
2238}
2239
2240/* Titres */
2241.page-id-92 .wp-block-post-title {
2242  margin: 0 !important;
2243
2244  color: #27599d !important;
2245  font-size: 20px !important;
2246  line-height: 1.28 !important;
2247  font-weight: 700;
2248}
2249
2250.page-id-92 .wp-block-post-title a {
2251  color: inherit !important;
2252  text-decoration: none !important;
2253}
2254
2255/* Première actualité légèrement mise en avant */
2256.page-id-92 .wp-block-post-template > .wp-block-post:first-child {
2257  grid-column: 1 / -1;
2258}
2259
2260/* Petit effet PC */
2261@media (min-width: 901px) {
2262
2263  .page-id-92 .wp-block-post-template > .wp-block-post {
2264    transition:
2265      transform .18s ease,
2266      box-shadow .18s ease;
2267  }
2268
2269  .page-id-92 .wp-block-post-template > .wp-block-post:hover {
2270    transform: translateY(-3px);
2271
2272    box-shadow:
2273      0 11px 28px rgba(20,61,112,.12);
2274  }
2275}
2276
2277/* Mobile */
2278@media (max-width: 700px) {
2279
2280  .page-id-92 .wp-block-post-template {
2281    grid-template-columns: 1fr !important;
2282  }
2283
2284  .page-id-92 .wp-block-post-template > .wp-block-post:first-child {
2285    grid-column: auto;
2286  }
2287
2288  .page-id-92 .wp-block-post-template > .wp-block-post {
2289    padding: 18px !important;
2290  }
2291
2292  .page-id-92 .wp-block-post .wp-block-columns {
2293    display: block !important;
2294  }
2295
2296  .page-id-92 .wp-block-post-featured-image {
2297    margin-bottom: 15px !important;
2298  }
2299
2300  .page-id-92 .wp-block-post-featured-image img {
2301    height: auto !important;
2302    max-height: none !important;
2303  }
2304}
2305/* =========================================================
2306   ACTUALITÉS — IPHONE — CORRECTION CIBLÉE
2307   ========================================================= */
2308
2309@media (max-width: 640px) {
2310
2311  /* Liste : une actualité par ligne */
2312  #post-92 .wp-block-post-template {
2313    display: grid !important;
2314    grid-template-columns: 1fr !important;
2315    gap: 18px !important;
2316  }
2317
2318  /* Une vraie carte pleine largeur */
2319  #post-92 .wp-block-post {
2320    width: 100% !important;
2321    max-width: 100% !important;
2322    min-width: 0 !important;
2323    padding: 18px !important;
2324    margin: 0 !important;
2325    box-sizing: border-box !important;
2326
2327    background:
2328      linear-gradient(
2329        135deg,
2330        rgba(92,119,23,.06),
2331        rgba(39,89,157,.06)
2332      ) !important;
2333
2334    border: 1px solid #d9e3ec !important;
2335    border-radius: 16px !important;
2336  }
2337
2338  /* On garde le Flex WordPress mais on le met vertical */
2339  #post-92 .wp-block-post .wp-block-columns {
2340    display: flex !important;
2341    flex-direction: column !important;
2342    gap: 14px !important;
2343    width: 100% !important;
2344    margin: 0 !important;
2345  }
2346
2347  /* On neutralise les 25% / 75% du modèle */
2348  #post-92 .wp-block-post .wp-block-column {
2349    flex: 0 0 auto !important;
2350    flex-basis: auto !important;
2351    width: 100% !important;
2352    max-width: 100% !important;
2353    min-width: 0 !important;
2354    margin: 0 !important;
2355  }
2356
2357  /* Image */
2358  #post-92 .wp-block-post-featured-image {
2359    width: 100% !important;
2360    margin: 0 !important;
2361  }
2362
2363  #post-92 .wp-block-post-featured-image img {
2364    display: block !important;
2365    width: 100% !important;
2366    height: 180px !important;
2367    object-fit: contain !important;
2368    margin: 0 auto !important;
2369    border-radius: 12px !important;
2370  }
2371
2372  /* Titre */
2373  #post-92 .wp-block-post-title,
2374  #post-92 .wp-block-post-title a {
2375    width: 100% !important;
2376    margin: 0 !important;
2377    font-size: 19px !important;
2378    line-height: 1.3 !important;
2379    font-weight: 700 !important;
2380  }
2381}
2382/* =========================================================
2383   ACTUALITÉS — IMAGETTES UNIFORMES
2384   ========================================================= */
2385
2386#post-92 .wp-block-post-featured-image {
2387  display: flex !important;
2388  align-items: center !important;
2389  justify-content: center !important;
2390
2391  overflow: hidden;
2392  background: #ffffff;
2393
2394  border-radius: 12px;
2395}
2396
2397/* PC / iPad */
2398#post-92 .wp-block-post-featured-image img {
2399  width: 100% !important;
2400  height: 150px !important;
2401
2402  object-fit: contain !important;
2403  object-position: center !important;
2404
2405  padding: 6px;
2406  box-sizing: border-box;
2407}
2408
2409/* iPhone */
2410@media (max-width: 640px) {
2411
2412  #post-92 .wp-block-post-featured-image img {
2413    height: 160px !important;
2414    padding: 4px;
2415  }
2416
2417}
2418/* =========================================================
2419   VIE PRATIQUE — CARTES : DÉGRADÉ COULOMMES
2420   ========================================================= */
2421
2422.c-pratique-grid > * {
2423  background:
2424    linear-gradient(
2425      110deg,
2426      rgba(92, 119, 23, .08),
2427      rgba(39, 89, 157, .07)
2428    ) !important;
2429}
2430/* =========================================================
2431   CONTACT — CARTES : DÉGRADÉ COULOMMES
2432   ========================================================= */
2433
2434.c-contact-card {
2435  background:
2436    linear-gradient(
2437      110deg,
2438      rgba(92, 119, 23, .08),
2439      rgba(39, 89, 157, .07)
2440    ) !important;
2441}
2442
2443/* Petit effet PC / Mac */
2444@media (min-width: 901px) {
2445
2446  .c-contact-card {
2447    transition:
2448      background .18s ease,
2449      transform .18s ease,
2450      box-shadow .18s ease;
2451  }
2452
2453  .c-contact-card:hover {
2454    background:
2455      linear-gradient(
2456        110deg,
2457        rgba(92, 119, 23, .13),
2458        rgba(39, 89, 157, .12)
2459      ) !important;
2460
2461    transform: translateY(-2px);
2462
2463    box-shadow:
2464      0 8px 20px rgba(20, 61, 112, .10);
2465  }
2466}
2467/* =========================================================
2468   VIE PRATIQUE — EFFET HOVER DES CARTES
2469   ========================================================= */
2470
2471@media (min-width: 901px) {
2472
2473  .c-pratique-grid > * {
2474    transition:
2475      background .18s ease,
2476      transform .18s ease,
2477      box-shadow .18s ease !important;
2478  }
2479
2480  .c-pratique-grid > *:hover {
2481    background:
2482      linear-gradient(
2483        110deg,
2484        rgba(92, 119, 23, .13),
2485        rgba(39, 89, 157, .12)
2486      ) !important;
2487
2488    transform: translateY(-2px) !important;
2489
2490    box-shadow:
2491      0 8px 20px rgba(20, 61, 112, .10) !important;
2492  }
2493}
2494/* =========================================================
2495   ACCUEIL — MINI AGENDA COULOMMES
2496   VERSION 2 ÉVÉNEMENTS
2497   ========================================================= */
2498
2499.c-home-agenda {
2500  margin: 28px 0 34px;
2501  padding: 22px;
2502
2503  background:
2504    linear-gradient(
2505      110deg,
2506      rgba(92, 119, 23, .07),
2507      rgba(39, 89, 157, .07)
2508    );
2509
2510  border: 1px solid #d9e3ec;
2511  border-radius: 18px;
2512
2513  box-shadow:
2514    0 8px 22px rgba(20, 61, 112, .07);
2515}
2516
2517
2518/* =========================================================
2519   EN-TÊTE
2520   ========================================================= */
2521
2522.c-home-agenda-head {
2523  display: flex;
2524  align-items: center;
2525  justify-content: space-between;
2526  gap: 20px;
2527
2528  margin-bottom: 18px;
2529}
2530
2531.c-home-agenda-kicker {
2532  display: block;
2533  margin-bottom: 3px;
2534
2535  color: #5c7717;
2536
2537  font-size: 12px;
2538  font-weight: 700;
2539
2540  text-transform: uppercase;
2541  letter-spacing: .08em;
2542}
2543
2544.c-home-agenda h2 {
2545  margin: 0 !important;
2546
2547  color: #143d70;
2548
2549  font-size: 25px;
2550  line-height: 1.2;
2551  font-weight: 500;
2552}
2553
2554
2555/* =========================================================
2556   BOUTON VOIR TOUT L'AGENDA
2557   ========================================================= */
2558
2559.c-home-agenda-link {
2560  flex-shrink: 0;
2561
2562  padding: 10px 16px;
2563
2564  border-radius: 22px;
2565
2566  background: #27599d;
2567
2568  color: #ffffff !important;
2569
2570  font-size: 14px;
2571  font-weight: 700;
2572
2573  text-decoration: none !important;
2574
2575  transition:
2576    transform .18s ease,
2577    box-shadow .18s ease,
2578    background .18s ease;
2579}
2580
2581.c-home-agenda-link:hover {
2582  background: #143d70;
2583
2584  transform: translateY(-2px);
2585
2586  box-shadow:
2587    0 7px 18px rgba(20, 61, 112, .14);
2588}
2589
2590
2591/* =========================================================
2592   LISTE DES 2 ÉVÉNEMENTS
2593   ========================================================= */
2594
2595.c-home-agenda-list {
2596  display: grid;
2597
2598  grid-template-columns:
2599    repeat(2, minmax(0, 1fr));
2600
2601  gap: 14px;
2602}
2603
2604
2605/* =========================================================
2606   CARTE ÉVÉNEMENT
2607   ========================================================= */
2608
2609.c-home-agenda-item {
2610  display: flex;
2611  align-items: center;
2612  gap: 14px;
2613
2614  min-width: 0;
2615
2616  padding: 16px;
2617
2618  background: #ffffff;
2619
2620  border: 1px solid #dce5ee;
2621  border-radius: 14px;
2622
2623  box-shadow:
2624    0 4px 12px rgba(20, 61, 112, .04);
2625}
2626
2627
2628/* =========================================================
2629   DATE
2630   ========================================================= */
2631
2632.c-home-agenda-date {
2633  width: 58px;
2634  height: 58px;
2635
2636  flex: 0 0 58px;
2637
2638  display: flex;
2639  flex-direction: column;
2640  align-items: center;
2641  justify-content: center;
2642
2643  border-radius: 13px;
2644
2645  background:
2646    linear-gradient(
2647      145deg,
2648      rgba(92, 119, 23, .13),
2649      rgba(39, 89, 157, .12)
2650    );
2651}
2652
2653.c-home-agenda-date strong {
2654  color: #143d70;
2655
2656  font-size: 22px;
2657  line-height: 1;
2658
2659  font-weight: 700;
2660}
2661
2662.c-home-agenda-date span {
2663  margin-top: 3px;
2664
2665  color: #5c7717;
2666
2667  font-size: 11px;
2668  font-weight: 700;
2669
2670  text-transform: uppercase;
2671}
2672
2673
2674/* =========================================================
2675   TEXTE ÉVÉNEMENT
2676   ========================================================= */
2677
2678.c-home-agenda-content {
2679  min-width: 0;
2680}
2681
2682.c-home-agenda-content h3 {
2683  margin: 0 0 4px !important;
2684
2685  color: #27599d;
2686
2687  font-size: 17px;
2688  line-height: 1.2;
2689
2690  font-weight: 600;
2691}
2692
2693.c-home-agenda-content p {
2694  margin: 0 !important;
2695
2696  color: #667085;
2697
2698  font-size: 13px;
2699  line-height: 1.4;
2700}
2701
2702
2703/* =========================================================
2704   HOVER PC / MAC
2705   ========================================================= */
2706
2707@media (min-width: 901px) {
2708
2709  .c-home-agenda-item {
2710    transition:
2711      transform .18s ease,
2712      box-shadow .18s ease,
2713      background .18s ease;
2714  }
2715
2716  .c-home-agenda-item:hover {
2717    background:
2718      linear-gradient(
2719        110deg,
2720        rgba(92, 119, 23, .05),
2721        rgba(39, 89, 157, .05)
2722      );
2723
2724    transform: translateY(-2px);
2725
2726    box-shadow:
2727      0 8px 18px rgba(20, 61, 112, .10);
2728  }
2729}
2730
2731
2732/* =========================================================
2733   TABLETTE
2734   ========================================================= */
2735
2736@media (max-width: 900px) {
2737
2738  .c-home-agenda-list {
2739    grid-template-columns: 1fr;
2740  }
2741
2742  .c-home-agenda-head {
2743    align-items: flex-start;
2744  }
2745}
2746
2747
2748/* =========================================================
2749   IPHONE
2750   ========================================================= */
2751
2752@media (max-width: 640px) {
2753
2754  .c-home-agenda {
2755    padding: 18px;
2756  }
2757
2758  .c-home-agenda-head {
2759    flex-direction: column;
2760    align-items: flex-start;
2761
2762    gap: 14px;
2763  }
2764
2765  .c-home-agenda-link {
2766    width: 100%;
2767
2768    text-align: center;
2769  }
2770
2771  .c-home-agenda-item {
2772    padding: 14px;
2773  }
2774
2775  .c-home-agenda-date {
2776    width: 54px;
2777    height: 54px;
2778
2779    flex-basis: 54px;
2780  }
2781
2782  .c-home-agenda-date strong {
2783    font-size: 20px;
2784  }
2785
2786  .c-home-agenda-content h3 {
2787    font-size: 16px;
2788  }
2789}
2790/* =========================================================
2791   COULOMMES — PAGE AGENDA
2792   ========================================================= */
2793
2794.c-agenda-page {
2795  margin-top: 30px;
2796}
2797
2798
2799/* INTRO */
2800
2801.c-agenda-intro {
2802  margin-bottom: 28px;
2803}
2804
2805.c-agenda-intro h2 {
2806  margin: 0 0 8px !important;
2807
2808  color: #143d70;
2809  font-size: 28px;
2810}
2811
2812.c-agenda-intro p {
2813  max-width: 760px;
2814  margin: 0 !important;
2815
2816  color: #667085;
2817
2818  font-size: 16px;
2819  line-height: 1.6;
2820}
2821
2822
2823/* LISTE */
2824
2825.c-agenda-list {
2826  display: grid;
2827  gap: 18px;
2828}
2829
2830
2831/* ÉVÉNEMENT */
2832
2833.c-agenda-event {
2834  display: flex;
2835  align-items: stretch;
2836  gap: 20px;
2837
2838  padding: 20px;
2839
2840  background:
2841    linear-gradient(
2842      110deg,
2843      rgba(92,119,23,.06),
2844      rgba(39,89,157,.06)
2845    );
2846
2847  border: 1px solid #d9e3ec;
2848  border-radius: 18px;
2849
2850  box-shadow:
2851    0 7px 20px rgba(20,61,112,.06);
2852}
2853
2854
2855/* DATE */
2856
2857.c-agenda-date {
2858  width: 86px;
2859  min-width: 86px;
2860
2861  display: flex;
2862  flex-direction: column;
2863  align-items: center;
2864  justify-content: center;
2865
2866  border-radius: 15px;
2867
2868  background:
2869    linear-gradient(
2870      145deg,
2871      rgba(92,119,23,.14),
2872      rgba(39,89,157,.12)
2873    );
2874}
2875
2876.c-agenda-date strong {
2877  color: #143d70;
2878
2879  font-size: 34px;
2880  line-height: 1;
2881}
2882
2883.c-agenda-date span {
2884  margin-top: 5px;
2885
2886  color: #5c7717;
2887
2888  font-size: 13px;
2889  font-weight: 700;
2890}
2891
2892.c-agenda-date small {
2893  margin-top: 3px;
2894
2895  color: #667085;
2896  font-size: 11px;
2897}
2898
2899
2900/* CONTENU */
2901
2902.c-agenda-event-content {
2903  flex: 1;
2904  min-width: 0;
2905}
2906
2907.c-agenda-category {
2908  display: inline-block;
2909
2910  margin-bottom: 8px;
2911  padding: 5px 10px;
2912
2913  border-radius: 20px;
2914
2915  background: rgba(92,119,23,.12);
2916
2917  color: #5c7717;
2918
2919  font-size: 11px;
2920  font-weight: 700;
2921  text-transform: uppercase;
2922  letter-spacing: .04em;
2923}
2924
2925.c-agenda-category-blue {
2926  background: rgba(39,89,157,.10);
2927  color: #27599d;
2928}
2929
2930.c-agenda-event h3 {
2931  margin: 0 0 8px !important;
2932
2933  color: #27599d;
2934
2935  font-size: 21px;
2936  line-height: 1.25;
2937}
2938
2939.c-agenda-event p {
2940  margin: 10px 0 0 !important;
2941
2942  color: #586474;
2943
2944  font-size: 14px;
2945  line-height: 1.55;
2946}
2947
2948
2949/* META */
2950
2951.c-agenda-meta {
2952  display: flex;
2953  flex-wrap: wrap;
2954  gap: 8px 18px;
2955
2956  color: #667085;
2957
2958  font-size: 13px;
2959}
2960
2961
2962/* HOVER PC */
2963
2964@media (min-width: 901px) {
2965
2966  .c-agenda-event {
2967    transition:
2968      transform .18s ease,
2969      box-shadow .18s ease;
2970  }
2971
2972  .c-agenda-event:hover {
2973    transform: translateY(-2px);
2974
2975    box-shadow:
2976      0 10px 24px rgba(20,61,112,.10);
2977  }
2978
2979}
2980
2981
2982/* MOBILE */
2983
2984@media (max-width: 640px) {
2985
2986  .c-agenda-event {
2987    flex-direction: column;
2988  }
2989
2990  .c-agenda-date {
2991    width: 100%;
2992    min-width: 0;
2993
2994    padding: 12px;
2995
2996    flex-direction: row;
2997    gap: 7px;
2998  }
2999
3000  .c-agenda-date strong {
3001    font-size: 26px;
3002  }
3003
3004  .c-agenda-date span,
3005  .c-agenda-date small {
3006    margin-top: 0;
3007  }
3008
3009}
3010</style>
3011<style id="core-block-supports-inline-css">
3012.wp-elements-1 a:where(:not(.wp-element-button)){color:#27599d;}.wp-container-core-group-is-layout-8f761849{flex-wrap:nowrap;}
3013/*# sourceURL=core-block-supports-inline-css */
3014</style>
3015
3016</head>
3017
3018<body data-rsssl=1 data-cmplz=1 class="wp-singular page-template-default page page-id-18 wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-coulommes-generatepress-child no-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover" itemtype="https://schema.org/WebPage" itemscope>
3019	<a class="screen-reader-text skip-link" href="#content" title="Aller au contenu">Aller au contenu</a>		<header class="site-header has-inline-mobile-toggle" id="masthead" aria-label="Site"  itemtype="https://schema.org/WPHeader" itemscope>
3020			<div class="inside-header grid-container">
3021				<div class="site-logo">
3022					<a href="https://coulommes.fr/" rel="home">
3023						<img  class="header-image is-logo-image" alt="Coulommes" src="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/07/LOGO-DE-COULOMMES.jpeg?fit=2048%2C924&#038;ssl=1" width="2048" height="924" />
3024					</a>
3025				</div>	<nav class="main-navigation mobile-menu-control-wrapper" id="mobile-menu-control-wrapper" aria-label="Permuteur mobile">
3026				<button data-nav="site-navigation" class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
3027			<span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="screen-reader-text">Menu</span>		</button>
3028	</nav>
3029			<nav class="main-navigation sub-menu-right" id="site-navigation" aria-label="Principal"  itemtype="https://schema.org/SiteNavigationElement" itemscope>
3030			<div class="inside-navigation grid-container">
3031								<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
3032					<span class="gp-icon icon-menu-bars"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 96c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24zm0 160c0-13.255 10.745-24 24-24h464c13.255 0 24 10.745 24 24s-10.745 24-24 24H24c-13.255 0-24-10.745-24-24z" /></svg><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /></svg></span><span class="mobile-menu">Menu</span>				</button>
3033				<div id="primary-menu" class="main-nav"><ul id="menu-menu-principal" class=" menu sf-menu"><li id="menu-item-1964" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1964"><a href="https://coulommes.fr/">Accueil</a></li>
3034<li id="menu-item-1999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1999"><a href="https://coulommes.fr/notre-village/">Notre village</a></li>
3035<li id="menu-item-2000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2000"><a href="https://coulommes.fr/mairie/">La mairie</a></li>
3036<li id="menu-item-2001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2001"><a href="https://coulommes.fr/demarches/">Démarches</a></li>
3037<li id="menu-item-2002" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2002"><a href="https://coulommes.fr/documents-officiels/">Documents officiels</a></li>
3038<li id="menu-item-2003" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-18 current_page_item menu-item-2003"><a href="https://coulommes.fr/contact/" aria-current="page">Contact</a></li>
3039</ul></div>			</div>
3040		</nav>
3041					</div>
3042		</header>
3043		
3044	<div class="site grid-container container hfeed" id="page">
3045				<div class="site-content" id="content">
3046			
3047	<div class="content-area" id="primary">
3048		<main class="site-main" id="main">
3049			
3050<article id="post-18" class="post-18 page type-page status-publish" itemtype="https://schema.org/CreativeWork" itemscope>
3051	<div class="inside-article">
3052		
3053			<header class="entry-header">
3054				<h1 class="entry-title" itemprop="headline">Contact</h1>			</header>
3055
3056			
3057		<div class="entry-content" itemprop="text">
3058			
3059<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="1024" height="586" src="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=1024%2C586&#038;ssl=1" alt="" class="wp-image-1356" style="aspect-ratio:1.747471389904554;width:596px;height:auto" srcset="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=1024%2C586&amp;ssl=1 1024w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=300%2C172&amp;ssl=1 300w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=768%2C440&amp;ssl=1 768w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=1536%2C880&amp;ssl=1 1536w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?w=1657&amp;ssl=1 1657w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
3060
3061
3062
3063<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3064
3065
3066
3067<h4 class="wp-block-heading has-text-color has-link-color wp-elements-1" style="color:#27599d"><strong>Comment contacter la mairie ?</strong></h4>
3068
3069
3070
3071<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3072
3073
3074
3075<section class="c-contact-page">
3076
3077  <header class="c-contact-intro">
3078    <p class="c-contact-kicker">CONTACT</p>
3079    <h2>La mairie à votre écoute</h2>
3080    <p>Une question, une démarche ou besoin d’un renseignement ? Contactez le secrétariat de mairie.</p>
3081  </header>
3082
3083  <div class="c-contact-grid">
3084
3085    <article class="c-contact-card">
3086      <h3>Coordonnées</h3>
3087
3088      <p>
3089        <strong>Téléphone</strong><br>
3090        <a href="tel:+33160257232">
309001 60 25 72 32</a>
3091      </p>
3092
3093      <p>
3094        <strong>Courriel</strong><br>
3095        <a href="mailto:[email protected]">[email protected]</a>
3096      </p>
3097
3098      <p>
3099        <strong>Adresse</strong><br>
3100        2 place de l’Église<br>
3101        77580 Coulommes
3102      </p>
3103    </article>
3104
3105    <article class="c-contact-card">
3106      <h3>Horaires d’accueil</h3>
3107
3108      <p><strong>Lundi et mardi</strong><br>15h–17h</p>
3109      <p><strong>Jeudi</strong><br>17h–19h</p>
3110      <p><strong>Samedi</strong><br>9h–12h</p>
3111    </article>
3112
3113  </div>
3114
3115
3116
3117<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3118
3119
3120
3121<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3122
3123
3124
3125<h3 class="wp-block-heading">Suivez-nous sur :</h3>
3126
3127
3128
3129<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex">
3130<figure class="wp-block-image size-full is-resized"><a href="https://station.illiwap.com/fr/public/77130/"><img data-recalc-dims="1" decoding="async" width="443" height="451" src="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/illiwap-2.png?resize=443%2C451&#038;ssl=1" alt="" class="wp-image-253" style="aspect-ratio:0.9823380992430614;width:95px;height:auto" srcset="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/illiwap-2.png?w=443&amp;ssl=1 443w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/illiwap-2.png?resize=295%2C300&amp;ssl=1 295w" sizes="(max-width: 443px) 100vw, 443px" /></a></figure>
3131
3132
3133
3134<figure class="wp-block-image size-full is-resized"><a href="https://www.facebook.com/profile.php?id=100077343399104"><img data-recalc-dims="1" decoding="async" width="447" height="447" src="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?resize=447%2C447&#038;ssl=1" alt="" class="wp-image-254" style="width:86px;height:auto" srcset="https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?w=447&amp;ssl=1 447w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?resize=150%2C150&amp;ssl=1 150w" sizes="(max-width: 447px) 100vw, 447px" /></a></figure>
3135</div>
3136
3137
3138
3139<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3140
3141
3142
3143<h2 class="wp-block-heading">​📧​ Envoyez-nous un message</h2>
3144
3145
3146
3147<div class="wpcf7 no-js" id="wpcf7-f2035-p18-o1" lang="fr-FR" dir="ltr" data-wpcf7-id="2035">
3148<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
3149<form action="/contact/#wpcf7-f2035-p18-o1" method="post" class="wpcf7-form init" aria-label="Formulaire de contact" novalidate="novalidate" data-status="init">
3150<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="2035" /><input type="hidden" name="_wpcf7_version" value="6.1.7" /><input type="hidden" name="_wpcf7_locale" value="fr_FR" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2035-p18-o1" /><input type="hidden" name="_wpcf7_container_post" value="18" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
3151</fieldset>
3152<p><label>Nom et prénom *<br />
3153<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" autocomplete="name" aria-required="true" aria-invalid="false" value="" type="text" name="your-name" /></span></label>
3154</p>
3155<p><label>Adresse e-mail *<br />
3156<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" autocomplete="email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email" /></span></label>
3157</p>
3158<p><label>Téléphone<br />
3159<span class="wpcf7-form-control-wrap" data-name="your-phone"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" autocomplete="tel" aria-invalid="false" value="" type="tel" name="your-phone" /></span></label>
3160</p>
3161<p><label>Objet de la demande *<br />
3162<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-subject" /></span></label>
3163</p>
3164<p><label>Votre message *<br />
3165<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="your-message"></textarea></span></label>
3166</p>
3167<p><span class="wpcf7-form-control-wrap" data-name="consent"><span class="wpcf7-form-control wpcf7-acceptance"><span class="wpcf7-list-item"><label><input type="checkbox" name="consent" value="1" aria-invalid="false" /><span class="wpcf7-list-item-label">J’accepte que les informations saisies soient utilisées par la mairie de Coulommes uniquement pour répondre à ma demande. <a href="/politique-de-confidentialite/">Consulter notre politique de confidentialité</a>.</span></label></span></span></span>
3168</p>
3169<p><div class="cf7-cf-turnstile" style="margin-top: 0px; margin-bottom: -15px;"> <div id="cf-turnstile-cf7-27265333" class="cf-turnstile" data-sitekey="0x4AAAAAAEdx-N1y_HNDugk4" data-theme="light" data-language="auto" data-size="normal" data-retry="auto" data-retry-interval="1000" data-refresh-expired="auto" data-refresh-timeout="auto" data-action="contact-form-7" data-callback="turnstileCF7Callback" data-appearance="always"></div> <br class="cf-turnstile-br cf-turnstile-br-cf7-27265333"> </div><br/><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Envoyer mon message" />
3170</p><div class="wpcf7-response-output" aria-hidden="true"></div>
3171</form>
3172</div>
3173
3174
3175
3176
3177<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
3178
3179
3180
3181<p class="wp-block-paragraph"></p>
3182		</div>
3183
3184			</div>
3185</article>
3186		</main>
3187	</div>
3188
3189	
3190	</div>
3191</div>
3192
3193
3194<div class="site-footer footer-bar-active footer-bar-align-center">
3195			<footer class="site-info" aria-label="Site"  itemtype="https://schema.org/WPFooter" itemscope>
3196			<div class="inside-site-info">
3197						<div class="footer-bar">
3198			<aside id="block-8" class="widget inner-padding widget_block widget_text">
3199<p class="wp-block-paragraph"><a href="https://coulommes.fr/politique-de-confidentialite/"><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-color">Politique de confidentialité</mark></strong></a></p>
3200</aside>		</div>
3201						<div class="copyright-bar">
3202					© 2026 Commune de Coulommes				</div>
3203			</div>
3204		</footer>
3205		</div>
3206
3207
3208
3209<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
3210<div id="cmplz-cookiebanner-container"><div id="cmplz-cookiebanner-1-optin" class="cmplz-cookiebanner cmplz-hidden banner-1 banniere-a optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
3211	<div class="cmplz-header">
3212		<div class="cmplz-logo"></div>
3213		<div class="cmplz-title" id="cmplz-header-1-optin">Respect de votre vie privée</div>
3214		<div class="cmplz-close" tabindex="0" role="button" aria-label="Fermer la boîte de dialogue">
3215			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
3216		</div>
3217	</div>
3218
3219	<div class="cmplz-divider cmplz-divider-header"></div>
3220	<div class="cmplz-body">
3221		<div class="cmplz-message" id="cmplz-message-1-optin"><p>Ce site utilise des cookies nécessaires à son fonctionnement ainsi que certains services externes, notamment YouTube. Vous pouvez accepter, refuser ou personnaliser vos choix à tout moment.</p></div>
3222		<!-- categories start -->
3223		<div class="cmplz-categories">
3224			<div class="cmplz-category cmplz-functional">
3225				<div class="cmplz-category-header">
3226					<span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Fonctionnel</span>
3227					<span class='cmplz-always-active'>
3228						<span class="cmplz-banner-checkbox">
3229							<input type="checkbox"
3230									id="cmplz-functional-optin"
3231									data-category="cmplz_functional"
3232									class="cmplz-consent-checkbox cmplz-functional"
3233									size="40"
3234									value="1"/>
3235							<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Fonctionnel</span></label>
3236						</span>
3237						Toujours activé					</span>
3238					<button class="cmplz-category-toggle"
3239							aria-expanded="false"
3240							aria-controls="cmplz-desc-functional-1-optin"
3241							aria-labelledby="cmplz-title-functional-1-optin">
3242						<span class="cmplz-icon cmplz-open">
3243							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
3244						</span>
3245					</button>
3246				</div>
3247				<div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden>
3248					<span class="cmplz-description-functional">L’accès ou le stockage technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.</span>
3249				</div>
3250			</div>
3251
3252			<div class="cmplz-category cmplz-preferences">
3253				<div class="cmplz-category-header">
3254					<span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Préférences</span>
3255					<span class="cmplz-banner-checkbox">
3256						<input type="checkbox"
3257								id="cmplz-preferences-optin"
3258								data-category="cmplz_preferences"
3259								class="cmplz-consent-checkbox cmplz-preferences"
3260								size="40"
3261								value="1"/>
3262						<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Préférences</span></label>
3263					</span>
3264					<button class="cmplz-category-toggle"
3265							aria-expanded="false"
3266							aria-controls="cmplz-desc-preferences-1-optin"
3267							aria-labelledby="cmplz-title-preferences-1-optin">
3268						<span class="cmplz-icon cmplz-open">
3269							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18">
3269<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
3270						</span>
3271					</button>
3272				</div>
3273				<div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden>
3274					<span class="cmplz-description-preferences">L’accès ou le stockage technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’internaute.</span>
3275				</div>
3276			</div>
3277
3278			<div class="cmplz-category cmplz-statistics">
3279				<div class="cmplz-category-header">
3280					<span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistiques</span>
3281					<span class="cmplz-banner-checkbox">
3282						<input type="checkbox"
3283								id="cmplz-statistics-optin"
3284								data-category="cmplz_statistics"
3285								class="cmplz-consent-checkbox cmplz-statistics"
3286								size="40"
3287								value="1"/>
3288						<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiques</span></label>
3289					</span>
3290					<button class="cmplz-category-toggle"
3291							aria-expanded="false"
3292							aria-controls="cmplz-desc-statistics-1-optin"
3293							aria-labelledby="cmplz-title-statistics-1-optin">
3294						<span class="cmplz-icon cmplz-open">
3295							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
3296						</span>
3297					</button>
3298				</div>
3299				<div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden>
3300					<span class="cmplz-description-statistics">Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.</span>
3301					<span class="cmplz-description-statistics-anonymous">Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span>
3302				</div>
3303			</div>
3304
3305			<div class="cmplz-category cmplz-marketing">
3306				<div class="cmplz-category-header">
3307					<span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Contenus externes</span>
3308					<span class="cmplz-banner-checkbox">
3309						<input type="checkbox"
3310								id="cmplz-marketing-optin"
3311								data-category="cmplz_marketing"
3312								class="cmplz-consent-checkbox cmplz-marketing"
3313								size="40"
3314								value="1"/>
3315						<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Contenus externes</span></label>
3316					</span>
3317					<button class="cmplz-category-toggle"
3318							aria-expanded="false"
3319							aria-controls="cmplz-desc-marketing-1-optin"
3320							aria-labelledby="cmplz-title-marketing-1-optin">
3321						<span class="cmplz-icon cmplz-open">
3322							<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
3323						</span>
3324					</button>
3325				</div>
3326				<div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden>
3327					<span class="cmplz-description-marketing">Ce consentement permet d’afficher certains contenus provenant de services externes, notamment les vidéos YouTube. Ces services peuvent déposer des cookies ou autres traceurs.</span>
3328				</div>
3329			</div>
3330		</div><!-- categories end -->
3331			</div>
3332
3333	<div class="cmplz-links cmplz-information">
3334		<ul>
3335			<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Gérer les options</a></li>
3336			<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookie
3336s-overview">Gérer les services</a></li>
3337			<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Gérer {vendor_count} fournisseurs</a></li>
3338			<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="En savoir plus sur les finalités de TCF de la base de données de cookies">En savoir plus sur ces finalités</a></li>
3339		</ul>
3340			</div>
3341
3342	<div class="cmplz-divider cmplz-footer"></div>
3343
3344	<div class="cmplz-buttons">
3345		<button class="cmplz-btn cmplz-accept">Accepter</button>
3346		<button class="cmplz-btn cmplz-deny">Refuser</button>
3347		<button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button>
3348		<button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button>
3349		<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a>
3350			</div>
3351
3352
3353	<div class="cmplz-documents cmplz-links">
3354		<ul>
3355			<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
3356			<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
3357			<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
3358		</ul>
3359			</div>
3360</div>
3361</div>
3362					<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optin">Respect de votre vie privée</button>
3363
3364</div>
3365<div class="c-help-widget" id="c-help-widget-main">
3366
3367  <button
3368    class="c-help-toggle"
3369    type="button"
3370    aria-expanded="false"
3371    aria-controls="c-help-panel"
3372  >
3373
3374    <span class="c-help-leo-wrap" aria-hidden="true">
3375
3376      <img
3377        class="c-help-leo"
3378        src="https://coulommes.fr/wp-content/uploads/2026/08/3289f212-a1d7-4864-8497-2563c1e8fe2b.png"
3379        alt=""
3380      >
3381
3382      <span class="c-help-q">?</span>
3383
3384    </span>
3385
3386    <span class="c-help-toggle-text">
3387      Puis-je vous aider ?
3388    </span>
3389
3390  </button>
3391
3392
3393  <div
3394    class="c-help-panel"
3395    id="c-help-panel"
3396    hidden
3397  >
3398
3399    <button
3400      class="c-help-close"
3401      type="button"
3402      aria-label="Fermer"
3403    >
3404      ×
3405    </button>
3406
3407    <h2>Vous recherchez ?</h2>
3408
3409    <form
3410      class="c-help-search"
3411      role="search"
3412      method="get"
3413      action="/"
3414    >
3415
3416      <label for="c-help-search-field">
3417        Rechercher sur le site
3418      </label>
3419
3420      <div class="c-help-search-row">
3421
3422        <input
3423          id="c-help-search-field"
3424          type="search"
3425          name="s"
3426          placeholder="Article, document, arrêté…"
3427          required
3428        >
3429
3430        <button type="submit">
3431          Rechercher
3432        </button>
3433
3434      </div>
3435
3436    </form>
3437
3438
3439    <nav
3440      class="c-help-links"
3441      aria-label="Aide et accès rapides"
3442    >
3443
3444      <a href="/vie-pratique/">Vie pratique</a>
3445      <a href="/demarches/">Mes démarches</a>
3446      <a href="/documents-officiels/">Documents officiels</a>
3447      <a href="/conseil-municipal/">Conseil municipal</a>
3448      <a href="/contact/">Contacter la mairie</a>
3449
3450    </nav>
3451
3452  </div>
3453
3454</div>
3455
3456
3457<style>
3458
3459.c-help-widget,
3460.c-help-widget * {
3461  box-sizing: border-box;
3462}
3463
3464.c-help-widget {
3465  position: fixed;
3466  right: 22px;
3467  bottom: 22px;
3468  z-index: 9000;
3469  font-family: inherit;
3470}
3471
3472
3473/* =========================
3474   BOUTON
3475   ========================= */
3476
3477.c-help-toggle {
3478  position: relative;
3479
3480  display: inline-flex;
3481  align-items: center;
3482
3483  min-height: 72px;
3484
3485  padding: 14px 22px 14px 105px;
3486
3487  border: 0;
3488  border-radius: 999px;
3489
3490  background: #2f61ab;
3491  color: #ffffff;
3492
3493  font-size: 17px;
3494  font-weight: 700;
3495
3496  cursor: pointer;
3497
3498  box-shadow:
3499    0 10px 28px rgba(20,61,112,0.25);
3500
3501  overflow: visible;
3502
3503  transition:
3504    background 0.2s ease,
3505    transform 0.2s ease;
3506}
3507
3508.c-help-toggle:hover,
3509.c-help-toggle:focus-visible {
3510  background: #335f9f;
3511  transform: translateY(-1px);
3512}
3513
3514.c-help-toggle-text {
3515  white-space: nowrap;
3516  line-height: 1.1;
3517}
3518
3519
3520/* =========================
3521   LÉO
3522   ========================= */
3523
3524.c-help-leo-wrap {
3525  position: absolute;
3526
3527  left: -6px;
3528  bottom: -5px;
3529
3530  width: 90px;
3531  height: 90px;
3532
3533  pointer-events: none;
3534}
3535
3536.c-help-leo {
3537  display: block;
3538
3539  width: 90px;
3540  height: auto;
3541}
3542
3543
3544/* =========================
3545   POINT D'INTERROGATION
3546   ========================= */
3547
3548.c-help-q {
3549  position: absolute;
3550
3551  top: -35px;
3552  right: -47px;
3553
3554  display: flex;
3555  align-items: center;
3556  justify-content: center;
3557
3558  width: 56px;
3559  height: 56px;
3560
3561  border: 4px solid #ffffff;
3562  border-radius: 50%;
3563
3564  background: #5c7717;
3565  color: #ffffff;
3566
3567  font-family: Arial, sans-serif;
3568  font-size: 43px;
3569  font-weight: 900;
3570  line-height: 1;
3571
3572  opacity: 1;
3573
3574  transform:
3575    translateY(0)
3576    scale(1);
3577
3578  box-shadow:
3579    0 8px 22px rgba(20,61,112,0.30),
3580    0 0 0 3px rgba(92,119,23,0.18);
3581
3582  transition:
3583    opacity 0.18s ease,
3584    transform 0.20s ease;
3585
3586  pointer-events: none;
3587}
3588
3589
3590/* =========================
3591   DUCATI :
3592   LE ? DISPARAÎT AU SURVOL
3593   OU QUAND LE PANNEAU EST OUVERT
3594   ========================= */
3595
3596.c-help-toggle:hover .c-help-q,
3597.c-help-toggle:focus-visible .c-help-q,
3598.c-help-widget.is-open .c-help-q {
3599  opacity: 0;
3600
3601  transform:
3602    translateY(8px)
3603    scale(0.7);
3604}
3605
3606
3607/* =========================
3608   PANNEAU
3609   ========================= */
3610
3611.c-help-panel {
3612  position: absolute;
3613
3614  right: 0;
3615  bottom: 84px;
3616
3617  width: min(370px, calc(100vw - 32px));
3618
3619  padding: 24px;
3620
3621  border: 1px solid #d9e2e8;
3622  border-radius: 16px;
3623
3624  background: #ffffff;
3625
3626  box-shadow:
3627    0 16px 45px rgba(20,61,112,0.22);
3628}
3629
3630.c-help-panel h2 {
3631  margin: 0 35px 18px 0;
3632
3633  color: #143d70;
3634
3635  font-size: 25px;
3636  line-height: 1.2;
3637}
3638
3639
3640/* =========================
3641   FERMETURE
3642   ========================= */
3643
3644.c-help-close {
3645  position: absolute;
3646
3647  top: 10px;
3648  right: 12px;
3649
3650  width: 36px;
3651  height: 36px;
3652
3653  padding: 0;
3654
3655  border: 0;
3656
3657  background: transparent;
3658
3659  color: #143d70;
3660
3661  font-size: 30px;
3662  line-height: 1;
3663
3664  cursor: pointer;
3665}
3666
3667
3668/* =========================
3669   RECHERCHE
3670   ========================= */
3671
3672.c-help-search {
3673  margin-bottom: 18px;
3674}
3675
3676.c-help-search label {
3677  display: block;
3678
3679  margin-bottom: 7px;
3680
3681  color: #143d70;
3682
3683  font-weight: 700;
3684}
3685
3686.c-help-search-row {
3687  display: flex;
3688  gap: 7px;
3689}
3690
3691.c-help-search input {
3692  min-width: 0;
3693  flex: 1;
3694
3695  padding: 10px 12px;
3696
3697  border: 1px solid #bfcbd4;
3698  border-radius: 8px;
3699
3700  font: inherit;
3701}
3702
3703.c-help-search button {
3704  padding: 10px 13px;
3705
3706  border: 0;
3707  border-radius: 8px;
3708
3709  background: #27599d;
3710  color: #ffffff;
3711
3712  font: inherit;
3713  font-weight: 700;
3714
3715  cursor: pointer;
3716}
3717
3718.c-help-search button:hover {
3719  background: #5c7717;
3720}
3721
3722
3723/* =========================
3724   LIENS
3725   ========================= */
3726
3727.c-help-links {
3728  display: grid;
3729  gap: 8px;
3730}
3731
3732.c-help-links a {
3733  display: block;
3734
3735  padding: 11px 13px;
3736
3737  border: 1px solid #d9e2e8;
3738  border-radius: 9px;
3739
3740  color: #143d70;
3741
3742  font-weight: 700;
3743  text-decoration: none;
3744}
3745
3746.c-help-links a:hover,
3747.c-help-links a:focus-visible {
3748
3749  border-color: #5c7717;
3750
3751  background: #f2f6e9;
3752
3753  color: #5c7717;
3754}
3755
3756
3757/* =========================
3758   MOBILE
3759   ========================= */
3760
3761@media (max-width: 768px) {
3762
3763  .c-help-widget {
3764    right: 12px;
3765    bottom: 12px;
3766  }
3767
3768  .c-help-toggle {
3769    min-height: 64px;
3770
3771    padding: 13px 18px 13px 86px;
3772
3773    font-size: 15px;
3774  }
3775
3776  .c-help-leo-wrap {
3777    width: 74px;
3778    height: 74px;
3779
3780    left: -5px;
3781    bottom: -4px;
3782  }
3783
3784  .c-help-leo {
3785    width: 74px;
3786  }
3787
3788  .c-help-q {
3789
3790    top: -29px;
3791    right: -39px;
3792
3793    width: 45px;
3794    height: 45px;
3795
3796    border-width: 3px;
3797
3798    font-size: 34px;
3799  }
3800
3801  .c-help-panel {
3802    bottom: 76px;
3803
3804    padding: 20px;
3805  }
3806
3807  .c-help-search-row {
3808    flex-direction: column;
3809  }
3810
3811}
3812
3813
3814/* =========================
3815   ACCESSIBILITÉ
3816   ========================= */
3817
3818@media (prefers-reduced-motion: reduce) {
3819
3820  .c-help-q {
3821    transition: none;
3822  }
3823
3824}
3825
3826</style>
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845
3846
3847<script data-jetpack-boost="ignore" id="wp-emoji-settings" type="application/json">
3848{"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://coulommes.fr/wp-includes/js/wp-emoji-release.min.js?ver=e9b9aea95dffedd1acb146cee772e5c0"}}
3849</script>
3849
3850
3851
3852<script id="jquery-core-js" src="https://coulommes.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
3852<script type='text/javascript' src='https://coulommes.fr/wp-content/boost-cache/static/558deaf721.min.js'></script>
3852<script type="speculationrules">
3853{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/coulommes-generatepress-child/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
3854</script>
3854<script id="generate-a11y">
3855!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
3856</script>
3856<script>
3857
3858document.addEventListener("DOMContentLoaded", function () {
3859
3860  const widget =
3861    document.getElementById("c-help-widget-main");
3862
3863  if (!widget) return;
3864
3865
3866  const toggle =
3867    widget.querySelector(".c-help-toggle");
3868
3869  const panel =
3870    widget.querySelector(".c-help-panel");
3871
3872  const close =
3873    widget.querySelector(".c-help-close");
3874
3875
3876  /* =========================
3877     PANNEAU LÉO
3878     ========================= */
3879
3880  function openPanel() {
3881
3882    panel.hidden = false;
3883
3884    widget.classList.add("is-open");
3885
3886    toggle.setAttribute(
3887      "aria-expanded",
3888      "true"
3889    );
3890
3891    clearTimeout(widget.autoCloseTimer);
3892
3893    widget.autoCloseTimer =
3894      setTimeout(function () {
3895
3896        closePanel();
3897
3898      }, 8000);
3899  }
3900
3901
3902  function closePanel() {
3903
3904    panel.hidden = true;
3905
3906    widget.classList.remove("is-open");
3907
3908    toggle.setAttribute(
3909      "aria-expanded",
3910      "false"
3911    );
3912  }
3913
3914
3915  toggle.addEventListener("click", function () {
3916
3917    if (panel.hidden) {
3918      openPanel();
3919    } else {
3920      closePanel();
3921    }
3922
3923  });
3924
3925
3926  close.addEventListener("click", function (event) {
3927
3928    event.stopPropagation();
3929
3930    closePanel();
3931
3932  });
3933
3934
3935  document.addEventListener("keydown", function (event) {
3936
3937    if (event.key === "Escape") {
3938      closePanel();
3939    }
3940
3941  });
3942
3943
3944  document.addEventListener("click", function (event) {
3945
3946    if (!widget.contains(event.target)) {
3947      closePanel();
3948    }
3949
3950  });
3951
3952
3953  /* =========================
3954     COEXISTENCE AVEC COMPLIANZ
3955     ========================= */
3956
3957  function bannerIsReallyVisible() {
3958
3959    const banner =
3960      document.querySelector(".cmplz-cookiebanner");
3961
3962    if (!banner) {
3963      return false;
3964    }
3965
3966    const style =
3967      window.getComputedStyle(banner);
3968
3969    return (
3970      style.display !== "none" &&
3971      style.visibility !== "hidden" &&
3972      parseFloat(style.opacity || "1") > 0 &&
3973      banner.offsetWidth > 0 &&
3974      banner.offsetHeight > 0
3975    );
3976  }
3977
3978
3979  function syncLeo() {
3980
3981    if (bannerIsReallyVisible()) {
3982
3983      closePanel();
3984
3985      widget.style.display = "none";
3986
3987    } else {
3988
3989      widget.style.display = "";
3990
3991    }
3992  }
3993
3994
3995  setTimeout(syncLeo, 300);
3996
3997
3998  document.addEventListener(
3999    "cmplz_cookie_warning_loaded",
4000    function () {
4001
4002      setTimeout(syncLeo, 50);
4003
4004    }
4005  );
4006
4007
4008  document.addEventListener(
4009    "cmplz_banner_status",
4010    function () {
4011
4012      setTimeout(syncLeo, 100);
4013
4014    }
4015  );
4016
4017
4018  const observer =
4019    new MutationObserver(function () {
4020
4021      syncLeo();
4022
4023    });
4024
4025
4026  const startObserver =
4027    function () {
4028
4029      const banner =
4030        document.querySelector(".cmplz-cookiebanner");
4031
4032      if (banner) {
4033
4034        observer.observe(
4035          banner,
4036          {
4037            attributes: true,
4038            attributeFilter: [
4039              "class",
4040              "style",
4041              "aria-hidden"
4042            ]
4043          }
4044        );
4045
4046      }
4047
4048    };
4049
4050
4051  setTimeout(startObserver, 500);
4052
4053
4054  window.addEventListener(
4055    "load",
4056    function () {
4057
4058      setTimeout(syncLeo, 700);
4059
4060    }
4061  );
4062
4063});
4064
4065</script>
4065<script type='text/javascript' src='https://coulommes.fr/wp-content/plugins/meteoart/public/js/meteo-public.js?m=1785424601'></script>
4065<script id="wp-hooks-js" src="https://coulommes.fr/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
4065<script id="wp-i18n-js" src="https://coulommes.fr/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
4065<script id="wp-i18n-js-after">
4066wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
4067//# sourceURL=wp-i18n-js-after
4068</script>
4068<script type='text/javascript' src='https://coulommes.fr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?m=1786973916'></script>
4068<script id="contact-form-7-js-translations">
4069( function( domain, translations ) {
4070	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
4071	localeData[""].domain = domain;
4072	wp.i18n.setLocaleData( localeData, domain );
4073} )( "contact-form-7", {"translation-revision-date":"2026-09-29 08:22:41+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
4074//# sourceURL=contact-form-7-js-translations
4075</script>
4075<script id="contact-form-7-js-before">
4076var wpcf7 = {
4077    "api": {
4078        "root": "https:\/\/coulommes.fr\/wp-json\/",
4079        "namespace": "contact-form-7\/v1"
4080    },
4081    "cached": 1
4082};
4083//# sourceURL=contact-form-7-js-before
4084</script>
4084<script id="contact-form-7-js" src="https://coulommes.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
4084<script id="generate-menu-js-before">
4085var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Ouvrir le sous-menu","closeSubMenuLabel":"Fermer le sous-menu"};
4086//# sourceURL=generate-menu-js-before
4087</script>
4087<script id="generate-menu-js" src="https://coulommes.fr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
4087<script id="jetpack-stats-js-before">
4088_stq = window._stq || [];
4089_stq.push([ "view", {"v":"ext","blog":"256510216","post":"18","tz":"2","srv":"coulommes.fr","j":"1:16.2"} ]);
4090_stq.push([ "clickTrackerInit", "256510216", "18" ]);
4091//# sourceURL=jetpack-stats-js-before
4092</script>
4092<script type="text/plain" data-service="jetpack-statistics" data-category="statistics" data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" data-cmplz-src="https://stats.wp.com/e-202640.js"></script>
4092<script id="cmplz-cookiebanner-js-extra">
4093var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"84","version":"7.5.5","store_consent":"","do_not_track_enabled":"1","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://coulommes.fr/wp-json/complianz/v1/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"27","cookie_path":"/","categories":{"statistics":"statistiques","marketing":"marketing"},"tcf_active":"","placeholdertext":"Cliquez pour accepter les cookies {category} et activer ce contenu","css_file":"https://coulommes.fr/wp-content/uploads/complianz/css/banner-{banner_id}-{type}.css?v=84","page_links":{"eu":{"cookie-statement":{"title":"Politique de cookies ","url":"https://coulommes.fr/politique-de-cookies-ue/"},"privacy-statement":{"title":"D\u00e9claration de confidentialit\u00e9","url":"https://coulommes.fr/politique-de-confidentialite-et-mentions-legales/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Cliquez pour accepter les cookies {category} et activer ce contenu","iapi_nav":"fallback"};
4094//# sourceURL=cmplz-cookiebanner-js-extra
4095</script>
4095<script defer type='text/javascript' src='https://coulommes.fr/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?m=1789004261'></script>
4095<script data-cfasync="false" id="cfturnstile-js-before">
4096(function(w,d){var q=w.cfturnstileQueue=w.cfturnstileQueue||[];if(w.cfturnstileRender)return;var ready=false,hooked=false,ticks=0,timer=null;var cbs=["callback","error-callback","expired-callback","timeout-callback","unsupported-callback","before-interactive-callback","after-interactive-callback"];function opts(e){var p={};for(var i=0;i<cbs.length;i++){(function(n){var v=e.getAttribute("data-"+n);if(!v)return;p[n]=function(){var f=w[v];if(typeof f==="function")return f.apply(w,arguments);};})(cbs[i]);}return p;}w.cfturnstileOpts=function(e){if(typeof e==="string")e=d.querySelector(e);return e&&e.getAttribute?opts(e):{};};function one(id){var n="cf-turnstile"+id,e=d.getElementById(n);if(e&&e.cfturnstileQueued){e=null;var l=d.querySelectorAll(".cf-turnstile");for(var i=0;i<l.length;i++){if(l[i].id===n&&!l[i].cfturnstileQueued){e=l[i];break;}}}if(!e)return false;if(!e.firstElementChild){try{w.turnstile.render(e,opts(e));}catch(_){return false;}}e.cfturnstileQueued=1;return true;}function drain(){if(!ready)return;for(var i=q.length-1;i>=0;i--){if(one(q[i]))q.splice(i,1);}if(q.length&&!hooked&&d.readyState==="loading"){hooked=true;d.addEventListener("DOMContentLoaded",function(){hooked=false;drain();});}}function watch(){timer=null;if(!q.length)return;if(!ready&&w.turnstile&&typeof w.turnstile.render==="function")ready=true;drain();if(q.length&&++ticks<170)timer=setTimeout(watch,ticks<20?100:2000);}w.cfturnstileRender=function(){drain();if(q.length&&!timer)timer=setTimeout(watch,100);};w.cfturnstileOnload=function(){ready=true;w.cfturnstileRender();};w.cfturnstileRender();})(window,document);
4097(function(w,d){if(w.cfturnstileRefresh)return;w.cfturnstileRefresh=1;var F="input[name=cf-turnstile-response]",S="form.checkout, form.woocommerce-checkout, form.wc-block-checkout__form",u=false;function go(){u=true;}w.addEventListener("pagehide",go);w.addEventListener("beforeunload",go);d.addEventListener("submit",function(e){var f=e.target,s=[];if(!f||!f.querySelectorAll)return;try{if(S&&f.matches&&f.matches(S))return;}catch(_){}f.querySelectorAll(".cf-turnstile").forEach(function(el){var i=el.querySelector(F);if(i&&i.value)s.push([el,i.value]);});if(!s.length)return;setTimeout(function(){if(u||!w.turnstile||d.querySelector("#wfls-prompt-overlay,#wfls-token,#fls_2fa_form,.fls_2fs"))return;s.forEach(function(x){var i=x[0].querySelector(F);if(i&&i.value===x[1]){try{w.turnstile.reset(x[0]);}catch(_){}}});},2000);},true);})(window,document);
4098//# sourceURL=cfturnstile-js-before
4099</script>
4099<script data-wp-strategy="defer" id="cfturnstile-js" src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit&#038;onload=cfturnstileOnload"></script>
4099<script data-cfasync="false" id="cfturnstile-js-after">
4100function turnstileCF7Callback() {
4101    document.querySelectorAll('.wpcf7-submit').forEach(function(el) {
4102        el.style.pointerEvents = 'auto';
4103        el.style.opacity = '1';
4104    });
4105	}
4106//# sourceURL=cfturnstile-js-after
4107</script>
4107<script data-cfasync="false" id="cfturnstile-render-js-after">
4108(window.cfturnstileQueue=window.cfturnstileQueue||[]).push("-cf7-27265333");if(window.cfturnstileRender)window.cfturnstileRender();
4109//# sourceURL=cfturnstile-render-js-after
4110</script>
4110<script type="module">
4111/*! This file is auto-generated */
4112var 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)))});
4113//# sourceURL=https://coulommes.fr/wp-includes/js/wp-emoji-loader.min.js
4114</script>
4114</body>
4115</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.