.elementor-134 .elementor-element.elementor-element-192634c1{--display:flex;--min-height:58vh;--justify-content:center;--padding-top:172px;--padding-bottom:178px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-192634c1:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-192634c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspnav9 );background-image:url("https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?auto=format&fit=crop&q=80&w=2000");background-position:center center;background-size:cover;}.elementor-134 .elementor-element.elementor-element-bf056f01{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-134 .elementor-element.elementor-element-b3078f17{font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-pspsag3 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-134 .elementor-element.elementor-element-4cd43a57 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspcrem );}.elementor-134 .elementor-element.elementor-element-f68d4d30{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-pspsag1 );}.elementor-134 .elementor-element.elementor-element-e78acf9f{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspsag3 );}.elementor-134 .elementor-element.elementor-element-6064ac7c{--display:flex;--padding-top:0px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-6417c349{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-134 .elementor-element.elementor-element-9f1cc5b9{--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;}.elementor-134 .elementor-element.elementor-element-e2cfc734{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-b316707e{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-567df2d6{--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;}.elementor-134 .elementor-element.elementor-element-6a20a5b5{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-0779c489{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-6cfef850{--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;}.elementor-134 .elementor-element.elementor-element-f0328e32{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-bc4812a6{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-77b1a1ee{--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;}.elementor-134 .elementor-element.elementor-element-4fb34712{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-6f46bf7c{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-2ad98fd2{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-2ad98fd2:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-2ad98fd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspsag0 );}.elementor-134 .elementor-element.elementor-element-8c6f889a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-2ce05322{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-008f4683{text-align:center;}.elementor-134 .elementor-element.elementor-element-008f4683 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-6b6af31d{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-c862a132{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-45bf1d9c{--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;}.elementor-134 .elementor-element.elementor-element-6daf302f{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-343568ff .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-78eb4b6f{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-e10a3d43{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-8c0b26f6{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-248890c4{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-0c475986{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-0c475986:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-0c475986 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspcrem );}.elementor-134 .elementor-element.elementor-element-e5efc9a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-db0e6dac{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-accent );}.elementor-134 .elementor-element.elementor-element-557b1172{text-align:center;}.elementor-134 .elementor-element.elementor-element-557b1172 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-2d1381df{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-35423920{--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;}.elementor-134 .elementor-element.elementor-element-8b0f1911{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-2cf305d0 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-e29860c6{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-2a5d4263{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-d75d94f1{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-d75d94f1:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-d75d94f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-psprot0 );}.elementor-134 .elementor-element.elementor-element-77ca8109{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-e0801233{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-accent );}.elementor-134 .elementor-element.elementor-element-505c74ae{text-align:center;}.elementor-134 .elementor-element.elementor-element-505c74ae .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-1379e156{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-e9119607{--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;}.elementor-134 .elementor-element.elementor-element-ed5f6562 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-dd56bff8{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-da2522e5{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-16261758{--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;}.elementor-134 .elementor-element.elementor-element-8d0a232b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-2e086c9d{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-cfc33331{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-2f6c08c6{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-2f6c08c6:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-2f6c08c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspcrem );}.elementor-134 .elementor-element.elementor-element-c95e6569{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-13378f5a{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-eddfa707{text-align:center;}.elementor-134 .elementor-element.elementor-element-eddfa707 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-48668c90{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-94934145{--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;}.elementor-134 .elementor-element.elementor-element-92d78b92 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-de5b5a81{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-63159668{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-04cce49a{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-04cce49a:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-04cce49a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspsag1 );}.elementor-134 .elementor-element.elementor-element-2d5e8de9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-72a898fe{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-secondary );}.elementor-134 .elementor-element.elementor-element-0e702742{text-align:center;}.elementor-134 .elementor-element.elementor-element-0e702742 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-4eafcb8f{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-5a3d5dac{--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;}.elementor-134 .elementor-element.elementor-element-5ed9d373 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-da99cd5e{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-3895b920{--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;}.elementor-134 .elementor-element.elementor-element-5a26ac7b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-519540ed{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-8cae76f1{font-family:var( --e-global-typography-psppeti-font-family ), Sans-serif;font-size:var( --e-global-typography-psppeti-font-size );font-weight:var( --e-global-typography-psppeti-font-weight );line-height:var( --e-global-typography-psppeti-line-height );color:var( --e-global-color-pspmute );}.elementor-134 .elementor-element.elementor-element-1fe9911b{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-1fe9911b:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-1fe9911b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-pspcrem );}.elementor-134 .elementor-element.elementor-element-a4890dc1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-fb4ed56b{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-accent );}.elementor-134 .elementor-element.elementor-element-59acde1c{text-align:center;}.elementor-134 .elementor-element.elementor-element-59acde1c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-7c64478a{--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:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-576490d5{--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;}.elementor-134 .elementor-element.elementor-element-c61727d0 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-d1d18f19{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-eb30f2b3{--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;}.elementor-134 .elementor-element.elementor-element-0d793637 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-a3c55f69{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-7ad6cf75{--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;}.elementor-134 .elementor-element.elementor-element-1c46715b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-pspnav9 );}.elementor-134 .elementor-element.elementor-element-0b582ab9{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-134 .elementor-element.elementor-element-2b1c04ee{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-2b1c04ee:not(.elementor-motion-effects-element-type-background), .elementor-134 .elementor-element.elementor-element-2b1c04ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-134 .elementor-element.elementor-element-8cb54761{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-134 .elementor-element.elementor-element-908a7498{text-align:center;font-family:var( --e-global-typography-pspsurt-font-family ), Sans-serif;font-size:var( --e-global-typography-pspsurt-font-size );font-weight:var( --e-global-typography-pspsurt-font-weight );text-transform:var( --e-global-typography-pspsurt-text-transform );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );color:var( --e-global-color-pspsag3 );}.elementor-134 .elementor-element.elementor-element-d5f9ef66{text-align:center;}.elementor-134 .elementor-element.elementor-element-d5f9ef66 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspcrem );}.elementor-134 .elementor-element.elementor-element-75425c2f{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-pspsag1 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-376ec9f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-134 .elementor-element.elementor-element-376ec9f5 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-134 .elementor-element.elementor-element-5295cb9d{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-pspcrem );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-b3078f17{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4cd43a57 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-f68d4d30{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-e78acf9f{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-e2cfc734{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-b316707e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6a20a5b5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0779c489{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-f0328e32{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-bc4812a6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4fb34712{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6f46bf7c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2ce05322{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-008f4683 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6b6af31d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-6daf302f{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-343568ff .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-78eb4b6f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-e10a3d43{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-8c0b26f6{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-248890c4{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-db0e6dac{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-557b1172 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-8b0f1911{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2cf305d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-e29860c6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-2a5d4263{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-e0801233{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-505c74ae .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-ed5f6562 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-dd56bff8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-da2522e5{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-8d0a232b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2e086c9d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-cfc33331{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-13378f5a{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-eddfa707 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-92d78b92 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-de5b5a81{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-63159668{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-72a898fe{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0e702742 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-5ed9d373 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-da99cd5e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-5a26ac7b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-519540ed{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-8cae76f1{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-fb4ed56b{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-59acde1c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-c61727d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-d1d18f19{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-0d793637 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-a3c55f69{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-1c46715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0b582ab9{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-908a7498{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-d5f9ef66 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-75425c2f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-5295cb9d{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-134 .elementor-element.elementor-element-192634c1{--min-height:64vh;--padding-top:128px;--padding-bottom:132px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-b3078f17{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4cd43a57 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-f68d4d30{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-e78acf9f{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-6064ac7c{--padding-top:0px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-e2cfc734{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-b316707e{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6a20a5b5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0779c489{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-f0328e32{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-bc4812a6{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-4fb34712{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6f46bf7c{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2ad98fd2{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-2ce05322{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-008f4683 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-6b6af31d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-6daf302f{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-343568ff .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-78eb4b6f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-e10a3d43{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-8c0b26f6{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-248890c4{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-0c475986{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-db0e6dac{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-557b1172 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-8b0f1911{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2cf305d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-e29860c6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-2a5d4263{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-d75d94f1{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-e0801233{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-505c74ae .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-ed5f6562 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-dd56bff8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-da2522e5{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-8d0a232b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-2e086c9d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-cfc33331{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-2f6c08c6{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-13378f5a{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-eddfa707 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-92d78b92 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-de5b5a81{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-63159668{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-04cce49a{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-72a898fe{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0e702742 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-5ed9d373 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-da99cd5e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-5a26ac7b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-519540ed{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-8cae76f1{font-size:var( --e-global-typography-psppeti-font-size );line-height:var( --e-global-typography-psppeti-line-height );}.elementor-134 .elementor-element.elementor-element-1fe9911b{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-fb4ed56b{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-59acde1c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-c61727d0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-d1d18f19{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-0d793637 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-a3c55f69{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-1c46715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-0b582ab9{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-134 .elementor-element.elementor-element-2b1c04ee{--padding-top:76px;--padding-bottom:76px;--padding-left:20px;--padding-right:20px;}.elementor-134 .elementor-element.elementor-element-908a7498{font-size:var( --e-global-typography-pspsurt-font-size );line-height:var( --e-global-typography-pspsurt-line-height );letter-spacing:var( --e-global-typography-pspsurt-letter-spacing );}.elementor-134 .elementor-element.elementor-element-d5f9ef66 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-134 .elementor-element.elementor-element-75425c2f{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-134 .elementor-element.elementor-element-5295cb9d{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS *//* ========================================================================= PÔLE SANTÉ PSY · SOCLE DE FORMES ET D'ANIMATIONS Créé le 6 août 2026, à partir de la page Consultations (page 85). À QUOI SERT CE FICHIER C'est la couche d'ambiance du site, extraite de la page où elle a été mise au point, pour que les pages suivantes ne la réinventent pas. Il se colle TEL QUEL en tête du CSS de page, avant les règles propres à la page. Rien ici n'est spécifique à Consultations : aucune URL, aucun identifiant de page, aucun contenu. Seuls les DÉCALAGES de halos section par section sont à écrire dans le CSS de la page, et le §4 ci-dessous dit comment. TROIS COUCHES, PAS UNE DE PLUS. C'est la règle du §5 de CLAUDE.md, et c'est ce qui distingue un site vivant d'un sapin de Noël : 1. APPARITIONS fadeInUp 24px, 0,6s, décalage 80ms, déclenchement unique 2. SURVOL une micro-interaction par famille d'objet 3. AMBIANCE halos organiques, courbes, motif de pluie N'ajoute pas de quatrième couche. Si une page semble en avoir besoin, c'est qu'il lui manque une image ou une respiration, pas une animation. CINQ RÈGLES D'ÉCRITURE, toutes payées au moins une fois --------------------------------------------------------------------------- 1. RÉPÉTITION DE CLASSE, jamais de préfixe d'identifiant de page. `.psp-x.psp-x.psp-x` vaut 0-3-0 et survit à une copie de page. `.elementor-page-85 .psp-x` fait le même travail et MEURT à la copie : c'est la cause des 42 sélecteurs morts du §19 étape 3. 2. TOUTE RÈGLE QUI HABILLE UN TITRE RÉPÈTE SA CLASSE (0-4-0). Elementor émet ses contrôles de widget APRÈS le CSS personnalisé, et `.elementor-element-XXXX .elementor-heading-title` vaut 0-2-0 comme `.psp-x-titre .elementor-heading-title`. À spécificité égale, la sienne gagne : sans répétition, TOUS les titres sortent à la typographie globale. Constaté le 6 août 2026 sur les quatre pages du site. 3. LES BORNES DE MESURE DE LECTURE S'ÉCRIVENT EN `em`, JAMAIS EN px. 590px donne 72 caractères à 18px et 92 à 14px : une borne en pixels suppose une taille de police et ment dès qu'elle change. 33em ≈ 72 caractères quelle que soit la taille. 4. `var(--psp-titre, "Fraunces"), sans-serif` TOUJOURS avec son repli. La variable n'est définie nulle part sur le site : sans repli, la règle retombe silencieusement sur Source Sans 3. 5. UNE RANGÉE ORPHELINE SE CORRIGE EN IMPOSANT LA GRILLE, jamais en ajustant le `flex-basis`. Voir §5 de ce fichier. ========================================================================= */ /* ========================================================================== 1. GARDE-FOUS. À coller en premier, avant toute autre règle. ========================================================================== */ /* §18 pièges 2 et 3 : une animation d'entrée portée par un container masque son contenu POUR DE BON, parce que le container reçoit `elementor-invisible` mais que son `data-settings` sort vide et que le JS ne le révèle jamais. Règle : aucune animation sur un container, elles descendent sur les widgets. Cette ligne est la ceinture : l'apparition devient une amélioration progressive, jamais une condition d'affichage. */ .elementor-invisible { visibility: visible !important; } /* §18 piège 4 : Elementor insère une cale sous un en-tête sticky, qui pousse le hero de 128px au lieu de l'y superposer. Le §8 veut la superposition. */ .elementor-sticky__spacer { display: none !important; } /* Le §5 exige un anneau de mise au point visible, qu'Elementor supprime. */ :focus-visible { outline: 3px solid var(--psp-navy-700); outline-offset: 2px; border-radius: 2px; } /* ========================================================================== 2. LES DEUX ANIMATIONS DE FOND. Aucune autre keyframe sur le site. ========================================================================== */ /* Déformation lente d'une forme organique. C'est le moteur de toute l'ambiance : halos de section, pastille du collage, formes libres. */ @keyframes psp-morph { 0% { border-radius: 62% 38% 47% 53% / 55% 44% 56% 45%; transform: translate3d(0,0,0) rotate(0deg); } 33% { border-radius: 38% 62% 63% 37% / 41% 58% 42% 59%; transform: translate3d(0,-14px,0) rotate(3deg); } 66% { border-radius: 55% 45% 34% 66% / 62% 36% 64% 38%; transform: translate3d(0,8px,0) rotate(-2deg); } 100% { border-radius: 62% 38% 47% 53% / 55% 44% 56% 45%; transform: translate3d(0,0,0) rotate(0deg); } } /* Motif de pluie, fil rouge visuel arrêté au §2. Ne s'emploie que sur les fonds sombres : hero et bande de respiration. */ @keyframes psp-pluie { from { transform: translate3d(0, -10px, 0); } to { transform: translate3d(0, 0, 0); } } /* ========================================================================== 3. HALOS DE SECTION · classe `psp-forme` Deux halos par section, portés par les pseudo-éléments du container. Se pose sur n'importe quelle section. `--rose` inverse les deux couleurs. ========================================================================== */ .psp-forme { position: relative; overflow: hidden; isolation: isolate; } .psp-forme::before, .psp-forme::after { content: ""; position: absolute; z-index: -1; pointer-events: none; animation: psp-morph 26s ease-in-out infinite; } .psp-forme::before { inset-inline-end: -10%; inset-block-start: -14%; inline-size: 44vw; block-size: 44vw; max-inline-size: 560px; max-block-size: 560px; background: radial-gradient(closest-side, var(--psp-sage-100), transparent 74%); } .psp-forme::after { inset-inline-start: -12%; inset-block-end: -18%; inline-size: 34vw; block-size: 34vw; max-inline-size: 430px; max-block-size: 430px; background: radial-gradient(closest-side, var(--psp-rose-100), transparent 74%); animation-duration: 34s; animation-direction: reverse; } .psp-forme--rose::before { background: radial-gradient(closest-side, var(--psp-rose-100), transparent 74%); } .psp-forme--rose::after { background: radial-gradient(closest-side, var(--psp-sage-100), transparent 74%); } /* ATTENTION. `overflow: hidden` crée un conteneur de défilement, ce qui NEUTRALISE silencieusement le `position: sticky` de tout descendant : le `position` calculé sort bien à `sticky` et rien ne bouge. Sur une section qui contient une colonne collante, écrire `overflow: clip`, qui confine exactement pareil sans créer ce conteneur. */ /* .ma-section.ma-section.ma-section { overflow: clip; } */ /* Sur fond marine, les halos en teintes pleines éclaircissent le fond en plaques. Version translucide, à poser sur toute section sombre. */ .psp-sombre.psp-forme::before { background: radial-gradient(closest-side, rgba(79, 107, 87, .42), transparent 72%); inset-block-start: -16%; inset-inline-end: -12%; } .psp-sombre.psp-forme::after { background: radial-gradient(closest-side, rgba(142, 78, 86, .38), transparent 72%); inset-block-end: -20%; inset-inline-start: -10%; } /* ========================================================================== 4. TROISIÈME HALO · classe `psp-halo`, sur le container INTÉRIEUR Un `psp-forme` n'a que deux pseudo-éléments donc deux halos, et deux halos aux angles laissent tout le centre plat. Sur une section qui porte une grille de quatre ou cinq blocs, ce troisième halo empêche le fond d'être uni. Il tourne en 52s contre 26 et 34 : trois durées premières entre elles, donc le motif ne se rejoue jamais à l'identique. À RÉSERVER aux sections les plus denses. Deux ou trois par page, pas plus. ========================================================================== */ .psp-halo { position: relative; } .psp-halo::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset-block-start: 18%; inset-inline-start: 22%; inline-size: 56vw; block-size: 56vw; max-inline-size: 760px; max-block-size: 760px; transform: translate(-50%, -20%); background: radial-gradient(closest-side, rgba(168, 191, 168, .30), transparent 72%); animation: psp-morph 52s ease-in-out infinite; } /* DÉCALAGES SECTION PAR SECTION, à écrire dans le CSS DE LA PAGE et pas ici. Si le halo revient au même endroit d'une section à l'autre, le motif devient un gabarit. Chaque page redéfinit ses positions, et elles doivent différer de celles des pages voisines. Gabarit à recopier : .ma-section::before { inset-block-start: -20%; inset-inline-end: -18%; inline-size: 42vw; block-size: 42vw; } .ma-section::after { inset-block-end: -22%; inset-inline-start: -10%; inline-size: 28vw; block-size: 28vw; } Pour pousser un halo à gauche, penser à remettre `inset-inline-end: auto`, sinon les deux insets se battent. */ /* ========================================================================== 5. SÉPARATIONS COURBES · classe `psp-courbe` La section remonte de 68px sur la précédente et lui présente un bord elliptique : la couleur du dessus déborde dans les angles et la transition devient un mouvement au lieu d'une ligne. QUATRE PAR PAGE, réparties. Sur treize sections ce serait un tic ; sur quatre c'est un rythme. Aucune image, aucun JavaScript, aucun pseudo-élément consommé : la courbe est un rayon de bordure sur la section elle-même, donc elle cohabite avec les halos de `psp-forme`. NE PAS la poser sur une section qui porte déjà une marge négative, comme le panneau de repères à cheval. ========================================================================== */ .psp-courbe { border-start-start-radius: 50% 68px; border-start-end-radius: 50% 68px; margin-block-start: -68px !important; padding-block-start: 180px !important; position: relative; z-index: 2; } @media (max-width: 767px) { .psp-courbe { border-start-start-radius: 50% 40px; border-start-end-radius: 50% 40px; margin-block-start: -40px !important; padding-block-start: 120px !important; } } /* ========================================================================== 6. HERO · photographie sous voile marine, plus motif de pluie Composant du §17, identique sur les quatre pages. C'est ce voile qui rend lisibles le logo clair et la navigation blanche exigés au §8. ========================================================================== */ .psp-hero { position: relative; overflow: hidden; isolation: isolate; } .psp-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(15, 37, 64, .96) 0%, rgba(15, 37, 64, .90) 34%, rgba(15, 37, 64, .66) 62%, rgba(22, 50, 79, .48) 100%), radial-gradient(70% 90% at 88% 18%, rgba(79, 107, 87, .40), transparent 70%); } .psp-hero::after { content: ""; position: absolute; inset: -40% -25%; z-index: -1; background-image: repeating-linear-gradient( 15deg, rgba(221, 231, 218, .14) 0 1px, transparent 1px 10px); mask-image: radial-gradient(ellipse 80% 75% at 76% 12%, #000 5%, transparent 74%); -webkit-mask-image: radial-gradient(ellipse 80% 75% at 76% 12%, #000 5%, transparent 74%); animation: psp-pluie 6.5s linear infinite; pointer-events: none; } /* En mobile, le voile passe en vertical : le dégradé oblique laisse le bas du texte sur la partie claire de l'image. */ @media (max-width: 767px) { .psp-hero::before { background: linear-gradient(180deg, rgba(15, 37, 64, .90) 0%, rgba(15, 37, 64, .93) 55%, rgba(15, 37, 64, .96) 100%); } } /* RYTHME VERTICAL DU HERO. Un hero se juge à CINQ écarts, jamais à sa hauteur totale. Valeurs mesurées et validées (§21, §22) : sous l'en-tête 96 à 190 (64 à 190 en mobile) surtitre vers titre 10 à 24 titre vers bloc suivant 18 à 40 dernier texte vers boutons 28 à 60 BOUTONS VERS CE QUI SUIT 88 à 150 <- celui qu'on oublie Le cinquième décide de la sensation d'étouffement, parce que le panneau à cheval remonte de 84px DANS le hero et mange cet espace sans que ça apparaisse dans les réglages Elementor. Piège de compensation : aérer le haut d'un hero à hauteur fixe et contenu centré PREND l'espace en bas. Toujours re-mesurer le bas après avoir aéré. */ .psp-surtitre--clair { margin-block-end: 14px !important; } .psp-hero-titre { margin-block-end: 26px !important; } .psp-hero-titre .elementor-heading-title { text-wrap: balance; } .psp-hero-chapo { max-inline-size: 33em; } .psp-hero-chapo p { max-inline-size: 33em; margin: 0; } .psp-hero-inner > .e-con-inner { margin-inline: auto; } .psp-hero-actions { padding-block-start: 38px !important; } .psp-hero-actions > .e-con-inner, .psp-hero-actions { align-items: center; } @media (max-width: 767px) { .psp-hero-inner > .e-con-inner { max-inline-size: 100%; } .psp-hero-actions { padding-block-start: 32px !important; } } /* ========================================================================== 7. BANDE DE RESPIRATION · classe `psp-respire` Une pause dans le parcours, sur une page longue. Photographie pleine largeur sous voile marine, motif de pluie plus large et plus lent que celui du hero, une seule ligne en Fraunces. UNE SEULE PAR PAGE, et pas dans le même registre que celle des voisines : l'Accueil porte une citation sur fond sauge clair, Consultations une affirmation de méthode sur fond sombre. Deux pauses, deux registres. La photographie est décorative : le sens est porté par la ligne de texte, il n'y a donc pas de texte alternatif à inventer. ========================================================================== */ .psp-respire { position: relative; overflow: hidden; isolation: isolate; } .psp-respire::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 37, 64, .93) 0%, rgba(22, 50, 79, .86) 50%, rgba(15, 37, 64, .93) 100%), radial-gradient(60% 120% at 20% 50%, rgba(79, 107, 87, .34), transparent 72%); } .psp-respire::after { content: ""; position: absolute; inset: -50% -30%; z-index: -1; background-image: repeating-linear-gradient( 12deg, rgba(221, 231, 218, .13) 0 1px, transparent 1px 13px); mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, #000 10%, transparent 78%); -webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, #000 10%, transparent 78%); animation: psp-pluie 9s linear infinite; pointer-events: none; } .psp-respire-inner > .e-con-inner { max-inline-size: 820px; margin-inline: auto; text-align: center; } /* Widget de TEXTE et non de titre : une grande phrase décorative ne doit pas entrer dans la hiérarchie des titres de la page. */ .psp-respire-ligne p { margin: 0; font-family: var(--psp-titre, "Fraunces"), sans-serif; font-size: clamp(27px, 3.4vw, 44px); font-weight: 400; line-height: 1.28; letter-spacing: -.005em; text-wrap: balance; } /* ========================================================================== 8. COLLAGE PHOTO · classes `psp-collage`, `psp-collage-a`, `psp-collage-b` Grande image à contour organique, vignette en chevauchement, pastille sauge qui se déforme derrière. C'est le composant qui casse un mur de texte quand une section n'a qu'une colonne. Les deux emplacements sont des containers VIDES : leurs URL vivent dans le bloc d'emplacements photo généré en fin de CSS de page, jamais ici. ========================================================================== */ .psp-collage { position: relative; padding-block-end: 76px !important; padding-inline-end: 62px !important; } .psp-collage-a, .psp-collage-b { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; transition: border-radius .5s var(--psp-ease), box-shadow .35s var(--psp-ease); } .psp-collage-a { min-block-size: 380px; border-radius: 46% 54% 40% 60% / 12% 12% 88% 88%; box-shadow: var(--psp-ombre); width: 100%; max-width: 100%; } .psp-collage:hover .psp-collage-a { border-radius: 40% 60% 46% 54% / 16% 16% 84% 84%; } .psp-collage-b { position: absolute; inset-block-end: 0; inset-inline-end: 0; inline-size: 58%; min-block-size: 200px; border-radius: 18px; border: 8px solid var(--psp-cream); box-shadow: var(--psp-ombre-fo); } .psp-collage:hover .psp-collage-b { box-shadow: 0 4px 8px rgba(15, 37, 64, .10), 0 22px 50px rgba(15, 37, 64, .20); } .psp-collage::before { content: ""; position: absolute; z-index: -1; inset-block-start: -30px; inset-inline-start: -36px; inline-size: 172px; block-size: 172px; background: var(--psp-sage-100); border-radius: 62% 38% 47% 53% / 55% 44% 56% 45%; animation: psp-morph 24s ease-in-out infinite; } @media (max-width: 900px) { .psp-collage { padding-inline-end: 44px !important; padding-block-end: 58px !important; } .psp-collage-a { min-block-size: 300px; } } /* ========================================================================== 9. EMPLACEMENT PHOTO EN TÊTE DE CARTE · classe `psp-carte-photo` Zoom doux au survol, coins bas qui s'arrondissent un peu plus. UN EMPLACEMENT PHOTO EST UN CONTAINER VIDE, ET UN CONTAINER VIDE NE PREND AUCUNE HAUTEUR. Sans `min-block-size`, le fond est bien posé et l'image est INVISIBLE, et un contrôle qui teste `backgroundImage !== none` ne le voit pas. Trois garde-fous cumulés, dans cet ordre : le parent étire, l'emplacement fait 100%, et `no-repeat` plus `cover` empêchent toute tuile. ========================================================================== */ .psp-carte-photo { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; min-block-size: 210px; border-radius: 0 0 28px 28px; transition: border-radius .45s var(--psp-ease), transform .55s var(--psp-ease); transform-origin: center; } /* Le zoom passe par `transform` et non par `background-size` : la carte porte `overflow: hidden`, donc le débordement est masqué proprement, et on ne dépend plus d'une valeur qui déformait l'image. */ .psp-carte:hover .psp-carte-photo, .psp-carte:focus-within .psp-carte-photo { transform: scale(1.05); border-radius: 0 0 42px 42px; } /* ========================================================================== 10. MICRO-INTERACTIONS · une par famille d'objet, jamais deux Toute carte, tout panneau, tout bloc cliquable ou survolable du site prend `psp-leve`. Le filet de couleur qui s'allonge prend `psp-filet`. ========================================================================== */ .psp-leve { transition: transform .3s var(--psp-ease), box-shadow .3s var(--psp-ease); } .psp-leve:hover, .psp-leve:focus-within { transform: translateY(-6px); box-shadow: var(--psp-ombre-fo); } /* Variante douce, pour les blocs de texte sans ombre au repos. */ .psp-leve--doux:hover { transform: translateY(-4px); box-shadow: var(--psp-ombre); } /* Filet de couleur en tête de bloc, qui s'allonge au survol. */ .psp-filet { position: relative; } .psp-filet::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 30px; inline-size: 44px; block-size: 3px; border-radius: 0 0 3px 3px; background: var(--psp-sage-600); transition: inline-size .3s var(--psp-ease); } .psp-filet:hover::before { inline-size: 76px; } .psp-filet--marine::before { background: var(--psp-navy-600); } .psp-filet--rose::before { background: var(--psp-rose-700); } .psp-filet--sauge::before { background: var(--psp-sage-500); } /* Barre pleine largeur en tête de panneau, variante sans survol. */ .psp-barre { position: relative; overflow: hidden; } .psp-barre::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; block-size: 4px; z-index: 3; background: var(--psp-sage-600); } .psp-barre--marine::before { background: var(--psp-navy-600); } .psp-barre--rose::before { background: var(--psp-rose-700); } /* ========================================================================== 11. SIGNES GRAPHIQUES RÉCURRENTS Filet avant le surtitre, trait dégradé sous le titre de section centré, puces en goutte. C'est ce qui fait qu'une page nouvelle appartient au site. ========================================================================== */ .psp-surtitre p { margin: 0; } .psp-surtitre--centre { margin-block-end: 12px; } .psp-surtitre--clair p { color: var(--psp-sage-300); } .psp-surtitre p::before { content: ""; display: inline-block; inline-size: 28px; block-size: 2px; margin-inline-end: 12px; vertical-align: middle; background: currentColor; opacity: .6; } .psp-surtitre--centre p::after { content: ""; display: inline-block; inline-size: 28px; block-size: 2px; margin-inline-start: 12px; vertical-align: middle; background: currentColor; opacity: .6; } /* AIR SOUS UN TITRE DE SECTION. Corrigé dans le socle le 6 août 2026, dette annoncée au §27.8 point 9. La règle d'origine était `.psp-section-titre { margin-block-end: 4px }`, et le §27.3 l'expliquait par un calibrage sur le titre CENTRÉ, qui reçoit ensuite le trait dégradé de 22 px. MESURE FAITE AVANT DE CORRIGER, sur les cinq pages en ligne : ce n'était pas ça. LA RÈGLE NE S'APPLIQUAIT PAS DU TOUT. `margin-block-end` calculé = 0px sur les quatre pages publiées, alors que le socle écrit 4px. À 0-1-0 elle perd contre la marge de widget qu'Elementor émet dans le CSS du document APRÈS le CSS personnalisé : c'est le mécanisme du §26.4bis sur les titres et du §18 sur les boutons, ici appliqué à une marge. Les deux rustines de la page 87 ne fonctionnaient que parce qu'elles portaient `!important`. Écarts titre / bloc suivant relevés à 1440 px avant correction : Consultations « Pourquoi consulter » -2 px Consultations « Quelles approches » -2 px Qui suis-je « Formations et diplômes » 14 px Prendre RDV « Où me trouver » 16 px Accueil « Un pôle spécialisé » 30 px Norme retenue, celle du §21 pour « titre vers bloc suivant » : 18 à 40 px. DEUX RÈGLES, PAS UNE. La marge seule ne suffit pas : l'écart dépendait aussi de la marge haute du bloc suivant, qui vaut 18 px sur `psp-texte`, 6 sur un `psp-liste` et 0 ailleurs. Même intention, trois résultats. La seconde règle la neutralise, pour que l'air vienne d'un seul endroit. */ .psp-section-titre.psp-section-titre.psp-section-titre { margin-block-end: 20px; } /* Un titre CENTRÉ tire son air du trait dégradé ci-dessous (le `margin: 22px auto 0` du ::after). Il ne prend donc pas la marge. Même spécificité, écrite après, donc elle gagne. */ .psp-section-titre--centre.psp-section-titre--centre.psp-section-titre--centre { margin-block-end: 0; } /* Elementor 7 ne pose PAS de `.elementor-widget-container` : le paragraphe est enfant DIRECT du widget. Vérifié dans le DOM le 6 août 2026, ne pas le supposer. 0-3-1, ce qui bat les 0-1-1 de `.psp-texte p` et `.psp-liste ul`. */ .psp-section-titre.psp-section-titre:not(.psp-section-titre--centre) + .elementor-element > p:first-child, .psp-section-titre.psp-section-titre:not(.psp-section-titre--centre) + .elementor-element > ul:first-child { margin-block-start: 0; } .psp-section-titre--centre .elementor-heading-title::after { content: ""; display: block; inline-size: 64px; block-size: 3px; margin: 22px auto 0; border-radius: 3px; background: linear-gradient(90deg, var(--psp-sage-300), var(--psp-rose-300)); } /* Puce en goutte, pas un rond : rappel du fil rouge de la pluie. */ .psp-liste ul { margin: 6px 0 0; padding: 0; list-style: none; } .psp-liste li { position: relative; padding-inline-start: 28px; margin-block-end: 9px; font-size: 16px; line-height: 1.6; max-inline-size: 33em; } .psp-liste li:last-child { margin-block-end: 0; } .psp-liste li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .58em; inline-size: 11px; block-size: 11px; background: var(--psp-sage-300); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); } .psp-liste--marine li::before { background: var(--psp-navy-600); } .psp-liste--rose li::before { background: var(--psp-rose-300); } /* Amorce de citation : filet vertical, Fraunces italique. À distinguer de la bande de respiration, qui est pleine largeur. Deux formes, deux usages. */ .psp-citation-amorce p { margin: 0; padding-inline-start: 26px; border-inline-start: 3px solid var(--psp-sage-500); font-family: var(--psp-titre, "Fraunces"), sans-serif; font-size: clamp(21px, 2.1vw, 27px); font-weight: 400; font-style: italic; line-height: 1.42; color: var(--psp-navy-900); max-inline-size: 26em; text-wrap: balance; } /* Fraunces rend le & en esperluette ornementale, illisible dans un titre. Le §19 tranche : écrire « et ». Cette règle est une ceinture, à étendre à toute nouvelle classe de titre de la page. */ .psp-section-titre .elementor-heading-title { font-variant-ligatures: none; font-feature-settings: "dlig" 0; } /* CEINTURE DE COUPURE DES TITRES. Trouvée le 6 août 2026 en construisant /entreprises/, par le contrôle de débordement de titre du §26.4bis. Le §26.4bis pose `overflow-wrap: break-word` sur les titres de CARTE, jamais sur le H1 ni sur les titres de SECTION, qui sont pourtant les plus gros de la page : à 35px en mobile, un mot de quatorze lettres sort de sa boîte. Mesuré à 375px : « Accompagnement » débordait de 10px, « fonctionnement » de 23. `hyphens: auto` et PAS `overflow-wrap` seul. La page est servie en `lang="fr-FR"`, donc le navigateur coupe aux vraies césures françaises et pose le trait d'union ; `overflow-wrap` couperait n'importe où, au milieu d'un mot, dans un H1 en Fraunces. Le second reste en dernier recours, pour un mot qu'aucun motif de césure ne sait couper (une URL, un sigle long). Vérifié au banc d'essai à 375px : zéro débordement avec `hyphens` seul. */ .psp-hero-titre.psp-hero-titre.psp-hero-titre .elementor-heading-title, .psp-section-titre.psp-section-titre.psp-section-titre .elementor-heading-title { hyphens: auto; overflow-wrap: break-word; } /* Marqueur de chantier (§14) : une donnée manque, on l'affiche au lieu de l'inventer. À retirer dès que la cliente a répondu. */ .psp-attente-texte p { margin: 14px 0 0; font-size: 13px; font-style: italic; color: var(--psp-muted); max-inline-size: 33em; } .psp-attente-bloc { margin-block-start: 14px; padding: 14px 16px; border-radius: 12px; border: 1px dashed var(--psp-sage-500); background: var(--psp-sage-50); } .psp-attente-bloc p { margin: 0; font-size: 14px; line-height: 1.6; font-style: italic; max-inline-size: 33em; } /* ========================================================================== 12. MESURE DE LECTURE. En `em`, toujours. ========================================================================== */ .psp-mesure p { max-inline-size: 33em; } .psp-mesure--centre p { max-inline-size: 33em; margin-inline: auto; } /* ========================================================================== 13. MOUVEMENT RÉDUIT. Non négociable, critère WCAG 2.3.3. Le kit coupe déjà animations et transitions. On neutralise en plus tout ce qui est porté par `transform` et par les pseudo-éléments de forme. ========================================================================== */ @media (prefers-reduced-motion: reduce) { .psp-forme::before, .psp-forme::after, .psp-halo::before, .psp-collage::before, .psp-hero::after, .psp-respire::after { animation: none; } .psp-leve:hover, .psp-leve--doux:hover, .psp-carte:hover .psp-carte-photo { transform: none; } html { scroll-behavior: auto; } } /* ========================================================================== 14. GABARITS DE GRILLE. À recopier, jamais à improviser. UNE RANGÉE ORPHELINE NE SE CORRIGE PAS EN AJUSTANT LE `flex-basis`, ELLE SE CORRIGE EN IMPOSANT LA GRILLE. Avec une base souple, quatre blocs sortent en 3 + 1 à 1440 et cinq blocs en 3 + 2 avec la seconde rangée ÉTIRÉE. Mesuré deux fois, sur Qui suis-je puis sur Consultations. Et il faut TOUJOURS les deux formes de sélecteur : un container boxed intercale un `.e-con-inner` et ses enfants sont petits-enfants, un container full n'en a aucun et ses enfants sont directs. Une règle qui ne vise qu'une des deux formes ne matche rien, EN SILENCE. Test de détection : lire le `flex` calculé de l'enfant, `0 1 auto` signale le piège. Et vérifier aussi le `flex-wrap` du PARENT : aucun `flex-basis` d'enfant ne provoque un repli si le parent refuse le retour à la ligne. DEUX BLOCS .P > .E, .P > .e-con-inner > .E { flex: 1 1 330px !important; width: auto !important; min-inline-size: 0 !important; } @media (max-width: 780px) { ... flex: 1 1 100% !important; } TROIS BLOCS · 3 colonnes ou 1, JAMAIS 2 + 1 .P > .E, .P > .e-con-inner > .E { flex: 1 1 260px !important; width: auto !important; min-inline-size: 0 !important; } @media (max-width: 1000px) { ... flex: 0 0 100% !important; } QUATRE BLOCS · 2 x 2 imposé, ou 4 colonnes puis 2 x 2 .P > .E, .P > .e-con-inner > .E { flex: 0 0 calc((100% - 24px) / 2) !important; width: auto !important; min-inline-size: 0 !important; } @media (max-width: 760px) { ... flex: 0 0 100% !important; } (variante 4 colonnes : calc((100% - 72px) / 4) au-dessus de 1200px) CINQ BLOCS · largeur imposée au tiers, `flex-grow: 0`, rangée incomplète .P > .E, .P > .e-con-inner > .E { flex: 0 0 calc((100% - 44px) / 3) !important; width: auto !important; min-inline-size: 0 !important; } @media (max-width: 1000px) { ... flex: 0 0 calc((100% - 22px) / 2) !important; } @media (max-width: 700px) { ... flex: 0 0 100% !important; } Le `calc` soustrait les gouttières : (nombre de colonnes - 1) x écart. ========================================================================== */ /* ========================================================================= MENTIONS LÉGALES · Pôle Santé Psy · 7 août 2026. CE FICHIER NE CONTIENT QUE CE QUI EST PROPRE À LA PAGE. Le socle `psp-formes.css` est collé en tête à la génération : garde-fous, keyframes, halos, courbes, hero, micro-interactions, signes récurrents, mesure de lecture, mouvement réduit et gabarits de grille viennent de là. On construit AVEC, on ne le réinvente pas (PSP-SYSTEME-FORMES.md). LES CINQ RÈGLES D'ÉCRITURE DU SOCLE S'APPLIQUENT SANS EXCEPTION : 1. répétition de classe, jamais de préfixe d'identifiant de page ; 2. toute règle qui habille un titre répète sa classe (0-4-0) ; 3. les bornes de mesure de lecture s'écrivent en `em`, jamais en px ; 4. `var(--psp-titre, "Fraunces"), sans-serif` toujours avec son repli ; 5. une rangée orpheline se corrige en imposant la grille. TROIS ÉCARTS AU DOSAGE DU SOCLE (§3), ASSUMÉS ET CONTRÔLÉS PAR ASSERTION. Le socle demande une photographie par tranche de trois sections, une bande de respiration et un collage par page. Cette page en a UNE, ZÉRO et ZÉRO. Raison : c'est une page de LECTURE OBLIGATOIRE, pas une page de parcours. Le §24 a tranché le même arbitrage sur /prendre-rendez-vous/ et l'a écrit : « une page de conversion n'a pas besoin d'illustration, elle a besoin d'être lisible ». L'argument est plus fort ici. Une citation d'auteur entre le nom de l'hébergeur et le régime de responsabilité serait du décor, et un collage de photographies du cabinet au milieu d'un texte réglementaire brouillerait ce que la page dit. Le rythme vient d'ailleurs : neuf sections courtes, huit fonds alternés, quatre courbes, les halos, et le panneau à cheval. Les assertions du générateur sont écrites POUR cette page (0 respire, 0 collage) et non désactivées : un écart contrôlé, pas un contrôle retiré. LE HERO REPREND UNE PHOTOGRAPHIE DÉJÀ SERVIE. Le §26.3 rappelle qu'une URL qui répond 200 ne dit rien de ce qu'elle montre. Celle-ci est le hero de /prendre-rendez-vous/ depuis le 6 août : elle est vérifiée, et une page de mentions légales ne justifie pas d'introduire un visuel neuf non regardé. ========================================================================= */ /* ---------------------------------------------------------- 0. Fondations */ .psp-section { position: relative; } /* ---------------------------------------------------------- 1. Décalages de halos Le socle pose deux halos par section et un troisième sur les sections denses. Les POSITIONS s'écrivent ici, page par page : si le halo revient au même endroit d'une section à l'autre, le motif devient un gabarit. Celles-ci diffèrent de celles d'Entreprises et du Coin des Pros. */ .psp-editeur.psp-editeur::before { inset-block-start: -22%; inset-inline-end: -14%; inline-size: 36vw; block-size: 36vw; } .psp-editeur.psp-editeur::after { inset-block-end: -24%; inset-inline-start: -12%; inline-size: 30vw; block-size: 30vw; } .psp-heberg.psp-heberg::before { inset-block-start: -16%; inset-inline-end: auto; inset-inline-start: -18%; inline-size: 32vw; block-size: 32vw; } .psp-heberg.psp-heberg::after { inset-block-end: -30%; inset-inline-start: auto; inset-inline-end: -8%; inline-size: 26vw; block-size: 26vw; } .psp-titrepro.psp-titrepro::before { inset-block-start: -26%; inset-inline-end: -10%; inline-size: 40vw; block-size: 40vw; } .psp-titrepro.psp-titrepro::after { inset-block-end: -18%; inset-inline-start: -16%; inline-size: 28vw; block-size: 28vw; } .psp-mediation.psp-mediation::before { inset-block-start: -12%; inset-inline-end: auto; inset-inline-start: -10%; inline-size: 30vw; block-size: 30vw; } .psp-mediation.psp-mediation::after { inset-block-end: -28%; inset-inline-start: auto; inset-inline-end: -16%; inline-size: 34vw; block-size: 34vw; } .psp-pi.psp-pi::before { inset-block-start: -30%; inset-inline-end: -18%; inline-size: 38vw; block-size: 38vw; } .psp-pi.psp-pi::after { inset-block-end: -14%; inset-inline-start: -6%; inline-size: 24vw; block-size: 24vw; } .psp-resp.psp-resp::before { inset-block-start: -18%; inset-inline-end: auto; inset-inline-start: -14%; inline-size: 34vw; block-size: 34vw; } .psp-resp.psp-resp::after { inset-block-end: -26%; inset-inline-start: auto; inset-inline-end: -12%; inline-size: 30vw; block-size: 30vw; } .psp-ml-cta.psp-ml-cta::before { inset-block-start: -24%; inset-inline-end: -12%; inline-size: 36vw; block-size: 36vw; } .psp-ml-cta.psp-ml-cta::after { inset-block-end: -20%; inset-inline-start: -10%; inline-size: 28vw; block-size: 28vw; } /* Troisième halo, DEUX sur cette page (le socle en autorise deux ou trois). 52s contre 26 et 34 : trois durées premières entre elles, le motif ne se rejoue jamais à l'identique. Posé sur les deux sections les plus denses : celle qui porte les identifiants, et celle qui porte trois panneaux. */ .psp-editeur-inner.psp-editeur-inner::before { inset-block-start: 24%; inset-inline-start: 74%; } .psp-resp-inner.psp-resp-inner::before { inset-block-start: 34%; inset-inline-start: 16%; } /* ---------------------------------------------------------- 2. Hero Le voile, le motif de pluie et les cinq écarts du rythme vertical viennent du socle. Il ne reste ici que la largeur du titre et la ligne de date. PAS DE BOUTON DANS CE HERO. Une page de mentions légales n'a pas d'action : la personne qui arrive ici cherche une information, pas un parcours. C'est donc `texte_vers_suite` que `recette-page.js` contrôle, la mesure ajoutée le 6 août 2026 précisément parce que sans elle l'écart le plus important du §21 sortait à null et n'était pas contrôlé du tout (§24). */ .psp-hero-titre { max-inline-size: 780px; } /* Date de mise à jour. Elle est SOUS le chapô et pas dans le chapô : sur une page réglementaire, la date à laquelle le texte a été arrêté est une information à part entière, pas un incise. */ .psp-hero-date.psp-hero-date p { margin: 18px 0 0; font-size: 14px; letter-spacing: .02em; max-inline-size: 33em; } /* ---------------------------------------------------------- 3. Panneau de repères Composant validé au §19, repris tel quel. Il porte ici les quatre données d'identification exigées par l'article 1er-1 de la LCEN : qui édite, sous quel numéro, sous quel enregistrement professionnel, et par quel téléphone on la joint. C'est exactement ce qu'un lecteur vient chercher, et ça évite de le faire descendre dans le corps de la page pour l'essentiel. NE PAS lui poser `psp-courbe` : le socle l'interdit sur une section qui porte déjà une marge négative, les deux se battraient. */ .psp-reperes { background-color: transparent !important; margin-block-start: -84px !important; padding-block-start: 0 !important; padding-block-end: 104px !important; position: relative; z-index: 3; } .psp-reperes-grille > .e-con-inner { background: #FFFFFF; border-radius: 22px; box-shadow: 0 2px 4px rgba(15, 37, 64, .05), 0 26px 64px rgba(15, 37, 64, .14); padding: 40px 16px !important; gap: 0 !important; flex-wrap: nowrap !important; } .psp-reperes-grille > .e-con-inner, .psp-reperes-grille { align-items: stretch; } /* ÉCRITURE B du piège 6bis (§18, §22) : la règle de répartition est posée sur la CLASSE DE L'ENFANT, en !important. Elle ne descend d'aucun parent, donc la forme du container (boxed ou full) ne peut pas la faire manquer. */ .psp-repere { flex: 1 1 0 !important; min-inline-size: 0 !important; position: relative; padding: 4px 26px !important; } .psp-repere + .psp-repere::before { content: ""; position: absolute; inset-block: 2px; inset-inline-start: 0; inline-size: 1px; background: var(--psp-sage-300); opacity: .8; } .psp-repere-cle.psp-repere-cle p { margin: 0 0 6px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; } /* Les identifiants sont des SUITES DE CHIFFRES qu'on recopie. Tabulaires pour que les colonnes s'alignent, et `overflow-wrap` parce qu'un SIRET de quatorze chiffres ne se coupe nulle part et sortirait de sa colonne en mobile. */ .psp-repere-val.psp-repere-val p { margin: 0; font-family: var(--psp-titre, "Fraunces"), sans-serif; font-size: clamp(17px, 1.5vw, 21px); font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } /* Les quatre repères ne tiennent pas sur une ligne sous 1160px : les libellés partent sur trois lignes. Point de rupture imposé, mesuré au §19. */ @media (max-width: 1160px) { .psp-reperes-grille > .e-con-inner { flex-wrap: wrap !important; } .psp-repere { flex: 1 1 44% !important; padding: 14px 22px !important; } .psp-repere:nth-child(3)::before { display: none; } } @media (max-width: 620px) { .psp-repere { flex: 1 1 100% !important; } .psp-repere::before { display: none !important; } .psp-reperes { padding-block-end: 76px !important; } } /* ---------------------------------------------------------- 4. Panneaux Le composant `psp-panneau` du §20 : bloc de texte long sur fond blanc, barre de couleur en tête, sans photographie. C'est la brique de toute cette page. Sur un texte réglementaire, une image affaiblirait un bloc qui ne vit que par sa précision. */ .psp-panneaux { align-items: stretch; } /* ÉCRITURE B, encore : la répartition est sur l'enfant, jamais sur le parent. `flex: 1 1 330px` fait deux colonnes à partir de ~760px et une seule en dessous, sans media query et sans rangée orpheline possible à deux blocs. */ .psp-panneau { flex: 1 1 330px !important; min-inline-size: 0 !important; width: auto !important; background: #FFFFFF; border-radius: 20px; padding: 34px 32px 30px !important; box-shadow: 0 1px 3px rgba(15, 37, 64, .05), 0 14px 36px rgba(15, 37, 64, .08); } /* Un panneau SEUL dans sa section prend toute la largeur, mais son texte reste borné par la mesure de lecture : c'est la largeur du bloc blanc qui change, pas la longueur de ligne. */ .psp-panneau--large { flex: 1 1 100% !important; } /* RANGÉE ORPHELINE, trouvée à la mesure à 1100px et à aucune autre largeur. La section « Responsabilité, liens et données » porte TROIS panneaux. Avec la base souple de 330px ils sortaient en 3 colonnes à 1440 et en 2 + 1 à 1100 : le troisième bloc, seul sur sa ligne, s'étirait sur toute la largeur et la grille se lisait comme deux sections différentes. Gabarit TROIS BLOCS du socle (§14), appliqué tel quel : 3 colonnes ou 1, jamais 2 + 1. La règle du socle est claire, et elle a été payée deux fois avant d'y être écrite : une rangée orpheline se corrige en IMPOSANT la grille, jamais en ajustant la base souple. */ .psp-panneau--tiers { flex: 1 1 260px !important; } @media (max-width: 1000px) { .psp-panneau--tiers { flex: 0 0 100% !important; } } .psp-panneau-surtitre.psp-panneau-surtitre p { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; } .psp-panneau-titre.psp-panneau-titre.psp-panneau-titre .elementor-heading-title { font-family: var(--psp-titre, "Fraunces"), sans-serif; font-size: clamp(20px, 1.9vw, 25px); font-weight: 600; line-height: 1.25; font-variant-ligatures: none; hyphens: auto; overflow-wrap: break-word; } .psp-panneau-titre.psp-panneau-titre { margin-block-end: 14px !important; } .psp-panneau-texte p { margin: 0 0 14px; max-inline-size: 33em; } .psp-panneau-texte p:last-child { margin-block-end: 0; } /* Le lien d'un panneau est poussé en bas quand les panneaux voisins sont plus longs. Défaut trouvé au §20 : 204px de vide sous le lien du panneau de droite, parce que le `flex-grow` du texte est écrasé à 0 par une règle générée. Même cause, même parade. */ .psp-panneau > .psp-panneau-pied { margin-block-start: auto !important; padding-block-start: 16px; } /* ---------------------------------------------------------- 5. Bloc d'identité Les mentions de l'article 1er-1 de la LCEN sont des PAIRES intitulé / valeur. Une liste de définition le dit dans le balisage, et se lit en deux colonnes sur grand écran, en une seule dès qu'on manque de place. Aucun tableau : le §11 veut que la cliente puisse retaper une valeur sans toucher à une structure Elementor, et c'est ici UN SEUL widget texte. */ /* AIR SOUS LE BLOC D'IDENTITÉ. Défaut vu À LA CAPTURE et par aucune mesure : le paragraphe qui suit la liste de définition la touchait, parce que le dernier `dd` n'a pas de marge basse et que `.psp-panneau-texte p` n'a pas de marge haute. Deux règles justes prises isolément, un collage à l'écran. C'est la régression du §22 dans l'autre sens : mesurer ne dispense pas de regarder. Répétition de classe, la marge de widget d'Elementor étant émise après le CSS personnalisé (§26.4bis appliqué à une marge). */ .psp-identite.psp-identite.psp-identite { margin-block-end: 24px; } .psp-identite dl { margin: 0; display: grid; grid-template-columns: minmax(11em, auto) 1fr; column-gap: 26px; row-gap: 12px; align-items: baseline; } .psp-identite dt { margin: 0; font-weight: 600; color: var(--psp-navy-900); } /* MESURE DE LECTURE SUR LA COLONNE DE VALEURS. Défaut trouvé À LA MAIN, et qu'aucun contrôle automatique n'aurait vu : `.psp-identite dd` n'est pas dans la liste de `recette-page.js`, et le rapport sortait « aucune alerte ». Mesuré à l'instrument juste du §22 : 110 caractères par ligne à 1440px, 86 à 1100, contre un plafond de 75 (§4). La cause est qu'un `dd` sur une grille en `1fr` prend TOUTE la largeur restante du panneau large, et que la valeur « Qualité » est une phrase, pas un identifiant. Les numéros ne souffraient pas, la seule ligne longue si. C'est exactement le §22 : ce qui n'est pas scanné n'est pas recetté. À ajouter à la liste du script. */ .psp-identite dd { margin: 0; max-inline-size: 33em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } /* Sous 640px, une grille à deux colonnes coupe les libellés au milieu. Le placement des enfants doit être RELÂCHÉ en même temps que le nombre de colonnes : changer `grid-template-columns` seul ne suffit pas, le §24 l'a payé sur la grille de tarifs, où le prix réclamait une deuxième colonne que la grille recréait implicitement. */ @media (max-width: 640px) { .psp-identite dl { grid-template-columns: 1fr; row-gap: 4px; } .psp-identite dt { grid-column: auto; margin-block-start: 12px; } .psp-identite dd { grid-column: auto; } .psp-identite dt:first-child { margin-block-start: 0; } } /* ---------------------------------------------------------- 6. Note de référence Le texte de loi qui fonde une section, en plus petit et en retrait. Il n'a pas le poids du corps mais il n'est pas une note de bas de page : sur une page de mentions légales, dire de quel article vient l'obligation est ce qui distingue un texte rédigé d'un modèle recopié. MESURE DE LECTURE EN `em` ET PAS EN px (§24). Ce bloc est à 14px : une borne de 590px y donnerait 92 caractères par ligne, contre 72 sur un corps à 18. C'est exactement le défaut trouvé le 6 août sur la mention RGPD. */ /* 33em et pas 40. Mesuré à l'instrument juste du §22 (largeur divisée par la largeur RÉELLE d'un caractère, et non par la moitié du corps) : 40em donnent 89 caractères par ligne, très au-dessus du plafond de 75 du §4. 33em en donnent 73, quelle que soit la taille du corps, ce qui est précisément la raison d'écrire la borne en `em`. ATTENTION, DETTE D'OUTILLAGE À REPORTER. `recette-page.js` ne mesure que les classes de sa liste, et `.psp-refjur p` n'y est pas : ce bloc N'EST PAS contrôlé automatiquement. C'est exactement ainsi que la liste des formations de Qui suis-je est restée à 98 caractères sans être détectée (§22). Mesuré à la main ici ; à ajouter à la liste du script, avec `.psp-ml-intro p`, `.psp-ml-cta-texte p` et `.psp-identite dd`. */ .psp-refjur p { margin: 16px 0 0; font-size: 14px; line-height: 1.65; max-inline-size: 33em; padding-inline-start: 16px; border-inline-start: 2px solid var(--psp-sage-300); } .psp-refjur p + p { margin-block-start: 10px; } /* ---------------------------------------------------------- 7. Section Largeur de la colonne d'introduction sous un titre de section centré. */ .psp-ml-intro p { max-inline-size: 33em; margin-inline: auto; } /* ---------------------------------------------------------- 8. Appel final Pas d'appel à l'action commercial au bas d'une page de mentions légales : ce bloc dit seulement par quel canal on joint le cabinet, ce qui est la contre partie de l'absence d'adresse de courriel (§6ter). Il prend le fond marine parce que c'est le dernier bloc de la page et qu'il faut que la page se ferme, pas parce qu'il vend quelque chose. */ .psp-ml-cta-inner > .e-con-inner { max-inline-size: 780px; margin-inline: auto; text-align: center; } .psp-ml-cta-texte p { margin: 0 auto; max-inline-size: 33em; } /* ÉCART TEXTE VERS BOUTON. Mesuré à 0px par `recette-page.js` aux quatre largeurs, contre une norme de 28 à 60 (§21). Le container du bloc final est en `flex_gap: 0` comme tous les autres, et rien ne portait cet écart : le paragraphe et le bouton se touchaient. Le socle le fait pour le hero avec `.psp-hero-actions { padding-block-start: 38px }` ; ici le bouton est un widget nu, la marge se pose donc sur lui. */ .psp-ml-cta-inner .psp-bouton--centre.psp-bouton--centre { margin-block-start: 38px !important; } .psp-ml-tel.psp-ml-tel p { margin: 22px 0 0; font-family: var(--psp-titre, "Fraunces"), sans-serif; font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; letter-spacing: .01em; } /* LE DÉFAUT LE PLUS GRAVE DU §24, REJOUÉ ICI ET MESURÉ : le numéro de téléphone sortait en navy-700 sur marine, ratio 1,29, c'est-à-dire invisible. `color: inherit` à 0-1-1 ne peut pas battre la règle de lien du kit et celle du document (§16 piège 3), qui sont plus spécifiques. Il faut la répétition de classe, comme partout ailleurs sur ce site. Le SOULIGNEMENT est porté par une bordure basse et non par `text-decoration` : `recette-page.js` accepte les deux depuis le 6 août (`borderBottomWidth >= 1`), et une bordure se décolle du texte, ce qui se lit mieux sur un numéro en Fraunces 32px. */ .psp-ml-tel.psp-ml-tel.psp-ml-tel a { color: var(--psp-cream); text-decoration: none; border-block-end: 2px solid rgba(221, 231, 218, .55); } .psp-ml-tel.psp-ml-tel.psp-ml-tel a:hover, .psp-ml-tel.psp-ml-tel.psp-ml-tel a:focus-visible { color: #FFFFFF; border-block-end-color: currentColor; } /* ---------------------------------------------------------- 9. Liens du corps DÉFAUT LE PLUS GRAVE DE LA RECETTE DU §24, à ne pas rejouer : un lien posé sur fond marine sortait en navy-700 sur marine, ratio 1,29, sur un lien à valeur réglementaire. Cause : le CSS du kit et celui du document colorent les liens plus spécifiquement (§16 piège 3), et `.psp-x a` à 0-1-1 ne peut pas gagner. Sur CETTE page, tous les liens du corps comptent : ils mènent à la politique de confidentialité et à la fiche contact. Répétition de classe pour passer devant, et SOULIGNEMENT MAINTENU : un lien qui ne se distingue du texte que par sa couleur échoue au critère WCAG 1.4.1 même avec un contraste correct. `recette-page.js` contrôle les deux depuis le 6 août. */ .psp-panneau-texte.psp-panneau-texte.psp-panneau-texte a, .psp-refjur.psp-refjur.psp-refjur a, .psp-ml-intro.psp-ml-intro.psp-ml-intro a { color: var(--psp-navy-700); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .psp-panneau-texte.psp-panneau-texte.psp-panneau-texte a:hover, .psp-refjur.psp-refjur.psp-refjur a:hover, .psp-ml-intro.psp-ml-intro.psp-ml-intro a:hover { color: var(--psp-navy-900); text-decoration-thickness: 2px; } /* Sur fond marine, le même lien doit passer en clair. Même mécanisme, autre couleur : c'est la ligne qui manquait au §24. */ .psp-ml-cta-texte.psp-ml-cta-texte.psp-ml-cta-texte a { color: var(--psp-sage-300); text-decoration: underline; text-underline-offset: 3px; } .psp-ml-cta-texte.psp-ml-cta-texte.psp-ml-cta-texte a:hover { color: #FFFFFF; } /* ---------------------------------------------------------- 10. Boutons Quatre variantes, identiques à celles des huit autres pages. Répétition de classe à 0-4-0 : Elementor 7 émet `.elementor-widget-button .elementor-button { background-color: var(--e-global-color-accent) }` dans le CSS de CHAQUE document, APRÈS le CSS personnalisé (§18). */ .psp-bouton.psp-bouton.psp-bouton .elementor-button { border-radius: 999px; font-weight: 600; letter-spacing: .01em; } .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button, .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button svg { fill: var(--psp-navy-900); } .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button { background-color: var(--psp-cream) !important; color: var(--psp-navy-900); border: 2px solid var(--psp-cream); white-space: nowrap; padding: 15px 30px; } .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button:hover, .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button:focus-visible { background-color: #FFFFFF; border-color: #FFFFFF; color: var(--psp-navy-900); box-shadow: 0 10px 28px rgba(0, 0, 0, .22); } .psp-bouton--centre.psp-bouton--centre.psp-bouton--centre .elementor-button { margin-inline: auto; } /* §27.3 point 4 : `align-self` du WIDGET bat `align-items` du CONTAINER. Un centrage se reprend sur le widget, poser `align-items: center` sur le parent ne suffit pas. */ .psp-bouton--centre.psp-bouton--centre.psp-bouton--centre { align-self: center; align-items: center; text-align: center; } /* ---------------------------------------------------------- 11. Mobile */ @media (max-width: 767px) { .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair, .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button { width: 100%; } .psp-bouton--clair.psp-bouton--clair.psp-bouton--clair .elementor-button { justify-content: center; } .psp-panneau { padding: 28px 24px 26px !important; } } /* ---------------------------------------------------------- 12. Mouvement réduit Le socle neutralise déjà halos, pluie et micro-interactions. Rien à ajouter ici : cette page n'introduit aucune animation qui lui soit propre. */ /* ---------------------------------------------------------- 13. Emplacements photo §18 piège 5 : Elementor pose `background-image: none !important` à 0-5-0 sur les containers dont l'observateur de chargement différé ne se déclenche pas, ET sur tous leurs descendants. Le bloc ci-dessous repasse devant à 0-6-0. Il est GÉNÉRÉ depuis le dictionnaire PHOTOS du générateur et n'est jamais écrit à la main : le §20 a montré ce que coûte une URL qui existe à deux endroits. Une seule entrée sur cette page, le hero. */ .e-con.psp-hero.psp-hero.psp-hero.psp-hero.psp-hero { background-image: url("https://images.unsplash.com/photo-1502672260266-1c1ef2d93688?auto=format&fit=crop&q=80&w=2000") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }/* End custom CSS */