.elementor-3477 .elementor-element.elementor-element-b71ab74{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );}.elementor-3477 .elementor-element.elementor-element-178f212.elementor-element{--align-self:center;}.elementor-3477 .elementor-element.elementor-element-178f212{text-align:center;}.elementor-3477 .elementor-element.elementor-element-178f212 img{transition-duration:0.3s;}@media(min-width:768px){.elementor-3477 .elementor-element.elementor-element-b71ab74{--content-width:auto;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for image, class: .elementor-element-178f212 */.elementor-3477 .elementor-element.elementor-element-178f212 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  display: block;
  box-shadow: -6px -6px 10px rgba(94,104,121,0.02), 6px 6px 10px rgba(94,104,121,0.15);
}

.elementor-3477 .elementor-element.elementor-element-178f212 img {
  transition: transform 0.5s ease;
  display: block;
}

/* Overlay noir par-dessus */
.elementor-3477 .elementor-element.elementor-element-178f212::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4); /* noir semi-transparent */
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 2; /* reste au-dessus de l'image */
}

/* Légende Elementor */
.elementor-3477 .elementor-element.elementor-element-178f212 .elementor-image-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 3; /* par-dessus le noir */
}

/* Effets hover */
.elementor-3477 .elementor-element.elementor-element-178f212:hover img {
  transform: scale(1.1); /* zoom in */
}

.elementor-3477 .elementor-element.elementor-element-178f212:hover::after {
  opacity: 1; /* overlay noir apparaît */
}

.elementor-3477 .elementor-element.elementor-element-178f212:hover .elementor-image-caption {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */