.elementor-82 .elementor-element.elementor-element-2191ab6{--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-82 .elementor-element.elementor-element-4259ebf{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6vw 6vw;--row-gap:6vw;--column-gap:6vw;--overlay-opacity:0.39;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-4259ebf::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond-bleu-1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-c2368c1{--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:3vw 0vw;--row-gap:3vw;--column-gap:0vw;}.elementor-82 .elementor-element.elementor-element-cde879d{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-82 .elementor-element.elementor-element-2c70a8d{text-align:start;}.elementor-82 .elementor-element.elementor-element-2c70a8d img{height:300px;object-fit:contain;object-position:center left;}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-82 .elementor-element.elementor-element-5eeb002 .elementor-heading-title{font-family:"Helvetica Now Display", Sans-serif;font-size:26px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#344BF8;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-82 .elementor-element.elementor-element-2635883{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-2635883 p{margin-block-end:0px;}.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 );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-82 .elementor-element.elementor-element-c9296da .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-c9296da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-c9296da .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-82 .elementor-element.elementor-element-c9296da .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-82 .elementor-element.elementor-element-784b9cc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-82 .elementor-element.elementor-element-47d0ee6{--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;--margin-top:0px;--margin-bottom:-44px;--margin-left:0px;--margin-right:0px;--e-con-transform-transition-duration:10000ms;}.elementor-82 .elementor-element.elementor-element-55d2d11{--display:flex;}.elementor-82 .elementor-element.elementor-element-55d2d11.e-con:hover{--e-con-transform-rotateZ:0deg;--e-con-transform-translateX:0px;}.elementor-82 .elementor-element.elementor-element-7bbb0dc{text-align:center;}.elementor-82 .elementor-element.elementor-element-7bbb0dc img{width:80%;max-width:290px;height:0%;object-fit:cover;object-position:center center;}.elementor-82 .elementor-element.elementor-element-d3d6c66{--display:flex;--justify-content:center;}.elementor-82 .elementor-element.elementor-element-cda70ee .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:26px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-31fd186{--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;--margin-top:0px;--margin-bottom:-26px;--margin-left:0px;--margin-right:0px;}.elementor-82 .elementor-element.elementor-element-31fd186.e-con{--e-con-transform-translateX:35px;}.elementor-82 .elementor-element.elementor-element-31fd186.e-con:hover{--e-con-transform-translateX:0px;}.elementor-82 .elementor-element.elementor-element-9e69108{--display:flex;}.elementor-82 .elementor-element.elementor-element-6c58880{text-align:center;}.elementor-82 .elementor-element.elementor-element-6c58880 img{width:80%;max-width:290px;height:0%;}.elementor-82 .elementor-element.elementor-element-4574cec{--display:flex;--justify-content:center;}.elementor-82 .elementor-element.elementor-element-53fdb0e .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:26px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-6dcd96c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-82 .elementor-element.elementor-element-72986b2{--display:flex;}.elementor-82 .elementor-element.elementor-element-5a9c291{text-align:center;}.elementor-82 .elementor-element.elementor-element-5a9c291 img{width:80%;max-width:290px;height:0%;}.elementor-82 .elementor-element.elementor-element-81954b3{--display:flex;--justify-content:center;}.elementor-82 .elementor-element.elementor-element-d4ee5ea .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:26px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-632a980{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6vw 6vw;--row-gap:6vw;--column-gap:6vw;--overlay-opacity:0.39;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-632a980::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-632a980 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-632a980 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-b799c44{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-82 .elementor-element.elementor-element-5368b84{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + -17%) -10%;z-index:1;text-align:start;}.elementor-82 .elementor-element.elementor-element-5368b84 img{max-width:60%;height:235px;}.elementor-82 .elementor-element.elementor-element-ec1d69b img{max-width:80%;height:500px;object-fit:cover;object-position:center center;}.elementor-82 .elementor-element.elementor-element-8e4d4d5{margin:-20% 10% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:end;}.elementor-82 .elementor-element.elementor-element-8e4d4d5 img{width:54%;height:115px;object-fit:contain;object-position:center center;}.elementor-82 .elementor-element.elementor-element-5a95bcc{--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:3vw 0vw;--row-gap:3vw;--column-gap:0vw;}.elementor-82 .elementor-element.elementor-element-84e3f0a{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-82 .elementor-element.elementor-element-5c9f465 .elementor-heading-title{font-family:"Funnel display", Sans-serif;font-size:70px;font-weight:bold;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-2f985ef .elementor-heading-title{font-family:"Helvetica Now Display", Sans-serif;font-size:26px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-7ec8db0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-7ec8db0 p{margin-block-end: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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-82 .elementor-element.elementor-element-bbf38ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-text{transition:color 0.3s;}.elementor-82 .elementor-element.elementor-element-3fa2efc3{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.39;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-3fa2efc3::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond.png");--background-overlay:'';background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-2754dda{--display:flex;--min-height:0px;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-03719a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;z-index:0;text-align:start;}body:not(.rtl) .elementor-82 .elementor-element.elementor-element-03719a2{left:0px;}body.rtl .elementor-82 .elementor-element.elementor-element-03719a2{right:0px;}.elementor-82 .elementor-element.elementor-element-03719a2 img{max-width:100%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-82 .elementor-element.elementor-element-b36d45f{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-82 .elementor-element.elementor-element-b44dd5a{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-82 .elementor-element.elementor-element-45bf025 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:70px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-10a51a7 .elementor-heading-title{font-family:"Helvetica Now Display", Sans-serif;font-size:26px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#EA5142;}.elementor-82 .elementor-element.elementor-element-77146ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-77146ac p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-b6027aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-b6027aa p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-abefd5a .e-off-canvas__content{background-color:#FFFFFF8C;border-style:none;border-radius:16px 16px 16px 16px;}.elementor-82 .elementor-element.elementor-element-abefd5a .e-off-canvas__overlay{background-color:#00000066;}.elementor-82 .elementor-element.elementor-element-abefd5a{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:45%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-82 .elementor-element.elementor-element-d6db898{--display:flex;}.elementor-82 .elementor-element.elementor-element-3fd0b44 .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-3fd0b44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-3fd0b44 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-82 .elementor-element.elementor-element-3fd0b44 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-82 .elementor-element.elementor-element-587a6888{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.39;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-587a6888::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond-jaune-1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-fb6edd7{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-82 .elementor-element.elementor-element-13729e4 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:70px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-3007400 .elementor-heading-title{font-family:"Helvetica Now Display", Sans-serif;font-size:26px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#F6C43F;}.elementor-82 .elementor-element.elementor-element-8b1324a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-8b1324a p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-090807e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-090807e p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-4f5ca20 .e-off-canvas__content{background-color:#FFFFFF8C;border-style:none;border-radius:16px 16px 16px 16px;}.elementor-82 .elementor-element.elementor-element-4f5ca20 .e-off-canvas__overlay{background-color:#00000066;}.elementor-82 .elementor-element.elementor-element-4f5ca20{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:45%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-82 .elementor-element.elementor-element-75c102c{--display:flex;}.elementor-82 .elementor-element.elementor-element-116cdc7 .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-116cdc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-116cdc7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-82 .elementor-element.elementor-element-116cdc7 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-82 .elementor-element.elementor-element-3c00e65{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-82 .elementor-element.elementor-element-484df63{--display:flex;--min-height:70vh;--justify-content:center;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-63015ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;z-index:0;text-align:start;}body:not(.rtl) .elementor-82 .elementor-element.elementor-element-63015ca{right:0px;}body.rtl .elementor-82 .elementor-element.elementor-element-63015ca{left:0px;}.elementor-82 .elementor-element.elementor-element-63015ca img{max-width:100%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-82 .elementor-element.elementor-element-3b7d9f02{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.39;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-3b7d9f02::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond-vert-1.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-52eb4d6{--display:flex;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-82 .elementor-element.elementor-element-90d11c8 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:70px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-8bf95ba .elementor-heading-title{font-family:"Helvetica Now Display", Sans-serif;font-size:26px;font-weight:700;text-transform:none;font-style:normal;line-height:0.9em;letter-spacing:-0.3px;word-spacing:0em;color:#4AB167;}.elementor-82 .elementor-element.elementor-element-b295e66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-b295e66 p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-cc0596a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-82 .elementor-element.elementor-element-cc0596a p{margin-block-end:0px;}.elementor-82 .elementor-element.elementor-element-222aefc .elementor-button{background-color:#FFFFFF00;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-222aefc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-222aefc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-82 .elementor-element.elementor-element-222aefc .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-82 .elementor-element.elementor-element-0536103 .e-off-canvas__content{background-color:#FFFFFF8C;border-style:none;border-radius:16px 16px 16px 16px;}.elementor-82 .elementor-element.elementor-element-0536103 .e-off-canvas__overlay{background-color:#00000066;}.elementor-82 .elementor-element.elementor-element-0536103{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:45%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-82 .elementor-element.elementor-element-5ecdf3e{--display:flex;}.elementor-82 .elementor-element.elementor-element-afc701f{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-82 .elementor-element.elementor-element-6f06f1d{--display:flex;--min-height:70vh;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-cab83b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;z-index:0;text-align:start;}body:not(.rtl) .elementor-82 .elementor-element.elementor-element-cab83b8{right:0px;}body.rtl .elementor-82 .elementor-element.elementor-element-cab83b8{left:0px;}.elementor-82 .elementor-element.elementor-element-cab83b8 img{max-width:100%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-82 .elementor-element.elementor-element-a150c6d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.39;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-82 .elementor-element.elementor-element-a150c6d::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elisatl.fr/wp-content/uploads/2026/02/Fond-vert-1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-82 .elementor-element.elementor-element-8274f80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;z-index:-1;text-align:start;}.elementor-82 .elementor-element.elementor-element-8274f80 img{max-width:60%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}body.elementor-page-82:not(.elementor-motion-effects-element-type-background), body.elementor-page-82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}@media(max-width:1024px){.elementor-82 .elementor-element.elementor-element-4259ebf{--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;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-c2368c1{--margin-top:10%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-82 .elementor-element.elementor-element-5eeb002 .elementor-heading-title{line-height:1.7em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-82 .elementor-element.elementor-element-2635883{font-size:17px;}.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 );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-82 .elementor-element.elementor-element-c9296da .elementor-button{font-size:18px;}.elementor-82 .elementor-element.elementor-element-632a980{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-5a95bcc{--margin-top:5%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-82 .elementor-element.elementor-element-84e3f0a{--min-height:0px;}.elementor-82 .elementor-element.elementor-element-7ec8db0{font-size:17px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-item > .elementor-icon-list-text, .elementor-82 .elementor-element.elementor-element-bbf38ca .elementor-icon-list-item > a{font-size:14px;}.elementor-82 .elementor-element.elementor-element-3fa2efc3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-10a51a7 .elementor-heading-title{font-size:24px;}.elementor-82 .elementor-element.elementor-element-77146ac{font-size:17px;}.elementor-82 .elementor-element.elementor-element-b6027aa{font-size:17px;}.elementor-82 .elementor-element.elementor-element-abefd5a{--e-off-canvas-width:80%;}.elementor-82 .elementor-element.elementor-element-3fd0b44 .elementor-button{font-size:18px;}.elementor-82 .elementor-element.elementor-element-587a6888{--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;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-3007400 .elementor-heading-title{font-size:24px;}.elementor-82 .elementor-element.elementor-element-8b1324a{font-size:17px;}.elementor-82 .elementor-element.elementor-element-090807e{font-size:17px;}.elementor-82 .elementor-element.elementor-element-4f5ca20{--e-off-canvas-width:80%;}.elementor-82 .elementor-element.elementor-element-116cdc7 .elementor-button{font-size:18px;}.elementor-82 .elementor-element.elementor-element-3b7d9f02{--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;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-8bf95ba .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-82 .elementor-element.elementor-element-b295e66{font-size:17px;}.elementor-82 .elementor-element.elementor-element-cc0596a{font-size:17px;}.elementor-82 .elementor-element.elementor-element-222aefc .elementor-button{font-size:18px;}.elementor-82 .elementor-element.elementor-element-0536103{--e-off-canvas-width:80%;}.elementor-82 .elementor-element.elementor-element-a150c6d{--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;--padding-top:0%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-82 .elementor-element.elementor-element-4259ebf{--min-height:0vh;--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;--justify-content:flex-end;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-cde879d{--gap:23px 23px;--row-gap:23px;--column-gap:23px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-82 .elementor-element.elementor-element-2c70a8d img{height:100%;}.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 );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-82 .elementor-element.elementor-element-5eeb002 .elementor-heading-title{font-size:25px;line-height:1.8em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.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 );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-82 .elementor-element.elementor-element-c9296da .elementor-button{font-size:16px;}.elementor-82 .elementor-element.elementor-element-784b9cc{--width:100%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-82 .elementor-element.elementor-element-cda70ee .elementor-heading-title{font-size:62px;}.elementor-82 .elementor-element.elementor-element-53fdb0e .elementor-heading-title{font-size:62px;}.elementor-82 .elementor-element.elementor-element-d4ee5ea .elementor-heading-title{font-size:62px;}.elementor-82 .elementor-element.elementor-element-632a980{--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;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-b799c44{--width:100%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-82 .elementor-element.elementor-element-ec1d69b img{max-width:100%;}.elementor-82 .elementor-element.elementor-element-5c9f465 .elementor-heading-title{font-size:40px;}.elementor-82 .elementor-element.elementor-element-2f985ef .elementor-heading-title{font-size:26px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-82 .elementor-element.elementor-element-3fa2efc3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-45bf025 .elementor-heading-title{font-size:40px;}.elementor-82 .elementor-element.elementor-element-10a51a7 .elementor-heading-title{font-size:22px;line-height:1.5em;}.elementor-82 .elementor-element.elementor-element-abefd5a{--e-off-canvas-width:100%;}.elementor-82 .elementor-element.elementor-element-3fd0b44 .elementor-button{font-size:16px;}.elementor-82 .elementor-element.elementor-element-587a6888{--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;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-13729e4 .elementor-heading-title{font-size:40px;}.elementor-82 .elementor-element.elementor-element-3007400 .elementor-heading-title{font-size:22px;line-height:1.6em;}.elementor-82 .elementor-element.elementor-element-4f5ca20{--e-off-canvas-width:100%;}.elementor-82 .elementor-element.elementor-element-116cdc7 .elementor-button{font-size:16px;}.elementor-82 .elementor-element.elementor-element-3b7d9f02{--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;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-82 .elementor-element.elementor-element-90d11c8 .elementor-heading-title{font-size:40px;}.elementor-82 .elementor-element.elementor-element-8bf95ba .elementor-heading-title{font-size:22px;}.elementor-82 .elementor-element.elementor-element-222aefc .elementor-button{font-size:16px;}.elementor-82 .elementor-element.elementor-element-0536103{--e-off-canvas-width:100%;}.elementor-82 .elementor-element.elementor-element-a150c6d{--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;--justify-content:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}}@media(min-width:768px){.elementor-82 .elementor-element.elementor-element-4259ebf{--width:100%;}.elementor-82 .elementor-element.elementor-element-c2368c1{--width:65%;}.elementor-82 .elementor-element.elementor-element-784b9cc{--width:50%;}.elementor-82 .elementor-element.elementor-element-55d2d11{--width:40%;}.elementor-82 .elementor-element.elementor-element-d3d6c66{--width:35%;}.elementor-82 .elementor-element.elementor-element-9e69108{--width:100%;}.elementor-82 .elementor-element.elementor-element-4574cec{--width:100%;}.elementor-82 .elementor-element.elementor-element-72986b2{--width:100%;}.elementor-82 .elementor-element.elementor-element-632a980{--width:100%;}.elementor-82 .elementor-element.elementor-element-b799c44{--width:50%;}.elementor-82 .elementor-element.elementor-element-5a95bcc{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-82 .elementor-element.elementor-element-c2368c1{--width:100%;}.elementor-82 .elementor-element.elementor-element-cde879d{--width:100%;}.elementor-82 .elementor-element.elementor-element-b799c44{--width:95%;}.elementor-82 .elementor-element.elementor-element-5a95bcc{--width:100%;}.elementor-82 .elementor-element.elementor-element-84e3f0a{--width:100%;}}@media(min-width:1025px){.elementor-82 .elementor-element.elementor-element-4259ebf::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-4259ebf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-82 .elementor-element.elementor-element-632a980::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-632a980 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-632a980 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-632a980 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-82 .elementor-element.elementor-element-3fa2efc3::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3fa2efc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-82 .elementor-element.elementor-element-587a6888::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-587a6888 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-82 .elementor-element.elementor-element-3b7d9f02::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-3b7d9f02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-82 .elementor-element.elementor-element-a150c6d::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-a150c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-5eeb002 */.highlight { background-color: white; padding: 4px 10px !important; /* On gère le padding directement sur la classe */ /* La magie opère ici : clone le padding à chaque retour à la ligne */ -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; /* Indispensable pour que l'effet fonctionne */ display: inline !important; /* (Optionnel) Ajoute un petit espace entre les lignes pour éviter que les fonds blancs ne se touchent ou se chevauchent */ line-height: 1.6 !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2536b8c *//* Le conteneur principal qui masque ce qui déborde */ .seo-marquee-container1 { width: 100% !important; overflow: hidden !important; white-space: nowrap !important; padding: 15px 0 !important; position: relative !important; display: flex !important; align-items: center !important; } /* L'effet de masque/fondu sur les bords (optionnel, pour faire premium) */ /* Remplace #F8F9FA par la couleur de fond de ta section si elle n'est pas blanche */ .seo-marquee-container1::before, .seo-marquee-container1::after { content: '' !important; position: absolute !important; top: 0 !important; width: 40px !important; height: 100% !important; z-index: 2 !important; } .seo-marquee-container1::before { left: 0 !important; background: linear-gradient(to right, #344BF8, transparent) !important; } .seo-marquee-container1::after { right: 0 !important; background: linear-gradient(to left, #344BF8, transparent) !important; } /* La piste qui s'anime de droite à gauche */ .seo-marquee-track { display: inline-block !important; /* 20s = Vitesse du défilement. Augmente ou diminue selon ton goût */ animation: scrollMarquee 25s linear infinite !important; } /* Pause au survol de la souris */ .seo-marquee-track:hover { animation-play-state: paused !important; } /* Le design du Badge / Tag */ .seo-badge { display: inline-block !important; padding: 8px 18px !important; margin-right: 15px !important; /* Style du badge (fond clair, bordure douce) */ background: rgba(255, 255, 255, 0.3) !important; border-radius: 30px !important; font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; font-family: inherit !important; transition: all 0.3s ease !important; cursor: default !important; } .seo-badge:hover { background-color: #e5e7eb !important; color: #1f2937 !important; transform: translateY(-2px) !important; } /* L'animation magique */ @keyframes scrollMarquee { 0% { transform: translateX(0); } /* Transforme de 50% car la piste contient 2 fois la liste (100%) */ 100% { transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-47d0ee6 *//* --- CONTAINER 1 (Left) --- */ .elementor-82 .elementor-element.elementor-element-47d0ee6 { /* Base State */ transform: translateX(50px) rotate(13deg); transition: transform 0.5s ease-in-out; /* Animation: Container Move */ animation: peek-container-1 3.5s ease-in-out 0.5s 1 normal; } .elementor-82 .elementor-element.elementor-element-47d0ee6:hover { transform: translateX(0px) rotate(0deg) !important; z-index: 100; } /* IMAGE (Fixed 40% - No shrinking animation) */ .elementor-82 .elementor-element.elementor-element-47d0ee6 .visible { display: block; width: 40%; max-width: 40%; height: auto; transition: all 0.5s ease-in-out; /* Animation: Float Only */ animation: float-1 2.5s ease-in-out 4s infinite alternate; } .elementor-82 .elementor-element.elementor-element-47d0ee6:hover .visible { animation-play-state: paused; } /* TEXT REVEAL (The Fix) */ .elementor-82 .elementor-element.elementor-element-47d0ee6 .reveal { width: 0; opacity: 0; /* Removed 'transform: scale(0)' to prevent rendering glitches */ transform-origin: center right; transition: all 0.5s ease-in-out; overflow: hidden; white-space: nowrap; /* Animation: Text Reveal */ animation: peek-reveal-1 3.5s ease-in-out 0.5s 1 normal; } .elementor-82 .elementor-element.elementor-element-47d0ee6:hover .reveal { width: 60% !important; opacity: 1 !important; /* No scale here either for consistency */ } /* --- KEYFRAMES --- */ @keyframes peek-container-1 { 0% { transform: translateX(50px) rotate(13deg); } 20% { transform: translateX(0px) rotate(0deg); } 80% { transform: translateX(0px) rotate(0deg); } 100% { transform: translateX(50px) rotate(13deg); } } @keyframes peek-reveal-1 { 0% { width: 0; opacity: 0; } 5% { /* FIX: Opacity turns on almost immediately */ opacity: 1; } 20% { /* Width finishes opening */ width: 60%; opacity: 1; } 80% { width: 60%; opacity: 1; } 95% { opacity: 1; } 100% { width: 0; opacity: 0; } } @keyframes float-1 { 0% { transform: translateY(0px) rotate(0deg); } 100% { transform: translateY(-30px) rotate(-3deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31fd186 *//* --- CONTAINER 2 (Middle) --- */ .elementor-82 .elementor-element.elementor-element-31fd186 { /* Base State */ transform: translateX(15px); transition: transform 0.5s ease-in-out; /* Animation: peek-container-2 */ animation: peek-container-2 3.0s ease-in-out 1.0s 1 normal; } .elementor-82 .elementor-element.elementor-element-31fd186:hover { transform: translateX(0px) rotate(0deg) !important; z-index: 100; } /* IMAGE (Fixed 40%) */ .elementor-82 .elementor-element.elementor-element-31fd186 .visible { display: block; width: 40%; max-width: 40%; height: auto; transition: all 0.5s ease-in-out; /* Animation: float-2 */ animation: float-2 2.5s ease-in-out 4s infinite alternate; } .elementor-82 .elementor-element.elementor-element-31fd186:hover .visible { animation-play-state: paused; } /* TEXT REVEAL (The Fix) */ .elementor-82 .elementor-element.elementor-element-31fd186 .reveal { width: 0; opacity: 0; /* Removed scale to ensure visibility */ transform-origin: center right; transition: all 0.5s ease-in-out; overflow: hidden; white-space: nowrap; /* Animation: peek-reveal-2 */ animation: peek-reveal-2 3.0s ease-in-out 1.0s 1 normal; } .elementor-82 .elementor-element.elementor-element-31fd186:hover .reveal { width: 60% !important; opacity: 1 !important; } /* --- KEYFRAMES --- */ @keyframes peek-container-2 { 0% { transform: translateX(15px); } 20% { transform: translateX(0px); } 80% { transform: translateX(0px); } 100% { transform: translateX(15px); } } @keyframes peek-reveal-2 { 0% { width: 0; opacity: 0; } 5% { opacity: 1; } /* Make visible immediately */ 20% { width: 60%; opacity: 1; } 80% { width: 60%; opacity: 1; } 95% { opacity: 1; } 100% { width: 0; opacity: 0; } } @keyframes float-2 { 0% { transform: translateY(0px) rotate(0deg); } 100% { transform: translateY(-30px) rotate(-3deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6dcd96c *//* --- CONTAINER 3 (Right) --- */ .elementor-82 .elementor-element.elementor-element-6dcd96c { /* Base State */ transform: translateX(60px) rotate(-5deg); transition: transform 0.5s ease-in-out; /* Animation: peek-container-3 */ animation: peek-container-3 2.5s ease-in-out 1.5s 1 normal; } .elementor-82 .elementor-element.elementor-element-6dcd96c:hover { transform: translateX(0px) rotate(0deg) !important; z-index: 100; } /* IMAGE (Fixed 40%) */ .elementor-82 .elementor-element.elementor-element-6dcd96c .visible { display: block; width: 40%; max-width: 40%; height: auto; transition: all 0.5s ease-in-out; /* Animation: float-3 */ animation: float-3 2.5s ease-in-out 4s infinite alternate; } .elementor-82 .elementor-element.elementor-element-6dcd96c:hover .visible { animation-play-state: paused; } /* TEXT REVEAL (The Fix) */ .elementor-82 .elementor-element.elementor-element-6dcd96c .reveal { width: 0; opacity: 0; /* Removed scale to ensure visibility */ transform-origin: center right; transition: all 0.5s ease-in-out; overflow: hidden; white-space: nowrap; /* Animation: peek-reveal-3 */ animation: peek-reveal-3 2.5s ease-in-out 1.5s 1 normal; } .elementor-82 .elementor-element.elementor-element-6dcd96c:hover .reveal { width: 60% !important; opacity: 1 !important; } /* --- KEYFRAMES --- */ @keyframes peek-container-3 { 0% { transform: translateX(60px) rotate(-5deg); } 20% { transform: translateX(0px) rotate(0deg); } 80% { transform: translateX(0px) rotate(0deg); } 100% { transform: translateX(60px) rotate(-5deg); } } @keyframes peek-reveal-3 { 0% { width: 0; opacity: 0; } 5% { opacity: 1; } /* Make visible immediately */ 20% { width: 60%; opacity: 1; } 80% { width: 60%; opacity: 1; } 95% { opacity: 1; } 100% { width: 0; opacity: 0; } } @keyframes float-3 { 0% { transform: translateY(0px) rotate(0deg); } 100% { transform: translateY(-30px) rotate(-3deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2f985ef */.highlight { background-color: white; } span { padding: 10px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b36d45f *//* ========================================================================== 1. LE SMARTPHONE EN VERRE (Conteneur Parent) ========================================================================== */ .phone-glass-container { max-width: 380px !important; margin: 0 auto !important; padding: 40px 20px !important; border-radius: 45px !important; /* Bords ronds iPhone */ /* Effet verre dépoli */ background: rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(24px) saturate(150%) !important; -webkit-backdrop-filter: blur(24px) saturate(150%) !important; /* Reflets de lumière sur les bords */ border: 1px solid rgba(255, 255, 255, 0.3) !important; border-top: 2px solid rgba(255, 255, 255, 0.5) !important; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15) !important; display: flex !important; flex-direction: column !important; } /* ========================================================================== 2. ÉCRAN DE VERROUILLAGE (Barre de statut, Heure, Date) ========================================================================== */ .ios-status-bar { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 5px 10px 5px !important; font-size: 13px !important; font-weight: 600 !important; color: #ffffff !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } .ios-lock-screen { text-align: center !important; color: #ffffff !important; margin-bottom: 25px !important; margin-top: 10px !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } .ios-date { font-size: 15px !important; font-weight: 500 !important; margin-bottom: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .ios-time { font-size: 76px !important; font-weight: 700 !important; letter-spacing: -2px !important; line-height: 1 !important; } /* ========================================================================== 3. DESIGN DES NOTIFICATIONS & APPARITION EN CASCADE ========================================================================== */ .ios-notif { /* Fond de la notification */ background: rgba(255, 255, 255, 0.88) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border-radius: 20px !important; margin-bottom: 10px !important; padding: 16px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,255,0.8) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; /* Préparation de l'animation d'apparition */ opacity: 0; transform: translateY(20px); /* L'animation slideUpFade utilise la variable --i du HTML */ animation: slideUpFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; animation-delay: calc(var(--i) * 0.15s) !important; } @keyframes slideUpFade { to { opacity: 1; transform: translateY(0); } } /* ========================================================================== 4. STRUCTURE INTERNE DE LA NOTIFICATION (Logo + En-tête) ========================================================================== */ .notif-summary { display: flex !important; align-items: center !important; cursor: pointer !important; list-style: none !important; outline: none !important; } /* Cache la flèche native des détails */ .notif-summary::-webkit-details-marker { display: none !important; } /* Colonne de gauche (L'icône/Logo) */ .notif-icon-wrapper { width: 40px !important; height: 40px !important; border-radius: 8px !important; margin-right: 12px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .notif-icon { width: 100% !important; height: 100% !important; object-fit: cover !important; } .reminder-icon-bg { background-color: #ffffff !important; color: #007aff !important; font-size: 22px !important; border: 1px solid #e5e5ea !important; } /* ========================================================================== COLONNE DE DROITE (L'en-tête de la notif : Nom + Titre) ========================================================================== */ .notif-header-text { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; /* LE SECRET : Force tout le contenu à gauche */ width: 100% !important; gap: 2px !important; /* GÈRE L'ESPACE ICI : 0px, 2px ou 4px selon ton goût */ } /* Le conteneur du Nom et de l'Heure */ .notif-meta { display: flex !important; justify-content: space-between !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Le texte "Elisa Tual" et "Rappels" */ .notif-meta span { margin: 0 !important; padding: 0 !important; line-height: 1 !important; /* Tue les hauteurs de ligne invisibles */ } .notif-app { font-size: 13px !important; font-weight: 600 !important; color: #1d1d1f !important; } .notif-time { font-size: 13px !important; color: #86868b !important; } /* Le Titre de la notification */ .notif-header-text h4 { margin: 0 !important; padding: 0 !important; text-align: left !important; font-size: 15px !important; font-weight: 600 !important; color: #1d1d1f !important; line-height: 1.1 !important; width: 100% !important; } /* ========================================================================== 5. L'ACCORDÉON (Texte déroulant avec transition douce) ========================================================================== */ .notif-body { margin-left: 52px !important; /* S'aligne sous les textes, pas sous le logo */ /* État fermé par défaut */ max-height: 0; overflow: hidden; opacity: 0; margin-top: 0 !important; /* La transition fluide */ transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s ease !important; } /* État OUVERT (activé par la balise
) */ details[open] .notif-body { max-height: 200px !important; /* Hauteur max pour laisser la place au texte */ opacity: 1 !important; margin-top: 8px !important; } .notif-body p { margin: 0 !important; font-size: 14px !important; color: #1d1d1f !important; line-height: 1.4 !important; padding-bottom: 6px !important; } /* --- L'EFFET DE SURVOL (Hover) --- */ .ios-notif { transition: background 0.3s ease, box-shadow 0.3s ease !important; } .ios-notif:hover { background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255,255,255,1) !important; } /* --- L'APPARITION EN CASCADE (Staggered Animation sans Elementor bug) --- */ .ios-notif-group > div:nth-child(1) { animation-delay: 0.1s !important; } .ios-notif-group > div:nth-child(2) { animation-delay: 0.25s !important; } .ios-notif-group > div:nth-child(3) { animation-delay: 0.4s !important; } .ios-notif-group > div:nth-child(4) { animation-delay: 0.55s !important; } .ios-notif-group > div:nth-child(5) { animation-delay: 0.7s !important; } /* --- LE DÉROULEMENT AU CLIC (Basé sur la classe .active) --- */ /* (Supprime l'ancienne règle "details[open] .notif-body" si tu l'as encore) */ .ios-notif.active .notif-body { max-height: 200px !important; opacity: 1 !important; margin-top: 8px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-10a51a7 */.highlight { background-color: white; padding: 4px 10px !important; /* On gère le padding directement sur la classe */ /* La magie opère ici : clone le padding à chaque retour à la ligne */ -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; /* Indispensable pour que l'effet fonctionne */ display: inline !important; /* (Optionnel) Ajoute un petit espace entre les lignes pour éviter que les fonds blancs ne se touchent ou se chevauchent */ line-height: 1.6 !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee3a857 *//* --- CONTENU DYNAMIQUE STRATÉGIE (Aligné avec le reste) --- */ .strat-content-card { background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; /* Uniformisé avec les stats */ padding: 20px !important; /* Compacté */ box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; transition: opacity 0.3s ease, transform 0.3s ease !important; /* Permet le scroll interne de la carte si le texte de l'étude de cas est trop long */ flex-grow: 1 !important; overflow-y: auto !important; max-height: 60vh !important; } .strat-content-card.updating { opacity: 0; transform: translateY(10px) !important; } /* Scrollbar discrète macOS pour la carte */ .strat-content-card::-webkit-scrollbar { width: 6px !important; } .strat-content-card::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03) !important; border-radius: 10px !important; } .strat-content-card::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15) !important; border-radius: 10px !important; } .strat-title { font-size: 18px !important; font-weight: 700 !important; color: #1d1d1f !important; margin: 0 0 15px 0 !important; line-height: 1.2 !important; text-align: center !important; } .objective-box { padding: 12px 15px !important; border-radius: 10px !important; font-size: 13.5px !important; line-height: 1.4 !important; margin-bottom: 15px !important; } .blue-box { background: rgba(0, 122, 255, 0.1) !important; color: #0056b3 !important; border: 1px solid rgba(0, 122, 255, 0.2) !important; } .clean-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .clean-list li { font-size: 13.5px !important; color: #515154 !important; margin-bottom: 10px !important; padding-left: 18px !important; position: relative !important; line-height: 1.4 !important; } .clean-list li::before { content: '•' !important; position: absolute !important; left: 0 !important; color: #007aff !important; font-size: 18px !important; top: -2px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6db898 *//* ========================================== 1. LE CONTENEUR (EFFET VERRE MAC OS) Le mot ".elementor-82 .elementor-element.elementor-element-d6db898" cible uniquement ce conteneur ========================================== */ .elementor-82 .elementor-element.elementor-element-d6db898 { background: rgba(255, 255, 255, 0.3) !important; /* Blanc translucide */ backdrop-filter: blur(15px) saturate(150%) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05) !important; height: 100% !important; /* Force le conteneur à prendre toute la hauteur de l'Off-Canvas */ width: 100% !important; } /* ========================================== 2. L'OVERLAY (LE FOND QUI MASQUE LE SITE) On cible les classes natives d'Elementor ========================================== */ .e-off-canvas__overlay, .elementor-off-canvas__overlay, .dialog-widget-overlay { backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; background-color: rgba(0, 0, 0, 0.4) !important; /* Assombrit le fond */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-89e93a0 *//* Le conteneur principal qui masque ce qui déborde */ .seo-marquee-container { width: 100% !important; overflow: hidden !important; white-space: nowrap !important; padding: 15px 0 !important; margin-top: 10px !important; position: relative !important; display: flex !important; align-items: center !important; } /* L'effet de masque/fondu sur les bords (optionnel, pour faire premium) */ /* Remplace #F8F9FA par la couleur de fond de ta section si elle n'est pas blanche */ .seo-marquee-container::before, .seo-marquee-container::after { content: '' !important; position: absolute !important; top: 0 !important; width: 40px !important; height: 100% !important; z-index: 2 !important; } .seo-marquee-container::before { left: 0 !important; background: linear-gradient(to right, #EA5142, transparent) !important; } .seo-marquee-container::after { right: 0 !important; background: linear-gradient(to left, #EA5142, transparent) !important; } /* La piste qui s'anime de droite à gauche */ .seo-marquee-track { display: inline-block !important; /* 20s = Vitesse du défilement. Augmente ou diminue selon ton goût */ animation: scrollMarquee 25s linear infinite !important; } /* Pause au survol de la souris */ .seo-marquee-track:hover { animation-play-state: paused !important; } /* Le design du Badge / Tag */ .seo-badge { display: inline-block !important; padding: 8px 18px !important; margin-right: 15px !important; /* Style du badge (fond clair, bordure douce) */ background: rgba(255, 255, 255, 0.3) !important; border-radius: 30px !important; font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; font-family: inherit !important; transition: all 0.3s ease !important; cursor: default !important; } .seo-badge:hover { background-color: #e5e7eb !important; color: #1f2937 !important; transform: translateY(-2px) !important; } /* L'animation magique */ @keyframes scrollMarquee { 0% { transform: translateX(0); } /* Transforme de 50% car la piste contient 2 fois la liste (100%) */ 100% { transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3007400 */.highlight { background-color: white; padding: 4px 10px !important; /* On gère le padding directement sur la classe */ /* La magie opère ici : clone le padding à chaque retour à la ligne */ -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; /* Indispensable pour que l'effet fonctionne */ display: inline !important; /* (Optionnel) Ajoute un petit espace entre les lignes pour éviter que les fonds blancs ne se touchent ou se chevauchent */ line-height: 1.6 !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ed71e39 *//* ========================================== 1. FENÊTRE MAC OS (La barre du haut) ========================================== */ .mac-top-bar { display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px 16px !important; background: rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; position: relative !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; } .mac-dots { position: absolute !important; left: 16px !important; display: flex !important; gap: 8px !important; } .dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; display: inline-block !important; } .dot.close-mac { background-color: #ff5f56 !important; cursor: pointer !important; transition: transform 0.2s !important; } .dot.close-mac:hover { transform: scale(1.2) !important; } .dot.minimize { background-color: #ffbd2e !important; } .dot.expand { background-color: #27c93f !important; } .window-title { font-size: 13px !important; font-weight: 600 !important; color: #4b5563 !important; } /* ========================================== 2. CONTENU GLOBAL ========================================== */ .mac-window-content { padding: 40px !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; overflow: hidden !important; } .video-main-title { font-size: 18px !important; font-weight: 700 !important; color: #1d1d1f !important; text-align: center !important; margin: 0 0 10px 0 !important; line-height: 1.2 !important; flex-shrink: 0 !important; } /* --- LE LECTEUR VIDÉO (Taille bridée) --- */ .apple-video-container { width: 100% !important; max-height: 320px !important; /* Empêche la vidéo de devenir gigantesque */ margin: 0 auto !important; /* Centre si la vidéo est plus fine */ aspect-ratio: 16 / 9 !important; background: #000 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; flex-shrink: 0 !important; } #apple-main-video { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; } /* --- LA PILULE DE CONTRÔLE --- */ .apple-floating-controls { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; background: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 50px !important; padding: 8px 15px !important; margin: 12px 0 15px 0 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; flex-shrink: 0 !important; } .controls-spacer { width: 100% !important; } .controls-center { display: flex !important; gap: 15px !important; align-items: center !important; justify-content: center !important; } .controls-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; color: #515154 !important; } .control-btn { background: none !important; border: none !important; color: #1d1d1f !important; font-size: 16px !important; cursor: pointer !important; transition: all 0.2s !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; } .control-btn:hover { background: rgba(0,0,0,0.05) !important; transform: scale(1.05) !important; } .play-btn { font-size: 18px !important; background: #1d1d1f !important; color: #fff !important; width: 40px !important; height: 40px !important; } .play-btn:hover { background: #000 !important; color: #fff !important; } .volume-icon { font-size: 14px !important; margin-right: 8px !important; } #apple-volume-slider { width: 70px !important; cursor: pointer !important; } /* --- TITRES DE SECTIONS --- */ .section-mini-heading { font-size: 12px !important; font-weight: 700 !important; color: #86868b !important; margin: 0 0 8px 0 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; flex-shrink: 0 !important;} /* --- LA PLAYLIST DROPDOWN (Nouveau Design) --- */ .apple-playlist-wrapper { margin-bottom: 20px !important; flex-shrink: 0 !important; } .apple-custom-select { position: relative !important; width: 100% !important; } .playlist-dropdown { appearance: none !important; -webkit-appearance: none !important; /* Retire le style natif moche */ width: 100% !important; padding: 12px 15px !important; padding-right: 40px !important; background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 600 !important; color: #1d1d1f !important; cursor: pointer !important; outline: none !important; box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; transition: all 0.3s ease !important; font-family: inherit !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } .playlist-dropdown:hover { background: rgba(255, 255, 255, 0.8) !important; } .playlist-dropdown:focus { border-color: #007aff !important; box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2) !important; background: #fff !important;} .select-icon { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: #515154 !important; pointer-events: none !important; font-size: 14px !important; } /* --- CHIFFRES CLÉS --- */ .dynamic-stats-wrapper { flex-shrink: 0 !important; padding-bottom: 0 !important; } .dynamic-stats-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; } .glass-stat-card { background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; padding: 10px !important; display: flex !important; align-items: center !important; gap: 10px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } .glass-stat-card.updating { transform: scale(0.95) !important; opacity: 0.5 !important; } .stat-icon-wrapper { width: 32px !important; height: 32px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; background: #fff !important; flex-shrink: 0 !important; } .blue-glow { color: #007aff !important; box-shadow: 0 4px 10px rgba(0, 122, 255, 0.15) !important; } .orange-glow { color: #ff9500 !important; box-shadow: 0 4px 10px rgba(255, 149, 0, 0.15) !important; } .green-glow { color: #34c759 !important; box-shadow: 0 4px 10px rgba(52, 199, 89, 0.15) !important; } .stat-data { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 0 !important; /* Force la suppression de l'espacement Flexbox */ } .stat-value { font-size: 16px !important; font-weight: 800 !important; color: #1d1d1f !important; line-height: 1 !important; /* Hauteur de ligne ultra-compacte */ margin: 0 0 2px 0 !important; /* Juste 2 petits pixels d'espace en dessous */ padding: 0 !important; /* Annule les paddings fantômes */ white-space: nowrap !important; } .stat-label { font-size: 11px !important; font-weight: 500 !important; color: #86868b !important; line-height: 1.1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================== 3. RESPONSIVE MOBILE ========================================== */ @media (max-width: 600px) { .mac-window-content { padding: 15px !important; overflow-y: auto !important; } /* On remet le scroll auto juste pour mobile si l'écran est minuscule */ .apple-floating-controls { grid-template-columns: 1fr !important; gap: 15px !important; border-radius: 16px !important; padding: 15px !important; } .controls-spacer { display: none !important; } .controls-right { justify-content: center !important; } .dynamic-stats-grid { grid-template-columns: 1fr !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-75c102c *//* ========================================== 1. LE CONTENEUR (EFFET VERRE MAC OS) Le mot ".elementor-82 .elementor-element.elementor-element-75c102c" cible uniquement ce conteneur ========================================== */ .elementor-82 .elementor-element.elementor-element-75c102c { background: rgba(255, 255, 255, 0.3) !important; /* Blanc translucide */ backdrop-filter: blur(15px) saturate(150%) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05) !important; height: 100% !important; /* Force le conteneur à prendre toute la hauteur de l'Off-Canvas */ width: 100% !important; } /* ========================================== 2. L'OVERLAY (LE FOND QUI MASQUE LE SITE) On cible les classes natives d'Elementor ========================================== */ .e-off-canvas__overlay, .elementor-off-canvas__overlay, .dialog-widget-overlay { backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; background-color: rgba(0, 0, 0, 0.4) !important; /* Assombrit le fond */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3c00e65 *//* --- LE CONTENEUR (Pleine largeur) --- */ .ios-search-container { margin: 25px 0 !important; width: 100% !important; /* Prend toute la place de la colonne */ max-width: 100% !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; } /* --- LA BARRE DE RECHERCHE --- */ .ios-search-bar { display: flex !important; align-items: center !important; /* Design verre dépoli clair */ background: rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; padding: 14px 20px !important; /* Barre bien épaisse et cliquable */ box-shadow: inset 0 1px 4px rgba(0,0,0,0.05), 0 4px 10px rgba(0,0,0,0.02) !important; } /* --- L'ICÔNE LOUPE --- */ .search-icon { color: #ffffff !important; margin-right: 14px !important; font-size: 16px !important; } /* --- LE TEXTE --- */ .typewriter-text { font-size: 15px !important; color: #ffffff !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 500 !important; } /* --- LE CURSEUR CLIGNOTANT --- */ .cursor { font-size: 16px !important; color: #ffffff !important; /* Bleu iOS */ font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; margin-left: 2px !important; animation: blinkCursor 0.8s infinite !important; } @keyframes blinkCursor { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d3072d6 *//* ========================================================================== 1. LA FENÊTRE DESKTOP (Conteneur principal) ========================================================================== */ .desktop-glass-window { width: 100% !important; max-width: 700px !important; margin: 0 auto !important; border-radius: 16px !important; overflow: hidden !important; /* Effet Glassmorphism ultra-clean */ background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; border-top: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* ========================================================================== 2. LA BARRE MACOS (Les 3 points) ========================================================================== */ .desktop-top-bar { display: flex !important; align-items: center !important; justify-content: center !important; /* Centre le titre */ padding: 12px 16px !important; background: rgba(255, 255, 255, 0.3) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; position: relative !important; } .mac-dots { display: flex !important; gap: 8px !important; position: absolute !important; /* Garde les points à gauche */ left: 16px !important; } .dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; display: inline-block !important; } .dot.close { background-color: #ff5f56 !important; } .dot.minimize { background-color: #ffbd2e !important; } .dot.expand { background-color: #27c93f !important; } .window-title { font-size: 13px !important; font-weight: 600 !important; color: #ffffff !important; letter-spacing: 0.5px !important; } /* ========================================================================== 3. LA GRILLE DU CALENDRIER ========================================================================== */ .calendar-grid { display: grid !important; /* 2 colonnes par défaut sur ordi */ grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; padding: 24px !important; } /* ========================================================================== 4. LES CARTES (Tasks) ========================================================================== */ .calendar-card { background: rgba(255, 255, 255, 0.85) !important; border-radius: 12px !important; padding: 20px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; /* Animation au survol */ transition: transform 0.3s ease, box-shadow 0.3s ease !important; cursor: default !important; /* Animation d'apparition en cascade (comme l'iPhone) */ opacity: 0; transform: translateY(20px); animation: slideUpFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; animation-delay: calc(var(--i) * 0.15s) !important; } .calendar-card:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1) !important; } /* En-tête de la carte (Icône + Badge) */ .card-header { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; margin-bottom: 16px !important; } /* Les petites icônes colorées */ .icon-box { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; color: white !important; } .purple-bg { background: linear-gradient(135deg, #a855f7, #7e22ce) !important; } .pink-bg { background: linear-gradient(135deg, #ec4899, #be185d) !important; } .green-bg { background: linear-gradient(135deg, #22c55e, #15803d) !important; } .yellow-bg { background: linear-gradient(135deg, #eab308, #a16207) !important; } /* Les Badges (Semaine 1, etc.) */ .badge { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 4px 8px !important; border-radius: 20px !important; background: #f3f4f6 !important; color: #6b7280 !important; letter-spacing: 0.5px !important; } .badge.highlight { background: #dcfce7 !important; color: #166534 !important; } /* Textes de la carte */ .calendar-card h4 { margin: 0 0 8px 0 !important; font-size: 16px !important; font-weight: 700 !important; color: #1f2937 !important; line-height: 1.2 !important; } .calendar-card p { margin: 0 !important; font-size: 13.5px !important; color: #4b5563 !important; line-height: 1.5 !important; } /* ========================================================================== 5. RESPONSIVE (Mobile) ========================================================================== */ @media (max-width: 768px) { .calendar-grid { grid-template-columns: 1fr !important; /* Passe sur 1 seule colonne sur mobile */ padding: 16px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8bf95ba */.highlight { background-color: white; padding: 4px 10px !important; /* On gère le padding directement sur la classe */ /* La magie opère ici : clone le padding à chaque retour à la ligne */ -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; /* Indispensable pour que l'effet fonctionne */ display: inline !important; /* (Optionnel) Ajoute un petit espace entre les lignes pour éviter que les fonds blancs ne se touchent ou se chevauchent */ line-height: 1.6 !important;}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7936baf *//* ========================================== 1. FENÊTRE MAC OS (La barre du haut) ========================================== */ .mac-top-bar { display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px 16px !important; background: rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; position: relative !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; } .mac-dots { position: absolute !important; left: 16px !important; display: flex !important; gap: 8px !important; } .dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; display: inline-block !important; } .dot.close-mac { background-color: #ff5f56 !important; cursor: pointer !important; transition: transform 0.2s !important; } .dot.close-mac:hover { transform: scale(1.2) !important; } .dot.minimize { background-color: #ffbd2e !important; } .dot.expand { background-color: #27c93f !important; } .window-title { font-size: 13px !important; font-weight: 600 !important; color: #4b5563 !important; } /* ========================================== 2. CONTENU GLOBAL ========================================== */ .mac-window-content { padding: 40px !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; overflow: hidden !important; } .video-main-title { font-size: 18px !important; font-weight: 700 !important; color: #1d1d1f !important; text-align: center !important; margin: 0 0 10px 0 !important; line-height: 1.2 !important; flex-shrink: 0 !important; } /* --- LE LECTEUR VIDÉO (Taille bridée) --- */ .apple-video-container { width: 100% !important; max-height: 320px !important; /* Empêche la vidéo de devenir gigantesque */ margin: 0 auto !important; /* Centre si la vidéo est plus fine */ aspect-ratio: 16 / 9 !important; background: #000 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; flex-shrink: 0 !important; } #apple-main-video { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; } /* --- LA PILULE DE CONTRÔLE --- */ .apple-floating-controls { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; background: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 50px !important; padding: 8px 15px !important; margin: 12px 0 15px 0 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; flex-shrink: 0 !important; } .controls-spacer { width: 100% !important; } .controls-center { display: flex !important; gap: 15px !important; align-items: center !important; justify-content: center !important; } .controls-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; color: #515154 !important; } .control-btn { background: none !important; border: none !important; color: #1d1d1f !important; font-size: 16px !important; cursor: pointer !important; transition: all 0.2s !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; } .control-btn:hover { background: rgba(0,0,0,0.05) !important; transform: scale(1.05) !important; } .play-btn { font-size: 18px !important; background: #1d1d1f !important; color: #fff !important; width: 40px !important; height: 40px !important; } .play-btn:hover { background: #000 !important; color: #fff !important; } .volume-icon { font-size: 14px !important; margin-right: 8px !important; } #apple-volume-slider { width: 70px !important; cursor: pointer !important; } /* --- TITRES DE SECTIONS --- */ .section-mini-heading { font-size: 12px !important; font-weight: 700 !important; color: #86868b !important; margin: 0 0 8px 0 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; flex-shrink: 0 !important;} /* --- LA PLAYLIST DROPDOWN (Nouveau Design) --- */ .apple-playlist-wrapper { margin-bottom: 20px !important; flex-shrink: 0 !important; } .apple-custom-select { position: relative !important; width: 100% !important; } .playlist-dropdown { appearance: none !important; -webkit-appearance: none !important; /* Retire le style natif moche */ width: 100% !important; padding: 12px 15px !important; padding-right: 40px !important; background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 600 !important; color: #1d1d1f !important; cursor: pointer !important; outline: none !important; box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; transition: all 0.3s ease !important; font-family: inherit !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } .playlist-dropdown:hover { background: rgba(255, 255, 255, 0.8) !important; } .playlist-dropdown:focus { border-color: #007aff !important; box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2) !important; background: #fff !important;} .select-icon { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; color: #515154 !important; pointer-events: none !important; font-size: 14px !important; } /* --- CHIFFRES CLÉS --- */ .dynamic-stats-wrapper { flex-shrink: 0 !important; padding-bottom: 0 !important; } .dynamic-stats-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; } .glass-stat-card { background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 12px !important; padding: 10px !important; display: flex !important; align-items: center !important; gap: 10px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; transition: transform 0.3s ease, opacity 0.3s ease !important; } .glass-stat-card.updating { transform: scale(0.95) !important; opacity: 0.5 !important; } .stat-icon-wrapper { width: 32px !important; height: 32px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; background: #fff !important; flex-shrink: 0 !important; } .blue-glow { color: #007aff !important; box-shadow: 0 4px 10px rgba(0, 122, 255, 0.15) !important; } .orange-glow { color: #ff9500 !important; box-shadow: 0 4px 10px rgba(255, 149, 0, 0.15) !important; } .green-glow { color: #34c759 !important; box-shadow: 0 4px 10px rgba(52, 199, 89, 0.15) !important; } .stat-data { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 0 !important; /* Force la suppression de l'espacement Flexbox */ } .stat-value { font-size: 16px !important; font-weight: 800 !important; color: #1d1d1f !important; line-height: 1 !important; /* Hauteur de ligne ultra-compacte */ margin: 0 0 2px 0 !important; /* Juste 2 petits pixels d'espace en dessous */ padding: 0 !important; /* Annule les paddings fantômes */ white-space: nowrap !important; } .stat-label { font-size: 11px !important; font-weight: 500 !important; color: #86868b !important; line-height: 1.1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================== 3. RESPONSIVE MOBILE ========================================== */ @media (max-width: 600px) { .mac-window-content { padding: 15px !important; overflow-y: auto !important; } /* On remet le scroll auto juste pour mobile si l'écran est minuscule */ .apple-floating-controls { grid-template-columns: 1fr !important; gap: 15px !important; border-radius: 16px !important; padding: 15px !important; } .controls-spacer { display: none !important; } .controls-right { justify-content: center !important; } .dynamic-stats-grid { grid-template-columns: 1fr !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5ecdf3e *//* ========================================== 1. LE CONTENEUR (EFFET VERRE MAC OS) Le mot ".elementor-82 .elementor-element.elementor-element-5ecdf3e" cible uniquement ce conteneur ========================================== */ .elementor-82 .elementor-element.elementor-element-5ecdf3e { background: rgba(255, 255, 255, 0.3) !important; /* Blanc translucide */ backdrop-filter: blur(15px) saturate(150%) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05) !important; height: 100% !important; /* Force le conteneur à prendre toute la hauteur de l'Off-Canvas */ width: 100% !important; } /* ========================================== 2. L'OVERLAY (LE FOND QUI MASQUE LE SITE) On cible les classes natives d'Elementor ========================================== */ .e-off-canvas__overlay, .elementor-off-canvas__overlay, .dialog-widget-overlay { backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; background-color: rgba(0, 0, 0, 0.4) !important; /* Assombrit le fond */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-afc701f *//* --- LE PANNEAU PRINCIPAL (Look Glassmorphism Premium) --- */ .ios-settings-panel { /* On applique le style du Workflow : plus transparent, plus flouté */ background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; /* Bordures avec reflet lumineux en haut */ border: 1px solid rgba(255, 255, 255, 0.4) !important; border-top: 1px solid rgba(255, 255, 255, 0.8) !important; /* Ombre portée plus profonde pour l'effet flottant */ box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; /* Structure (inchangée) */ border-radius: 16px !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 25px 0 !important; overflow: hidden !important; } /* --- LIGNE 1 : MASTER ROW (Cliquable) --- */ .master-row { display: flex !important; align-items: center !important; justify-content: space-between !important; /* AVANT : 16px 20px | MAINTENANT : 10px 16px (plus fin) */ padding: 10px 40px !important; cursor: pointer !important; background: rgba(0, 0, 0, 0) !important; transition: background 0.2s ease !important; } .master-row:hover { background: rgba(0, 0, 0, 0.03) !important; } /* --- SÉPARATEUR HORIZONTAL --- */ .horizontal-divider { height: 1px !important; background-color: rgba(0, 0, 0, 0.06) !important; /* On aligne la marge avec le nouveau padding de 16px */ margin: 0 16px !important; } /* --- LIGNE 2 : LES LEDs --- */ .led-row { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 50px !important; flex-wrap: wrap !important; gap: 12px !important; background: rgba(255, 255, 255, 0.4) !important; border-radius: 0 0 16px 16px !important; } /* --- LES GROUPES D'ÉLÉMENTS --- */ .settings-group { display: flex !important; align-items: center !important; gap: 8px !important; } .settings-label-text { font-size: 13px !important; font-weight: 700 !important; color: #ffffff !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; white-space: nowrap !important; } /* --- LE SWITCH (Interrupteur) --- */ .ios-switch { width: 42px !important; height: 24px !important; background-color: #e9e9ea !important; border-radius: 24px !important; position: relative !important; transition: background-color 0.3s ease !important; flex-shrink: 0 !important; } .ios-switch::after { content: '' !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; background-color: white !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* État actif du switch */ .ios-switch.active { background-color: #34c759 !important; } .ios-switch.active::after { transform: translateX(18px) !important; } /* --- LES VOYANTS LED --- */ .led-indicator { /* On agrandit un tout petit peu pour compenser la bordure */ width: 12px !important; height: 12px !important; border-radius: 50% !important; /* Le bouclier blanc qui détache la LED du fond */ border: 2px solid rgba(255, 255, 255, 0.9) !important; background-color: #ff3b30 !important; /* Rouge par défaut */ box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 3px rgba(0,0,0,0.1) !important; transition: all 0.3s ease !important; } /* L'état "Allumé" en vert */ .led-indicator.led-green { background-color: #34c759 !important; /* On renforce légèrement l'ombre verte pour qu'elle pop plus */ box-shadow: 0 0 10px rgba(52, 199, 89, 0.8), inset 0 1px 2px rgba(255,255,255,0.8) !important; } /* Le Spam (Reste rouge) */ .led-indicator.led-spam { background-color: #ff3b30 !important; } /* --- RESPONSIVE MOBILE --- */ @media (max-width: 768px) { .led-row { justify-content: flex-start !important; } .settings-group { flex-basis: 45% !important; /* 2 colonnes sur mobile */ } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4280e20 *//* ========================================================================== 1. LE CONTENEUR GLASSMORPHISM ========================================================================== */ .automation-glass-box { width: 100% !important; max-width: 450px !important; margin: 0 auto !important; border-radius: 24px !important; padding: 24px !important; background: rgba(255, 255, 255, 0.15) !important; backdrop-filter: blur(20px) saturate(150%) !important; -webkit-backdrop-filter: blur(20px) saturate(150%) !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; border-top: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* En-tête : Séquence Active */ .workflow-header { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #ffffff !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 30px !important; padding-bottom: 15px !important; border-bottom: 1px dashed rgba(255, 255, 255, 0.5) !important; } .status-dot { width: 8px !important; height: 8px !important; background-color: #22c55e !important; border-radius: 50% !important; margin-right: 8px !important; box-shadow: 0 0 8px #22c55e !important; animation: pulseDot 2s infinite !important; } @keyframes pulseDot { 0% { transform: scale(0.95); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.8; } } /* ========================================================================== 2. LE CANVAS ET LES NŒUDS (NODES) ========================================================================== */ .workflow-canvas { display: flex !important; flex-direction: column !important; align-items: center !important; } /* Design général d'une boîte étape */ .node { background: rgba(255, 255, 255, 0.95) !important; border-radius: 12px !important; padding: 16px !important; width: 100% !important; display: flex !important; align-items: center !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; position: relative !important; } /* La ligne qui connecte les étapes */ .connector-line { width: 2px !important; height: 30px !important; background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.3)) !important; margin: 4px 0 !important; } /* Étape 1 : Déclencheur (Noir/Gris) */ .trigger-node { border: 1px solid #e5e7eb !important; } .trigger-node .node-icon { background-color: #1f2937 !important; color: white !important; } /* Étapes d'action (Les emails) */ .action-node { border: 1px solid #e5e7eb !important; animation: floatNode 4s ease-in-out infinite !important; animation-delay: var(--delay) !important; /* Décalage pour pas qu'ils bougent en même temps */ } @keyframes floatNode { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0px); } } /* Étape d'attente (Petit badge transparent) */ .wait-node { background: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(5px) !important; width: auto !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; color: #4b5563 !important; box-shadow: none !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; } .wait-node i { margin-right: 6px !important; } /* ========================================================================== 3. INTÉRIEUR DES NŒUDS (Icônes et Textes) ========================================================================== */ .node-icon { width: 40px !important; height: 40px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; margin-right: 15px !important; flex-shrink: 0 !important; } .blue-icon { background: linear-gradient(135deg, #3b82f6, #2563eb) !important; color: white !important; } .yellow-icon { background: linear-gradient(135deg, #f59e0b, #d97706) !important; color: white !important; } .node-text { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } .node-text strong { font-size: 14px !important; color: #1f2937 !important; margin-bottom: 2px !important; } .node-text span { font-size: 12px !important; color: #6b7280 !important; } /* Le petit badge de statistiques à droite des emails */ .node-stats { background: #f3f4f6 !important; color: #374151 !important; font-size: 10px !important; font-weight: 700 !important; padding: 4px 8px !important; border-radius: 6px !important; margin-left: 10px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e16fc6b *//* --- MAIN CONTAINER --- */ .apple-closing-glass-card { position: relative !important; width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; background: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(25px) saturate(200%) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 24px !important; padding: 40px 40px 20px 40px !important; box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; } /* --- MAC OS DOTS --- */ .closing-mac-dots { position: absolute !important; top: 20px !important; left: 20px !important; display: flex !important; gap: 8px !important; } .dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; display: inline-block !important; } .dot.close-mac { background-color: #ff5f56 !important; } .dot.minimize { background-color: #ffbd2e !important; } .dot.expand { background-color: #27c93f !important; } /* --- FAQ SECTION --- */ .closing-faq-section { margin-bottom: 25px !important; } .centered-title { text-align: center !important; color: #1d1d1f !important; font-size: 24px !important; font-weight: 700 !important; margin: 0 0 25px 0 !important; } .faq-accordion-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px 20px !important; align-items: start !important; } .faq-item { background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 10px !important; overflow: hidden !important; transition: all 0.3s ease !important; } .faq-question { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 14px 16px !important; background: transparent !important; border: none !important; font-size: 14px !important; font-weight: 600 !important; color: #1d1d1f !important; cursor: pointer !important; text-align: left !important; font-family: inherit !important;white-space: normal !important; /* Autorise le passage à la ligne */ word-wrap: break-word !important; } .faq-icon { font-size: 12px !important; color: #007aff !important; transition: transform 0.3s ease !important; flex-shrink: 0 !important; margin-left: 10px !important; } .faq-item.active { box-shadow: 0 8px 20px rgba(0,0,0,0.03) !important; background: rgba(255, 255, 255, 0.9) !important; } .faq-item.active .faq-icon { transform: rotate(45deg) !important; color: #ff3b30 !important; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease !important; } .faq-answer p { margin: 0 !important; padding: 0 16px 14px 16px !important; color: #515154 !important; font-size: 13.5px !important; line-height: 1.5 !important; } /* --- CTA BANNER --- */ .closing-cta-banner { display: flex !important; justify-content: space-between !important; align-items: center !important; background: rgba(255, 255, 255, 0.7) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-radius: 16px !important; padding: 25px 30px !important; width: 100% !important; margin-bottom: 30px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.03) !important; } .cta-text-group { text-align: left !important; } .closing-cta-title { color: #1d1d1f !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 5px 0 !important; } .closing-cta-text { color: #515154 !important; font-size: 15px !important; margin: 0 !important; } .cta-button-group { flex-shrink: 0 !important; margin-left: 20px !important; } .ios-glass-button { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(0, 0, 0, 0.05) !important; padding: 12px 24px !important; border-radius: 30px !important; color: #1d1d1f !important; font-weight: 600 !important; font-size: 14px !important; cursor: pointer !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; } .ios-glass-button:hover { background: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; } /* --- 4 COLUMNS FOOTER GRID --- */ .closing-links-grid-4col { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; /* 4 colonnes parfaitement égales */ gap: 30px !important; align-items: start !important; /* Aligne tout par le haut */ } /* Col 1 : Logo */ .closing-logo-only { height: auto !important; display: block !important; } /* Col 2 : Texte + Réseaux en ligne */ .closing-brand-name { color: #1d1d1f !important; font-size: 16px !important; font-weight: 700 !important; margin: 0 0 5px 0 !important; } .closing-brand-desc { color: #515154 !important; font-size: 13.5px !important; line-height: 1.5 !important; margin: 0 0 15px 0 !important; } .closing-socials-row { display: flex !important; gap: 12px !important; } .social-icon { font-size: 18px !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; background: rgba(255, 255, 255, 0.8) !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,0.9) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; text-decoration: none !important; } .linkedin-brand { color: #0077b5 !important; } .insta-brand { color: red !important; } .social-icon:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important; background: #fff !important; } /* Col 3 & 4 : Navigation & Légal */ .closing-col-title { color: #1d1d1f !important; font-size: 12px !important; font-weight: 700 !important; margin: 0 0 12px 0 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .closing-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .closing-list li { margin-bottom: 8px !important; } .closing-list a { color: #515154 !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.2s ease !important; font-weight: 500 !important; } .closing-list a:hover { color: #007aff !important; } /* --- BOTTOM ROW --- */ .closing-bottom-row { display: flex !important; justify-content: space-between !important; align-items: center !important; padding-top: 20px !important; margin-top: 25px !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; font-size: 12px !important; color: #86868b !important; font-weight: 500 !important; } .craaft-mention { margin-left: 5px !important; } .craaft-link { color: #86868b !important; text-decoration: none !important; transition: color 0.3s ease !important; font-weight: 600 !important; } .craaft-link:hover { color: #007aff !important; text-decoration: underline !important; } .bottom-legal { display: flex !important; align-items: center !important; gap: 10px !important; } .bottom-legal a { color: #86868b !important; text-decoration: none !important; transition: color 0.3s ease !important; } .bottom-legal a:hover { color: #1d1d1f !important; } .legal-separator { color: rgba(0,0,0,0.2) !important; } .back-to-top { color: #1d1d1f !important; text-decoration: none !important; transition: color 0.3s ease !important; font-weight: 600 !important; display: flex !important; align-items: center !important; gap: 4px !important; } .back-to-top:hover { color: #007aff !important; transform: translateY(-2px) !important; } /* --- RESPONSIVE MOBILE & TABLETTE --- */ @media (max-width: 900px) { /* Tablette : On passe sur 2 colonnes pour la grille du bas */ .closing-links-grid-4col { grid-template-columns: 1fr 1fr !important; gap: 40px 20px !important; } } @media (max-width: 600px) { .apple-closing-glass-card { padding: 40px 20px 20px 20px !important; } .faq-accordion-grid { grid-template-columns: 1fr !important; } .closing-cta-banner { flex-direction: column !important; text-align: center !important; padding: 20px !important; } .cta-text-group { text-align: center !important; margin-bottom: 15px !important; } .cta-button-group { margin-left: 0 !important; } /* Mobile : Tout en 1 colonne centrée */ .closing-links-grid-4col { grid-template-columns: 1fr !important; gap: 25px !important; text-align: center !important; } .closing-logo-only { margin: 0 auto !important; } .closing-socials-row { justify-content: center !important; } .closing-bottom-row { flex-direction: column !important; gap: 10px !important; text-align: center !important; } .bottom-legal { flex-direction: column !important; gap: 5px !important/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://elisatl.fr/wp-content/uploads/2026/02/HelveticaNowDisplay-Regular.ttf') format('truetype'); } @font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://elisatl.fr/wp-content/uploads/2026/02/HelveticaNowDisplay-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Funnel display'; font-display: auto; src: url('http://elisatl.fr/wp-content/uploads/2026/02/FunnelDisplay-VariableFont_wght-1.ttf') format('truetype'); } /* End Custom Fonts CSS */