*{
margin: 0;
padding: 0;
}


.custom-dark{
background-color: black;
}





.splide__slide img {
    width: 100%;
    border-radius: 10px;
    padding: 5px;

  }



/* Style par défaut (mobile en premier - le carousel descend) */
.splide {
    margin-top: 20px; /* Décalage vers le bas sur mobile */
    z-index: 1;
    top: 0px;
  }
  
  /* Pour les grands écrans (desktop) — le carousel remonte */
  @media (min-width: 992px) {
    .splide {
      margin-top: 30px; /* Remonter le carousel derrière la navbar */
    }
  }
  
  /* Mettre la navbar par-dessus */
  .navbar {
    position: absolute;
    top: 0px; /* Ajuste selon ton design */
    left: 50%;
    transform: translateX(-70%);
    z-index: 10;
  }
  


.titre{
color: #e6b420;
font-size: 50px;
}

.titre2{
  color: rgb(0, 0, 0);
  font-size: 50px;
  }


  
.paragh{
  color: white;
  font-size: 25px;
}

.color{
  color: white;
}


.card-img-top {
  border-radius: 15px; /* Même ou différent de la card */
}


.bi-broadcast,.bi-book-half,.bi-people-fill {
font-size: 30px;
color: #e6b420;
}

/* Animation à l'ouverture */
.popup-animated {
  animation: scaleFadeIn 0.5s ease forwards;
  background: linear-gradient(to right, #ffffff, #f8f9fa);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

@keyframes scaleFadeIn {
  0% {
    transform: scale(0.85);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.modal-content {
  transition: all 0.3s ease;
}

.modal-body p,
.modal-title {
  color: #333;
}

/* Bouton style Webflow */
.btn-primary {
  background-color: #000;
  border: none;
  transition: 0.3s ease;
}

.btn-primary:hover {
  background-color: #333;
}