.elementor-7609 .elementor-element.elementor-element-583786c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-a969fa0.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-7609 .elementor-element.elementor-element-a969fa0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-84bb0da{--spacer-size:300px;width:100%;max-width:100%;}.elementor-7609 .elementor-element.elementor-element-84bb0da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-d84c68d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-a3b3c43:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7609 .elementor-element.elementor-element-a3b3c43 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f748c6f );}.elementor-bc-flex-widget .elementor-7609 .elementor-element.elementor-element-a3b3c43.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7609 .elementor-element.elementor-element-a3b3c43.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7609 .elementor-element.elementor-element-a3b3c43{max-width:initial;flex:1 0 0;min-width:25px;}.elementor-7609 .elementor-element.elementor-element-a3b3c43 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7609 .elementor-element.elementor-element-a3b3c43 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7609 .elementor-element.elementor-element-a3b3c43 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7609 .elementor-element.elementor-element-b36efe1 .elementor-post__thumbnail__link{padding-bottom:calc( 0.9 * 100% );}.elementor-7609 .elementor-element.elementor-element-b36efe1:after{content:"0.9";position:absolute;color:transparent;}.elementor-7609 .elementor-element.elementor-element-b36efe1{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-7609 .elementor-element.elementor-element-b36efe1 > .elementor-widget-container{padding:40px 80px 40px 80px;}.elementor-7609 .elementor-element.elementor-element-b36efe1 .elementor-portfolio-item__img, .elementor-7609 .elementor-element.elementor-element-b36efe1 .elementor-portfolio-item__overlay{border-radius:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-b36efe1 a .elementor-portfolio-item__overlay{background-color:#00000000;}@media(max-width:1024px){.elementor-7609 .elementor-element.elementor-element-a3b3c43.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}}@media(min-width:768px){.elementor-7609 .elementor-element.elementor-element-a969fa0{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7609 .elementor-element.elementor-element-a969fa0{width:100%;}}@media(max-width:767px){.elementor-7609 .elementor-element.elementor-element-583786c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-a969fa0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7609 .elementor-element.elementor-element-b36efe1 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-7609{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for spacer, class: .elementor-element-84bb0da *//* Section bannière */
#background-video-pages {
    position: relative;
    height: 300px;
    overflow: hidden;
}

/* Container vidéo */
#background-video-pages video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 75%;
    opacity: 0;
    transition: opacity 0.9s ease, filter 0.15s ease-out; /* ← ajout filter */
    filter: blur(0px); /* ← état initial */
}

/* Vidéo active */
#background-video-pages video.is-active {
    opacity: 1;
}


/* Overlay bleu au hover */
#background-video-pages::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 255, 0);
    z-index: 2;
    pointer-events: none;
    transition: background-color 0.4s ease;
}

#background-video-pages:hover::after {
    background-color: rgba(0, 0, 255, 0.25);
}
/* Loader */
.video-loader p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.5px;
}

/* Spinner animé */
.spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: #0000FF;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a3b3c43 *//* ========================================
   CSS PORTFOLIO AVOCATS
   Classe : .avocats-portfolio
   Texte en bas - rien de compliqué
   ======================================== */

.avocats-portfolio .elementor-portfolio-item {
  position: relative !important;
}

.avocats-portfolio .elementor-portfolio-item__overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 10 !important;
  height: auto !important;
}

.avocats-portfolio .elementor-portfolio-item__title {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: slideUpFade 0.6s ease-out !important;
  margin: 0 !important;
  padding: 12px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: block !important;
}

.avocats-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__title {
  background: rgba(0, 0, 255, 0.5) !important;
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */