.elementor-3340 .elementor-element.elementor-element-dd9da54{--display:flex;--min-height:335px;--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:-64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3340 .elementor-element.elementor-element-bdab24d{width:100%;max-width:100%;}.elementor-3340 .elementor-element.elementor-element-bdab24d img{width:100%;max-width:100%;height:36vh;object-fit:cover;object-position:bottom center;filter:brightness( 94% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3340 .elementor-element.elementor-element-d69685b{--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-3340 .elementor-element.elementor-element-ff6caaa{--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-3340 .elementor-element.elementor-element-ff6caaa:not(.elementor-motion-effects-element-type-background), .elementor-3340 .elementor-element.elementor-element-ff6caaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ubipreprod.mcvideo.fr/wp-content/uploads/2026/01/background-VSM.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3340 .elementor-element.elementor-element-0a91674{--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-3340 .elementor-element.elementor-element-094cb36{--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-3340 .elementor-element.elementor-element-18693d8{--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-3340 .elementor-element.elementor-element-c3341bb{--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-3340 .elementor-element.elementor-element-c3341bb:not(.elementor-motion-effects-element-type-background), .elementor-3340 .elementor-element.elementor-element-c3341bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ubipreprod.mcvideo.fr/wp-content/uploads/2026/01/background-VSM.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3340 .elementor-element.elementor-element-57e570a{--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-3340 .elementor-element.elementor-element-8663a64{--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-3340 .elementor-element.elementor-element-bfa6750{--display:flex;}body.elementor-page-3340:not(.elementor-motion-effects-element-type-background), body.elementor-page-3340 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-3340 .elementor-element.elementor-element-0a91674{--width:50%;}.elementor-3340 .elementor-element.elementor-element-094cb36{--width:50%;}.elementor-3340 .elementor-element.elementor-element-18693d8{--width:50%;}.elementor-3340 .elementor-element.elementor-element-57e570a{--width:50%;}.elementor-3340 .elementor-element.elementor-element-8663a64{--width:50%;}}@media(min-width:1367px){.elementor-3340 .elementor-element.elementor-element-ff6caaa:not(.elementor-motion-effects-element-type-background), .elementor-3340 .elementor-element.elementor-element-ff6caaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-3340 .elementor-element.elementor-element-c3341bb:not(.elementor-motion-effects-element-type-background), .elementor-3340 .elementor-element.elementor-element-c3341bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(min-width:2400px){.elementor-3340 .elementor-element.elementor-element-bdab24d img{width:1000px;max-width:1000px;}}/* Start custom CSS for container, class: .elementor-element-dd9da54 *//* On cible le conteneur de l'image */
.elementor-3340 .elementor-element.elementor-element-dd9da54 .elementor-widget-container {
    position: relative;
    display: inline-block; /* Pour s'adapter à la taille de l'image */
    overflow: hidden;
    width: 100%;
}

/* On crée la couche de dégradé */
.elementor-3340 .elementor-element.elementor-element-dd9da54 .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Permet de cliquer à travers le dégradé */
    
    /* Dégradé noir en haut et en bas, transparent au milieu */
    background: linear-gradient(
        to bottom, 
        rgba(0, 0, 0, 0.8) 0%, 
        transparent 60%, 
        transparent 80%, 
        rgba(0, 0, 0, 1) 100%
    );
}

/* On s'assure que l'image occupe bien tout l'espace */
.elementor-3340 .elementor-element.elementor-element-dd9da54 img {
    display: block;
    width: 100%;
    height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff6caaa *//* 1. CONFIGURATION DU BLOC */
.elementor-first-bloc {
  position: relative;
  overflow: hidden;
  background-color: transparent !important;
}

/* 2. Configuration des Fades (Haut et Bas) */
.elementor-first-bloc::before,
.elementor-first-bloc::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 250px;
  pointer-events: none;
  /* On met un z-index bas pour que le fondu reste derrière les cartes */
  z-index: 1; 
}

/* 3. Fade du HAUT (Noir vers transparent) */
.elementor-first-bloc::before {
  top: 0;
  background: linear-gradient(
    to bottom,
    #000000 0%,
    rgba(0, 0, 0, 0.8) 30%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 4. Fade du BAS (Transparent vers Noir) */
.elementor-first-bloc::after {
  bottom: 0;
  background: linear-gradient(
    to top,
    #000000 0%,
    rgba(0, 0, 0, 0.8) 30%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 5. Sécurité (Contenu au premier plan) */
/* On force le conteneur de vos cartes à passer au-dessus des fondus */
.elementor-first-bloc > .elementor-container,
.elementor-first-bloc > .e-con,
.elementor-first-bloc > .e-con-inner {
  position: relative;
  z-index: 2 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3341bb *//* 1. CONFIGURATION DU BLOC */
.elementor-first-bloc {
  position: relative;
  overflow: hidden;
  background-color: transparent !important;
}

/* 2. Configuration des Fades (Haut et Bas) */
.elementor-first-bloc::before,
.elementor-first-bloc::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 250px;
  pointer-events: none;
  /* On met un z-index bas pour que le fondu reste derrière les cartes */
  z-index: 1; 
}

/* 3. Fade du HAUT (Noir vers transparent) */
.elementor-first-bloc::before {
  top: 0;
  background: linear-gradient(
    to bottom,
    #000000 0%,
    rgba(0, 0, 0, 0.8) 30%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 4. Fade du BAS (Transparent vers Noir) */
.elementor-first-bloc::after {
  bottom: 0;
  background: linear-gradient(
    to top,
    #000000 0%,
    rgba(0, 0, 0, 0.8) 30%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* 5. Sécurité (Contenu au premier plan) */
/* On force le conteneur de vos cartes à passer au-dessus des fondus */
.elementor-first-bloc > .elementor-container,
.elementor-first-bloc > .e-con,
.elementor-first-bloc > .e-con-inner {
  position: relative;
  z-index: 2 !important;
}/* End custom CSS */