/* 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-success {
  background-color: #27A70E !important;
  border-color: #27A70E !important;
}

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


.nav-link:hover{
  font-weight: 500;
}