.elementor-729 .elementor-element.elementor-element-ab954a7{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-729 .elementor-element.elementor-element-ab954a7::before, .elementor-729 .elementor-element.elementor-element-ab954a7 > .elementor-background-video-container::before, .elementor-729 .elementor-element.elementor-element-ab954a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-729 .elementor-element.elementor-element-ab954a7 > .elementor-background-slideshow::before, .elementor-729 .elementor-element.elementor-element-ab954a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-729 .elementor-element.elementor-element-ab954a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-729 .elementor-element.elementor-element-ab954a7:not(.elementor-motion-effects-element-type-background), .elementor-729 .elementor-element.elementor-element-ab954a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-729 .elementor-element.elementor-element-1b64965{--display:flex;--padding-top:0%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-ff4f26a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:2%;--padding-left:5%;--padding-right:10%;}.elementor-729 .elementor-element.elementor-element-ed27bfb{--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-729 .elementor-element.elementor-element-a1e42e2{text-align:left;}.elementor-729 .elementor-element.elementor-element-a1e42e2 .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-781de18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 0% 0% 0%;font-size:25px;font-weight:200;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-6031bcc{--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-729 .elementor-element.elementor-element-3c865ec{text-align:left;}.elementor-729 .elementor-element.elementor-element-3c865ec .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-641f9b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 0% 0% 0%;font-size:25px;font-weight:200;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-b3bb71d{--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-729 .elementor-element.elementor-element-0c1789d{text-align:left;}.elementor-729 .elementor-element.elementor-element-0c1789d .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-f2d73f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 0% 0% 0%;font-size:25px;font-weight:200;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-852b954{--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-729 .elementor-element.elementor-element-e7baea2{text-align:left;}.elementor-729 .elementor-element.elementor-element-e7baea2 .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-da77440{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 0% 0% 0%;font-size:25px;font-weight:200;color:var( --e-global-color-primary );}.elementor-729 .elementor-element.elementor-element-e3dcedf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-729 .elementor-element.elementor-element-b030543{--display:flex;}.elementor-729 .elementor-element.elementor-element-b6a354f{text-align:left;}.elementor-729 .elementor-element.elementor-element-b6a354f .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-6be73a7{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-729 .elementor-element.elementor-element-50a863c{--display:flex;}.elementor-729 .elementor-element.elementor-element-3c4d659{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6%;--padding-bottom:6%;--padding-left:10%;--padding-right:10%;}.elementor-729 .elementor-element.elementor-element-46753eb{--display:flex;}.elementor-729 .elementor-element.elementor-element-7b74be9{--display:flex;}.elementor-729 .elementor-element.elementor-element-c693d77{text-align:right;}.elementor-729 .elementor-element.elementor-element-c693d77 .elementor-heading-title{font-family:"Onest", Sans-serif;font-weight:800;color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-f759d2e{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-729 .elementor-element.elementor-element-01534cc{--display:flex;--min-height:750px;--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;--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-729 .elementor-element.elementor-element-bb051ae{width:100%;max-width:100%;}.elementor-729 .elementor-element.elementor-element-373183a1{--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:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-bb3d7d5{--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-729 .elementor-element.elementor-element-272610d{--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 35px;--row-gap:0px;--column-gap:35px;--padding-top:3%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-81904cb{--display:flex;}.elementor-729 .elementor-element.elementor-element-35caa01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-35caa01 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-729 .elementor-element.elementor-element-28b0fd1{--display:flex;}.elementor-729 .elementor-element.elementor-element-60ac9a2 .elementor-button{background-color:var( --e-global-color-secondary );text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-729 .elementor-element.elementor-element-60ac9a2 .elementor-button:hover, .elementor-729 .elementor-element.elementor-element-60ac9a2 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-60ac9a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-60ac9a2 .elementor-button:hover svg, .elementor-729 .elementor-element.elementor-element-60ac9a2 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-3ca3732{--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 35px;--row-gap:0px;--column-gap:35px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-5795fe1{--display:flex;}.elementor-729 .elementor-element.elementor-element-6a85f51 .elementor-button{background-color:var( --e-global-color-secondary );text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-729 .elementor-element.elementor-element-6a85f51 .elementor-button:hover, .elementor-729 .elementor-element.elementor-element-6a85f51 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-6a85f51{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-6a85f51 .elementor-button:hover svg, .elementor-729 .elementor-element.elementor-element-6a85f51 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-729 .elementor-element.elementor-element-95b8bf6{--display:flex;}.elementor-729 .elementor-element.elementor-element-709c7c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-729 .elementor-element.elementor-element-709c7c3 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-729 .elementor-element.elementor-element-59d36af{--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;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-729 .elementor-element.elementor-element-e3dcedf{--content-width:1300px;}.elementor-729 .elementor-element.elementor-element-b030543{--width:40%;}.elementor-729 .elementor-element.elementor-element-3c4d659{--content-width:1300px;}.elementor-729 .elementor-element.elementor-element-46753eb{--width:100%;}.elementor-729 .elementor-element.elementor-element-7b74be9{--width:40%;}.elementor-729 .elementor-element.elementor-element-373183a1{--content-width:1150px;}.elementor-729 .elementor-element.elementor-element-272610d{--content-width:1300px;}.elementor-729 .elementor-element.elementor-element-3ca3732{--content-width:1300px;}}@media(max-width:1024px){.elementor-729 .elementor-element.elementor-element-ab954a7{--min-height:70vh;}.elementor-729 .elementor-element.elementor-element-e3dcedf{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-3c4d659{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-01534cc{--min-height:330px;}.elementor-729 .elementor-element.elementor-element-373183a1{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-272610d{--padding-top:3%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-28b0fd1{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-729 .elementor-element.elementor-element-3ca3732{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-95b8bf6{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-729 .elementor-element.elementor-element-59d36af{--padding-top:7%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-729 .elementor-element.elementor-element-ab954a7{--min-height:90vh;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-ff4f26a{--flex-wrap:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-ed27bfb{--width:50%;}.elementor-729 .elementor-element.elementor-element-ed27bfb.e-con{--order:-99999 /* order start hack */;}.elementor-729 .elementor-element.elementor-element-6031bcc{--width:50%;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-3c865ec{text-align:left;}.elementor-729 .elementor-element.elementor-element-641f9b0{text-align:left;}.elementor-729 .elementor-element.elementor-element-b3bb71d{--width:50%;}.elementor-729 .elementor-element.elementor-element-b3bb71d.e-con{--order:-99999 /* order start hack */;}.elementor-729 .elementor-element.elementor-element-0c1789d{text-align:right;}.elementor-729 .elementor-element.elementor-element-f2d73f3{text-align:right;}.elementor-729 .elementor-element.elementor-element-852b954{--width:50%;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-852b954.e-con{--order:99999 /* order end hack */;}.elementor-729 .elementor-element.elementor-element-e7baea2{text-align:right;}.elementor-729 .elementor-element.elementor-element-da77440{text-align:right;}.elementor-729 .elementor-element.elementor-element-e3dcedf{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-b6a354f{text-align:center;}.elementor-729 .elementor-element.elementor-element-50a863c{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-3c4d659{--padding-top:5%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-46753eb{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-729 .elementor-element.elementor-element-46753eb.e-con{--order:99999 /* order end hack */;}.elementor-729 .elementor-element.elementor-element-c693d77{text-align:center;}.elementor-729 .elementor-element.elementor-element-01534cc{--min-height:324px;}.elementor-729 .elementor-element.elementor-element-272610d{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-35caa01.elementor-element{--align-self:center;}.elementor-729 .elementor-element.elementor-element-60ac9a2.elementor-element{--align-self:center;}.elementor-729 .elementor-element.elementor-element-3ca3732{--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-729 .elementor-element.elementor-element-5795fe1.e-con{--order:99999 /* order end hack */;}.elementor-729 .elementor-element.elementor-element-6a85f51.elementor-element{--align-self:center;}.elementor-729 .elementor-element.elementor-element-709c7c3.elementor-element{--align-self:center;}}/* Start custom CSS for shortcode, class: .elementor-element-e2e8d19 *//* Animation titre lettre par lettre */
.overlay-title {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: clamp(1.5em, 5vw, 3em) !important;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0;
  opacity: 0;
  transition: opacity 420ms ease;
  color: var(--e-global-color-primary);
}

h1.overlay-title .letter {
  display: inline-block;
  opacity: 0;
  transform: translateX(-8px);
   font-size: clamp(48px, 8vw, 80px);
  font-family: "the-seasons",sans-serif;
}

.overlay-title .letter.space {
  width: 0.5ch;
  display: inline-block;
}

@keyframes letterIn {
  0% {
    opacity: 0;
    transform: translateX(-8px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.overlay-title.animate .letter {
  animation-name: letterIn;
  animation-duration: 700ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a1e42e2 */.fadeInUp {
    opacity: 0;

}

.fadeInUp.animate {
    animation: fadeInUp 1s ease forwards;
}

@keyframes fadeInUp {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6be73a7 */.separator {
    position: relative;
    display: block;
    width: 0;
    height: 4px;
    background: var(--e-global-color-secondary);
    transition: width .6s, opacity .5s;
    opacity: 0;
}

.separator.left {
    left: 0;
}

.separator.animate {
    width: 25%;
    opacity: 1;
}

@media (max-width: 768px) {
    .separator.left {
        left: auto;
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f759d2e */.separator.right {
    right: 0;
    margin-left: auto
}

@media (max-width: 768px) {
    .separator.right {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bb051ae */.realisation-video-container {
    width: 100% !important;
    height: 750px !important;
    overflow: hidden;
    position: relative;
    display: block;
    box-sizing: border-box;
}

.realisation-video-element {
    width: 100%;
    height: 750px !important;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    padding: 0;
    margin: 0
}

.realisation-video-content {
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

/* Assurer un comportement object-fit même pour les navigateurs plus anciens */
.realisation-video-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
    .realisation-video-container {
        width: 100% !important;
        height: 324px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-35caa01 */#btn-degrade {
    position: relative;
    background: linear-gradient(
        to right, 
        var(--e-global-color-text) 0%, 
        var(--e-global-color-accent) 100%
    );
    color: #fff;
    border: 1px solid #000000;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: color .3s;
    text-transform: uppercase
}

#btn-degrade::before,
#btn-degrade::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: var(--e-global-color-accent);
    filter: blur(15px);
}

#btn-degrade::before {
    top: 20%;
    left: 1%;
    width: 40px;
    height: 40px;
}

#btn-degrade:hover {
    background: transparent;
    border: 1px solid var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
}

#btn-degrade:hover::before,
#btn-degrade:hover::after {
    background:none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-709c7c3 */#btn-degrade {
    position: relative;
    background: linear-gradient(
        to right, 
        var(--e-global-color-text) 0%, 
        var(--e-global-color-accent) 100%
    );
    color: #fff;
    border: 1px solid #000000;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: color .3s;
    text-transform: uppercase
}

#btn-degrade::before,
#btn-degrade::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background: var(--e-global-color-accent);
    filter: blur(15px);
}

#btn-degrade::before {
    top: 20%;
    left: 1%;
    width: 40px;
    height: 40px;
}

#btn-degrade:hover {
    background: transparent;
    border: 1px solid var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
}

#btn-degrade:hover::before,
#btn-degrade:hover::after {
    background:none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-23dceca *//* CSS pour le shortcode autres réalisations */
.autres-realisations-global {
    position: relative;
    width: 100%;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.autres-realisations-global:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background:
        linear-gradient(120deg, rgba(255, 152, 0, 0.5) 0%, rgba(229, 57, 53, 0.5) 110%),
        radial-gradient(ellipse 100% 100% at 40% 100%, rgba(0, 0, 0, 1) 0%, transparent 100%);
}

.autres-realisations-global .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.autres-realisations.colonnes {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}


.autres-realisations.colonnes li {
    flex: 1;
    padding: 3rem;
    padding-bottom: 8rem;
    color: var(--e-global-color-primary);
    transition: all 0.35s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 500px;
    overflow: hidden;
}

.autres-realisations.colonnes li a.bouton-realisation {
    position: absolute;
    bottom: 6rem;
    z-index: 4;
}

.autres-realisations.colonnes li a.bouton-realisation span {
    display: inline-block; /* nécessaire pour transform */
    transform: scale(1);
    transition: transform 0.3s ease;
}

.autres-realisations.colonnes li a.bouton-realisation:hover span {
    transform: scale(1.1);
    color: #681F05;
}

.autres-realisations.colonnes li:first-child a.bouton-realisation {
    right: 4rem;
}

.autres-realisations.colonnes li:last-child a.bouton-realisation {
    left: 4rem;
}

.autres-realisations.colonnes li .extrait-realisation {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .15s ease .18s, transform .15s ease .18s;
    max-width: 480px;
    line-height: 1.45;
    font-weight: 300;
    z-index: 2;
}

.autres-realisations.colonnes li:first-child .extrait-realisation {
    margin-left: auto;
    text-align: right;
}

.autres-realisations.colonnes li:last-child .extrait-realisation {
    margin-right: auto;
    text-align: left;
}

.autres-realisations.colonnes li h2 {
    z-index: 2;
}

/* Hover : fait apparaître l'extrait */
.autres-realisations.colonnes li:hover .extrait-realisation,
.autres-realisations.colonnes li:focus-within .extrait-realisation {
    opacity: 1;
    transform: translateY(0);
}

/* Focus visible (accessibilité clavier) */
.autres-realisations.colonnes li:focus-within {
    outline:2px solid rgba(255,255,255,0.35);
    outline-offset:4px;
}


/* Séparateur vertical pleine hauteur (remplace l'ancien ::after sur le 1er li) */
.autres-realisations.colonnes::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(-0.5px);
    pointer-events: none;
    z-index: 1;
}

.autres-realisations.colonnes li:first-child {
    text-align: right !important;
    padding-right: 4rem;
    border-right: 1px solid transparent;
}

.autres-realisations.colonnes li:last-child {
    text-align: left !important;
    padding-left: 4rem;
}

.autres-realisations.colonnes h2 {
    font-weight: 500;
    margin-bottom: 0.35rem;
    font-family: 'Onest', Sans-Serif;
    line-height: 1.2;
    transform: translateY(clamp(40px,6vh, 80px));
    transition: transform .55s cubic-bezier(.16,.84,.44,1), margin-bottom .15s ease, opacity .15s ease;
    will-change: transform;
    opacity:.9;
}
.autres-realisations.colonnes li:hover h2,
.autres-realisations.colonnes li:focus-within h2 {
    transform: translateY(0);
    margin-bottom:0.9rem;
    opacity:1;
}

.navigation-label {
    position: absolute;
    top: 50px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
    color: #ffffff;
    font-size: clamp(1em, 1.5vw, 1em);
    z-index: 3;
}


.autres-realisations.colonnes li:first-child .navigation-label {
    right: 4rem;
}

.autres-realisations.colonnes li:last-child .navigation-label {
    left: 4rem;
}

a.bouton-realisation {
    display: inline-block;
    padding: 15px 65px;
    background: transparent;
    color: var(--e-global-color-primary);
    font-size: 0.7em;
    border-radius: 40px;
    cursor: pointer;
    transition: font-size 0.3s;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    border: 1px solid var(--e-global-color-primary);
}

.bouton-realisation:hover {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
}


@media screen and (max-width: 768px) {
    .autres-realisations.colonnes {
        flex-direction: column;
        height: auto;
    }

    .autres-realisations.colonnes li {
        min-height: 430px;
        padding: 2rem;
        padding-bottom: 7rem; /* espace pour bouton */
    }

    .autres-realisations.colonnes li:first-child,
    .autres-realisations.colonnes li:last-child {
        text-align: center !important;
        padding: 2rem;
    }

    /* Supprime le séparateur vertical en mode mobile */
    .autres-realisations.colonnes::before {
        display: none;
    }

    /* Ajoute un séparateur horizontal en mode mobile */
    .autres-realisations.colonnes li:first-child::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10%;
        right: 10%;
        height: 1px;
        background: rgba(255, 255, 255, 0.3);
    }

    /* Ajuste seulement la marge du titre si besoin sur mobile */
    .autres-realisations.colonnes h2 { 
        margin-bottom:0.9rem; 
        transform: translateY(0);
    }

    .autres-realisations.colonnes li:first-child .navigation-label,
    .autres-realisations.colonnes li:last-child .navigation-label {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    /* Réinitialise l'alignement des boutons en mobile */
    .autres-realisations.colonnes li a.bouton-realisation {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        bottom: 2rem;
        transition: bottom 0.3s ease;
    }


    .autres-realisations.colonnes li .extrait-realisation {
        text-align: center !important;
        margin: 0 auto;
        max-width: 520px;
        opacity: 1;
        transform: translateY(0);
    }

    .autres-realisations-global {
        min-height: 500px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .autres-realisations.colonnes h2 { transform:none; transition:none; }
    .autres-realisations.colonnes li .extrait-realisation { transition:none; }
}/* End custom CSS */