/* Généré par scripts/livre/importer.mjs : styles du livre dans la couche « livre ». */
@layer livre {
/* wp-img-auto-sizes-contain-inline-css */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/* wp-block-navigation-link-inline-css */
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
/*# sourceURL=/wp-includes/blocks/navigation-link/style.min.css */
/* wp-block-navigation-inline-css */
.wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}:where(.wp-block-navigation) ul li{padding:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}@media (hover:hover){.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child.open-always{align-items:var(--navigation-layout-align,initial);flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always,.wp-block-navigation .has-child.open-always .wp-block-navigation-item{justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation-item,.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{padding-bottom:0;padding-top:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container{padding-left:var(--wp--style--block-gap,2em);padding-right:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,.wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content{flex-grow:0}.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container{background-color:transparent;border:none;color:inherit;flex-basis:100%;height:auto;opacity:1;overflow:visible;position:static;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;z-index:100000}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container{display:none;width:100%}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close{max-width:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container){display:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container{display:block}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container{left:0;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.disable-default-overlay .wp-block-navigation__responsive-container-close{right:clamp(1rem,var(--wp--style--root--padding-left),20rem);top:clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}
/*# sourceURL=/wp-includes/blocks/navigation/style.min.css */
/* wp-block-paragraph-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=/wp-includes/blocks/paragraph/style.min.css */
/* wp-block-group-inline-css */
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=/wp-includes/blocks/group/style.min.css */
/* wp-block-image-inline-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:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;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=/wp-includes/blocks/image/style.min.css */
/* wp-block-heading-inline-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=/wp-includes/blocks/heading/style.min.css */
/* wp-block-quote-inline-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=/wp-includes/blocks/quote/style.min.css */
/* wp-block-list-inline-css */
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
/*# sourceURL=/wp-includes/blocks/list/style.min.css */
/* wp-block-details-inline-css */
.wp-block-details{box-sizing:border-box}.wp-block-details summary{cursor:pointer}
/*# sourceURL=/wp-includes/blocks/details/style.min.css */
/* wp-block-post-content-inline-css */
.wp-block-post-content{display:flow-root}
/*# sourceURL=/wp-includes/blocks/post-content/style.min.css */
/* wp-block-library-inline-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;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
/* global-styles-inline-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--encre: #111111;--wp--preset--color--texte: #2B2B2B;--wp--preset--color--gris: #5F5F5F;--wp--preset--color--trait: #D9D9D9;--wp--preset--color--blanc: #FFFFFF;--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-size--legende: 13px;--wp--preset--font-size--texte: 17px;--wp--preset--font-size--grand: 19px;--wp--preset--font-family--inter-tight: "Inter Tight", "Helvetica Neue", Arial, 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);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 1440px;--wp--style--global--wide-size: 1440px; }: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: 0px; 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: 0px; }: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: 0px;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: 0px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 0px;}:root :where(.is-layout-grid){gap: 0px;}.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--blanc);color: var(--wp--preset--color--encre);font-family: var(--wp--preset--font-family--inter-tight);font-size: 17px;line-height: 1.55;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: inherit;text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: underline;}h1, h2, h3, h4, h5, h6{font-weight: 400;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-encre-color{color: var(--wp--preset--color--encre) !important;}.has-texte-color{color: var(--wp--preset--color--texte) !important;}.has-gris-color{color: var(--wp--preset--color--gris) !important;}.has-trait-color{color: var(--wp--preset--color--trait) !important;}.has-blanc-color{color: var(--wp--preset--color--blanc) !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-encre-background-color{background-color: var(--wp--preset--color--encre) !important;}.has-texte-background-color{background-color: var(--wp--preset--color--texte) !important;}.has-gris-background-color{background-color: var(--wp--preset--color--gris) !important;}.has-trait-background-color{background-color: var(--wp--preset--color--trait) !important;}.has-blanc-background-color{background-color: var(--wp--preset--color--blanc) !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-encre-border-color{border-color: var(--wp--preset--color--encre) !important;}.has-texte-border-color{border-color: var(--wp--preset--color--texte) !important;}.has-gris-border-color{border-color: var(--wp--preset--color--gris) !important;}.has-trait-border-color{border-color: var(--wp--preset--color--trait) !important;}.has-blanc-border-color{border-color: var(--wp--preset--color--blanc) !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-legende-font-size{font-size: var(--wp--preset--font-size--legende) !important;}.has-texte-font-size{font-size: var(--wp--preset--font-size--texte) !important;}.has-grand-font-size{font-size: var(--wp--preset--font-size--grand) !important;}.has-inter-tight-font-family{font-family: var(--wp--preset--font-family--inter-tight) !important;}
/*# sourceURL=global-styles-inline-css */
/* wp-block-template-skip-link-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 */
/* wp-fonts-local */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 500;font-display:swap;src:url("/livre/fonts/inter-tight-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:"Inter Tight";font-style:normal;font-weight:400 500;font-display:swap;src:url("/livre/fonts/inter-tight-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter Tight";font-style:italic;font-weight:400 500;font-display:swap;src:url("/livre/fonts/inter-tight-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;}
@font-face{font-family:"Inter Tight";font-style:italic;font-weight:400 500;font-display:swap;src:url("/livre/fonts/inter-tight-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/*
Theme Name: Retrouver la clarté
Theme URI: /
Author: Chan Ing
Description: Thème bloc sur mesure du site du livre Retrouver la clarté. Contenus 100 % modifiables dans l'éditeur.
Version: 1.10.8
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retrouver-la-clarte
*/
:root {
--encre: #111111;
--texte: #2b2b2b;
--blanc: #ffffff;
--trait: #d9d9d9;
--gris: #5f5f5f;
--police: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
--col-a: 25%;
}
*, *::before, *::after { box-sizing: border-box; }
/* les ancres s'arrêtent sous l'en-tête fixe (hauteur mesurée par app.js, valeur de repli sinon) */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--rlc-entete, 56px) + 16px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
margin: 0;
background: var(--blanc);
color: var(--encre);
font-family: var(--police);
font-weight: 400;
font-size: 17px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
.wp-site-blocks { padding: 0 28px; }
h1, h2, h3, p, ol, ul, figure, blockquote { margin: 0; padding: 0; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--encre); outline-offset: 3px; }
img { display: block; max-width: 100%; height: auto; }
cite { font-style: normal; }
em, i { font-style: italic; } /* Inter Tight italique, auto-hébergée (theme.json) */
/* Gutenberg ajoute des marges entre blocs : neutralisées à la source
(blockGap: 0px dans theme.json) et ici à spécificité nulle, pour ne
jamais écraser les marges des composants. */
:where(.wp-block-group) > :where(*) { margin-block: 0; }
.wp-block-image, .wp-block-quote { margin: 0; }
.wp-block-group.page {
max-width: 1440px;
margin: 0 auto;
border-left: 1px solid var(--trait);
border-right: 1px solid var(--trait);
overflow: hidden;
overflow: clip; /* « clip » ne bloque pas l'en-tête collant ; les navigateurs anciens gardent « hidden » */
}
/* ---------- Typographie commune ---------- */
.texte {
font-size: 17px;
line-height: 1.6;
color: var(--texte);
max-width: 38em;
}
.texte--grand { font-size: 19px; line-height: 1.55; color: var(--encre); }
.surtitre {
display: block;
font-size: 12px;
line-height: 1.4;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--gris);
}
.legende { font-size: 13px; line-height: 1.4; color: var(--gris); }
.titre-section {
font-size: clamp(32px, 3.4vw, 50px);
line-height: 1.1;
font-weight: 400;
letter-spacing: -.015em;
}
.titre-moyen {
font-size: clamp(28px, 2.5vw, 36px);
line-height: 1.2;
font-weight: 400;
}
.parenthese { font-size: 14px; letter-spacing: .02em; }
/* Carré noir : marqueur de grille, toujours en pseudo-élément */
.heros__pied::before,
.parties::after,
.doute::after,
.auteur__marge::after,
.lecteurs-tete::after {
content: "";
position: absolute;
width: 22px; height: 22px;
background: var(--encre);
z-index: 2;
}
/* ---------- En-tête ---------- */
/* Il reste en haut pendant la lecture (sous la barre d'administration quand elle est là). */
header.wp-block-template-part {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 20;
background: var(--blanc);
}
.entete {
position: relative;
padding: 0 20px;
border-bottom: 1px solid var(--trait);
}
.entete .wp-block-navigation.entete__nav { display: block; font-size: 14px; }
.entete .wp-block-navigation.entete__nav .wp-block-navigation__container {
display: grid;
grid-template-columns: repeat(3, auto) 1fr;
column-gap: 36px;
row-gap: 0;
align-items: center;
}
.entete .wp-block-navigation .wp-block-navigation-item__content { display: inline-block; padding: 16px 0; }
.entete .wp-block-navigation .entete__droite { justify-self: end; }
.entete__mono {
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
font-weight: 500;
letter-spacing: -.02em;
line-height: 1;
}
.entete__mono a { display: inline-block; padding: 6px; }
.entete__mono a:hover { text-decoration: none; }
/* ---------- 1 · Héros ---------- */
.heros {
display: grid;
grid-template-columns: 7% 38% 1fr;
border-bottom: 1px solid var(--trait);
}
.heros::before { content: ""; border-right: 1px solid var(--trait); }
.heros__livre {
border-right: 1px solid var(--trait);
padding: 32px 9% 56px;
}
.wp-block-image.livre {
box-shadow: 0 34px 40px -12px rgba(0,0,0,.30), 0 8px 12px rgba(0,0,0,.12);
aspect-ratio: 2 / 3;
}
.wp-block-image.livre img { width: 100%; height: 100%; object-fit: cover; }
.heros__droite {
display: grid;
grid-template-rows: auto 1fr auto;
}
.heros__tete {
padding: 34px 32px 64px;
border-bottom: 1px solid var(--trait);
}
.heros__titre {
font-size: clamp(36px, 3.9vw, 60px);
line-height: 1.04;
max-width: 14em;
text-wrap: balance;
font-weight: 500;
letter-spacing: -.03em;
}
.heros__sous-titre {
margin-top: 22px;
font-size: clamp(22px, 2vw, 29px);
line-height: 1.25;
letter-spacing: -.01em;
max-width: 19em;
}
.heros__intro {
margin-top: 26px;
font-size: 18px;
line-height: 1.55;
color: var(--texte);
max-width: 30em;
}
.heros__recit {
display: grid;
grid-template-columns: 38% 1fr;
}
.heros__accroche {
font-size: clamp(22px, 1.9vw, 27px);
line-height: 1.2;
letter-spacing: -.01em;
padding: 28px 32px;
}
.wp-block-quote.heros__citation {
padding: 28px 32px 40px;
border-left: 1px solid var(--trait);
}
.heros__citation p {
font-size: 17px;
line-height: 1.6;
color: var(--texte);
max-width: 32em;
}
.heros__citation p + p { margin-top: 12px; color: var(--encre); }
.heros__citation cite { display: block; margin-top: 18px; font-size: 13px; line-height: 1.4; color: var(--gris); }
.heros__pied {
position: relative;
border-top: 1px solid var(--trait);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px 28px;
padding: 14px 20px;
}
.heros__pied { align-items: center; }
.heros__pied a { display: inline-block; padding: 6px 0; }
.heros__pied::before { left: 38%; top: -22px; }
/* ---------- 2 · Démarche ---------- */
.demarche { border-bottom: 1px solid var(--trait); }
.demarche__titre-rangee {
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.demarche__titre-rangee::before { content: ""; border-right: 1px solid var(--trait); }
.demarche__titre-rangee .titre-section { padding: 30px 32px 38px; }
.demarche__grille {
display: grid;
grid-template-columns: var(--col-a) 1fr;
}
.demarche__etiquette {
border-right: 1px solid var(--trait);
padding: 34px 32px 40px 20px;
display: flex;
flex-direction: column;
gap: 14px;
}
.etape {
display: grid;
grid-template-columns: 72px 1fr 27%;
border-bottom: 1px solid var(--trait);
}
.etape:last-child { border-bottom: 0; }
.etape__num {
padding: 30px 0 0 32px;
font-size: 13px;
font-weight: 500;
color: var(--gris);
}
.etape__corps { padding: 26px 40px 30px 12px; }
.etape__titre {
font-size: clamp(22px, 1.9vw, 27px);
line-height: 1.25;
font-weight: 400;
letter-spacing: -.01em;
}
.etape__titre strong { font-weight: 500; }
.etape__corps .texte { margin-top: 10px; max-width: 34em; }
.etape__ref {
padding: 30px 24px;
border-left: 1px solid var(--trait);
font-size: 16px;
line-height: 1.4;
}
.etape__ref .surtitre { margin-bottom: 6px; }
/* ---------- 3 · Les quatre parties ---------- */
.parties {
position: relative;
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.parties__gauche {
border-right: 1px solid var(--trait);
padding: 42px 32px 40px 20px;
display: flex;
flex-direction: column;
gap: 40px;
}
.parties__gauche .titre-moyen { max-width: 7.6em; }
.parties__liste {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.partie {
padding: 42px 28px 40px;
border-right: 1px solid var(--trait);
display: flex;
flex-direction: column;
}
.partie:last-child { border-right: 0; }
.partie__titre {
margin-top: 14px;
font-size: clamp(26px, 2.3vw, 34px);
line-height: 1.15;
font-weight: 400;
letter-spacing: -.015em;
}
.partie__exergue {
margin-top: 18px;
font-size: 18px;
line-height: 1.5;
color: var(--texte);
}
.partie__chapitres { margin-top: auto; padding-top: 30px; }
.partie__chapitres summary {
cursor: pointer;
list-style: none;
font-size: 14px;
padding: 10px 0;
border-top: 1px solid var(--trait);
}
.partie__chapitres summary::-webkit-details-marker { display: none; }
.partie__chapitres summary::before { content: "( + ) "; }
.partie__chapitres[open] summary::before { content: "( – ) "; }
.partie__chapitres ol {
list-style: decimal;
padding-left: 1.6em;
font-size: 16px;
line-height: 1.5;
color: var(--texte);
}
.partie__chapitres li + li { margin-top: 4px; }
.parties::after { left: calc(var(--col-a) - 11px); bottom: -11px; }
/* ---------- 4 · Bandeau ---------- */
.bandeau { position: relative; border-bottom: 1px solid var(--trait); }
.bandeau::before {
/* bande de grille au-dessus de la photo : 25 % | 31 % | 13 % | 31 % */
content: "";
display: block;
height: 110px;
border-bottom: 1px solid var(--trait);
background:
linear-gradient(var(--trait), var(--trait)) calc(var(--col-a) - 1px) 0 / 1px 100% no-repeat,
linear-gradient(var(--trait), var(--trait)) 56% 0 / 1px 100% no-repeat,
linear-gradient(var(--trait), var(--trait)) 69% 0 / 1px 100% no-repeat;
}
.wp-block-image.bandeau__photo {
position: relative;
height: clamp(520px, 48vw, 690px);
overflow: hidden;
background: #555;
}
.wp-block-image.bandeau__photo img {
width: 100%; height: 100%;
object-fit: cover;
filter: grayscale(1) contrast(1.05) brightness(1.08);
}
.wp-block-image.bandeau__photo::after {
/* grain + voile pour la lisibilité du texte */
content: "";
position: absolute; inset: 0;
background:
linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.08) 72%, rgba(0,0,0,0) 100%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
}
.bandeau__contenu {
position: absolute;
left: 0; right: 0;
top: calc(110px + 22%);
display: grid;
grid-template-columns: var(--col-a) 1fr;
color: var(--blanc);
z-index: 2;
}
.bandeau__mono {
justify-self: end;
font-size: clamp(110px, 12vw, 172px);
line-height: .78;
font-weight: 500;
letter-spacing: -.04em;
}
.bandeau__textes {
padding-left: 32px;
display: flex;
flex-direction: column;
gap: 26px;
max-width: 34em;
}
.bandeau__textes p {
font-size: 18px;
line-height: 1.55;
text-shadow: 0 1px 12px rgba(0,0,0,.45);
}
.wp-block-quote.bandeau__citation {
padding: 14px 0;
border-top: 1px solid rgba(255,255,255,.55);
}
.bandeau__textes .legende { color: rgba(255,255,255,.85); font-size: 13px; }
/* ---------- 5 · Le doute ---------- */
.doute {
position: relative;
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.doute::before { content: ""; border-right: 1px solid var(--trait); }
.doute::after { left: calc(var(--col-a) - 1px); top: 0; }
.wp-block-quote.doute__citation { padding: 120px 48px 110px 32px; }
.doute__citation p {
font-size: clamp(36px, 4.6vw, 68px);
line-height: 1.08;
letter-spacing: -.025em;
max-width: 13.5em;
text-wrap: balance;
}
.doute__citation cite { display: block; margin-top: 36px; font-size: 15px; line-height: 1.4; color: var(--gris); }
/* ---------- 6 · Auteur ---------- */
.auteur {
display: grid;
grid-template-columns: var(--col-a) 36% 1fr;
border-bottom: 1px solid var(--trait);
}
.auteur__marge {
position: relative;
border-right: 1px solid var(--trait);
padding: 34px 20px;
}
.auteur__marge::after { left: 0; top: 46%; }
.wp-block-image.auteur__photo { border-right: 1px solid var(--trait); aspect-ratio: 2 / 3; overflow: hidden; }
.wp-block-image.auteur__photo img { width: 100%; height: 100%; object-fit: cover; }
.auteur__infos {
padding: 34px 40px 40px 32px;
display: flex;
flex-direction: column;
gap: 22px;
}
.auteur__infos .titre-section { margin-bottom: 6px; }
.auteur__lien a { display: inline-block; padding: 10px 0; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.auteur__lien a:hover { text-decoration-color: currentColor; }
.chiffres {
margin-top: auto;
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid var(--trait);
}
.chiffre { padding: 20px 0 0; }
.chiffre + .chiffre { padding-left: 24px; border-left: 1px solid var(--trait); }
.chiffre__valeur {
font-size: clamp(36px, 3.3vw, 48px);
line-height: 1;
letter-spacing: -.02em;
margin-bottom: 10px;
}
.chiffre__valeur sup { font-size: .4em; vertical-align: top; position: relative; top: .3em; }
/* ---------- 7 · Extraits ---------- */
.extraits { position: relative; border-bottom: 1px solid var(--trait); }
.extraits__haut {
display: grid;
grid-template-columns: 50% 1fr;
border-bottom: 1px solid var(--trait);
}
.extraits__intro { padding: 110px 32px 26px 20px; max-width: 24em; align-self: end; }
.extraits__titre {
padding: 110px 40px 26px 32px;
border-left: 1px solid var(--trait);
max-width: calc(13.5em + 72px);
}
.extraits__rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc(100% / 3);
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
overscroll-behavior-x: contain;
}
.extraits__rail::-webkit-scrollbar { display: none; }
.extraits__rail:focus-visible { outline-offset: -3px; }
.extrait {
position: relative;
scroll-snap-align: start;
min-height: 300px;
padding: 32px 32px 20px;
border-right: 1px solid var(--trait);
display: flex;
flex-direction: column;
gap: 40px;
}
.extrait::before {
content: "";
position: absolute;
top: 16px; right: 16px;
width: 6px; height: 6px;
background: var(--encre);
}
.extrait__texte p {
font-size: clamp(21px, 1.7vw, 25px);
line-height: 1.35;
letter-spacing: -.01em;
max-width: 17em;
}
.extrait__pied {
margin-top: auto;
display: flex;
justify-content: space-between;
gap: 16px;
font-size: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--gris);
}
.extrait__compte { white-space: nowrap; }
.extraits__fleches {
display: flex;
justify-content: space-between;
padding: 14px 0 40px;
border-top: 1px solid var(--trait);
}
.fleche {
display: flex;
align-items: center;
justify-content: center;
width: 44px; height: 44px;
background: var(--encre);
color: var(--blanc);
font-size: 22px;
line-height: 1;
cursor: pointer;
user-select: none;
}
.fleche.est-inactif { opacity: .25; cursor: default; }
/* ---------- 8 · Aller plus loin ---------- */
.poursuivre {
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.poursuivre__titre {
font-size: clamp(34px, 3.4vw, 50px);
line-height: 1.12;
letter-spacing: -.01em;
font-weight: 400;
padding: 26px 24px 40px 20px;
border-right: 1px solid var(--trait);
}
.actions {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.action {
padding: 30px 28px 48px;
border-right: 1px solid var(--trait);
display: flex;
flex-direction: column;
gap: 14px;
}
.action:last-child { border-right: 0; }
.action__titre {
font-size: clamp(24px, 2vw, 30px);
line-height: 1.15;
font-weight: 500;
letter-spacing: -.015em;
}
.action__liens {
margin-top: auto;
padding-top: 18px;
font-size: 15px;
border-top: 1px solid var(--trait);
}
.action__liens a { display: inline-block; padding: 11px 0; overflow-wrap: anywhere; }
/* ---------- Bouton (achat, espace lecteurs) ---------- */
.bouton a,
.entete .entete__acheter .wp-block-navigation-item__content {
display: inline-block;
padding: 13px 22px;
background: var(--encre);
color: var(--blanc);
border: 1px solid var(--encre);
font-size: 15px;
line-height: 1.2;
letter-spacing: .01em;
text-decoration: none;
}
.entete .entete__acheter .wp-block-navigation-item__content { padding: 8px 14px; font-size: 14px; }
.bouton a:is(:hover, :focus-visible),
.entete .entete__acheter .wp-block-navigation-item__content:is(:hover, :focus-visible) { background: var(--blanc); color: var(--encre); text-decoration: none; }
.heros__pied .bouton a { padding: 9px 18px; font-size: 14px; }
/* ---------- Sections éditoriales de l'accueil (constat, public, lecteurs, achat) ---------- */
.propos {
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.propos__marge { border-right: 1px solid var(--trait); padding: 34px 20px; }
.propos__corps { padding: 34px 40px 48px 32px; display: flex; flex-direction: column; gap: 18px; }
.propos__corps .titre-section { max-width: 17em; margin-bottom: 6px; text-wrap: balance; }
.propos__corps .texte { max-width: 40em; }
.propos__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 8px; }
.propos__secondaire { font-size: 15px; color: var(--gris); max-width: 40em; }
.propos__secondaire a { color: var(--encre); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.propos__secondaire a:hover { text-decoration-color: currentColor; }
.propos--discret .titre-section { font-size: clamp(26px, 2.4vw, 36px); }
.propos--discret .propos__corps { padding-bottom: 40px; }
.propos--discret .bouton { margin-top: 4px; }
.propos--achat .propos__corps { padding-top: 56px; padding-bottom: 64px; }
/* résumé d'une partie, l'auteur nommé sous le titre de section */
.partie__resume { margin-top: 14px; font-size: 16px; line-height: 1.5; color: var(--texte); }
.auteur__nom { font-size: 15px; letter-spacing: .02em; color: var(--gris); margin-top: -10px; }
/* pied : quatre groupes de liens */
.pied__groupes {
margin-top: 48px;
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid var(--trait);
}
.pied__groupe { padding: 22px 20px 6px 6px; }
.pied__groupe + .pied__groupe { padding-left: 20px; border-left: 1px solid var(--trait); }
.pied__liens { margin-top: 10px; font-size: 15px; }
.pied__liens a { display: inline-block; padding: 5px 0; }
.pied__groupes + .pied__bas { margin-top: 28px; }
/* ---------- Page de vente Nouvelle Clarté (page 103) : styles réservés à cette page ---------- */
.page-id-103 .nc-prix-court { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.01em; margin-top: 4px; }
.page-id-103 .lecteurs-tete .propos__actions { margin-top: 6px; }
.page-id-103 .propos__corps :is(.texte, .nc__liste) a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.page-id-103 .propos__corps :is(.texte, .nc__liste) a:hover { text-decoration-color: currentColor; }
/* schéma des sept dimensions : une chaîne de cinq maillons reliés par des flèches, deux dimensions transversales */
.page-id-103 .nc-systeme { display: flex; flex-direction: column; gap: 12px; margin: 8px 0 6px; }
.page-id-103 .nc-systeme__chaine { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--encre); }
.page-id-103 .nc-systeme__transversal { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--trait); border-top: 3px solid var(--encre); }
.page-id-103 .nc-systeme__maillon { position: relative; padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.page-id-103 .nc-systeme__chaine .nc-systeme__maillon + .nc-systeme__maillon { border-left: 1px solid var(--trait); }
.page-id-103 .nc-systeme__chaine .nc-systeme__maillon + .nc-systeme__maillon::before {
content: "→"; content: "→" / ""; position: absolute; left: -9px; top: 14px; width: 17px; height: 22px; line-height: 22px;
text-align: center; background: var(--blanc); color: var(--encre); font-size: 15px;
}
.page-id-103 .nc-systeme__transversal .nc-systeme__maillon + .nc-systeme__maillon { border-left: 1px solid var(--trait); }
.page-id-103 .nc-systeme__num { font-size: 12px; letter-spacing: .06em; color: var(--gris); }
.page-id-103 .nc-systeme__nom { font-size: 16px; line-height: 1.3; }
.page-id-103 .nc-systeme__nom strong { font-weight: 500; }
.page-id-103 .nc-systeme__texte { font-size: 14px; line-height: 1.45; color: var(--texte); }
/* livrables : compris et non compris côte à côte */
.page-id-103 .nc-deux-colonnes { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.page-id-103 .nc-colonne { display: flex; flex-direction: column; gap: 12px; }
/* bloc tarifaire, sobre */
.page-id-103 .nc-tarif { border: 1px solid var(--encre); padding: 26px 28px 28px; display: flex; flex-direction: column; gap: 12px; max-width: 40em; }
.page-id-103 .nc-tarif__prix { font-size: clamp(34px, 3.4vw, 48px); line-height: 1; letter-spacing: -.02em; }
.page-id-103 .nc-tarif__detail { font-size: 16px; color: var(--texte); }
@media (max-width: 1100px) {
.page-id-103 .nc-systeme__chaine { grid-template-columns: 1fr; }
.page-id-103 .nc-systeme__chaine .nc-systeme__maillon + .nc-systeme__maillon { border-left: 0; border-top: 1px solid var(--trait); }
.page-id-103 .nc-systeme__chaine .nc-systeme__maillon + .nc-systeme__maillon::before { content: "↓"; content: "↓" / ""; left: 18px; top: -11px; }
.page-id-103 .nc-deux-colonnes { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 720px) {
.page-id-103 .nc-systeme__transversal { grid-template-columns: 1fr; }
.page-id-103 .nc-systeme__transversal .nc-systeme__maillon + .nc-systeme__maillon { border-left: 0; border-top: 1px solid var(--trait); }
.page-id-103 .nc-tarif { padding: 20px 18px 22px; }
/* premier écran mobile : le nom de l'offre figure déjà dans l'en-tête et dans le texte ; le bouton remonte */
.page-id-103 .lecteurs-tete > .surtitre:first-child { display: none; }
.page-id-103 .lecteurs-tete > :last-child { padding-top: 22px; padding-bottom: 28px; }
.page-id-103 .lecteurs-tete h1 { font-size: 32px; }
.page-id-103 .lecteurs-tete .texte--grand { font-size: 17px; }
}
/* page Nouvelle Clarté : précisions en fin de page, sous le dernier bouton */
.nc-precisions { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--trait); display: flex; flex-direction: column; gap: 8px; max-width: 40em; }
/* page Nouvelle Clarté : renvoi au livre sous chaque dimension, liste de ce qui est compris */
.nc__ref { display: block; margin-top: 4px; font-size: 15px; color: var(--gris); }
.nc__ref a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.nc__ref a:hover { text-decoration-color: currentColor; }
.nc__liste { max-width: 40em; font-size: 17px; line-height: 1.5; }
.nc__liste li { padding: 10px 0 10px 1.6em; border-top: 1px solid var(--trait); position: relative; }
.nc__liste li:last-child { border-bottom: 1px solid var(--trait); }
.nc__liste li::before { content: "—"; position: absolute; left: 0; color: var(--gris); }
/* ---------- Pages sans menu (vente et commande Nouvelle Clarté) ---------- */
.entete-minimal { display: flex; align-items: center; gap: 18px; padding: 14px 20px; border-bottom: 1px solid var(--trait); }
.entete-minimal__marque { margin: 0; }
.entete-minimal__marque a { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; color: var(--encre); text-decoration: none; }
.entete-minimal__mono { font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1; }
.entete-minimal__nom { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--gris); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; }
.entete-minimal__marque a:is(:hover, :focus-visible) .entete-minimal__nom { color: var(--encre); text-decoration-color: currentColor; }
@media (prefers-reduced-motion: no-preference) { .entete-minimal__nom { transition: color var(--mvt-court), text-decoration-color var(--mvt-court); } }
.pied-minimal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 28px; padding: 26px 20px 30px; font-size: 13px; line-height: 1.5; color: var(--gris); }
.pied-minimal > p { margin: 0; }
.pied-minimal a { display: inline-block; padding: 6px 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.pied-minimal a:hover { text-decoration-color: currentColor; }
@media (max-width: 720px) {
.entete-minimal { padding: 12px 16px; }
.pied-minimal { flex-direction: column; align-items: flex-start; gap: 0; padding: 20px 16px 24px; }
}
/* Lettre d'information : le formulaire Brevo collé dans la composition synchronisée prend la typographie du site */
.lettre-info__formulaire { max-width: 40em; }
.lettre-info__formulaire :is(#sib-container, .sib-form, .sib-form-container) { background: transparent !important; border: 0 !important; padding: 0 !important; max-width: none !important; font-family: var(--police) !important; text-align: left !important; }
.lettre-info__formulaire :is(input[type="text"], input[type="email"]) { font: inherit !important; font-size: 17px !important; border: 1px solid #8a8a8a !important; border-radius: 0 !important; padding: 12px 14px !important; min-height: 48px; }
.lettre-info__formulaire :is(button, .sib-form-block__button) { font: inherit !important; font-size: 15px !important; background: var(--encre) !important; color: var(--blanc) !important; border: 1px solid var(--encre) !important; border-radius: 0 !important; padding: 13px 22px !important; min-height: 48px; }
.lettre-info__formulaire :is(label, p, .entry__label, .sib-text-form-block p) { font-family: var(--police) !important; color: var(--texte) !important; }
/* ---------- Pied ---------- */
.pied { position: relative; padding: 70px 0 0; }
.pied::before, .pied::after {
content: "+";
position: absolute;
font-size: 22px;
line-height: 1;
}
.pied::before { left: 0; top: 70px; transform: translate(-30%, -50%); }
.pied::after { left: 88%; top: 60px; transform: translate(-50%, -50%); }
.pied__nom {
font-size: clamp(40px, 6.7vw, 98px);
line-height: .9;
letter-spacing: -.045em;
padding-left: 4px;
}
.pied__bas {
margin-top: 48px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px 24px;
font-size: 13px;
color: var(--gris);
padding: 0 20px 18px 6px;
}
/* ---------- En-tête des pages intérieures ---------- */
.lecteurs-tete {
position: relative;
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.lecteurs-tete > :first-child { border-right: 1px solid var(--trait); padding: 34px 20px; }
.lecteurs-tete > :last-child { padding: 60px 40px 56px 32px; }
.lecteurs-tete h1 {
font-size: clamp(40px, 4.6vw, 68px);
line-height: 1.05;
font-weight: 500;
letter-spacing: -.03em;
}
.lecteurs-tete .texte { margin-top: 22px; }
.lecteurs-tete::after { left: calc(var(--col-a) - 11px); bottom: -11px; }
/* ---------- Mentions légales ---------- */
.mention {
display: grid;
grid-template-columns: var(--col-a) 1fr;
border-bottom: 1px solid var(--trait);
}
.mention__titre {
padding: 34px 24px 34px 20px;
border-right: 1px solid var(--trait);
font-size: 21px;
line-height: 1.25;
font-weight: 500;
}
.mention__corps { padding: 34px 40px 40px 32px; display: flex; flex-direction: column; gap: 14px; }
.mention__corps a, .pied__bas a, .lecteurs-tete a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--trait); }
.mention__corps a:hover, .pied__bas a:hover, .lecteurs-tete a:hover { text-decoration-color: currentColor; }
.mention__sous-titre { margin-top: 12px; font-size: 18px; font-weight: 500; }
.mention__liste { max-width: 46em; }
.mention__ligne {
display: grid;
grid-template-columns: 15em 1fr;
gap: 4px 24px;
padding: 12px 0;
border-top: 1px solid var(--trait);
font-size: 17px;
line-height: 1.5;
}
.mention__terme { color: var(--gris); }
/* ---------- Espace lecteurs ---------- */
.sommaire-lecteurs { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 4px 24px; font-size: 15px; }
.sommaire-lecteurs a { display: inline-block; padding: 10px 0; }
.mention__corps > .surtitre { margin-top: 22px; }
.mention__corps > .surtitre:first-child { margin-top: 0; }
.wp-block-details.depliant { border-top: 1px solid var(--trait); }
.wp-block-details.depliant + .surtitre { border-top: 1px solid var(--trait); padding-top: 22px; }
.depliant summary {
display: flex;
gap: 14px;
padding: 14px 0;
cursor: pointer;
list-style: none;
font-size: 18px;
line-height: 1.4;
}
.depliant summary::-webkit-details-marker { display: none; }
.depliant summary::before { content: "+"; flex: 0 0 1em; color: var(--gris); }
.depliant[open] summary::before { content: "–"; }
.depliant > :not(summary) { margin-left: calc(1em + 14px); max-width: 40em; font-size: 17px; line-height: 1.6; color: var(--texte); }
.depliant > :not(summary) + :not(summary) { margin-top: 10px; }
.depliant > :last-child { padding-bottom: 20px; }
.quiz__reponse { color: var(--encre); }
.quiz__source { font-size: 15px; color: var(--gris); }
.exercice__fin { margin-top: 10px; font-size: clamp(22px, 2vw, 28px); line-height: 1.3; letter-spacing: -.01em; max-width: 24em; }
.exercice__conseil { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--trait); font-size: 15px; color: var(--gris); max-width: 40em; }
/* ---------- Flashcards ---------- */
.flashcards__aide { font-size: 15px; color: var(--gris); }
.flashcards.est-masquee { display: none; }
.wp-block-details.flashcard { border-top: 1px solid var(--trait); }
.flashcard summary { display: flex; gap: 14px; padding: 14px 0; cursor: pointer; list-style: none; font-size: 18px; line-height: 1.4; }
.flashcard summary::-webkit-details-marker { display: none; }
.flashcard summary::before { content: "+"; flex: 0 0 1em; color: var(--gris); }
.flashcard[open] summary::before { content: "–"; }
.flashcard > :not(summary) { margin-left: calc(1em + 14px); max-width: 40em; }
.flashcard > :last-child { padding-bottom: 20px; }
.flashcard__reponse { font-size: 17px; line-height: 1.6; }
.flashcard__source, .carte__source { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--gris); }
.flashcard__source a, .carte__source a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: currentColor; }
.paquet { margin-top: 8px; max-width: 46em; }
.paquet__tete { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.paquet__compte { font-size: 13px; letter-spacing: .06em; color: var(--gris); font-variant-numeric: tabular-nums; min-width: 4.5em; }
.paquet__barre { position: relative; flex: 1; height: 1px; background: var(--trait); overflow: hidden; }
.paquet__jauge {
position: absolute; inset: 0;
background: var(--encre);
transform-origin: left center;
transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
.paquet__scene { perspective: 1600px; }
.carte {
position: relative;
cursor: pointer;
outline: none;
transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
.carte:hover { transform: translateY(-3px); }
.carte:focus-visible .carte__face { outline: 2px solid var(--encre); outline-offset: 4px; }
.carte__interieur {
display: grid;
transform-style: preserve-3d;
transition: transform .65s cubic-bezier(.22,.61,.36,1);
}
.carte.est-retournee .carte__interieur { transform: rotateY(180deg); }
.carte__face {
grid-area: 1 / 1;
position: relative;
display: flex;
flex-direction: column;
gap: 18px;
min-height: clamp(260px, 26vw, 340px);
padding: 34px 36px 28px;
border: 1px solid var(--encre);
background: var(--blanc);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-shadow: 0 1px 0 rgba(0,0,0,.04);
transition: box-shadow .3s cubic-bezier(.2,.7,.2,1);
}
.carte:hover .carte__face { box-shadow: 0 18px 30px -18px rgba(0,0,0,.35); }
.carte__face::before {
/* le petit carré noir, signature de la grille */
content: "";
position: absolute;
top: 14px; right: 14px;
width: 7px; height: 7px;
background: var(--encre);
}
.carte__verso { transform: rotateY(180deg); background: var(--encre); color: var(--blanc); }
.carte__verso::before { background: var(--blanc); }
.carte__verso .carte__source { color: rgba(255,255,255,.75); margin-top: auto; }
.carte__etiquette { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--gris); }
.carte__verso .carte__etiquette { color: rgba(255,255,255,.65); }
.carte__texte { font-size: clamp(21px, 2vw, 27px); line-height: 1.3; letter-spacing: -.01em; max-width: 26em; text-wrap: pretty; }
.carte__verso .carte__texte { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.4; }
.carte__indice {
margin-top: auto;
align-self: flex-start;
font-size: 14px;
color: var(--gris);
transition: color .2s, transform .3s cubic-bezier(.2,.7,.2,1);
}
.carte__indice::after { content: "↻"; display: inline-block; margin-left: .4em; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.carte:hover .carte__indice { color: var(--encre); }
.carte:hover .carte__indice::after { transform: rotate(180deg); }
.paquet__commandes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.paquet__bouton {
min-width: 44px; min-height: 44px;
padding: 0 16px;
border: 1px solid var(--encre);
background: var(--blanc);
color: var(--encre);
font: inherit;
font-size: 14px;
cursor: pointer;
transition: background-color .2s, color .2s, transform .15s;
}
.paquet__bouton:hover:not(:disabled) { background: var(--encre); color: var(--blanc); }
.paquet__bouton:active:not(:disabled) { transform: scale(.96); }
.paquet__bouton:disabled { opacity: .3; cursor: default; }
.paquet__prec, .paquet__suiv { font-size: 22px; line-height: 1; padding: 0; }
.paquet__retourner { background: var(--encre); color: var(--blanc); }
.paquet__retourner:hover:not(:disabled) { background: var(--blanc); color: var(--encre); }
.paquet__melanger, .paquet__liste { margin-left: 0; }
.paquet__liste { margin-left: auto; border-color: var(--trait); }
.paquet__annonce { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.paquet.est-replie .paquet__tete,
.paquet.est-replie .paquet__scene,
.paquet.est-replie .paquet__commandes > :not(.paquet__liste) { display: none; }
.paquet.est-replie .paquet__liste { margin-left: 0; }
@media (prefers-reduced-motion: reduce) {
.carte__interieur { transition: none; }
.carte.est-retournee .carte__interieur { transform: none; }
.carte__face { backface-visibility: visible; transition: opacity .2s; }
.carte__verso { transform: none; opacity: 0; }
.carte.est-retournee .carte__verso { opacity: 1; }
.carte.est-retournee .carte__recto { opacity: 0; }
.carte, .carte:hover, .carte__indice::after { transform: none; }
}
@media (max-width: 720px) {
.carte__face { padding: 26px 20px 22px; min-height: 280px; }
.paquet__liste { margin-left: 0; }
}
/* ---------- Exercice d'attestation ---------- */
.qcm__avertissement { font-size: 14px; color: var(--gris); }
.wp-block-details.qcm__depliant { display: none; }
.wp-block-details.qcm__depliant.est-revelee { display: block; margin-top: 24px; }
.qcm-revelation { font-size: 15px; color: var(--gris); max-width: 34em; }
.qcm__depliant { border-top: 1px solid var(--trait); }
.qcm__depliant > summary { padding: 14px 0; cursor: pointer; font-size: 16px; list-style: none; }
.qcm__depliant > summary::-webkit-details-marker { display: none; }
.qcm__depliant > summary::before { content: "+ "; color: var(--gris); }
.qcm__depliant[open] > summary::before { content: "– "; }
.qcm__question { padding: 18px 0; border-top: 1px solid var(--trait); display: grid; gap: 6px; max-width: 44em; }
.qcm__cas { color: var(--texte); }
.qcm__intitule { font-weight: 500; }
.qcm__choix { padding-left: 1.4em; position: relative; color: var(--texte); }
.qcm__choix::before { content: "○"; position: absolute; left: 0; color: var(--gris); }
.qcm__choix.qcm__juste { color: var(--encre); font-weight: 500; }
.qcm__choix.qcm__juste::before { content: "✓"; color: var(--encre); }
.qcm__explication, .qcm__source { font-size: 15px; color: var(--gris); }
.qcm__source a, .qcm-retour__source a, .qcm-relire a { text-decoration: underline; text-underline-offset: 3px; }
.qcm-app { margin-top: 10px; max-width: 46em; }
.qcm-ecran { display: grid; gap: 18px; }
.qcm-ecran--accueil { justify-items: start; gap: 14px; padding: 26px 28px; border: 1px solid var(--encre); position: relative; }
.qcm-ecran--accueil::before, .qcm-carte::before { content: ""; position: absolute; top: 14px; right: 14px; width: 7px; height: 7px; background: var(--encre); }
.qcm-ecran__chiffres { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--gris); }
.qcm-go { font-size: 16px; padding: 0 22px; }
.qcm-carte { position: relative; border: 1px solid var(--encre); padding: 30px 32px 26px; display: grid; gap: 20px; }
.qcm-carte__cas { font-size: 18px; line-height: 1.55; color: var(--texte); max-width: 36em; }
.qcm-carte__choix { border: 0; margin: 0; padding: 0; display: grid; gap: 10px; min-width: 0; }
.qcm-carte__question { padding: 0; margin-bottom: 8px; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.3; font-weight: 500; letter-spacing: -.01em; }
.qcm-option {
display: grid;
grid-template-columns: 34px 1fr;
align-items: center;
gap: 14px;
padding: 12px 16px 12px 12px;
border: 1px solid var(--trait);
cursor: pointer;
font-size: 17px;
line-height: 1.45;
transition: border-color .2s, background-color .2s, transform .15s;
}
.qcm-option:hover { border-color: var(--encre); }
.qcm-option:active { transform: scale(.99); }
.qcm-option input { position: absolute; opacity: 0; pointer-events: none; }
.qcm-option:has(input:focus-visible) { outline: 2px solid var(--encre); outline-offset: 2px; }
.qcm-option__repere {
display: grid; place-items: center;
width: 34px; height: 34px;
border: 1px solid var(--encre);
font-size: 14px; font-weight: 500;
transition: background-color .2s, color .2s;
}
.qcm-option.est-choisie { border-color: var(--encre); }
.qcm-option.est-choisie .qcm-option__repere { background: var(--encre); color: var(--blanc); }
.qcm-carte__choix:disabled .qcm-option { cursor: default; }
.qcm-option.est-juste { border-color: var(--encre); background: var(--encre); color: var(--blanc); animation: qcm-juste .45s cubic-bezier(.2,.7,.2,1); }
.qcm-option.est-juste .qcm-option__repere { background: var(--blanc); color: var(--encre); border-color: var(--blanc); }
.qcm-option.est-juste .qcm-option__repere::after { content: "✓"; position: absolute; }
.qcm-option.est-juste .qcm-option__repere, .qcm-option.est-faux .qcm-option__repere { position: relative; color: transparent; }
.qcm-option.est-juste .qcm-option__repere::after { color: var(--encre); }
.qcm-option.est-faux { color: var(--gris); text-decoration: line-through; text-decoration-color: var(--gris); animation: qcm-faux .4s cubic-bezier(.36,.07,.19,.97); }
.qcm-option.est-faux .qcm-option__repere { border-color: var(--gris); background: transparent; }
.qcm-option.est-faux .qcm-option__repere::after { content: "✕"; position: absolute; color: var(--gris); }
@keyframes qcm-juste { 0% { transform: scale(1); } 40% { transform: scale(1.015); } 100% { transform: scale(1); } }
@keyframes qcm-faux { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(4px); } 75% { transform: translateX(-2px); } }
.qcm-retour { display: grid; gap: 8px; max-height: 0; overflow: hidden; opacity: 0; transition: max-height .45s cubic-bezier(.2,.7,.2,1), opacity .3s; }
.qcm-retour.est-visible { max-height: 480px; opacity: 1; padding: 4px 0 0 18px; border-left: 2px solid var(--encre); }
.qcm-retour--faux.est-visible { border-left-color: var(--gris); }
.qcm-retour__verdict { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; font-weight: 500; }
.qcm-retour__texte { font-size: 17px; line-height: 1.55; max-width: 38em; }
.qcm-retour__source { font-size: 14px; color: var(--gris); }
.qcm-ecran--resultat { padding: 30px 32px; border: 1px solid var(--encre); }
.qcm-ecran--resultat.est-reussi { background: var(--encre); color: var(--blanc); }
.qcm-ecran--resultat.est-reussi .qcm-score__detail, .qcm-ecran--resultat.est-reussi .qcm-champ__libelle { color: rgba(255,255,255,.7); }
.qcm-score { font-size: clamp(56px, 7vw, 96px); line-height: 1; letter-spacing: -.04em; font-weight: 500; outline: none; animation: qcm-score .7s cubic-bezier(.2,.7,.2,1); }
@keyframes qcm-score { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
.qcm-score__detail { font-size: 15px; color: var(--gris); }
.qcm-message { font-size: 18px; line-height: 1.5; max-width: 34em; }
.qcm-relire { list-style: none; padding: 0; display: grid; gap: 6px; font-size: 16px; }
.qcm-relire li::before { content: "→ "; color: var(--gris); }
.qcm-attestation { display: grid; gap: 16px; }
.qcm-champs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.qcm-champ { display: grid; gap: 6px; }
.qcm-champ__libelle { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--gris); }
.qcm-champ input { font: inherit; font-size: 18px; padding: 12px 14px; border: 1px solid currentColor; background: transparent; color: inherit; border-radius: 0; }
.qcm-champ input:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.qcm-erreur { font-size: 15px; min-height: 1.2em; }
.est-reussi .paquet__bouton.paquet__retourner { background: var(--blanc); color: var(--encre); border-color: var(--blanc); }
.est-reussi .paquet__bouton.paquet__retourner:hover { background: transparent; color: var(--blanc); }
.est-reussi .paquet__bouton.paquet__liste { background: transparent; color: var(--blanc); border-color: rgba(255,255,255,.4); }
.qcm-apercu { width: 100%; height: auto; border: 1px solid rgba(255,255,255,.3); animation: qcm-score .6s cubic-bezier(.2,.7,.2,1); }
@media (prefers-reduced-motion: reduce) {
.qcm-option, .qcm-option.est-juste, .qcm-option.est-faux, .qcm-score, .qcm-apercu { animation: none; transition: none; }
.qcm-retour { transition: none; }
}
@media (max-width: 720px) {
.qcm-carte, .qcm-ecran--accueil, .qcm-ecran--resultat { padding: 24px 18px; }
.qcm-champs { grid-template-columns: 1fr; }
.qcm-carte__cas { font-size: 17px; }
}
/* ---------- Mouvement ----------
Un seul vocabulaire pour tout le site : une courbe de sortie, trois durées.
Principe : le contenu est visible par défaut. Les états d'attente (opacité,
carrés non posés) n'existent que sous html.rlc-mouvement, classe posée par
assets/app.js quand l'appareil accepte les animations. Sans JavaScript, dans
l'éditeur de blocs ou avec « réduire les animations », rien ne bouge. */
:root {
--mvt-courbe: cubic-bezier(.2, .7, .2, 1);
--mvt-court: .2s;
--mvt-moyen: .45s;
--mvt-long: .7s;
}
/* Micro-interactions : le soulignement remonte et se fonce au survol */
.entete .wp-block-navigation .wp-block-navigation-item__content,
.action__liens a,
.heros__pied a:not(.bouton a),
.pied__liens a,
.sommaire-lecteurs a,
:is(.depliant, .flashcard, .qcm__depliant) > summary,
.lecteurs-tete a,
.auteur__infos .texte a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: transparent;
text-underline-offset: 7px;
}
.auteur__infos .texte a, .lecteurs-tete a { text-decoration-color: var(--trait); text-underline-offset: 3px; }
.entete .wp-block-navigation .wp-block-navigation-item__content:is(:hover, :focus-visible),
.action__liens a:is(:hover, :focus-visible),
.heros__pied a:not(.bouton a):is(:hover, :focus-visible),
.pied__liens a:is(:hover, :focus-visible),
.sommaire-lecteurs a:is(:hover, :focus-visible),
:is(.depliant, .flashcard, .qcm__depliant) > summary:is(:hover, :focus-visible) { text-decoration-color: currentColor; text-underline-offset: 3px; }
.auteur__infos .texte a:is(:hover, :focus-visible) { text-decoration-color: currentColor; }
.fleche-ext { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
header.wp-block-template-part { transition: transform var(--mvt-moyen) var(--mvt-courbe); }
.entete .wp-block-navigation .wp-block-navigation-item__content,
.action__liens a, .heros__pied a, .lecteurs-tete a, .auteur__infos .texte a, .pied__liens a, .propos__secondaire a,
.bouton a, .entete .entete__acheter .wp-block-navigation-item__content,
.sommaire-lecteurs a, :is(.depliant, .flashcard, .qcm__depliant) > summary,
.auteur__lien a, .pied__bas a, .mention__corps a {
transition: text-decoration-color var(--mvt-court) ease-out, text-underline-offset var(--mvt-moyen) var(--mvt-courbe), background-color var(--mvt-court), color var(--mvt-court);
}
/* la flèche des liens externes part dans sa direction */
.fleche-ext { transition: transform var(--mvt-moyen) var(--mvt-courbe); }
a:is(:hover, :focus-visible) .fleche-ext { transform: translate(2px, -2px); }
/* flèches du carrousel : inversion au survol, léger appui au clic */
.fleche { transition: background-color var(--mvt-court), color var(--mvt-court), box-shadow var(--mvt-court), transform .15s var(--mvt-courbe); }
.fleche:not(.est-inactif):active { transform: scale(.94); }
/* boutons : un léger appui au clic, en plus de l'inversion au survol */
.bouton a, .entete .entete__acheter .wp-block-navigation-item__content { transition-property: text-decoration-color, text-underline-offset, background-color, color, transform; }
.bouton a:active, .entete .entete__acheter .wp-block-navigation-item__content:active { transform: translateY(1px) scale(.98); transition-duration: .1s; }
/* la couverture se soulève légèrement, comme un livre qu'on prend en main */
.wp-block-image.livre { transition: transform var(--mvt-long) var(--mvt-courbe), box-shadow var(--mvt-long) var(--mvt-courbe); }
}
@media (hover: hover) {
.fleche:not(.est-inactif):hover { background: var(--blanc); color: var(--encre); box-shadow: inset 0 0 0 1px var(--encre); }
.heros__livre:hover .wp-block-image.livre { transform: translateY(-6px); box-shadow: 0 44px 48px -14px rgba(0,0,0,.30), 0 10px 16px rgba(0,0,0,.12); }
}
@media (prefers-reduced-motion: no-preference) {
/* Apparition : un léger glissement vers le haut, en cascade entre éléments voisins */
html.rlc-mouvement .rlc-apparait {
opacity: 0;
transform: translateY(14px);
transition: opacity var(--mvt-long) var(--mvt-courbe), transform var(--mvt-long) var(--mvt-courbe);
transition-delay: calc(var(--rlc-rang, 0) * 80ms);
}
html.rlc-mouvement .rlc-apparait:is(.est-visible, :focus-within) { opacity: 1; transform: none; }
/* Photos : le cadre reste fixe, l'image s'éclaire et se resserre très légèrement */
html.rlc-mouvement .rlc-revele img {
opacity: 0;
transform: scale(1.04);
transition: opacity var(--mvt-long) var(--mvt-courbe), transform 1.1s var(--mvt-courbe);
}
html.rlc-mouvement .rlc-revele.est-visible img { opacity: 1; transform: none; }
/* Entre les sections : le filet qui les sépare se trace de gauche à droite quand on l'atteint.
Pendant le tracé, la bordure est remplacée par un dégradé de même couleur ; à la fin,
app.js retire les classes et la bordure d'origine reprend sa place, au pixel près. */
html.rlc-mouvement .rlc-trait {
border-bottom-color: transparent;
background-image: linear-gradient(var(--trait), var(--trait));
background-repeat: no-repeat;
background-origin: border-box;
background-position: left bottom;
background-size: 0 1px;
transition: background-size 1.1s var(--mvt-courbe);
}
html.rlc-mouvement .rlc-trait.est-trace { background-size: 100% 1px; }
/* Repères de grille : les carrés noirs se posent, les « + » du pied pivotent */
html.rlc-mouvement :is(.parties, .doute, .auteur__marge, .lecteurs-tete).rlc-repere::after,
html.rlc-mouvement .heros__pied.rlc-repere::before {
transition: scale var(--mvt-moyen) var(--mvt-courbe) .25s;
}
html.rlc-mouvement :is(.parties, .doute, .auteur__marge, .lecteurs-tete).rlc-repere:not(.est-pose)::after,
html.rlc-mouvement .heros__pied.rlc-repere:not(.est-pose)::before { scale: 0; }
html.rlc-mouvement .pied.rlc-repere::before,
html.rlc-mouvement .pied.rlc-repere::after { transition: rotate var(--mvt-long) var(--mvt-courbe) .2s, opacity var(--mvt-moyen) .2s; }
html.rlc-mouvement .pied.rlc-repere:not(.est-pose)::before,
html.rlc-mouvement .pied.rlc-repere:not(.est-pose)::after { rotate: -90deg; opacity: 0; }
/* Démarche : la méthode se trace étape par étape au fil de la lecture */
html.rlc-mouvement .etape { position: relative; }
html.rlc-mouvement .etape::before {
content: "";
position: absolute;
left: -1px; top: 0; bottom: -1px;
width: 2px;
background: var(--encre);
scale: 1 0;
transform-origin: top;
transition: scale var(--mvt-long) var(--mvt-courbe);
}
html.rlc-mouvement .etape.est-lue::before { scale: 1 1; }
html.rlc-mouvement .etape__num { transition: color var(--mvt-moyen); }
html.rlc-mouvement .etape.est-lue .etape__num { color: var(--encre); }
/* Dépliants : ouverture en douceur là où le navigateur sait animer */
@supports selector(::details-content) {
html.rlc-mouvement { interpolate-size: allow-keywords; }
html.rlc-mouvement :is(.depliant, .partie__chapitres, .flashcard)::details-content {
block-size: 0;
overflow-y: clip;
transition: block-size var(--mvt-moyen) var(--mvt-courbe), content-visibility var(--mvt-moyen) allow-discrete;
}
html.rlc-mouvement :is(.depliant, .partie__chapitres, .flashcard)[open]::details-content { block-size: auto; }
}
}
/* un bouton reste un bouton, y compris dans le corps des pages intérieures */
:is(.mention__corps, .propos__corps, .lecteurs-tete) .bouton a { text-decoration: none; color: var(--blanc); }
:is(.mention__corps, .propos__corps, .lecteurs-tete) .bouton a:is(:hover, :focus-visible) { color: var(--encre); }
.nc__liste + .exercice__conseil { border-top: 0; padding-top: 4px; }
/* le bouton d'achat du menu : ni soulignement, ni marges des liens ordinaires */
.entete .wp-block-navigation .entete__acheter .wp-block-navigation-item__content { text-decoration: none; padding: 8px 14px; }
@media (max-width: 600px) { header.wp-block-template-part { top: 0; } }
@media print {
header.wp-block-template-part { position: static; }
.rlc-apparait, .rlc-revele img { opacity: 1 !important; transform: none !important; }
}
/* ---------- Liste d'articles (gabarit de secours) ---------- */
.liste-articles { padding: 60px 32px; }
/* ---------- Tablette ---------- */
@media (max-width: 1100px) {
:root { --col-a: 22%; }
.wp-site-blocks { padding: 0 16px; }
.entete .wp-block-navigation.entete__nav .wp-block-navigation__container { column-gap: 22px; }
.heros { grid-template-columns: 4% 40% 1fr; }
.heros__recit { grid-template-columns: 1fr; }
.heros__accroche { padding: 26px 28px 0; }
.wp-block-quote.heros__citation { border-left: 0; padding: 14px 28px 32px; }
.heros__pied::before { left: auto; right: 22px; }
.heros__tete { padding: 30px 28px 48px; }
.demarche__titre-rangee, .demarche__grille { grid-template-columns: 1fr; }
.demarche__titre-rangee::before { display: none; }
.demarche__titre-rangee .titre-section { padding: 28px; }
.demarche__etiquette { border-right: 0; border-bottom: 1px solid var(--trait); padding: 26px 28px; }
.doute { grid-template-columns: 8% 1fr; }
.doute::after { left: calc(8% - 1px); }
.wp-block-quote.doute__citation { padding: 90px 28px 80px; }
.etape { grid-template-columns: 60px 1fr; }
.etape__ref { grid-column: 2; border-left: 0; padding: 0 40px 28px 12px; }
.parties { grid-template-columns: 1fr; }
.parties__liste { grid-template-columns: repeat(2, 1fr); }
.partie:nth-child(2n) { border-right: 0; }
.partie:nth-child(-n+2) { border-bottom: 1px solid var(--trait); }
.parties__gauche { border-right: 0; border-bottom: 1px solid var(--trait); padding: 34px 28px; gap: 16px; }
.parties__gauche .titre-moyen { max-width: none; }
.parties::after { left: 0; }
.lecteurs-tete::after { left: 0; }
.auteur { grid-template-columns: 40% 1fr; }
.auteur__marge { display: none; }
.extraits__rail { grid-auto-columns: 50%; }
.poursuivre { grid-template-columns: 1fr; }
.poursuivre__titre { border-right: 0; border-bottom: 1px solid var(--trait); padding: 28px; }
.lecteurs-tete, .mention, .propos { grid-template-columns: 1fr; }
.propos__marge:empty, .demarche__etiquette:empty { display: none; }
.propos__marge { border-right: 0; border-bottom: 1px solid var(--trait); padding: 24px 28px; }
.propos__corps { padding: 28px 28px 40px; }
.pied__groupes { grid-template-columns: 1fr 1fr; }
.pied__groupe:nth-child(3) { padding-left: 6px; border-left: 0; }
.pied__groupe:nth-child(n+3) { border-top: 1px solid var(--trait); }
.mention__titre { border-right: 0; padding: 30px 28px 0; }
.mention__corps { padding: 16px 28px 34px; }
.lecteurs-tete > :first-child { border-right: 0; border-bottom: 1px solid var(--trait); }
}
/* ---------- Petite tablette ---------- */
@media (max-width: 900px) {
.parties__liste { grid-template-columns: 1fr; }
.partie { border-right: 0; border-bottom: 1px solid var(--trait); padding: 30px 28px; }
.partie:last-child { border-bottom: 0; }
.partie__exergue { max-width: 32em; }
.actions { grid-template-columns: 1fr; }
.action { border-right: 0; border-bottom: 1px solid var(--trait); }
.action:last-child { border-bottom: 0; }
}
/* ---------- Mobile ---------- */
@media (max-width: 720px) {
.wp-site-blocks { padding: 0 10px; }
.wp-block-group.page { border-left: 0; border-right: 0; }
.entete { display: flex; flex-direction: column; padding: 0 16px; }
header.wp-block-template-part.est-replie:not(:focus-within) { transform: translateY(-100%); }
.entete__mono { position: static; transform: none; padding: 14px 0 2px; align-self: flex-start; order: -1; }
.entete__mono a { padding: 10px 0; }
.entete .wp-block-navigation.entete__nav { font-size: 15px; }
.entete .wp-block-navigation.entete__nav .wp-block-navigation__container {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
}
.entete .wp-block-navigation .wp-block-navigation-item__content { padding: 11px 0; }
.entete .wp-block-navigation .entete__droite { justify-self: auto; }
.heros { grid-template-columns: 1fr; }
.heros::before { display: none; }
/* mobile : la question et l'introduction d'abord, la couverture ensuite */
.heros__droite { display: contents; }
.heros__tete { order: 1; }
.heros__livre { order: 2; }
.heros__recit { order: 3; }
.heros__pied { order: 4; }
.heros__livre { border-right: 0; padding: 28px 16% 40px; border-bottom: 1px solid var(--trait); }
.heros__tete { padding: 28px 16px 36px; }
.heros__accroche { padding: 24px 16px 0; }
.wp-block-quote.heros__citation { padding: 12px 16px 28px; }
.heros__pied { justify-content: flex-start; flex-direction: column; gap: 0; padding: 14px 16px; }
.heros__pied a { padding: 10px 0; }
.demarche__titre-rangee .titre-section { padding: 26px 16px; }
.demarche__etiquette { padding: 22px 16px; }
.etape { grid-template-columns: 1fr; }
.etape__num { padding: 24px 16px 0; }
.etape__corps { padding: 8px 16px 14px; }
.etape__ref { grid-column: 1; padding: 0 16px 24px; }
.parties__gauche { padding: 28px 16px; }
.partie { padding: 28px 16px; }
.partie__chapitres { padding-top: 20px; }
.partie__chapitres summary { padding: 12px 0; }
.bandeau::before { height: 40px; }
.wp-block-image.bandeau__photo { height: auto; aspect-ratio: 4 / 3; }
.wp-block-image.bandeau__photo::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
}
.bandeau__contenu {
position: static;
grid-template-columns: 1fr;
background: var(--encre);
padding: 0 16px 30px;
}
.bandeau__mono { justify-self: start; font-size: 88px; margin-top: -40px; position: relative; }
.bandeau__textes { padding: 26px 0 0; gap: 18px; }
.bandeau__textes p { font-size: 17px; text-shadow: none; }
.doute { grid-template-columns: 1fr; }
.doute::before, .doute::after { display: none; }
.wp-block-quote.doute__citation { padding: 64px 16px 60px; }
.doute__citation p { font-size: clamp(32px, 9vw, 44px); }
.auteur { grid-template-columns: 1fr; }
.wp-block-image.auteur__photo { border-right: 0; aspect-ratio: 4 / 5; }
.wp-block-image.auteur__photo img { object-position: 50% 20%; }
.auteur__infos { padding: 28px 16px 36px; }
.texte--grand { font-size: 18px; }
.extraits__haut { grid-template-columns: 1fr; }
.extraits__intro { padding: 50px 16px 10px; }
.extraits__titre { border-left: 0; padding: 0 16px 24px; max-width: none; }
.extraits__rail { grid-auto-columns: 86%; }
.extrait { padding: 28px 20px 18px; min-height: 260px; }
.extrait__pied { flex-direction: column; gap: 4px; }
.extraits__fleches { padding: 12px 16px 32px; justify-content: flex-start; gap: 12px; }
.poursuivre__titre { padding: 28px 16px; }
.actions { grid-template-columns: 1fr; }
.action { border-right: 0; border-bottom: 1px solid var(--trait); padding: 26px 16px 30px; }
.action:last-child { border-bottom: 0; }
.pied { padding-top: 50px; }
.pied__nom { font-size: 12.5vw; }
.pied::before, .pied::after { display: none; }
.pied__bas { flex-direction: column; gap: 0; padding: 0 16px 18px 6px; }
.propos__marge { padding: 20px 16px; }
.propos__corps { padding: 24px 16px 34px; }
.pied__groupe { padding: 18px 12px 6px 6px; }
.pied__groupe + .pied__groupe { padding-left: 12px; }
.pied__groupe:nth-child(3) { padding-left: 6px; }
.pied__liens a { padding: 10px 0; }
.pied__bas > * { padding: 4px 0; }
.pied__bas a { display: inline-block; padding: 12px 0; }
.lecteurs-tete > :first-child { padding: 24px 16px; }
.lecteurs-tete > :last-child { padding: 34px 16px; }
.mention__titre { padding: 28px 16px 0; }
.mention__corps { padding: 14px 16px 30px; }
.mention__ligne { grid-template-columns: 1fr; }
}
/* Ajustements du site du livre hors WordPress (le thème importé reste intact).
Menu : un onglet de plus (« Nouvelle clarté ») avant « Acheter le livre ». */
.entete .wp-block-navigation.entete__nav .wp-block-navigation__container {
grid-template-columns: repeat(4, auto) 1fr;
}
}