1<!DOCTYPE html> 2<html lang="fr-FR"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Contact – 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 » Flux" href="https://coulommes.fr/feed/" /> 9<link rel="alternate" type="application/rss+xml" title="Coulommes » 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&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&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&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&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&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&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&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&ssl=1 1024w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=300%2C172&ssl=1 300w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=768%2C440&ssl=1 768w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?resize=1536%2C880&ssl=1 1536w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/contact.png?w=1657&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&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&ssl=1 443w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/illiwap-2.png?resize=295%2C300&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&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&ssl=1 447w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?resize=300%2C300&ssl=1 300w, https://i0.wp.com/coulommes.fr/wp-content/uploads/2026/08/facebook-1.png?resize=150%2C150&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&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.