.elementor-8064 .elementor-element.elementor-element-2faf757b{--display:flex;--min-height:0px;--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;--overflow:hidden;--margin-top:015px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-8064 .elementor-element.elementor-element-2faf757b:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-2faf757b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-repeater-item-d661b36 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/Descente-sensationnelles-scaled.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-repeater-item-bfecbb5 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/SIMPLE-ET-ACCESSIBLE-scaled.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-repeater-item-b326065 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/Materiel-fourni-scaled-e1786360747295.png);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-repeater-item-bbeeeea .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/PARTEZ-A-LEXPLORATION-scaled-e1786284075368.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-repeater-item-97c04d2 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/ludique-et-conviviale-scaled-e1786278075222.png);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-slide{transition-duration:calc(3000ms*1.2);height:500px;}.elementor-8064 .elementor-element.elementor-element-2ab90999{width:100%;max-width:100%;}.elementor-8064 .elementor-element.elementor-element-2ab90999 > .elementor-widget-container{margin:4px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-slide-contents{max-width:100%;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-slide-inner{padding:0px 00px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-44ac1811{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-44ac1811:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-44ac1811 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-44832ebf{--display:flex;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-79cb7c6 );--border-color:var( --e-global-color-79cb7c6 );--border-radius:20px 20px 20px 20px;--margin-top:51px;--margin-bottom:51px;--margin-left:51px;--margin-right:51px;--z-index:989;}.elementor-8064 .elementor-element.elementor-element-44832ebf.e-con{--align-self:center;}.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 );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-749aea20{right:-8%;}body.rtl .elementor-8064 .elementor-element.elementor-element-749aea20{left:-8%;}.elementor-8064 .elementor-element.elementor-element-749aea20{top:-60%;z-index:999;}.elementor-8064 .elementor-element.elementor-element-749aea20 img{width:45%;}.elementor-8064 .elementor-element.elementor-element-751f7f83{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-8064 .elementor-element.elementor-element-751f7f83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-751f7f83.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-751f7f83 img{width:50%;}.elementor-8064 .elementor-element.elementor-element-7ecedeb2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-34ce76da{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-3553fe8e img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-3553fe8e:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-58b6dbec{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8064 .elementor-element.elementor-element-decf21a{--divider-border-style:solid;--divider-color:var( --e-global-color-4d462f5 );--divider-border-width:1px;}.elementor-8064 .elementor-element.elementor-element-decf21a .elementor-divider-separator{width:100%;}.elementor-8064 .elementor-element.elementor-element-decf21a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8064 .elementor-element.elementor-element-6e4216f6{--display:flex;}.elementor-8064 .elementor-element.elementor-element-12aa65c7 img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-37143fff img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-270e281b .elementor-button{background-color:var( --e-global-color-79cb7c6 );border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-270e281b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-270e281b{z-index:3;}.elementor-8064 .elementor-element.elementor-element-270e281b .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-270e281b .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-270e281b .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-270e281b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-1d00b42a .elementor-button{background-color:var( --e-global-color-79cb7c6 );transition-duration:1s;border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-1d00b42a{z-index:3;}.elementor-8064 .elementor-element.elementor-element-1d00b42a .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-1d00b42a .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-1d00b42a .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-1d00b42a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-e2510b2{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-a203e19 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-a203e19:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-2f78afb > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-68095f1{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8064 .elementor-element.elementor-element-0cc60ff{--divider-border-style:solid;--divider-color:var( --e-global-color-4d462f5 );--divider-border-width:1px;}.elementor-8064 .elementor-element.elementor-element-0cc60ff .elementor-divider-separator{width:100%;}.elementor-8064 .elementor-element.elementor-element-0cc60ff .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8064 .elementor-element.elementor-element-fde45dc{--display:flex;}.elementor-8064 .elementor-element.elementor-element-f556c32 img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-0b7b500 img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-b137388 .elementor-button{background-color:var( --e-global-color-79cb7c6 );border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-b137388 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-b137388{z-index:3;}.elementor-8064 .elementor-element.elementor-element-b137388 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-b137388 .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-b137388 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-b137388 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-a4e4fe6 .elementor-button{background-color:var( --e-global-color-79cb7c6 );transition-duration:1s;border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-a4e4fe6{z-index:3;}.elementor-8064 .elementor-element.elementor-element-a4e4fe6 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-a4e4fe6 .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-a4e4fe6 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-a4e4fe6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-ef29182{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-e4ed5b9 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-e4ed5b9:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-a88ef43 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-862810c{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8064 .elementor-element.elementor-element-d1678fc{--divider-border-style:solid;--divider-color:var( --e-global-color-4d462f5 );--divider-border-width:1px;}.elementor-8064 .elementor-element.elementor-element-d1678fc .elementor-divider-separator{width:100%;}.elementor-8064 .elementor-element.elementor-element-d1678fc .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8064 .elementor-element.elementor-element-acf6a5d{--display:flex;}.elementor-8064 .elementor-element.elementor-element-d32468b img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-15aa06a img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-8afbdd4 .elementor-button{background-color:var( --e-global-color-79cb7c6 );border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-8afbdd4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-8afbdd4{z-index:3;}.elementor-8064 .elementor-element.elementor-element-8afbdd4 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-8afbdd4 .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-8afbdd4 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-8afbdd4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-cbd391f .elementor-button{background-color:var( --e-global-color-79cb7c6 );transition-duration:1s;border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-cbd391f{z-index:3;}.elementor-8064 .elementor-element.elementor-element-cbd391f .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-cbd391f .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-cbd391f .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-cbd391f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-34312c5{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-8510ef6 img{width:100%;height:300px;object-fit:cover;object-position:bottom center;opacity:1;filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-8510ef6:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-fed5543 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-c6f0bc7{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8064 .elementor-element.elementor-element-1cc20b3{--divider-border-style:solid;--divider-color:var( --e-global-color-4d462f5 );--divider-border-width:1px;}.elementor-8064 .elementor-element.elementor-element-1cc20b3 .elementor-divider-separator{width:100%;}.elementor-8064 .elementor-element.elementor-element-1cc20b3 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8064 .elementor-element.elementor-element-149a4e8{--display:flex;}.elementor-8064 .elementor-element.elementor-element-71d2c4e img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-1ce0bbd img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-238413c .elementor-button{background-color:var( --e-global-color-79cb7c6 );border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-238413c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-238413c{z-index:3;}.elementor-8064 .elementor-element.elementor-element-238413c .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-238413c .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-238413c .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-238413c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-e40ee7d .elementor-button{background-color:var( --e-global-color-79cb7c6 );transition-duration:1s;border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-e40ee7d{z-index:3;}.elementor-8064 .elementor-element.elementor-element-e40ee7d .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-e40ee7d .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-e40ee7d .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-e40ee7d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-c9ee6f6{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-0ce7ab3 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 1.5px ) hue-rotate( 0deg );transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-0ce7ab3:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-9b49419 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-ee20653{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8064 .elementor-element.elementor-element-a6ccc88{--divider-border-style:solid;--divider-color:var( --e-global-color-4d462f5 );--divider-border-width:1px;}.elementor-8064 .elementor-element.elementor-element-a6ccc88 .elementor-divider-separator{width:100%;}.elementor-8064 .elementor-element.elementor-element-a6ccc88 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8064 .elementor-element.elementor-element-4fe7909{--display:flex;}.elementor-8064 .elementor-element.elementor-element-e0f6f73 img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-0706da6 img{border-style:solid;border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-8f08f07 .elementor-button{background-color:var( --e-global-color-79cb7c6 );border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-8f08f07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-8f08f07{z-index:3;}.elementor-8064 .elementor-element.elementor-element-8f08f07 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-8f08f07 .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-8f08f07 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-8f08f07 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-5a49892 .elementor-button{background-color:var( --e-global-color-79cb7c6 );transition-duration:1s;border-radius:13px 13px 13px 13px;}.elementor-8064 .elementor-element.elementor-element-5a49892{z-index:3;}.elementor-8064 .elementor-element.elementor-element-5a49892 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-5a49892 .elementor-button:focus{color:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-5a49892 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-5a49892 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8064 .elementor-element.elementor-element-18ff16f4{--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;}.elementor-8064 .elementor-element.elementor-element-18ff16f4:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-18ff16f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-18ff16f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8064 .elementor-element.elementor-element-7b58bbea{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-79cb7c6 );--border-color:var( --e-global-color-79cb7c6 );}body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-1bee071d{left:0px;}body.rtl .elementor-8064 .elementor-element.elementor-element-1bee071d{right:0px;}.elementor-8064 .elementor-element.elementor-element-1bee071d{top:0px;}.elementor-8064 .elementor-element.elementor-element-1dcdf4cf{--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;--overflow:auto;}.elementor-8064 .elementor-element.elementor-element-2020e3b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-49e3fec1 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-49e3fec1:hover img{opacity:1;}.elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-388bbe02 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-7c015261{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-8064 .elementor-element.elementor-element-7c015261:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-7c015261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8064 .elementor-element.elementor-element-159191b5{--display:flex;}.elementor-8064 .elementor-element.elementor-element-4fa66156{--display:flex;}.elementor-8064 .elementor-element.elementor-element-7c66883e > .elementor-widget-container{border-style:none;}.elementor-8064 .elementor-element.elementor-element-7c66883e img{border-style:solid;}.elementor-8064 .elementor-element.elementor-element-72ae1eb9{--display:flex;}.elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button{background-color:var( --e-global-color-text );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:#000000;color:#000000;}.elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button:focus{background-color:var( --e-global-color-79cb7c6 );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button{background-color:var( --e-global-color-79cb7c6 );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-400de1bd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-41b8d2f8 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-41b8d2f8:hover img{opacity:1;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-6620736e{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-8064 .elementor-element.elementor-element-6620736e:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-6620736e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8064 .elementor-element.elementor-element-593ec0c8{--display:flex;}.elementor-8064 .elementor-element.elementor-element-38f255b7{--display:flex;}.elementor-8064 .elementor-element.elementor-element-27066331 > .elementor-widget-container{border-style:none;}.elementor-8064 .elementor-element.elementor-element-27066331 img{border-style:solid;}.elementor-8064 .elementor-element.elementor-element-1e97f96a{--display:flex;}.elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button{background-color:var( --e-global-color-text );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:#000000;color:#000000;}.elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button:focus{background-color:var( --e-global-color-79cb7c6 );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button{background-color:var( --e-global-color-79cb7c6 );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-677d2b1f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-1786313b img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-1786313b:hover img{opacity:1;}.elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-12155192 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-2a2f258c{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-8064 .elementor-element.elementor-element-2a2f258c:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-2a2f258c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8064 .elementor-element.elementor-element-248899ef{--display:flex;}.elementor-8064 .elementor-element.elementor-element-a32ec46{--display:flex;}.elementor-8064 .elementor-element.elementor-element-583b1228 > .elementor-widget-container{border-style:none;}.elementor-8064 .elementor-element.elementor-element-583b1228 img{border-style:solid;}.elementor-8064 .elementor-element.elementor-element-4823f50{--display:flex;}.elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button{background-color:var( --e-global-color-text );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:#000000;color:#000000;}.elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button:focus{background-color:var( --e-global-color-79cb7c6 );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button{background-color:var( --e-global-color-79cb7c6 );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-230ca93f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-1789a993 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-1789a993:hover img{opacity:1;}.elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-55a26b22 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-1fd16d48{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-8064 .elementor-element.elementor-element-1fd16d48:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-1fd16d48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8064 .elementor-element.elementor-element-47bcdcb8{--display:flex;}.elementor-8064 .elementor-element.elementor-element-55f6a03{--display:flex;}.elementor-8064 .elementor-element.elementor-element-38aa83ab > .elementor-widget-container{border-style:none;}.elementor-8064 .elementor-element.elementor-element-38aa83ab img{border-style:solid;}.elementor-8064 .elementor-element.elementor-element-4ceb2f4c{--display:flex;}.elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button{background-color:var( --e-global-color-text );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:#000000;color:#000000;}.elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button:focus{background-color:var( --e-global-color-79cb7c6 );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button{background-color:var( --e-global-color-79cb7c6 );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-2b161a67{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-707fceb2 img{width:100%;height:300px;object-fit:cover;object-position:center center;opacity:1;transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-707fceb2:hover img{opacity:1;}.elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button{background-color:#FFFFFF00;font-family:"Saira", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:1em;text-shadow:1px 2px 32px rgba(255, 255, 255, 0.99);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);transition-duration:0.2s;}.elementor-8064 .elementor-element.elementor-element-56acdf18 > .elementor-widget-container{margin:-200px -200px -200px -200px;}.elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button:focus{color:#000000;}.elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button:focus svg{fill:#000000;}.elementor-8064 .elementor-element.elementor-element-2de6e33f{--display:flex;border-style:solid;--border-style:solid;border-color:#000000;--border-color:#000000;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-8064 .elementor-element.elementor-element-2de6e33f:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-2de6e33f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8064 .elementor-element.elementor-element-3b638fbf{--display:flex;}.elementor-8064 .elementor-element.elementor-element-29f64647{--display:flex;}.elementor-8064 .elementor-element.elementor-element-613698f7 > .elementor-widget-container{border-style:none;}.elementor-8064 .elementor-element.elementor-element-613698f7 img{border-style:solid;}.elementor-8064 .elementor-element.elementor-element-27285e9f{--display:flex;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button{background-color:var( --e-global-color-text );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:#000000;color:#000000;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button:focus{background-color:var( --e-global-color-79cb7c6 );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button{background-color:var( --e-global-color-79cb7c6 );font-family:"Saira", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button:hover, .elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button:hover svg, .elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-1843c335{--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;--overflow:hidden;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-32f5d4c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-32f5d4c5:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-32f5d4c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-8064 .elementor-element.elementor-element-32f5d4c5 > .elementor-shape-top svg, .elementor-8064 .elementor-element.elementor-element-32f5d4c5 > .e-con-inner > .elementor-shape-top svg{height:40px;}.elementor-8064 .elementor-element.elementor-element-32f5d4c5 > .elementor-shape-bottom svg, .elementor-8064 .elementor-element.elementor-element-32f5d4c5 > .e-con-inner > .elementor-shape-bottom svg{height:34px;}.elementor-8064 .elementor-element.elementor-element-43f7e4a7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-8064 .elementor-element.elementor-element-43f7e4a7 > .elementor-widget-container{--e-transform-scale:1.2;margin:0px 0px -16px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-43f7e4a7.elementor-element{--align-self:center;}.elementor-8064 .elementor-element.elementor-element-43f7e4a7 img{max-width:100%;}.elementor-8064 .elementor-element.elementor-element-7310a750{--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;--overlay-opacity:0.5;}.elementor-8064 .elementor-element.elementor-element-7310a750::before, .elementor-8064 .elementor-element.elementor-element-7310a750 > .elementor-background-video-container::before, .elementor-8064 .elementor-element.elementor-element-7310a750 > .e-con-inner > .elementor-background-video-container::before, .elementor-8064 .elementor-element.elementor-element-7310a750 > .elementor-background-slideshow::before, .elementor-8064 .elementor-element.elementor-element-7310a750 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8064 .elementor-element.elementor-element-7310a750 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8064 .elementor-element.elementor-element-7d629bf1{--e-rating-justify-content:center;--e-rating-icon-font-size:43px;--e-rating-icon-marked-color:var( --e-global-color-79cb7c6 );}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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 );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8064 .elementor-element.elementor-element-15a2eaf2 .elementor-swiper-button{font-size:20px;}.elementor-8064 .elementor-element.elementor-element-15a2eaf2 .elementor-testimonial__text{color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-15a2eaf2 .elementor-testimonial__name{color:var( --e-global-color-primary );}body.rtl .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_inline.elementor-testimonial--align-left .elementor-testimonial__image + cite, body.rtl .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_above.elementor-testimonial--align-left .elementor-testimonial__image + cite, body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-left:37px;margin-right:0;}body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_inline.elementor-testimonial--align-right .elementor-testimonial__image + cite, body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_above.elementor-testimonial--align-right .elementor-testimonial__image + cite, body.rtl .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_inline .elementor-testimonial__image + cite, body.rtl .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_above .elementor-testimonial__image + cite{margin-right:37px;margin-left:0;}.elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_stacked .elementor-testimonial__image + cite, .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_left .elementor-testimonial__image + cite, .elementor-8064 .elementor-element.elementor-element-15a2eaf2.elementor-testimonial--layout-image_right .elementor-testimonial__image + cite{margin-top:37px;}.elementor-8064 .elementor-element.elementor-element-4bb9be4b{--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;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-repeater-item-d661b36 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/Descente-sensationnelles-scaled.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-repeater-item-bfecbb5 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/SIMPLE-ET-ACCESSIBLE-scaled.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-repeater-item-b326065 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/Materiel-fourni-scaled-e1786360747295.png);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-repeater-item-bbeeeea .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/PARTEZ-A-LEXPLORATION-scaled-e1786284075368.jpg);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-repeater-item-97c04d2 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://sosnooc.com/wp-content/uploads/2026/08/ludique-et-conviviale-scaled-e1786278075222.png);background-size:cover;}.elementor-8064 .elementor-element.elementor-element-28328ea0{width:100%;max-width:100%;}.elementor-8064 .elementor-element.elementor-element-28328ea0 > .elementor-widget-container{margin:4px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-slide{height:380px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-slide-contents{max-width:100%;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-slide-inner{padding:0px 00px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-1c42d521{--e-image-carousel-slides-to-show:4;}.elementor-8064 .elementor-element.elementor-element-1c42d521 > .elementor-widget-container{margin:57px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-1c42d521 .swiper-wrapper{display:flex;align-items:flex-start;}.elementor-8064 .elementor-element.elementor-element-20d54b29{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8064 .elementor-element.elementor-element-5c28a7ab{text-align:center;}.elementor-8064 .elementor-element.elementor-element-69215871{--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;}.elementor-8064 .elementor-element.elementor-element-69215871:not(.elementor-motion-effects-element-type-background), .elementor-8064 .elementor-element.elementor-element-69215871 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79cb7c6 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{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 );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-group{padding-right:calc( 16px/2 );padding-left:calc( 16px/2 );margin-bottom:13px;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-form-fields-wrapper{margin-left:calc( -16px/2 );margin-right:calc( -16px/2 );margin-bottom:-13px;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-labels-inline .elementor-field-group > label{padding-left:17px;}body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-labels-inline .elementor-field-group > label{padding-right:17px;}body .elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-labels-above .elementor-field-group > label{padding-bottom:17px;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-type-html{padding-bottom:1px;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button{font-family:"Saira", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;line-height:1em;border-radius:0px 0px 0px 0px;padding:-3px -3px -3px -3px;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:#FFDE59;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:#FFDE59;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button[type="submit"] svg *{fill:#FFDE59;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-8064 .elementor-element.elementor-element-15b919d6 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8064 .elementor-element.elementor-element-15b919d6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-8064 .elementor-element.elementor-element-73d1ed68 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-8064 .elementor-element.elementor-element-73d1ed68 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-8064 .elementor-element.elementor-element-72f505e6{--display:flex;}@media(min-width:768px){.elementor-8064 .elementor-element.elementor-element-44832ebf{--width:70%;}.elementor-8064 .elementor-element.elementor-element-7ecedeb2{--width:100%;}.elementor-8064 .elementor-element.elementor-element-1843c335{--content-width:1600px;}.elementor-8064 .elementor-element.elementor-element-32f5d4c5{--width:80%;}.elementor-8064 .elementor-element.elementor-element-7310a750{--width:100%;}.elementor-8064 .elementor-element.elementor-element-69215871{--content-width:1047px;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button{font-size:13px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button{font-size:13px;}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button{font-size:13px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8064 .elementor-element.elementor-element-1c42d521 > .elementor-widget-container{margin:51px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button{font-size:13px;}}@media(max-width:767px){.elementor-8064 .elementor-element.elementor-element-2faf757b{--min-height:0px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-2ab90999 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-2ab90999.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-slide{height:150px;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-slide-contents{max-width:100%;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .elementor-swiper-button{font-size:0px;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:16px;--swiper-pagination-bullet-vertical-gap:16px;height:0px;width:0px;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-horizontal .swiper-pagination-progressbar{height:0px;}.elementor-8064 .elementor-element.elementor-element-2ab90999 .swiper-pagination-fraction{font-size:0px;}.elementor-8064 .elementor-element.elementor-element-44ac1811.e-con{--e-con-transform-translateX:-36px;--e-con-transform-scale:1.04;}.elementor-8064 .elementor-element.elementor-element-44ac1811{--margin-top:8px;--margin-bottom:0px;--margin-left:28px;--margin-right:0px;--padding-top:-1px;--padding-bottom:0px;--padding-left:13px;--padding-right:10px;}.elementor-8064 .elementor-element.elementor-element-44832ebf{--width:80%;--min-height:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:13px 13px 13px 13px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-8064 .elementor-element.elementor-element-44832ebf.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8064 .elementor-element.elementor-element-749aea20{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;top:-41%;z-index:9;text-align:start;}.elementor-8064 .elementor-element.elementor-element-749aea20 > .elementor-widget-container{margin:0px 0px -97px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-749aea20 img{width:100%;}.elementor-8064 .elementor-element.elementor-element-751f7f83{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-8064 .elementor-element.elementor-element-751f7f83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-751f7f83 img{width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-3f9a54b8 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-58b6dbec{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8064 .elementor-element.elementor-element-2f78afb .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-68095f1{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8064 .elementor-element.elementor-element-a88ef43 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-862810c{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8064 .elementor-element.elementor-element-fed5543 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-c6f0bc7{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8064 .elementor-element.elementor-element-9b49419 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-ee20653{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8064 .elementor-element.elementor-element-18ff16f4{--width:100%;--min-height:0px;--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;--margin-top:29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-18ff16f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8064 .elementor-element.elementor-element-7b58bbea{--width:80%;--min-height:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:13px 13px 13px 13px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-8064 .elementor-element.elementor-element-7b58bbea.e-con{--align-self:center;}.elementor-8064 .elementor-element.elementor-element-1bee071d{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;top:-41px;z-index:9;text-align:start;}.elementor-8064 .elementor-element.elementor-element-1bee071d > .elementor-widget-container{margin:0px 0px -97px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-8064 .elementor-element.elementor-element-1bee071d{left:165px;}body.rtl .elementor-8064 .elementor-element.elementor-element-1bee071d{right:165px;}.elementor-8064 .elementor-element.elementor-element-1bee071d img{width:100%;}.elementor-8064 .elementor-element.elementor-element-22e99f2c{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-8064 .elementor-element.elementor-element-22e99f2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-22e99f2c img{width:100%;}.elementor-8064 .elementor-element.elementor-element-1dcdf4cf{--min-height:0px;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-2020e3b1{--gap:0px 0px;--row-gap:0px;--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;}.elementor-8064 .elementor-element.elementor-element-49e3fec1 img{height:120px;}.elementor-8064 .elementor-element.elementor-element-388bbe02 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-388bbe02 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-7c015261.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-8064 .elementor-element.elementor-element-7c015261{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:27px 27px 27px 27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-159191b5{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-4fa66156{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-7c66883e > .elementor-widget-container{margin:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-7c66883e img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-72ae1eb9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-27e301e4 > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-27e301e4 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-d589995 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-d589995.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-d589995 .elementor-button{font-size:12px;border-radius:0px 0px 7px 07px;padding:7px 5px 7px 4px;}.elementor-8064 .elementor-element.elementor-element-1d212ea1 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-1d212ea1.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-1d212ea1 .elementor-button{font-size:12px;border-radius:0px 0px 7px 7px;padding:7px 4px 7px 3px;}.elementor-8064 .elementor-element.elementor-element-400de1bd{--gap:0px 0px;--row-gap:0px;--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;}.elementor-8064 .elementor-element.elementor-element-41b8d2f8 img{height:120px;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-33cd27f3 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-6620736e.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-8064 .elementor-element.elementor-element-6620736e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:27px 27px 27px 27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-593ec0c8{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-38f255b7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-27066331 > .elementor-widget-container{margin:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-27066331 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-1e97f96a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-1c945dcb > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-1c945dcb img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-4b8aad12 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-4b8aad12.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-4b8aad12 .elementor-button{font-size:12px;border-radius:0px 0px 7px 07px;padding:7px 5px 7px 4px;}.elementor-8064 .elementor-element.elementor-element-70faa61e > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-70faa61e.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-70faa61e .elementor-button{font-size:12px;border-radius:0px 0px 7px 7px;padding:7px 4px 7px 3px;}.elementor-8064 .elementor-element.elementor-element-677d2b1f{--gap:0px 0px;--row-gap:0px;--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;}.elementor-8064 .elementor-element.elementor-element-1786313b img{height:120px;}.elementor-8064 .elementor-element.elementor-element-12155192 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-12155192 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-2a2f258c.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-8064 .elementor-element.elementor-element-2a2f258c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:27px 27px 27px 27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-248899ef{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-a32ec46{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-583b1228 > .elementor-widget-container{margin:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-583b1228 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-4823f50{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-44298e2e > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-44298e2e img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-7b1547b5 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-7b1547b5.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-7b1547b5 .elementor-button{font-size:12px;border-radius:0px 0px 7px 07px;padding:7px 5px 7px 4px;}.elementor-8064 .elementor-element.elementor-element-759dc4d9 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-759dc4d9.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-759dc4d9 .elementor-button{font-size:12px;border-radius:0px 0px 7px 7px;padding:7px 4px 7px 3px;}.elementor-8064 .elementor-element.elementor-element-230ca93f{--gap:0px 0px;--row-gap:0px;--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;}.elementor-8064 .elementor-element.elementor-element-1789a993 img{height:120px;}.elementor-8064 .elementor-element.elementor-element-55a26b22 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-55a26b22 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-1fd16d48.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-8064 .elementor-element.elementor-element-1fd16d48{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:27px 27px 27px 27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-47bcdcb8{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-55f6a03{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-38aa83ab > .elementor-widget-container{margin:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-38aa83ab img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-4ceb2f4c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-127e0f60 > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-127e0f60 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-5e0165a5 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-5e0165a5.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-5e0165a5 .elementor-button{font-size:12px;border-radius:0px 0px 7px 07px;padding:7px 5px 7px 4px;}.elementor-8064 .elementor-element.elementor-element-5b8960d3 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-5b8960d3.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-5b8960d3 .elementor-button{font-size:12px;border-radius:0px 0px 7px 7px;padding:7px 4px 7px 3px;}.elementor-8064 .elementor-element.elementor-element-2b161a67{--gap:0px 0px;--row-gap:0px;--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;}.elementor-8064 .elementor-element.elementor-element-707fceb2 img{height:120px;}.elementor-8064 .elementor-element.elementor-element-56acdf18 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-56acdf18 .elementor-button{font-size:12px;}.elementor-8064 .elementor-element.elementor-element-2de6e33f.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-8064 .elementor-element.elementor-element-2de6e33f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--border-radius:27px 27px 27px 27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-3b638fbf{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8064 .elementor-element.elementor-element-29f64647{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-613698f7 > .elementor-widget-container{margin:-10px -10px -10px -10px;border-radius:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-613698f7 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-27285e9f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8064 .elementor-element.elementor-element-40d74a3 > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-40d74a3 img{border-radius:26px 26px 26px 26px;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-1fc28e1a .elementor-button{font-size:12px;border-radius:0px 0px 7px 07px;padding:7px 5px 7px 4px;}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-6aeb5b3a .elementor-button{font-size:12px;border-radius:0px 0px 7px 7px;padding:7px 4px 7px 3px;}.elementor-8064 .elementor-element.elementor-element-43f7e4a7 > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-7d629bf1 > .elementor-widget-container{margin:21px 0px 0px 0px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8064 .elementor-element.elementor-element-4bb9be4b{--margin-top:-34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0.elementor-element{--align-self:flex-start;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-slide{height:150px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .elementor-swiper-button{font-size:0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:16px;--swiper-pagination-bullet-vertical-gap:16px;height:0px;width:0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-horizontal .swiper-pagination-progressbar{height:0px;}.elementor-8064 .elementor-element.elementor-element-28328ea0 .swiper-pagination-fraction{font-size:0px;}.elementor-8064 .elementor-element.elementor-element-1c42d521 > .elementor-widget-container{margin:-13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8064 .elementor-element.elementor-element-15b919d6 .elementor-button{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-34ce76da *//* ========================================================= CARTE — DÉCOUVERTE ORDINATEUR ========================================================= */ /* ========================================================= RÉGLAGE DU DÉCALAGE VERTICAL ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte { --decalage-vertical: 50px; } /* ========================================================= ÉTAT FERMÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte { position: relative !important; max-height: 0; overflow: hidden; opacity: 0; transform: scaleY(0.96); transform-origin: top; filter: blur(2px); transition: max-height 0.6s ease, opacity 0.45s ease, transform 0.6s ease, filter 0.45s ease, padding 0.6s ease; } /* ========================================================= ÉTAT OUVERT ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte.is-open { max-height: 700px !important; opacity: 1; transform: scaleY(1); filter: blur(0); padding-right: 45%; } /* ========================================================= FLIP IMAGE ORDINATEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-flip-ordinateur { position: relative !important; width: 100%; height: auto; } /* ========================================================= IMAGES RECTO / VERSO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-recto-ordinateur, .elementor-8064 .elementor-element.elementor-element-34ce76da .image-verso-ordinateur { transition: opacity 0.4s ease, visibility 0.4s ease; } /* Recto */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-recto-ordinateur { opacity: 1; visibility: visible; } /* Verso */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-verso-ordinateur { opacity: 0; visibility: hidden; position: absolute !important; inset: 0; } /* ========================================================= ÉTAT FLIPPÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-flip-ordinateur.is-flipped .image-recto-ordinateur { opacity: 0; visibility: hidden; } .elementor-8064 .elementor-element.elementor-element-34ce76da .image-flip-ordinateur.is-flipped .image-verso-ordinateur { opacity: 1; visibility: visible; } /* ========================================================= ZONE VIDÉO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .video-zone { position: absolute !important; left: 60% !important; right: auto !important; bottom: auto !important; top: var(--decalage-vertical) !important; width: 40% !important; height: 250px !important; min-height: 250px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 100 !important; } /* Miniature vidéo */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; } /* Hover miniature */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .video-thumbnail:hover { transform: scale(1.03); } /* Bouton Play */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } /* Lecteur vidéo */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= EN SAVOIR PLUS / RETOUR ========================================================= +20px supplémentaires sous la vidéo. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .bouton-flip-ordinateur { position: absolute !important; top: calc(285px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= RÉSERVER ========================================================= Descendu exactement de la même distance. L'écart avec En savoir plus reste identique. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .bouton-reservation { position: absolute !important; top: calc(340px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= BOUTONS ELEMENTOR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .bouton-flip-ordinateur .elementor-button, .elementor-8064 .elementor-element.elementor-element-34ce76da .bouton-reservation .elementor-button { width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; flex: 0 0 auto !important; transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= EN SAVOIR PLUS / RETOUR — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= RÉSERVER — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .bouton-reservation .elementor-button { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= HOVER — EN SAVOIR PLUS / RETOUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .decouverte .bouton-flip-ordinateur .elementor-button:hover { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — RÉSERVER ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .bouton-reservation .elementor-button:hover { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-flip-ordinateur img { display: block; width: 100%; height: auto; } /* ========================================================= SÉCURITÉ — FLIP ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34ce76da .image-flip-ordinateur.is-flipped ~ .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — BOUTON VISIBLE SUR L'IMAGE PRINCIPALE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-34ce76da .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #FFFFFF !important; text-shadow: 1px 2px 32px #FFFFFF !important; transition: color 0.2s ease, text-shadow 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-34ce76da:hover .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #000000 !important; text-shadow: 1px 2px 32px #FFFFFF !important; } /* ========================================================= HOVER — IMAGE PRINCIPALE SUR TOUTE LA CARTE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-34ce76da .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); transition: filter 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-34ce76da:hover .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(0) brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e2510b2 *//* ========================================================= CARTE — DÉCOUVERTE ORDINATEUR ========================================================= */ /* ========================================================= RÉGLAGE DU DÉCALAGE VERTICAL ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte { --decalage-vertical: 50px; } /* ========================================================= ÉTAT FERMÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte { position: relative !important; max-height: 0; overflow: hidden; opacity: 0; transform: scaleY(0.96); transform-origin: top; filter: blur(2px); transition: max-height 0.6s ease, opacity 0.45s ease, transform 0.6s ease, filter 0.45s ease, padding 0.6s ease; } /* ========================================================= ÉTAT OUVERT ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte.is-open { max-height: 700px !important; opacity: 1; transform: scaleY(1); filter: blur(0); padding-right: 45%; } /* ========================================================= FLIP IMAGE ORDINATEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-flip-ordinateur { position: relative !important; width: 100%; height: auto; } /* ========================================================= IMAGES RECTO / VERSO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-recto-ordinateur, .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-verso-ordinateur { transition: opacity 0.4s ease, visibility 0.4s ease; } /* Recto */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-recto-ordinateur { opacity: 1; visibility: visible; } /* Verso */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-verso-ordinateur { opacity: 0; visibility: hidden; position: absolute !important; inset: 0; } /* ========================================================= ÉTAT FLIPPÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-flip-ordinateur.is-flipped .image-recto-ordinateur { opacity: 0; visibility: hidden; } .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-flip-ordinateur.is-flipped .image-verso-ordinateur { opacity: 1; visibility: visible; } /* ========================================================= ZONE VIDÉO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .video-zone { position: absolute !important; left: 60% !important; right: auto !important; bottom: auto !important; top: var(--decalage-vertical) !important; width: 40% !important; height: 250px !important; min-height: 250px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 100 !important; } /* Miniature vidéo */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; } /* Hover miniature */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .video-thumbnail:hover { transform: scale(1.03); } /* Bouton Play */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } /* Lecteur vidéo */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= EN SAVOIR PLUS / RETOUR ========================================================= +20px supplémentaires sous la vidéo. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .bouton-flip-ordinateur { position: absolute !important; top: calc(285px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= RÉSERVER ========================================================= Descendu exactement de la même distance. L'écart avec En savoir plus reste identique. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .bouton-reservation { position: absolute !important; top: calc(340px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= BOUTONS ELEMENTOR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .bouton-flip-ordinateur .elementor-button, .elementor-8064 .elementor-element.elementor-element-e2510b2 .bouton-reservation .elementor-button { width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; flex: 0 0 auto !important; transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= EN SAVOIR PLUS / RETOUR — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= RÉSERVER — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .bouton-reservation .elementor-button { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= HOVER — EN SAVOIR PLUS / RETOUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .decouverte .bouton-flip-ordinateur .elementor-button:hover { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — RÉSERVER ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .bouton-reservation .elementor-button:hover { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-flip-ordinateur img { display: block; width: 100%; height: auto; } /* ========================================================= SÉCURITÉ — FLIP ========================================================= */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .image-flip-ordinateur.is-flipped ~ .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — BOUTON VISIBLE SUR L'IMAGE PRINCIPALE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #FFFFFF !important; text-shadow: 1px 2px 32px #FFFFFF !important; transition: color 0.2s ease, text-shadow 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-e2510b2:hover .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #000000 !important; text-shadow: 1px 2px 32px #FFFFFF !important; } /* ========================================================= HOVER — IMAGE PRINCIPALE SUR TOUTE LA CARTE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-e2510b2 .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); transition: filter 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-e2510b2:hover .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(0) brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ef29182 *//* ========================================================= CARTE — DÉCOUVERTE ORDINATEUR ========================================================= */ /* ========================================================= RÉGLAGE DU DÉCALAGE VERTICAL ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte { --decalage-vertical: 50px; } /* ========================================================= ÉTAT FERMÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte { position: relative !important; max-height: 0; overflow: hidden; opacity: 0; transform: scaleY(0.96); transform-origin: top; filter: blur(2px); transition: max-height 0.6s ease, opacity 0.45s ease, transform 0.6s ease, filter 0.45s ease, padding 0.6s ease; } /* ========================================================= ÉTAT OUVERT ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte.is-open { max-height: 700px !important; opacity: 1; transform: scaleY(1); filter: blur(0); padding-right: 45%; } /* ========================================================= FLIP IMAGE ORDINATEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-flip-ordinateur { position: relative !important; width: 100%; height: auto; } /* ========================================================= IMAGES RECTO / VERSO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-recto-ordinateur, .elementor-8064 .elementor-element.elementor-element-ef29182 .image-verso-ordinateur { transition: opacity 0.4s ease, visibility 0.4s ease; } /* Recto */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-recto-ordinateur { opacity: 1; visibility: visible; } /* Verso */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-verso-ordinateur { opacity: 0; visibility: hidden; position: absolute !important; inset: 0; } /* ========================================================= ÉTAT FLIPPÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-flip-ordinateur.is-flipped .image-recto-ordinateur { opacity: 0; visibility: hidden; } .elementor-8064 .elementor-element.elementor-element-ef29182 .image-flip-ordinateur.is-flipped .image-verso-ordinateur { opacity: 1; visibility: visible; } /* ========================================================= ZONE VIDÉO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .video-zone { position: absolute !important; left: 60% !important; right: auto !important; bottom: auto !important; top: var(--decalage-vertical) !important; width: 40% !important; height: 250px !important; min-height: 250px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 100 !important; } /* Miniature vidéo */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; } /* Hover miniature */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .video-thumbnail:hover { transform: scale(1.03); } /* Bouton Play */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } /* Lecteur vidéo */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= EN SAVOIR PLUS / RETOUR ========================================================= +20px supplémentaires sous la vidéo. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .bouton-flip-ordinateur { position: absolute !important; top: calc(285px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= RÉSERVER ========================================================= Descendu exactement de la même distance. L'écart avec En savoir plus reste identique. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .bouton-reservation { position: absolute !important; top: calc(340px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= BOUTONS ELEMENTOR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .bouton-flip-ordinateur .elementor-button, .elementor-8064 .elementor-element.elementor-element-ef29182 .bouton-reservation .elementor-button { width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; flex: 0 0 auto !important; transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= EN SAVOIR PLUS / RETOUR — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= RÉSERVER — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .bouton-reservation .elementor-button { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= HOVER — EN SAVOIR PLUS / RETOUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .decouverte .bouton-flip-ordinateur .elementor-button:hover { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — RÉSERVER ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .bouton-reservation .elementor-button:hover { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-flip-ordinateur img { display: block; width: 100%; height: auto; } /* ========================================================= SÉCURITÉ — FLIP ========================================================= */ .elementor-8064 .elementor-element.elementor-element-ef29182 .image-flip-ordinateur.is-flipped ~ .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — BOUTON VISIBLE SUR L'IMAGE PRINCIPALE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-ef29182 .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #FFFFFF !important; text-shadow: 1px 2px 32px #FFFFFF !important; transition: color 0.2s ease, text-shadow 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-ef29182:hover .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #000000 !important; text-shadow: 1px 2px 32px #FFFFFF !important; } /* ========================================================= HOVER — IMAGE PRINCIPALE SUR TOUTE LA CARTE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-ef29182 .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); transition: filter 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-ef29182:hover .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(0) brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-34312c5 *//* ========================================================= CARTE — DÉCOUVERTE ORDINATEUR ========================================================= */ /* ========================================================= RÉGLAGE DU DÉCALAGE VERTICAL ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte { --decalage-vertical: 50px; } /* ========================================================= ÉTAT FERMÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte { position: relative !important; max-height: 0; overflow: hidden; opacity: 0; transform: scaleY(0.96); transform-origin: top; filter: blur(2px); transition: max-height 0.6s ease, opacity 0.45s ease, transform 0.6s ease, filter 0.45s ease, padding 0.6s ease; } /* ========================================================= ÉTAT OUVERT ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte.is-open { max-height: 700px !important; opacity: 1; transform: scaleY(1); filter: blur(0); padding-right: 45%; } /* ========================================================= FLIP IMAGE ORDINATEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-flip-ordinateur { position: relative !important; width: 100%; height: auto; } /* ========================================================= IMAGES RECTO / VERSO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-recto-ordinateur, .elementor-8064 .elementor-element.elementor-element-34312c5 .image-verso-ordinateur { transition: opacity 0.4s ease, visibility 0.4s ease; } /* Recto */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-recto-ordinateur { opacity: 1; visibility: visible; } /* Verso */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-verso-ordinateur { opacity: 0; visibility: hidden; position: absolute !important; inset: 0; } /* ========================================================= ÉTAT FLIPPÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-flip-ordinateur.is-flipped .image-recto-ordinateur { opacity: 0; visibility: hidden; } .elementor-8064 .elementor-element.elementor-element-34312c5 .image-flip-ordinateur.is-flipped .image-verso-ordinateur { opacity: 1; visibility: visible; } /* ========================================================= ZONE VIDÉO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .video-zone { position: absolute !important; left: 60% !important; right: auto !important; bottom: auto !important; top: var(--decalage-vertical) !important; width: 40% !important; height: 250px !important; min-height: 250px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 100 !important; } /* Miniature vidéo */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; } /* Hover miniature */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .video-thumbnail:hover { transform: scale(1.03); } /* Bouton Play */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } /* Lecteur vidéo */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= EN SAVOIR PLUS / RETOUR ========================================================= +20px supplémentaires sous la vidéo. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .bouton-flip-ordinateur { position: absolute !important; top: calc(285px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= RÉSERVER ========================================================= Descendu exactement de la même distance. L'écart avec En savoir plus reste identique. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .bouton-reservation { position: absolute !important; top: calc(340px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= BOUTONS ELEMENTOR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .bouton-flip-ordinateur .elementor-button, .elementor-8064 .elementor-element.elementor-element-34312c5 .bouton-reservation .elementor-button { width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; flex: 0 0 auto !important; transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= EN SAVOIR PLUS / RETOUR — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= RÉSERVER — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .bouton-reservation .elementor-button { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= HOVER — EN SAVOIR PLUS / RETOUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .decouverte .bouton-flip-ordinateur .elementor-button:hover { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — RÉSERVER ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .bouton-reservation .elementor-button:hover { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-flip-ordinateur img { display: block; width: 100%; height: auto; } /* ========================================================= SÉCURITÉ — FLIP ========================================================= */ .elementor-8064 .elementor-element.elementor-element-34312c5 .image-flip-ordinateur.is-flipped ~ .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — BOUTON VISIBLE SUR L'IMAGE PRINCIPALE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-34312c5 .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #FFFFFF !important; text-shadow: 1px 2px 32px #FFFFFF !important; transition: color 0.2s ease, text-shadow 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-34312c5:hover .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #000000 !important; text-shadow: 1px 2px 32px #FFFFFF !important; } /* ========================================================= HOVER — IMAGE PRINCIPALE SUR TOUTE LA CARTE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-34312c5 .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); transition: filter 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-34312c5:hover .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(0) brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c9ee6f6 *//* ========================================================= CARTE — DÉCOUVERTE ORDINATEUR ========================================================= */ /* ========================================================= RÉGLAGE DU DÉCALAGE VERTICAL ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte { --decalage-vertical: 50px; } /* ========================================================= ÉTAT FERMÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte { position: relative !important; max-height: 0; overflow: hidden; opacity: 0; transform: scaleY(0.96); transform-origin: top; filter: blur(2px); transition: max-height 0.6s ease, opacity 0.45s ease, transform 0.6s ease, filter 0.45s ease, padding 0.6s ease; } /* ========================================================= ÉTAT OUVERT ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte.is-open { max-height: 700px !important; opacity: 1; transform: scaleY(1); filter: blur(0); padding-right: 45%; } /* ========================================================= FLIP IMAGE ORDINATEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-flip-ordinateur { position: relative !important; width: 100%; height: auto; } /* ========================================================= IMAGES RECTO / VERSO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-recto-ordinateur, .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-verso-ordinateur { transition: opacity 0.4s ease, visibility 0.4s ease; } /* Recto */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-recto-ordinateur { opacity: 1; visibility: visible; } /* Verso */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-verso-ordinateur { opacity: 0; visibility: hidden; position: absolute !important; inset: 0; } /* ========================================================= ÉTAT FLIPPÉ ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-flip-ordinateur.is-flipped .image-recto-ordinateur { opacity: 0; visibility: hidden; } .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-flip-ordinateur.is-flipped .image-verso-ordinateur { opacity: 1; visibility: visible; } /* ========================================================= ZONE VIDÉO ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .video-zone { position: absolute !important; left: 60% !important; right: auto !important; bottom: auto !important; top: var(--decalage-vertical) !important; width: 40% !important; height: 250px !important; min-height: 250px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; z-index: 100 !important; } /* Miniature vidéo */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .video-thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: transform 0.4s ease, opacity 0.4s ease; } /* Hover miniature */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .video-thumbnail:hover { transform: scale(1.03); } /* Bouton Play */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; } /* Lecteur vidéo */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* ========================================================= EN SAVOIR PLUS / RETOUR ========================================================= +20px supplémentaires sous la vidéo. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .bouton-flip-ordinateur { position: absolute !important; top: calc(285px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= RÉSERVER ========================================================= Descendu exactement de la même distance. L'écart avec En savoir plus reste identique. ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .bouton-reservation { position: absolute !important; top: calc(340px + var(--decalage-vertical)) !important; left: 60% !important; right: auto !important; bottom: auto !important; width: 40% !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; z-index: 500 !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ========================================================= BOUTONS ELEMENTOR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .bouton-flip-ordinateur .elementor-button, .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .bouton-reservation .elementor-button { width: auto !important; min-width: 0 !important; max-width: max-content !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; box-sizing: border-box !important; flex: 0 0 auto !important; transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } /* ========================================================= EN SAVOIR PLUS / RETOUR — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= RÉSERVER — COULEUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .bouton-reservation .elementor-button { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= HOVER — EN SAVOIR PLUS / RETOUR ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .decouverte .bouton-flip-ordinateur .elementor-button:hover { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — RÉSERVER ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .bouton-reservation .elementor-button:hover { background-color: #FFFFFF !important; color: #000000 !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-flip-ordinateur img { display: block; width: 100%; height: auto; } /* ========================================================= SÉCURITÉ — FLIP ========================================================= */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .image-flip-ordinateur.is-flipped ~ .bouton-flip-ordinateur .elementor-button { background-color: #FBCA1F !important; color: #000000 !important; } /* ========================================================= HOVER — BOUTON VISIBLE SUR L'IMAGE PRINCIPALE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #FFFFFF !important; text-shadow: 1px 2px 32px #FFFFFF !important; transition: color 0.2s ease, text-shadow 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6:hover .elementor-widget-button:not(.bouton-flip-ordinateur):not(.bouton-reservation) .elementor-button { color: #000000 !important; text-shadow: 1px 2px 32px #FFFFFF !important; } /* ========================================================= HOVER — IMAGE PRINCIPALE SUR TOUTE LA CARTE ========================================================= */ /* État normal */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6 .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); transition: filter 0.2s ease !important; } /* Toute la carte est survolée */ .elementor-8064 .elementor-element.elementor-element-c9ee6f6:hover .elementor-widget-image:not(.decouverte .elementor-widget-image) img { filter: blur(0) brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7ecedeb2 */.elementor-8064 .elementor-element.elementor-element-7ecedeb2 { gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; grid-row-gap: 0 !important; } .elementor-8064 .elementor-element.elementor-element-7ecedeb2 > .e-con, .elementor-8064 .elementor-element.elementor-element-7ecedeb2 > .elementor-element { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2020e3b1 */.elementor-8064 .elementor-element.elementor-element-2020e3b1 { position: relative; } /* ========================================= DÉCOUVERTE MOBILE — FERMÉE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); /* Couleurs appliquées uniquement aux vrais boutons */ --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; /* Arrière-plan totalement transparent */ background: transparent !important; transition: max-height 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s linear 0.5s; } /* ========================================= DÉCOUVERTE MOBILE — OUVERTE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile.is-open { max-height: 1500px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); background: transparent !important; transition: max-height 0.6s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s; } /* ========================================= COULEURS — RECTO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile { --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; } /* ========================================= COULEURS — VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile.is-flipped { --couleur-en-savoir-plus: #FBCA1F; --couleur-reservation: #FFFFFF; } /* ========================================= CONTENEURS DES BOUTONS — TRANSPARENTS ========================================= */ /* On retire la couleur du widget Elementor pour éviter que les bordures ou les espaces autour du bouton soient colorés. */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .flip-button, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .bouton-reservation { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } /* ========================================= VRAI BOUTON ELEMENTOR : EN SAVOIR PLUS / RETOUR ========================================= */ /* La couleur est appliquée directement au bouton Elementor. */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .flip-button .elementor-button, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .flip-button.elementor-button, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .flip-button a { background-color: var(--couleur-en-savoir-plus) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VRAI BOUTON ELEMENTOR : RÉSERVATION ========================================= */ /* Le widget Réservation doit avoir la classe : bouton-reservation */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .bouton-reservation .elementor-button, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .bouton-reservation.elementor-button, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile .bouton-reservation a { background-color: var(--couleur-reservation) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VIDÉO MOBILE — POSITION SUR L’IMAGE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .elementor-widget-image { position: relative; } /* ========================================= VIDÉO MOBILE — OVERLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .elementor-widget-image .video-mobile-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; overflow: hidden !important; background: #000000; opacity: 1; transition: opacity 0.18s ease; } /* ========================================= OVERLAY EN COURS DE FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .elementor-widget-image .video-mobile-overlay.is-closing { opacity: 0; } /* ========================================= MINIATURE VIDÉO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-thumbnail { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ========================================= LECTEUR YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ========================================= IFRAME YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-player iframe { display: block; width: 100% !important; height: 100% !important; border: 0; } /* ========================================= BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-play { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 150 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= TRIANGLE BLANC DU BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-play::before { content: "" !important; display: block !important; width: 0 !important; height: 0 !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #FFFFFF !important; margin-left: 3px !important; } /* ========================================= BOUTON FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 200 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= CROIX BLANCHE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-close::before, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 2px !important; background: #FFFFFF !important; border-radius: 2px !important; } .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .elementor-8064 .elementor-element.elementor-element-2020e3b1 .video-mobile-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================= IMAGE PRINCIPALE — FLOU ET ASSOMBRISSEMENT ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .elementor-widget-image img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); opacity: 1; transition: filter 0.2s ease, opacity 0.2s ease; } /* ========================================= IMAGES DU CONTENU — SANS FILTRE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte-mobile img, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .decouverte img { filter: none !important; opacity: 1 !important; } /* ========================================= FLIP MOBILE — ZONE COMMUNE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-container { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } /* ========================================= RECTO ET VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-front, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-back { width: 100% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: transparent !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= RECTO — VISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-front { position: relative !important; z-index: 2 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= VERSO — INVISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-back { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= IMAGES DU RECTO ET DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-front img, .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-back img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain !important; margin: 0 auto !important; } /* ========================================= RETOURNEMENT — AFFICHAGE DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-container.is-flipped .flip-front { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-container.is-flipped .flip-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= BOUTON « EN SAVOIR PLUS » / « RETOUR » ========================================= */ .elementor-8064 .elementor-element.elementor-element-2020e3b1 .flip-button { cursor: pointer; background: transparent !important; background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-400de1bd */.elementor-8064 .elementor-element.elementor-element-400de1bd { position: relative; } /* ========================================= DÉCOUVERTE MOBILE — FERMÉE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); /* Couleurs appliquées uniquement aux vrais boutons */ --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; /* Arrière-plan totalement transparent */ background: transparent !important; transition: max-height 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s linear 0.5s; } /* ========================================= DÉCOUVERTE MOBILE — OUVERTE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile.is-open { max-height: 1500px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); background: transparent !important; transition: max-height 0.6s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s; } /* ========================================= COULEURS — RECTO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile { --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; } /* ========================================= COULEURS — VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile.is-flipped { --couleur-en-savoir-plus: #FBCA1F; --couleur-reservation: #FFFFFF; } /* ========================================= CONTENEURS DES BOUTONS — TRANSPARENTS ========================================= */ /* On retire la couleur du widget Elementor pour éviter que les bordures ou les espaces autour du bouton soient colorés. */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .flip-button, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .bouton-reservation { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } /* ========================================= VRAI BOUTON ELEMENTOR : EN SAVOIR PLUS / RETOUR ========================================= */ /* La couleur est appliquée directement au bouton Elementor. */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .flip-button .elementor-button, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .flip-button.elementor-button, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .flip-button a { background-color: var(--couleur-en-savoir-plus) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VRAI BOUTON ELEMENTOR : RÉSERVATION ========================================= */ /* Le widget Réservation doit avoir la classe : bouton-reservation */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .bouton-reservation .elementor-button, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .bouton-reservation.elementor-button, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile .bouton-reservation a { background-color: var(--couleur-reservation) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VIDÉO MOBILE — POSITION SUR L’IMAGE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .elementor-widget-image { position: relative; } /* ========================================= VIDÉO MOBILE — OVERLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .elementor-widget-image .video-mobile-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; overflow: hidden !important; background: #000000; opacity: 1; transition: opacity 0.18s ease; } /* ========================================= OVERLAY EN COURS DE FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .elementor-widget-image .video-mobile-overlay.is-closing { opacity: 0; } /* ========================================= MINIATURE VIDÉO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-thumbnail { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ========================================= LECTEUR YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ========================================= IFRAME YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-player iframe { display: block; width: 100% !important; height: 100% !important; border: 0; } /* ========================================= BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-play { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 150 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= TRIANGLE BLANC DU BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-play::before { content: "" !important; display: block !important; width: 0 !important; height: 0 !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #FFFFFF !important; margin-left: 3px !important; } /* ========================================= BOUTON FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 200 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= CROIX BLANCHE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-close::before, .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 2px !important; background: #FFFFFF !important; border-radius: 2px !important; } .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .elementor-8064 .elementor-element.elementor-element-400de1bd .video-mobile-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================= IMAGE PRINCIPALE — FLOU ET ASSOMBRISSEMENT ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .elementor-widget-image img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); opacity: 1; transition: filter 0.2s ease, opacity 0.2s ease; } /* ========================================= IMAGES DU CONTENU — SANS FILTRE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte-mobile img, .elementor-8064 .elementor-element.elementor-element-400de1bd .decouverte img { filter: none !important; opacity: 1 !important; } /* ========================================= FLIP MOBILE — ZONE COMMUNE ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-container { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } /* ========================================= RECTO ET VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-front, .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-back { width: 100% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: transparent !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= RECTO — VISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-front { position: relative !important; z-index: 2 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= VERSO — INVISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-back { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= IMAGES DU RECTO ET DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-front img, .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-back img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain !important; margin: 0 auto !important; } /* ========================================= RETOURNEMENT — AFFICHAGE DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-container.is-flipped .flip-front { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-container.is-flipped .flip-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= BOUTON « EN SAVOIR PLUS » / « RETOUR » ========================================= */ .elementor-8064 .elementor-element.elementor-element-400de1bd .flip-button { cursor: pointer; background: transparent !important; background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-677d2b1f */.elementor-8064 .elementor-element.elementor-element-677d2b1f { position: relative; } /* ========================================= DÉCOUVERTE MOBILE — FERMÉE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); /* Couleurs appliquées uniquement aux vrais boutons */ --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; /* Arrière-plan totalement transparent */ background: transparent !important; transition: max-height 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s linear 0.5s; } /* ========================================= DÉCOUVERTE MOBILE — OUVERTE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile.is-open { max-height: 1500px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); background: transparent !important; transition: max-height 0.6s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s; } /* ========================================= COULEURS — RECTO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile { --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; } /* ========================================= COULEURS — VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile.is-flipped { --couleur-en-savoir-plus: #FBCA1F; --couleur-reservation: #FFFFFF; } /* ========================================= CONTENEURS DES BOUTONS — TRANSPARENTS ========================================= */ /* On retire la couleur du widget Elementor pour éviter que les bordures ou les espaces autour du bouton soient colorés. */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .flip-button, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .bouton-reservation { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } /* ========================================= VRAI BOUTON ELEMENTOR : EN SAVOIR PLUS / RETOUR ========================================= */ /* La couleur est appliquée directement au bouton Elementor. */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .flip-button .elementor-button, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .flip-button.elementor-button, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .flip-button a { background-color: var(--couleur-en-savoir-plus) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VRAI BOUTON ELEMENTOR : RÉSERVATION ========================================= */ /* Le widget Réservation doit avoir la classe : bouton-reservation */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .bouton-reservation .elementor-button, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .bouton-reservation.elementor-button, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile .bouton-reservation a { background-color: var(--couleur-reservation) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VIDÉO MOBILE — POSITION SUR L’IMAGE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .elementor-widget-image { position: relative; } /* ========================================= VIDÉO MOBILE — OVERLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .elementor-widget-image .video-mobile-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; overflow: hidden !important; background: #000000; opacity: 1; transition: opacity 0.18s ease; } /* ========================================= OVERLAY EN COURS DE FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .elementor-widget-image .video-mobile-overlay.is-closing { opacity: 0; } /* ========================================= MINIATURE VIDÉO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-thumbnail { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ========================================= LECTEUR YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ========================================= IFRAME YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-player iframe { display: block; width: 100% !important; height: 100% !important; border: 0; } /* ========================================= BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-play { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 150 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= TRIANGLE BLANC DU BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-play::before { content: "" !important; display: block !important; width: 0 !important; height: 0 !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #FFFFFF !important; margin-left: 3px !important; } /* ========================================= BOUTON FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 200 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= CROIX BLANCHE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-close::before, .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 2px !important; background: #FFFFFF !important; border-radius: 2px !important; } .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .elementor-8064 .elementor-element.elementor-element-677d2b1f .video-mobile-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================= IMAGE PRINCIPALE — FLOU ET ASSOMBRISSEMENT ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .elementor-widget-image img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); opacity: 1; transition: filter 0.2s ease, opacity 0.2s ease; } /* ========================================= IMAGES DU CONTENU — SANS FILTRE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte-mobile img, .elementor-8064 .elementor-element.elementor-element-677d2b1f .decouverte img { filter: none !important; opacity: 1 !important; } /* ========================================= FLIP MOBILE — ZONE COMMUNE ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-container { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } /* ========================================= RECTO ET VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-front, .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-back { width: 100% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: transparent !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= RECTO — VISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-front { position: relative !important; z-index: 2 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= VERSO — INVISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-back { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= IMAGES DU RECTO ET DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-front img, .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-back img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain !important; margin: 0 auto !important; } /* ========================================= RETOURNEMENT — AFFICHAGE DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-container.is-flipped .flip-front { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-container.is-flipped .flip-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= BOUTON « EN SAVOIR PLUS » / « RETOUR » ========================================= */ .elementor-8064 .elementor-element.elementor-element-677d2b1f .flip-button { cursor: pointer; background: transparent !important; background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-230ca93f */.elementor-8064 .elementor-element.elementor-element-230ca93f { position: relative; } /* ========================================= DÉCOUVERTE MOBILE — FERMÉE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); /* Couleurs appliquées uniquement aux vrais boutons */ --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; /* Arrière-plan totalement transparent */ background: transparent !important; transition: max-height 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s linear 0.5s; } /* ========================================= DÉCOUVERTE MOBILE — OUVERTE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile.is-open { max-height: 1500px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); background: transparent !important; transition: max-height 0.6s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s; } /* ========================================= COULEURS — RECTO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile { --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; } /* ========================================= COULEURS — VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile.is-flipped { --couleur-en-savoir-plus: #FBCA1F; --couleur-reservation: #FFFFFF; } /* ========================================= CONTENEURS DES BOUTONS — TRANSPARENTS ========================================= */ /* On retire la couleur du widget Elementor pour éviter que les bordures ou les espaces autour du bouton soient colorés. */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .flip-button, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .bouton-reservation { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } /* ========================================= VRAI BOUTON ELEMENTOR : EN SAVOIR PLUS / RETOUR ========================================= */ /* La couleur est appliquée directement au bouton Elementor. */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .flip-button .elementor-button, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .flip-button.elementor-button, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .flip-button a { background-color: var(--couleur-en-savoir-plus) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VRAI BOUTON ELEMENTOR : RÉSERVATION ========================================= */ /* Le widget Réservation doit avoir la classe : bouton-reservation */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .bouton-reservation .elementor-button, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .bouton-reservation.elementor-button, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile .bouton-reservation a { background-color: var(--couleur-reservation) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VIDÉO MOBILE — POSITION SUR L’IMAGE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .elementor-widget-image { position: relative; } /* ========================================= VIDÉO MOBILE — OVERLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .elementor-widget-image .video-mobile-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; overflow: hidden !important; background: #000000; opacity: 1; transition: opacity 0.18s ease; } /* ========================================= OVERLAY EN COURS DE FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .elementor-widget-image .video-mobile-overlay.is-closing { opacity: 0; } /* ========================================= MINIATURE VIDÉO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-thumbnail { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ========================================= LECTEUR YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ========================================= IFRAME YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-player iframe { display: block; width: 100% !important; height: 100% !important; border: 0; } /* ========================================= BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-play { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 150 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= TRIANGLE BLANC DU BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-play::before { content: "" !important; display: block !important; width: 0 !important; height: 0 !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #FFFFFF !important; margin-left: 3px !important; } /* ========================================= BOUTON FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 200 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= CROIX BLANCHE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-close::before, .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 2px !important; background: #FFFFFF !important; border-radius: 2px !important; } .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .elementor-8064 .elementor-element.elementor-element-230ca93f .video-mobile-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================= IMAGE PRINCIPALE — FLOU ET ASSOMBRISSEMENT ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .elementor-widget-image img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); opacity: 1; transition: filter 0.2s ease, opacity 0.2s ease; } /* ========================================= IMAGES DU CONTENU — SANS FILTRE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte-mobile img, .elementor-8064 .elementor-element.elementor-element-230ca93f .decouverte img { filter: none !important; opacity: 1 !important; } /* ========================================= FLIP MOBILE — ZONE COMMUNE ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-container { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } /* ========================================= RECTO ET VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-front, .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-back { width: 100% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: transparent !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= RECTO — VISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-front { position: relative !important; z-index: 2 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= VERSO — INVISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-back { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= IMAGES DU RECTO ET DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-front img, .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-back img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain !important; margin: 0 auto !important; } /* ========================================= RETOURNEMENT — AFFICHAGE DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-container.is-flipped .flip-front { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-container.is-flipped .flip-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= BOUTON « EN SAVOIR PLUS » / « RETOUR » ========================================= */ .elementor-8064 .elementor-element.elementor-element-230ca93f .flip-button { cursor: pointer; background: transparent !important; background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2b161a67 */.elementor-8064 .elementor-element.elementor-element-2b161a67 { position: relative; } /* ========================================= DÉCOUVERTE MOBILE — FERMÉE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); /* Couleurs appliquées uniquement aux vrais boutons */ --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; /* Arrière-plan totalement transparent */ background: transparent !important; transition: max-height 0.5s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s linear 0.5s; } /* ========================================= DÉCOUVERTE MOBILE — OUVERTE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile.is-open { max-height: 1500px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); background: transparent !important; transition: max-height 0.6s ease, opacity 0.35s ease, transform 0.5s ease, visibility 0s; } /* ========================================= COULEURS — RECTO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile { --couleur-en-savoir-plus: #FFFFFF; --couleur-reservation: #FBCA1F; } /* ========================================= COULEURS — VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile.is-flipped { --couleur-en-savoir-plus: #FBCA1F; --couleur-reservation: #FFFFFF; } /* ========================================= CONTENEURS DES BOUTONS — TRANSPARENTS ========================================= */ /* On retire la couleur du widget Elementor pour éviter que les bordures ou les espaces autour du bouton soient colorés. */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .flip-button, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .bouton-reservation { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } /* ========================================= VRAI BOUTON ELEMENTOR : EN SAVOIR PLUS / RETOUR ========================================= */ /* La couleur est appliquée directement au bouton Elementor. */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .flip-button .elementor-button, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .flip-button.elementor-button, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .flip-button a { background-color: var(--couleur-en-savoir-plus) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VRAI BOUTON ELEMENTOR : RÉSERVATION ========================================= */ /* Le widget Réservation doit avoir la classe : bouton-reservation */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .bouton-reservation .elementor-button, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .bouton-reservation.elementor-button, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile .bouton-reservation a { background-color: var(--couleur-reservation) !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } /* ========================================= VIDÉO MOBILE — POSITION SUR L’IMAGE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .elementor-widget-image { position: relative; } /* ========================================= VIDÉO MOBILE — OVERLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .elementor-widget-image .video-mobile-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 100 !important; overflow: hidden !important; background: #000000; opacity: 1; transition: opacity 0.18s ease; } /* ========================================= OVERLAY EN COURS DE FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .elementor-widget-image .video-mobile-overlay.is-closing { opacity: 0; } /* ========================================= MINIATURE VIDÉO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-thumbnail { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ========================================= LECTEUR YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ========================================= IFRAME YOUTUBE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-player iframe { display: block; width: 100% !important; height: 100% !important; border: 0; } /* ========================================= BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-play { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 150 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= TRIANGLE BLANC DU BOUTON PLAY ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-play::before { content: "" !important; display: block !important; width: 0 !important; height: 0 !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #FFFFFF !important; margin-left: 3px !important; } /* ========================================= BOUTON FERMETURE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(17, 17, 17, 0.5) !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; color: #FFFFFF !important; font-size: 0 !important; line-height: 0 !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important; z-index: 200 !important; -webkit-appearance: none !important; appearance: none !important; } /* ========================================= CROIX BLANCHE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-close::before, .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 2px !important; background: #FFFFFF !important; border-radius: 2px !important; } .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .elementor-8064 .elementor-element.elementor-element-2b161a67 .video-mobile-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================= IMAGE PRINCIPALE — FLOU ET ASSOMBRISSEMENT ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .elementor-widget-image img { filter: blur(1.5px) brightness(50%) contrast(100%) saturate(100%) hue-rotate(0deg); opacity: 1; transition: filter 0.2s ease, opacity 0.2s ease; } /* ========================================= IMAGES DU CONTENU — SANS FILTRE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte-mobile img, .elementor-8064 .elementor-element.elementor-element-2b161a67 .decouverte img { filter: none !important; opacity: 1 !important; } /* ========================================= FLIP MOBILE — ZONE COMMUNE ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-container { position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: hidden !important; } /* ========================================= RECTO ET VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-front, .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-back { width: 100% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important; background: transparent !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= RECTO — VISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-front { position: relative !important; z-index: 2 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= VERSO — INVISIBLE AU DÉPART ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-back { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } /* ========================================= IMAGES DU RECTO ET DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-front img, .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-back img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain !important; margin: 0 auto !important; } /* ========================================= RETOURNEMENT — AFFICHAGE DU VERSO ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-container.is-flipped .flip-front { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.45s ease, visibility 0s linear 0.45s; } .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-container.is-flipped .flip-back { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity 0.45s ease, visibility 0s; } /* ========================================= BOUTON « EN SAVOIR PLUS » / « RETOUR » ========================================= */ .elementor-8064 .elementor-element.elementor-element-2b161a67 .flip-button { cursor: pointer; background: transparent !important; background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1dcdf4cf */.elementor-8064 .elementor-element.elementor-element-1dcdf4cf { gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; grid-row-gap: 0 !important; } .elementor-8064 .elementor-element.elementor-element-1dcdf4cf > .e-con, .elementor-8064 .elementor-element.elementor-element-1dcdf4cf > .elementor-element { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */