.elementor-202 .elementor-element.elementor-element-7ceb63b9{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-202 .elementor-element.elementor-element-501623c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;}.elementor-202 .elementor-element.elementor-element-f56e474.elementor-element{--order:-99999 /* order start hack */;}.elementor-202 .elementor-element.elementor-element-f56e474 .site-logo{width:100px;}.elementor-202 .elementor-element.elementor-element-f56e474 .site-branding>div.mobile-logo{width:100px;}.elementor-202 .elementor-element.elementor-element-f56e474 .site-branding.pe--styled--object{text-align:left;}.elementor-202 .elementor-element.elementor-element-40612342  .pe--button--wrapper .pb--handle{flex-direction:row-reverse;}.elementor-202 .elementor-element.elementor-element-40612342 .pb--marquee__inner{--duration:5s;}.elementor-202 .elementor-element.elementor-element-dc266c6{--display:flex;}@media(max-width:767px){.elementor-202 .elementor-element.elementor-element-501623c5{--flex-wrap:nowrap;}.elementor-202 .elementor-element.elementor-element-40612342.elementor-element{--align-self:flex-end;}.elementor-202 .elementor-element.elementor-element-40612342 .pe--button{width:125px !important;}.elementor-202 .elementor-element.elementor-element-40612342  .pe--button--wrapper .pb--handle > span.pe--button--icon{font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-501623c5 */.header-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  /* effet glass */
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(12px);

  /* animation scroll */
  transform: translateY(-120%);
  transition: transform 0.35s ease;
  will-change: transform;


.header-scroll.visible {
  transform: translateY(0);
}

/* dégradé pour éviter la ligne nette */
.header-scroll::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 20px;

  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.15),
    rgba(255,255,255,0)
  );

  pointer-events: none;
}/* End custom CSS */