.elementor-10546 .elementor-element.elementor-element-3124d5a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10546 .elementor-element.elementor-element-3124d5a.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-10546 .elementor-element.elementor-element-6da682d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-10546 .elementor-element.elementor-element-6da682d:not(.elementor-motion-effects-element-type-background), .elementor-10546 .elementor-element.elementor-element-6da682d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57aaf5e4 );background-image:url("https://www.lequarante7.com/wp-content/uploads/2026/04/1-le-quarante-7-1-scaled.jpg");background-size:cover;}.elementor-10546 .elementor-element.elementor-element-6da682d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10546 .elementor-element.elementor-element-088d0d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-10546 .elementor-element.elementor-element-088d0d0:not(.elementor-motion-effects-element-type-background), .elementor-10546 .elementor-element.elementor-element-088d0d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.lequarante7.com/wp-content/uploads/2026/04/2-le-quarante-7-1-scaled.jpg");background-size:cover;}.elementor-10546 .elementor-element.elementor-element-088d0d0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10546 .elementor-element.elementor-element-3d293fa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-10546 .elementor-element.elementor-element-3d293fa:not(.elementor-motion-effects-element-type-background), .elementor-10546 .elementor-element.elementor-element-3d293fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-57aaf5e4 );background-image:url("https://www.lequarante7.com/wp-content/uploads/2026/04/3-le-quarante-7-1-scaled.jpg");background-size:cover;}.elementor-10546 .elementor-element.elementor-element-3d293fa.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-10546:not(.elementor-motion-effects-element-type-background), body.elementor-page-10546 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe535e );}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}body.elementor-page-10546{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:701px){.elementor-10546 .elementor-element.elementor-element-6da682d{--width:33vw;}.elementor-10546 .elementor-element.elementor-element-088d0d0{--width:33vw;}.elementor-10546 .elementor-element.elementor-element-3d293fa{--width:33vw;}}@media(max-width:1500px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:700px){.elementor-10546 .elementor-element.elementor-element-3124d5a{--width:100vw;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for container, class: .elementor-element-3124d5a *//* --- ADAPTATION MOBILE --- */
@media (max-width: 767px) {
    .elementor-10546 .elementor-element.elementor-element-3124d5a {
        flex-direction: column; /* Empile les onglets verticalement */
        height: 100dvh; /* Garde la hauteur totale de l'écran */
        gap: 10px;
        padding: 10px;
    }

    .elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con {
        width: 100% !important; /* Prend toute la largeur */
        flex: 1; /* Taille égale par défaut */
        transition: all 0.6s cubic-bezier(0.5, 1, 0.5, 1) !important;
    }

    /* Sur mobile, l'expansion se fait en hauteur (flex-grow) au clic */
    .elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con:active, 
    .elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con:focus {
        flex: 4; /* L'onglet s'étire vers le bas */
    }

    /* Optionnel : réduire les autres quand on clique sur un onglet */
    .elementor-10546 .elementor-element.elementor-element-3124d5a:active > .e-con:not(:active) {
        flex: 0.4;
    }
}

/* 1. Conteneur Parent */
.elementor-10546 .elementor-element.elementor-element-3124d5a {
    display: flex;
    width: 100vw;
    height: 100vh; /* Force une hauteur fixe pour éviter tout saut vertical */
    gap: 0px;
    padding: 0px;
    overflow: hidden;
}

/* 2. État par défaut des trois onglets */
.elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con {
    flex: 1;
    height: 100% !important; /* Force la hauteur à rester identique */
    overflow: hidden;
    border-radius: 0px;
    transition: all 0.85s cubic-bezier(0.5, 1, 0.5, 1) !important;
    filter: brightness(1);
    position: relative;
}

/* ASTUCE IMAGE : On force l'image de fond à ne pas réagir au changement de taille */
.elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con {
    background-attachment: scroll !important;
    background-size: auto 100% !important; /* Fixe la hauteur de l'image à 100% du conteneur, la largeur s'adapte sans zoomer */
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 3. État au survol (Expansion) */
.elementor-10546 .elementor-element.elementor-element-3124d5a > .e-con:hover {
    flex: 2;
    border-radius: 0px;
    z-index: 2;
}

/* 4. Effet sur les onglets non-survolés */
.elementor-10546 .elementor-element.elementor-element-3124d5a:hover > .e-con:not(:hover) {
    filter: brightness(0.6) grayscale(0.3);
    flex: 0.6;
}/* End custom CSS */