.text-spacing-1 {
  letter-spacing: 0.125rem;
}

.text-shadow {
  text-shadow: 0 0 1px #121212;
}
.vh-20 {
  min-height: 20vh !important;
}
.vh-40 {
  min-height: 40vh !important;
}
.vh-60 {
  min-height: 60vh !important;
}
.vh-80 {
  min-height: 80vh !important;
}
.vh-25 {
  min-height: 25vh !important;
}
.vh-50 {
  min-height: 50vh !important;
}
.vh-75 {
  min-height: 75vh !important;
}

.bg-image::after {
  content: " ";
  background: url(img/gru-hero-fond-0.jpg) bottom center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 100%;
}

.bg-image-20vh::after {
  height: 20vh;
}

.bg-image-30vh::after {
  height: 30vh;
}

.bg-image-40vh::after {
  height: 40vh;
}



@media (max-width: 991.98px) {
  .translate-middle-y {
    transform: translateY(0) !important;
  }
  .bg-iamge:after {
    background: none;
  } 
}

@media (min-width: 992px) {
  .vh-lg-20 {
    min-height: 20vh !important;
  }
  .vh-lg-25 {
    min-height: 25vh !important;
  }
  .vh-lg-30 {
    min-height: 30vh !important;
  }
  .vh-lg-40 {
    min-height: 40vh !important;
  }
  .vh-lg-50 {
    min-height: 50vh !important;
  }
  .vh-lg-60 {
    min-height: 60vh !important;
  }
  .vh-lg-80 {
    min-height: 80vh !important;
  }

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

.bi-opacity-25::before {
  opacity: 0.25;
}
.bi-opacity-50::before {
  opacity: 0.5;
}
.bi-opacity-75::before {
  opacity: 0.75;
}

/****TRAITS OBLIQUES NAV****/

.vb::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #204f60;
  height: 100%;
}
@media (max-width: 991.98px) {
.vb::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-right: none;
  height: 100%;
}
}

/***Titres démarches en responsive**/
@media (max-width: 991.98px) {
  .fs-2 {
    font-size: 1rem !important;
  }
  .fs-3{font-size:1rem!important}
  .fs-4 {
    font-size: 0.8rem !important;
  }
  .fs-5 {
    font-size: 0.8rem !important;
  }
}

/***form **/
@media (max-width: 991.98px) {
  .form-control-lg,
  .form-select-lg {
     font-size: 1rem;
  }
}

/*Accordion icon color*/

.text-white.accordion-button::after {

  background-image: var(--bs-accordion-btn-icon-white)!important;
}