/* Définition par défaut pour les petits écrans */
.vh-10 {
  height: 10vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-40 {
  height: 40vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-100 {
  height: 100vh !important;
}

/* Pour les écrans de taille sm (≥576px) */
@media (min-width: 576px) {
  .vh-sm-10 {
    height: 10vh !important;
  }

  .vh-sm-20 {
    height: 20vh !important;
  }

  .vh-sm-30 {
    height: 30vh !important;
  }

  .vh-sm-40 {
    height: 40vh !important;
  }

  .vh-sm-50 {
    height: 50vh !important;
  }

  .vh-sm-60 {
    height: 60vh !important;
  }

  .vh-sm-70 {
    height: 70vh !important;
  }

  .vh-sm-80 {
    height: 80vh !important;
  }

  .vh-sm-90 {
    height: 90vh !important;
  }

  .vh-sm-100 {
    height: 100vh !important;
  }
}

/* Pour les écrans de taille md (≥768px) */
@media (min-width: 768px) {
  .vh-md-10 {
    height: 10vh !important;
  }

  .vh-md-20 {
    height: 20vh !important;
  }

  .vh-md-30 {
    height: 30vh !important;
  }

  .vh-md-40 {
    height: 40vh !important;
  }

  .vh-md-50 {
    height: 50vh !important;
  }

  .vh-md-60 {
    height: 60vh !important;
  }

  .vh-md-70 {
    height: 70vh !important;
  }

  .vh-md-80 {
    height: 80vh !important;
  }

  .vh-md-90 {
    height: 90vh !important;
  }

  .vh-md-100 {
    height: 100vh !important;
  }
}

/* Pour les écrans de taille lg (≥992px) */
@media (min-width: 992px) {
  .vh-lg-10 {
    height: 10vh !important;
  }

  .vh-lg-20 {
    height: 20vh !important;
  }

  .vh-lg-30 {
    height: 30vh !important;
  }

  .vh-lg-40 {
    height: 40vh !important;
  }

  .vh-lg-50 {
    height: 50vh !important;
  }

  .vh-lg-60 {
    height: 60vh !important;
  }

  .vh-lg-70 {
    height: 70vh !important;
  }

  .vh-lg-80 {
    height: 80vh !important;
  }

  .vh-lg-90 {
    height: 90vh !important;
  }

  .vh-lg-100 {
    height: 100vh !important;
  }
}

/* Pour les écrans de taille xl (≥1200px) */
@media (min-width: 1200px) {
  .vh-xl-10 { height: 10vh !important; }

  .vh-xl-20 { height: 20vh !important; }

  .vh-xl-30 { height: 30vh !important; }

  .vh-xl-40 { height: 40vh !important;}

  .vh-xl-50 { height: 50vh !important; }

  .vh-xl-60 { height: 60vh !important; }

  .vh-xl-70 { height: 70vh !important; }

  .vh-xl-80 { height: 80vh !important; }

  .vh-xl-90 { height: 90vh !important; }

  .vh-xl-100 { height: 100vh !important; }
}

/* Pour les écrans de taille xxl (≥1400px) */
@media (min-width: 1400px) {
  .vh-xxl-10 {
    height: 10vh !important;
  }

  .vh-xxl-20 {
    height: 20vh !important;
  }

  .vh-xxl-30 {
    height: 30vh !important;
  }

  .vh-xxl-40 {
    height: 40vh !important;
  }

  .vh-xxl-50 {
    height: 50vh !important;
  }

  .vh-xxl-60 {
    height: 60vh !important;
  }

  .vh-xxl-70 {
    height: 70vh !important;
  }

  .vh-xxl-80 {
    height: 80vh !important;
  }

  .vh-xxl-90 {
    height: 90vh !important;
  }

  .vh-xxl-100 {
    height: 100vh !important;
  }
}



.btn-signup {
  background-color: #00a341 !important;
  border-color: #00923b !important;
  color: white !important;
}

.btn-signup:hover,
.btn-signup:focus,
.btn-signup:active {
  background-color: #007931  !important;
  border-color: #007931  !important;
}

.btn-success {
  background-color: #FEB200 !important;
  border-color: #ffa600 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #ffa600  !important;
  border-color: #ffa600  !important;
}


.btn-marrow {
  background-color: #8B3902 !important;
  border-color: #8B3902 !important;
  color: white !important;
}

.btn-marrow:hover,
.btn-marrow:focus,
.btn-marrow:active {
  background-color: #612801  !important;
  border-color: #612801  !important;
}


.custom-input:focus {
  outline: none !important;
}


.capitalize-first {
  text-transform: lowercase;
}
.capitalize-first::first-letter {
  text-transform: uppercase;
}


.btn-facebook {
  background: linear-gradient(45deg, #3b5998, #8b9dc3) !important; /* Bleu Facebook */
  color: white !important;              /* Texte blanc */
  border: none !important;              /* Pas de bordure */
}

.btn-facebook:hover {
  background: linear-gradient(45deg, #3b5998, #8b9dc3) !important; /* Effet au survol : bleu plus foncé */
}



.btn-google {
  background: linear-gradient(45deg, #4285F4, #EA4335, #FBBC05, #34A853) !important; /* Dégradé des couleurs de Google */
  color: white !important;                                                        /* Texte blanc */
  border: none !important;                                                        /* Pas de bordure */
}

.btn-google:hover {
  opacity: 0.8 !important;                                                         /* Légère transparence au survol */
}




#link-contact h6{
  font-size: 13px !important;
}

#link-contact p{
  font-size: 12px !important;
}

#paragraphe p{
  font-size: 12px !important;
  margin: 6px;
  margin-left: 0;
}




.bg-glass{
  border: 1px solid rgba(255, 255, 255, 0.3) !important; 
  background-color: rgba(255, 255, 255, 0.2) !important; 
  backdrop-filter: blur(10px) !important; /* Flou sur l'arrière-plan */
  -webkit-backdrop-filter: blur(10px) !important; /* Support Safari */
  min-height: 550px !important; 
  min-width: 450px !important; 
}