img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ .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} /*# sourceURL=https://eitp.fr/wp-includes/blocks/paragraph/style.min.css */ .wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-terms/style.min.css */ .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} /*# sourceURL=https://eitp.fr/wp-includes/blocks/group/style.min.css */ .wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-title/style.min.css */ :where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-excerpt/style.min.css */ .wp-block-post-author{box-sizing:border-box;display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-author/style.min.css */ .wp-block-post-date{box-sizing:border-box} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-date/style.min.css */ .wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-featured-image/style.min.css */ h1: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} /*# sourceURL=https://eitp.fr/wp-includes/blocks/heading/style.min.css */ ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} /*# sourceURL=https://eitp.fr/wp-includes/blocks/list/style.min.css */ .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,');mask-image:url('data:image/svg+xml;utf8,');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:#5a5a5a40;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 #5a5a5a40;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:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor: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}}@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}} /*# sourceURL=https://eitp.fr/wp-includes/blocks/image/style.min.css */ .wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-group.is-layout-flex .wp-block-embed{flex:1 1 0%;min-width:0}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%} /*# sourceURL=https://eitp.fr/wp-includes/blocks/embed/style.min.css */ .wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block} /*# sourceURL=https://eitp.fr/wp-includes/blocks/quote/style.min.css */ .wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} /*# sourceURL=https://eitp.fr/wp-includes/blocks/table/style.min.css */ .wp-block-post-content{display:flow-root} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-content/style.min.css */ .wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto} /*# sourceURL=https://eitp.fr/wp-includes/blocks/post-template/style.min.css */ :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;--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}.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]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([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}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ :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--primary: #2D5F3F;--wp--preset--color--secondary: #1A1A1A;--wp--preset--color--accent: #C8A96E;--wp--preset--color--light: #F7F5F0;--wp--preset--color--muted: #8C8C8C;--wp--preset--color--dark: #0D0D0D;--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%);--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--font-family--body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--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);}:root { --wp--style--global--content-size: 780px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}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{background-color: var(--wp--preset--color--white);color: var(--wp--preset--color--secondary);font-family: var(--wp--preset--font-family--body);font-size: 17px;line-height: 1.75;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--primary);}:root :where(a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--secondary);}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--secondary);font-family: var(--wp--preset--font-family--body);font-weight: 700;}h1{font-size: clamp(1.8rem, 4vw, 2.6rem);letter-spacing: -0.02em;line-height: 1.2;}h2{font-size: clamp(1.4rem, 3vw, 1.8rem);line-height: 1.3;}h3{font-size: clamp(1.1rem, 2vw, 1.3rem);line-height: 1.4;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--secondary);border-radius: 0px;border-width: 0;color: var(--wp--preset--color--white);font-family: inherit;font-size: 13px;font-style: inherit;font-weight: 600;letter-spacing: 1.5px;line-height: inherit;padding-top: 14px;padding-right: 36px;padding-bottom: 14px;padding-left: 36px;text-decoration: none;text-transform: uppercase;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--primary);}.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-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-light-color{color: var(--wp--preset--color--light) !important;}.has-muted-color{color: var(--wp--preset--color--muted) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !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-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-light-background-color{background-color: var(--wp--preset--color--light) !important;}.has-muted-background-color{background-color: var(--wp--preset--color--muted) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !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-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-light-border-color{border-color: var(--wp--preset--color--light) !important;}.has-muted-border-color{border-color: var(--wp--preset--color--muted) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !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;}.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;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;} :root :where(.wp-block-post-title a:where(:not(.wp-element-button))){color: var(--wp--preset--color--secondary);text-decoration: none;} :root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--primary);} /*# sourceURL=global-styles-inline-css */ .wp-container-core-group-is-layout-e927c9de{gap:9px;align-items:center;}.wp-elements-7d29e9d2c17eff04052aade6db54a09a a:where(:not(.wp-element-button)){color:#B08E4F;}.wp-container-core-group-is-layout-349e6f47{gap:16px;align-items:center;}.wp-container-core-group-is-layout-9002164d{justify-content:space-between;align-items:center;}.wp-container-core-group-is-layout-2c326e46{align-items:flex-start;} /*# sourceURL=core-block-supports-inline-css */ /*! This file is auto-generated */ .skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;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} /*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */ .cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}/* ══════════════════════════════════════════════════════════════════ GATHER THEME — Clean Editorial Une seule police (DM Sans), espaces généreux, mobile-first ══════════════════════════════════════════════════════════════════ */ /* ── Police DM Sans auto-hébergée ───────────────────────────────── Fix 09/07/2026 : l'URL fonts.gstatic v15 codée en dur dans les theme.json par-site est morte (404 depuis le passage v17 côté Google) — la police ne chargeait plus sur aucun site. Ces @font-face locaux priment sur ceux du theme.json (déclarés plus tard dans la cascade) et suppriment la dépendance tierce (RGPD). */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/dmsans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/dmsans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* ── Icônes reading-time / key-takeaways ────────────────────────── Fix 09/07/2026 : les injectés dans le contenu des articles n'ont jamais eu de CSS Font Awesome (aucun plugin ne le charge — les étaient vides). Icônes SVG monochromes via mask → héritent de la couleur du texte, zéro dépendance externe, zéro webfont icône. */ .wp-block-post-content .fa-clock::before, .wp-block-post-content .fa-lightbulb::before { content: ''; display: inline-block; width: 1em; height: 1em; margin-right: 0.45em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: var(--gather-icon) no-repeat center / contain; mask: var(--gather-icon) no-repeat center / contain; } .wp-block-post-content .fa-clock::before { --gather-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); } .wp-block-post-content .fa-lightbulb::before { --gather-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 1 4 10.5c-.7.6-1 1.5-1 2.5h-6c0-1-.3-1.9-1-2.5A6 6 0 0 1 12 3z'/%3E%3C/svg%3E"); } /* Reading-time : petit texte discret sous le titre */ .single .wp-block-post-content .reading-time { font-size: 0.9rem; color: var(--wp--preset--color--muted); } /* ── Base ───────────────────────────────────────────────────────── */ html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* WP Admin Bar — s'assurer qu'il reste au-dessus et cliquable */ #wpadminbar, #wpadminbar * { z-index: 9999999999 !important; pointer-events: auto !important; } body.admin-bar .wp-site-blocks { position: relative; z-index: 1; } ::selection { background: var(--wp--preset--color--accent); color: #fff; } /* ── Header ─────────────────────────────────────────────────────── */ .site-header { border-bottom: none !important; box-shadow: none !important; } /* Header — logo + nav alignés au centre vertical */ .site-header.is-layout-flex { align-items: center !important; flex-wrap: nowrap !important; } /* Logo */ .site-header .site-logo-img { margin: 0 !important; flex-shrink: 0; display: flex !important; align-items: center; } .site-header .site-logo-img figure, .site-header .site-logo-img a { margin: 0 !important; padding: 0 !important; display: flex; align-items: center; } .site-header .site-logo-img img { height: 44px; width: auto; display: block; } /* Nav */ .site-header .wp-block-navigation { line-height: 1 !important; display: flex !important; align-items: center !important; } .wp-block-navigation a { position: relative; transition: color .2s ease; color: var(--wp--preset--color--secondary); } .wp-block-navigation a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--wp--preset--color--accent); transition: width .25s ease; } .wp-block-navigation a:hover::after, .wp-block-navigation .current-menu-item > a::after { width: 100%; } .wp-block-navigation a:hover, .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--secondary) !important; } /* Séparateur avant Contact (desktop) */ .nav-contact-link { margin-left: 8px !important; padding-left: 16px !important; border-left: 1px solid #e5e7eb; } /* Burger menu : items centrés avec espacement */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding: 40px 32px !important; gap: 8px !important; align-items: flex-start !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { font-size: 18px !important; padding: 12px 0 !important; } /* Sur mobile, pas de séparateur sur Contact */ @media (max-width: 768px) { .nav-contact-link { margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; } } /* ── Hero ───────────────────────────────────────────────────────── */ .hero-section .wp-block-cover__inner-container { position: relative; z-index: 2; } .hero-title { text-shadow: 0 2px 30px rgba(0,0,0,0.25); } .section-label { font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--wp--preset--color--accent); } /* ── Category Cards (miobar style) ──────────────────────────────── */ .cat-card-img { min-height: 500px !important; transition: transform .3s ease, box-shadow .3s ease; overflow: hidden; } .cat-card-img:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(0,0,0,0.2); } /* Image zoom on hover */ .cat-card-img .wp-block-cover__image-background { transition: transform .6s ease; } .cat-card-img:hover .wp-block-cover__image-background { transform: scale(1.06); } /* Gradient overlay : transparent en haut, sombre en bas */ .cat-card-img .wp-block-cover__background { background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%) !important; opacity: 1 !important; } /* Texte en bas à gauche (style miobar) */ /* Cards : hauteur basée sur la largeur du viewport */ .cat-card-img.wp-block-cover { aspect-ratio: auto !important; min-height: 22vw !important; } /* Force inner-container en flex, texte en bas */ div.cat-card-img > div.wp-block-cover__inner-container { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; height: 100% !important; /* Override le constrained layout qui centre tout */ max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Le groupe enfant aussi : pas de centrage, aligné à gauche */ div.cat-card-img .wp-block-cover__inner-container > .wp-block-group { min-height: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } /* Contenu enfant du constrained : pas de max-width auto-centré */ div.cat-card-img .wp-block-cover__inner-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } .cat-card-img h3 { text-shadow: 0 2px 8px rgba(0,0,0,0.3); } .cat-card-img p, .cat-card-img h3 { margin-left: 0 !important; text-align: left !important; } /* Mobile cards catégories */ @media (max-width: 768px) { .cat-card-img.wp-block-cover { min-height: 65vw !important; } div.cat-card-img > div.wp-block-cover__inner-container { min-height: 65vw !important; padding-bottom: 36px !important; } } /* ── Article Cards ──────────────────────────────────────────────── */ .wp-block-latest-posts.is-grid li { background: #fff; border: none; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: transform .3s ease, box-shadow .3s ease; padding: 0 !important; } .wp-block-latest-posts.is-grid li:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); } /* Images dans les cards */ .wp-block-latest-posts__featured-image { margin-bottom: 0; overflow: hidden; } .wp-block-latest-posts__featured-image img { width: 100%; height: 220px; object-fit: cover; transition: transform .4s ease; } .wp-block-latest-posts.is-grid li:hover .wp-block-latest-posts__featured-image img { transform: scale(1.03); } .wp-block-post-featured-image img { transition: transform .4s ease; } /* Card text */ .wp-block-latest-posts__post-title { font-size: 16px; font-weight: 700; line-height: 1.4; padding: 16px 16px 0; color: var(--wp--preset--color--secondary); display: block; transition: color .2s; text-decoration: none; } .wp-block-latest-posts__post-title:hover { color: var(--wp--preset--color--primary); } .wp-block-latest-posts__post-excerpt { padding: 8px 16px 8px; color: var(--wp--preset--color--muted); font-size: 15px; line-height: 1.6; } .wp-block-latest-posts__post-date { padding: 0 16px 16px; color: var(--wp--preset--color--muted); font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 10px; } /* Query loop article cards */ .article-card { box-shadow: 0 2px 12px rgba(0,0,0,0.06); border-radius: 12px; transition: transform .3s ease, box-shadow .3s ease; } .article-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); } .article-card .wp-block-post-title a { text-decoration: none !important; color: var(--wp--preset--color--secondary) !important; transition: color .2s; } .article-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary) !important; } /* Images articles dans les cards latest-posts */ .wp-block-latest-posts__featured-image { margin: 0 !important; overflow: hidden; border-radius: 12px 12px 0 0; } .wp-block-latest-posts__featured-image a { display: block; line-height: 0; } .wp-block-latest-posts__featured-image img { width: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px 12px 0 0; transition: transform .4s ease; display: block; } .wp-block-latest-posts.is-grid li:hover .wp-block-latest-posts__featured-image img { transform: scale(1.04); } /* Images articles dans les cards query loop */ .article-card .wp-block-post-featured-image { overflow: hidden; margin: 0 !important; border-radius: 12px 12px 0 0; } .article-card .wp-block-post-featured-image img { width: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .4s ease; display: block; } .article-card:hover .wp-block-post-featured-image img { transform: scale(1.04); } /* Grille 4 colonnes → 2 sur tablette → 1 sur mobile */ @media (max-width: 1024px) { .wp-block-post-template[class*="grid"][class*="columns-4"] { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 600px) { .wp-block-post-template[class*="grid"] { grid-template-columns: 1fr !important; } } /* ── Single Article ─────────────────────────────────────────────── */ /* Image mise en avant : forcer horizontal */ .single .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; } /* Pas de séparateurs entre les H2 */ .single .wp-block-post-content h2 { margin-top: 2.5rem; padding-top: 0; border-top: none; } /* Premier paragraphe légèrement plus grand */ .single .wp-block-post-content > p:first-of-type { font-size: 1.1em; color: var(--wp--preset--color--muted); } /* Points clés à retenir */ .single .wp-block-post-content .key-takeaways { background: var(--wp--preset--color--accent); border-radius: 12px; padding: 28px 32px; margin: 2rem 0 2.5rem; border-left: none; } .single .wp-block-post-content .key-takeaways h3 { margin-top: 0; margin-bottom: 16px; font-size: 1rem; font-weight: 700; color: #fff; } .single .wp-block-post-content .key-takeaways h3 i { color: #fff; } .single .wp-block-post-content .key-takeaways ul { margin: 0; padding-left: 0; list-style: none; } .single .wp-block-post-content .key-takeaways li { position: relative; padding: 6px 0 6px 24px; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.95); } .single .wp-block-post-content .key-takeaways li strong { color: #fff; font-weight: 600; } .single .wp-block-post-content .key-takeaways li::before { content: '✓'; position: absolute; left: 0; top: 6px; font-size: 14px; font-weight: 700; color: #fff; } /* Encadrés conseil/astuce/warning/retenir */ .single .wp-block-post-content .wp-block-quote.is-style-default { background: #faf9f6; border-left: 4px solid var(--wp--preset--color--accent); border-radius: 0 8px 8px 0; padding: 20px 24px; margin: 2rem 0; font-style: normal; color: var(--wp--preset--color--secondary); } .single .wp-block-post-content .wp-block-quote.is-style-default p { font-style: normal; color: var(--wp--preset--color--secondary); } /* Blockquotes (citations) */ .single .wp-block-post-content blockquote:not(.is-style-default) { border-left: 3px solid var(--wp--preset--color--accent); padding: 1rem 0 1rem 1.5rem; margin: 2rem 0; font-style: italic; color: var(--wp--preset--color--muted); } /* Liens dans l'article */ .single .wp-block-post-content a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--wp--preset--color--accent); } .single .wp-block-post-content a:hover { text-decoration-color: var(--wp--preset--color--secondary); } /* Category badge */ .post-category-badge a, .taxonomy-category a, .cat-links a { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--wp--preset--color--accent); text-decoration: none; } /* Sommaire */ .article-toc { font-family: var(--wp--preset--font-family--body); border-radius: 0; background: #faf9f6 !important; border-left: 3px solid var(--wp--preset--color--accent) !important; } .article-toc ol { list-style: none; margin: 0; padding: 0; } /* Author box */ .author-box { border-radius: 0; } .author-box .wp-block-post-author { display: flex !important; align-items: center !important; gap: 20px; } .author-box .wp-block-post-author__avatar { flex-shrink: 0; } .author-box .wp-block-post-author__avatar img { border-radius: 50%; width: 72px !important; height: 72px !important; object-fit: cover; display: block; } .author-box .wp-block-post-author__content { display: flex; align-items: center; } /* ── Boutons ────────────────────────────────────────────────────── */ .wp-block-button__link { transition: all .25s ease; } .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.1); } .is-style-outline .wp-block-button__link { border: 2px solid currentColor; background: transparent; } /* ── Footer ─────────────────────────────────────────────────────── */ .site-footer { border-top: none; } /* ── Separator accent ───────────────────────────────────────────── */ .accent-line { width: 60px; border-top: 3px solid var(--wp--preset--color--accent); margin-left: 0; } .accent-line-center { width: 60px; border-top: 3px solid var(--wp--preset--color--accent); margin-left: auto; margin-right: auto; } /* ══════════════════════════════════════════════════════════════════ RESPONSIVE — Mobile first ══════════════════════════════════════════════════════════════════ */ /* ── Tablette (max 1024px) ──────────────────────────────────────── */ @media (max-width: 1024px) { /* Réduire les paddings des sections */ .wp-block-group[style*="padding-top:100px"] { padding-top: 60px !important; padding-bottom: 60px !important; } .wp-block-group[style*="padding-top:80px"] { padding-top: 50px !important; padding-bottom: 50px !important; } .wp-block-group[style*="padding-left:48px"] { padding-left: 24px !important; padding-right: 24px !important; } /* Hero */ .wp-block-cover[style*="min-height:600px"] { min-height: 450px !important; } .wp-block-group[style*="padding-top:120px"] { padding-top: 80px !important; padding-bottom: 80px !important; } /* Grille 2 colonnes au lieu de 3 */ .wp-block-latest-posts.is-grid { columns: 2 !important; } /* Cards catégorie sur 2 colonnes */ .wp-block-columns:has(.cat-card) { flex-wrap: wrap !important; } .wp-block-columns:has(.cat-card) > .wp-block-column { flex-basis: 48% !important; margin-bottom: 16px; } } /* ── Mobile (max 768px) ─────────────────────────────────────────── */ @media (max-width: 768px) { /* Paddings globaux réduits */ .wp-block-group[style*="padding-left:40px"] { padding-left: 20px !important; padding-right: 20px !important; } .wp-block-group[style*="padding-left:48px"] { padding-left: 16px !important; padding-right: 16px !important; } .wp-block-group[style*="padding-top:100px"] { padding-top: 40px !important; padding-bottom: 40px !important; } .wp-block-group[style*="padding-top:80px"] { padding-top: 36px !important; padding-bottom: 36px !important; } .wp-block-group[style*="padding-top:48px"] { padding-top: 24px !important; } /* Hero mobile */ .wp-block-cover[style*="min-height:600px"] { min-height: 400px !important; } .wp-block-group[style*="padding-top:120px"] { padding-top: 60px !important; padding-bottom: 60px !important; } .hero-title { font-size: 1.8rem !important; } /* Header */ .site-header { padding-left: 16px !important; padding-right: 16px !important; } /* Colonnes catégories en 1 colonne */ .wp-block-columns:has(.cat-card) > .wp-block-column { flex-basis: 100% !important; } .cat-card { padding: 24px 20px !important; } /* Grille articles en 1 colonne */ .wp-block-latest-posts.is-grid { columns: 1 !important; } .wp-block-post-template[class*="grid"] { grid-template-columns: 1fr !important; } /* Article single */ .single .wp-block-post-featured-image img { border-radius: 0; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); max-width: calc(100% + 40px); } /* Sommaire */ .article-toc { padding: 20px 20px !important; margin-bottom: 32px !important; } /* Boutons hero seulement */ .hero-section .wp-block-buttons { flex-direction: column !important; } .hero-section .wp-block-button { width: 100%; } .hero-section .wp-block-button__link { width: 100%; text-align: center; } /* Footer mobile : compact, pas de colonnes */ .site-header + * ~ * .wp-block-columns { flex-direction: column !important; } .site-header + * ~ * .wp-block-column { flex-basis: 100% !important; margin-bottom: 32px; } /* Footer bouton Contact petit sur mobile */ footer .wp-block-button__link, .has-dark-background-color:last-child .wp-block-button__link { font-size: 11px !important; padding: 8px 16px !important; letter-spacing: 0.5px !important; } /* Footer flex wrap */ footer .is-layout-flex, .site-footer .is-layout-flex { flex-wrap: wrap !important; gap: 12px !important; } /* Images cards plus petites */ .wp-block-latest-posts__featured-image img { height: 200px; } /* Titres cards */ .wp-block-latest-posts__post-title { font-size: 16px; padding: 16px 20px 0; } .wp-block-latest-posts__post-excerpt { padding: 6px 20px 6px; font-size: 14px; } .wp-block-latest-posts__post-date { padding: 0 20px 16px; } } /* ── Petit mobile (max 480px) ───────────────────────────────────── */ @media (max-width: 480px) { .hero-title { font-size: 1.5rem !important; } .wp-block-cover[style*="min-height"] { min-height: 320px !important; } body { font-size: 16px; } } /* ── Fiche pratique (06/10/2026, lib/fiche-pratique.mjs) ───────────────────── Articles « comment faire » : sommaire numéroté, étapes en frise, checklist à cocher (vraies cases + compteur CSS, aucun script), cas à signaler, repère sourcé. Couleurs du design v2 quand il est actif, de theme.json sinon. */ .gv2-fp { --fp-ink: var(--gv2-ink, #14161A); --fp-text: var(--gv2-text, #3E424A); --fp-acc: var(--gv2-green, var(--wp--preset--color--primary, #2E8B7A)); --fp-deep: var(--gv2-deep, var(--wp--preset--color--primary, #1B4D43)); --fp-ui: var(--gv2-ui, inherit); --fp-r: var(--gv2-r, 0px); font-family: inherit; max-width: none; } .gv2-fp .gv2-fp-titre { margin: 0 0 12px; font-family: var(--fp-ui); font-size: 17px; font-weight: 800; color: var(--fp-ink); } .gv2-fp-sommaire { margin: 0 0 32px; } .gv2-fp-sommaire ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); border: 1.5px solid var(--fp-ink); border-radius: var(--fp-r); overflow: hidden; } .gv2-fp-sommaire li { margin: 0; border-right: 1px solid color-mix(in srgb, var(--fp-ink) 22%, transparent); } .gv2-fp-sommaire li:last-child { border-right: 0; } .gv2-fp-sommaire a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 12px 12px 14px; text-decoration: none; color: var(--fp-ink); font-family: var(--fp-ui); } .gv2-fp-sommaire a:hover { background: color-mix(in srgb, var(--fp-acc) 10%, transparent); } .gv2-fp-sommaire a, .gv2-fp-sommaire a span { text-decoration: none !important; } .gv2-fp-num { font-size: 19px; font-weight: 800; color: var(--fp-acc); line-height: 1; } .gv2-fp-court { font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; line-height: 1.3; } .gv2-fp-frise { list-style: none; margin: 8px 0 36px; padding: 0; } .gv2-fp-frise > li { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 18px; margin: 0; padding: 0 0 22px; } .gv2-fp-frise > li:not(:last-child)::before { content: ""; position: absolute; left: 20px; top: 44px; bottom: 2px; width: 2px; background: var(--fp-acc); } .gv2-fp-pastille { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--fp-deep); color: #fff; font-family: var(--fp-ui); font-weight: 800; font-size: 16px; } .gv2-fp-frise h3 { margin: 8px 0 6px !important; font-family: var(--fp-ui); font-size: 19px; line-height: 1.3; color: var(--fp-ink); } .gv2-fp-frise p { margin: 0 !important; color: var(--fp-text); } .gv2-fp-check { counter-reset: fpdone; margin: 0 0 32px; padding: 22px 24px; border: 1.5px solid var(--fp-ink); border-radius: var(--fp-r); box-shadow: 7px 7px 0 var(--fp-acc); background: #fff; } .gv2-fp-check label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px dashed color-mix(in srgb, var(--fp-ink) 25%, transparent); cursor: pointer; color: var(--fp-text); } .gv2-fp-check input { flex: none; width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--fp-deep); } .gv2-fp-check input:checked { counter-increment: fpdone; } .gv2-fp-check input:checked + span { text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--fp-ink) 45%, transparent); } .gv2-fp-compte { margin: 12px 0 0 !important; font-family: var(--fp-ui); font-size: 14px; font-weight: 700; color: var(--fp-deep); } .gv2-fp-compte::before { content: counter(fpdone); } .gv2-fp-signaler { margin: 0 0 32px; padding: 18px 22px; border: 1.5px solid var(--fp-ink); border-radius: var(--fp-r); } .gv2-fp-signaler ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .gv2-fp-signaler li { margin: 0; padding: 7px 11px; border: 1px solid var(--fp-ink); border-radius: var(--fp-r); font-family: var(--fp-ui); font-size: 14px; font-weight: 600; color: var(--fp-ink); } .gv2-fp-repere { margin: 0 0 32px; padding: 20px 24px; background: color-mix(in srgb, var(--fp-acc) 12%, #fff); border-radius: var(--fp-r); } .gv2-fp-repere p { margin: 0 0 8px !important; color: var(--fp-text); } .gv2-fp-repere .gv2-fp-titre { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--fp-deep); } .gv2-fp-source { margin: 0 !important; font-family: var(--fp-ui); font-size: 13px; color: var(--fp-text); } @media (max-width: 600px) { .gv2-fp-sommaire ol { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gv2-fp-sommaire li { border-bottom: 1px solid color-mix(in srgb, var(--fp-ink) 22%, transparent); } } /* ══════════════════════════════════════════════════════════════════════════ gather-theme — Design v2 « média édité par une structure » Chargé UNIQUEMENT si l'option WP `gather_design_v2` vaut 1 (cf. functions.php). Se superpose à custom.css : les sites sans l'option ne voient rien changer. Palette : lue depuis theme.json du site (--wp--preset--color--*), donc le même fichier s'adapte à chaque site du parc. ══════════════════════════════════════════════════════════════════════════ */ /* ── Polices auto-hébergées ─────────────────────────────────────────────── */ @font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/bricolage-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/bricolage-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 600; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/newsreader-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 600; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/newsreader-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* Vraie italique (24/09/2026) pour les accents de titre des squelettes du pack (écrin, sylve, béton). Instanciée opsz=60 : elle ne sert qu'en grand corps. Sans elle le navigateur penche le romain (fausse italique). */ @font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400 600; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/newsreader-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400 600; font-display: swap; src: url('/wp-content/themes/gather-theme/assets/fonts/newsreader-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* ── Tokens ─────────────────────────────────────────────────────────────── */ :root { --gv2-serif: 'Newsreader', Georgia, 'Times New Roman', serif; --gv2-ui: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Troisième rôle : tout ce qui descend sous ~20 px — étiquettes, nav, dates, titres de vignette. Un couple dont la police de titrage tient mal en petit (une didone n'a plus que des filets à 10 px avec 0,2 em d'interlettrage) le redirige vers la police de texte. Par défaut il suit le titrage, donc les sites déjà en ligne ne bougent pas. */ --gv2-meta: var(--gv2-ui); /* Multiplicateur de TOUS les interlettrages négatifs de ce fichier. Ils ont été réglés sur Bricolage (large) : une serif plus étroite s'y écrase — les lettres de Brygada se touchaient à -0,045 em (14/09/2026). Un couple le pose dans `gather_v2_type_pairs()` (`track`) ; 1 = rendu inchangé. */ --gv2-track: 1; --gv2-green: var(--wp--preset--color--primary, #2D5F3F); --gv2-gold: var(--wp--preset--color--accent, #C8A96E); --gv2-deep: color-mix(in oklab, var(--wp--preset--color--primary, #2D5F3F) 74%, #000); --gv2-ink: #16180F; --gv2-paper: #F4F2EC; --gv2-text: #45473C; /* corps d'article : un cran plus dense que --gv2-text, et redéfini par le fond */ --gv2-body: #2F3229; --gv2-muted: #7C7A6C; --gv2-rule: #DCD7C8; --gv2-rule-soft: #E7E3D6; --gv2-pad: clamp(20px, 4.4vw, 56px); /* Largeur utile maximale. Sans elle, chaque bande prend la fenêtre moins 2×56 px : sur un 24 pouces (1920) ça fait 1808 px de contenu étiré. --gv2-gut est la gouttière réelle : le padding habituel tant que l'écran est étroit, puis tout le surplus renvoyé de chaque côté. */ --gv2-max: 1280px; --gv2-gut: max(var(--gv2-pad), calc((100% - var(--gv2-max)) / 2)); /* la police body du theme.json (DM Sans) est remplacée d'un coup */ --wp--preset--font-family--body: 'Newsreader', Georgia, serif; } /* ── Base ───────────────────────────────────────────────────────────────── */ body { font-family: var(--gv2-serif); background: var(--gv2-paper); color: var(--gv2-ink); font-size: 17px; line-height: 1.75; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-heading, .gv2-ui, .gv2-lbl { font-family: var(--gv2-ui); letter-spacing: calc(-.035em * var(--gv2-track, 1)); font-weight: 800; } .gv2-lbl { font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; line-height: 1.4; display: inline-block; } .gv2-sec { padding-left: var(--gv2-gut); padding-right: var(--gv2-gut); } .gv2 a { text-decoration: none; } /* Flèche « → » dessinée : la police latin ne contient pas U+2192. Dans le rail (300 px), le ::after inline-block ouvrait un point de coupure et la flèche partait seule à la ligne — les libellés y sont courts, on interdit la coupure. */ .gv2-rail .gv2-arrow { white-space: nowrap; } .gv2-arrow::after { content: ""; display: inline-block; width: .62em; height: .62em; margin-left: .5em; vertical-align: -.02em; background: currentColor; -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E"); mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E"); } /* Losange séparateur du bandeau d'ours (U+25C6 absent de la police) */ .gv2-dot::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--gv2-gold); transform: rotate(45deg); vertical-align: .08em; } /* ── Bandeau d'ours ─────────────────────────────────────────────────────── */ .gv2-ours { background: var(--gv2-ink); color: #EDE9DC; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 9px var(--gv2-gut); } .gv2-ours .gv2-lbl { color: #EDE9DC; } .gv2-ours .gv2-ours-soft { color: #9C9887; } .gv2-ours a { color: var(--gv2-gold); border-bottom: 1px solid var(--gv2-gold); padding-bottom: 2px; } /* ── Header ─────────────────────────────────────────────────────────────── */ .gv2-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 18px var(--gv2-gut); background: var(--gv2-paper); border-bottom: 1px solid var(--gv2-rule); } .gv2-brand { display: flex; align-items: center; gap: 13px; } .gv2-brand img, .gv2-brand svg { width: 38px; height: 38px; display: block; } .gv2-brand-name { line-height: 1.04; } .gv2-brand-name b { display: block; font-family: var(--gv2-ui); font-size: 23px; font-weight: 800; letter-spacing: calc(-.045em * var(--gv2-track, 1)); color: var(--gv2-ink); } .gv2-brand-name span { display: block; font-family: var(--gv2-ui); font-size: 9px; font-weight: 600; letter-spacing: .3em; color: var(--gv2-muted); margin-top: 3px; } .gv2-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 30px); overflow-x: auto; scrollbar-width: none; } .gv2-nav::-webkit-scrollbar { display: none; } .gv2-nav a { /* 14,5px était trop discret pour des rubriques qui sont la nav principale du site (retour d'Antoine, 17/09/2026) — elles se lisaient comme du texte de pied de page. */ font-family: var(--gv2-meta); font-size: 16px; font-weight: 600; letter-spacing: calc(-.01em * var(--gv2-track, 1)); color: var(--gv2-ink); white-space: nowrap; padding-bottom: 3px; } .gv2-nav a:hover { color: var(--gv2-green); } .gv2-nav a.gv2-nav-soft { font-weight: 500; color: var(--gv2-muted); } .gv2-nav a.current-menu-item, .gv2-nav a[aria-current="page"] { color: var(--gv2-green); border-bottom: 2px solid var(--gv2-green); } .gv2-cta { font-family: var(--gv2-meta); font-size: 13px; font-weight: 600; color: #fff !important; background: var(--gv2-green); padding: 11px 20px; white-space: nowrap; } .gv2-cta:hover { background: var(--gv2-deep); } /* Dans le header, le CTA est l'action principale : à 13px il passait sous la nav (16px) et se lisait comme une mention secondaire (retour d'Antoine, 17/09/2026). Ailleurs — blocs de contenu — la taille d'origine est conservée. */ .gv2-header .gv2-cta, .gv2-header-centre .gv2-cta { font-size: 15px; padding: 11px 22px; } /* ── Grilles ────────────────────────────────────────────────────────────── */ .gv2-g2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: clamp(18px, 2.2vw, 30px); } .gv2-g3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(18px, 2.2vw, 30px); } .gv2-g3-wide { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(20px, 2.6vw, 34px); } .gv2-g4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: clamp(16px, 1.8vw, 24px); } .gv2-split { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(20px, 3.4vw, 46px); } /* ── Ouverture éditoriale ───────────────────────────────────────────────── */ /* WP pose une marge de 24px sur .wp-block-post-content : sur la home le hero doit coller au filet du header. */ body.home .wp-block-post-content { margin-top: 0; } .wp-block-post-content > .gv2:first-child, .gv2-hero, .gv2-article-layout { margin-block-start: 0; margin-top: 0; } /* Colonne de texte plafonnée : au-delà de --gv2-max, seule l'image continue jusqu'au bord droit (le « fond perdu » voulu), le titre ne s'étire plus. */ .gv2-hero { display: grid; grid-template-columns: minmax(0, min(54%, 680px)) 1fr; gap: clamp(22px, 3vw, 46px); align-items: stretch; padding-left: var(--gv2-gut); } .gv2-hero-text { padding: clamp(34px, 4.4vw, 58px) 0 clamp(30px, 3.6vw, 46px); } .gv2-hero h1 { margin: 20px 0 0; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.02; letter-spacing: calc(-.045em * var(--gv2-track, 1)); text-wrap: balance; } .gv2-hero p { margin: 20px 0 0; font-size: clamp(16px, 1.45vw, 18.5px); line-height: 1.66; color: var(--gv2-text); max-width: 540px; text-wrap: pretty; } .gv2-hero-img { position: relative; min-height: 400px; } /* La colonne de texte est plafonnée : au-delà de ~1400 px seule l'image s'élargit, et à hauteur constante elle s'aplatit en bandeau — le sujet sort du recadrage par le haut (constaté sur kolb en 1920 : il ne restait que le bas du corps). La hauteur monte donc avec la largeur pour rester autour du 3:2. `object-position` est réglable par site via --gv2-hero-pos. */ /* Plafond à 700 et non 560 : au-delà de 2200 px de fenêtre l'image atteignait un rapport de 2,13 et redevenait un bandeau. À 700 elle reste sous 1,7. */ .gv2-hero-img { min-height: clamp(280px, 33vw, 700px); } /* La colonne de texte ne fait pas la hauteur de la photo : étirée, elle laissait 200 px de vide sous le chapô sur un 24 pouces. Elle se cale sur son milieu. */ .gv2-hero-text { align-self: center; } .gv2-hero-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--gv2-hero-pos, center); display: block; } /* variante 3 du kit : photo en fond + voile depuis la gauche */ .gv2-hero-scrim { background-size: cover; background-position: center right; } .gv2-hero-scrim::before { content: ""; position: absolute; inset: 0; background: linear-gradient(96deg, var(--gv2-paper) 0%, color-mix(in srgb, var(--gv2-paper) 96%, transparent) 38%, color-mix(in srgb, var(--gv2-paper) 72%, transparent) 60%, color-mix(in srgb, var(--gv2-paper) 20%, transparent) 100%); } /* ── En-tête de section avec filet ──────────────────────────────────────── */ .gv2-rule-h { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 2px solid var(--gv2-ink); } .gv2-rule-h h2 { margin: 0; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); } .gv2-rule-h .gv2-side { font-size: 15px; color: var(--gv2-muted); font-family: var(--gv2-serif); font-weight: 400; letter-spacing: 0; } /* ── À la une ───────────────────────────────────────────────────────────── */ .gv2-lead-img img { width: 100%; height: clamp(200px, 26vw, 340px); object-fit: cover; display: block; } .gv2-lead h3 { margin: 10px 0 0; font-size: clamp(22px, 2.3vw, 30px); font-weight: 700; line-height: 1.14; letter-spacing: calc(-.035em * var(--gv2-track, 1)); } .gv2-lead p { margin: 13px 0 0; font-size: 16px; line-height: 1.68; color: var(--gv2-text); max-width: 620px; } /* wp:post-template rend un
  • par article : c'est lui qui porte la mise en page, pas une classe qu'on pourrait poser nous-mêmes. */ .gv2-brief .wp-block-post-template { list-style: none; margin: 0; padding: 0; } .gv2-brief .wp-block-post { display: grid; grid-template-columns: 104px 1fr; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--gv2-rule); } .gv2-brief .wp-block-post:first-child { padding-top: 0; } .gv2-brief .wp-block-post-featured-image { margin: 0; } .gv2-brief .wp-block-post-featured-image img { width: 104px; height: 78px; object-fit: cover; display: block; } .gv2-brief .wp-block-post-title { margin: 7px 0 0; font-size: 17px; font-weight: 700; line-height: 1.28; letter-spacing: calc(-.025em * var(--gv2-track, 1)); } .gv2-brief .wp-block-post-title a { color: var(--gv2-ink); } .gv2-brief .wp-block-post-terms, .gv2-brief .wp-block-post-date { font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gv2-green); margin: 0; } /* Article de tête */ .gv2-lead .wp-block-post-template { list-style: none; margin: 0; padding: 0; } .gv2-lead .wp-block-post-featured-image { margin: 0; } .gv2-lead .wp-block-post-featured-image img { width: 100%; height: clamp(200px, 26vw, 340px); object-fit: cover; display: block; } .gv2-lead .wp-block-post-terms { font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gv2-green); margin: 18px 0 0; } .gv2-lead .wp-block-post-title { margin: 10px 0 0; font-size: clamp(22px, 2.3vw, 30px); font-weight: 700; line-height: 1.14; letter-spacing: calc(-.035em * var(--gv2-track, 1)); } .gv2-lead .wp-block-post-title a { color: var(--gv2-ink); } .gv2-lead .wp-block-post-excerpt { margin: 13px 0 0; font-size: 16px; line-height: 1.68; color: var(--gv2-text); max-width: 620px; } .gv2-lead .wp-block-post-excerpt__more-text { display: none; } /* Liste de titres nus */ .gv2-titles .wp-block-post-template { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .gv2-titles .wp-block-post-title { margin: 0; font-family: var(--gv2-serif); font-size: 15.5px; font-weight: 400; line-height: 1.45; letter-spacing: 0; } .gv2-titles .wp-block-post-title a { color: var(--gv2-ink); } /* Vignettes de rubrique */ /* le
      de wp:post-template se dimensionne sur son contenu dans une colonne de grille : sans width:100% les vignettes tombent à 66 px au lieu de 144. */ .gv2-thumbs .wp-block-post-template.wp-block-post-template { list-style: none; margin: 0; padding: 0; width: 100%; max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; } .gv2-thumbs .wp-block-post-featured-image { margin: 0; } .gv2-thumbs .wp-block-post-featured-image img { width: 100%; height: 88px; object-fit: cover; display: block; } /* Carnet : chaque
    • est une ligne de tableau */ .gv2-tbl-body .wp-block-post-template { list-style: none; margin: 0; padding: 0; } /* Chaque ligne est sa propre grille : les largeurs doivent être FIXES, sinon les colonnes ne s'alignent plus d'une ligne à l'autre. La colonne rubrique est donc une variable — 130 px suffisaient à « Décoration » mais coupaient « Santé et bien-être » en deux sur shamea. La place est libre : la colonne du titre prend tout le reste. */ .gv2-tbl-body .wp-block-post { display: grid; grid-template-columns: 130px var(--gv2-tbl-cat, 172px) minmax(0, 1fr); gap: 22px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--gv2-rule-soft); } .gv2-tbl-body .wp-block-post-date { font-size: 14.5px; color: var(--gv2-muted); margin: 0; } .gv2-tbl-body .wp-block-post-terms { font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gv2-green); margin: 0; } .gv2-tbl-body .wp-block-post-title { margin: 0; font-family: var(--gv2-serif); font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.45; } .gv2-tbl-body .wp-block-post-title a { color: var(--gv2-ink); } /* ── Bandeau engagements ────────────────────────────────────────────────── */ .gv2-band { background: var(--gv2-deep); color: #EDE9DC; padding: clamp(34px, 4.2vw, 54px) var(--gv2-gut); } .gv2-band h2 { color: #fff; margin: 16px 0 0; font-size: clamp(24px, 2.7vw, 34px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); line-height: 1.14; max-width: 460px; } .gv2-band .gv2-lbl { color: var(--gv2-gold); } .gv2-band p { margin: 9px 0 0; font-size: 15px; line-height: 1.7; color: color-mix(in srgb, #fff 74%, var(--gv2-deep)); } .gv2-band a { color: var(--gv2-gold); border-bottom: 1px solid var(--gv2-gold); padding-bottom: 3px; } /* ── Rubriques ──────────────────────────────────────────────────────────── */ .gv2-rubrow { display: grid; grid-template-columns: 54px minmax(180px, 250px) 1fr 300px; gap: clamp(14px, 2vw, 30px); align-items: start; padding: 26px 0; border-bottom: 1px solid var(--gv2-rule); } .gv2-rubrow .gv2-num { font-family: var(--gv2-ui); font-size: 26px; font-weight: 800; letter-spacing: calc(-.04em * var(--gv2-track, 1)); color: var(--gv2-gold); line-height: 1; } .gv2-rubrow h3 { margin: 0; font-size: clamp(22px, 2.2vw, 28px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); color: var(--gv2-ink); line-height: 1; } .gv2-rubrow .gv2-count { display: block; margin-top: 9px; color: var(--gv2-green); } .gv2-rubrow p { margin: 0; font-size: 15.5px; line-height: 1.68; color: var(--gv2-text); } /* la grille des vignettes vit sur le
        de wp:post-template, pas sur le conteneur wp:query — sinon le
          devient un item et se réduit de moitié. */ .gv2-rubrow .gv2-thumbs img { width: 100%; height: 88px; object-fit: cover; display: block; } /* ── Repères chiffrés ───────────────────────────────────────────────────── */ .gv2-repere { border-top: 3px solid var(--gv2-green); padding-top: 16px; } .gv2-repere:nth-child(n+4) { border-top-color: var(--gv2-gold); } .gv2-repere .gv2-val { font-family: var(--gv2-ui); margin-top: 8px; font-size: 30px; font-weight: 800; letter-spacing: calc(-.04em * var(--gv2-track, 1)); line-height: 1.1; } .gv2-repere p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.62; color: var(--gv2-text); } /* ── Carte blanche / autrice ────────────────────────────────────────────── */ .gv2-card { background: #fff; border: 1px solid var(--gv2-rule); } .gv2-author { padding: clamp(26px, 3.4vw, 42px); } .gv2-author img.gv2-avatar { width: 118px; height: 118px; object-fit: cover; display: block; flex-shrink: 0; } .gv2-author h2 { margin: 12px 0 0; font-size: clamp(24px, 2.4vw, 30px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); line-height: 1.14; } .gv2-author p { margin: 12px 0 0; font-size: 16px; line-height: 1.7; color: var(--gv2-text); } /* ── Carnet (table) ─────────────────────────────────────────────────────── */ .gv2-tbl-head { display: grid; grid-template-columns: 130px var(--gv2-tbl-cat, 172px) minmax(0, 1fr); gap: 22px; padding: 13px 0 11px; border-bottom: 1px solid var(--gv2-rule); } .gv2-tbl-head p { margin: 0; color: var(--gv2-muted); } /* ── Footer ─────────────────────────────────────────────────────────────── */ /* Le pied est TOUJOURS une bande sombre (ses textes sont écrits clair sur foncé). Il prenait `--gv2-ink` comme fond : sur un fond « dark », l'encre est claire, et le pied sortait crème avec un texte gris illisible (fourchettenomade, marvina…, vu le 22/09/2026). Même repli que l'ours : son fond dédié, sinon l'encre. */ .gv2-footer { background: var(--gv2-ours-bg, var(--gv2-ink)); color: #9C9887; padding: clamp(34px, 4vw, 48px) var(--gv2-gut) 34px; } .gv2-footer a { color: #BAB6A8; font-size: 15px; } .gv2-footer a:hover { color: var(--gv2-gold); } .gv2-footer .gv2-lbl { color: var(--gv2-gold); } .gv2-footer .gv2-brand-name b { color: #F4F2EC; font-size: 21px; } /* pas --gv2-paper : sombre sur un fond dark */ .gv2-footer .gv2-fcol { display: flex; flex-direction: column; gap: 11px; } .gv2-footer .gv2-colophon { padding: 26px 0; border-top: 1px solid #2B2D22; border-bottom: 1px solid #2B2D22; } .gv2-footer .gv2-colophon p { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: #BAB6A8; } .gv2-footer .gv2-colophon .gv2-lbl { color: #6E6C5F; } .gv2-footer .gv2-legal { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; font-size: 13.5px; color: #6E6C5F; } .gv2-footer .gv2-legal a { font-size: 13.5px; color: #6E6C5F; } /* ══ ARTICLE ══════════════════════════════════════════════════════════════ */ /* L'article vit dans une bande plus étroite que la home, et sa colonne de lecture est fixe : sinon le texte plafonné à 690 px flottait à gauche d'une colonne de 1450 px que titres, images et citations remplissaient, elles. */ .gv2-breadcrumb, .gv2-article-layout { --gv2-max: 1180px; } .gv2-article-layout { display: grid; grid-template-columns: minmax(0, 720px) 300px; gap: clamp(24px, 3.6vw, 52px); justify-content: space-between; align-items: start; padding: 22px var(--gv2-gut) clamp(40px, 4.6vw, 60px); } .gv2-breadcrumb { padding: 18px var(--gv2-gut) 0; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; font-size: 14px; color: var(--gv2-muted); } .gv2-breadcrumb a { color: var(--gv2-muted); } .gv2-breadcrumb a:last-of-type { color: var(--gv2-green); } .gv2-breadcrumb .sep { color: var(--gv2-gold); } .gv2-article .wp-block-post-title { margin: 16px 0 0; font-size: clamp(30px, 4vw, 50px); font-weight: 800; line-height: 1.05; letter-spacing: calc(-.045em * var(--gv2-track, 1)); max-width: none; text-wrap: balance; } .gv2-byline { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 26px; padding: 18px 0; border-top: 1px solid var(--gv2-rule); border-bottom: 1px solid var(--gv2-rule); } .gv2-byline img { width: 48px; height: 48px; border-radius: 100px; object-fit: cover; display: block; } .gv2-byline .gv2-who { font-family: var(--gv2-meta); font-size: 15px; font-weight: 700; letter-spacing: calc(-.02em * var(--gv2-track, 1)); } .gv2-byline .gv2-role { font-size: 14px; color: var(--gv2-muted); margin-top: 2px; } .gv2-byline .gv2-dates { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 14px; color: var(--gv2-muted); } .gv2-byline .gv2-checked { color: var(--gv2-green); font-weight: 500; } /* Les libellés sont posés en CSS : PHP ne sait pas échapper « é » dans un format de date, et le bloc sortait vide. */ .gv2-byline .gv2-published::before { content: "Publié le "; } .gv2-byline .gv2-checked::before { content: "Mis à jour le "; } .gv2-article .wp-block-post-featured-image { margin-left: 0; margin-right: 0; max-width: 100%; } .gv2-article .wp-block-post-featured-image img { width: 100%; height: clamp(210px, 30vw, 420px); object-fit: cover; display: block; margin-top: 24px; } .gv2-article .wp-block-post-content { font-size: clamp(17px, 1.45vw, 18.5px); line-height: 1.8; color: var(--gv2-body); } .gv2-article .wp-block-post-content > p, .gv2-article .wp-block-post-content > ul, .gv2-article .wp-block-post-content > ol, .gv2-article .wp-block-post-content > blockquote { max-width: none; } .gv2-article .wp-block-post-content > p { margin: 0 0 20px; text-wrap: pretty; } .gv2-article .wp-block-post-content h2 { margin: 48px 0 16px; font-size: clamp(24px, 2.4vw, 31px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); line-height: 1.16; } .gv2-article .wp-block-post-content h3 { margin: 34px 0 12px; font-size: clamp(19px, 1.7vw, 21px); font-weight: 700; letter-spacing: calc(-.03em * var(--gv2-track, 1)); } .gv2-article .wp-block-post-content img { max-width: 100%; height: auto; } /* custom.css cible `.single .wp-block-post-content blockquote:not(.is-style-default)` soit (0,3,1) : une règle v2 en (0,2,1) perdait, d'où le gris et l'italique qui revenaient. D'où le préfixe `.single` ici. Le filet horizontal noir en haut se lisait comme une séparation de section et entrait en concurrence avec la barre verticale : deux repères pour une même citation se contredisent. Il n'en reste qu'un, à gauche. */ .single .gv2-article .wp-block-post-content blockquote, .single .gv2-article .wp-block-post-content blockquote:not(.is-style-default) { border: 0; border-left: 3px solid var(--gv2-gold); padding: 2px 0 2px clamp(18px, 2.2vw, 28px); margin: 34px 0; font-family: var(--gv2-ui); font-size: clamp(19px, 1.85vw, 24px); font-weight: 600; font-style: normal; line-height: 1.34; letter-spacing: calc(-.025em * var(--gv2-track, 1)); color: var(--gv2-ink); max-width: none; } .single .gv2-article .wp-block-post-content blockquote p { margin: 0; font-size: inherit; color: inherit; font-style: normal; } .single .gv2-article .wp-block-post-content blockquote cite { display: block; margin-top: 12px; font-family: var(--gv2-meta); font-size: 13px; font-style: normal; letter-spacing: .04em; color: var(--gv2-muted); } /* Blocs injectés par le pipeline de publication */ /* Le temps de lecture est le PREMIER

          du contenu : il attrape donc le style de chapô de custom.css, `.single .wp-block-post-content > p:first-of-type` en (0,3,1). Il faut (0,4,0) pour passer devant. Le `font-style` reste perdu : le pipeline pose `style="font-style:italic"` en ligne, et rien ne bat ça. */ .single .gv2-article .wp-block-post-content .reading-time { font-family: var(--gv2-meta); font-size: 14px; font-style: normal; color: var(--gv2-muted); letter-spacing: calc(-.01em * var(--gv2-track, 1)); margin: 0 0 22px; } /* custom.css cible `.single .wp-block-post-content .key-takeaways` (0,3,0) : il faut passer au-dessus, sinon le bloc reste doré avec des ✓ typographiques. */ .single .gv2-article .wp-block-post-content .key-takeaways { background: color-mix(in srgb, var(--gv2-green) 10%, var(--gv2-paper)); border: 0; border-top: 2px solid var(--gv2-green); border-radius: 0; padding: 24px 28px 26px; margin: 32px 0 36px; max-width: none; } .single .gv2-article .wp-block-post-content .key-takeaways h3 { margin: 0 0 16px; font-family: var(--gv2-ui); font-size: 15px; font-weight: 800; letter-spacing: .01em; color: var(--gv2-deep); display: flex; align-items: center; gap: 9px; } .single .gv2-article .wp-block-post-content .key-takeaways h3 i { color: var(--gv2-green); } .single .gv2-article .wp-block-post-content .key-takeaways ul { margin: 0; padding: 0; list-style: none; max-width: none; } .single .gv2-article .wp-block-post-content .key-takeaways li { position: relative; padding: 0 0 0 28px; margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--gv2-ink); } .single .gv2-article .wp-block-post-content .key-takeaways li:last-child { margin-bottom: 0; } .single .gv2-article .wp-block-post-content .key-takeaways li strong { color: var(--gv2-ink); font-weight: 600; } .single .gv2-article .wp-block-post-content .key-takeaways li::before { content: ""; position: absolute; left: 0; top: .42em; width: 15px; height: 15px; font-size: 0; background: var(--gv2-green); -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E"); mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E"); } /* Widgets interactifs injectés par gather-widget.php : centrés sur la colonne, à la largeur de lecture. */ .gv2-article .gather-widget { margin-left: 0; margin-right: 0; max-width: none; } /* Infographies : hautes et chargées en texte, elles mangeaient toute la colonne. Hauteur plafonnée, largeur libre, centrée. */ .gv2-article .gather-infographic { display: block; margin: 34px auto; text-align: center; } .gv2-article .gather-infographic img { max-height: 720px; width: auto; max-width: 100%; height: auto; display: inline-block; border: 1px solid var(--gv2-rule); } /* display:block : le core WP met la légende d'un .aligncenter en table-caption, prévu pour une figure en display:table ; dans notre figure en bloc elle se rétrécissait à la largeur d'un mot. */ .gv2-article .gather-infographic figcaption { display: block; margin-top: 10px; font-size: 14px; color: var(--gv2-muted); } .gv2-article .gather-infographic > a { display: block; line-height: 0; } .gv2-article .gv2-zoom { display: block; width: 100%; margin: 12px 0 0; text-align: center; font-family: var(--gv2-ui); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gv2-green); } /* Signature en tête : le nom doit s'aligner sur le centre de l'avatar */ .gv2-byline .wp-block-post-author { display: flex; align-items: center; gap: 13px; margin: 0; } .gv2-byline .wp-block-post-author__avatar { display: flex; line-height: 0; } .gv2-byline .wp-block-post-author__avatar img { width: 48px; height: 48px; border-radius: 100px; object-fit: cover; display: block; } .gv2-byline .wp-block-post-author__content { display: flex; flex-direction: column; justify-content: center; gap: 2px; } .gv2-byline .wp-block-post-author__name { margin: 0; font-family: var(--gv2-meta); font-size: 15px; font-weight: 700; letter-spacing: calc(-.02em * var(--gv2-track, 1)); line-height: 1.25; } /* Sommaire mobile : replié à l'ouverture, sans JS */ .gv2-toc-details { padding: 15px 20px; } .gv2-toc-details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--gv2-muted); padding: 2px 0; } .gv2-toc-details > summary::-webkit-details-marker { display: none; } .gv2-toc-details > summary::after { content: ""; width: 15px; height: 15px; flex-shrink: 0; background: var(--gv2-ink); transition: transform .2s ease; -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); } .gv2-toc-details[open] > summary::after { transform: rotate(180deg); } .gv2-toc-details .gv2-toc { margin-top: 10px; } /* Rail */ .gv2-rail { display: flex; flex-direction: column; gap: 20px; padding-top: clamp(24px, 3vw, 44px); position: sticky; top: 20px; } .gv2-rail .gv2-card { padding: 22px; } .gv2-toc a { display: block; padding: 10px 0 10px 12px; border-left: 2px solid var(--gv2-rule-soft); font-size: 15.5px; line-height: 1.42; color: var(--gv2-text); } .gv2-toc a.is-active { border-left-color: var(--gv2-green); color: var(--gv2-green); font-weight: 500; } .gv2-toc a.lvl-3 { padding-left: 26px; font-size: 14.5px; color: var(--gv2-muted); } .gv2-rail .gv2-method li { position: relative; padding-left: 28px; margin-bottom: 14px; font-size: 15px; line-height: 1.58; color: var(--gv2-text); list-style: none; } .gv2-rail .gv2-method ul { margin: 15px 0 0; padding: 0; } .gv2-rail .gv2-method li::before { content: ""; position: absolute; left: 0; top: .3em; width: 17px; height: 17px; background: var(--gv2-gold); -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E"); mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E"); } .gv2-rail .gv2-signal { background: var(--gv2-green); padding: 24px 22px; } .gv2-rail .gv2-signal p { margin: 12px 0 0; font-size: 16px; line-height: 1.62; color: #fff; } /* Sur un aplat plein, le libellé et le lien étaient posés en --gv2-gold (accent) sur --gv2-green (primary). Les deux viennent de la palette DU SITE : rien ne garantit qu'ils contrastent. Sur lesbonnesetapes (primary ocre, accent vert sauge) le bloc était illisible — 16/09/2026. Sur aplat, on reste en blanc, la hiérarchie se fait à l'opacité et au soulignement. */ .gv2-rail .gv2-signal .gv2-lbl { color: rgba(255,255,255,.82); } .gv2-rail .gv2-signal a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.55); padding-bottom: 2px; } .gv2-rail .gv2-signal a:hover { border-bottom-color: #fff; } .gv2-authorbox { background: var(--gv2-deep); padding: clamp(26px, 2.6vw, 34px); margin-top: 44px; } .gv2-authorbox .wp-block-post-author { display: grid; grid-template-columns: 84px 1fr; gap: 24px; align-items: start; } .gv2-authorbox .wp-block-post-author__avatar { line-height: 0; } .gv2-authorbox .wp-block-post-author__avatar img { width: 84px; height: 84px; border-radius: 100px; object-fit: cover; display: block; } .gv2-authorbox .wp-block-post-author__content { max-width: 620px; } .gv2-authorbox .wp-block-post-author__byline { font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; /* même raison qu'au bloc « signal » : accent sur aplat foncé = contraste non garanti */ text-transform: uppercase; color: rgba(255,255,255,.78); margin: 0 0 10px; display: block; } .gv2-authorbox .wp-block-post-author__name { font-family: var(--gv2-ui); font-size: 22px; font-weight: 800; letter-spacing: calc(-.035em * var(--gv2-track, 1)); color: #fff; margin: 0; line-height: 1.15; } .gv2-authorbox .wp-block-post-author__bio { margin: 12px 0 0; font-size: 16px; line-height: 1.72; color: color-mix(in srgb, #fff 72%, var(--gv2-deep)); } /* Articles liés */ /* auto-fit + minmax(250px) ne loge que DEUX colonnes dans les 720 px de la colonne de lecture : le troisième article tombait seul sur une deuxième ligne. Trois colonnes égales, et la date calée en bas pour que les cartes s'alignent même quand un titre passe sur deux lignes. */ .gv2-related .wp-block-post-template.wp-block-post-template { list-style: none; margin: 0; padding: 0; width: 100%; max-width: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 22px); } .gv2-related .wp-block-post { display: flex; flex-direction: column; margin: 0; } .gv2-related .wp-block-post-featured-image { margin: 0; } .gv2-related .wp-block-post-title a { font-family: var(--gv2-meta); font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: calc(-.025em * var(--gv2-track, 1)); color: var(--gv2-ink); } .gv2-related .wp-block-post-featured-image img { width: 100%; height: 150px; object-fit: cover; display: block; } .gv2-related .wp-block-post-date { font-size: 14px; color: var(--gv2-muted); margin-top: auto; padding-top: 9px; } /* ── Archives / catégories : reprise minimale au nouveau ton ────────────── */ .wp-block-query .wp-block-post-title a { font-family: var(--gv2-ui); letter-spacing: calc(-.025em * var(--gv2-track, 1)); } .article-card .wp-block-post-title a { font-family: var(--gv2-ui); } /* ── Responsive ─────────────────────────────────────────────────────────── */ @media (max-width: 780px) { .gv2-split, .gv2-rubrow, .gv2-hero, .gv2-article-layout, .gv2-tbl-body .wp-block-post { grid-template-columns: minmax(0, 1fr); } /* sur mobile le hero est plein cadre des deux côtés, le texte garde ses marges */ .gv2-hero { padding-left: 0; padding-right: 0; } .gv2-hero-text { padding-left: var(--gv2-pad); padding-right: var(--gv2-pad); } .gv2-hero .gv2-hero-img { order: -1; min-height: 240px; } .gv2-rubrow { gap: 10px; row-gap: 14px; } .gv2-tbl-body .wp-block-post { gap: 4px; } .gv2-brief .wp-block-post { grid-template-columns: 88px 1fr; } .gv2-tbl-head, .gv2-hide-s { display: none !important; } .gv2-rail { position: static; } .gv2-repere:nth-child(n+4) { border-top-color: var(--gv2-green); } .single .gv2-article .key-takeaways { padding: 22px 20px; } .gv2-related .wp-block-post-template.wp-block-post-template { grid-template-columns: minmax(0, 1fr); } /* sur mobile l'infographie s'ouvre déjà par un appui long : pas de lien */ .gv2-article .gv2-zoom { display: none; } /* custom.css sort l'image à la une du cadre sur mobile (marges -20px) : en v2 elle reste alignée sur la colonne de texte. */ .gv2-article .wp-block-post-featured-image img { margin-left: 0; margin-right: 0; width: 100%; border-radius: 0; } .gv2-byline { gap: 12px; } .gv2-authorbox .wp-block-post-author { grid-template-columns: minmax(0, 1fr); gap: 16px; } } @media (min-width: 781px) { .gv2-only-s { display: none !important; } } /* ══ VARIANTES DE PROFIL ═══════════════════════════════════════════════════ Blocs qui ne servent pas à kolb mais aux profils opposés. Ils sont dans le même fichier que le reste : un seul CSS pour le parc, c'est le profil du site qui choisit les blocs. Les jetons (--gv2-paper, --gv2-ink…) sont les mêmes, donc un fond clair ou sombre n'oblige à rien réécrire ici. ══════════════════════════════════════════════════════════════════════════ */ /* ── À la une, mosaïque ─────────────────────────────────────────────────── */ /* Six tuiles sur quatre colonnes : la 1re et la 6e en occupent deux. C'est la disposition relevée sur st-claire, la seule des trois du parc qui reste lisible parce qu'elle pose un voile sous le titre. */ .gv2-mosaic { padding-left: var(--gv2-gut); padding-right: var(--gv2-gut); } .gv2-mosaic .wp-block-post-template.wp-block-post-template { list-style: none; margin: 0; padding: 0; width: 100%; max-width: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(180px, 19vw, 250px); gap: 10px; } .gv2-mosaic .wp-block-post { position: relative; overflow: hidden; margin: 0; } .gv2-mosaic .wp-block-post:nth-child(1), .gv2-mosaic .wp-block-post:nth-child(6) { grid-column: span 2; } .gv2-mosaic .wp-block-post-featured-image { margin: 0; height: 100%; } .gv2-mosaic .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Le voile ne monte qu'aux deux tiers : au-delà il mange la photo. */ .gv2-mosaic .wp-block-post::after { content: ""; position: absolute; inset: 34% 0 0; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(12, 12, 10, .78)); } /* Catégorie et titre dans un MÊME conteneur positionné : placés en absolu chacun de son côté, un titre sur deux lignes remontait dans la catégorie. Sur photo, toujours la police de texte : les filets d'une didone disparaissent sur un fond chargé, même sous le voile. */ .gv2-mosaic-cap { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 0 clamp(14px, 1.4vw, 20px) clamp(13px, 1.3vw, 18px); } .gv2-mosaic-cap .wp-block-post-terms { margin: 0 0 5px; font-family: var(--gv2-meta); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; opacity: .84; } .gv2-mosaic-cap .wp-block-post-title { margin: 0; font-family: var(--gv2-meta); font-size: clamp(15px, 1.35vw, 19px); font-weight: 700; line-height: 1.26; letter-spacing: calc(-.02em * var(--gv2-track, 1)); text-wrap: pretty; } .gv2-mosaic-cap a { color: #fff; } .gv2-mosaic .wp-block-post:nth-child(1) .gv2-mosaic-cap .wp-block-post-title { font-size: clamp(18px, 1.7vw, 24px); } /* ── Manifeste ──────────────────────────────────────────────────────────── */ /* La phrase du média quand elle passe sous l'ouverture au lieu de la tenir. */ .gv2-manifeste { position: relative; padding: clamp(44px, 5.4vw, 80px) var(--gv2-gut); background: var(--gv2-deep); overflow: hidden; } .gv2-manifeste-img { position: absolute; inset: 0; } .gv2-manifeste-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .gv2-manifeste-photo .gv2-manifeste-img::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--gv2-deep) 76%, transparent); } .gv2-manifeste-text { position: relative; z-index: 2; max-width: 760px; } .gv2-manifeste .gv2-lbl { color: var(--gv2-gold); } .gv2-manifeste h1 { margin: 14px 0 0; color: #fff; font-size: clamp(27px, 3.4vw, 46px); line-height: 1.08; letter-spacing: calc(-.045em * var(--gv2-track, 1)); text-wrap: balance; } .gv2-manifeste p { margin: 18px 0 0; font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.66; color: color-mix(in srgb, #fff 78%, var(--gv2-deep)); max-width: 620px; } /* ── Rubriques en tuiles décalées ───────────────────────────────────────── */ /* Formats et hauteurs inégaux, départs décalés : c'est le décalage qui la distingue d'une grille de cartes. Chaque tuile porte une accroche courte — un compteur d'articles ne dit pas ce qu'on trouve dans la rubrique. */ .gv2-rubtiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: clamp(12px, 1.6vw, 22px); align-items: start; margin-top: 26px; } .gv2-rubtile { position: relative; display: block; overflow: hidden; } .gv2-rubtile img { width: 100%; height: 100%; object-fit: cover; display: block; } .gv2-rubtile-0 { aspect-ratio: 3 / 4; } .gv2-rubtile-1 { aspect-ratio: 4 / 3; margin-top: clamp(18px, 2.8vw, 46px); } .gv2-rubtile-2 { aspect-ratio: 3 / 4; margin-top: clamp(34px, 5vw, 82px); } .gv2-rubtile-3 { aspect-ratio: 4 / 3; margin-top: clamp(8px, 1.2vw, 18px); } .gv2-rubtile::after { content: ""; position: absolute; inset: 40% 0 0; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(12, 12, 10, .74)); } .gv2-rubtile-cap { position: absolute; z-index: 2; left: 0; right: 0; bottom: clamp(14px, 1.4vw, 20px); padding: 0 clamp(14px, 1.4vw, 20px); } .gv2-rubtile-cap b { display: block; font-family: var(--gv2-meta); font-size: clamp(19px, 1.9vw, 25px); font-weight: 800; letter-spacing: calc(-.04em * var(--gv2-track, 1)); color: #fff; line-height: 1.1; } .gv2-rubtile-cap .gv2-lbl { margin-top: 5px; color: var(--gv2-gold); } /* ── Une section par rubrique ──────────────────────────────────────────── */ /* Quatre articles, sans cadre ni ombre : sur un fond uniforme l'image et le titre suffisent — c'est ce qui fait tenir la grille de leanova. */ .gv2-catsec .gv2-rule-h h2 a { color: var(--gv2-ink); } .gv2-catgrid .wp-block-post-template.wp-block-post-template { list-style: none; margin: 22px 0 0; padding: 0; width: 100%; max-width: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: clamp(14px, 1.8vw, 26px); } .gv2-catgrid .wp-block-post { margin: 0; } .gv2-catgrid .wp-block-post-featured-image { margin: 0; } .gv2-catgrid .wp-block-post-featured-image img { width: 100%; height: clamp(130px, 13vw, 172px); object-fit: cover; display: block; } .gv2-catgrid .wp-block-post-title { margin: 12px 0 0; font-family: var(--gv2-meta); font-size: 16.5px; font-weight: 700; line-height: 1.32; letter-spacing: calc(-.025em * var(--gv2-track, 1)); } .gv2-catgrid .wp-block-post-title a { color: var(--gv2-ink); } .gv2-catgrid .wp-block-post-date { margin: 7px 0 0; font-size: 14px; color: var(--gv2-muted); } @media (max-width: 780px) { .gv2-mosaic .wp-block-post-template.wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 40vw, 200px); } .gv2-mosaic .wp-block-post:nth-child(1), .gv2-mosaic .wp-block-post:nth-child(6) { grid-column: span 2; } .gv2-rubtile-1, .gv2-rubtile-2, .gv2-rubtile-3 { margin-top: 0; } .gv2-rubtile-0, .gv2-rubtile-1, .gv2-rubtile-2, .gv2-rubtile-3 { aspect-ratio: 16 / 10; } } /* ── Chrome : variantes de header et de footer ──────────────────────────── */ /* Ces deux fichiers sont propres à chaque site : c'est là que l'empreinte du parc se voit en premier si tout le monde a la même forme. Le contrat d'information ne bouge pas (bandeau daté, marque, nav, ours, ligne légale), seule la disposition change. */ /* Header « marque centrée » : le wordmark prend toute la largeur, la nav passe dessous sur un filet. Forme de titre de presse — pour les sites dont la marque porte le design plutôt qu'une photo. */ .gv2-header-centre { flex-direction: column; gap: 15px; padding-top: 26px; padding-bottom: 0; } .gv2-header-centre .gv2-brand { flex-direction: column; gap: 9px; text-align: center; } .gv2-header-centre .gv2-brand img { width: 44px; height: 44px; } .gv2-header-centre .gv2-brand-name b { font-size: clamp(27px, 3.2vw, 42px); } .gv2-header-centre .gv2-brand-name span { letter-spacing: .42em; margin-top: 5px; } .gv2-header-centre .gv2-nav { width: 100%; justify-content: center; gap: clamp(16px, 2.4vw, 36px); border-top: 1px solid var(--gv2-rule); padding: 14px 0; } .gv2-header-centre .gv2-nav-cta { color: var(--gv2-green); font-weight: 700; } /* Footer « ours continu » : pas de colonnes. Le wordmark en grand, l'ours en texte suivi comme un pavé de mentions de presse, les liens sur une ligne. */ .gv2-footer-continu .gv2-brand-xl .gv2-brand-name b { font-size: clamp(29px, 4vw, 50px); } .gv2-footer-continu .gv2-brand-xl img { width: 46px; height: 46px; } .gv2-footer-blurb { margin: 16px 0 0; font-size: 16px; line-height: 1.7; max-width: 560px; color: #BAB6A8; } .gv2-ours-run { margin: 26px 0 0; padding: 20px 0; border-top: 1px solid #2B2D22; border-bottom: 1px solid #2B2D22; font-size: 14.5px; line-height: 1.85; color: #BAB6A8; max-width: 940px; } .gv2-ours-run b { font-family: var(--gv2-ui); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gv2-gold); } .gv2-footer-links { display: flex; flex-wrap: wrap; gap: 11px 24px; padding: 20px 0 2px; } /* Footer « minimal » : une marque, une ligne de liens, une ligne légale. L'ours complet reste sur la page mentions légales. */ .gv2-footer-min { padding-bottom: 26px; } .gv2-footer-min .gv2-footer-links { padding: 18px 0 4px; border-bottom: 1px solid #2B2D22; } .gv2-footer-min .gv2-legal { padding-top: 16px; } /* ── Page de rubrique ───────────────────────────────────────────────────── */ /* Elle n'ouvre pas sur une grille de cartes : quatre dernières parutions, puis tout le fonds listé par année. Sur 131 guides, la grille paginée ne montre rien du volume ; la liste le montre en un écran, et maille tout le fonds. */ .gv2-rub-head { padding-top: 10px; padding-bottom: clamp(26px, 3vw, 38px); } .gv2-rub-head h1 { margin: 0; font-size: clamp(32px, 4.4vw, 54px); line-height: 1.04; letter-spacing: calc(-.045em * var(--gv2-track, 1)); } .gv2-rub-head p { margin: 16px 0 0; font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.66; color: var(--gv2-text); max-width: 620px; } .gv2-rub-head .gv2-rub-count { margin-top: 14px; color: var(--gv2-green); font-size: 10px; } .gv2-archive { margin-top: 4px; } .gv2-arch-year { padding: 22px 0 4px; border-top: 1px solid var(--gv2-rule); } .gv2-arch-year h3 { margin: 0 0 12px; font-size: clamp(19px, 1.8vw, 23px); letter-spacing: calc(-.04em * var(--gv2-track, 1)); color: var(--gv2-muted); font-weight: 800; } /* Colonnes, pas grille : le lecteur balaie une colonne du regard, et le nombre de colonnes suit la largeur sans qu'on ait à le décider. */ .gv2-arch-list { column-width: 310px; column-gap: clamp(22px, 3vw, 46px); } .gv2-arch-list a { display: flex; gap: 12px; align-items: baseline; break-inside: avoid; padding: 7px 0; border-bottom: 1px solid var(--gv2-rule-soft); color: var(--gv2-ink); } .gv2-arch-list a:hover .gv2-arch-title { color: var(--gv2-green); } .gv2-arch-date { flex: 0 0 22px; text-align: right; font-family: var(--gv2-meta); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gv2-muted); padding-top: 3px; } .gv2-arch-title { font-size: 15.5px; line-height: 1.42; text-wrap: pretty; } @media (max-width: 780px) { .gv2-arch-list { column-width: auto; columns: 1; } } /* ── Ouverture « photo voilée » ─────────────────────────────────────────── */ /* Photo pleine largeur, voile, titre posé dessus. Pour les sites qui ont une photo forte et rien à mettre à côté — et pour un fond sombre, où le voile prolonge la page au lieu de la trouer. */ .gv2-veiled { position: relative; overflow: hidden; display: flex; align-items: flex-end; min-height: clamp(360px, 46vw, 620px); padding: clamp(34px, 4.4vw, 64px) var(--gv2-gut); } .gv2-veiled-img { position: absolute; inset: 0; } .gv2-veiled-img img { width: 100%; height: 100%; object-fit: cover; object-position: var(--gv2-hero-pos, center); display: block; } .gv2-veiled-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,11,14,.88) 0%, rgba(10,11,14,.62) 46%, rgba(10,11,14,.28) 100%); } .gv2-veiled-text { position: relative; z-index: 2; max-width: 760px; } .gv2-veiled h1 { margin: 14px 0 0; color: #fff; font-size: clamp(30px, 3.9vw, 54px); line-height: 1.05; letter-spacing: calc(-.045em * var(--gv2-track, 1)); text-wrap: balance; } .gv2-veiled p { margin: 18px 0 0; font-size: clamp(16px, 1.4vw, 18.5px); line-height: 1.66; color: rgba(255,255,255,.82); max-width: 620px; text-wrap: pretty; } /* ── Fond sombre : ce que les blocs ne peuvent pas deviner ──────────────── */ /* Le bandeau daté est écrit clair sur --gv2-ink. Sur un fond sombre, --gv2-ink DEVIENT clair : la bande passait en clair-sur-clair et « Proposer un sujet » devenait illisible. Deux jetons dédiés, que le fond redéfinit. */ .gv2-ours { background: var(--gv2-ours-bg, var(--gv2-ink)); color: var(--gv2-ours-fg, #EDE9DC); } .gv2-ours .gv2-lbl { color: inherit; } .gv2-ours a.gv2-lbl { color: var(--gv2-gold); } /* Les libellés et les paragraphes des blocs suivent désormais les jetons du site : ils étaient écrits en dur avec les valeurs de kolb (fond papier). */ .gv2-g3 > div > .gv2-lbl, .gv2-repere > .gv2-lbl { color: var(--gv2-muted); } .gv2-g3 > div > p { color: var(--gv2-text); } /* La nav mérite un filet : sur fond sombre, une rangée de mots sans repère flotte. Le trait la rattache au bandeau daté au-dessus. */ .gv2-header { border-top: 1px solid var(--gv2-rule); } .gv2-nav a { position: relative; padding-bottom: 4px; } .gv2-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--gv2-gold); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; } .gv2-nav a:hover::after { transform: scaleX(1); } /* Footer « ours continu » : il se bridait à 940 px dans un conteneur de 1280, ce qui coupait la ligne légale en deux. Il prend toute la bande. */ .gv2-footer-continu .gv2-ours-run { max-width: none; } .gv2-footer-continu .gv2-footer-blurb { max-width: 720px; } /* La bande de rubriques du header centré : c'est elle qui porte la structure, pas le logo. Filets au-dessus et en dessous, séparateurs entre les entrées, et la rubrique courante soulignée — quatre mots flottant au milieu d'une bande large se lisaient comme un remplissage. */ .gv2-header-centre .gv2-nav { border-top: 1px solid var(--gv2-rule); border-bottom: 1px solid var(--gv2-rule); padding: 0; gap: 0; margin-top: 4px; } .gv2-header-centre .gv2-nav a { padding: 14px clamp(15px, 1.9vw, 30px); font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; border-left: 1px solid var(--gv2-rule-soft); } .gv2-header-centre .gv2-nav a:first-child { border-left: 0; } .gv2-header-centre .gv2-nav a::after { bottom: -1px; height: 2px; } /* Logique de couleur : l'OR signifie une action, pas un état. La rubrique courante se marque par son trait et son blanc plein ; l'or est réservé au seul lien qui demande un geste. Sans ça, « Nous écrire » se perdait au milieu des rubriques. */ .gv2-header-centre .gv2-nav a[aria-current] { color: var(--gv2-ink); font-weight: 700; } .gv2-header-centre .gv2-nav a[aria-current]::after { transform: scaleX(1); background: var(--gv2-gold); } .gv2-header-centre .gv2-nav-cta { color: var(--gv2-gold); font-weight: 700; } .gv2-header-centre .gv2-nav-cta::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 9px; background: var(--gv2-gold); transform: rotate(45deg); vertical-align: .12em; } /* Encadré hérité d'un autre pipeline (cf. functions.php) : le contenu portait sa couleur en dur. Repris aux jetons du site pour tenir sur tous les fonds. */ .gv2-article .wp-block-post-content .gv2-encadre { background: color-mix(in srgb, var(--gv2-green) 12%, var(--gv2-paper)); border-left: 3px solid var(--gv2-green); padding: 20px 24px; margin: 30px 0; max-width: none; font-size: 16.5px; line-height: 1.66; color: var(--gv2-ink); } /* Vidéos embarquées : WordPress sort une iframe à sa taille d'origine (500 px ici), qui flotte dans une colonne de 720. Elles prennent la largeur de lecture et gardent leur rapport. */ .gv2-article .wp-block-post-content iframe, .gv2-article .wp-block-post-content .wp-block-embed__wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; display: block; } .gv2-article .wp-block-post-content figure.wp-block-embed { margin: 30px 0; max-width: none; } /* Un embarquement TikTok est un

          par convention, pas une citation : la mise en forme des exergues en faisait un pavé de hashtags en gros corps. Il reprend une apparence neutre et se centre sur la colonne de lecture. */ .single .gv2-article .wp-block-post-content blockquote.tiktok-embed, .single .gv2-article .wp-block-post-content blockquote[cite*="tiktok.com"] { border: 0; padding: 0; margin: 30px auto; font-family: var(--gv2-serif); font-size: 16px; font-weight: 400; line-height: 1.7; letter-spacing: 0; color: var(--gv2-text); max-width: 605px; } .single .gv2-article .wp-block-post-content blockquote.tiktok-embed a { color: var(--gv2-green); } /* Les vidéos posées en