:root {
  --alabaster: #fafafa;
  --alto: #d9d9d9b2;
  --alto-2: #d9d9d9cc;
  --black-haze: #f7f7f7;
  --eerie-black: #1b1b1b;
  --gallery: #ededed;
  --gold-tips: #e3bc1e26;
  --gold-tips-2: #e3bc1e;
  --gray: #828282;
  --light-gray: #c7c6c6;
  --peridot: #9eb73b;
  --peridot-2: #9eb73b26;
  --shark: #262626;
  --supernova: #ffcf0b;
  --white: #ffffff;

  --font-size-30px: 30px;
  --font-size-xs: 12px;
  --font-size-s: 14px;
  --font-size-m: 16px;
  --font-size-l: 18px;
  --font-size-lg: 24px;
  --font-size-xl: 36px;
  --font-size-xxl: 48px;
  --font-size-xxxl: 60px;
  --font-size-xxxxl: 68px;

  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-plus_jakarta_sans: "Plus Jakarta Sans", Helvetica;
  --font-family-roboto-condensed: "Roboto-Condensed", Helvetica;
}

.tblack {
    color:  var(--shark)!important;
    /*font-family: var(--font-family-plus_jakarta_sans);*/
}

.titre-1--plus-jakarta-sans--68pt {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.titre-2---plus-jakarta-sans--48pt {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.titre-3---plus-jakarta-sans--36pt {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.titre-4---plus-jakarta-sans--20pt {
    font-family: var(--font-family-plus_jakarta_sans);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}
@media screen and ( max-width: 500px ) {
    .titre-4---plus-jakarta-sans--20pt {
        font-size: var(--font-size-sm);
    }
}
@media screen and ( min-width: 501px ) {
    .titre-4---plus-jakarta-sans--20pt {
        font-size: var(--font-size-l);
    }
}
.body {
    font-family: var(--font-family-plus_jakarta_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--gray);
    line-height: normal;
}

.body-2 {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-large {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-1 {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.asterisque---plus-jakarta-sans--12pt {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
}

.sous-titre-formulaire {
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-30px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.plusjakartasans-bold-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-semi-bold-shark-18px {
  color: var(--shark);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.plusjakartasans-normal-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-m);
}

.plusjakartasans-semi-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.plusjakartasans-bold-eerie-black-49-4px {
  color: var(--eerie-black);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-bold-supernova-40px {
  color: var(--supernova);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.plusjakartasans-extra-bold-supernova-68px {
  color: var(--supernova);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.plusjakartasans-extra-bold-shark-57px {
  color: var(--shark);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 57px;
  font-style: normal;
  font-weight: 800;
}

.plusjakartasans-normal-shark-15px {
  color: var(--shark);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.plusjakartasans-bold-peridot-41px {
  color: var(--peridot);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 41px;
  font-style: normal;
  font-weight: 700;
}

.roboto-condensed-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto-condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
