.accueil-top-container {
    width: 100%;
    height: 100vh;
    background-image: url(../img/43689.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
   

}

.accueil-top-fader {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(29, 35, 73, 0.495);
display: flex;
justify-content: center;
align-items: center;
  

}

.accueil-fader-block {
    width: 90%;
    height: fit-content;
    color: whitesmoke;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  gap: 1rem;
  transform: translateY(40px);
}

.accueil-fader-title {
    font-size: 75px;
    font-weight: bold;
    text-align: center;
}

.accueil-fader-subtitle {
    font-size: 45px;
    font-weight: bold;
    text-align: center;

}

.accueil-fader-infos {
    font-size: 25px;
    font-weight: bold;
    width: 80%;
}

.fader-nav {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.button {
      display: inline-block;           /* Permet padding et dimensions correctes */
  padding: 0.6em 1.2em;            /* 0.6 en hauteur, 1.2 en largeur pour un équilibre visuel */
  background-color: #09166D;       /* Bleu sympa */
  color: whitesmoke;                    /* Texte blanc */
  text-decoration: none;           /* Supprime le soulignement */
  border-radius: 9999px;           /* Très arrondi (pill shape) */
border: 1px solid whitesmoke;
  font-size: 1rem;                 /* Taille lisible */
  font-weight: 500;                /* Légèrement gras */
  transition: background-color 0.2s ease, transform 0.1s ease; /* Effet fluide */
}

.button:hover {
  background-color: #0056b3;       /* Bleu plus foncé au survol */
  transform: translateY(-2px);     /* Léger effet de soulèvement */
}

.button:active {
  transform: translateY(0);        /* Repos quand cliqué */
}


/* version mobile */

@media (max-width: 862px) { 

  .accueil-top-container {
   
    height: 100vh;

   

}

  .accueil-fader-block {
    width: 100%;

}

.accueil-fader-title {
    font-size: 45px;
  
}

.accueil-fader-subtitle {
    font-size: 25px;


}

.accueil-fader-infos {
    font-size: 18px;

}

}