@charset "UTF-8";
:root {
  --midnight1: #2B3040;
  --midnight2: #41485E;
  --midnight3: #5E698C;
  --blue1: #416FE1;
  --blue2: #4E81FF;
  --blue3: #6F98FF;
  --purple1: #53209A;
  --purple2: #722FCF;
  --purple3: #9D58FF;
  --pink1: #CE2AFA;
  --pink2: #DF69FF;
  --pink3: #EDACFF;
  --white1: #FFFFFF;
  --white2: #EBEBEB;
  --white3: #C8C8C8;
  --red: #C3211F;
  --nunitoTitle1: 76px;
  --nunitoTitle2: 44px;
  --nunitoSubtitle1: 28px;
  --nunitoSubtitle2: 20px;
  --nunitoParagraphe1: 15px;
  --nunitoParagraphe2: 8px;
  --introTitle1: 76px;
  --introTitle2: 44px;
  --introSubtitle1: 28px;
  --introSubtitle2: 20px;
  --introContact: 15px;
}

.column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.body-formules {
  padding: 0px 50px 0px 50px;
}

/* BUTTONS */
.formules-form-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
}
.formules-form-button .formules-input-button[type=submit] {
  background-color: var(--blue1);
  color: white;
  border-radius: 20px;
  height: 35px;
  width: 120px;
  border: none;
  font-size: var(--nunitoParagraphe1);
  font-family: "Nunito", sans-serif;
  cursor: pointer;
}
.formules-form-button .formules-input-button[type=submit]:hover {
  background-color: var(--blue1);
}

.formules-form-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
}
.formules-form-button .formules-input-button-red[type=submit] {
  background-color: var(--red);
  color: white;
  border-radius: 20px;
  height: 35px;
  width: 200px;
  border: none;
  font-size: var(--nunitoParagraphe1);
  font-family: "Nunito", sans-serif;
  cursor: pointer;
}
.formules-form-button .formules-input-button-red[type=submit]:hover {
  background-color: var();
}

.formules-form-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
}
.formules-form-button .formules-input-button-2[type=submit] {
  background-color: var(--blue1);
  color: white;
  border-radius: 20px;
  height: 35px;
  width: 200px;
  border: none;
  font-size: var(--nunitoParagraphe1);
  font-family: "Nunito", sans-serif;
  cursor: pointer;
}
.formules-form-button .formules-input-button-2[type=submit]:hover {
  background-color: var(--blue1);
}

.formules-form-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
}
.formules-form-button .formules-input-button-3[type=submit] {
  background-color: var(--blue1);
  color: white;
  border-radius: 20px;
  height: 35px;
  width: 300px;
  border: none;
  font-size: var(--nunitoParagraphe1);
  font-family: "Nunito", sans-serif;
  cursor: pointer;
  margin-top: 20px;
}
.formules-form-button .formules-input-button-3[type=submit]:hover {
  background-color: var(--blue1);
}

/* HERO PAGE */
.formules-hero-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 153px);
}

#formules-h1 {
  font-family: "Intro", sans-serif;
  font-size: var(--introTitle1);
  text-align: center;
}

#formules-h2 {
  font-size: var(--nunitoSubtitle2);
  text-align: center;
}

#formules-hero-gun {
  position: absolute;
  max-height: 50%;
  z-index: -100000;
  top: 240px;
}

.hero-arrow {
  position: relative;
  height: 32px;
  margin-top: 48px;
}

/* FORMULES */
/* PUBLIC */
.formules-rounded-line-1 {
  width: 15%;
  height: 10px;
  background-color: var(--blue1);
  border-radius: 5px;
  margin-top: 16px;
}

#formules-title-case-h2 {
  font-size: var(--introSubtitle1);
  font-family: "Intro", sans-serif;
}

.formules-publics {
  display: flex;
  gap: 48px;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 80px;
  padding: 0px 130px 0px 130px;
}

.formules-public-offre-1, .formules-public-offre-2, .formules-public-offre-3 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: left;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  min-width: 30%;
}

.formules-text-case-p {
  font-size: var(--nunitoSubtitle1);
  padding: 0;
  margin: 0;
}

.formules-text-case-p-2 {
  font-size: var(--nunitoSubtitle2);
  padding: 0;
  margin: 0px 0px 30px 0px;
  text-align: center;
}

.formules-text-case-ul {
  list-style-type: none;
  padding: 0;
}

.formules-text-case-li {
  margin: 20px 0px 20px 0px;
}

.formules-text-case-li-2 {
  margin: 50px 0px 50px 0px;
}

#formules-text-case-star {
  font-size: var(--nunitoParagraphe1);
  margin: 5px 0px 0px 0px;
}

/* ENTREPRISE */
.formules-entreprise {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-bottom: 80px;
  padding: 0px 130px 0px 130px;
}

.formules-entreprise-offre-1 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  text-align: left;
  width: 80%;
}

.formules-entreprise-offre-2 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  text-align: center;
  width: 20%;
}

.formules-text-case-ul-2 {
  padding: 0px 30px 0px 30px;
}

.formules-entreprise-offre-menu {
  background-color: var(--midnight3);
  padding: 20px;
  border-radius: 20px;
  margin-top: 48px;
  min-height: 192px;
}

.formules-entreprise-div-menus {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: flex-start;
}

/* ANNIVERSAIREEEEEE */
.formules-anniversaire {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-bottom: 80px;
  padding: 0px 130px 0px 130px;
}

.formules-anniversaire-offre-1 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  text-align: left;
  width: 20%;
  text-align: center;
}

.formules-anniversaire-offre-2 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  text-align: center;
  width: 80%;
}

.formules-text-case-p-center {
  font-size: var(--nunitoSubtitle1);
  padding: 0;
  margin: 0;
  text-align: center;
  margin-bottom: 10px;
}

.formules-text-case-li-anniv {
  margin: 70px 0px 70px 0px;
}

.formules-anniversaire-offre-menu {
  background-color: var(--midnight3);
  padding: 20px;
  border-radius: 20px;
  margin-top: 48px;
  min-height: 192px;
  text-align: left;
}

.formules-anniversaire-div-menus {
  display: flex;
  gap: 48px;
  flex-direction: row;
  align-items: center;
}

/* MARIÉE */
.formules-future-marie {
  display: flex;
  gap: 160px;
  justify-content: center;
  margin-bottom: 80px;
}

.formules-future-marie-offre-1, .formules-future-marie-offre-2 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: left;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  width: 30%;
}

.formules-text-case-ul-2 {
  list-style-type: none;
  padding: 0;
  text-align: center;
  font-size: var(--nunitoSubtitle2);
  margin-bottom: 32px;
}

/* PIZZA */
.formules-pizza {
  display: flex;
  gap: 160px;
  justify-content: center;
  margin-bottom: 80px;
}

.formules-pizza-offre-1, .formules-pizza-offre-2 {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: left;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
  width: 30%;
}

.formules-text-case-ul-2 {
  list-style-type: none;
  padding: 0;
  text-align: center;
  font-size: var(--nunitoSubtitle2);
  margin-bottom: 32px;
}

/* MEMBRE */
.formules-membre {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.formules-membre-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 32px 0px 32px;
}

.formules-membre-offre {
  background-color: var(--midnight2);
  padding: 32px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  width: 75%;
  margin-top: 48px;
}

.formules-membre-offres-ordre {
  display: flex;
  flex-direction: row;
  gap: 80px;
}

.formules-membre-offre-1 {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
}

.formules-membre-offre-2 {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-top: 48px;
}

.formules-text-case-ul-3 {
  list-style-type: none;
  padding: 0;
  text-align: center;
  font-size: var(--nunitoSubtitle2);
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  .formules-form-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
  }
  .formules-form-button .formules-input-button-2[type=submit] {
    background-color: var(--blue1);
    color: white;
    border-radius: 20px;
    height: 35px;
    width: 155px;
    border: none;
    font-size: var(--nunitoParagraphe1);
    font-family: "Nunito", sans-serif;
    cursor: pointer;
  }
  .formules-form-button .formules-input-button-2[type=submit]:hover {
    background-color: var(--blue1);
  }
  .formules-form-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
  }
  .formules-form-button .formules-input-button-red[type=submit] {
    background-color: var(--red);
    color: white;
    border-radius: 20px;
    height: 35px;
    width: 155px;
    border: none;
    font-size: var(--nunitoParagraphe1);
    font-family: "Nunito", sans-serif;
    cursor: pointer;
  }
  .formules-form-button .formules-input-button-red[type=submit]:hover {
    background-color: var();
  }
}
@media screen and (max-width: 768px) {
  .formules-publics {
    display: flex;
    gap: 48px;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 80px;
    padding: 0px 130px 0px 130px;
  }
  .formules-entreprise {
    display: flex;
    gap: 32px;
    justify-content: center;
    margin-bottom: 80px;
    flex-direction: column;
    padding: 0px 0px 0px 0px;
    align-items: center;
  }
  .formules-text-case-p-2 {
    font-size: var(--nunitoParagraphe1);
    padding: 0;
    margin: 0px 0px 30px 0px;
    text-align: center;
  }
  .formules-text-case-ul-2 {
    padding: 0px 30px 0px 30px;
    font-size: var(--nunitoParagraphe1);
  }
  .formules-entreprise-offre-2 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    text-align: center;
    width: 50%;
  }
  .formules-anniversaire {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    flex-direction: column;
    padding: 0px 10px 0px 10px;
  }
  .formules-anniversaire-offre-1 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    text-align: left;
    width: 50%;
    text-align: center;
  }
  .formules-anniversaire-offre-2 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    text-align: center;
    width: 90%;
  }
  .formules-future-marie {
    display: flex;
    gap: 80px;
    justify-content: center;
    margin-bottom: 80px;
  }
  .formules-pizza {
    display: flex;
    gap: 80px;
    justify-content: center;
    margin-bottom: 80px;
  }
  .formules-membre-offre-1 {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin-top: 16px;
  }
  .formules-membre-offre-2 {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin-top: 16px;
  }
}
@media screen and (max-width: 425px) {
  #formules-h1 {
    font-family: "Intro", sans-serif;
    font-size: var(--introTitle2);
    text-align: center;
  }
  #formules-h2 {
    font-size: var(--nunitoSubtitle2);
    text-align: center;
  }
  #formules-hero-gun {
    position: absolute;
    max-height: 50%;
    z-index: -100000;
    top: 64px;
  }
  .hero-arrow {
    position: relative;
    height: 32px;
    margin-top: 48px;
  }
  .formules-publics {
    display: flex;
    gap: 48px;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 5em;
    padding: 0px 0px 0px 0px;
  }
  .formules-entreprise-div-menus {
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
  }
  .formules-text-case-p {
    font-size: var(--nunitoSubtitle2);
    padding: 0;
    margin: 0;
  }
  .formules-entreprise-offre-menu {
    background-color: var(--midnight3);
    padding: 20px;
    border-radius: 20px;
    margin-top: 48px;
    min-height: 192px;
    max-width: 160px;
  }
  .formules-form-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
  }
  .formules-form-button .formules-input-button-3[type=submit] {
    background-color: var(--blue1);
    color: white;
    border-radius: 20px;
    height: 35px;
    width: 200px;
    border: none;
    font-size: var(--nunitoParagraphe1);
    font-family: "Nunito", sans-serif;
    cursor: pointer;
    margin-top: 20px;
  }
  .formules-form-button .formules-input-button-3[type=submit]:hover {
    background-color: var(--blue1);
  }
  .formules-entreprise-offre-2 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    text-align: center;
    width: 70%;
  }
  .formules-anniversaire-div-menus {
    display: flex;
    gap: 48px;
    flex-direction: column;
    align-items: center;
  }
  .formules-anniversaire-offre-1 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    width: 70%;
    text-align: center;
  }
  .formules-future-marie {
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
  }
  .formules-future-marie-offre-1, .formules-future-marie-offre-2 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: left;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    width: 80%;
  }
  .formules-pizza {
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
  }
  .formules-pizza-offre-1, .formules-pizza-offre-2 {
    background-color: var(--midnight2);
    padding: 32px;
    border-radius: 20px;
    display: flex;
    align-items: left;
    flex-direction: column;
    text-decoration: none;
    margin-top: 48px;
    width: 80%;
  }
  .formules-membre-offres-ordre {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }
}

/*# sourceMappingURL=formules.css-rxS8p_q.map */