.elementor-534 .elementor-element.elementor-element-05954f2{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-534 .elementor-element.elementor-element-6f9812f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-534 .elementor-element.elementor-element-6f9812f .elementor-heading-title{font-size:11px;letter-spacing:3px;color:#D77626;}.elementor-534 .elementor-element.elementor-element-d34bcdd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;text-align:center;}.elementor-534 .elementor-element.elementor-element-d34bcdd .elementor-heading-title{font-size:58px;font-weight:700;color:#111;}.elementor-534 .elementor-element.elementor-element-3b00916{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-534 .elementor-element.elementor-element-aa30f17{--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;}.elementor-534 .elementor-element.elementor-element-8d846e1{--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;}.elementor-534 .elementor-element.elementor-element-5e22bab{--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;}.elementor-534 .elementor-element.elementor-element-041b097{--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;}.elementor-534 .elementor-element.elementor-element-ed48559{--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;}body.elementor-page-534:not(.elementor-motion-effects-element-type-background), body.elementor-page-534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3EF;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-3b00916 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-3b00916 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-3b00916 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-3b00916 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-3b00916 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-3b00916 {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-3b00916 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa30f17 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-aa30f17 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-aa30f17 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-aa30f17 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-aa30f17 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-aa30f17 {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-aa30f17 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d846e1 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-8d846e1 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-8d846e1 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-8d846e1 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-8d846e1 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-8d846e1 {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-8d846e1 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e22bab *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-5e22bab .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-5e22bab .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-5e22bab .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-5e22bab .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-5e22bab {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-5e22bab .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-041b097 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-041b097 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-041b097 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-041b097 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-041b097 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-041b097 {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-041b097 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed48559 *//* ==================================================
   RENOBATIS - GALERIE EXPANDING CARDS (Corrigé)
================================================== */

/* 1. Les tranches de base (Mode Portrait forcé) */
.elementor-534 .elementor-element.elementor-element-ed48559 .rb-reveal-img {
  /* On force chaque image à prendre 1 part égale de l'espace */
  flex: 1 1 0% !important;
  
  /* On force la même hauteur pour toutes */
  height: 500px !important; /* Tu peux ajuster selon tes goûts */
  
  overflow: hidden !important;
  border-radius: 16px;
  
  /* L'animation fluide */
  transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
}

/* 2. Comportement de l'image à l'intérieur de la tranche */
.elementor-534 .elementor-element.elementor-element-ed48559 .rb-reveal-img img {
  width: 100% !important;
  height: 100% !important;
  
  /* Recadre l'image sans la déformer */
  object-fit: cover !important; 
  object-position: center !important;
  
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. L'effet de Révélation au survol (Passage en Paysage) */
.elementor-534 .elementor-element.elementor-element-ed48559 .rb-reveal-img:hover {
  /* La tranche survolée s'élargit massivement */
  flex: 4 1 0% !important; 
}

/* Bonus : L'image zoome très légèrement quand elle se dévoile */
.elementor-534 .elementor-element.elementor-element-ed48559 .rb-reveal-img:hover img {
  transform: scale(1.05) !important;
}

/* ==================================================
   RESPONSIVE MOBILE
================================================== */
@media (max-width: 767px) {
  /* Sur téléphone, on les empile classiquement */
  .elementor-534 .elementor-element.elementor-element-ed48559 {
    flex-direction: column !important;
  }
  .elementor-534 .elementor-element.elementor-element-ed48559 .rb-reveal-img {
    flex: none !important;
    width: 100% !important;
    height: 350px !important;
    margin-bottom: 16px;
  }
}/* End custom CSS */