.elementor-20199 .elementor-element.elementor-element-5758d4a{--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;--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-20199 .elementor-element.elementor-element-506d526{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-506d526:not(.elementor-motion-effects-element-type-background), .elementor-20199 .elementor-element.elementor-element-506d526 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-20199 .elementor-element.elementor-element-ee0a09c{--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:center;}.elementor-20199 .elementor-element.elementor-element-b6822e1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-7a9153f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-7a9153f:not(.elementor-motion-effects-element-type-background), .elementor-20199 .elementor-element.elementor-element-7a9153f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A7A7A700;}.elementor-20199 .elementor-element.elementor-element-4cd6f9c{text-align:center;}.elementor-20199 .elementor-element.elementor-element-4cd6f9c .elementor-heading-title{font-weight:600;text-transform:uppercase;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-4bcf336{padding:30px 35px 0px 35px;text-align:center;font-size:17px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-4bcf336.elementor-element{--align-self:center;}.elementor-20199 .elementor-element.elementor-element-707f393 .elementor-button{background-color:#B8B8B88A;border-radius:20px 20px 20px 20px;}.elementor-20199 .elementor-element.elementor-element-707f393{margin:050px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20199 .elementor-element.elementor-element-258810a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-2b3c728{--display:flex;--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;--align-items:center;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-2b3c728:not(.elementor-motion-effects-element-type-background), .elementor-20199 .elementor-element.elementor-element-2b3c728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-20199 .elementor-element.elementor-element-1787930{--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:center;}.elementor-20199 .elementor-element.elementor-element-1787930.e-con{--align-self:center;}.elementor-20199 .elementor-element.elementor-element-5209beb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:55px;}.elementor-20199 .elementor-element.elementor-element-5209beb:not(.elementor-motion-effects-element-type-background), .elementor-20199 .elementor-element.elementor-element-5209beb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A7A7A700;}.elementor-20199 .elementor-element.elementor-element-96fa133{text-align:center;}.elementor-20199 .elementor-element.elementor-element-96fa133 .elementor-heading-title{font-weight:600;text-transform:uppercase;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-32485c6{padding:30px 30px 0px 30px;text-align:center;font-size:17px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-32485c6.elementor-element{--align-self:center;}.elementor-20199 .elementor-element.elementor-element-688b40c .elementor-button{background-color:#B8B8B88A;border-radius:20px 20px 20px 20px;}.elementor-20199 .elementor-element.elementor-element-665e066{--display:flex;}.elementor-20199 .elementor-element.elementor-element-5f15420{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-7c6dd2f{width:var( --container-widget-width, 80% );max-width:80%;background-color:#FFFFFF00;padding:40px 40px 40px 40px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-9cd5010{--display:flex;}.elementor-20199 .elementor-element.elementor-element-2ca4d75{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-e4725e4{width:var( --container-widget-width, 80% );max-width:80%;background-color:#FFFFFF00;padding:40px 40px 40px 40px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-dee4f7d{--display:flex;}.elementor-20199 .elementor-element.elementor-element-3ee546f{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-196ec19{width:var( --container-widget-width, 80% );max-width:80%;background-color:#FFFFFF00;padding:40px 40px 40px 40px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-68862ce{--display:flex;}.elementor-20199 .elementor-element.elementor-element-c84e68e{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-591d93e{width:var( --container-widget-width, 80% );max-width:80%;background-color:#FFFFFF00;padding:40px 40px 40px 40px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-a41dced{--display:flex;}.elementor-20199 .elementor-element.elementor-element-ed9c01f{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-9394bf7{width:var( --container-widget-width, 80% );max-width:80%;background-color:#FFFFFF00;padding:40px 40px 40px 40px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;font-size:16px;color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-0392122{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-0392122 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF1A;}.elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF78;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF78;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:600;text-transform:uppercase;}.elementor-20199 .elementor-element.elementor-element-0392122 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:where( .elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--border-radius:20px 20px 20px 20px;}body.elementor-page-20199:not(.elementor-motion-effects-element-type-background), body.elementor-page-20199 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://caimmobilier.ch/wp-content/uploads/2026/06/new-bg.jpg");background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-20199 .elementor-element.elementor-element-5758d4a:not(.elementor-motion-effects-element-type-background), .elementor-20199 .elementor-element.elementor-element-5758d4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://caimmobilier.ch/wp-content/uploads/2026/06/new-bg.jpg");background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-20199 .elementor-element.elementor-element-5758d4a{--min-height:1500px;}.elementor-20199 .elementor-element.elementor-element-7a9153f{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-4cd6f9c .elementor-heading-title{font-size:32px;}.elementor-20199 .elementor-element.elementor-element-5209beb{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-20199 .elementor-element.elementor-element-96fa133 .elementor-heading-title{font-size:32px;}.elementor-20199 .elementor-element.elementor-element-0392122{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-font-size:17px;}.elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20199 .elementor-element.elementor-element-0392122.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-width:1px 1px 1px 1px;}}@media(max-width:767px){.elementor-20199 .elementor-element.elementor-element-5758d4a{--min-height:1000px;}.elementor-20199 .elementor-element.elementor-element-4cd6f9c .elementor-heading-title{font-size:30px;line-height:1.4em;}.elementor-20199 .elementor-element.elementor-element-7f80c52{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20199 .elementor-element.elementor-element-96fa133 .elementor-heading-title{font-size:30px;line-height:1.4em;}.elementor-20199 .elementor-element.elementor-element-665e066{--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-20199 .elementor-element.elementor-element-7c6dd2f{padding:20px 20px 20px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20199 .elementor-element.elementor-element-e4725e4{padding:20px 20px 20px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20199 .elementor-element.elementor-element-196ec19{padding:20px 20px 20px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20199 .elementor-element.elementor-element-591d93e{padding:20px 20px 20px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20199 .elementor-element.elementor-element-9394bf7{padding:20px 20px 20px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20199 .elementor-element.elementor-element-0392122{padding:0px 20px 0px 20px;}}@media(min-width:768px){.elementor-20199 .elementor-element.elementor-element-5758d4a{--width:0%;}.elementor-20199 .elementor-element.elementor-element-b6822e1{--width:25%;}.elementor-20199 .elementor-element.elementor-element-7a9153f{--width:45%;}.elementor-20199 .elementor-element.elementor-element-258810a{--width:25%;}.elementor-20199 .elementor-element.elementor-element-5209beb{--content-width:975px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20199 .elementor-element.elementor-element-b6822e1{--width:0px;}.elementor-20199 .elementor-element.elementor-element-7a9153f{--width:60%;}.elementor-20199 .elementor-element.elementor-element-258810a{--width:35%;}}@media(min-width:1025px){body.elementor-page-20199:not(.elementor-motion-effects-element-type-background), body.elementor-page-20199 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-5758d4a *//* ==========================================================================
   EFFET DE FOND FIXE : UNIQUEMENT SUR MOBILE ET TABLETTE (CORRIGÉ)
   ========================================================================== */
@media (max-width: 1024px) {
    
    html, body {
        overflow-x: hidden !important; /* Bloque définitivement tout scroll horizontal parasite sur le site */
    }
    
    .fond-fixe-mobile {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important; /* Corrigé : 100% évite le calcul parasite du 100vw avec la scrollbar */
        height: 100dvh !important; 
        
        /* On le pousse au fond absolu derrière le contenu */
        z-index: -1 !important; 
        /* Laisse passer les clics et le scroll devant */
        pointer-events: none !important; 
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f80c52 */.project-wrapper{
    display:flex;
    justify-content:space-between;
    position:relative;
}

/*.timeline{*/
/*    width:320px;*/
/*    margin-left:auto;*/
/*    position:relative;*/
/*}*/

/* Vertical Line */
.timeline:after{
    content:'';
    position:absolute;
    right:0;
    top:15px;
    bottom:15px;
    width:4px;
    background:#fff;
}

.item{
    position:relative;
    color:#fff;
    cursor:pointer;
    margin-bottom:70px;
    text-align:right;
    padding-right:60px;
    font-size:18px;
}
.item span {
    position: relative;
    bottom: 50px;
}

/* Dot */

.item:after{
    content:'';
    position:absolute;
    right:-7px;
    top:5px;
    width:18px;
    height:18px;
    border:3px solid #fff;
    border-radius:50%;
    background:#6f7788;
    z-index:2;
}

/* Active Dot */

.item.active:after{
    background:#fff;
}

/* Diagonal Connector */

.item:before{
    content:'';
    position:absolute;
    right:1px;
    top:6px;
    width:70px;
    height:3px;
    background:#fff;
    transform:rotate(45deg);
    transform-origin:right center;
    z-index: 1000;
}

/* Popup */

.popup-box{
    position:absolute;
    width:450px;
    right:260px!important;   /* Adjust according to your layout */
    top:0;
    display:none;
    z-index:999;
    background: #B8B8B88A!important;
    border-radius: 20px;
    padding: 50px 20px 20px 20px;
}

.popup-box h2{
    margin-top:0;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

.popup-box hr{
    border-top:2px solid #fff;
    margin:25px 0;
}
.popup-box ul li{
    color:#fff;
}
/* ==========================================================================
   PONT INVISIBLE ANTI-COUPURE (Hitbox étendue)
   ========================================================================== */

.item span::after {
    content: '';
    position: absolute;
    top: -15px;      /* Étend la zone réactive au-dessus du texte */
    bottom: -60px;   /* Descend pour combler le trou causé par le "bottom: 50px" */
    left: 0;         /* Part du début du texte */
    right: -80px;    /* S'étire vers la droite jusqu'au point blanc */
    z-index: 1001;   /* Reste bien au-dessus pour capter la souris */
    
    /* ASTUCE MAGIQUE : Enlève les /* de la ligne du dessous pour VOIR le pont en rouge ! */
    /* background: rgba(255, 0, 0, 0.3); */
}

/* 1. On prépare le bloc central à glisser */
.bloc-central {
    transition: transform 0.4s ease-in-out !important;
    /* On s'assure qu'Elementor n'entrave pas le mouvement */
    display: block !important; 
}

/* 2. Quand un ".item" reçoit la classe ".active" du JS, on décale le bloc central */
.section-projet:has(.item.active) .bloc-central {
    transform: translateX(-55%) !important; 
}
/* ==========================================================================
   EFFET FOCUS : Effacement des autres étapes au survol
   ========================================================================== */

/* 1. On s'assure que l'apparition/disparition soit douce pour tous les points */
.item {
    transition: opacity 0.4s ease-in-out !important;
}

/* 2. Si on survole un point, on masque tous ceux qui NE SONT PAS survolés */
.project-wrapper:has(.item:hover) .item:not(:hover) {
    opacity: 0.1 !important; 
}/* End custom CSS */