/*-------------------------------vid--------------------------------------------*/
/* Ajuste la zone vidéo pour remplacer visuellement le slider */
.video-hero {
  position: relative;
  width: 100%;
  /* Même ratio approx. que vos images 1920x850 */
  aspect-ratio: 1920 / 850;
  overflow: hidden;
  background: #000;
}
.video-hero video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* couvre toute la zone comme un slider */
}

/* Optionnel: si vous voulez une hauteur mini sur petits écrans */
@media (max-width: 768px) {
  .video-hero {
    aspect-ratio: 16 / 9;
  }
}
/*----------------------------------------footer-----------------------------------*/
/* Bloc global vidéo + overlay */
.footer-with-video {
  position: relative;
  overflow: hidden;
}

/* Vidéo couvrant tout le footer */
.footer-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Voile au-dessus */
.footer-overlay {
  position: absolute;
  inset: 0;
  background: rgba(54, 38, 28, 0.45); /* brun doux */
  z-index: 1;
}

/* Contenu par-dessus */
.footer-content {
  position: relative;
  z-index: 2;
  color: #fff; /* blanc adouci */
}

/* Sections transparentes */
.footer-area-top,
.footer-area-bottom {
  background: transparent !important;
}

/* Titres et textes */
.footer-box .title-bar-footer,
.footer-box,
.footer-box p,
.corporate-address i {
  color: #fff;
}

/* Liens uniformes */
.footer-content a,
.footer-content a:visited,
.footer-content a:hover,
.footer-content a:active,
.footer-credit {
  color: #fff;
  text-decoration: none;
}

/* Centrage moderne */
.text-center {
  text-align: center;
}

/* Liste "Liens rapides" verticale avec puce musique */
.useful-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.useful-links li {
  display: block !important; /* force chaque lien sur une ligne */
  position: relative;
  margin: 0.4em 0;
  padding-left: 1.4em;
}

.useful-links li::before {
  content: "\f001"; /* icône note de musique */
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.95em;
  line-height: 1.2;
  color: #fff;
  opacity: 0.9;
}

/* Coordonnées */
.corporate-address {
  list-style: none;
  margin: 0;
  padding: 0;
}
.corporate-address li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0.35em 0;
}
.corporate-address i {
  min-width: 18px;
  text-align: center;
  margin-top: 3px;
  opacity: 0.95;
}
.corporate-address,
.corporate-address li,
.corporate-address p,
.corporate-address i {
  color: #fff !important;
}

/*------------------------------mediators---------------------------------------------*/
/* Galerie médiators */
.mediators-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* Cartes au ratio d'origine 210x250 = 21/25, sans rognage */
.mediator-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 21 / 25; /* ratio d'origine */
  background: #111; /* bandes si nécessaire */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.mediator-item img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* pas de recadrage */
  display: block;
  transition: filter 0.3s ease, transform 0.3s ease;
}

/* Effet hover sans couper l'image */
.mediator-item:hover {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}
.mediator-item:hover img {
  filter: contrast(1.05) saturate(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .mediators-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .mediators-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .mediators-grid {
    grid-template-columns: 1fr;
  }
}

/*------------------------------------contact---------------------------------------*/
/* Bloc coordonnées */
.contact-info-layout3 {
  background: rgba(255, 255, 255, 0.05); /* léger voile sur fond vidéo si utilisé */
  padding: 25px 20px;
  border-radius: 8px;
  color: #f2f2f2;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.contact-info-layout3 .title-box h2 {
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #f7a145;
  display: inline-block;
  padding-bottom: 5px;
}

/* Liste des coordonnées */
.contact-info-layout3 .contact-address {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.contact-info-layout3 .contact-address li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

.contact-info-layout3 .contact-address i {
  font-size: 1.2em;
  color: #f7a145; /* couleur accent */
  margin-right: 10px;
  margin-top: 3px;
  min-width: 20px;
  text-align: center;
}

.contact-info-layout3 .contact-address p {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.4;
  color: #f2f2f2;
}

/* Texte horaire ou info supplémentaire */
.contact-info-layout3 p {
  margin-top: 10px;
  font-size: 0.9em;
  color: #ddd;
}

/* Icônes sociales */
.contact-info-layout3 .contact-social {
  margin-top: 15px;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 12px;
}

.contact-info-layout3 .contact-social li a {
  color: #f2f2f2;
  font-size: 1.3em;
  transition: color 0.3s ease;
}

.contact-info-layout3 .contact-social li a:hover {
  color: #f7a145;
}

/*------------------------------------vid ctc---------------------------------------*/
.contact-info-video {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.contact-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.contact-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55); /* voile sombre */
  z-index: 1;
}

.contact-info-layout3 {
  position: relative;
  z-index: 2;
  padding: 25px;
  color: #fff !important; /* tous les textes en blanc */
}

.contact-info-layout3 .title-box h2 {
  margin-top: 0;
  color: #fff;
}

.contact-address {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}

.contact-address li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 10px;
}

.contact-address i {
  min-width: 18px;
  font-size: 18px;
  color: #fff !important; /* icônes blanches */
}

.contact-social {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

.contact-social li {
  display: inline-block;
  margin-right: 10px;
}

.contact-social a {
  color: #fff !important; /* icônes sociales en blanc */
  font-size: 20px;
  transition: color 0.3s ease;
}

.contact-social a:hover {
  color: #f7a145; /* accent au survol */
}
.contact-info-layout3,
.contact-info-layout3 p,
.contact-info-layout3 li,
.contact-info-layout3 i,
.contact-info-layout3 h2,
.contact-info-layout3 a {
  color: #fff !important;
}

.contact-info-layout3 .title-box h2 {
  color: #fff !important;
}

.contact-social a {
  color: #fff !important;
}

.contact-social a:hover {
  color: #f7a145 !important; /* accent au survol */
}
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/