.elementor-647 .elementor-element.elementor-element-b9c00d8{--display:flex;--min-height:700px;--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-647 .elementor-element.elementor-element-5887669{padding:0px 0px 0px 0px;}.elementor-647 .elementor-element.elementor-element-a02d8a6{--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;}.elementor-647 .elementor-element.elementor-element-9a355ae .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-647 .elementor-element.elementor-element-a5b0b31{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-647 .elementor-element.elementor-element-936e2ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-647 .elementor-element.elementor-element-f9f385e{--display:flex;--min-height:0px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-647 .elementor-element.elementor-element-da2883d{--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;}@media(min-width:768px){.elementor-647 .elementor-element.elementor-element-b9c00d8{--width:100%;}.elementor-647 .elementor-element.elementor-element-a02d8a6{--content-width:1440px;}.elementor-647 .elementor-element.elementor-element-a5b0b31{--content-width:1440px;}.elementor-647 .elementor-element.elementor-element-f9f385e{--content-width:1440px;}.elementor-647 .elementor-element.elementor-element-da2883d{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-5887669 */:root{
  --accent:#247AAA;
  --text:#E8E8E8;
  --muted:#B2B2B2;
}

/* ===== HERO FULL BACKGROUND ===== */
.hero-elite{
  position:relative;
  width:100%;
  height:100vh;
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--text);
  overflow:hidden;
  isolation:isolate;
  font-family:"Inter",sans-serif;
}

/* ===== BACKGROUND IMAGE ===== */
.hero-bg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.88) 0%,
      rgba(0,0,0,.55) 30%,
      rgba(0,0,0,.15) 55%,
      rgba(0,0,0,0) 70%),
    url("http://www.omigym.com/wp-content/uploads/2025/10/Bandeau-Acceuil.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:40% center;
  z-index:-1;
  filter:contrast(1.15) brightness(1) saturate(1.1);
}

/* ===== CONTAINER ALIGNÉ 1380 PX ===== */
.hero-container{
  width:100%;
  max-width:1380px;          /* limite stricte du contenu */
  margin:0 auto;
  padding:0 6%;              /* petits marges latérales responsives */
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

/* ===== CONTENU ===== */
.hero-content{
  max-width:640px;
  text-align:left;
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 1s ease forwards .3s;
}

/* ===== TITRE ===== */
.hero-title{
  font-family:"Bebas Neue",sans-serif;
  text-transform:uppercase;
  font-weight:400;
  font-size:clamp(3rem,7.8vw,6.5rem);
  line-height:.92;
  letter-spacing:1.4px;
  color:var(--text);
  margin:0 0 28px;
}
.hero-title span{ color:var(--accent); }

/* ===== SOUS-TEXTE ===== */
.hero-sub{
  font-size:clamp(1rem,1.3vw,1.25rem);
  color:rgba(200,210,220,.92);
  line-height:1.6;
  margin:0 0 48px;
  max-width:560px;
  opacity:0;
  transform:translateY(40px);
  animation:fadeUp 1s ease forwards .5s;
  text-shadow:0 0 4px rgba(0,0,0,.45);
}

/* ===== BOUTON ===== */
.hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:500;
  font-size:16px;
  letter-spacing:.4px;
  color:var(--accent);
  border:2px solid var(--accent);
  border-radius:4px;
  padding:14px 44px;
  background:transparent;
  text-decoration:none;
  text-transform:uppercase;
  transition:all .25s ease;
  opacity:0;
  transform:translateY(30px);
  animation:fadeUp 1s ease forwards .7s;
  box-shadow:0 0 0 transparent;
}
.hero-btn:hover{
  background:var(--accent);
  color:#0A0A0A;
  transform:translateY(-2px);
  box-shadow:0 4px 15px rgba(36,122,170,.25);
}

/* ===== ANIMATION ===== */
@keyframes fadeUp{
  to{opacity:1;transform:translateY(0);}
}

/* ===== RESPONSIVE ===== */
@media (max-width:991px){
  .hero-container{padding:0 8%;}
  .hero-title{font-size:clamp(2.6rem,9vw,5rem);}
  .hero-sub{max-width:90%;}
}
@media (max-width:767px){
  .hero-elite{height:82vh;align-items:flex-end;}
  .hero-container{padding:0 24px;}
  .hero-content{max-width:90%;margin-bottom:64px;}
  .hero-title{font-size:clamp(2.4rem,10vw,4rem);}
  .hero-sub{font-size:.95rem;}
  .hero-btn{padding:12px 32px;font-size:15px;}
}/* End custom CSS */