.elementor-10479 .elementor-element.elementor-element-87693c4{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10479 .elementor-element.elementor-element-87693c4:not(.elementor-motion-effects-element-type-background), .elementor-10479 .elementor-element.elementor-element-87693c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-008f1c1 */.elementor-10479 .elementor-element.elementor-element-008f1c1 {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 500px; height: 500px;
  z-index: 0;
  pointer-events: none;
}

.custom-widget {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 505px; height: 505px;
  pointer-events: none;
  z-index: 0;
}

.video-mask-container {
  opacity: 0;                 /* au lieu de visibility:hidden */
  transition: opacity .01s;   /* instantané, c’est juste pour forcer une peinture */
  width: 100%;
  height: 100%;
  mask: url(#svg-mask) no-repeat center center / cover;
  -webkit-mask: url(#svg-mask) no-repeat center center / cover;
  overflow: hidden;
  position: relative;
}
.video-mask-container.is-on { opacity: 1; }

.video-mask-container video {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */