:root {
  --navbar-height: 80px;
  --footer-height: 80px;
}
#contact {
  min-height: calc(100vh - var(--navbar-height) - var(--footer-height));
  scroll-margin-top: var(--navbar-height);

  display: flex;
  align-items: center;
}
footer {
    min-height: var(--footer-height);
    background-color: transparent; 
}
.footer-opacity {

  color: #fff;
  z-index: 10;
}
.divider-wave {
  height: --footer-height;

  background: url("../img/ui/svg/divider-intersecting-curves.svg") no-repeat bottom center;
  background-size: 100% 100%;
}
#infospratiques {
      min-height: calc(100vh - var(--navbar-height) - var(--footer-height));
  scroll-margin-top: var(--navbar-height);

  display: flex;
  align-items: center;

}
.text-footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 2%;
}