/*video en fond sur la page d'accueil*/


/* 0) hauteur de la barre (à ajuster) */
:root{
  --header-h: 72px; /* 60, 72, 80… selon la hauteur réelle de ta barre */
}



.hero-video {
  position: relative;
  width: 100%;
  height: 100vh; /* pleine hauteur écran */
  overflow: hidden;
}

.hero-video__media video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}

.hero-video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* léger filtre sombre */
  z-index: 2;
}

.hero-video__content_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 3;
}

.hero-video__content_container h1 {
  font-size: 4rem;
  color: #f57224; /* orange DuraDalle */
  margin: 0;
}

.hero-video__content_container p {
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 1rem;
}



/*mot DURADALLE sur la video accueil*/
.hero-video__content_container h1 { 
  font-family: Coolvetica;
  color: #f37a21;
  font-size: 250px;
}


/*phrase sous DURADALLE sur video accueil*/
.hero-video__content_container p {   
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  color: #ffff;
}