.elementor-10497 .elementor-element.elementor-element-b0804c7:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-b0804c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00274B;background-image:url("https://www.formation-securite-lepointjaune.com/wp-content/uploads/2026/06/Arriere-plan-flav-admin-hero-section-11.png");background-position:5vw -10vh;background-repeat:no-repeat;background-size:cover;}.elementor-10497 .elementor-element.elementor-element-b0804c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10497 .elementor-element.elementor-element-b0804c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-b0804c7 > .elementor-shape-bottom .elementor-shape-fill{fill:#F5F5F5;}.elementor-10497 .elementor-element.elementor-element-d541b6b > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-10497 .elementor-element.elementor-element-9c12ba9{--spacer-size:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10497 .elementor-element.elementor-element-e5c2ad4{width:auto;max-width:auto;}.elementor-10497 .elementor-element.elementor-element-e5c2ad4 > .elementor-widget-container{margin:5px 5px 5px 5px;}.elementor-10497 .elementor-element.elementor-element-e5c2ad4 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:1.4vw;font-weight:600;color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-ef43f7f > .elementor-widget-container{margin:05px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-ef43f7f .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:3.25vw;font-weight:700;line-height:1.2em;color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-1887400{--spacer-size:30px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10497 .elementor-element.elementor-element-ab50741{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:400;color:var( --e-global-color-7f1ceb32 );}.elementor-bc-flex-widget .elementor-10497 .elementor-element.elementor-element-2faf571.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10497 .elementor-element.elementor-element-2faf571.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:1.6vw;font-weight:500;fill:var( --e-global-color-70b1fcb );color:var( --e-global-color-70b1fcb );border-style:solid;border-width:2px 2px 2px 2px;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button:hover, .elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button:focus{background-color:var( --e-global-color-70b1fcb );color:var( --e-global-color-3eee9aa );border-color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-248e982 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button:hover svg, .elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button:focus svg{fill:var( --e-global-color-3eee9aa );}.elementor-bc-flex-widget .elementor-10497 .elementor-element.elementor-element-20248a6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10497 .elementor-element.elementor-element-20248a6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10497 .elementor-element.elementor-element-20248a6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button{background-color:#06324D00;font-family:"Roboto", Sans-serif;font-size:1.6vw;font-weight:500;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F5F5F5;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button:hover, .elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-7f1ceb32 );border-color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-3a4dec6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button:hover svg, .elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button:focus svg{fill:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-01b6c62{--spacer-size:10px;}.elementor-10497 .elementor-element.elementor-element-ec7cd6c{--spacer-size:12vh;}.elementor-bc-flex-widget .elementor-10497 .elementor-element.elementor-element-916ff5b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10497 .elementor-element.elementor-element-916ff5b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10497 .elementor-element.elementor-element-916ff5b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10497 .elementor-element.elementor-element-7865a3f > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button{background-color:var( --e-global-color-70b1fcb );font-family:"Roboto", Sans-serif;font-size:1.2vw;font-weight:500;fill:var( --e-global-color-3eee9aa );color:var( --e-global-color-3eee9aa );border-radius:30px 30px 30px 30px;padding:1vw 1vw 1vw 1vw;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button:hover, .elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button:focus{background-color:var( --e-global-color-3eee9aa );color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-eb57f3f > .elementor-widget-container{padding:1vw 1vw 1vw 1vw;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button:hover svg, .elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button:focus svg{fill:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-8cb96e5{--spacer-size:10px;}.elementor-10497 .elementor-element.elementor-element-b7e6615{text-align:start;}.elementor-10497 .elementor-element.elementor-element-b7e6615 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:2.5vw;font-weight:700;color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-43a6871 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.8vw;font-weight:600;line-height:1.3em;color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-0151ee7{--spacer-size:50px;}.elementor-10497 .elementor-element.elementor-element-0e0219e:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-0e0219e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-0e0219e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10497 .elementor-element.elementor-element-0e0219e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-0e0219e > .elementor-shape-top .elementor-shape-fill{fill:#F5F5F5;}.elementor-10497 .elementor-element.elementor-element-995d782{--spacer-size:16vh;}.elementor-10497 .elementor-element.elementor-element-dfef813 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-dfef813{text-align:center;}.elementor-10497 .elementor-element.elementor-element-dfef813 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:3vw;font-weight:700;color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-f5465f3 > .elementor-widget-container{margin:5px 0px 05px 0px;}.elementor-10497 .elementor-element.elementor-element-f5465f3{text-align:center;}.elementor-10497 .elementor-element.elementor-element-f5465f3 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.8vw;font-weight:600;color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button{background-color:var( --e-global-color-3eee9aa );font-family:"Roboto", Sans-serif;font-size:1.8vw;font-weight:500;fill:var( --e-global-color-7f1ceb32 );color:var( --e-global-color-7f1ceb32 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f1ceb32 );border-radius:12px 12px 12px 12px;}.elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button:hover, .elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button:focus{background-color:var( --e-global-color-70b1fcb );color:var( --e-global-color-3eee9aa );border-color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button:hover svg, .elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button:focus svg{fill:var( --e-global-color-3eee9aa );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10497 .elementor-element.elementor-element-903d539{--divider-border-style:solid;--divider-color:var( --e-global-color-70b1fcb );--divider-border-width:0.2em;}.elementor-10497 .elementor-element.elementor-element-903d539 > .elementor-widget-container{border-style:solid;}.elementor-10497 .elementor-element.elementor-element-903d539 .elementor-divider-separator{width:20vw;margin:0 auto;margin-center:0;}.elementor-10497 .elementor-element.elementor-element-903d539 .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-10497 .elementor-element.elementor-element-7393591:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-7393591 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-7393591{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:15px 15px 15px 15px;}.elementor-10497 .elementor-element.elementor-element-7393591 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-912aec8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#042133;}.elementor-10497 .elementor-element.elementor-element-912aec8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 12px 30px 0px;--e-column-margin-right:12px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-element-populated, .elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-element-populated > .elementor-background-overlay, .elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-10497 .elementor-element.elementor-element-912aec8:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-154b1f2 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-icon i{color:var( --e-global-color-70b1fcb );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-icon svg{fill:var( --e-global-color-70b1fcb );transition:fill 0.3s;}.elementor-10497 .elementor-element.elementor-element-3439b63{--e-icon-list-icon-size:1.4vw;--icon-vertical-offset:0px;}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-icon{padding-inline-end:10%;}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:400;}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-text{color:var( --e-global-color-7f1ceb32 );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-fad0e23{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;}.elementor-10497 .elementor-element.elementor-element-fad0e23 .elementor-divider-separator{width:100%;}.elementor-10497 .elementor-element.elementor-element-fad0e23 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10497 .elementor-element.elementor-element-38e994e{text-align:center;}.elementor-10497 .elementor-element.elementor-element-38e994e .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:600;color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-9b24b2e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#042133;}.elementor-10497 .elementor-element.elementor-element-9b24b2e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-70b1fcb );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 30px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:30px 30px 30px 30px;}.elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-element-populated, .elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-element-populated > .elementor-background-overlay, .elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-10497 .elementor-element.elementor-element-9b24b2e:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-9b24b2e:hover > .elementor-element-populated, .elementor-10497 .elementor-element.elementor-element-9b24b2e:hover > .elementor-element-populated > .elementor-background-overlay{border-radius:15px 15px 15px 15px;}.elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-e7f6025 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-icon i{color:var( --e-global-color-70b1fcb );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-icon svg{fill:var( --e-global-color-70b1fcb );transition:fill 0.3s;}.elementor-10497 .elementor-element.elementor-element-d3d7149{--e-icon-list-icon-size:1.4vw;--icon-vertical-offset:0px;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-icon{padding-inline-end:10%;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:400;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-text{color:var( --e-global-color-7f1ceb32 );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-c1a5558{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;}.elementor-10497 .elementor-element.elementor-element-c1a5558 .elementor-divider-separator{width:100%;}.elementor-10497 .elementor-element.elementor-element-c1a5558 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10497 .elementor-element.elementor-element-9bc5950{text-align:center;}.elementor-10497 .elementor-element.elementor-element-9bc5950 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:600;color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-8688967:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#042133;}.elementor-10497 .elementor-element.elementor-element-8688967.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 30px 20px;--e-column-margin-right:0px;--e-column-margin-left:20px;padding:30px 30px 30px 30px;}.elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-element-populated, .elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-element-populated > .elementor-background-overlay, .elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-10497 .elementor-element.elementor-element-8688967:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-70b1fcb );}.elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-ca1e4f1 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-icon i{color:var( --e-global-color-70b1fcb );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-icon svg{fill:var( --e-global-color-70b1fcb );transition:fill 0.3s;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3{--e-icon-list-icon-size:1.4vw;--icon-vertical-offset:0px;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-icon{padding-inline-end:10%;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:400;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-text{color:var( --e-global-color-7f1ceb32 );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-991bbdf{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;}.elementor-10497 .elementor-element.elementor-element-991bbdf .elementor-divider-separator{width:100%;}.elementor-10497 .elementor-element.elementor-element-991bbdf .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10497 .elementor-element.elementor-element-16cf8a4{text-align:center;}.elementor-10497 .elementor-element.elementor-element-16cf8a4 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:600;color:var( --e-global-color-7f1ceb32 );}.elementor-10497 .elementor-element.elementor-element-2c960a1:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-2c960a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-2c960a1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10497 .elementor-element.elementor-element-2c960a1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-2c960a1 > .elementor-shape-bottom .elementor-shape-fill{fill:#F5F5F5;}.elementor-10497 .elementor-element.elementor-element-d525599{--spacer-size:16vh;}.elementor-10497 .elementor-element.elementor-element-4b73351{--spacer-size:15px;}.elementor-10497 .elementor-element.elementor-element-f437bce{text-align:center;}.elementor-10497 .elementor-element.elementor-element-f437bce .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:3.5vw;font-weight:700;color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-6f9ee23{text-align:center;}.elementor-10497 .elementor-element.elementor-element-6f9ee23 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:1.5vw;font-weight:400;font-style:italic;color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-0f824e3{padding:20px 20px 20px 20px;}.elementor-10497 .elementor-element.elementor-element-0348952 > .elementor-widget-container{margin:04vw 0vw 0vw 0vw;}.elementor-10497 .elementor-element.elementor-element-0348952 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:2.5vw;font-weight:600;color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-108031b{--spacer-size:40px;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-icon i{color:var( --e-global-color-70b1fcb );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-icon svg{fill:var( --e-global-color-70b1fcb );transition:fill 0.3s;}.elementor-10497 .elementor-element.elementor-element-2fb9b10{--e-icon-list-icon-size:1.25vw;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:1.4vw;font-weight:400;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-text{color:var( --e-global-color-3eee9aa );transition:color 0.3s;}.elementor-10497 .elementor-element.elementor-element-df3a9a7{--spacer-size:50px;}.elementor-10497 .elementor-element.elementor-element-9327c93 > .elementor-widget-container{margin:03vw 0vw 0vw 0vw;padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-3eee9aa );border-radius:20px 20px 20px 20px;}.elementor-10497 .elementor-element.elementor-element-1930b56:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-1930b56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3eee9aa );}.elementor-10497 .elementor-element.elementor-element-1930b56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10497 .elementor-element.elementor-element-1930b56 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10497 .elementor-element.elementor-element-1930b56 > .elementor-shape-top .elementor-shape-fill{fill:#F5F5F5;}.elementor-10497 .elementor-element.elementor-element-1e6084b{--spacer-size:17vh;}@media(max-width:1024px){.elementor-10497 .elementor-element.elementor-element-b0804c7:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-b0804c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.formation-securite-lepointjaune.com/wp-content/uploads/2026/05/Fond-transparent.png");background-position:0vw 0%;}.elementor-10497 .elementor-element.elementor-element-e5c2ad4 .elementor-heading-title{font-size:2.5vw;}.elementor-10497 .elementor-element.elementor-element-ef43f7f .elementor-heading-title{font-size:5vw;}.elementor-10497 .elementor-element.elementor-element-1887400{--spacer-size:20px;}.elementor-10497 .elementor-element.elementor-element-ab50741{font-size:2.2vw;}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button{font-size:2.5vw;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button{font-size:2.5vw;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button{font-size:2vw;}.elementor-10497 .elementor-element.elementor-element-b7e6615 .elementor-heading-title{font-size:3.5vw;}.elementor-10497 .elementor-element.elementor-element-43a6871 .elementor-heading-title{font-size:2.3vw;}.elementor-10497 .elementor-element.elementor-element-f437bce .elementor-heading-title{font-size:5vw;}.elementor-10497 .elementor-element.elementor-element-6f9ee23 .elementor-heading-title{font-size:2vw;}.elementor-10497 .elementor-element.elementor-element-0348952 .elementor-heading-title{font-size:4vw;}.elementor-10497 .elementor-element.elementor-element-2fb9b10{--e-icon-list-icon-size:3vw;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > a{font-size:1.8vw;}}@media(max-width:767px){.elementor-10497 .elementor-element.elementor-element-b0804c7:not(.elementor-motion-effects-element-type-background), .elementor-10497 .elementor-element.elementor-element-b0804c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0vw 0%;}.elementor-10497 .elementor-element.elementor-element-e5c2ad4{text-align:center;}.elementor-10497 .elementor-element.elementor-element-e5c2ad4 .elementor-heading-title{font-size:3.5vw;}.elementor-10497 .elementor-element.elementor-element-ef43f7f{text-align:center;}.elementor-10497 .elementor-element.elementor-element-ef43f7f .elementor-heading-title{font-size:6.5vw;}.elementor-10497 .elementor-element.elementor-element-ab50741{font-size:3.5vw;}.elementor-10497 .elementor-element.elementor-element-248e982 .elementor-button{font-size:4vw;}.elementor-10497 .elementor-element.elementor-element-3a4dec6 .elementor-button{font-size:4vw;}.elementor-10497 .elementor-element.elementor-element-eb57f3f .elementor-button{font-size:4vw;padding:3vw 3vw 3vw 3vw;}.elementor-10497 .elementor-element.elementor-element-b7e6615 .elementor-heading-title{font-size:6vw;line-height:1.3em;}.elementor-10497 .elementor-element.elementor-element-43a6871 .elementor-heading-title{font-size:4vw;line-height:1.5em;}.elementor-10497 .elementor-element.elementor-element-995d782{--spacer-size:10vh;}.elementor-10497 .elementor-element.elementor-element-dfef813 .elementor-heading-title{font-size:7vw;}.elementor-10497 .elementor-element.elementor-element-f5465f3 .elementor-heading-title{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-43f31e8 .elementor-button{font-size:3.5vw;}.elementor-10497 .elementor-element.elementor-element-912aec8 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-10497 .elementor-element.elementor-element-3439b63{--e-icon-list-icon-size:3vw;}.elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-3439b63 .elementor-icon-list-item > a{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-38e994e .elementor-heading-title{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-9b24b2e > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-10497 .elementor-element.elementor-element-d3d7149{--e-icon-list-icon-size:3vw;}.elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-d3d7149 .elementor-icon-list-item > a{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-9bc5950 .elementor-heading-title{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-8688967 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3{--e-icon-list-icon-size:3vw;}.elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-a5e5fd3 .elementor-icon-list-item > a{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-16cf8a4 .elementor-heading-title{font-size:3vw;}.elementor-10497 .elementor-element.elementor-element-d525599{--spacer-size:10vh;}.elementor-10497 .elementor-element.elementor-element-f437bce .elementor-heading-title{font-size:9vw;}.elementor-10497 .elementor-element.elementor-element-6f9ee23 .elementor-heading-title{font-size:3.8vw;}.elementor-10497 .elementor-element.elementor-element-0348952 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-10497 .elementor-element.elementor-element-0348952 .elementor-heading-title{font-size:8vw;}.elementor-10497 .elementor-element.elementor-element-108031b{--spacer-size:10px;}.elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10497 .elementor-element.elementor-element-2fb9b10 .elementor-icon-list-item > a{font-size:4vw;}}@media(min-width:768px){.elementor-10497 .elementor-element.elementor-element-d541b6b{width:55%;}.elementor-10497 .elementor-element.elementor-element-2faf571{width:55%;}.elementor-10497 .elementor-element.elementor-element-20248a6{width:45%;}.elementor-10497 .elementor-element.elementor-element-916ff5b{width:45%;}.elementor-10497 .elementor-element.elementor-element-f2eb5e9{width:45%;}.elementor-10497 .elementor-element.elementor-element-dca6ce7{width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10497 .elementor-element.elementor-element-d541b6b{width:100%;}.elementor-10497 .elementor-element.elementor-element-2faf571{width:50%;}}/* Start custom CSS for heading, class: .elementor-element-e5c2ad4 */.elementor-10497 .elementor-element.elementor-element-e5c2ad4 {
background-color: rgba(18, 43, 37, 0.6);
border: 1px solid rgba(250, 183, 32, 0.4);
padding: 6px 16px;
border-radius: 30px;
display: inline-flex;
gap: 8px;
}
@media (max-width: 767px) {
.elementor-10497 .elementor-element.elementor-element-e5c2ad4 {
display: flex;
margin-left: auto;
margin-right: auto;
width: max-content;
justify-content: center;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-248e982 */#btn-flav-admin {
transition: all 0.3s ease-in-out !important;
box-shadow: 0 2px 8px rgba(6, 50, 77, 0.2);
position: relative !important;
overflow: hidden !important;
}
#btn-flav-admin::after {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(
to right,
rgba(250, 183, 32, 0) 0%,
rgba(250, 183, 32, 0.7) 50%,
rgba(250, 183, 32, 0) 100%
);
transform: skewX(-25deg);
animation: permanentShimmer 3.5s infinite ease-in-out;
z-index: 1;
pointer-events: none;
}
@keyframes permanentShimmer {
0% { left: -150%; }
45% { left: 150%; }
100% { left: 150%; }
}
#btn-flav-admin .elementor-button-content-wrapper {
position: relative;
z-index: 2;
}
#btn-flav-admin .elementor-button-icon {
display: inline-block;
animation: permanentArrow 2s infinite ease-in-out;
}
@keyframes permanentArrow {
0% { transform: translateX(0); }
50% { transform: translateX(5px); }
100% { transform: translateX(0); }
}
#btn-flav-admin:hover {
transform: scale(1.06);
box-shadow: 0 6px 20px rgba(250, 183, 32, 0.45);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3a4dec6 */#btn-tarifs {
transition: all 0.3s ease-in-out !important;
box-shadow: 0 2px 8px rgba(6, 50, 77, 0.2);
overflow: hidden !important;
}
#btn-tarifs:hover {
transform: scale(1.06);
box-shadow: 0 6px 20px rgba(255, 255, 255, 0.45);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d667ac *//* --- CONFIGURATION DU CONTENEUR EN VW --- */
.features-bar-vertical {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
padding: 2vw 1vw;
box-sizing: border-box;
}
/* Format vertical (Logo en haut, texte centré en bas) */
.feature-vertical-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 1vw;
flex: 1;
}
/* --- STRUCTURE DES ALLOCATIONS DE CERCLAGE --- */
.feature-icon-circle {
width: 3.6vw;
height: 3.6vw;
min-width: 46px;
min-height: 46px;
max-width: 68px;
max-height: 68px;
border: 2px solid #fab720;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-sizing: border-box;
}
.flag-border {
border: 1px solid #7A7A7A;
}
.feature-svg {
width: 48%;
height: 48%;
}
/* --- DRAPEAU DE CONFORMITÉ EN CSS --- */
.france-circle-flag {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
display: flex;
}
.france-circle-flag div {
height: 100%;
flex: 1;
}
.fr-blue { background-color: #002395; }
.fr-white { background-color: #ffffff; }
.fr-red { background-color: #ed2939; }
/* --- POLICES ET TEXTES FLUIDES --- */
.feature-vertical-text {
font-family: inherit;
color: #ffffff;
font-size: 0.95vw;
line-height: 1.4;
font-weight: 500;
}
/* --- SÉPARATEURS --- */
.feature-vertical-separator {
width: 1px;
height: 4vw;
min-height: 45px;
background-color: #7A7A7A;
align-self: center;
margin: 0 1vw;
flex-shrink: 0;
opacity: 0.7;
}
/* 1. FORMAT TABLET + MOBILE -> Grille 2x2 */
@media (max-width: 1024px) {
.features-bar-vertical {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px 20px;
padding: 4vw 2vw;
}
.feature-vertical-item {
gap: 12px;
}
.feature-icon-circle {
width: 55px;
height: 55px;
}
.feature-vertical-text {
font-size: 15px;
}
.feature-vertical-separator {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eb57f3f */#btn-demo .elementor-button {
animation: pulse 2s ease-in-out infinite;
transition: all 0.3s ease-in-out !important;
}
#btn-demo .elementor-button:hover {
transform: scale(1.05);
animation: pulse-hover 2s ease-in-out infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 4px #fab72040; }
50% { box-shadow: 0 0 0 12px #fab72015; }
100% { box-shadow: 0 0 0 4px #fab72040; }
}
@keyframes pulse-hover {
0% { box-shadow: 0 0 0 8px #fab72060; }
50% { box-shadow: 0 0 0 16px #fab72025; }
100% { box-shadow: 0 0 0 8px #fab72060; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ed7e0f *//* === FOND DE STUDIO AVEC NÉBULOSITÉ PREMIUM === */
.cw {
position: relative;
border-radius: 28px;
overflow: hidden;
background-image:
radial-gradient(circle at 20% 35%, rgba(12, 71, 110, 0.65) 0%, transparent 45%),
radial-gradient(circle at 85% 20%, rgba(14, 116, 144, 0.4) 0%, transparent 55%),
linear-gradient(135deg, #052336 0%, #06324d 50%, #031826 100%);
padding: 1px;
box-shadow:
inset 0 1px 0 0 rgba(255, 255, 255, 0.12),
0 25px 70px -20px rgba(2, 16, 26, 0.8);
}
.cs {
display: flex;
overflow: hidden;
position: relative;
}
.cs-inner {
display: flex;
transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1);
will-change: transform;
width: 100%;
}
.sl {
flex: 0 0 100%;
width: 100%;
height: 48vw;
box-sizing: border-box;
min-width: 0;
overflow: hidden;
}
/* === INTERFACE APPLICATION MOCKUPS === */
.window-mockup {
position: relative;
border-radius: 12px;
box-shadow: 0 35px 70px -15px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255,255,255,0.05);
overflow: hidden;
display: flex;
flex-direction: column;
transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s ease-out !important;
}
.window-mockup:hover {
transform: translateY(-6px) !important;
}
.window-header {
height: 2.2vw;
min-height: 24px;
display: flex;
align-items: center;
padding: 0 1.2vw;
gap: 0.4vw;
position: relative;
}
.dot-win {
width: 0.6vw; height: 0.6vw; min-width: 6px; min-height: 6px;
border-radius: 50%; display: inline-block;
}
.dot-win.red { background: #ff5f56; }
.dot-win.yellow { background: #ffbd2e; }
.dot-win.green { background: #27c93f; }
/* Thème Sombre */
.dark-win {
background: transparent;
box-shadow: none;
}
.dark-win:hover {
transform: translateY(-6px) !important;
}
.dark-win .window-header {
background: #0b2336;
border-bottom: 1px solid rgba(255,255,255,0.05);
border-radius: 12px 12px 0 0;
box-shadow: 0 12px 35px -5px rgba(0, 0, 0, 0.6);
}
.dark-win .img-container {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
/* Thème Clair */
.light-win { background: #ffffff; }
.light-win .window-header { background: #f1f5f9; border-bottom: 1px solid #e2e8f0; }
/* Curseur Zoom sur les images du slider */
.si img {
cursor: zoom-in;
transition: transform 0.3s ease;
}
/* === BADGES ET ÉTAPES === */
.badge, .bgt {
font-family: 'Nunito', sans-serif;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fab720;
color: #06324d;
font-size: 0.8vw;
font-weight: 700;
padding: 0.4vw 1.1vw;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
width: fit-content;
box-sizing: border-box;
white-space: nowrap;
}
.sl-h .bgt {
position: absolute;
top: 3.5vw;
right: 7vw;
z-index: 25;
box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}
/* === DISPOSITION COMPOSANTS DESKTOP === */
.sl-v {
display: flex;
align-items: stretch;
}
.sl-v .si {
width: 44%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 3vw 2vw 3vw 4vw;
box-sizing: border-box;
}
.sl-v .si img {
max-height: 36vw;
width: auto;
max-width: 100%;
display: block;
object-fit: contain;
border-radius: 0 0 12px 12px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}
.sl-v .st {
flex: 1;
padding: 4vw 6vw 4vw 4vw;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.4vw;
position: relative;
box-sizing: border-box;
align-items: flex-start;
}
.sl-h {
display: flex;
flex-direction: column;
}
.sl-h .si {
width: 100%;
height: 31vw;
display: flex;
align-items: center;
justify-content: center;
padding: 3vw 6vw 0vw;
box-sizing: border-box;
flex-shrink: 0;
position: relative;
}
.sl-h .light-win { width: 100%; height: 100%; }
.sl-h .si img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
.sl-h .ov {
flex: 1;
padding: 2.2vw 6vw 3.5vw;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.8vw;
}
/* === TEXTES ET TYPOGRAPHIES === */
.sl-title {
font-family: 'Exo', sans-serif;
font-size: 2.3vw;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 1.25;
letter-spacing: -0.01em;
}
.sep {
width: 3.5vw; height: 4px;
background: #fab720; border-radius: 2px;
}
.sl-p {
font-family: 'Nunito', sans-serif;
font-size: 1.25vw;
color: rgba(255, 255, 255, 0.82);
line-height: 1.65;
margin: 0;
max-width: 92%;
}
/* === GESTION DE L'ANIMATION EN CASCADE === */
.sl .window-mockup, .sl .sl-title, .sl .sep, .sl .sl-p {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.65s cubic-bezier(0.25, 1, 0.5, 1), transform 0.65s cubic-bezier(0.25, 1, 0.5, 1);
}
.sl.sl-active .window-mockup,
.sl.sl-active .sl-title,
.sl.sl-active .sep,
.sl.sl-active .sl-p {
opacity: 1;
transform: translateY(0);
}
.sl.sl-active .window-mockup { transition-delay: 0.1s; }
.sl.sl-active .sl-title { transition-delay: 0.22s; }
.sl.sl-active .sep { transition-delay: 0.32s; }
.sl.sl-active .sl-p { transition-delay: 0.42s; }
/* CONTROLES ET NAVIGATION */
.pbars { display: flex; gap: 0.4vw; margin-bottom: 0.6vw; width: 100%; }
.pbar { height: 3px; border-radius: 2px; flex: 1; background: rgba(255,255,255,0.12); transition: background 0.3s; }
.pbar.on { background: #fab720; }
.dots { display: flex; gap: 0.5vw; margin-top: 0.6vw; }
.dot {
width: 0.45vw; height: 0.45vw; min-width: 6px; min-height: 6px;
border-radius: 50%; background: rgba(255,255,255,0.18);
cursor: pointer; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.dot.on { background: #fab720; width: 1.8vw; border-radius: 4px; }
.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3vw; height: 3vw; min-width: 42px; min-height: 42px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(6, 50, 77, 0.6);
backdrop-filter: blur(12px);
color: #ffffff !important;
cursor: pointer;
z-index: 30;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
line-height: 1;
box-sizing: border-box;
overflow: hidden !important;
transition: all 0.3s ease-in-out !important;
box-shadow: 0 4px 12px rgba(2, 16, 26, 0.4);
}
.arrow:hover {
background: #fab720 !important;
border-color: #fab720 !important;
color: #06324d !important;
transform: translateY(-50%) scale(1.06) !important;
box-shadow: 0 6px 22px rgba(250, 183, 32, 0.45) !important;
}
.al { left: 1.5vw; }
.ar { right: 1.5vw; }
.prog-wrap { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,0.04); z-index: 10; }
.prog-bar { height: 100%; background: #fab720; will-change: width; opacity: 0.8; }
/* === COUCHE INTERFACE INTERACTIVE LIGHTBOX === */
.sl-lightbox {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: rgba(3, 24, 38, 0.95);
backdrop-filter: blur(8px);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
cursor: zoom-out;
}
.sl-lightbox-open {
opacity: 1;
visibility: visible;
}
.sl-lightbox-content {
max-width: 90%;
max-height: 85%;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
transform: scale(0.93);
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.sl-lightbox-open .sl-lightbox-content {
transform: scale(1);
}
.sl-lightbox-close {
position: absolute;
top: 24px; right: 32px;
color: rgba(255, 255, 255, 0.7);
font-size: 42px;
font-weight: 300;
cursor: pointer;
line-height: 1;
transition: color 0.2s;
}
.sl-lightbox-close:hover {
color: #fab720;
}
/* ==========================================================================
=== RESPONSIVE TABLETTES & LAPTOPS GENÉRIQUES (MAX 1024PX) ===
========================================================================== */
@media (max-width: 1024px) {
.sl {
height: auto;
min-height: 520px;
}
.sl-v, .sl-h {
flex-direction: column;
}
.sl-v .si, .sl-h .si {
width: 100%;
height: 240px;
padding: 30px 35px 10px;
}
.sl-v .si img {
max-height: 210px;
width: auto;
margin: 0 auto;
}
.sl-h .si img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sl-v .st, .sl-h .ov {
padding: 15px 35px 40px;
gap: 12px;
}
.sl-title {
font-size: 22px;
}
.sl-p {
font-size: 14.5px;
max-width: 100%;
line-height: 1.6;
}
.sep {
width: 40px;
height: 3px;
}
.badge {
font-size: 11px;
padding: 5px 12px;
}
.sl-h .bgt {
position: absolute;
top: 15px;
right: 15px;
font-size: 10px;
padding: 4px 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.window-header {
height: 26px;
padding: 0 12px;
gap: 6px;
}
.dot-win {
width: 7px;
height: 7px;
min-width: 7px;
min-height: 7px;
}
.arrow {
display: none !important;
}
.pbars {
gap: 6px;
margin-bottom: 4px;
}
.dots {
gap: 6px;
margin-top: 8px;
}
.dot {
width: 7px;
height: 7px;
min-width: 7px;
min-height: 7px;
}
.dot.on {
width: 22px;
}
}
/* ==========================================================================
=== EMPILEUR ET CORRECTIF ULTRA-MOBILE (DES 480PX ET EN DESSOUS) ===
========================================================================== */
@media (max-width: 480px) {
/* On redonne de l'espace à l'intérieur en réduisant les grosses marges */
.sl-v .si, .sl-h .si {
padding: 25px 15px 5px !important;
}
/* Centrage horizontal absolu de la structure textuelle */
.sl-v .st, .sl-h .ov {
padding: 10px 15px 35px !important;
text-align: center !important;
align-items: center !important;
}
/* Ajustements typo pour éviter les cassures de mots "Attributio-n" */
.sl-title {
font-size: 19px !important;
line-height: 1.3 !important;
}
.sl-p {
font-size: 13.5px !important;
}
/* Centrage des éléments enfants autonomes */
.sep {
margin: 0 auto !important;
}
.dots, .pbars {
justify-content: center !important;
}
/* Extraction du badge absolu sur la version H pour le remettre dans le flux centré */
.sl-h .bgt {
position: relative !important;
top: auto !important;
right: auto !important;
margin: 0 auto 12px !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-43f31e8 *//* 1. ÉTAT NORMAL ET EFFET SHIMMER EN BOUCLE */
#btn-abonnement {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out !important;
box-shadow: 0 2px 8px rgba(6, 50, 77, 0.2);
}
/* Le reflet blanc "Shimmer" */
#btn-abonnement::before {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 60%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.35) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
animation: shimmerLoop 5s infinite ease-in-out;
}
/* 2. EFFET AU SURVOL */
#btn-abonnement:hover {
transform: scale(1.06);
box-shadow: 0 6px 20px rgba(250, 183, 32, 0.45);
}
/* 3. L'ANIMATION PLUS PROGRESSIVE */
@keyframes shimmerLoop {
0% {
left: -150%;
}
35% {
left: 150%;
}
100% {
left: 150%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e84ee7e *//* ==========================================================================
1. OVERLAY & STRUCTURE DE LA POPUP
========================================================================== */
#popup-abonnement {
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
}
#popup-overlay-abonnement {
position: absolute !important;
inset: 0 !important;
background: rgba(6, 50, 77, 0.6) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
z-index: 1 !important;
cursor: pointer;
}
#popup-contenu-abonnement {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
background: #F5F5F5 !important;
padding: clamp(30px, 3vw, 50px) clamp(20px, 4vw, 60px) !important;
border-radius: 14px !important;
z-index: 500 !important;
width: 95% !important;
max-width: clamp(740px, 55vw, 1150px) !important;
max-height: 85vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: 0 20px 60px rgba(6, 50, 77, 0.25) !important;
box-sizing: border-box !important;
overscroll-behavior: contain !important;
}
/* Scrollbar interne */
#popup-contenu-abonnement::-webkit-scrollbar { width: 8px; }
#popup-contenu-abonnement::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03); border-radius: 10px; }
#popup-contenu-abonnement::-webkit-scrollbar-thumb { background: rgba(6, 50, 77, 0.2); border-radius: 10px; }
/* ==========================================================================
2. BOUTON FERMER & TITRE
========================================================================== */
#popup-fermer-abonnement {
position: absolute !important;
top: clamp(15px, 1.5vw, 25px) !important;
right: clamp(15px, 1.5vw, 25px) !important;
background: none !important;
border: none !important;
font-size: clamp(24px, 2vw, 36px) !important;
cursor: pointer !important;
color: #06324d !important;
line-height: 1 !important;
transition: color 0.2s ease, transform 0.2s ease !important;
z-index: 10 !important;
}
#popup-fermer-abonnement:hover {
color: #fab720 !important;
transform: scale(1.1);
}
#popup-contenu-abonnement h3 {
text-align: center !important;
font-size: clamp(22px, 1.8vw, 32px) !important;
margin-top: 0 !important;
margin-bottom: clamp(25px, 3vw, 45px) !important;
color: #06324d !important;
font-weight: 700 !important;
}
/* ==========================================================================
3. LABELS, LIENS FORCÉS EN JAUNE & TEXTES (CORRIGÉ SANS '&')
========================================================================== */
#popup-contenu-abonnement .wpforms-field-label,
#popup-contenu-abonnement .wpforms-field-sublabel,
#popup-contenu-abonnement .wpforms-field-description,
#popup-contenu-abonnement .wpforms-label-inline {
color: #06324d !important;
}
#popup-contenu-abonnement .wpforms-field-label {
font-size: clamp(14px, 1.1vw, 18px) !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
}
#popup-contenu-abonnement a,
#popup-contenu-abonnement a *,
#popup-contenu-abonnement label a,
#popup-contenu-abonnement .wpforms-label-inline a,
#popup-contenu-abonnement [class*="wpforms"] a {
color: #fab720 !important;
text-decoration: underline !important;
font-weight: 600 !important;
}
#popup-contenu-abonnement .wpforms-required-label {
color: #ff4d4d !important;
}
/* ==========================================================================
4. DESIGN GLOBAL DES CHAMPS DE SAISIE STRUCTURELS
========================================================================== */
#popup-contenu-abonnement input[type="text"],
#popup-contenu-abonnement input[type="email"],
#popup-contenu-abonnement input[type="tel"],
#popup-contenu-abonnement input[type="number"],
#popup-contenu-abonnement select,
#popup-contenu-abonnement textarea {
width: 100% !important;
background-color: #ffffff !important;
color: #06324d !important;
border: 2px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: clamp(10px, 0.9vw, 14px) 16px !important;
font-size: 15px !important;
font-weight: 400 !important;
box-sizing: border-box !important;
height: auto !important;
transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
#popup-contenu-abonnement textarea {
min-height: 120px !important;
resize: vertical !important;
}
/* ==========================================================================
5. STYLISATION COMPLÈTE ET CORRECTION DU PADDING DES LISTES À CHOIX (CHOICES.JS)
========================================================================== */
#popup-contenu-abonnement .choices,
#popup-contenu-abonnement .choices__inner {
background-color: #ffffff !important;
border-radius: 8px !important;
border: none !important;
padding: 0 !important;
}
#popup-contenu-abonnement .choices__inner {
border: 2px solid #e2e8f0 !important;
padding: clamp(10px, 0.9vw, 14px) 16px !important;
display: flex !important;
align-items: center !important;
}
#popup-contenu-abonnement .choices__list--single {
padding: 0 !important;
margin: 0 !important;
font-size: 15px !important;
color: #06324d !important;
width: 100% !important;
}
#popup-contenu-abonnement .choices.is-focused .choices__inner {
border-color: #fab720 !important;
box-shadow: 0 0 0 3px rgba(250, 183, 32, 0.2) !important;
}
#popup-contenu-abonnement .choices__list--dropdown .choices__item--selectable::after {
display: none !important;
content: "" !important;
}
#popup-contenu-abonnement .choices__list--dropdown .choices__item {
padding: 12px 16px !important;
font-size: 15px !important;
color: #06324d !important;
}
#popup-contenu-abonnement .choices__list--dropdown .choices__item--highlighted {
background-color: rgba(250, 183, 32, 0.15) !important;
color: #06324d !important;
}
/* ==========================================================================
6. FOCUS AU CLIC DES CHAMPS STANDARDS
========================================================================== */
#popup-contenu-abonnement input[type="text"]:focus,
#popup-contenu-abonnement input[type="email"]:focus,
#popup-contenu-abonnement input[type="tel"]:focus,
#popup-contenu-abonnement input[type="number"]:focus,
#popup-contenu-abonnement select:focus,
#popup-contenu-abonnement textarea:focus {
outline: none !important;
border-color: #fab720 !important;
box-shadow: 0 0 0 3px rgba(250, 183, 32, 0.2) !important;
}
/* Fix Téléphone international */
#popup-contenu-abonnement .wpforms-field-phone .intl-tel-input,
#popup-contenu-abonnement .wpforms-field-phone .iti {
display: block !important;
width: 100% !important;
}
#popup-contenu-abonnement .wpforms-field-phone input[type="tel"] {
padding-left: 55px !important;
}
#popup-contenu-abonnement select {
padding-right: 30px !important;
}
#popup-contenu-abonnement input[type="number"] {
appearance: textfield !important;
-webkit-appearance: textfield !important;
}
/* ==========================================================================
7. NETTOYAGE ESPACE BAS & BOUTON VALIDER (BASE BLEU / HOVER JAUNE)
========================================================================== */
#popup-contenu-abonnement .wpforms-form {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#popup-contenu-abonnement .wpforms-submit-container {
width: 100% !important;
text-align: center !important;
margin-top: clamp(30px, 3.5vw, 45px) !important;
margin-bottom: 0 !important;
padding-bottom: 5px !important;
}
#popup-contenu-abonnement .wpforms-submit,
#popup-contenu-abonnement button[type="submit"] {
background-color: #06324d !important;
color: #ffffff !important;
border: 2px solid #06324d !important;
border-radius: 50px !important;
padding: clamp(12px, 1vw, 16px) clamp(45px, 3.5vw, 75px) !important;
font-size: clamp(15px, 1.1vw, 19px) !important;
font-weight: 700 !important;
cursor: pointer !important;
box-shadow: 0 4px 14px rgba(6, 50, 77, 0.2) !important;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
background-color 0.25s ease,
border-color 0.25s ease,
color 0.25s ease,
box-shadow 0.25s ease !important;
}
#popup-contenu-abonnement .wpforms-submit:hover,
#popup-contenu-abonnement button[type="submit"]:hover {
background-color: #fab720 !important;
border-color: #fab720 !important;
color: #06324d !important;
transform: translateY(-4px) !important;
box-shadow: 0 10px 25px rgba(250, 183, 32, 0.35) !important;
}
#popup-contenu-abonnement .wpforms-error {
color: #ff4d4d !important;
font-size: 13px !important;
font-weight: 500 !important;
margin-top: 5px !important;
}
/* ==========================================================================
8. RESPONSIVE MOBILE
========================================================================== */
@media (max-width: 768px) {
#popup-contenu-abonnement {
padding: 40px 20px 25px 20px !important;
width: 92% !important;
}
#popup-contenu-abonnement .wpforms-submit {
width: 100% !important;
}
}
/* ==========================================================================
9. PASSAGE DES CHAMPS EN CÔTE À CÔTE 100% SUR MOBILE
========================================================================== */
@media (max-width: 700px) {
#popup-contenu-abonnement .wpforms-field,
#popup-contenu-abonnement .wpforms-field-one-third,
#popup-contenu-abonnement .wpforms-field-two-thirds,
#popup-contenu-abonnement .wpforms-layout-column {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 15px !important;
}
#popup-contenu-abonnement .wpforms-layout-row {
flex-direction: column !important;
}
}
/* ==========================================================================
10. STYLISATION STRICTE DU MESSAGE DE VALIDATION (BOÎTE EN JAUNE TRÈS LÉGER)
========================================================================== */
#popup-contenu-abonnement div[class*="wpforms-confirmation-"] {
background-color: #FFFDF0 !important;
border: 1.5px solid #F3E5AB !important;
border-radius: 10px !important;
padding: clamp(25px, 3vw, 45px) 25px !important;
text-align: center !important;
margin: 30px auto 10px auto !important;
width: 100% !important;
max-width: 820px !important;
box-sizing: border-box !important;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.01) !important;
color: #06324d !important;
font-size: clamp(15px, 1.1vw, 17px) !important;
line-height: 1.7 !important;
font-weight: 500 !important;
animation: fadeInConfirmation 0.4s ease-out forwards;
}
#popup-contenu-abonnement div[class*="wpforms-confirmation-"] p,
#popup-contenu-abonnement div[class*="wpforms-confirmation-"] span,
#popup-contenu-abonnement div[class*="wpforms-confirmation-"] strong {
color: #06324d !important;
font-size: clamp(15px, 1.1vw, 17px) !important;
line-height: 1.7 !important;
}
#popup-contenu-abonnement div[class*="wpforms-confirmation-"] strong {
font-weight: 700 !important;
}
@keyframes fadeInConfirmation {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-912aec8 */.elementor-10497 .elementor-element.elementor-element-912aec8 .elementor-widget-wrap {
overflow: hidden;
transition: all 0.3s ease-in-out !important;
box-shadow: 0 4px 12px rgba(6, 50, 77, 0.2);
}
.elementor-10497 .elementor-element.elementor-element-912aec8:hover .elementor-widget-wrap {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 12px 24px rgba(250, 183, 32, 0.25);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e7f6025 */.logo-tarifs img {
width: 8vw !important;
height: auto !important;
min-width: 100px !important;
max-width: 180px !important;
margin: 0 auto !important;
display: block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db76bee *//* --- BOUTONS / BADGES --- */
.popup-container {
position: relative !important;
width: 100% !important;
display: block !important;
}
.popup-badge-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
.popup-badge {
display: inline-block !important;
background: #FAB720;
color: #ffffff;
font-family: 'Exo', sans-serif;
font-size: 2vw;
font-weight: 600;
padding: 10px 15px !important;
line-height: 1.3 !important;
border-radius: 12px;
cursor: pointer;
margin-bottom: 5% !important;
transition: all 0.2s ease-in-out;
user-select: none;
}
.popup-badge:hover {
opacity: 0.9;
transform: scale(1.03);
}
/* --- STRUCTURES POPUPS --- */
.popup-overlay {
display: none;
position: absolute !important;
top: 85% !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 96% !important;
max-width: 380px !important;
z-index: 999999 !important;
}
.popup-overlay.active {
display: block !important;
}
.popup-modal {
background: #06324d !important;
border: 2px solid #FAB720 !important;
border-radius: 14px !important;
padding: 26px 22px !important;
color: #ffffff !important;
font-family: 'Nunito', sans-serif;
position: relative;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}
.popup-modal h3 {
margin: 0 0 10px 0 !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
color: #FAB720 !important;
text-align: left !important;
}
.popup-modal p {
margin: 0 !important;
font-size: 0.92rem !important;
line-height: 1.55 !important;
color: #ffffff !important;
text-align: left !important;
}
.popup-close {
position: absolute;
top: 10px;
right: 14px;
background: none;
border: none;
color: #FAB720;
font-size: 1.6rem;
cursor: pointer;
line-height: 1;
}
/* --- FLOU UNIQUE PAR COLONNE ACTIVE --- */
.elementor-column:has(.popup-overlay.active) .elementor-widget:not(.elementor-widget-html) {
filter: blur(5px) !important;
opacity: 0.3 !important;
}
.elementor-column .elementor-widget {
transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.popup-overlay {
width: 25vw !important;
}
}
/* --- RESPONSIVE MOBILE --- */
@media (max-width: 767px) {
.popup-badge {
font-size: 4vw !important;
padding: 8px 14px !important;
}
.popup-overlay {
width: 92vw !important;
max-width: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e517683 */.fa-pricing {
display: flex;
flex-direction: column;
gap: 0.6vw;
width: 100%;
}
.fa-row {
background: #06324d;
border-radius: 0.7vw;
padding: 1vw 1.4vw;
display: flex;
align-items: center;
justify-content: space-between;
}
.fa-row-left {
display: flex;
align-items: center;
gap: 0.9vw;
}
.fa-row-left svg {
width: 1.5vw;
height: 1.5vw;
flex-shrink: 0;
}
.fa-row-label {
font-size: 1.1vw;
color: #ffffff;
}
.fa-price-amount {
font-size: 1.6vw;
font-weight: 700;
color: #fab720;
}
.fa-price-unit {
font-size: 1vw;
color: #ffffff;
}
@media (max-width: 767px) {
.fa-pricing {
gap: 10px;
}
.fa-row {
border-radius: 8px;
padding: 14px 16px;
}
.fa-row-left {
gap: 12px;
}
.fa-row-left svg {
width: 22px;
height: 22px;
}
.fa-row-label {
font-size: 15px;
}
.fa-price-amount {
font-size: 18px;
}
.fa-price-unit {
font-size: 13px;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9b24b2e */.elementor-10497 .elementor-element.elementor-element-9b24b2e .elementor-widget-wrap {
overflow: hidden;
transition: all 0.3s ease-in-out !important;
transform: translateY(-5px) scale(1.02) !important;
box-shadow: 0 12px 24px rgba(250, 183, 32, 0.25) !important;
}
.elementor-10497 .elementor-element.elementor-element-9b24b2e:hover .elementor-widget-wrap {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 12px 24px rgba(250, 183, 32, 0.25);
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8688967 */.elementor-10497 .elementor-element.elementor-element-8688967 .elementor-widget-wrap {
overflow: hidden;
transition: all 0.3s ease-in-out !important;
box-shadow: 0 4px 12px rgba(6, 50, 77, 0.2);
}
.elementor-10497 .elementor-element.elementor-element-8688967:hover .elementor-widget-wrap {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 12px 24px rgba(250, 183, 32, 0.25);
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-9327c93 *//* ==========================================================================
1. CHAMPS TEXTES, EMAILS & TEXTAREAS (ID: 10974)
========================================================================== */
#wpforms-10974 input[type="text"],
#wpforms-10974 input[type="email"],
#wpforms-10974 textarea,
#wpforms-10974 .wpforms-field input[type="text"],
#wpforms-10974 .wpforms-field input[type="email"],
#wpforms-10974 .wpforms-field textarea {
width: 100% !important;
padding: clamp(8px, 1.15vw, 16px) clamp(10px, 1.3vw, 18px) !important;
border: 1px solid #e2e8f0 !important;
border-radius: clamp(4px, 0.55vw, 8px) !important;
background: #ffffff !important;
background-color: #ffffff !important;
font-size: clamp(13px, 1.18vw, 16px) !important;
color: #333333 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
transition: all 0.3s ease !important;
}
/* ==========================================================================
1b. SPÉCIAL : CHAMP TÉLÉPHONE (Gestion du décalage pour le drapeau)
========================================================================== */
#wpforms-10974 input[type="tel"],
#wpforms-10974 .wpforms-field input[type="tel"] {
width: 100% !important;
/* Maintien de l'espace à gauche de 52px pour éviter les chevauchements */
padding: clamp(8px, 1.15vw, 16px) clamp(10px, 1.3vw, 18px) clamp(8px, 1.15vw, 16px) 52px !important;
border: 1px solid #e2e8f0 !important;
border-radius: clamp(4px, 0.55vw, 8px) !important;
background: #ffffff !important;
background-color: #ffffff !important;
font-size: clamp(13px, 1.18vw, 16px) !important;
color: #333333 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
transition: all 0.3s ease !important;
}
#wpforms-10974 .iti__flag-container {
padding-left: 6px !important;
}
/* ==========================================================================
2. MENUS DÉROULANTS STANDARDS (Select classique HTML)
========================================================================== */
#wpforms-10974 select,
#wpforms-10974 .wpforms-field select {
width: 100% !important;
padding: clamp(8px, 1.15vw, 16px) clamp(40px, 3.5vw, 50px) clamp(8px, 1.15vw, 16px) clamp(10px, 1.3vw, 18px) !important;
border: 1px solid #e2e8f0 !important;
border-radius: clamp(4px, 0.55vw, 8px) !important;
background: #ffffff !important;
background-color: #ffffff !important;
font-size: clamp(13px, 1.18vw, 16px) !important;
color: #333333 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
transition: all 0.3s ease !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right clamp(10px, 1.3vw, 18px) center !important;
background-size: clamp(14px, 1.2vw, 18px) !important;
cursor: pointer !important;
}
/* ==========================================================================
3. LISTES DÉROULANTES STYLISÉES (Si Choices.js est actif dans WPForms)
========================================================================== */
#wpforms-10974 .choices__inner {
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: clamp(4px, 0.55vw, 8px) !important;
padding: clamp(6px, 0.8vw, 12px) clamp(10px, 1.2vw, 16px) !important;
min-height: auto !important;
display: flex !important;
align-items: center !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
transition: all 0.3s ease !important;
}
#wpforms-10974 .choices__list--single {
padding: 0 !important;
font-size: clamp(13px, 1.11vw, 16px) !important;
color: #333333 !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
}
#wpforms-10974 .choices[data-type*="select-one"]::after {
border: none !important;
width: clamp(14px, 1.2vw, 18px) !important;
height: clamp(14px, 1.2vw, 18px) !important;
margin-top: 0 !important;
transform: translateY(-50%) !important;
right: clamp(10px, 1.2vw, 16px) !important;
top: 50% !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
#wpforms-10974 .choices[data-type*="select-one"] .choices__button {
right: clamp(28px, 2.8vw, 40px) !important;
margin-right: 0 !important;
background-size: clamp(8px, 0.8vw, 12px) !important;
opacity: 0.5 !important;
transition: opacity 0.2s ease !important;
}
#wpforms-10974 .choices[data-type*="select-one"] .choices__button:hover {
opacity: 1 !important;
}
#wpforms-10974 .choices__list--dropdown .choices__item {
padding: clamp(6px, 0.8vw, 12px) clamp(10px, 1.2vw, 16px) !important;
font-size: clamp(13px, 1.11vw, 16px) !important;
}
#wpforms-10974 .choices__list--dropdown .choices__item--selectable::after {
display: none !important;
}
/* ==========================================================================
4. ETATS AU FOCUS (Effet lueur jaune #fab720)
========================================================================== */
#wpforms-10974 input:focus,
#wpforms-10974 select:focus,
#wpforms-10974 textarea:focus,
#wpforms-10974 .wpforms-field input:focus,
#wpforms-10974 .wpforms-field select:focus,
#wpforms-10974 .wpforms-field textarea:focus,
#wpforms-10974 .choices__inner:focus,
#wpforms-10974 .choices.is-focused .choices__inner {
border-color: #fab720 !important;
box-shadow: 0 0 0 3px rgba(250, 183, 32, 0.2) !important;
outline: none !important;
background: #fffdf9 !important;
background-color: #fffdf9 !important;
}
/* ==========================================================================
5. LABELS, TITRES DE CHAMP & DESCRIPTIONS
========================================================================== */
#wpforms-10974 .wpforms-field-label,
#wpforms-10974 .wpforms-field-label label {
font-weight: 600 !important;
font-size: clamp(13px, 1.18vw, 16px) !important;
color: #06324d !important;
margin-bottom: clamp(4px, 0.45vw, 8px) !important;
display: inline-block !important;
}
#wpforms-10974 .wpforms-required-label {
color: #e53e3e !important;
margin-left: 3px !important;
}
#wpforms-10974 .wpforms-field-description {
font-size: clamp(11px, 0.97vw, 14px) !important;
color: #06324d !important;
font-weight: 500 !important;
margin-top: clamp(4px, 0.45vw, 6px) !important;
margin-left: clamp(4px, 0.4vw, 8px) !important;
margin-bottom: 0 !important;
display: block !important;
line-height: 1.4 !important;
}
/* ==========================================================================
6. BOUTON DE SOUMISSION (Bleu profond -> Jaune au survol)
========================================================================== */
#wpforms-10974 button[type="submit"],
#wpforms-10974 .wpforms-submit {
background-color: #06324d !important;
color: #ffffff !important;
font-weight: 600 !important;
font-size: clamp(14px, 1.25vw, 18px) !important;
padding: clamp(10px, 0.9vw, 14px) clamp(24px, 3vw, 40px) !important;
border: none !important;
border-radius: 50px !important;
cursor: pointer !important;
box-shadow: 0 4px 6px rgba(6, 50, 77, 0.15) !important;
transition: all 0.3s ease !important;
display: block !important;
margin: clamp(16px, 2.2vw, 30px) auto 0 auto !important;
}
#wpforms-10974 button[type="submit"]:hover,
#wpforms-10974 .wpforms-submit:hover {
background-color: #fab720 !important;
color: #06324d !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 12px rgba(250, 183, 32, 0.3) !important;
}
#wpforms-10974 button[type="submit"]:active,
#wpforms-10974 .wpforms-submit:active {
transform: translateY(0) !important;
}
/* ==========================================================================
7. MESSAGE DE CONFIRMATION (Succès après envoi)
========================================================================== */
#wpforms-confirmation-10974 {
background: rgba(255, 255, 255, 0.85) !important;
backdrop-filter: blur(10px) !important;
border: none !important;
border-left: 5px solid #fab720 !important;
border-radius: clamp(12px, 1.8vw, 24px) !important;
padding: clamp(20px, 2.5vw, 36px) clamp(24px, 4vw, 56px) !important;
text-align: center !important;
box-shadow: 0 12px 36px rgba(6, 50, 77, 0.08) !important;
margin: clamp(16px, 2vw, 28px) auto !important;
max-width: clamp(400px, 48vw, 720px) !important;
animation: wpInUp10974 0.5s ease-out !important;
}
#wpforms-confirmation-10974 p:first-child {
color: #06324d !important;
font-size: clamp(18px, 1.6vw, 24px) !important;
font-weight: 700 !important;
margin-bottom: clamp(8px, 1vw, 14px) !important;
}
#wpforms-confirmation-10974 p {
color: #3e5e73 !important;
font-size: clamp(13px, 1.15vw, 16px) !important;
line-height: 1.5 !important;
font-weight: 500 !important;
margin-bottom: 0 !important;
}
@keyframes wpInUp10974 {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* ==========================================================================
8. GESTION DES ERREURS DE VALIDATION
========================================================================== */
#wpforms-10974 .wpforms-error {
border-color: #eb5757 !important;
background-color: #fff6f6 !important;
}
#wpforms-10974 label.wpforms-error {
color: #eb5757 !important;
font-size: clamp(11px, 0.97vw, 14px) !important;
font-weight: 500 !important;
margin-top: clamp(4px, 0.42vw, 6px) !important;
display: block !important;
}
#wpforms-10974 .wpforms-field.wpforms-has-error select,
#wpforms-10974 .wpforms-field.wpforms-has-error input {
border: 1px solid #eb5757 !important;
}
/* ==========================================================================
9. MEDIA QUERY RESPONSIVE MOBILE (< 480px)
========================================================================== */
@media (max-width: 480px) {
#wpforms-10974 input[type="text"],
#wpforms-10974 input[type="email"],
#wpforms-10974 textarea,
#wpforms-10974 select,
#wpforms-10974 .wpforms-field input[type="text"],
#wpforms-10974 .wpforms-field input[type="email"],
#wpforms-10974 .wpforms-field textarea,
#wpforms-10974 .wpforms-field select,
#wpforms-10974 .choices__inner {
font-size: 16px !important;
padding: 12px 14px !important;
border-radius: 8px !important;
}
#wpforms-10974 input[type="tel"],
#wpforms-10974 .wpforms-field input[type="tel"] {
font-size: 16px !important;
padding: 12px 14px 12px 50px !important;
}
#wpforms-10974 select,
#wpforms-10974 .wpforms-field select {
padding-right: 40px !important;
background-position: right 14px center !important;
background-size: 18px !important;
}
#wpforms-10974 .choices__list--single {
font-size: 16px !important;
}
#wpforms-10974 .choices[data-type*="select-one"]::after {
width: 18px !important;
height: 18px !important;
right: 14px !important;
}
#wpforms-10974 .choices[data-type*="select-one"] .choices__button {
right: 40px !important;
background-size: 12px !important;
}
#wpforms-10974 .choices__list--dropdown .choices__item {
padding: 12px 14px !important;
font-size: 15px !important;
}
#wpforms-10974 .wpforms-field-label {
font-size: 16px !important;
margin-bottom: 6px !important;
}
#wpforms-10974 button[type="submit"],
#wpforms-10974 .wpforms-submit {
font-size: 16px !important;
padding: 14px 32px !important;
margin-top: 24px !important;
}
#wpforms-10974 .wpforms-field-description {
font-size: 14px !important;
margin-top: 6px !important;
margin-left: 4px !important;
}
#wpforms-confirmation-10974 {
max-width: 92vw !important;
padding: 28px 20px !important;
border-radius: 16px !important;
border-left: 4px solid #fab720 !important;
}
#wpforms-confirmation-10974 p:first-child {
font-size: 20px !important;
}
#wpforms-confirmation-10974 p {
font-size: 15px !important;
}
}/* End custom CSS */