.elementor-2811 .elementor-element.elementor-element-pscroot{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2811 .elementor-element.elementor-element-pscentete{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:32px;--padding-right:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2811 .elementor-element.elementor-element-a7a4076 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2811 .elementor-element.elementor-element-a7a4076 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2811 .elementor-element.elementor-element-cb7524d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #B53C23;--padding-top:208px;--padding-bottom:128px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-cb7524d:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-cb7524d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B53C23;}.elementor-2811 .elementor-element.elementor-element-cb7524d > .elementor-shape-bottom .elementor-shape-fill, .elementor-2811 .elementor-element.elementor-element-cb7524d > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-cb7524d > .elementor-shape-bottom svg, .elementor-2811 .elementor-element.elementor-element-cb7524d > .e-con-inner > .elementor-shape-bottom svg{height:59px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2811 .elementor-element.elementor-element-ab73149{text-align:center;}.elementor-2811 .elementor-element.elementor-element-ab73149 .elementor-heading-title{color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f13904a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #FFFFFF;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-f13904a:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-f13904a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-6bc1e9b{text-align:center;}.elementor-2811 .elementor-element.elementor-element-6bc1e9b .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-de11878{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--flex-wrap:wrap;}.elementor-2811 .elementor-element.elementor-element-47cfc27{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-47cfc27:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-47cfc27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2811 .elementor-element.elementor-element-71cb282 .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-71cb282.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-71cb282.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-71cb282.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-71cb282.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-71cb282.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-71cb282 .elementor-icon{font-size:34px;}.elementor-2811 .elementor-element.elementor-element-71cb282 .elementor-icon svg{height:34px;}.elementor-2811 .elementor-element.elementor-element-4cf2194{text-align:center;}.elementor-2811 .elementor-element.elementor-element-4cf2194 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-0ae79a5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-0ae79a5:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-0ae79a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f3759de .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-f3759de.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f3759de.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-f3759de.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f3759de.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-f3759de.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f3759de .elementor-icon{font-size:34px;}.elementor-2811 .elementor-element.elementor-element-f3759de .elementor-icon svg{height:34px;}.elementor-2811 .elementor-element.elementor-element-e774259{text-align:center;}.elementor-2811 .elementor-element.elementor-element-e774259 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-856deec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-856deec:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-856deec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0ea52a2 .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-0ea52a2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0ea52a2.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-0ea52a2.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0ea52a2.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-0ea52a2.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0ea52a2 .elementor-icon{font-size:34px;}.elementor-2811 .elementor-element.elementor-element-0ea52a2 .elementor-icon svg{height:34px;}.elementor-2811 .elementor-element.elementor-element-49a0230{text-align:center;}.elementor-2811 .elementor-element.elementor-element-49a0230 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-99ff292{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-99ff292:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-99ff292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0168ccc .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-0168ccc.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0168ccc.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-0168ccc.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0168ccc.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-0168ccc.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0168ccc .elementor-icon{font-size:34px;}.elementor-2811 .elementor-element.elementor-element-0168ccc .elementor-icon svg{height:34px;}.elementor-2811 .elementor-element.elementor-element-b22395a{text-align:center;}.elementor-2811 .elementor-element.elementor-element-b22395a .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-0605032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #18458C;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-0605032:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-0605032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-157f62a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:28px 28px 28px 28px;--padding-top:64px;--padding-bottom:64px;--padding-left:48px;--padding-right:48px;}.elementor-2811 .elementor-element.elementor-element-157f62a:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-157f62a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFAF4;}.elementor-2811 .elementor-element.elementor-element-f661718 .elementor-heading-title{color:#18458C;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-icon i{color:#2C3A4E;transition:color 0.3s;}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-icon svg{fill:#2C3A4E;transition:fill 0.3s;}.elementor-2811 .elementor-element.elementor-element-2c56be0{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-2811 .elementor-element.elementor-element-2c56be0 .elementor-icon-list-text{color:#2C3A4E;transition:color 0.3s;}.elementor-2811 .elementor-element.elementor-element-8cecbb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #B53C23;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-8cecbb7:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-8cecbb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B53C23;}.elementor-2811 .elementor-element.elementor-element-b8a4460{text-align:center;}.elementor-2811 .elementor-element.elementor-element-b8a4460 .elementor-heading-title{color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-f3024e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #FDFAF4;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-f3024e1:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-f3024e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFAF4;}.elementor-2811 .elementor-element.elementor-element-8be9679{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;}.elementor-2811 .elementor-element.elementor-element-18a2ed0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-2811 .elementor-element.elementor-element-18a2ed0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-db51929 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-2eee138{--display:flex;}.elementor-2811 .elementor-element.elementor-element-2eee138.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-cf30c5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #FFFFFF;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-cf30c5a:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-cf30c5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-05608d7{text-align:center;}.elementor-2811 .elementor-element.elementor-element-05608d7 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-88da64c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--flex-wrap:wrap;}.elementor-2811 .elementor-element.elementor-element-15faa2c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-15faa2c:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-15faa2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-15faa2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-05aaa66 .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-05aaa66.elementor-view-stacked .elementor-icon{background-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-05aaa66.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-05aaa66.elementor-view-default .elementor-icon{color:#18458C;border-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-05aaa66.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-05aaa66.elementor-view-default .elementor-icon svg{fill:#18458C;}.elementor-2811 .elementor-element.elementor-element-05aaa66 .elementor-icon{font-size:32px;}.elementor-2811 .elementor-element.elementor-element-05aaa66 .elementor-icon svg{height:32px;}.elementor-2811 .elementor-element.elementor-element-d7effe8{text-align:center;}.elementor-2811 .elementor-element.elementor-element-d7effe8 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-cfb89ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2811 .elementor-element.elementor-element-2f11c63{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--border-radius:28px 28px 28px 28px;box-shadow:0px 6px 18px 0px rgba(14,27,46,0.10);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-2f11c63:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-2f11c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-2f11c63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-279567b .elementor-icon-wrapper{text-align:center;}.elementor-2811 .elementor-element.elementor-element-279567b.elementor-view-stacked .elementor-icon{background-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-279567b.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-279567b.elementor-view-default .elementor-icon{color:#18458C;border-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-279567b.elementor-view-framed .elementor-icon, .elementor-2811 .elementor-element.elementor-element-279567b.elementor-view-default .elementor-icon svg{fill:#18458C;}.elementor-2811 .elementor-element.elementor-element-279567b .elementor-icon{font-size:32px;}.elementor-2811 .elementor-element.elementor-element-279567b .elementor-icon svg{height:32px;}.elementor-2811 .elementor-element.elementor-element-12c4493{text-align:center;}.elementor-2811 .elementor-element.elementor-element-12c4493 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-01162b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2811 .elementor-element.elementor-element-4896d26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #FDFAF4;--padding-top:72px;--padding-bottom:72px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-4896d26:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-4896d26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFAF4;}.elementor-2811 .elementor-element.elementor-element-424bda2{text-align:center;}.elementor-2811 .elementor-element.elementor-element-424bda2 .elementor-heading-title{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-56fbb10{--display:flex;}.elementor-2811 .elementor-element.elementor-element-d963bc0{--display:flex;--padding-top:8px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-2811 .elementor-element.elementor-element-078da9f{color:#2C3A4E;}.elementor-2811 .elementor-element.elementor-element-bdc08be{--display:flex;--padding-top:8px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-2811 .elementor-element.elementor-element-65b0e50{color:#2C3A4E;}.elementor-2811 .elementor-element.elementor-element-2bf5baf{--display:flex;--padding-top:8px;--padding-bottom:24px;--padding-left:8px;--padding-right:8px;}.elementor-2811 .elementor-element.elementor-element-b7430ff{color:#2C3A4E;}.elementor-2811 .elementor-element.elementor-element-0dcddfd{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:14px 14px 14px 14px;--n-accordion-title-normal-color:#18458C;--n-accordion-title-hover-color:#18458C;--n-accordion-title-active-color:#18458C;--n-accordion-icon-size:15px;}.elementor-2811 .elementor-element.elementor-element-0dcddfd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(24,69,140,0.20);}:where( .elementor-2811 .elementor-element.elementor-element-0dcddfd > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:rgba(0,0,0,0);}.elementor-2811 .elementor-element.elementor-element-0dcddfd {--n-accordion-padding:18px 20px 18px 20px;}:where( .elementor-2811 .elementor-element.elementor-element-0dcddfd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}.elementor-2811 .elementor-element.elementor-element-4e5f69b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;box-shadow:0px 0px 0px 1px #B53C23;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2811 .elementor-element.elementor-element-4e5f69b:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-4e5f69b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B53C23;}.elementor-2811 .elementor-element.elementor-element-4e5f69b > .elementor-shape-top .elementor-shape-fill, .elementor-2811 .elementor-element.elementor-element-4e5f69b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FDFAF4;}.elementor-2811 .elementor-element.elementor-element-4e5f69b > .elementor-shape-top svg, .elementor-2811 .elementor-element.elementor-element-4e5f69b > .e-con-inner > .elementor-shape-top svg{height:59px;}.elementor-2811 .elementor-element.elementor-element-7a2dab7{text-align:center;}.elementor-2811 .elementor-element.elementor-element-7a2dab7 .elementor-heading-title{color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-44bf7b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;}.elementor-2811 .elementor-element.elementor-element-18edebb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2811 .elementor-element.elementor-element-18edebb .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2811 .elementor-element.elementor-element-pscpied{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 0px 1px #18458C;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2811 .elementor-element.elementor-element-pscpied:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-pscpied > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18458C;}.elementor-2811 .elementor-element.elementor-element-8ae49dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-2811 .elementor-element.elementor-element-028938a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2811 .elementor-element.elementor-element-028938a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-904971a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2811 .elementor-element.elementor-element-e3e1aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-2811 .elementor-element.elementor-element-e3e1aa3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-d59c218 .elementor-heading-title{color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-bfd2b4b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2811 .elementor-element.elementor-element-bfd2b4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2811 .elementor-element.elementor-element-d9de4e4{text-align:end;}.elementor-2811 .elementor-element.elementor-element-d9de4e4 .elementor-heading-title{color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0382c49{--grid-template-columns:repeat(0, auto);text-align:right;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2811 .elementor-element.elementor-element-0382c49 .elementor-social-icon{background-color:#FFFFFF;}.elementor-2811 .elementor-element.elementor-element-0382c49 .elementor-social-icon i{color:#18458C;}.elementor-2811 .elementor-element.elementor-element-0382c49 .elementor-social-icon svg{fill:#18458C;}.elementor-2811 .elementor-element.elementor-element-ebf8c4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-2811 .elementor-element.elementor-element-ebf8c4b:not(.elementor-motion-effects-element-type-background), .elementor-2811 .elementor-element.elementor-element-ebf8c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102E5E;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2811 .elementor-element.elementor-element-pscentete{--content-width:1560px;}.elementor-2811 .elementor-element.elementor-element-cb7524d{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-f13904a{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-0605032{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-8cecbb7{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-f3024e1{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-18a2ed0{--width:52%;}.elementor-2811 .elementor-element.elementor-element-2eee138{--width:44%;}.elementor-2811 .elementor-element.elementor-element-cf30c5a{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-15faa2c{--width:35%;}.elementor-2811 .elementor-element.elementor-element-2f11c63{--width:35%;}.elementor-2811 .elementor-element.elementor-element-4896d26{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-56fbb10{--content-width:820px;}.elementor-2811 .elementor-element.elementor-element-4e5f69b{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-8ae49dd{--content-width:1180px;}.elementor-2811 .elementor-element.elementor-element-028938a{--width:30%;}.elementor-2811 .elementor-element.elementor-element-e3e1aa3{--width:15%;}.elementor-2811 .elementor-element.elementor-element-bfd2b4b{--width:30%;}.elementor-2811 .elementor-element.elementor-element-ebf8c4b{--content-width:1180px;}}/* Start custom CSS *//* ===================================================================
FIGTREE PORTE LE CORPS DE TEXTE · 9 septembre 2026, nuit
Historique en deux temps, a garder pour comprendre le fichier.
1. Avenir LT Pro a ete retiree le 8 septembre. Police commerciale
Linotype, licence WEB non couverte par la licence d'identite, confirme
par Karine Perreault. Marie-Eve a donne son accord pour la remplacer.
2. Nunito Sans l'a remplacee ce jour-la, parce qu'elle etait deja le repli
de --font-corps dans la maquette. Geneviève l'a jugee moins jolie a
l'usage et a choisi Figtree le 9 au soir.
TBJ Sodaberry reste la police d'affichage : licenciee via Envato
Elements, usage web couvert, certificat au dossier. Voir le bloc suivant.
FIGTREE. Licence SIL Open Font, donc auto-hebergement sans reserve.
Police variable, un seul axe de graisse de 300 a 900. Le systeme de
design emploie 300, 400, 500, 600, 800 et 900 : tout est couvert par une
seule @font-face, donc aucune fausse graisse synthetisee.
AUTO-HEBERGEE. Les quatre fichiers sont servis par le site depuis
/wp-content/uploads/fonts/. Aucun appel a Google au chargement, donc
aucune adresse IP de visiteur transmise, ce que demande la Loi 25.
POURQUOI QUATRE FICHIERS ET NON UN. Le latin etendu ne se telecharge que
si la page contient un caractere qui l'exige. Il apporte notamment le Y
trema majuscule, absent du sous-ensemble latin. L'italique est declaree
bien qu'aucune maquette n'en contienne : la cliente edite ses textes
elle-meme et peut italiser un mot. Sans vraie italique le navigateur
fabrique une oblique en cisaillant les lettres, ce qui se voit. Cout reel
zero tant qu'aucune italique n'est employee, le fichier n'etant demande
que s'il sert.
OU SONT LES FICHIERS DANS WORDPRESS. Televerses sous la famille Figtree
de la bibliotheque du coeur. ATTENTION : WordPress refuse deux fichiers
de meme famille, meme style et meme graisse, sans tenir compte des plages
Unicode. Les enregistrements des sous-ensembles latin etendu portent donc
une graisse nominale 301 900 au lieu de 300 900, uniquement pour passer ce
controle. Cette valeur ne sert a rien : les @font-face ci-dessous sont les
seules qui comptent, et elles declarent toutes 300 900.
=================================================================== */
/* ORDRE DES QUATRE DECLARATIONS, NE PAS LE CHANGER.
Les plages latin et latin-ext se chevauchent volontairement sur U+0304,
U+0308 et U+0329, trois accents combinatoires. Quand deux @font-face de la
meme famille et du meme style couvrent le meme point de code, c'est la
DERNIERE declaree qui gagne. Le latin doit donc venir APRES le latin
etendu, sinon un accent combinatoire colle depuis un traitement de texte
ferait telecharger le latin etendu au lieu du fichier latin deja charge.
C'est l'ordre que Google sert lui-meme. */
@font-face{font-family:"Figtree";src:url("/wp-content/uploads/fonts/figtree-latin-ext.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Figtree";src:url("/wp-content/uploads/fonts/figtree-italic-latin-ext.woff2") format("woff2");font-weight:300 900;font-style:italic;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Figtree";src:url("/wp-content/uploads/fonts/figtree-latin.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap;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:"Figtree";src:url("/wp-content/uploads/fonts/figtree-italic-latin.woff2") format("woff2");font-weight:300 900;font-style:italic;font-display:swap;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;}
/* ===================================================================
TBJ SODABERRY EST DECLAREE ICI · 9 septembre 2026, pendant la bascule
Sans ce bloc, les h1 et h2 des cinq pages rendent en GEORGIA.
MESURE QUI L'A REVELE. Sur Sante fraichement mise en ligne, le h1 rendait
a 973,4 px de large. Georgia mesure 973,4 px sur la meme chaine. La vraie
Sodaberry, 889,2 px. Le titre n'etait donc pas dans la police prevue, et
ne l'avait jamais ete, brouillons compris.
CAUSE. Le systeme de design demande "TBJ Sodaberry", deux R, et c'est la
graphie des 254 occurrences du dossier. La police televersee dans la
bibliotheque de WordPress porte un R en moins, "TBJ Sodabery", jusque
dans le nom de son fichier. Les deux ne se rencontraient jamais.
POURQUOI ON NE CORRIGE PAS LA BIBLIOTHEQUE. Ce que WordPress sert ne
vient pas des familles de polices mais d'une COPIE FIGEE rangee dans
wp_global_styles numero 61, ecrite au televersement. Renommer la famille
2591 ne la met pas a jour : mesure le 9 septembre, sans effet a l'ecran.
Corriger cette copie voudrait dire reecrire l'objet qui porte aussi toute
la personnalisation visuelle du theme, pour un R.
ON LA DECLARE DONC NOUS-MEMES, comme Figtree juste au-dessus. Meme fichier
deja televerse, on n'en ajoute pas un second. Ca survivra au menage de la
phase 6, ou ces familles du coeur doivent disparaitre avec Avenir.
COUT REEL. 131 916 octets, TrueType non sous-ensemble. Jusqu'ici il ne se
telechargeait jamais puisque personne ne le demandait sous ce nom : ce
bloc ajoute donc 129 Ko aux cinq pages. A convertir en woff2
sous-ensemble au menage, environ 30 Ko attendus.
font-display:swap et non fallback : un titre doit apparaitre tout de
suite, quitte a changer de police en cours de route.
POURQUOI PAS DE DECLARATION POUR --font-display-angular. Ce jeton nomme
"TBJ Sodaberry Angular" mais n'est consomme nulle part, et le fichier ci-
dessous EST la coupe angulaire. Sa pile retombe sur "TBJ Sodaberry".
=================================================================== */
@font-face{font-family:"TBJ Sodaberry";src:url("/wp-content/uploads/fonts/TBJSodabery-RegularAngular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
:root{--bleu-500:#18458c;--bleu-600:#143a76;--bleu-700:#102e5e;--bleu-800:#0c2246;--bleu-900:#08182f;--bleu-400:#2f5da8;--bleu-300:#5a83c1;--bleu-200:#a9c0e0;--bleu-100:#dce6f5;--bleu-050:#eef3fb;--corail-500:#f15e3f;--corail-600:#d94b2e;--corail-700:#b53c23;--corail-800:#8d2d19;--corail-400:#f57a60;--corail-300:#f89a85;--corail-200:#fbc4b6;--corail-100:#fde3dc;--corail-050:#fef2ef;--jaune-500:#fcb422;--jaune-600:#e19c0c;--jaune-700:#b87e06;--jaune-800:#8c5f03;--jaune-400:#fdc44f;--jaune-300:#fed57e;--jaune-200:#fee7b3;--jaune-100:#fff3d9;--jaune-050:#fffaef;--encre-900:#0e1b2e;--encre-700:#2c3a4e;--encre-500:#5b6675;--encre-400:#8b939f;--encre-300:#c3c9d1;--encre-200:#e2e6ea;--encre-100:#f1f3f5;--papier:#fdfaf4;--blanc:#ffffff;--noir:#000000;--text-titre:var(--bleu-500);--text-corps:var(--encre-700);--text-doux:var(--encre-500);--text-accent:var(--corail-700);--text-sur-fonce:var(--blanc);--text-doux-sur-fonce:var(--bleu-100);--surface-page:var(--blanc);--surface-papier:var(--papier);--surface-carte:var(--blanc);--surface-carte-bleue:var(--bleu-500);--surface-bande:var(--corail-500);--surface-section-bleue:var(--bleu-500);--surface-section-jaune:var(--jaune-500);--surface-tint-bleu:var(--bleu-050);--surface-tint-corail:var(--corail-050);--surface-tint-jaune:var(--jaune-050);--bordure-douce:var(--encre-200);--bordure-bleue:var(--bleu-500);--bordure-focus:var(--jaune-500);--action-primaire:var(--corail-700);--action-primaire-hover:var(--corail-800);--action-primaire-press:var(--corail-800);--action-secondaire:var(--bleu-500);--action-secondaire-hover:var(--bleu-600);--action-secondaire-press:var(--bleu-700);--action-accent:var(--jaune-500);--action-accent-hover:var(--jaune-600);--lien:var(--corail-700);--lien-hover:var(--corail-800);--lien-sur-fonce:var(--jaune-500);--disque-fond:var(--bleu-050);--disque-encre:var(--bleu-500);--titre-encre:var(--bleu-500);--lien-sur-fonce-hover:var(--jaune-300);--succes:#2f7a4f;--attention:var(--jaune-600);--erreur:var(--corail-700);--info:var(--bleu-500)}:root{--font-display:"TBJ Sodaberry","Playfair Display",Georgia,serif;--font-display-angular:"TBJ Sodaberry Angular","TBJ Sodaberry",Georgia,serif;--font-corps:"Figtree","Helvetica Neue",Arial,sans-serif;--font-titre-petit:var(--font-corps);--fw-light:300;--fw-book:400;--fw-roman:500;--fw-medium:600;--fw-heavy:800;--fw-black:900;--fs-100:0.875rem;--fs-200:1rem;--fs-300:1.125rem;--fs-400:1.25rem;--fs-500:1.625rem;--fs-600:2rem;--fs-700:2.5rem;--fs-800:3.25rem;--fs-900:4.25rem;--fs-1000:5.5rem;--lh-serre:1.05;--lh-titre:1.14;--lh-moyen:1.3;--lh-corps:1.6;--lh-aere:1.75;--fs-bouton:18px;--ls-titre-aere:0.015em;--epaisseur-titre:0.4px;--ls-serre:-0.02em;--ls-normal:0;--ls-large:0.04em;--ls-pastille:0.1em}:root{--esp-025:2px;--esp-05:4px;--esp-1:8px;--esp-15:12px;--esp-2:16px;--esp-3:24px;--esp-4:32px;--esp-5:40px;--esp-6:48px;--esp-8:64px;--esp-10:80px;--esp-12:96px;--esp-16:128px;--esp-20:160px;--section-y:var(--esp-12);--section-y-large:var(--esp-20);--gouttiere:var(--esp-3);--contenu-max:1180px;--texte-max:64ch;--nav-h:92px;--nav-max:1560px}:root{--r-xs:6px;--r-s:12px;--r-m:20px;--r-l:28px;--r-xl:40px;--r-2xl:56px;--r-capsule:999px;--r-carte:var(--r-l);--r-image:var(--r-l);--r-champ:var(--r-capsule);--r-bouton:var(--r-capsule);--r-pastille:var(--r-capsule)}:root{--ombre-0:none;--ombre-1:0 1px 2px rgba(14,27,46,.06),0 2px 8px rgba(14,27,46,.05);--ombre-2:0 4px 14px rgba(14,27,46,.09);--ombre-3:0 12px 32px rgba(14,27,46,.13);--ombre-bouton:0 3px 0 var(--corail-700);--ombre-bouton-bleu:0 3px 0 var(--bleu-700);--focus-ring:0 0 0 3px var(--jaune-300)}:root{--duree-rapide:120ms;--duree-moyenne:220ms;--duree-lente:420ms;--duree-ambiante:3.2s;--easing-doux:cubic-bezier(.22,.61,.36,1);--easing-entree:cubic-bezier(.16,.84,.44,1);--easing-sortie:cubic-bezier(.5,0,.75,0);--transition-ui:all var(--duree-moyenne) var(--easing-doux)}@keyframes periscope-flottement{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes periscope-apparition{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes periscope-rotation-lente{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{-webkit-text-size-adjust:100%}*,*::before,*::after{box-sizing:border-box}:root{--decalage-forme:18px}#psc-refonte{margin:0;background:var(--surface-page);color:var(--text-corps);font-family:var(--font-corps);font-weight:var(--fw-book);font-size:var(--fs-400);line-height:var(--lh-corps);text-wrap:pretty;-webkit-font-smoothing:antialiased}:where(#psc-refonte) h1,:where(#psc-refonte) h2{font-family:var(--font-display);font-weight:var(--fw-book);color:var(--text-titre);line-height:var(--lh-titre);letter-spacing:var(--ls-titre-aere);-webkit-text-stroke:var(--epaisseur-titre) currentColor;paint-order:stroke fill;margin:0 0 var(--esp-3)}:where(#psc-refonte) h3,:where(#psc-refonte) h4,:where(#psc-refonte) h5,:where(#psc-refonte) h6{font-family:var(--font-titre-petit);font-weight:var(--fw-heavy);color:var(--text-titre);line-height:var(--lh-moyen);letter-spacing:var(--ls-titre-aere);margin:0 0 var(--esp-2)}:where(#psc-refonte) h1{font-size:var(--fs-800)}:where(#psc-refonte) h2{font-size:var(--fs-700)}:where(#psc-refonte) h3{font-size:var(--fs-600)}:where(#psc-refonte) h4{font-size:var(--fs-500)}:where(#psc-refonte) h5{font-size:var(--fs-400)}:where(#psc-refonte) h6{font-size:var(--fs-300)}:where(#psc-refonte) p{margin:0 0 var(--esp-2)}:where(#psc-refonte) a{color:var(--lien);text-decoration-line:none;text-decoration-thickness:2px;text-underline-offset:4px;transition:var(--transition-ui)}:where(#psc-refonte) a:hover,:where(#psc-refonte) a:focus-visible{color:var(--lien-hover);text-decoration-line:underline}:where(#psc-refonte) strong,:where(#psc-refonte) b{font-weight:var(--fw-medium)}#psc-refonte:focus-visible{outline:none;box-shadow:var(--focus-ring)}:where(#psc-refonte) img{max-width:100%;display:block}#psc-refonte header>div>a:first-child{flex:0 0 auto}#psc-refonte header>div>a:first-child>img{max-width:none}.psc-surtitre{display:inline-block;font-family:var(--font-corps);font-weight:var(--fw-heavy);font-size:var(--fs-200);letter-spacing:var(--ls-pastille);text-transform:uppercase;color:var(--encre-500)}.psc-surtitre-clair{color:var(--blanc)}.psc-surtitre-sur-corail{color:var(--bleu-900)}.psc-surtitre-centre{display:block;text-align:center}.psc-bouton{-webkit-tap-highlight-color:transparent;border-style:solid;border-width:2px;font-size:var(--fs-bouton)}.psc-bouton--primaire,.psc-bouton--secondaire,.psc-bouton--jaune{background:var(--cta-fond,var(--jaune-500));color:var(--cta-texte,var(--bleu-500));border-color:var(--cta-fond,var(--jaune-500))}.psc-bouton--primaire:hover,.psc-bouton--primaire:focus-visible,.psc-bouton--secondaire:hover,.psc-bouton--secondaire:focus-visible,.psc-bouton--jaune:hover,.psc-bouton--jaune:focus-visible{background:var(--cta-fond-inv,var(--bleu-900));color:var(--cta-texte-inv,var(--jaune-500));border-color:var(--cta-fond-inv,var(--bleu-900))}.psc-bouton--contour{background:transparent;color:var(--contour-texte,var(--bleu-500));border-color:var(--contour-bordure,var(--bleu-500))}.psc-bouton--contour:hover,.psc-bouton--contour:focus-visible{background:var(--contour-inv-fond,var(--bleu-500));color:var(--contour-inv-texte,var(--jaune-500));border-color:var(--contour-inv-fond,var(--bleu-500))}.psc-bouton--contourClair{background:transparent;color:var(--blanc);border-color:var(--blanc)}.psc-bouton--contourClair:hover,.psc-bouton--contourClair:focus-visible{background:var(--blanc);color:var(--bleu-500);border-color:var(--blanc)}.psc-bouton--fantome{background:transparent;color:var(--contour-texte,var(--bleu-500));border-color:transparent}.psc-bouton--fantome:hover,.psc-bouton--fantome:focus-visible{background:var(--contour-inv-fond,var(--bleu-500));color:var(--contour-inv-texte,var(--jaune-500));border-color:var(--contour-inv-fond,var(--bleu-500))}.psc-bouton:active{transform:translateY(1px)}.psc-surface-sombre{--cta-fond-inv:var(--blanc);--cta-texte-inv:var(--bleu-500);--contour-texte:var(--blanc);--contour-bordure:var(--blanc);--contour-inv-fond:var(--blanc);--contour-inv-texte:var(--bleu-500);--nav-souligne-actif:var(--jaune-500);--nav-texte-survol:var(--jaune-500)}.psc-surface-corail{--contour-texte:var(--blanc);--contour-bordure:var(--blanc);--contour-inv-fond:var(--blanc);--contour-inv-texte:var(--corail-700);--nav-souligne-actif:var(--blanc);--nav-texte-survol:var(--bleu-900);--cta-fond-inv:var(--bleu-900);--cta-texte-inv:var(--jaune-500)}.psc-surface-claire{--cta-fond:var(--jaune-500);--cta-texte:var(--bleu-500);--cta-fond-inv:var(--bleu-500);--cta-texte-inv:var(--jaune-500);--contour-texte:var(--bleu-500);--contour-bordure:var(--bleu-500);--contour-inv-fond:var(--bleu-500);--contour-inv-texte:var(--jaune-500);--nav-souligne-actif:var(--corail-700);--nav-texte-survol:var(--corail-700)}.psc-surface-jaune{--cta-fond:var(--bleu-500);--cta-texte:var(--jaune-500);--cta-fond-inv:var(--blanc);--cta-texte-inv:var(--bleu-500);--contour-inv-fond:var(--bleu-500);--contour-inv-texte:var(--jaune-500);--nav-souligne-actif:var(--bleu-500);--nav-texte-survol:var(--bleu-900)}.psc-lien-nav{border-radius:0;color:var(--bleu-500);text-decoration-line:none;text-decoration-thickness:2px;text-underline-offset:4px;transition:color var(--duree-courte) var(--easing-doux)}.psc-lien-nav::after{content:attr(data-libelle);display:block;height:0;overflow:hidden;visibility:hidden;pointer-events:none;font-weight:var(--fw-heavy);white-space:nowrap}.psc-lien-nav-clair{color:var(--blanc)}.psc-lien-nav--actif{text-decoration-line:underline;text-decoration-color:var(--nav-souligne-actif,var(--corail-700))}.psc-lien-nav:hover,.psc-lien-nav:focus-visible{background:transparent;text-decoration-line:none;font-weight:var(--fw-heavy);color:var(--nav-texte-survol,var(--corail-700))}.psc-lien-nav--actif:hover,.psc-lien-nav--actif:focus-visible{text-decoration-line:underline}.psc-lien-pied{display:inline-block;color:var(--blanc);text-decoration-line:none;text-decoration-thickness:2px;text-underline-offset:4px;transition:color var(--duree-courte) var(--easing-doux)}.psc-lien-pied:hover,.psc-lien-pied:focus-visible{color:var(--jaune-500);text-decoration-line:underline}.psc-bouton,.psc-bouton:hover,.psc-bouton:focus-visible,.psc-reseau,.psc-reseau:hover,.psc-reseau:focus-visible,.psc-carte-cliquable,.psc-carte-cliquable:hover,.psc-carte-cliquable:focus-visible{text-decoration-line:none}.hero-offset{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + var(--esp-6))!important}@media (max-width:760px){.hero-offset{margin-top:0;padding-top:var(--esp-5)!important}}@container (max-width:900px){.psc-pied-colonne{padding-top:0!important}.psc-pied-joindre{align-items:flex-start!important;text-align:left!important}.psc-pied-nav{align-items:flex-start!important;text-align:left!important;justify-self:start!important}.psc-pied-logo{height:68px!important}.psc-pied-nav a,.psc-pied-joindre a{min-height:44px;display:inline-flex;align-items:center}.psc-pied-nav ul{gap:0 var(--esp-4)!important}}@container (max-width:420px){.psc-pied-nav ul{grid-template-columns:1fr!important}.psc-pied-logo{height:58px!important}}.psc-index-service{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 4px;background:none;border:0;cursor:pointer;font:inherit;color:inherit;border-radius:var(--r-lg);transition:var(--transition-ui)}.psc-index-service-disque{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;flex:0 0 auto;background:var(--bleu-050);color:var(--bleu-500);transition:var(--transition-ui)}.psc-index-service-titre{font-family:var(--font-titre-petit);font-weight:var(--fw-heavy);font-size:var(--fs-300);letter-spacing:var(--ls-titre-aere);color:var(--bleu-500);text-align:center;line-height:1.25;text-wrap:balance}.psc-index-service:hover .psc-index-service-disque,.psc-index-service:focus-visible .psc-index-service-disque{background:var(--bleu-500);color:var(--jaune-500)}.psc-index-service:hover .psc-index-service-titre{color:var(--corail-700)}.psc-fleche-defilement{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--bleu-300);background:var(--blanc);color:var(--bleu-500);cursor:pointer;transition:var(--transition-ui);animation:psc-bercement 2.4s ease-in-out infinite}.psc-fleche-defilement:hover,.psc-fleche-defilement:focus-visible{background:var(--bleu-500);border-color:var(--bleu-500);color:var(--jaune-500);animation-play-state:paused}@keyframes psc-bercement{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.psc-fleche-defilement{animation:none}}.psc-reseau{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:rgba(255,255,255,.14);color:var(--blanc);text-decoration:none;transition:var(--transition-ui)}.psc-reseau:hover,.psc-reseau:focus-visible{background:var(--jaune-500);color:var(--bleu-500)}.psc-carte-cliquable{text-align:inherit;-webkit-tap-highlight-color:transparent}.psc-carte-cliquable:hover,.psc-carte-cliquable:focus-visible{box-shadow:var(--ombre-3)}.psc-carte-disque{background:var(--disque-fond);color:var(--disque-encre);transition:var(--transition-ui)}.psc-carte-titre{color:var(--titre-encre);transition:var(--transition-ui)}.psc-carte-cliquable:hover .psc-carte-disque,.psc-carte-cliquable:focus-visible .psc-carte-disque{background:var(--bleu-500);color:var(--jaune-500)}.psc-carte-cliquable:hover .psc-carte-titre,.psc-carte-cliquable:focus-visible .psc-carte-titre{color:var(--corail-700)}.psc-carte-cliquable-pied{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-titre-petit);font-weight:var(--fw-heavy);font-size:var(--fs-300);letter-spacing:var(--ls-titre-aere);color:var(--bleu-500);transition:var(--transition-ui)}.psc-carte-cliquable:hover .psc-carte-cliquable-pied,.psc-carte-cliquable:focus-visible .psc-carte-cliquable-pied{color:var(--corail-700)}.psc-separateur-fleche{display:flex;align-items:center;gap:16px;color:var(--corail-500);max-width:var(--contenu-max);margin:0 auto;padding:0 var(--esp-4)}.psc-separateur-fleche>span{flex:1;height:1px;background:currentColor;opacity:.3}.psc-corps{font-family:var(--font-corps);font-weight:var(--fw-book);font-size:var(--fs-400);line-height:var(--lh-corps);color:var(--text-corps)}.psc-corps-compact{font-family:var(--font-corps);font-weight:var(--fw-book);font-size:var(--fs-300);line-height:var(--lh-corps)}.psc-chapeau{font-family:var(--font-corps);font-weight:var(--fw-book);font-size:var(--fs-500);line-height:var(--lh-moyen);color:var(--text-doux)}.psc-display{font-family:var(--font-display);font-weight:var(--fw-book);line-height:var(--lh-titre);letter-spacing:var(--ls-titre-aere);-webkit-text-stroke:var(--epaisseur-titre) currentColor;paint-order:stroke fill}.psc-titre-petit{font-family:var(--font-corps);font-weight:var(--fw-heavy);line-height:var(--lh-moyen);letter-spacing:var(--ls-normal)}.psc-mentions{font-size:var(--fs-100);color:var(--text-doux)}.psc-surtitre-el{font-family:var(--font-corps);font-weight:var(--fw-heavy);font-size:var(--fs-200);letter-spacing:var(--ls-pastille);text-transform:uppercase;color:var(--encre-500)}.psc-conteneur{max-width:var(--contenu-max);margin-inline:auto;padding-inline:var(--esp-4)}.psc-texte-mesure{max-width:var(--texte-max)}.psc-fond-bleu{background:var(--bleu-500);color:var(--blanc);box-shadow:0 -1px 0 0 var(--bleu-500),0 1px 0 0 var(--bleu-500)}.psc-fond-corail{background:var(--corail-500);color:var(--bleu-900);box-shadow:0 -1px 0 0 var(--corail-500),0 1px 0 0 var(--corail-500)}.psc-fond-jaune{background:var(--jaune-500);color:var(--bleu-500);box-shadow:0 -1px 0 0 var(--jaune-500),0 1px 0 0 var(--jaune-500)}.psc-fond-papier{background:var(--papier);color:var(--text-corps);box-shadow:0 -1px 0 0 var(--papier),0 1px 0 0 var(--papier)}.psc-fond-bleu:is(h1,:where(#psc-refonte) h2,:where(#psc-refonte) h3,:where(#psc-refonte) h4,:where(#psc-refonte) h5,:where(#psc-refonte) h6),.psc-fond-corail:is(h1,:where(#psc-refonte) h2,:where(#psc-refonte) h3,:where(#psc-refonte) h4,:where(#psc-refonte) h5,:where(#psc-refonte) h6){color:var(--blanc)}.psc-fond-jaune:is(h1,:where(#psc-refonte) h2,:where(#psc-refonte) h3,:where(#psc-refonte) h4,:where(#psc-refonte) h5,:where(#psc-refonte) h6){color:var(--bleu-500)}.psc-carte{background:var(--blanc);border-radius:var(--r-carte);box-shadow:var(--ombre-2);padding:var(--esp-4)}.psc-carte-papier{background:var(--papier)}.psc-carte-bleue{background:var(--bleu-500);color:var(--blanc)}.psc-el-bouton{display:inline-flex;align-items:center;gap:10px;border-radius:var(--r-capsule);font-family:var(--font-corps);font-weight:var(--fw-heavy);font-size:var(--fs-300);padding:15px 30px;text-decoration:none;border:2px solid transparent;transition:var(--transition-ui);cursor:pointer}.psc-el-bouton-primaire{background:var(--corail-500);border-color:var(--corail-500);color:var(--blanc)}.psc-el-bouton-primaire:hover{background:var(--blanc);color:var(--corail-700)}.psc-el-bouton-jaune{background:var(--jaune-500);border-color:var(--jaune-500);color:var(--bleu-500)}.psc-el-bouton-jaune:hover{background:var(--bleu-500);border-color:var(--bleu-500);color:var(--jaune-500)}.psc-el-bouton-contour{background:transparent;color:var(--bleu-500);border-color:var(--bleu-500)}.psc-el-bouton-contour:hover{background:var(--bleu-500);color:var(--blanc)}.psc-el-bouton-contour-clair{background:transparent;color:var(--blanc);border-color:var(--blanc)}.psc-el-bouton-contour-clair:hover{background:var(--blanc);color:var(--bleu-500)}.psc-vague{line-height:0;overflow:hidden;margin-block:-1px}.psc-vague>svg{display:block;width:100%;height:clamp(40px,4.2vw,60px)}.psc-vague-inverse{transform:scaleX(-1)}.psc-el-menu a:hover{background:var(--bleu-050);color:var(--bleu-700);border-radius:var(--r-capsule)}.psc-el-pied a:hover{color:var(--jaune-500);transform:translateX(3px)}.psc-vague{line-height:0;overflow:hidden;margin-block:-1px}.psc-vague>svg{display:block;width:calc(100% + 1.3px);margin-left:-.65px;height:60px}.psc-vague-inverse{transform:scaleX(-1)}.psc-el-menu a:hover{background:var(--bleu-050);color:var(--bleu-700);border-radius:var(--r-capsule)}.psc-el-pied a:hover{color:var(--jaune-500);transform:translateX(3px)}#psc-refonte{margin:0;background:var(--blanc)}#psc-refonte{container-type:inline-size;overflow-x:clip}.g2,.g3,.g4,.hero,.split{display:grid;gap:var(--esp-4)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1.05fr .95fr;gap:var(--esp-6);align-items:center}.hero-titre{max-width:75%;display:flex;flex-direction:column;gap:var(--esp-3);align-items:flex-start;margin-bottom:var(--esp-5)}.split{grid-template-columns:1.1fr .9fr;gap:var(--esp-5)}.habillage::after{content:"";display:block;clear:both}.habillage-photo{position:relative;float:right;width:40%;margin:0 0 var(--esp-5) var(--esp-6);shape-margin:var(--esp-5)}.split-service{display:grid;gap:var(--esp-6);align-items:start}#psc-refonte #site header>div{max-width:1560px!important}#psc-refonte #site header>div>a:first-child{flex:0 0 auto!important}#psc-refonte #site header>div>a:first-child>img{max-width:none!important}@container (max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:760px){#site{--decalage-forme:0px}.hero-offset{margin-top:0;padding-top:var(--esp-5)!important}.g2,.g3,.g4,.hero,.split,.split-service{grid-template-columns:1fr!important;gap:var(--esp-3)}.habillage-photo{float:none;width:100%;margin:0 0 var(--esp-4) 0}.hero-bas{grid-template-columns:1fr!important}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:var(--fs-500)}section{padding-left:var(--esp-2)!important;padding-right:var(--esp-2)!important}#site{--section-y:var(--esp-6);--section-y-large:var(--esp-8)}.hero-titre{max-width:100%}}:where(#psc-refonte) a{color:var(--lien)}:where(#psc-refonte) a:hover{color:var(--lien-hover)}
/* Icônes Lucide : contour, jamais rempli */
#psc-refonte .elementor-icon svg,#psc-refonte .elementor-widget-icon svg{fill:none!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#psc-refonte .elementor-icon-list-icon svg{fill:none!important;stroke:currentColor;stroke-width:2.5}
/* Rend aux widgets l'heritage de l'enveloppe : la typo globale d'Elementor
s'appliquait au div.elementor-widget et le texte n'heritait plus d'Avenir. */
#psc-refonte .elementor-widget{font-family:inherit}
/* raccord typo widgets internes */
#psc-refonte .psc-surtitre .elementor-heading-title{font-family:inherit;font-weight:inherit}
#psc-refonte .elementor-icon-list-text{font-family:inherit}
/* Decorations du heros. La boucle jaune est confinee a son heros par
overflow:hidden : quelle que soit la largeur, elle ne peut pas deborder
sur la section suivante ni croiser un visage qui s'y trouve. */
#psc-hero{position:relative;overflow:hidden;isolation:isolate}
/* isolation cree un contexte d'empilement sans faire du bloc
interieur la reference de positionnement : la boucle se cale
ainsi sur la section pleine largeur, comme dans la maquette. */
#psc-refonte .psc-boucle{position:absolute;z-index:-1;top:-90px;left:-70px;width:420px;opacity:.18;pointer-events:none;}
#psc-refonte .psc-boucle img{display:block;width:100%;height:auto}
@media(max-width:1024px){#psc-refonte .psc-boucle{width:300px;top:-60px;left:-50px}}
@media(max-width:767px){#psc-refonte .psc-boucle{display:none}}
/* Decorations secondaires. Positions en pourcentage de leur section, donc
stables au redimensionnement. Sections confinees par overflow:hidden, meme
la ou les maquettes laissent deborder : c'est le garde-fou qui empeche une
decoration d'aller croiser un visage dans la section voisine. */
#psc-situation,#psc-apercu-apropos,#psc-sante-normee{position:relative;overflow:hidden;isolation:isolate}
#psc-refonte .psc-deco{position:absolute;pointer-events:none;z-index:-1}
#psc-refonte .psc-deco img{display:block;width:100%;height:auto}
#psc-refonte .psc-deco-pastille{left:13.5%;top:63.9%;width:72px;opacity:.9}
#psc-refonte .psc-deco-boucle{left:41.3%;top:16.2%;width:190px;opacity:1}
#psc-refonte .psc-deco-boucle-sante{left:9.4%;top:7%;width:170px;opacity:1}
@media(max-width:767px){#psc-refonte .psc-deco{display:none}}
/* Typographie reaffirmee sans les couleurs */
#psc-refonte h1,#psc-refonte h2{font-family:var(--font-display);font-weight:var(--fw-book);line-height:var(--lh-titre);letter-spacing:var(--ls-titre-aere);paint-order:stroke;margin-left:}
#psc-refonte h3,#psc-refonte h4,#psc-refonte h5,#psc-refonte h6{font-family:var(--font-titre-petit);font-weight:var(--fw-heavy);line-height:var(--lh-moyen);letter-spacing:var(--ls-titre-aere);margin-left:}
#psc-refonte h1{font-size:var(--fs-800)}
#psc-refonte h2{font-size:var(--fs-700)}
#psc-refonte h3{font-size:var(--fs-600)}
#psc-refonte h4{font-size:var(--fs-500)}
#psc-refonte h5{font-size:var(--fs-400)}
#psc-refonte h6{font-size:var(--fs-300)}
#psc-refonte p{margin-left:}
#psc-refonte a{text-decoration-line:none;text-decoration-thickness:2px;text-underline-offset:4px;transition-behavior:}
#psc-refonte a:hover,#psc-refonte a:focus-visible{text-decoration-line:underline}
#psc-refonte strong,#psc-refonte b{font-weight:var(--fw-medium)}
#psc-refonte img{max-width:100%;display:block}
/* Echelle mobile, relevee sur les maquettes, bascule a 760 px */
@media(max-width:760px){
#psc-refonte h1{font-size:2.5rem}
#psc-refonte h2{font-size:2rem}
#psc-refonte h3{font-size:1.625rem}
#psc-refonte .e-con{padding-left:16px;padding-right:16px}
#psc-refonte .e-con .e-con{padding-left:0;padding-right:0}
}
/* Typographie des boutons. Elementor applique sa police globale au texte
interne du bouton, ce que le raccord d'heritage ne couvrait pas : ils
rendaient en Restora au lieu d'Avenir. Valeurs relevees sur la maquette :
Avenir LT Pro, 18 px, graisse 800, ecart de 10 px avant l'icone. */
#psc-refonte .elementor-button,
#psc-refonte .elementor-button .elementor-button-text,
#psc-refonte .elementor-button .elementor-button-content-wrapper{
font-family:var(--font-corps);font-size:18px;font-weight:800;line-height:1.2}
#psc-refonte .elementor-button .elementor-button-content-wrapper{gap:10px;align-items:center}
/* le lien de recouvrement des cartes reste invisible */
#psc-refonte .psc-carte-lien .elementor-button,
#psc-refonte .psc-carte-lien .elementor-button .elementor-button-text{font-size:0}
/* En-tete et pied de la refonte.
Montes DANS la page et non en gabarit de theme : un gabarit est partage par
tout le site, et les pages en ligne ne doivent pas bouger. Ce CSS n'est
servi que sur cette page, donc le masquage ci-dessous ne touche qu'elle.
A LA MISE EN LIGNE : extraire en gabarits Elementor et retirer ce bloc. */
[data-elementor-type="header"],[data-elementor-type="footer"]{display:none!important}
#psc-entete{position:sticky;top:0;z-index:50}
#psc-refonte .psc-nav p{display:flex;gap:28px;margin:0;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#psc-refonte .psc-nav a{font-family:var(--font-corps);font-size:16px;font-weight:600;color:#FFFFFF;text-decoration:none}
#psc-refonte .psc-nav a:hover,#psc-refonte .psc-nav a:focus-visible{text-decoration:underline;text-underline-offset:6px}
#psc-refonte .psc-logo-pied img{width:329px;max-width:100%;height:auto;display:block}
#psc-refonte .psc-nav-pied p{display:flex;flex-direction:column;gap:12px;margin:0}
#psc-refonte .psc-nav-pied a{color:#DCE6F5;text-decoration:none;font-size:18px}
#psc-refonte .psc-nav-pied a:hover{text-decoration:underline}
#psc-pied h3{font-family:var(--font-corps);font-size:26px;font-weight:800;color:#FFFFFF;margin:0}
#psc-pied a{color:#FFFFFF}
@media(max-width:760px){
#psc-entete{flex-direction:column;gap:14px}
#psc-refonte .psc-nav p{gap:16px;justify-content:center}
#psc-refonte .psc-nav a{font-size:15px}
#psc-pied h3{font-size:22px}
}
/* Contrat de mise en page de l'en-tete, repris mot pour mot du systeme de
design plutot qu'improvise. Le heros remonte sous la barre transparente par
une marge negative, ce qui garde l'en-tete collant, alors que ma premiere
version le passait en absolu et le faisait disparaitre au defilement. */
#psc-refonte{--nav-h:160px}
#psc-entete{position:sticky;top:0;z-index:50}
#psc-hero{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + 64px)}
/* « C'est au menu de ceder. » Deux causes de retrecissement du logo, toutes
deux neutralisees ici : le lien est un element flex qui retrecit par defaut,
et max-width:100% reduit alors l'image dans sa boite. */
#psc-entete .psc-logo-entete{flex:0 0 auto}
#psc-refonte .psc-logo-entete img{max-width:none;width:393px;height:auto;display:block}
#psc-refonte .psc-nav{flex:1 1 auto;min-width:0}
@media(max-width:760px){
/* Sous ce point de rupture la barre est opaque et non transparente : le
decalage doit etre remis a zero, sinon le titre passe sous la barre. */
#psc-entete{position:static;background:#18458C}
#psc-hero{margin-top:0;padding-top:40px}
#psc-refonte .psc-logo-entete img{width:260px}
}
/* Pont entre les classes du systeme de design et le balisage d'Elementor.
Le champ « Classes CSS » pose la classe sur le CONTENEUR du widget, pas sur
le lien : les regles .psc-el-bouton-* du systeme ne l'atteignent donc jamais.
On les rejoue ici sur .elementor-button. Les couleurs restent des variables,
comme le demande le systeme, pour que les surfaces puissent les redeclarer
et que le survol reste lisible sur tout fond. */
#psc-refonte .psc-el-bouton .elementor-button{display:inline-flex;align-items:center;gap:10px;
border-radius:var(--r-capsule,999px);font-family:var(--font-corps);font-weight:var(--fw-heavy,800);
font-size:var(--fs-300,18px);padding:15px 30px;border:2px solid transparent;
transition:var(--transition-ui,all .22s ease);text-decoration:none}
#psc-refonte .psc-el-bouton-jaune .elementor-button{background:var(--cta-fond,var(--jaune-500));
border-color:var(--cta-fond,var(--jaune-500));color:var(--cta-texte,var(--bleu-500))}
#psc-refonte .psc-el-bouton-jaune .elementor-button:hover,
#psc-refonte .psc-el-bouton-jaune .elementor-button:focus-visible{
background:var(--cta-fond-inv,var(--bleu-500));border-color:var(--cta-fond-inv,var(--bleu-500));
color:var(--cta-texte-inv,var(--jaune-500))}
#psc-refonte .psc-el-bouton-contour .elementor-button{background:transparent;
color:var(--contour-texte,var(--bleu-500));border-color:var(--contour-bordure,var(--bleu-500))}
#psc-refonte .psc-el-bouton-contour .elementor-button:hover{
background:var(--contour-inv-fond,var(--bleu-500));color:var(--contour-inv-texte,#FFFFFF)}
#psc-refonte .psc-el-bouton-contour-clair .elementor-button{background:transparent;
color:var(--blanc,#FFFFFF);border-color:var(--blanc,#FFFFFF)}
#psc-refonte .psc-el-bouton-contour-clair .elementor-button:hover{
background:var(--blanc,#FFFFFF);color:var(--bleu-500,#18458C)}
#psc-refonte .psc-el-bouton .elementor-button svg{width:18px;height:18px}
/* Surfaces : redeclaration des variables par section.
Le systeme demande de poser une classe de surface sur chaque conteneur
colore, mais Elementor jette les classes de conteneurs. On rejoue donc
les memes jeux de variables sur les identifiants de section. Sans cela,
un bouton pose sur du marine devient marine au survol, donc invisible :
c'est le defaut que le systeme signale explicitement. */
#psc-sec-2,#psc-pied{--cta-fond-inv:var(--blanc);--cta-texte-inv:var(--bleu-500);--contour-texte:var(--blanc);--contour-bordure:var(--blanc);--contour-inv-fond:var(--blanc);--contour-inv-texte:var(--bleu-500);--nav-souligne-actif:var(--jaune-500);--nav-texte-survol:var(--jaune-500)}
#psc-hero,#psc-sec-3,#psc-sec-6{--contour-texte:var(--blanc);--contour-bordure:var(--blanc);--contour-inv-fond:var(--blanc);--contour-inv-texte:var(--corail-700);--nav-souligne-actif:var(--blanc);--nav-texte-survol:var(--bleu-900);--cta-fond-inv:var(--bleu-900);--cta-texte-inv:var(--jaune-500)}
#psc-entete,#psc-sec-1,#psc-sante-normee,#psc-sec-4,#psc-sec-5{--cta-fond:var(--jaune-500);--cta-texte:var(--bleu-500);--cta-fond-inv:var(--bleu-500);--cta-texte-inv:var(--jaune-500);--contour-texte:var(--bleu-500);--contour-bordure:var(--bleu-500);--contour-inv-fond:var(--bleu-500);--contour-inv-texte:var(--jaune-500);--nav-souligne-actif:var(--corail-700);--nav-texte-survol:var(--corail-700)}
/* ===================================================================
BOUTON D'APPEL DE LA BARRE · ajout du 14 aout 2026
Releve sur les cinq maquettes : une pilule jaune calee a droite de la
barre, flechee. C'est un module bouton ordinaire, donc modifiable dans
l'interface d'Elementor comme n'importe quel autre.
Ces regles ferment la feuille : elles gagnent sur les blocs de page.
=================================================================== */
/* La barre est en space-between : sans cette marge, le menu et le bouton se
repartissent l'espace au lieu de rester groupes a droite. */
#psc-refonte .psc-cta-entete{margin-left:24px;flex:0 0 auto}
#psc-refonte .psc-cta-entete .elementor-button{padding:14px 26px;font-size:17px}
/* Sous 760 px la maquette retire ce bouton de la barre et passe le menu
derriere trois barres. Le menu a trois barres n'est pas monte, decision en
attente : il n'existe pas de module Elementor qui le fasse sans exiger un
menu WordPress, donc un objet partage par tout le site. En attendant, la
barre garde le comportement actuel, liens replies sous le logo, et le
bouton s'efface pour ne pas allonger encore la barre. */
@media (max-width:760px){
#psc-refonte .psc-cta-entete{display:none}
}
/* Disque des cartes de profils, ajoute le 21 aout (icones des 4 profils :
maquette CarteIcone + rencontre du 5 aout, « des icones sont prevues pour
les 4 cartes »). Memes regles que l'accueil, accueil-propre.css : la
maquette fabrique le disque avec une classe de conteneur, jetee par
Elementor, donc il vit sur le widget. Vu casse a la capture du 21 aout,
icone nue sans disque : ces regles n'existaient que dans la feuille de
l'accueil. */
#psc-refonte .psc-carte-disque{width:72px;height:72px;border-radius:50%;
display:flex;align-items:center;justify-content:center;flex:0 0 auto;
margin:0 auto 8px;transition:var(--transition-ui)}
#psc-refonte .psc-carte-disque .elementor-widget-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#psc-refonte .psc-disque-bleu{background:#18458C}
/* SURVOL CORAIL RETIRE le 10 septembre. Ces cartes ne sont pas cliquables,
et le disque qui virait au rouge sous la souris a ete pris pour un defaut
par Genevieve (« icone rouge »). Consigne : bleu fixe, aucun survol. */
/* GRILLE DES 4 PROFILS · 2 septembre. Defaut signale par Marie-Eve le
1er septembre : sur son portable, la 4e carte (laboratoire orthopedique)
tombait seule sous les trois autres. Mesure : c'etait le cas a TOUTES les
largeurs, de 800 a 1400 px, pas seulement sur petit ecran.
Cause : 4 cartes a 23 % plus 3 gouttieres de 32 px depassent 100 % du
conteneur. Un pourcentage se reduit avec le conteneur, pas la gouttiere.
Correctif : la grille de la maquette, colonnes en 1fr qui se serrent
d'elles-memes. Memes points de rupture que la classe .g4 du systeme. */
#psc-sante-profils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--esp-4);align-items:stretch}
#psc-sante-profils>.e-con{width:auto}
@container (max-width:1000px){#psc-sante-profils{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:760px){#psc-sante-profils{grid-template-columns:1fr;gap:var(--esp-3)}}
/* CESURE RETIREE le 10 septembre. Le 2 septembre, « Cabinet
multidisciplinaire » demandait 263 px dans 186 et on l'avait coupe par
hyphens:auto. Une coupure juste reste laide dans un titre : Genevieve l'a
refusee. La vraie cause etait la taille, 32 px pour un titre de carte.
Les titres en Figtree descendent (commun-fin.css, 10 septembre) : a 18 px,
le mot tient entier. Plus de cesure, voir la regle commune. */
/* Prefixe #psc-refonte : commun-fin.css passe APRES cette feuille, et sa
regle #psc-refonte h3 l'emporterait a specificite egale. */
#psc-refonte #psc-sante-profils h3{font-size:clamp(1rem,1.5vw,1.125rem)}
/* Texte des cartes a 16 px : a 20 px (taille du corps), il depassait le
titre de 18 px et inversait la hierarchie. Vu a la capture du 10 sept. */
#psc-refonte #psc-sante-profils .elementor-widget-text-editor{font-size:1rem;line-height:1.55}
/* Survol des boutons sur les sections corail : bleu marine au lieu du bleu
nuit, 10 septembre. Le noir ne sert nulle part ailleurs sur le site. */
#psc-hero,#psc-sec-3,#psc-sec-6{--cta-fond-inv:var(--bleu-500);--cta-texte-inv:var(--jaune-500)}
/* Titre des cartes de profils : bleu fixe, meme au survol (il passait au
corail par .psc-carte-titre). Releve par l'audit du 10 septembre. */
#psc-refonte #psc-sante-profils h3,
#psc-refonte #psc-sante-profils .e-con:hover h3{color:#18458C!important}
/* PRISE EN CHARGE, 10 septembre : « diminuer la largeur du div blanc afin
que ca ne prenne pas toute la page, centrer le bloc », et un leger retrait
de la liste par rapport au bord gauche. */
#psc-refonte #psc-sante-prise{max-width:880px;margin-inline:auto}
#psc-refonte #psc-sante-prise .elementor-widget-icon-list{padding-left:24px}
/* BOUCLE JAUNE D'« UN MILIEU NORME » deplacee derriere la photo de droite,
10 septembre : posee a 9,4 % du bord gauche, elle passait sous le titre et
en genait la lecture. Elle depasse maintenant du coin haut droit de la
photo, sous elle (z-index -1 dans la section isolee). */
#psc-refonte .psc-deco-boucle-sante{left:auto;right:3%;top:4%}
/* ===================================================================
DOUBLE PILULE AUTOUR DES BOUTONS · corrige le 15 aout
Repere par Genevieve sur une capture : une pilule bleue enveloppait le
bouton jaune, et jusqu'a trois couches empilees au survol.
CAUSE. Le systeme de design a ete ecrit pour la maquette, ou la classe de
ton est posee directement sur le . Dans Elementor, le champ « Classes
CSS » la pose sur le CONTENEUR du widget. Les regles nues du systeme,
`.psc-el-bouton{padding;border;border-radius}` et
`.psc-el-bouton-jaune{background;border-color}`, fabriquent donc une pilule
complete AUTOUR de celle que les regles de pont peignent sur le .
Le defaut est apparu le 14 aout, quand les tons sont passes des reglages
litteraux du widget aux classes. Avant, aucune classe n'atterrissait sur le
conteneur, donc rien ne le peignait.
CORRECTIF. Le conteneur ne peint rien : il ne fait que porter la classe.
Tout l'habillage vit sur `.elementor-button`, la ou les ponts l'ecrivent.
La portee par identifiant suffit a gagner sur les regles nues, aucun
`!important` n'est necessaire.
=================================================================== */
#psc-refonte .psc-el-bouton,
#psc-refonte .psc-el-bouton:hover,
#psc-refonte .psc-el-bouton-jaune,
#psc-refonte .psc-el-bouton-jaune:hover,
#psc-refonte .psc-el-bouton-contour,
#psc-refonte .psc-el-bouton-contour:hover,
#psc-refonte .psc-el-bouton-contour-clair,
#psc-refonte .psc-el-bouton-contour-clair:hover{
background:none;border:0;border-radius:0;padding:0;box-shadow:none}
/* ===================================================================
RESEAUX SOCIAUX DU PIED · blanc sur blanc, corrige le 15 aout
Les deux pastilles rendaient en cercles blancs vides sur les cinq pages.
Mesure : pastille #FFFFFF, glyphe herite de currentColor lui aussi
#FFFFFF, et le SVG en fill:none. Invisible.
Le module reste le module natif de reseaux sociaux d'Elementor, donc
modifiable dans l'interface. C'est la feuille qui impose la couleur de
marque, comme elle le fait deja pour les boutons.
A noter pour plus tard : Elementor pose ici le glyphe en SVG DEJA EN LIGNE
dans la page, aucune feuille Font Awesome n'est chargee. Remplacer par des
SVG televerses ne retirerait donc aucune requete externe.
=================================================================== */
#psc-refonte .psc-reseaux .elementor-social-icon{background-color:#FFFFFF}
#psc-refonte .psc-reseaux .elementor-social-icon svg{fill:#18458C;color:#18458C}
#psc-refonte .psc-reseaux .elementor-social-icon:hover{background-color:#FCB422}
#psc-refonte .psc-reseaux .elementor-social-icon:hover svg{fill:#18458C;color:#18458C}
/* Le glyphe restait invisible malgre la regle ci-dessus : une regle plus
ancienne pose `fill:none !important` sur les SVG de la refonte, ecrite pour
les icones Lucide qui sont dessinees AU TRAIT. Les glyphes de marque, eux,
sont PLEINS. Il faut donc le meme niveau pour la battre, uniquement ici. */
#psc-refonte .psc-reseaux .elementor-social-icon svg{fill:#18458C!important;stroke:none!important}
#psc-refonte .psc-reseaux .elementor-social-icon:hover svg{fill:#18458C!important}
/* ===================================================================
HAUTEUR DU HEROS ET TAILLE DU BOUTON DE BARRE · 15 aout
Deux ecarts de rendu avec la maquette, fermes en application de la
consigne 2.3 : un ecart est un defaut, pas une variante.
LE HEROS. Le `h1` tombait a 522 px du haut au lieu de 258. Cause : deux
rembourrages qui s'additionnent. Le contrat `hero-offset` en pose un sur le
conteneur exterieur, 224 px, pour glisser la barre transparente par-dessus
le bandeau ; et la section pose le sien a l'interieur, 208 px, herite de
l'appel `heros(padTop=208)`. Aucun des deux n'est faux isolement, c'est
leur somme qui l'est.
On garde celui de l'exterieur, seul lie a la hauteur reelle de la barre, et
on annule celui de l'interieur. Le reste, 56 px, se reprend sur l'exterieur.
Ecrit en calc sur --nav-h pour que la regle suive la barre si elle change.
=================================================================== */
#psc-refonte #psc-hero{padding-top:calc(var(--nav-h,160px) + 8px)}
#psc-refonte #psc-hero > .e-con-inner{padding-top:0}
/* LE BOUTON DE LA BARRE. 54 px au rendu contre 47 dans la maquette, l'ecart
venait du rembourrage vertical. */
#psc-refonte .psc-cta-entete .elementor-button{padding:11px 24px}
/* ===================================================================
CAPSULE DE TITRE · 15 aout
Motif de marque de la maquette : composant Surlignage, ton « blanc ».
Une partie du titre est encadree dans une capsule blanche a texte bleu.
Valeurs reprises telles quelles de components/core/Surlignage.jsx :
rayon --r-capsule, rembourrage 0.08em 0.55em 0.16em, fond --blanc,
encre --bleu-500. Le rembourrage est en em, donc la capsule suit la
taille du titre a toutes les largeurs sans point de rupture a ecrire.
RESERVE AUX h1 ET AUX h2, consigne du composant : les paires
corail/blanc et blanc/papier ne tiennent qu'au seuil « grand texte »,
24 px et plus. Jamais dans du texte courant.
PAS DE JAUNE : le jaune est la couleur des appels a l'action, une
capsule jaune dans un titre imite un bouton et affaiblit les vrais CTA.
La balise vit dans le champ Titre du module, elle n'est pas ecrite dans
un module de texte : la cliente garde la main sur les mots.
=================================================================== */
#psc-refonte .psc-capsule{display:inline-block;border-radius:999px;
padding:.08em .55em .16em;background:#FFFFFF;color:#18458C}
/* ===================================================================
ETAT « COLLE » DE LA BARRE · 15 aout
Releve dans components/navigation/BarreNav.jsx de la maquette. Passe
100 px de defilement, la barre se detache et devient une capsule
blanche arrondie, le logo passe en couleur, les liens en marine.
POURQUOI ON S'ACCROCHE A L'EN-TETE DU THEME, ET NON A LA NOTRE.
Un commentaire de la maquette dit que le seuil de 100 px est « le
sticky_effects_offset regle dans Elementor sur le site ». Verifie le
15 aout : c'est exact, le gabarit d'en-tete #48 porte deja un collant
natif a 100 px, et Elementor lui pose bien `elementor-sticky--effects`
passe le seuil. Mesure au balayage : absent a 60 px, present a 140,
et il repart quand on remonte.
Poser le meme reglage sur #psc-entete a ete essaye et ECARTE, pour
deux raisons mesurees le 15 aout :
· Elementor n'a jamais pose `--effects` sur notre conteneur. Le
gabarit du theme est un conteneur RACINE, le notre est un ENFANT
de #psc-refonte ; le collant fonctionne dans les deux cas, mais
l'etat d'effets, lui, n'est venu que sur la racine.
· le collant d'Elementor fabrique un `elementor-sticky__spacer` qui
CLONE l'element, identifiant compris : la page se retrouvait avec
deux `id="psc-entete"`, ce qui casse le ciblage par identifiant sur
lequel repose tout le systeme de design.
On lit donc l'etat de la barre du theme, sans jamais y toucher : la
consigne 2.2 interdit de la modifier, pas de la regarder. `:has()` est
supporte partout depuis 2023, et la ou il ne l'est pas la barre reste
simplement transparente, c'est-a-dire le comportement d'avant.
A LA MISE EN LIGNE. Le plan prevoit d'extraire notre en-tete en gabarit
et de retirer le bloc de masquage. Si l'en-tete du theme disparait a ce
moment-la, CETTE DEPENDANCE TOMBE et l'etat colle cesse. Il faudra
alors reporter le reglage collant sur le gabarit extrait, qui sera lui
un conteneur racine, et revenir a un simple `&.elementor-sticky--effects`.
LE RAYON ET LE FOND VONT SUR LE CONTENEUR INTERIEUR, pas sur le
#psc-entete : un commentaire de la maquette precise que sinon la zone
collante laisse voir la page derriere ses coins arrondis.
Le releve du 14 aout tenait cette barre pour un defaut de la maquette a
remonter a Mavlo. C'etait faux, faute d'avoir lu la source : la maquette
regle elle-meme l'illisibilite du logo blanc sur les sections claires,
et c'est par cet etat.
=================================================================== */
/* Le logo couleur n'existe que pour l'etat colle. */
#psc-refonte .psc-logo-entete-couleur{display:none}
/* La transition est posee sur les deux etats, sinon le retour est sec. */
#psc-entete,#psc-entete > .e-con-inner{
transition:padding 220ms cubic-bezier(.22,.61,.36,1),
background 220ms cubic-bezier(.22,.61,.36,1),
box-shadow 220ms cubic-bezier(.22,.61,.36,1),
border-radius 220ms cubic-bezier(.22,.61,.36,1)}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete{padding:10px 24px}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete > .e-con-inner{
padding:10px 32px;border-radius:999px;
background:rgba(255,255,255,.96);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:0 4px 14px rgba(14,27,46,.09)}
/* Bascule des deux logos. 341 px vient du rapport de la maquette, qui
passe la hauteur de 120 a 104 px : 393 x 104 / 120. */
body:has(.sticky-header.elementor-sticky--effects) #psc-entete .psc-logo-entete{display:none}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete .psc-logo-entete-couleur{display:block}
body:has(.sticky-header.elementor-sticky--effects) #psc-refonte .psc-logo-entete-couleur img{width:341px}
/* Les liens passent en marine, la capsule etant blanche. */
body:has(.sticky-header.elementor-sticky--effects) #psc-refonte .psc-nav a{color:#18458C}
/* ===================================================================
CIBLES TACTILES DU PIED · 15 aout, audit final
Mesure a 375 px : le telephone, le courriel et « Politiques et
conditions » font 17 a 21 px de haut. Ce sont des liens en ligne dans
un paragraphe, donc couverts par l'exception « inline » du critere
2.5.8 de WCAG 2.2, mais ils restent penibles a viser au pouce.
La maquette avait deja regle ca : son systeme de design porte une
regle `@container (max-width:900px)` qui donne 44 px de haut aux liens
du pied. Elle ne s'appliquait pas chez nous parce qu'elle vise
`.psc-pied-nav` et `.psc-pied-joindre`, alors que notre pied utilise
`.psc-nav-pied`. On reprend son intention sur nos propres classes.
=================================================================== */
@media (max-width:760px){
#psc-refonte .psc-nav-pied a,
#psc-pied a[href^="tel:"],
#psc-pied a[href^="mailto:"],
#psc-pied-bas a{min-height:44px;display:inline-flex;align-items:center}
}
/* ===================================================================
BOUTONS INVISIBLES AU SURVOL · 15 aout
Repere par Genevieve en survolant, pas en mesurant. Trois boutons
jaunes de l'accueil prenaient EXACTEMENT la couleur de leur fond au
survol : « Rencontre exploratoire » dans le heros, « On optimise ca »
dans la section situation, « Contact » dans le pied.
DEUX CAUSES, pas une.
1. LE PONT ECRIT LA COULEUR EN DUR. Le systeme de design a deux
familles de boutons. Celle de la maquette, `.psc-bouton--*`, fait
son survol avec `var(--cta-fond-inv)`, une variable REDECLAREE par
chaque surface : c'est ce qui fait qu'un bouton s'inverse toujours
contre le fond reel. Celle du pont Elementor, `.psc-el-bouton-*`,
ecrit `var(--bleu-500)` en dur. Sur une section marine, #18458C,
le survol donne donc la couleur du fond. Le systeme signale ce
defaut nommement, « CAUSE DU DEFAUT bouton invisible au survol »,
mais seule la famille de la maquette en tenait compte.
2. UNE SECTION MAL CLASSEE. `#psc-situation` a un fond MARINE et
etait rangee avec les surfaces CLAIRES, qui inversent vers
`--bleu-500`. Meme sur un pont corrige, son bouton serait reste
invisible. Elle rejoint le groupe sombre ici.
Le defaut date du 14 aout, quand les tons sont passes aux classes.
Ni les mesures ni les captures ne l'ont vu : il fallait survoler.
=================================================================== */
#psc-situation{--cta-fond-inv:var(--blanc);--cta-texte-inv:var(--bleu-500);
--contour-texte:var(--blanc);--contour-bordure:var(--blanc);
--contour-inv-fond:var(--blanc);--contour-inv-texte:var(--bleu-500)}
#psc-refonte .psc-el-bouton-jaune .elementor-button:hover,
#psc-refonte .psc-el-bouton-jaune .elementor-button:focus-visible{
background:var(--cta-fond-inv,#08182F);
border-color:var(--cta-fond-inv,#08182F);
color:var(--cta-texte-inv,#FCB422)}
#psc-refonte .psc-el-bouton-contour .elementor-button:hover,
#psc-refonte .psc-el-bouton-contour .elementor-button:focus-visible{
background:var(--contour-inv-fond,#18458C);
border-color:var(--contour-inv-fond,#18458C);
color:var(--contour-inv-texte,#FCB422)}
#psc-refonte .psc-el-bouton-contour-clair .elementor-button:hover,
#psc-refonte .psc-el-bouton-contour-clair .elementor-button:focus-visible{
background:var(--contour-inv-fond,#FFFFFF);
border-color:var(--contour-inv-fond,#FFFFFF);
color:var(--contour-inv-texte,#18458C)}
/* ===================================================================
LA VARIABLE DE POLICE EST REDECLAREE SUR L'ENVELOPPE · 8 septembre 2026
Sans ce bloc, le changement de police ci-dessus ne se voit PAS a l'ecran.
CAUSE. Le CSS additionnel du personnalisateur porte une copie du systeme
de design, la variante cloisonnee par CLASSE dont ECARTS note les 49
selecteurs inertes. Ses regles .psc-refonte ne matchent rien, d'accord,
mais son bloc :root, lui, matche TOUTES les pages. Il y redeclare
--font-corps avec Avenir en tete, et il est charge APRES le CSS de page.
Il gagnait donc la cascade sur notre propre :root.
POURQUOI ON NE CORRIGE PAS LE PERSONNALISATEUR. Il est servi sur les pages
en ligne. Consigne 2.2 : aucune page publique ne doit changer, d'un octet.
LA SORTIE. On redeclare la variable sur #psc-refonte. Une propriete
personnalisee se resout sur l'ancetre le plus proche qui la declare :
l'enveloppe bat :root pour tout ce qu'elle contient, et rien d'autre ne
bouge sur le site.
POURQUOI --font-titre-petit EST LA AUSSI. Elle vaut var(--font-corps) et
elle est declaree sur :root, donc elle s'y RESOUT, contre la valeur Avenir
du personnalisateur, puis herite deja resolue. Redeclarer --font-corps
plus bas n'y change rien. Sans cette seconde ligne, cinq titres h3 de
l'accueil restaient en Avenir. Mesure avant correction : les h3
.elementor-icon-box-title et le titre de la section finale.
A LA MISE EN LIGNE. Si le personnalisateur est un jour nettoye de sa copie
du systeme de design, ce bloc devient inutile mais reste sans effet.
=================================================================== */
#psc-refonte{--font-corps:"Figtree","Helvetica Neue",Arial,sans-serif;--font-titre-petit:var(--font-corps);}
/* ===================================================================
LES WIDGETS ELEMENTOR TIRAIENT LA POLICE DU KIT · 8 septembre 2026
Defaut ANTERIEUR au changement de police, revele en le verifiant.
CONSTAT. 22 elements visibles de la refonte rendaient en Red Hat Text, la
police globale du kit, au lieu de la police de la maquette : 8 sur
l'accueil, 8 sur services, 2 sur a propos, 4 sur contact. Titres et
descriptions de boites a icone, textes de listes a icone, etiquettes de
champs de formulaire.
CAUSE. Elementor ecrit ses propres regles de widget dans le CSS de page,
par exemple
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title a
{font-family:var(--e-global-typography-primary-font-family),Sans-serif}
Ces regles portent sur des classes, donc elles battent le simple heritage
depuis #psc-refonte. Le h3 conteneur rendait bien dans notre police, mais
le lien a l'interieur, lui, repartait sur celle du kit. Comme Red Hat Text
n'appartient a aucune de nos piles, ni le releve des elements en Avenir ni
celui des elements en Nunito ne le voyaient : il passait entre les deux.
POURQUOI ON REDEFINIT LA VARIABLE PLUTOT QUE DE VISER LES CLASSES.
Enumerer les selecteurs corrige les 22 elements d'aujourd'hui et rien de
plus : le jour ou la cliente ajoute une boite a icone, le defaut revient.
En redeclarant les variables du kit sur l'enveloppe, tout widget pose dans
la refonte herite de la police de la refonte, sans qu'on ait a y revenir.
La consigne 2.1 dit que son autonomie fait partie du livrable.
PORTEE. Uniquement sous #psc-refonte. Le kit garde ses valeurs partout
ailleurs, donc les pages en ligne et les gabarits partages ne bougent pas.
Les grands titres restent en Sodaberry : nos propres regles les fixent
nommement et gagnent sur celles-ci.
A NE PAS CONFONDRE avec le retrait de Red Hat Text du site, qui n'est PAS
possible : elle sert 104 elements de l'accueil en ligne, dont tout le menu
de navigation. Ici on la retire seulement de la refonte.
=================================================================== */
#psc-refonte{
--e-global-typography-primary-font-family:var(--font-corps);
--e-global-typography-secondary-font-family:var(--font-corps);
--e-global-typography-text-font-family:var(--font-corps);
--e-global-typography-accent-font-family:var(--font-corps)}
/* ===================================================================
CORRECTIONS DU 10 SEPTEMBRE 2026 · revue de Genevieve apres la bascule
Chaque regle repond a une demande precise, citee. Elles vivent ici
parce que ce fichier ferme la feuille des cinq pages : elles gagnent
sur le systeme minifie de commun-tete.css sans le toucher.
=================================================================== */
/* 1. HIERARCHIE SODABERRY / FIGTREE. « Figtree prend trop de place dans la
page, diminuer les titres en Figtree. » Les h3 a h6 etaient a 32 px, a
peine sous les h2 en Sodaberry (40 px) : la police secondaire concurrencait
la principale. Ils descendent a 20-24 px, les h2 et h1 ne bougent pas. */
#psc-refonte h3,
#psc-refonte .elementor-icon-box-title{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem)}
#psc-refonte h4{font-size:1.125rem}
/* 2. PLUS AUCUNE CESURE DANS UN TITRE. Les regles hyphens:auto de Sante et
Contact sont retirees ; celle-ci empeche qu'une autre revienne. */
#psc-refonte :is(h1,h2,h3,h4,h5,h6){hyphens:manual;-webkit-hyphens:manual;
overflow-wrap:break-word;text-wrap:balance}
/* 3. TITRES SUR DEUX LIGNES. « Partout sur le site, emmener le titre sur 2
lignes pour eviter qu'il prenne toute la largeur. » Une mesure en ch plus
text-wrap:balance donne deux lignes de longueur egale. Les titres centres
portent la classe psc-titre-centre, posee par titre() dans psc_commun.py,
qui recentre le bloc une fois sa largeur limitee. */
#psc-refonte h1{max-width:24ch}
#psc-refonte h2{max-width:28ch}
#psc-refonte .psc-titre-centre :is(h1,h2){margin-inline:auto}
/* 4. SURVOL DES BOUTONS. « Les boutons avec un fond noir, on n'utilise le
noir nulle part, ca detonne trop. Utiliser le bleu? » Le repli devient le
bleu marine ; les sections corail sont reprises dans chaque -fin.css
et les sections marine gardent leur survol blanc. */
#psc-refonte .psc-el-bouton-jaune .elementor-button:hover,
#psc-refonte .psc-el-bouton-jaune .elementor-button:focus-visible{
background:var(--cta-fond-inv,#18458C);
border-color:var(--cta-fond-inv,#18458C);
color:var(--cta-texte-inv,#FCB422)}
/* 5. PUCES VISIBLES ET D'UNE SEULE COULEUR. 32 icones de listes etaient
invisibles : Elementor ecrit la couleur choisie en fill, et la regle Lucide
de la refonte (fill:none, stroke:currentColor) la jette pour la couleur du
texte, l'encre foncee. Les listes recoivent une classe selon leur fond,
posee par enveloppe() dans psc_commun.py : jaune sur fond fonce, bleu
marine sur fond clair. Le trait est fixe, il ne suit plus un lien survole :
c'etait la toque « rouge » d'A propos. */
#psc-refonte .psc-puces-sur-fonce .elementor-icon-list-icon svg{stroke:#FCB422!important}
#psc-refonte .psc-puces-sur-clair .elementor-icon-list-icon svg{stroke:#18458C!important}
/* 6. FAQ. « Diminuer la taille du body text, il est plus gros que les
questions. » Questions a 18 px, reponses a 16 px. Le repli du premier
element est un reglage du widget, dans accordeon(). */
#psc-refonte .elementor-widget-n-accordion,
#psc-refonte .e-n-accordion{--n-accordion-title-font-size:1.125rem}
#psc-refonte .e-n-accordion-item .elementor-widget-text-editor,
#psc-refonte .e-n-accordion-item .elementor-widget-text-editor :is(p,li){
font-size:1rem;line-height:1.6}
/* 7. MARGE A GAUCHE. « Augmenter la marge a gauche, partout sur le site. »
Les sections passent de 20 a 40 px de rembourrage lateral (section() dans
psc_commun.py) ; sur mobile, de 16 a 24 px. */
@media(max-width:760px){
#psc-refonte > .e-con{padding-left:24px;padding-right:24px}
}
/* 8. BOUCLE JAUNE DU PIED. « Appliquer la boucle jaune, en filet comme dans
le header, mais la positionner en bas a droite. » Meme image et meme
opacite que la boucle du heros ; le pied la confine (overflow:hidden) et
l'isole pour qu'elle passe sous le contenu sans sortir du fond marine.
Masquee sur mobile, comme celle du heros. */
#psc-refonte #psc-pied{position:relative;overflow:hidden;isolation:isolate}
#psc-refonte #psc-pied .psc-boucle-pied{top:auto;left:auto;right:-80px;bottom:-120px;width:420px;opacity:.18}
@media(max-width:767px){#psc-refonte #psc-pied .psc-boucle-pied{display:none}}
/* ===================================================================
TABLETTE ET MOBILE · 11 septembre, passe mobile visuelle
Audit par captures pleine page a 390 et 768 px, apres le signalement
de Marie-Eve. Le site avait deux regimes, bureau et sous 760 px ;
rien ne traitait la tablette portrait, ou l'en-tete se chevauchait et
les colonnes restaient a demi-largeur.
=================================================================== */
/* 9. EN-TETE TABLETTE : le regime telephone s'etend jusqu'a 900 px. */
@media (min-width:761px) and (max-width:900px){
#psc-entete{flex-direction:column;gap:14px;position:static;background:#18458C}
#psc-hero{margin-top:0;padding-top:40px}
.hero-offset{margin-top:0;padding-top:var(--esp-5)!important}
#psc-refonte .psc-nav p{gap:16px;justify-content:center}
#psc-refonte .psc-nav a{font-size:15px}
#psc-refonte .psc-logo-entete img{width:260px}
#psc-refonte .psc-cta-entete{display:none}
}
/* Liens du menu : cibles tactiles de 44 px (24 px mesures). */
@media (max-width:900px){
#psc-refonte .psc-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
}
/* 10. CARTES SUR TELEPHONE. La regle d'origine remet a zero le rembourrage
lateral de TOUS les conteneurs imbriques (.e-con .e-con), cartes
comprises : le texte touchait le bord des cartes marine, creme et bleu
pale (capture de Marie-Eve). Tout conteneur qui porte un fond garde
24 px ; Elementor ecrit ce reglage dans data-settings. */
@media (max-width:760px){
#psc-refonte .e-con .e-con[data-settings*='"background_background":"classic"']{
padding-left:24px;padding-right:24px}
}
/* 11. EMPILEMENTS SOUS 900 PX. A 768 px les colonnes gardaient leurs
largeurs de bureau (40/56, 43/53, 55/40, 35/35) et laissaient une moitie
de page vide ou des boutons sur quatre lignes. */
@media (max-width:900px){
/* Contact : photo, puis coordonnees et formulaire */
#psc-refonte .e-con:has(> .e-con form) > .e-con{width:100%;--width:100%;max-width:100%}
/* A propos : intro parcours / photo */
#psc-refonte #psc-ap-intro .e-con:has(> .e-con .elementor-widget-image) > .e-con{width:100%;--width:100%;max-width:100%}
/* A propos : Mission, vision, valeurs */
#psc-ap-cartes{grid-template-columns:1fr}
/* Contact : « Ou aller ensuite » */
#psc-contact-suite{grid-template-columns:1fr}
/* Sante : « Deux facons de demarrer » */
#psc-refonte #psc-sante-formules > .e-con{width:100%;--width:100%;max-width:560px}
/* Decorations qui passaient sur un titre (boucle de l'accueil) */
#psc-refonte .psc-deco{display:none}
/* Pied de page : colonnes empilees, tout a gauche */
/* Structure reelle, relevee le 11 sept. : #psc-pied > conteneur encadre >
.e-con-inner (rangee) > trois colonnes a 30 / 15 / 30 %. */
#psc-refonte #psc-pied > .e-con > .e-con-inner{flex-wrap:wrap}
#psc-refonte #psc-pied > .e-con:not(#psc-pied-bas) > .e-con-inner > .e-con{width:100%;--width:100%;max-width:100%}
#psc-refonte #psc-pied .e-con{--align-items:flex-start;align-items:flex-start}
#psc-refonte #psc-pied :is(.elementor-widget-heading,.elementor-widget-text-editor),
#psc-refonte #psc-pied :is(.elementor-heading-title,p){text-align:left!important}
#psc-refonte #psc-pied .elementor-social-icons-wrapper{justify-content:flex-start}
}
/* 12. FINITIONS TELEPHONE */
@media (max-width:760px){
/* Heros : les deux boutons en pleine largeur */
#psc-refonte #psc-hero .psc-el-bouton-contour-clair,
#psc-refonte #psc-hero .psc-el-bouton-contour-clair .elementor-button{width:100%;justify-content:center}
/* Services : ~200 px de vide entre les blocs, divise par deux */
#psc-refonte :is(#service-petit,#service-delegation,#service-remise,#service-sante){--padding-top:36px;--padding-bottom:36px}
/* Contact : sous-titre du heros nettement sous le h1 */
#psc-refonte #psc-hero h2{font-size:1.5rem}
}
/* 13. POLITIQUE : intertitres colles en noir dans le texte juridique */
#psc-refonte #psc-pol-texte :is(h2,h3,h4,h5,h6),
#psc-refonte #psc-pol-texte :is(h2,h3,h4,h5,h6) *{color:#18458C!important}
/* ===================================================================
14. REVUE VISUELLE FINALE · 11 septembre, 17 h
Deuxieme passe, par captures regardees une a une apres les correctifs
de 16 h 30. Chaque regle nomme le defaut vu.
=================================================================== */
@media (max-width:900px){
/* Accueil « Enchantee » et Sante « Un milieu norme » : rangees en nowrap,
colonnes 52/44 %. A 768 px le texte touchait le bord droit de l'ecran. */
#psc-refonte :is(#psc-apercu-apropos,#psc-sante-normee) .e-con:has(> .e-con h2){flex-wrap:wrap}
#psc-refonte :is(#psc-apercu-apropos,#psc-sante-normee) .e-con:has(> .e-con h2) > .e-con{width:100%;--width:100%;max-width:100%}
/* Services, index des formules : 4 pastilles de 150 px, « Sante » seule
sur sa ligne a 768 et 4 empilees au telephone. Grille 2 x 2. */
#psc-refonte .e-con:has(> .e-con > .psc-formule){display:grid;grid-template-columns:repeat(2,150px);
justify-content:center;column-gap:24px;row-gap:24px}
/* Boucle decorative du heros : passait sous le surtitre a 768. */
#psc-refonte .psc-boucle{display:none}
}
@media (max-width:760px){
/* Menu telephone : les 44 px de hauteur restent, le rembourrage lateral
ajoute a 16 h 30 faisait passer « Contact » seul sur une 2e ligne. */
#psc-refonte .psc-nav a{padding:0}
#psc-refonte .psc-nav p{gap:12px}
/* Pied : ~55 px entre les liens de navigation, ramenes a ~40. */
#psc-refonte .psc-nav-pied a{min-height:40px}
#psc-refonte .psc-nav-pied p{gap:0}
}
/* Bureau etroit, 901 a 1100 px : a 1024 le menu passait sur deux lignes, la
boucle chevauchait le logo et les decorations recouvraient un surtitre. */
@media (min-width:901px) and (max-width:1100px){
#psc-refonte .psc-nav p{gap:18px}
#psc-refonte .psc-nav a{font-size:15px}
#psc-refonte .psc-logo-entete img{width:230px}
#psc-refonte .psc-boucle,#psc-refonte .psc-deco{display:none}
/* Sante : 4 cartes de profils trop etroites (« multidisciplinair/e »). */
#psc-refonte #psc-sante-profils{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Contact : « Voir la page Sante » sur deux lignes dans 3 colonnes. */
#psc-contact-suite{grid-template-columns:1fr}
}
/* Boutons decales de ~10 px sous leur texte, partout : la rangee qui porte
un bouton heritait du rembourrage par defaut d'Elementor (10 px). */
#psc-refonte .e-con:has(> .elementor-widget-button){--padding-left:0px;--padding-right:0px}
/* Listes a icones : sur un item de deux lignes, l'icone se calait au milieu
au lieu de la premiere ligne. */
#psc-refonte .elementor-icon-list-item{align-items:flex-start!important}
#psc-refonte .elementor-icon-list-icon{margin-top:.3em}
/* Politique : deux intertitres colles avec un style d'origine
(color:var(--e-global-color-text)) restaient noirs, et un
vide
creusait un trou au-dessus de « Resiliation de l'acces ». */
/* Le style colle enveloppe l'intertitre ET son paragraphe : le texte reprend
l'encre courante, seul le gras (l'intertitre) passe au bleu. */
#psc-refonte #psc-pol-texte [style*="e-global-color-text"]{color:#2C3A4E!important;background:transparent!important}
#psc-refonte #psc-pol-texte [style*="e-global-color-text"] > :is(b,strong),
#psc-refonte #psc-pol-texte :is(b,strong)[style*="e-global-color-text"]{color:#18458C!important}
#psc-refonte #psc-pol-texte p > br:first-child,
#psc-refonte #psc-pol-texte [style*="e-global-color-text"] > br:first-child{display:none}
/* 15. ETAT « COLLE » NEUTRALISE SOUS 900 PX, 11 septembre, 17 h 30.
Sous 900 px l'en-tete est statique (sections 9 et regles d'origine), mais
l'etat colle du bureau (capsule blanche, logo couleur) restait accroche a
la classe elementor-sticky--effects de l'en-tete du theme : une capture
prise page defilee a montre sur Politique une capsule blanche, logo coupe,
menu sur deux lignes. Sous 900 px, cet etat ne change plus rien. */
@media (max-width:900px){
body:has(.sticky-header.elementor-sticky--effects) #psc-entete{padding:0 24px;background:#18458C}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete > .e-con-inner{
padding:0;border-radius:0;background:transparent;box-shadow:none;
-webkit-backdrop-filter:none;backdrop-filter:none}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete .psc-logo-entete{display:block}
body:has(.sticky-header.elementor-sticky--effects) #psc-entete .psc-logo-entete-couleur{display:none}
body:has(.sticky-header.elementor-sticky--effects) #psc-refonte .psc-nav a{color:#FFFFFF}
/* Pied : la colonne Navigation gardait 10 px de rembourrage par defaut. */
#psc-refonte #psc-pied > .e-con:not(#psc-pied-bas) > .e-con-inner > .e-con{--padding-left:0px;--padding-right:0px}
}/* End custom CSS */