/* FONT FACE */
/* Imports des fonts */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/static/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo/static/Archivo-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo/static/Archivo-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo/static/Archivo-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo/static/Archivo-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo/static/Archivo-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
/* VARIABLES */
/**********
* ACCUEIL *
**********/
[class$=__surtitre] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #BC9B58;
  margin-bottom: 0.5rem;
  position: relative;
}

.hero__surtitre,
.bienvenue__surtitre,
.services__surtitre,
.expertise__surtitre,
.parcours__surtitre,
.valeurs__surtitre,
.pourquoi__surtitre,
.fondateur__surtitre,
.contact__surtitre {
  justify-content: flex-start;
}

/* HERO */
.hero {
  position: relative;
  min-height: 95vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 8rem;
  padding-bottom: 3rem;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 37, 55, 0.5) 0%, rgba(4, 37, 55, 0.28) 40%, rgba(4, 37, 55, 0.92) 100%);
}
@media (min-width: 768px) {
  .hero::after {
    content: "";
    display: block;
    width: 81px;
    height: 145px;
    position: absolute;
    background-image: url(../img/element-deco2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 2.5rem;
    right: 2rem;
  }
}
.hero__surtitre {
  color: #ffffff;
}
.hero__surtitre::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  background-image: url(../img/element-deco1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: -3.5rem;
  left: 0;
}
.hero__surtitre, .hero__titre, .hero__boutons {
  position: relative;
  z-index: 1;
}
.hero__titre {
  max-width: 20ch;
  letter-spacing: -0.02em;
}
.hero__boutons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
  align-items: center;
}
.hero__boutons .btn {
  margin-top: 0;
}
@media (min-width: 1188px) {
  .hero {
    padding-bottom: 5rem;
  }
  .hero__titre {
    font-size: 3.25rem;
  }
}
@media (min-width: 1500px) {
  .hero__titre {
    font-size: 4rem;
  }
}

/* CITATION */
.citation {
  text-align: center;
  background-color: #F4F1EA;
}
.citation__titre {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #BC9B58;
  margin-bottom: 1rem;
}
.citation__texte {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 3rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #042537;
}
.citation__texte em {
  font-style: italic;
  color: #BC9B58;
}
.citation__texte::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  background-image: url(../img/element-deco1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .citation__texte {
    font-size: 2rem;
  }
}
@media (min-width: 1188px) {
  .citation__texte {
    font-size: 2.5rem;
  }
}

/* BIENVENUE */
.bienvenue {
  background-color: #ffffff;
}
.bienvenue__surtitre {
  margin-bottom: 1rem;
}
.bienvenue__titre {
  margin-bottom: 1.5rem;
}
.bienvenue__texte {
  color: #42595C;
}
.bienvenue__texte blockquote {
  margin: 1.5rem 0 0;
  padding-left: 1.25rem;
  border-left: 3px solid #BC9B58;
  font-family: "Archivo", sans-serif;
  font-style: italic;
  font-size: 1.125rem;
  color: #042537;
}
.bienvenue__photo {
  background-color: #042537;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
}
.bienvenue__photo .image {
  aspect-ratio: 6/5;
  border-radius: 4px 4px 0 0;
  -o-object-position: top;
     object-position: top;
}
.bienvenue__infos {
  padding: 1.25rem 1rem 0.25rem;
}
.bienvenue__nom {
  color: #ffffff;
  font-weight: 700;
}
.bienvenue__poste {
  margin-top: 0.35rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #BC9B58;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.bienvenue__coordonnees {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-bottom: 1rem;
  font-size: 0.8125rem;
}
.bienvenue__coordonnees a {
  color: rgba(255, 255, 255, 0.7);
}
.bienvenue__coordonnees a:hover {
  color: #BC9B58;
}
@media (min-width: 1188px) {
  .bienvenue__photo {
    width: 40%;
  }
}

/* SERVICES */
.services {
  position: relative;
}
@media (min-width: 768px) {
  .services::before {
    content: "";
    display: block;
    width: 81px;
    height: 145px;
    position: absolute;
    background-image: url(../img/element-deco2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 2rem;
    right: 10%;
    transform: rotate(90deg);
  }
}
.services__texte {
  max-width: 620px;
  margin-top: 1rem;
  color: #42595C;
}
.services__liste {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.services .service {
  padding: 2.5rem 2rem;
  background-color: #ffffff;
  border: 1px solid rgba(4, 37, 55, 0.08);
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.services .service:hover {
  transform: translateY(-6px);
  border-color: rgba(188, 155, 88, 0.5);
  box-shadow: 0 25px 45px -25px rgba(4, 37, 55, 0.35);
}
.services .service__icone {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 1rem;
}
.services .service__titre {
  margin-bottom: 0.75rem;
}
.services .service__details {
  color: #42595C;
  font-size: 0.9375rem;
}
.services .service__details ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.services .service__details li {
  position: relative;
  padding-left: 1rem;
}
.services .service__details li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #BC9B58;
}
@media (min-width: 768px) {
  .services__liste {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .services .service {
    flex: 1 1 calc(50% - 0.75rem);
  }
}
@media (min-width: 1188px) {
  .services .service {
    flex-basis: calc(33.333% - 1rem);
  }
}

/* BANNIERE */
.banniere {
  position: relative;
  padding: 0;
}
.banniere .image {
  border-radius: 0;
  height: 40vh;
}
.banniere::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 37, 55, 0.08) 0%, rgba(4, 37, 55, 0.02) 55%, #F4F1EA 100%);
}

/* EXPERTISE */
.expertise__liste {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.expertise__carte {
  padding: 2.5rem 2rem;
  background-color: #ffffff;
  border: 1px solid rgba(4, 37, 55, 0.08);
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.expertise__carte:hover {
  transform: translateY(-6px);
  border-color: rgba(188, 155, 88, 0.5);
  box-shadow: 0 25px 45px -25px rgba(4, 37, 55, 0.35);
}
.expertise__icone {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 1rem;
}
.expertise__carte-titre {
  margin-bottom: 0.75rem;
}
.expertise__items {
  color: #42595C;
  font-size: 0.9375rem;
}
.expertise__items ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.expertise__items li {
  padding-left: 1rem;
  position: relative;
}
.expertise__items li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background-color: #BC9B58;
}
@media (min-width: 768px) {
  .expertise__liste {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .expertise__carte {
    flex: 1 1 calc(50% - 0.75rem);
  }
}
@media (min-width: 1188px) {
  .expertise__carte {
    flex-basis: calc(33.333% - 1rem);
  }
}

/* RELATION */
.relation {
  text-align: center;
  background-color: #ffffff;
}
.relation__texte {
  max-width: 700px;
  margin: 1rem auto 0;
  color: #42595C;
}
.relation__schema {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
}
.relation__client {
  position: relative;
  width: 7rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #042537;
  color: #ffffff;
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
}
.relation__client::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 2rem;
  background-color: #BC9B58;
  transform: translateX(-50%);
}
.relation__partenaire {
  position: relative;
  margin-top: 3rem;
  padding: 0.9rem 2rem;
  border-radius: 2px;
  background-color: #BC9B58;
  color: #042537;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.relation__partenaire::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 2rem;
  background-color: rgba(4, 37, 55, 0.3);
  transform: translateX(-50%);
}
.relation__bulles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 900px;
  margin-top: 3rem;
}
.relation__bulle {
  flex: 1 1 calc(50% - 0.75rem);
  padding: 1.1rem 1rem;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid rgba(4, 37, 55, 0.1);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #042537;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}
.relation__bulle:hover {
  transform: translateY(-3px);
  border-color: rgba(188, 155, 88, 0.55);
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
}
.relation__citation {
  max-width: 700px;
  margin: 2.5rem auto 0;
  font-family: "Archivo", sans-serif;
  font-style: italic;
  font-size: 1.25rem;
  color: #042537;
}
@media (min-width: 768px) {
  .relation__bulle {
    flex-basis: calc(33.333% - 0.75rem);
  }
}
@media (min-width: 1188px) {
  .relation__bulle {
    flex-basis: calc(20% - 0.6rem);
  }
}

/* PARCOURS */
.parcours {
  flex-wrap: wrap;
}
.parcours__titre {
  margin-top: 0.25rem;
}
.parcours__etapes {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 3rem;
}
.parcours__etape {
  padding: 2rem 1.75rem;
  background-color: #ffffff;
  border-top: 3px solid #BC9B58;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.parcours__etape:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 45px -25px rgba(4, 37, 55, 0.35);
}
.parcours__numero {
  display: block;
  font-family: "Archivo", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  color: #BC9B58;
  margin-bottom: 0.75rem;
}
.parcours__etape-titre {
  margin-bottom: 0.5rem;
}
.parcours__etape-texte {
  color: #42595C;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .parcours__etapes {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .parcours__etape {
    flex-basis: calc(50% - 0.625rem);
  }
}
@media (min-width: 1188px) {
  .parcours {
    gap: 3rem;
  }
  .parcours .container {
    width: 40%;
  }
  .parcours .image {
    width: 50%;
    aspect-ratio: 16/9;
  }
  .parcours__etapes {
    flex-basis: 100%;
  }
  .parcours__etape {
    flex-basis: calc(25% - 0.9375rem);
  }
}

/* VALEURS */
.valeurs {
  background-color: #ffffff;
}
.valeurs__liste {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.valeurs .valeur {
  padding: 2.5rem 2rem;
  background-color: #F4F1EA;
  border-radius: 4px;
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.4s ease;
}
.valeurs .valeur:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 20px rgba(4, 37, 55, 0.1);
}
.valeurs .valeur__icone {
  width: 3rem;
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 1.25rem;
}
.valeurs .valeur__surtitre {
  justify-content: flex-start;
}
.valeurs .valeur__titre {
  margin-bottom: 0.75rem;
}
.valeurs .valeur__texte {
  color: #42595C;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .valeurs__liste {
    flex-direction: row;
  }
  .valeurs .valeur {
    flex: 1;
  }
}

/* POURQUOI */
.pourquoi {
  position: relative;
}
.pourquoi__titre {
  max-width: 900px;
}
.pourquoi__raisons {
  display: flex;
  flex-direction: column;
  gap: 1rem 2rem;
  margin-top: 2.5rem;
}
.pourquoi__raison {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(4, 37, 55, 0.15);
}
.pourquoi__picto {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 0.5rem;
}
.pourquoi__raison-titre {
  margin-bottom: 0.25rem;
}
.pourquoi__raison-texte {
  color: #42595C;
  font-size: 0.9375rem;
}
.pourquoi__chiffres {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-top: 3rem;
  padding: 2.5rem 2rem;
  background-color: #042537;
  border-radius: 4px;
  box-shadow: 0 25px 50px -25px rgba(4, 37, 55, 0.55);
  position: relative;
}
@media (min-width: 768px) {
  .pourquoi__chiffres::after {
    content: "";
    display: block;
    width: 81px;
    height: 145px;
    position: absolute;
    background-image: url(../img/element-deco2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: -3.5rem;
    right: -2rem;
    transform: rotate(90deg);
  }
}
.pourquoi__chiffre {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.pourquoi__chiffre-valeur {
  font-family: "Archivo", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  color: #BC9B58;
}
.pourquoi__chiffre-texte {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) {
  .pourquoi__raisons {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .pourquoi__raison {
    flex: 1 1 calc(50% - 1rem);
  }
  .pourquoi__chiffres {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .pourquoi__chiffre {
    flex: 1 1 calc(50% - 0.875rem);
  }
}
@media (min-width: 1188px) {
  .pourquoi__chiffre {
    flex: 1;
  }
}

/* FONDATEUR */
.fondateur {
  background-color: #ffffff;
  overflow: hidden;
}
.fondateur__photo {
  position: relative;
  width: 100%;
  margin: 1.5rem 0 2rem 1.5rem;
}
.fondateur__photo .image {
  position: relative;
  aspect-ratio: 4/5;
  -o-object-position: top;
     object-position: top;
}
.fondateur__photo::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: 5rem;
  height: 5rem;
  background-color: #BC9B58;
}
.fondateur__photo::after {
  content: "";
  position: absolute;
  bottom: -1.75rem;
  right: -1.75rem;
  width: 5.5rem;
  height: 5.5rem;
  background-color: #BC9B58;
  border-radius: 50%;
}
.fondateur__texte {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #42595C;
  margin-top: 1.5rem;
}
.fondateur__texte strong {
  color: #042537;
  font-weight: 700;
}
.fondateur__nom {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(4, 37, 55, 0.15);
  font-weight: 700;
}
.fondateur__poste {
  margin-top: 0.35rem;
  color: #BC9B58;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (min-width: 1188px) {
  .fondateur__photo {
    width: 42%;
  }
}

/* HORIZON */
.horizon {
  position: relative;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.horizon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 37, 55, 0.55), rgba(4, 37, 55, 0.45));
}
.horizon__surtitre {
  color: #ffffff;
}
.horizon__surtitre, .horizon__texte {
  position: relative;
  z-index: 1;
}
.horizon__texte {
  max-width: 32ch;
  margin-top: 1rem;
  font-family: "Archivo", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.4;
  position: relative;
}
.horizon__texte::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  background-image: url(../img/element-deco1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .horizon__texte {
    font-size: 1.75rem;
  }
}

/* CONTACT */
.contact {
  background-color: #042537;
  color: #ffffff;
  width: 100%;
}
.contact__surtitre::before {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  background-image: url(../img/element-deco1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: -3.5rem;
  left: 0;
}
.contact__texte {
  max-width: 40ch;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 1rem;
}
.contact__coordonnees {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2rem;
  font-size: 0.9375rem;
}
.contact__coordonnees li {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.contact__coordonnees a {
  color: #ffffff;
}
.contact__coordonnees a:hover {
  color: #BC9B58;
}
.contact__coordonnees-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #BC9B58;
}
.contact form {
  width: 100%;
  max-width: 100%;
  padding: 2rem;
  background-color: #F4F1EA;
  border: 1px solid rgba(4, 37, 55, 0.06);
  border-radius: 16px;
  box-shadow: 0 25px 50px -25px rgba(4, 37, 55, 0.5);
  color: #042537;
}
.contact form label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #BC9B58;
}
.contact form input,
.contact form textarea {
  color: #042537;
  border-bottom-color: rgba(4, 37, 55, 0.3);
}
.contact form input::-moz-placeholder, .contact form textarea::-moz-placeholder {
  color: #42595C;
}
.contact form input::placeholder,
.contact form textarea::placeholder {
  color: #42595C;
}
.contact form .btn {
  position: static;
  left: auto;
  transform: none;
  width: 100%;
  margin-top: 1.5rem;
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 4px;
}
@media (min-width: 1188px) {
  .contact form {
    padding: 3rem;
  }
  .contact .formulaire {
    width: 50%;
  }
}