<style>
/* === Polices locales === */
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-VariableFont_slnt,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
}

/* === Ton style inchangé avec les polices mises à jour === */

.slide {
    position: absolute;
    left: 0;
    top: 0;
}

h1 {
    margin-top: 50px;
    font-family: 'Bricolage Grotesque', sans-serif; /* Utilisation de la police Bricolage */
}

.navbar {
    position: fixed; /* Position fixe */
    top: 0; /* Aligner en haut de la page */
    left: 0; /* Aligner à gauche de la page */
    width: 100%; /* Largeur de 100% */
    z-index: 1000; /* Assurer que la navbar reste au-dessus du reste du contenu */
    background-color: #111111; /* Fond de la même couleur que le background de la page */
    display: flex;
    justify-content: center; /* Alignement horizontal */
    align-items: center; /* Alignement vertical */
    background: var(--localnav-background-stuck, rgba(17, 17, 17, 0.8));
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Gris à 50% avec 50% de transparence */
}

.text-container h2 {
    font-family: 'Inter', sans-serif; /* Utilisation de la police locale Inter */
    font-size: 35px; /* Taille du texte de 35px */
    font-weight: 600; /* Graisse SemiBold */
}
</style>