/**
Less !
**/
@font-face {
  font-family: AfacadFlux Medium;
  src: url('../css/fonts/afacad-flux/AfacadFlux-Medium.ttf') format('truetype');
}
.afacadflux-medium {
  font-family: "AfacadFlux Medium";
  font-weight: 500;
}
.textBasic {
  font-family: "AfacadFlux Medium";
  font-weight: 500;
  font-size: 12px;
  color: #F6EFD6;
}
.h2Tel {
  font-size: 20px;
}
.textMobilePC {
  font-size: 13px !important;
}
.h2MobilePC {
  font-size: 18px;
}
.h2MobileBigPC {
  font-size: 26px;
}
.dnone {
  display: none;
}
.desac {
  border: solid 2px #979797 !important;
}
input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
body {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  width: 100%;
  position: relative;
}
body #backspinVideo {
  height: 100vh;
  height: 100dvh;
  width: 100%;
  /*@media screen and (min-width: @widthTablette) {
            height: auto;
            bottom: 50%;
            transform: translate(50%, 50%);
            min-width: 100%;
            min-height: 100%;
        }*/
  object-fit: cover;
}
body .newsletter {
  font-family: "AfacadFlux Medium";
  font-weight: 500;
  font-size: 12px;
  color: #F6EFD6;
  background-color: #173B30;
  width: 100%;
  padding: 35px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  bottom: env(safe-area-inset-bottom);
}
body .newsletter h2 {
  font-family: "AfacadFlux Medium";
  font-weight: 500;
  font-size: 12px;
  color: #F6EFD6;
  font-size: 20px;
  margin-bottom: 20px;
  max-width: 320px;
}
body .newsletter #formNewsletter {
  width: 100%;
  max-width: 320px;
  display: flex;
}
body .newsletter #formNewsletter input {
  font-family: "AfacadFlux Medium";
  font-weight: 500;
  font-size: 12px;
  color: #F6EFD6;
  border: solid 2px #F6EFD6;
  padding: 15px;
}
body .newsletter #formNewsletter input[type=email] {
  width: 75%;
  background-color: transparent !important;
}
body .newsletter #formNewsletter input[type=email]:focus {
  outline: none;
}
body .newsletter #formNewsletter input[type=email]::placeholder {
  color: #F6EFD6;
}
body .newsletter #formNewsletter input[type=submit] {
  cursor: pointer;
  background-color: #F6EFD6;
  color: #173B30;
  width: 25%;
}
body .newsletter #formNewsletter input[type=submit]:disabled {
  background-color: #979797;
}
body .newsletter #formNewsletter input:-webkit-autofill,
body .newsletter #formNewsletter input:-webkit-autofill:hover,
body .newsletter #formNewsletter input:-webkit-autofill:focus,
body .newsletter #formNewsletter input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #173B30 inset !important;
}
body .newsletter #formNewsletter input:-webkit-autofill {
  -webkit-text-fill-color: #F6EFD6 !important;
}
body .newsletter #msgValidation {
  max-width: 320px;
  margin-top: 8px;
  font-size: 12px;
}
body .newsletter #msgValidation .loader {
  font-size: 4px;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
  margin-top: 20px;
}
@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@media screen and (min-width: 768px) {
  body .newsletter {
    padding: 16px 0 20px 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
  }
  body .newsletter h2 {
    max-width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
  }
  body .newsletter #formNewsletter {
    width: 100%;
    max-width: 410px;
  }
  body .newsletter #formNewsletter input {
    font-size: 13px !important;
    padding: 10px;
  }
  body .newsletter #msgValidation {
    max-width: 410px;
    margin-top: 8px;
    font-size: 14px;
  }
  body .newsletter #msgValidation .loader {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1800px) {
  body .newsletter {
    padding: 20px 0 25px 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
  }
  body .newsletter h2 {
    max-width: 100%;
    margin-bottom: 15px;
    font-size: 26px;
  }
  body .newsletter #formNewsletter {
    width: 100%;
    max-width: 410px;
  }
  body .newsletter #formNewsletter input {
    font-size: 13px !important;
    padding: 10px;
  }
  body .newsletter #msgValidation {
    max-width: 410px;
    margin-top: 8px;
    font-size: 14px;
  }
  body .newsletter #msgValidation .loader {
    margin-top: 15px;
  }
}
/*# sourceMappingURL=styles.css.map */