.elementor-1573 .elementor-element.elementor-element-036d70d{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.27;}.elementor-1573 .elementor-element.elementor-element-036d70d:not(.elementor-motion-effects-element-type-background), .elementor-1573 .elementor-element.elementor-element-036d70d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://egtbordeaux.fr/wp-content/uploads/2026/06/presentation-egt-bordeaux.webp") 50% 50%;background-size:cover;}.elementor-1573 .elementor-element.elementor-element-036d70d::before, .elementor-1573 .elementor-element.elementor-element-036d70d > .elementor-background-video-container::before, .elementor-1573 .elementor-element.elementor-element-036d70d > .e-con-inner > .elementor-background-video-container::before, .elementor-1573 .elementor-element.elementor-element-036d70d > .elementor-background-slideshow::before, .elementor-1573 .elementor-element.elementor-element-036d70d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1573 .elementor-element.elementor-element-036d70d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1573 .elementor-element.elementor-element-3341790{--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;--padding-top:0px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-1573 .elementor-element.elementor-element-52f80dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:300px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1573 .elementor-element.elementor-element-7cfa7cd{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1573 .elementor-element.elementor-element-9ec3954{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1573 .elementor-element.elementor-element-878552d{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-1573 .elementor-element.elementor-element-036d70d{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-52f80dd *//* 1. FORCE LA STRUCTURE HORIZONTALE SUR LE CONTENEUR INTERNE D'ELEMENTOR */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    height: 60vh !important; /* Hauteur de la section */
    gap: 0px !important;
    padding: 0px !important;
}

/* Force le parent principal à ne rien laisser déborder */
.elementor-1573 .elementor-element.elementor-element-52f80dd {
    overflow: hidden !important;
}

/* 2. RÉINITIALISE LES 3 PANNEAUX */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element {
    flex: 1 !important; /* Partage égal au repos */
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    transition: flex 0.7s cubic-bezier(0.25, 1, 0.3, 1) !important;
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centre tout le contenu verticalement à l'ouverture */
    align-items: center !important;
    padding: 40px 20px !important;
}

/* 3. EFFET D'OUVERTURE DU PANNEAU SURVOLÉ */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover {
    flex: 9 !important; /* Prend l'espace principal */
}

/* 4. LE VOILE BRUN DE FOND */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: #392d18 !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover::before {
    opacity: 0.7 !important;
}

/* 5. MASQUAGE DES TEXTES EXPLICATIFS AU REPOS */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:not(:hover) .elementor-widget-heading:not(.heading-titre),
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:not(:hover) .contenu {
    opacity: 0 !important;
    transform: translateY(15px);
    pointer-events: none !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* 6. RÉVÉLATION DES TEXTES EXPLICATIFS AU HOVER */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover .elementor-widget-heading:not(.heading-titre),
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover .contenu {
    opacity: 1 !important;
    transform: translateY(0);
    margin-top: 25px !important;
    transition: opacity 0.4s ease 0.5s, transform 0.4s ease 0.5s !important; /* Arrive juste après le titre horizontal */
}

/* 7. EFFET PUR FADE (SANS ROTATION ANIMÉE) SUR LE TITRE */
.elementor-1573 .elementor-element.elementor-element-52f80dd .heading-titre {
    white-space: nowrap !important;
    transform-origin: center center !important;
}

/* ÉTAT REPLIÉ (not(:hover)) : Le titre est bloqué à la verticale et parfaitement centré */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:not(:hover) .heading-titre {
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important; /* Maintient la position verticale fixe au repos */
    margin: 0 !important;
    transition: opacity 0.2s ease !important; /* Disparition rapide dès le début du survol */
}

/* ÉTAT DE TRANSITION : S'efface en restant à la verticale sur place */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover .heading-titre {
    opacity: 0 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important; /* Évite la rotation visible pendant le fondu sortant */
    white-space: normal !important;
    transition: opacity 0.15s ease !important;
}

/* ÉTAT OUVERT (hover) : Réapparaît directement à l'horizontale (Fade in différé) */
.elementor-1573 .elementor-element.elementor-element-52f80dd .e-con-inner > .elementor-element:hover .heading-titre {
    opacity: 1 !important;
    position: relative !important; /* Reprend sa place fluide au centre */
    left: auto !important;
    top: auto !important;
    transform: rotate(0deg) !important; /* Affichage horizontal direct */
    margin: 0 !important;
    transition: opacity 0.4s ease 0.35s !important; /* Attend que le volet soit déployé */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cfa7cd */.elementor-1573 .elementor-element.elementor-element-7cfa7cd {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1660px !important;
    float: none !important; /* Au cas où un float traînerait */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ec3954 */.elementor-1573 .elementor-element.elementor-element-9ec3954 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1660px !important;
    float: none !important; /* Au cas où un float traînerait */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-878552d */.elementor-1573 .elementor-element.elementor-element-878552d {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1660px !important;
    float: none !important; /* Au cas où un float traînerait */
}/* End custom CSS */