@charset "UTF-8";
@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/lesbonstech/assets/fonts/FiraSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
h1 {
  font: 400 3.1rem/4rem "Fira Sans Regular", sans-serif;
}
@media screen and (max-width: 768px) {
  h1 {
    font: 400 2.4rem/2.7rem "Fira Sans Regular", sans-serif;
  }
}
h1 span {
  color: #801B59;
  font-weight: 600;
}

h2 {
  font: 600 1.5rem/2.75rem "Fira Sans Regular", sans-serif;
}

h3 {
  font: 600 1.1rem/1.2 "Inter", sans-serif;
}

h4 {
  font: 600 1.25rem/1.2 "Inter", sans-serif;
}

h5 {
  font: 400 1.25rem/1.2 "Inter", sans-serif;
}

h6 {
  font: 600 1rem/1.313rem "Inter", sans-serif;
}

p, li, label, textarea, div {
  font: 400 0.9rem/1.2rem "Inter", sans-serif;
}

:root {
  --vw: 1dvw;
  --computed-margin: max(35px, calc((var(--vw, 1vw) * 100 - 1140px) / 2));
  --computed-margin-1440: max(35px, calc((var(--vw, 1vw) * 100 - 1440px) / 2));
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

.container {
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 35px;
}

.container-left {
  max-width: 1340px;
  margin-left: auto;
  margin-right: calc(50vw - 612px);
  padding-right: 35px;
}
@media screen and (max-width: 1225px) {
  .container-left {
    margin-right: 0;
  }
}

.container-right {
  max-width: 1340px;
  margin-right: auto;
  margin-left: calc(50vw - 612px);
  padding-left: 35px;
}
@media screen and (max-width: 1225px) {
  .container-right {
    margin-left: 0;
  }
}

.wpcf7-response-output {
  margin: 0 !important;
}

a {
  color: #E6007A;
}

button, a {
  cursor: pointer;
}

/* Réinitialiser le style de base */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  color: inherit;
}

/* Style personnalisé pour iPhone */
select {
  background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1em;
}

.btn-pink {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-pink {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-white {
  position: relative;
  color: #E6007A;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-white {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-white:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-white:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-white:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-grey {
  position: relative;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #F7F2EE;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-grey {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-grey:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-grey:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-grey:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-pink-icon {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .btn-pink-icon {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink-icon:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink-icon:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink-icon:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.btn-pink-icon:after {
  content: url("../images/arrow.svg");
  position: absolute;
  top: 55%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn-pink-icon:after {
    right: 15px;
  }
}

.header {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header__navigation {
  display: flex;
  justify-content: space-between;
  padding-top: 27px;
}
.header__navigation__left {
  padding-top: 8px;
}
.header__navigation__left .image {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .header__navigation__left .image {
    width: 65px;
    height: 65px;
  }
}
.header__navigation__left .image img {
  object-fit: cover;
}
.header__navigation__right ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .header__navigation__right ul {
    align-items: end;
    flex-direction: column;
  }
}
.header__navigation__right ul li:first-child a {
  position: relative;
  color: #E6007A;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .header__navigation__right ul li:first-child a {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.header__navigation__right ul li:first-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.header__navigation__right ul li:first-child a:hover {
  color: #E6007A;
  background-color: #fff;
}
.header__navigation__right ul li:first-child a:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.header__navigation__right ul li:first-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.header__navigation__right ul li:last-child a {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .header__navigation__right ul li:last-child a {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.header__navigation__right ul li:last-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.header__navigation__right ul li:last-child a:hover {
  color: #E6007A;
  background-color: #fff;
}
.header__navigation__right ul li:last-child a:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.header__navigation__right ul li:last-child a:after {
  content: url("../images/arrow.svg");
  position: absolute;
  top: 55%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .header__navigation__right ul li:last-child a:after {
    right: 15px;
  }
}

.btn-pink {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-pink {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-white {
  position: relative;
  color: #E6007A;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-white {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-white:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-white:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-white:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-grey {
  position: relative;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #F7F2EE;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-grey {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-grey:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-grey:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-grey:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-pink-icon {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .btn-pink-icon {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink-icon:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink-icon:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink-icon:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.btn-pink-icon:after {
  content: url("../images/arrow.svg");
  position: absolute;
  top: 55%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn-pink-icon:after {
    right: 15px;
  }
}

.footer {
  margin-top: 130px;
  background-color: #F7F2EE;
  padding-top: 70px;
  padding-bottom: 30px;
}
.footer__top {
  padding-bottom: 70px;
  border-bottom: solid 1px #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .footer__top {
    flex-direction: column;
    align-items: start;
  }
}
.footer__top__left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.8rem;
}
.footer__top__left .image {
  width: 117px;
  height: 117px;
}
.footer__top__left p {
  max-width: 360px;
}
.footer__top__right ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .footer__top__right ul {
    flex-direction: column;
  }
}
.footer__top__right ul li:first-child a {
  position: relative;
  color: #E6007A;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .footer__top__right ul li:first-child a {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.footer__top__right ul li:first-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.footer__top__right ul li:first-child a:hover {
  color: #E6007A;
  background-color: #fff;
}
.footer__top__right ul li:first-child a:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.footer__top__right ul li:first-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.footer__top__right ul li:last-child a {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .footer__top__right ul li:last-child a {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.footer__top__right ul li:last-child a:hover {
  color: #fff;
  background-color: #E6007A;
}
.footer__top__right ul li:last-child a:hover {
  color: #E6007A;
  background-color: #fff;
}
.footer__top__right ul li:last-child a:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.footer__top__right ul li:last-child a:after {
  content: url("../images/arrow.svg");
  position: absolute;
  top: 55%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .footer__top__right ul li:last-child a:after {
    right: 15px;
  }
}
.footer__bottom {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .footer__bottom {
    flex-direction: column;
  }
}
.footer__bottom p, .footer__bottom a, .footer__bottom li {
  font-size: 12px;
  font-weight: 300;
}
.footer__bottom__left__legal_notice {
  color: #E6007A;
}
.footer__bottom__left__legal_notice a {
  color: #E6007A;
  text-decoration: underline;
}
.footer__bottom__right {
  list-style: none;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .footer__bottom__right {
    flex-direction: column;
  }
}
.footer__bottom__right li {
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer__bottom__right li img {
  width: 13px;
}

.btn-pink {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-pink {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-white {
  position: relative;
  color: #E6007A;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-white {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-white:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-white:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-white:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-grey {
  position: relative;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #F7F2EE;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
}
@media screen and (max-width: 768px) {
  .btn-grey {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-grey:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-grey:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-grey:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}

.btn-pink-icon {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-align: center;
  display: block;
  min-width: 193px;
  background-color: #E6007A;
  border: none;
  outline: none;
  border-radius: 26px;
  padding: 14px 20px 14px 20px;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .btn-pink-icon {
    min-width: 168px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
  }
}
.btn-pink-icon:hover {
  color: #fff;
  background-color: #E6007A;
}
.btn-pink-icon:hover {
  color: #E6007A;
  background-color: #fff;
}
.btn-pink-icon:hover::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(5777%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.btn-pink-icon:after {
  content: url("../images/arrow.svg");
  position: absolute;
  top: 55%;
  right: 25px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .btn-pink-icon:after {
    right: 15px;
  }
}

.download {
  position: relative;
  padding-left: 20px;
  color: #E6007A;
  font-size: 14px;
  font-weight: 600;
  font-family: "Epilogue", sans-serif;
  text-decoration: underline;
}
.download::before {
  content: url("../images/download.svg");
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: fit-content;
}

.image {
  --_aspect-ratio: var(--aspect-ratio, 16/9);
  aspect-ratio: var(--_aspect-ratio);
}
.image picture {
  width: 100%;
  height: 100%;
}
.image picture > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=main.css.map */