.video-fond {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1000; /* Place la vidéo derrière le contenu */
  object-fit: cover; /* Ajuste la vidéo pour couvrir toute la surface */
}

.ombre_h1 {
    color: white;                 /* couleur du texte */
    text-shadow: 4px 4px 2px #000; /* décalage X, décalage Y, flou, couleur */
  }
.ombre_h3 {
    color: white;                 /* couleur du texte */
    text-shadow: 2px 2px 2px #000; /* décalage X, décalage Y, flou, couleur */
  }

.gradient-text {
  text-transform: uppercase;
  background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #5f27cd, #ff6b6b);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradientMove 4s linear infinite;
}
@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.cadre {
  border: 2px solid #1e3a8a;      /* couleur du cadre */
  padding: 15px;                  /* espace intérieur */
  border-radius: 8px;             /* coins arrondis */
  background: #f0f4ff;            /* couleur de fond */
  max-width: 600px;               /* largeur max */
  margin: 20px auto;              /* centrer */
}

.cadre-shadow {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  max-width: 650px;
  margin: 25px auto;
}

.blink {
  animation: clignote 1s step-start infinite;
  /* Optionnel : style du mot */
  font-weight: bold;
  color: #c00;
}

@keyframes clignote {
  50% {
    visibility: hidden;
  }
}