@import url("https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "arsenica-medium";
  src: url("fonts/arsenica-medium-webfont.woff2") format("woff2"), url("fonts/arsenica-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Advent Pro";
  font-size: 1.25rem;
  color: #9d473a;
  background: #fec9a1;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

img, svg {
  height: auto;
  max-width: 100%;
}

p, ul, input, select {
  font-family: "Advent Pro";
  font-size: 1.2rem;
  line-height: 1.3;
}

h1, h2 {
  font-family: "arsenica-medium";
  font-weight: 400;
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  color: #fff;
}
@media (min-width: 640px) {
  h1 {
    font-size: 3.50rem;
  }
}

@media (min-width: 640px) {
  h2 {
    font-size: 3.50rem;
  }
}


a {
  text-decoration: none;
  color: rgba(157, 71, 58, 0.9);
  transition: color 0.3s ease-out;
}
a:hover {
  color: #9d473a;
}

b {
  font-weight: 700;
}

a.btn, .btn {
  display: inline-block;
  border: 1px solid #9d473a;
  line-height: 3.75rem;
  padding: 0 2.5rem;
  color: #9d473a;
  font-size: 1.375rem;
  font-family: "arsenica-medium";
  border-radius: 3rem;
  position: relative;
  overflow: hidden;
  text-align: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-out;
  width: 100%;
}
@media (min-width: 640px) {
  a.btn, .btn {
    width: unset;
  }
  a.btn:after, .btn:after {
    content: "";
    position: absolute;
    opacity: 0.6;
    background: rgba(157, 71, 58, 0.9);
    top: -2rem;
    left: -4rem;
    width: 2rem;
    height: calc(100% + 6rem);
    transform: rotate(36deg);
    transition: all 0.5s ease-out;
  }
  a.btn:hover, .btn:hover {
    background: rgba(157, 71, 58, 0.6);
    color: #fec9a1;
    transform: none;
  }
  a.btn:hover:after, .btn:hover:after {
    width: 8rem;
    left: calc(100% + 4rem);
  }
}

.center {
  text-align: center;
}

@media (min-width: 640px) {
  header {
    position: fixed;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 1rem;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  header {
    top: 2rem;
  }
}
header nav {
  background: #9d473a;
  display: flex;
  padding: 0.625rem 1.5rem;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (min-width: 640px) {
  header nav {
    border-radius: 2.5rem;
    background: rgba(157, 71, 58, 0.8);
    backdrop-filter: blur(6px);
  }
}
@media (min-width: 1024px) {
  header nav {
    padding: 0.5rem 2rem;
  }
}
header nav a.logo {
  z-index: 10;
}
header nav a.logo img {
  display: block;
  height: 2rem;
}
header nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1.5rem;
}
header nav ul > li {
  padding: 0;
  margin: 0;
}
header nav ul > li a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fec9a1;
  transition: all 0.5s ease-out;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
}
header nav ul > li a:hover {
  color: #FFF;
  background: #fec9a1;
}
header nav ul > li.btnn {
  display: none;
}
@media (max-width: 639px) {
  header nav ul {
    display: block;
    width: 100%;
    height: 2000px;
    background: #9d473a;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 9;
    padding: 0 1.5rem;
    transition: all 0.3s ease-out;
    opacity: 0;
    padding-top: 3.875rem;
  }
  header nav ul > li a {
    font-size: 1.5rem;
    font-family: "arsenica-medium";
    padding: 0;
    margin-top: 2.5rem;
    display: block;
  }
  header nav ul > li a:hover {
    color: #fec9a1;
    background: unset;
  }
  header nav ul > li.btnn {
    display: block;
    position: absolute;
    bottom: 4rem;
    width: calc(100% - 3rem);
    left: 1.5rem;
    padding: 0;
    margin: 0;
  }
  header nav ul > li.btnn .btn {
    display: block;
    background: #fec9a1;
    color: rgba(157, 71, 58, 0.6);
  }
}
header nav a.burger {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  z-index: 10;
}
header nav a.burger span, header nav a.burger:before, header nav a.burger:after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.25rem;
  border-radius: 0.5rem;
  position: absolute;
  background: #fec9a1;
  left: 0.25rem;
  top: 0.125rem;
  transition: all 0.3s ease-out;
}
header nav a.burger:after {
  left: calc(100% - 0.625rem);
}
header nav a.burger span {
  top: calc(50% - 0.125rem);
  width: 1.25rem;
}
header nav a.burger:after {
  top: calc(100% - 0.375rem);
}
@media (min-width: 640px) {
  header nav a.burger {
    display: none;
  }
}
header nav.actif a.burger:after {
  opacity: 0;
}
header nav.actif a.burger:before {
  transform: rotate(45deg);
  top: calc(50% - 0.125rem);
  width: 1.25rem;
}
header nav.actif a.burger span {
  transform: rotate(-45deg);
  top: calc(50% - 0.125rem);
  width: 1.25rem;
}
header nav.actif ul {
  left: 0;
  opacity: 1;
}

footer {
  background: #9d473a;
}
footer > div {
  padding: 1.5rem 1.5rem;
  max-width: 78rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  footer > div {
    padding: 2.5rem 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  footer > div {
    padding: 5rem 1.5rem;
  }
}
footer img {
  margin-bottom: 0.5rem;
  max-width: 220px;
}
footer p {
  color: #FFF;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}
footer p a {
  color: #FFF;
  font-weight: 500;
}
footer p a:hover {
  color: rgba(255, 255, 255, 0.7);
}
footer h3 {
  margin: 0 0 0.625rem;
  font-family: "arsenica-medium";
  font-weight: 400;
  font-size: 1.5rem;
  color: #fec9a1;
  margin-top: 1rem;
}
footer a.insta {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIuMDAwOCAyLjYyNUM5LjQ1NDc4IDIuNjI1IDkuMTM1MTkgMi42MzYxNiA4LjEzNTI1IDIuNjgxNjNDNy4xMzcxOSAyLjcyNzM4IDYuNDU1OTEgMi44ODUzNCA1Ljg1OTg0IDMuMTE3MTlDNS4yNDMxNiAzLjM1NjYyIDQuNzIwMTMgMy42NzY5NyA0LjE5OTA2IDQuMTk4MjJDMy42Nzc1MyA0LjcxOTM3IDMuMzU3MTkgNS4yNDI0MSAzLjExNyA1Ljg1ODgxQzIuODg0NSA2LjQ1NTA2IDIuNzI2MzQgNy4xMzY2MiAyLjY4MTQ0IDguMTM0MjJDMi42MzY3MiA5LjEzNDI1IDIuNjI1IDkuNDUzOTQgMi42MjUgMTIuMDAwMUMyLjYyNSAxNC41NDYzIDIuNjM2MjUgMTQuODY0OCAyLjY4MTYzIDE1Ljg2NDdDMi43Mjc1NiAxNi44NjI4IDIuODg1NTMgMTcuNTQ0MSAzLjExNzE5IDE4LjE0MDJDMy4zNTY4MSAxOC43NTY4IDMuNjc3MTYgMTkuMjc5OSA0LjE5ODQxIDE5LjgwMDlDNC43MTkzOCAyMC4zMjI1IDUuMjQyNDEgMjAuNjQzNiA1Ljg1ODYyIDIwLjg4M0M2LjQ1NTE2IDIxLjExNDggNy4xMzY1MyAyMS4yNzI4IDguMTM0NDEgMjEuMzE4NkM5LjEzNDQ0IDIxLjM2NCA5LjQ1Mzc1IDIxLjM3NTIgMTEuOTk5NyAyMS4zNzUyQzE0LjU0NjEgMjEuMzc1MiAxNC44NjQ2IDIxLjM2NCAxNS44NjQ2IDIxLjMxODZDMTYuODYyNiAyMS4yNzI4IDE3LjU0NDcgMjEuMTE0OCAxOC4xNDEyIDIwLjg4M0MxOC43NTc2IDIwLjY0MzYgMTkuMjc5OSAyMC4zMjI1IDE5LjgwMDcgMTkuODAwOUMyMC4zMjIzIDE5LjI3OTkgMjAuNjQyNSAxOC43NTY4IDIwLjg4MjggMTguMTQwNEMyMS4xMTMzIDE3LjU0NDEgMjEuMjcxNSAxNi44NjI2IDIxLjMxODQgMTUuODY0OUMyMS4zNjMzIDE0Ljg2NSAyMS4zNzUgMTQuNTQ2MyAyMS4zNzUgMTIuMDAwMUMyMS4zNzUgOS40NTM5NCAyMS4zNjMzIDkuMTM0NDQgMjEuMzE4NCA4LjEzNDQxQzIxLjI3MTUgNy4xMzYzNCAyMS4xMTMzIDYuNDU1MTYgMjAuODgyOCA1Ljg1OTA5QzIwLjY0MjUgNS4yNDI0MSAyMC4zMjIzIDQuNzE5MzcgMTkuODAwNyA0LjE5ODIyQzE5LjI3OTMgMy42NzY3OCAxOC43NTc4IDMuMzU2NDQgMTguMTQwNiAzLjExNzI4QzE3LjU0MyAyLjg4NTM0IDE2Ljg2MTMgMi43MjcyOCAxNS44NjMyIDIuNjgxNjNDMTQuODYzMiAyLjYzNjE2IDE0LjU0NDggMi42MjUgMTEuOTk3OSAyLjYyNUgxMi4wMDA4Wk0xMS4xNTk4IDQuMzE0NDdDMTEuNDA5NSA0LjMxNDA5IDExLjY4OCA0LjMxNDQ3IDEyLjAwMDggNC4zMTQ0N0MxNC41MDQxIDQuMzE0NDcgMTQuODAwNyA0LjMyMzQ3IDE1Ljc4OTIgNC4zNjgzOEMxNi43MDMyIDQuNDEwMTkgMTcuMTk5NCA0LjU2MjkxIDE3LjUyOTggNC42OTEyNUMxNy45Njc0IDQuODYxMTIgMTguMjc5MyA1LjA2NDI4IDE4LjYwNzIgNS4zOTI1QzE4LjkzNTMgNS43MjA2MiAxOS4xMzg0IDYuMDMzMDkgMTkuMzA4OCA2LjQ3MDYyQzE5LjQzNzEgNi44MDA2MiAxOS41OSA3LjI5Njc1IDE5LjYzMTYgOC4yMTA4MUMxOS42NzY1IDkuMTk5MTMgMTkuNjg2MyA5LjQ5NTk0IDE5LjY4NjMgMTEuOTk3OUMxOS42ODYzIDE0LjQ5OTkgMTkuNjc2NSAxNC43OTY4IDE5LjYzMTYgMTUuNzg1MUMxOS41ODk4IDE2LjY5OTEgMTkuNDM3MSAxNy4xOTUyIDE5LjMwODggMTcuNTI1M0MxOS4xMzg5IDE3Ljk2MjkgMTguOTM1MyAxOC4yNzQ0IDE4LjYwNzIgMTguNjAyM0MxOC4yNzkxIDE4LjkzMDUgMTcuOTY3NiAxOS4xMzM1IDE3LjUyOTggMTkuMzAzNUMxNy4xOTk3IDE5LjQzMjQgMTYuNzAzMiAxOS41ODQ4IDE1Ljc4OTIgMTkuNjI2NkMxNC44MDA5IDE5LjY3MTUgMTQuNTA0MSAxOS42ODEyIDEyLjAwMDggMTkuNjgxMkM5LjQ5NzUzIDE5LjY4MTIgOS4yMDA4MSAxOS42NzE1IDguMjEyNTkgMTkuNjI2NkM3LjI5ODUzIDE5LjU4NDQgNi44MDI0MSAxOS40MzE3IDYuNDcxNjYgMTkuMzAzM0M2LjAzNDIyIDE5LjEzMzMgNS43MjE2NiAxOC45MzAzIDUuMzkzNTMgMTguNjAyMkM1LjA2NTQxIDE4LjI3NCA0Ljg2MjM0IDE3Ljk2MjMgNC42OTIgMTcuNTI0NkM0LjU2MzY2IDE3LjE5NDUgNC40MTA3NSAxNi42OTg0IDQuMzY5MTMgMTUuNzg0M0M0LjMyNDIyIDE0Ljc5NiA0LjMxNTIyIDE0LjQ5OTIgNC4zMTUyMiAxMS45OTU2QzQuMzE1MjIgOS40OTIgNC4zMjQyMiA5LjE5Njc4IDQuMzY5MTMgOC4yMDg0N0M0LjQxMDk0IDcuMjk0NDEgNC41NjM2NiA2Ljc5ODI4IDQuNjkyIDYuNDY3ODFDNC44NjE5NyA2LjAzMDI4IDUuMDY1NDEgNS43MTc4MSA1LjM5MzYzIDUuMzg5NjlDNS43MjE4NCA1LjA2MTU2IDYuMDM0MjIgNC44NTg0MSA2LjQ3MTc1IDQuNjg4MTZDNi44MDIyMiA0LjU1OTI1IDcuMjk4NTMgNC40MDY5MSA4LjIxMjU5IDQuMzY0OTFDOS4wNzc0NCA0LjMyNTgxIDkuNDEyNTkgNC4zMTQwOSAxMS4xNTk4IDQuMzEyMTJWNC4zMTQ0N1pNMTcuMDA1MiA1Ljg3MTA5QzE2LjM4NDEgNS44NzEwOSAxNS44ODAyIDYuMzc0NTMgMTUuODgwMiA2Ljk5NTcyQzE1Ljg4MDIgNy42MTY4MSAxNi4zODQxIDguMTIwNzIgMTcuMDA1MiA4LjEyMDcyQzE3LjYyNjMgOC4xMjA3MiAxOC4xMzAyIDcuNjE2ODEgMTguMTMwMiA2Ljk5NTcyQzE4LjEzMDIgNi4zNzQ2MyAxNy42MjYzIDUuODcxMDkgMTcuMDA1MiA1Ljg3MTA5Wk0xMi4wMDA4IDcuMTg1NTZDOS4zNDIwOSA3LjE4NTU2IDcuMTg2NDEgOS4zNDEyNSA3LjE4NjQxIDEyLjAwMDFDNy4xODY0MSAxNC42NTg5IDkuMzQyMDkgMTYuODEzNiAxMi4wMDA4IDE2LjgxMzZDMTQuNjU5NyAxNi44MTM2IDE2LjgxNDYgMTQuNjU4OSAxNi44MTQ2IDEyLjAwMDFDMTYuODE0NiA5LjM0MTM0IDE0LjY1OTcgNy4xODU1NiAxMi4wMDA4IDcuMTg1NTZaTTEyLjAwMDggOC44NzUwM0MxMy43MjY3IDguODc1MDMgMTUuMTI1OSAxMC4yNzQxIDE1LjEyNTkgMTIuMDAwMUMxNS4xMjU5IDEzLjcyNTkgMTMuNzI2NyAxNS4xMjUyIDEyLjAwMDggMTUuMTI1MkMxMC4yNzUgMTUuMTI1MiA4Ljg3NTg4IDEzLjcyNTkgOC44NzU4OCAxMi4wMDAxQzguODc1ODggMTAuMjc0MSAxMC4yNzQ5IDguODc1MDMgMTIuMDAwOCA4Ljg3NTAzWiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=") no-repeat;
  position: relative;
}
footer a.insta:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguMzc1IDBINS42MjVDMi41MTg0IDAgMCAyLjUxODQgMCA1LjYyNVYxOC4zNzVDMCAyMS40ODE2IDIuNTE4NCAyNCA1LjYyNSAyNEgxOC4zNzVDMjEuNDgxNiAyNCAyNCAyMS40ODE2IDI0IDE4LjM3NVY1LjYyNUMyNCAyLjUxODQgMjEuNDgxNiAwIDE4LjM3NSAwWiIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzIzNDlfNDQzKSIvPgogIDxwYXRoIGQ9Ik0xOC4zNzUgMEg1LjYyNUMyLjUxODQgMCAwIDIuNTE4NCAwIDUuNjI1VjE4LjM3NUMwIDIxLjQ4MTYgMi41MTg0IDI0IDUuNjI1IDI0SDE4LjM3NUMyMS40ODE2IDI0IDI0IDIxLjQ4MTYgMjQgMTguMzc1VjUuNjI1QzI0IDIuNTE4NCAyMS40ODE2IDAgMTguMzc1IDBaIiBmaWxsPSJ1cmwoI3BhaW50MV9yYWRpYWxfMjM0OV80NDMpIi8+CiAgPHBhdGggZD0iTTEyLjAwMDggMi42MjVDOS40NTQ3OCAyLjYyNSA5LjEzNTE5IDIuNjM2MTYgOC4xMzUyNSAyLjY4MTYzQzcuMTM3MTkgMi43MjczOCA2LjQ1NTkxIDIuODg1MzQgNS44NTk4NCAzLjExNzE5QzUuMjQzMTYgMy4zNTY2MiA0LjcyMDEzIDMuNjc2OTcgNC4xOTkwNiA0LjE5ODIyQzMuNjc3NTMgNC43MTkzNyAzLjM1NzE5IDUuMjQyNDEgMy4xMTcgNS44NTg4MUMyLjg4NDUgNi40NTUwNiAyLjcyNjM0IDcuMTM2NjIgMi42ODE0NCA4LjEzNDIyQzIuNjM2NzIgOS4xMzQyNSAyLjYyNSA5LjQ1Mzk0IDIuNjI1IDEyLjAwMDFDMi42MjUgMTQuNTQ2MyAyLjYzNjI1IDE0Ljg2NDggMi42ODE2MyAxNS44NjQ3QzIuNzI3NTYgMTYuODYyOCAyLjg4NTUzIDE3LjU0NDEgMy4xMTcxOSAxOC4xNDAyQzMuMzU2ODEgMTguNzU2OCAzLjY3NzE2IDE5LjI3OTkgNC4xOTg0MSAxOS44MDA5QzQuNzE5MzggMjAuMzIyNSA1LjI0MjQxIDIwLjY0MzYgNS44NTg2MiAyMC44ODNDNi40NTUxNiAyMS4xMTQ4IDcuMTM2NTMgMjEuMjcyOCA4LjEzNDQxIDIxLjMxODZDOS4xMzQ0NCAyMS4zNjQgOS40NTM3NSAyMS4zNzUyIDExLjk5OTcgMjEuMzc1MkMxNC41NDYxIDIxLjM3NTIgMTQuODY0NiAyMS4zNjQgMTUuODY0NiAyMS4zMTg2QzE2Ljg2MjYgMjEuMjcyOCAxNy41NDQ3IDIxLjExNDggMTguMTQxMiAyMC44ODNDMTguNzU3NiAyMC42NDM2IDE5LjI3OTkgMjAuMzIyNSAxOS44MDA3IDE5LjgwMDlDMjAuMzIyMyAxOS4yNzk5IDIwLjY0MjUgMTguNzU2OCAyMC44ODI4IDE4LjE0MDRDMjEuMTEzMyAxNy41NDQxIDIxLjI3MTUgMTYuODYyNiAyMS4zMTg0IDE1Ljg2NDlDMjEuMzYzMyAxNC44NjUgMjEuMzc1IDE0LjU0NjMgMjEuMzc1IDEyLjAwMDFDMjEuMzc1IDkuNDUzOTQgMjEuMzYzMyA5LjEzNDQ0IDIxLjMxODQgOC4xMzQ0MUMyMS4yNzE1IDcuMTM2MzQgMjEuMTEzMyA2LjQ1NTE2IDIwLjg4MjggNS44NTkwOUMyMC42NDI1IDUuMjQyNDEgMjAuMzIyMyA0LjcxOTM3IDE5LjgwMDcgNC4xOTgyMkMxOS4yNzkzIDMuNjc2NzggMTguNzU3OCAzLjM1NjQ0IDE4LjE0MDYgMy4xMTcyOEMxNy41NDMgMi44ODUzNCAxNi44NjEzIDIuNzI3MjggMTUuODYzMiAyLjY4MTYzQzE0Ljg2MzIgMi42MzYxNiAxNC41NDQ4IDIuNjI1IDExLjk5NzkgMi42MjVIMTIuMDAwOFpNMTEuMTU5OCA0LjMxNDQ3QzExLjQwOTUgNC4zMTQwOSAxMS42ODggNC4zMTQ0NyAxMi4wMDA4IDQuMzE0NDdDMTQuNTA0MSA0LjMxNDQ3IDE0LjgwMDcgNC4zMjM0NyAxNS43ODkyIDQuMzY4MzhDMTYuNzAzMiA0LjQxMDE5IDE3LjE5OTQgNC41NjI5MSAxNy41Mjk4IDQuNjkxMjVDMTcuOTY3NCA0Ljg2MTEyIDE4LjI3OTMgNS4wNjQyOCAxOC42MDcyIDUuMzkyNUMxOC45MzUzIDUuNzIwNjIgMTkuMTM4NCA2LjAzMzA5IDE5LjMwODggNi40NzA2MkMxOS40MzcxIDYuODAwNjIgMTkuNTkgNy4yOTY3NSAxOS42MzE2IDguMjEwODFDMTkuNjc2NSA5LjE5OTEzIDE5LjY4NjMgOS40OTU5NCAxOS42ODYzIDExLjk5NzlDMTkuNjg2MyAxNC40OTk5IDE5LjY3NjUgMTQuNzk2OCAxOS42MzE2IDE1Ljc4NTFDMTkuNTg5OCAxNi42OTkxIDE5LjQzNzEgMTcuMTk1MiAxOS4zMDg4IDE3LjUyNTNDMTkuMTM4OSAxNy45NjI5IDE4LjkzNTMgMTguMjc0NCAxOC42MDcyIDE4LjYwMjNDMTguMjc5MSAxOC45MzA1IDE3Ljk2NzYgMTkuMTMzNSAxNy41Mjk4IDE5LjMwMzVDMTcuMTk5NyAxOS40MzI0IDE2LjcwMzIgMTkuNTg0OCAxNS43ODkyIDE5LjYyNjZDMTQuODAwOSAxOS42NzE1IDE0LjUwNDEgMTkuNjgxMiAxMi4wMDA4IDE5LjY4MTJDOS40OTc1MyAxOS42ODEyIDkuMjAwODEgMTkuNjcxNSA4LjIxMjU5IDE5LjYyNjZDNy4yOTg1MyAxOS41ODQ0IDYuODAyNDEgMTkuNDMxNyA2LjQ3MTY2IDE5LjMwMzNDNi4wMzQyMiAxOS4xMzMzIDUuNzIxNjYgMTguOTMwMyA1LjM5MzUzIDE4LjYwMjJDNS4wNjU0MSAxOC4yNzQgNC44NjIzNCAxNy45NjIzIDQuNjkyIDE3LjUyNDZDNC41NjM2NiAxNy4xOTQ1IDQuNDEwNzUgMTYuNjk4NCA0LjM2OTEzIDE1Ljc4NDNDNC4zMjQyMiAxNC43OTYgNC4zMTUyMiAxNC40OTkyIDQuMzE1MjIgMTEuOTk1NkM0LjMxNTIyIDkuNDkyIDQuMzI0MjIgOS4xOTY3OCA0LjM2OTEzIDguMjA4NDdDNC40MTA5NCA3LjI5NDQxIDQuNTYzNjYgNi43OTgyOCA0LjY5MiA2LjQ2NzgxQzQuODYxOTcgNi4wMzAyOCA1LjA2NTQxIDUuNzE3ODEgNS4zOTM2MyA1LjM4OTY5QzUuNzIxODQgNS4wNjE1NiA2LjAzNDIyIDQuODU4NDEgNi40NzE3NSA0LjY4ODE2QzYuODAyMjIgNC41NTkyNSA3LjI5ODUzIDQuNDA2OTEgOC4yMTI1OSA0LjM2NDkxQzkuMDc3NDQgNC4zMjU4MSA5LjQxMjU5IDQuMzE0MDkgMTEuMTU5OCA0LjMxMjEyVjQuMzE0NDdaTTE3LjAwNTIgNS44NzEwOUMxNi4zODQxIDUuODcxMDkgMTUuODgwMiA2LjM3NDUzIDE1Ljg4MDIgNi45OTU3MkMxNS44ODAyIDcuNjE2ODEgMTYuMzg0MSA4LjEyMDcyIDE3LjAwNTIgOC4xMjA3MkMxNy42MjYzIDguMTIwNzIgMTguMTMwMiA3LjYxNjgxIDE4LjEzMDIgNi45OTU3MkMxOC4xMzAyIDYuMzc0NjMgMTcuNjI2MyA1Ljg3MTA5IDE3LjAwNTIgNS44NzEwOVpNMTIuMDAwOCA3LjE4NTU2QzkuMzQyMDkgNy4xODU1NiA3LjE4NjQxIDkuMzQxMjUgNy4xODY0MSAxMi4wMDAxQzcuMTg2NDEgMTQuNjU4OSA5LjM0MjA5IDE2LjgxMzYgMTIuMDAwOCAxNi44MTM2QzE0LjY1OTcgMTYuODEzNiAxNi44MTQ2IDE0LjY1ODkgMTYuODE0NiAxMi4wMDAxQzE2LjgxNDYgOS4zNDEzNCAxNC42NTk3IDcuMTg1NTYgMTIuMDAwOCA3LjE4NTU2Wk0xMi4wMDA4IDguODc1MDNDMTMuNzI2NyA4Ljg3NTAzIDE1LjEyNTkgMTAuMjc0MSAxNS4xMjU5IDEyLjAwMDFDMTUuMTI1OSAxMy43MjU5IDEzLjcyNjcgMTUuMTI1MiAxMi4wMDA4IDE1LjEyNTJDMTAuMjc1IDE1LjEyNTIgOC44NzU4OCAxMy43MjU5IDguODc1ODggMTIuMDAwMUM4Ljg3NTg4IDEwLjI3NDEgMTAuMjc0OSA4Ljg3NTAzIDEyLjAwMDggOC44NzUwM1oiIGZpbGw9IndoaXRlIi8+CiAgPGRlZnM+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfMjM0OV80NDMiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4zNzUgMjUuODQ4NSkgcm90YXRlKC05MCkgc2NhbGUoMjMuNzg1OCAyMi4xMjI3KSI+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiNGRkRENTUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNGRjU0M0UiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQzgzN0FCIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDFfcmFkaWFsXzIzNDlfNDQzIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjAyMDA5IDEuNzI4ODQpIHJvdGF0ZSg3OC42ODEpIHNjYWxlKDEwLjYzMjQgNDMuODI3KSI+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzNzcxQzgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjEyOCIgc3RvcC1jb2xvcj0iIzM3NzFDOCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2NjAwRkYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPg==") no-repeat;
  opacity: 0;
  transition: all 0.3s ease-out;
}
footer a.insta:hover:before {
  opacity: 1;
}
footer a.fb {
  display: inline-block;
  margin-left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xNS41IDhIMTMuOTFDMTIuNDUgOCAxMiA4LjkyIDEyIDEwVjExLjVIMTUuNUwxNSAxNEgxMlYyMkg5VjE0SDdWMTEuNUg5VjkuNUM5IDcuMDEgMTAuNzkgNSAxMy45IDVIMTZWOEgxNS41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+") no-repeat;
  position: relative;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}
footer a.fb:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI0IiBmaWxsPSJ1cmwoI2cpIi8+CiAgPHBhdGggZD0iTTE1LjUgOEgxMy45MUMxMi40NSA4IDEyIDguOTIgMTIgMTBWMTEuNUgxNS41TDE1IDE0SDEyVjIySDlWMTRIN1YxMS41SDlWOS41QzkgNy4wMSAxMC43OSA1IDEzLjkgNUgxNlY4SDE1LjVaIiBmaWxsPSJ3aGl0ZSIvPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzE4NzdGMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwYjYzYzkiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4K") no-repeat;
  opacity: 0;
  transition: all 0.3s ease-out;
}
footer a.fb:hover {
  opacity: 1;
}
footer a.fb:hover:before {
  opacity: 1;
}
footer .ligne {
  list-style: none;
  margin: 0;
  padding: 1rem 0 0;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  grid-column: span 4;
  border-top: 1px solid #fec9a1;
  margin-top: 2.5rem;
}
@media (min-width: 640px) {
  footer .ligne {
    margin-top: 0;
    padding-top: 1.5rem;
  }
}
footer .ligne li {
  margin: 0;
  padding: 0;
}
footer .ligne li a {
  color: #fec9a1;
  font-size: 0.875rem;
}

section.video {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1440/594;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1440px) {
  section.video {
    max-height: 594px;
    aspect-ratio: unset;
  }
}
section.video video {
  width: 100%;
}
section.video > div {
  position: absolute;
  width: 100%;
  bottom: 1rem;
}
section.video > div > div {
  max-width: 78rem;
  margin: 0 auto;
  position: relative;
}
section.video a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #FFF;
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 10rem;
  transition: all 0.5s ease-out;
  width: 13rem;
  margin: 0 auto;
  opacity: 0;
}
@media (min-width: 640px) {
  section.video a {
    width: unset;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 1.5rem;
    margin: 0;
    padding: 0.75rem 1rem;
  }
  section.video a:hover {
    background: rgba(157, 71, 58, 0.3);
  }
}
section.video:hover a {
  background: rgba(157, 71, 58, 0.3);
}

section.louez {
  max-width: 78rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
}
@media (min-width: 640px) {
  section.louez {
    display: flex;
    justify-content: space-between;
    padding: 7.5rem 1.5rem;
    gap: 2.5rem;
    align-items: end;
  }
}
section.louez h1 {
  margin-top: 0;
}
section.louez p {
  max-width: 40rem;
}
section.louez p b {
  font-weight: 600;
}
@media (min-width: 1024px) {
  section.louez img {
    max-width: 350px;
  }
}
section.louez .btns {
  min-width: 15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
section.louez .btns img {
  display: block;
  margin-bottom: 2.5rem;
}
@media (max-width: 639px) {
  section.louez .btns .btn {
    background: #9d473a;
    color: #fec9a1;
  }
}

section.modele {
  max-width: 78rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
}
@media (min-width: 640px) {
  section.modele {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7.5rem 1.5rem;
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  section.modele {
    gap: 5rem;
  }
}
@media (min-width: 640px) {
  section.modele .text, section.modele .img {
    width: 50%;
  }
}
section.modele .img {
  aspect-ratio: 350/362;
  border-radius: 1.5rem;
  background: url(image/coucher.webp) no-repeat 50% 50%/auto 100%;
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  section.modele .img {
    margin-top: 0;
  }
}

section.vivez {
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  max-width: 150rem;
}
@media (min-width: 1024px) {
  section.vivez {
    padding: 7.5rem 1.5rem;
  }
}
section.vivez h2 {
  max-width: 75rem;
  margin: 0 auto 2.5rem;
}
@media (min-width: 640px) {
  section.vivez h2 {
    margin-bottom: 5rem;
  }
}
@media (max-width: 1023px) {
  section.vivez .scroll {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 -1.5rem;
    width: calc(100% + 3rem);
    padding: 0 1.5rem;
  }
  section.vivez .scroll::-webkit-scrollbar {
    display: none;
  }
}
section.vivez ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  justify-content: start;
  margin: 0 0 1rem;
  width: 80.5rem;
}
@media (min-width: 1024px) {
  section.vivez ul {
    width: unset;
    margin: 0 0 1.5rem;
    justify-content: center;
  }
}
section.vivez ul li {
  margin: 0;
  padding: 0;
  position: relative;
  perspective: 1000px;
}
section.vivez ul li > div {
  position: relative;
  transform-style: preserve-3d;
  transition: 0.6s 0.5s;
  min-height: 33rem;
}
section.vivez ul li > div > div {
  background: url(image/ville1.webp) no-repeat center/cover;
  border-radius: 1.5rem;
  display: flex;
  align-items: end;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
  transition: all 0.5s ease-out;
}
@media (max-width: 1023px) {
  section.vivez ul li > div > div {
    width: 19rem;
  }
}
@media (min-width: 1726px) {
  section.vivez ul li > div > div {
    background-size: 100% auto;
  }
}
section.vivez ul li > div > div > div {
  height: 16rem;
  width: 100%;
  padding: 2rem;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: end;
  padding: 2rem;
  border-radius: 1.5rem;
  transition: all 0.5s ease-out;
  position: relative;
  overflow: hidden;
}
section.vivez ul li > div > div > div:before, section.vivez ul li > div > div > div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(157, 71, 58, 0) 0%, rgba(157, 71, 58, 0.4) 100%);
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-out;
  z-index: 0;
}
section.vivez ul li > div > div > div:after {
  background: linear-gradient(180deg, rgba(254, 201, 161, 0) 0%, #fec9a1 100%);
  opacity: 0;
}
section.vivez ul li > div > div.front {
  transform: rotateY(0deg);
  z-index: 2;
}
section.vivez ul li > div > div.front h3 {
  color: #FFF;
}
section.vivez ul li > div > div.front p {
  color: rgba(255, 255, 255);
}
section.vivez ul li > div > div.back {
  transform: rotateY(180deg);
  z-index: 1;
}
section.vivez ul li > div > div.back > div {
  height: 100%;
  justify-content: start;
  background: rgba(254, 201, 161, 0.9);
  backdrop-filter: blur(4px);
  display: block;
}
section.vivez ul li > div > div.back > div:before, section.vivez ul li > div > div.back > div:after {
  display: none;
}
section.vivez ul li > div > div.back h3 {
  margin-bottom: 0.5rem;
  color: rgba(157, 71, 58);
}
@media (min-width: 1024px) {
  section.vivez ul li > div > div.back h3 {
    margin-bottom: 1rem;
  }
}
section.vivez ul li > div > div.back p {
  color: rgba(157, 71, 58);
  font-size: 0.875rem;
  margin: 0;
}
section.vivez ul li > div > div.back p.big {
  font-weight: 700;
  font-size: 1rem;
}
section.vivez ul li > div > div.back ul {
  display: block;
  margin: 0 0 0.75rem;
  list-style: disc;
  padding-inline-start: 1.5rem;
  width: 100%;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  section.vivez ul li > div > div.back ul {
    margin: 0 0 1rem;
    line-height: 1.6;
  }
}
section.vivez ul li > div > div.back ul > li {
  font-size: 0.875rem;
  background: none;
}
section.vivez ul li h3 {
  font-family: "arsenica-medium";
  font-weight: 400;
  font-size: 2rem;
  color: #fec9a1;
  margin: 0;
  transition: all 0.5s ease-out;
  z-index: 1;
}
section.vivez ul li p {
  margin: 0;
  color: #fec9a1;
  transition: all 0.5s ease-out;
  z-index: 1;
}
section.vivez ul li:nth-child(2) > div > div {
  background-image: url(image/ville2.webp);
}
section.vivez ul li:nth-child(3) > div > div {
  background-image: url(image/ville3.webp);
}
section.vivez ul li:nth-child(4) > div > div {
  background-image: url(image/ville4.webp);
}
section.vivez ul li:hover > div {
  transform: rotateY(180deg);
}
section.vivez ul li:hover > div > div {
  background-size: 115%;
}
@media (min-width: 1726px) {
  section.vivez ul li:hover > div > div {
    background-size: 115%;
  }
}
section.vivez ul li:hover > div > div > div:before {
  opacity: 0;
}
section.vivez ul li:hover > div > div > div:after {
  opacity: 1;
}
section.vivez ul li:hover h3, section.vivez ul li:hover p {
  color: rgba(157, 71, 58, 0.6);
}
section.vivez p.glisser {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  section.vivez p.glisser {
    margin-bottom: 5rem;
  }
}
section.vivez p.glisser:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  background: no-repeat url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC43MDE1OCA3Ljg0MDc5QzguODY4NDEgNy44MTg5NiA5LjAzODQyIDcuODM5NjQgOS4xOTU3MiA3LjkwMTMzTDE1LjE5NTcgMTAuMjM0N0wxNS4yNjggMTAuMjY1OUMxNS40MDcgMTAuMzMzMSAxNS41Mjg5IDEwLjQzMTYgMTUuNjIzNSAxMC41NTM3TDE1LjY2ODQgMTAuNjE2OEwxNS43MDgxIDEwLjY4MzJDMTUuNzk1MyAxMC44NDEyIDE1LjgzODEgMTEuMDIwMiAxNS44MzE4IDExLjIwMTVDMTUuODI0NSAxMS40MDg1IDE1Ljc1MzcgMTEuNjA4NCAxNS42MjggMTEuNzczMUMxNS41MDI0IDExLjkzNzggMTUuMzI4NCAxMi4wNTkgMTUuMTMwNiAxMi4xMjA3TDE1LjEyOTMgMTIuMTIxNEwxMi44MzM3IDEyLjgzMzZMMTIuMTIxNSAxNS4xMjkyTDEyLjEyMDkgMTUuMTMwNUMxMi4wNTkxIDE1LjMyODIgMTEuOTM3OSAxNS41MDIyIDExLjc3MzIgMTUuNjI3OUMxMS42MDg1IDE1Ljc1MzUgMTEuNDA4NiAxNS44MjQ0IDExLjIwMTYgMTUuODMxN0MxMC45OTQ1IDE1LjgzODkgMTAuNzkwMSAxNS43ODIxIDEwLjYxNjkgMTUuNjY4M0MxMC40NDM5IDE1LjU1NDQgMTAuMzEwMiAxNS4zODkyIDEwLjIzNDggMTUuMTk2M0w3LjkwMTQ1IDkuMTk1Nkw3LjkwMjEgOS4xOTQ5NUM3LjgzMTY1IDkuMDE1MTMgNy44MTQzNSA4LjgxOTEgNy44NTMyOCA4LjYyOTg1TDcuODcwMiA4LjU1ODg4QzcuOTE2NTUgOC4zOTUyMSA4LjAwMzkxIDguMjQ1NDkgOC4xMjQ3NiA4LjEyNDY0TDguMTc4MTUgOC4wNzUxNkM4LjMwNjg3IDcuOTYzOTUgOC40NjI1NiA3Ljg4NzYyIDguNjI5OTcgNy44NTMxNUw4LjcwMTU4IDcuODQwNzlaTTExLjEzMDYgMTMuODIwNkwxMS41NTkgMTIuNDM5MUMxMS42MjMxIDEyLjIzMjEgMTEuNzM3MiAxMi4wNDQxIDExLjg5MDQgMTEuODkwOUMxMi4wNDM2IDExLjczNzcgMTIuMjMxNiAxMS42MjM2IDEyLjQzODYgMTEuNTU5NUwxMy44MjE0IDExLjEzMDVMOS40MTgzOCA5LjQxODI2TDExLjEzMDYgMTMuODIwNloiIGZpbGw9IndoaXRlIi8+CiAgPHBhdGggZD0iTTEzLjgzMzQgNy44MzMyNVYzLjgzMzI1QzEzLjgzMzQgMy42NTY0NCAxMy43NjMxIDMuNDg2OTIgMTMuNjM4MSAzLjM2MTlDMTMuNTEzIDMuMjM2ODcgMTMuMzQzNSAzLjE2NjU5IDEzLjE2NjcgMy4xNjY1OUgzLjgzMzM3QzMuNjU2NTYgMy4xNjY1OSAzLjQ4NzA0IDMuMjM2ODcgMy4zNjIwMiAzLjM2MTlDMy4yMzcgMy40ODY5MiAzLjE2NjcxIDMuNjU2NDQgMy4xNjY3MSAzLjgzMzI1VjEzLjE2NjZDMy4xNjY3MSAxMy4zNDM0IDMuMjM3IDEzLjUxMjkgMy4zNjIwMiAxMy42Mzc5QzMuNDg3MDQgMTMuNzYzIDMuNjU2NTYgMTMuODMzMyAzLjgzMzM3IDEzLjgzMzNINy44MzMzN0M4LjIwMTU2IDEzLjgzMzMgOC41MDAwNCAxNC4xMzE3IDguNTAwMDQgMTQuNDk5OUM4LjUwMDA0IDE0Ljg2ODEgOC4yMDE1NiAxNS4xNjY2IDcuODMzMzcgMTUuMTY2NkgzLjgzMzM3QzMuMzAyOTQgMTUuMTY2NiAyLjc5NDM4IDE0Ljk1NTcgMi40MTkzMSAxNC41ODA2QzIuMDQ0MjQgMTQuMjA1NiAxLjgzMzM3IDEzLjY5NyAxLjgzMzM3IDEzLjE2NjZWMy44MzMyNUMxLjgzMzM3IDMuMzAyODIgMi4wNDQyNCAyLjc5NDI2IDIuNDE5MzEgMi40MTkxOUMyLjc5NDM4IDIuMDQ0MTIgMy4zMDI5NCAxLjgzMzI1IDMuODMzMzcgMS44MzMyNUgxMy4xNjY3QzEzLjY5NzEgMS44MzMyNSAxNC4yMDU3IDIuMDQ0MTIgMTQuNTgwOCAyLjQxOTE5QzE0Ljk1NTggMi43OTQyNiAxNS4xNjY3IDMuMzAyODIgMTUuMTY2NyAzLjgzMzI1VjcuODMzMjVDMTUuMTY2NyA4LjIwMTQ0IDE0Ljg2ODIgOC40OTk5MiAxNC41IDguNDk5OTJDMTQuMTMxOSA4LjQ5OTkyIDEzLjgzMzQgOC4yMDE0NCAxMy44MzM0IDcuODMzMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
}
section.vivez p.glisser span {
  display: inline;
}
@media (min-width: 1024px) {
  section.vivez p.glisser span {
    display: none;
  }
}
section.vivez p.glisser span.large {
  display: none;
}
@media (min-width: 1024px) {
  section.vivez p.glisser span.large {
    display: inline;
  }
}

section.raisons {
  padding: 5rem 1.5rem;
}
@media (min-width: 1024px) {
  section.raisons {
    padding: 1.5rem 1.5rem;
    padding-top: 7.5rem;
  }
}
section.raisons h2 {
  margin: 0 0 1.5rem;
}
section.raisons .title {
  max-width: 75rem;
  margin: 0 auto;
}
@media (min-width: 640px) {
  section.raisons .title > div {
    grid-column: 2/-2;
    columns: 2;
    column-gap: 5rem;
    align-items: start;
  }
  section.raisons .title > div p:first-child {
    margin-top: 0;
  }
}

section.hook {
  max-width: 78rem;
  margin: 0 auto;
  margin-bottom: 3.5rem;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  section.hook {
    margin-bottom: 6rem;
  }
}
section.hook ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  section.hook ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  section.hook ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  section.hook ul {
    gap: 5rem;
  }
}
section.hook ul > li {
  margin: 0;
  display: flex;
  padding: 1.5rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  background: linear-gradient(112deg, #fec9a1 0%, rgba(254, 201, 161, 0) 100%);
  font-weight: 700;
  font-size: 1rem;
  color: #9d473a;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media (min-width: 1200px) {
  section.hook ul > li {
    flex-direction: column;
    flex: 1 0 0;
  }
}
section.hook ul > li img {
  height: 4rem;
  max-width: 4.5rem;
}
section.hook ul > li p {
  font-weight: 400;
  font-size: 1.2rem;
}

section.avis {
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  max-width: 150rem;
}
@media (min-width: 1440px) {
  section.avis {
    padding: 7.5rem 2.5rem;
  }
}
section.avis h2 {
  max-width: 75rem;
  margin: 0 auto 2.5rem;
}
@media (min-width: 1024px) {
  section.avis h2 {
    margin-bottom: 5rem;
    text-align: center;
  }
}
section.avis h3 {
  max-width: 75rem;
  margin: 0 auto 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  font-family: "Advent Pro";
  font-size: 1.25rem;
}
@media (min-width: 640px) {
  section.avis h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  section.avis h3 {
    margin-bottom: 5rem;
  }
}
section.avis h3 img {
  height: 2rem;
}
section.avis h3 span {
  color: #9d473a;
}
@media (max-width: 1023px) {
  section.avis .scroll {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 -1.5rem;
    width: calc(100% + 3rem);
    padding: 0 1.5rem;
  }
  section.avis .scroll::-webkit-scrollbar {
    display: none;
  }
}
section.avis ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  width: 101rem;
}
@media (min-width: 1024px) {
  section.avis ul {
    margin-bottom: 5rem;
    width: unset;
  }
}
@media (min-width: 1600px) {
  section.avis ul {
    gap: 2.5rem;
  }
}
section.avis ul li {
  margin: 0;
  padding: 1.5rem;
  background: #FFF;
  border-radius: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #9d473a;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-width: 19rem;
}
@media (min-width: 1024px) {
  section.avis ul li {
    flex: 1 1 25%;
    min-width: unset;
  }
  section.avis ul li:last-child {
    display: none;
  }
}
@media (min-width: 1440px) {
  section.avis ul li {
    flex: 1 1 20%;
  }
  section.avis ul li:last-child {
    display: flex;
  }
}
section.avis ul li .n {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
section.avis ul li img {
  border-radius: 50%;
  min-width: 4rem;
  max-width: 4rem;
  height: 4rem;
}
section.avis ul li .author {
  font-weight: 700;
  font-size: 1.125rem;
}
section.avis ul li .rating {
  color: #ffb400;
}
section.avis ul li .text {
  margin-top: 0.5rem;
  line-height: 1.5;
  font-size: 1rem;
  height: 100%;
}
section.avis ul li small {
  display: block;
  margin-top: 0.75rem;
  color: rgba(157, 71, 58, 0.6);
  font-style: italic;
}

.modal {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: right 0.5s ease-out;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.modal [type=number], .modal [type=text], .modal [type=email], .modal [type=tel], .modal [type=date] {
  border: 1px solid #FFF;
  padding: 0 0.75rem;
  border-radius: 0.25rem;
  color: #FFF;
  width: 100%;
  height: 3rem;
  margin-top: 0.5rem;
  font-size: 1rem;
  box-shadow: none;
  background: #fec9a1;
}
@media (min-width: 640px) {
  .modal [type=number], .modal [type=text], .modal [type=email], .modal [type=tel], .modal [type=date] {
    margin-top: 0;
  }
}
.modal [type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}
.modal .date-wrapper {
  position: relative;
}
.modal .date-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -0.625rem;
  right: 0.75rem;
  pointer-events: none;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi43NSA1LjQ1NDU1VjEuMDkwOTFDNi43NSAwLjQ4ODQxNyA3LjIyMDEgMCA3LjggMEM4LjM3OTkgMCA4Ljg1IDAuNDg4NDE3IDguODUgMS4wOTA5MVY1LjQ1NDU1QzguODUgNi4wNTcwNCA4LjM3OTkgNi41NDU0NSA3LjggNi41NDU0NUM3LjIyMDEgNi41NDU0NSA2Ljc1IDYuMDU3MDQgNi43NSA1LjQ1NDU1Wk0xNS4xNSA1LjQ1NDU1VjEuMDkwOTFDMTUuMTUgMC40ODg0MTcgMTUuNjIwMSAwIDE2LjIgMEMxNi43Nzk5IDAgMTcuMjUgMC40ODg0MTcgMTcuMjUgMS4wOTA5MVY1LjQ1NDU1QzE3LjI1IDYuMDU3MDQgMTYuNzc5OSA2LjU0NTQ1IDE2LjIgNi41NDU0NUMxNS42MjAxIDYuNTQ1NDUgMTUuMTUgNi4wNTcwNCAxNS4xNSA1LjQ1NDU1WiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjAuNCA1LjQ1NDU1QzIwLjQgNC44NTIwNSAxOS45Mjk5IDQuMzYzNjQgMTkuMzUgNC4zNjM2NEg0LjY1QzQuMDcwMSA0LjM2MzY0IDMuNiA0Ljg1MjA1IDMuNiA1LjQ1NDU1VjIwLjcyNzNDMy42IDIxLjMyOTggNC4wNzAxIDIxLjgxODIgNC42NSAyMS44MTgySDE5LjM1QzE5LjkyOTkgMjEuODE4MiAyMC40IDIxLjMyOTggMjAuNCAyMC43MjczVjUuNDU0NTVaTTIyLjUgMjAuNzI3M0MyMi41IDIyLjUzNDcgMjEuMDg5NyAyNCAxOS4zNSAyNEg0LjY1QzIuOTEwMyAyNCAxLjUgMjIuNTM0NyAxLjUgMjAuNzI3M1Y1LjQ1NDU1QzEuNSAzLjY0NzA3IDIuOTEwMyAyLjE4MTgyIDQuNjUgMi4xODE4MkgxOS4zNUMyMS4wODk3IDIuMTgxODIgMjIuNSAzLjY0NzA3IDIyLjUgNS40NTQ1NVYyMC43MjczWiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMjEuNDUgOC43MjcyN0MyMi4wMjk5IDguNzI3MjcgMjIuNSA5LjIxNTY5IDIyLjUgOS44MTgxOEMyMi41IDEwLjQyMDcgMjIuMDI5OSAxMC45MDkxIDIxLjQ1IDEwLjkwOTFIMi41NUMxLjk3MDEgMTAuOTA5MSAxLjUgMTAuNDIwNyAxLjUgOS44MTgxOEMxLjUgOS4yMTU2OSAxLjk3MDEgOC43MjcyNyAyLjU1IDguNzI3MjdIMjEuNDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=") no-repeat;
}
.modal .iti {
  margin-top: 0.5rem;
}
@media (min-width: 640px) {
  .modal .iti {
    margin-top: 0;
  }
}
.modal .iti [type=tel] {
  padding-left: 3.25rem;
}
.modal .iti .iti__country-list {
  color: #fec9a1;
}
.modal .overlay {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  display: none;
}
.modal .modalError {
  position: absolute;
  right: 1rem;
  width: calc(100% - 2rem);
  background: #FFE8E8;
  border-radius: 0.25rem;
  color: #D90000;
  font-weight: 500;
  font-size: 1rem;
  z-index: 2;
  margin-top: -1px;
  padding: 0.5rem 1rem;
  opacity: 0;
  font-size: 0.875rem;
  z-index: 1001;
}
.modal .modalError.actif {
  animation: 5s fadein;
}
@media (min-width: 640px) {
  .modal .modalError {
    right: 2rem;
    width: calc(50% - 2rem);
  }
}
.modal .modal, .modal .modalOk {
  position: absolute;
  right: 0;
  top: 0;
  background: #fec9a1;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  padding: 0 1.5rem 1.5rem;
  overflow-y: auto;
  filter: drop-shadow(0px 4px 8px rgba(157, 71, 58, 0.1));
}
@media (min-width: 640px) {
  .modal .modal, .modal .modalOk {
    padding: 0 2rem 2rem;
  }
}
.modal .row {
  border-bottom: 1px solid #fec9a1;
  padding: 1rem 0;
}
@media (min-width: 640px) {
  .modal .row {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.modal .row.noborder {
  border-bottom: none;
  padding-bottom: 0;
}
@media (min-width: 640px) {
  .modal .row .col {
    width: 50%;
  }
}
.modal .row .col.semibold {
  padding: 0 0.5rem 0 0;
  line-height: 1.2;
}
@media (min-width: 640px) {
  .modal .row .col.semibold {
    padding-right: 8rem;
  }
}
.modal .row .col .iti {
  width: 100%;
}
.modal .row.top {
  align-items: start;
}
.modal .modal h6 {
  padding: 1.5rem;
  background: rgba(157, 71, 58, 0.4);
  margin: 0 -1.5rem 1rem;
  width: calc(100% + 3rem);
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "arsenica-medium";
  text-align: center;
  color: #fec9a1;
}
@media (min-width: 640px) {
  .modal .modal h6 {
    margin: 0 -2rem 1rem;
    width: calc(100% + 4rem);
    text-align: left;
  }
}
.modal .modal .btns {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
@media (min-width: 640px) {
  .modal .modal .btns {
    margin-top: 1.5rem;
  }
}
.modal .modal .btns .btn {
  padding: 0.75rem 2.5rem;
  color: #fec9a1;
  line-height: unset;
  font-size: 1.125rem;
  width: unset;
  background: rgba(157, 71, 58, 0.6);
}
@media (max-width: 639px) {
  .modal .modal .btns .btn {
    padding: 0.75rem 2rem;
  }
  .modal .modal .btns .btn > span {
    display: none;
  }
}
.modal .modal .btns .btn.loading {
  cursor: wait;
  color: #fec9a1;
}
.modal .modal .btns .btn.loading:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: no-repeat center center url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpbmciPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD48ZGVmcz48ZmlsdGVyIGlkPSJ1aWwtcmluZy1zaGFkb3ciIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+PGZlT2Zmc2V0IHJlc3VsdD0ib2ZmT3V0IiBpbj0iU291cmNlR3JhcGhpYyIgZHg9IjAiIGR5PSIwIj48L2ZlT2Zmc2V0PjxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXJPdXQiIGluPSJvZmZPdXQiIHN0ZERldmlhdGlvbj0iMCI+PC9mZUdhdXNzaWFuQmx1cj48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJibHVyT3V0IiBtb2RlPSJub3JtYWwiPjwvZmVCbGVuZD48L2ZpbHRlcj48L2RlZnM+PHBhdGggZD0iTTEwLDUwYzAsMCwwLDAuNSwwLjEsMS40YzAsMC41LDAuMSwxLDAuMiwxLjdjMCwwLjMsMC4xLDAuNywwLjEsMS4xYzAuMSwwLjQsMC4xLDAuOCwwLjIsMS4yYzAuMiwwLjgsMC4zLDEuOCwwLjUsMi44IGMwLjMsMSwwLjYsMi4xLDAuOSwzLjJjMC4zLDEuMSwwLjksMi4zLDEuNCwzLjVjMC41LDEuMiwxLjIsMi40LDEuOCwzLjdjMC4zLDAuNiwwLjgsMS4yLDEuMiwxLjljMC40LDAuNiwwLjgsMS4zLDEuMywxLjkgYzEsMS4yLDEuOSwyLjYsMy4xLDMuN2MyLjIsMi41LDUsNC43LDcuOSw2LjdjMywyLDYuNSwzLjQsMTAuMSw0LjZjMy42LDEuMSw3LjUsMS41LDExLjIsMS42YzQtMC4xLDcuNy0wLjYsMTEuMy0xLjYgYzMuNi0xLjIsNy0yLjYsMTAtNC42YzMtMiw1LjgtNC4yLDcuOS02LjdjMS4yLTEuMiwyLjEtMi41LDMuMS0zLjdjMC41LTAuNiwwLjktMS4zLDEuMy0xLjljMC40LTAuNiwwLjgtMS4zLDEuMi0xLjkgYzAuNi0xLjMsMS4zLTIuNSwxLjgtMy43YzAuNS0xLjIsMS0yLjQsMS40LTMuNWMwLjMtMS4xLDAuNi0yLjIsMC45LTMuMmMwLjItMSwwLjQtMS45LDAuNS0yLjhjMC4xLTAuNCwwLjEtMC44LDAuMi0xLjIgYzAtMC40LDAuMS0wLjcsMC4xLTEuMWMwLjEtMC43LDAuMS0xLjIsMC4yLTEuN0M5MCw1MC41LDkwLDUwLDkwLDUwczAsMC41LDAsMS40YzAsMC41LDAsMSwwLDEuN2MwLDAuMywwLDAuNywwLDEuMSBjMCwwLjQtMC4xLDAuOC0wLjEsMS4yYy0wLjEsMC45LTAuMiwxLjgtMC40LDIuOGMtMC4yLDEtMC41LDIuMS0wLjcsMy4zYy0wLjMsMS4yLTAuOCwyLjQtMS4yLDMuN2MtMC4yLDAuNy0wLjUsMS4zLTAuOCwxLjkgYy0wLjMsMC43LTAuNiwxLjMtMC45LDJjLTAuMywwLjctMC43LDEuMy0xLjEsMmMtMC40LDAuNy0wLjcsMS40LTEuMiwyYy0xLDEuMy0xLjksMi43LTMuMSw0Yy0yLjIsMi43LTUsNS04LjEsNy4xIGMtMC44LDAuNS0xLjYsMS0yLjQsMS41Yy0wLjgsMC41LTEuNywwLjktMi42LDEuM0w2Niw4Ny43bC0xLjQsMC41Yy0wLjksMC4zLTEuOCwwLjctMi44LDFjLTMuOCwxLjEtNy45LDEuNy0xMS44LDEuOEw0Nyw5MC44IGMtMSwwLTItMC4yLTMtMC4zbC0xLjUtMC4ybC0wLjctMC4xTDQxLjEsOTBjLTEtMC4zLTEuOS0wLjUtMi45LTAuN2MtMC45LTAuMy0xLjktMC43LTIuOC0xTDM0LDg3LjdsLTEuMy0wLjYgYy0wLjktMC40LTEuOC0wLjgtMi42LTEuM2MtMC44LTAuNS0xLjYtMS0yLjQtMS41Yy0zLjEtMi4xLTUuOS00LjUtOC4xLTcuMWMtMS4yLTEuMi0yLjEtMi43LTMuMS00Yy0wLjUtMC42LTAuOC0xLjQtMS4yLTIgYy0wLjQtMC43LTAuOC0xLjMtMS4xLTJjLTAuMy0wLjctMC42LTEuMy0wLjktMmMtMC4zLTAuNy0wLjYtMS4zLTAuOC0xLjljLTAuNC0xLjMtMC45LTIuNS0xLjItMy43Yy0wLjMtMS4yLTAuNS0yLjMtMC43LTMuMyBjLTAuMi0xLTAuMy0yLTAuNC0yLjhjLTAuMS0wLjQtMC4xLTAuOC0wLjEtMS4yYzAtMC40LDAtMC43LDAtMS4xYzAtMC43LDAtMS4yLDAtMS43QzEwLDUwLjUsMTAsNTAsMTAsNTB6IiBmaWxsPSIjZTFlN2VkIiBmaWx0ZXI9InVybCgjdWlsLXJpbmctc2hhZG93KSIgdHJhbnNmb3JtPSJyb3RhdGUoNTQgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA1MCA1MCIgdG89IjM2MCA1MCA1MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L3BhdGg+PC9zdmc+");
  background-size: auto 100%;
  margin: 0 0.75rem -8px -0.75rem;
}
@media (min-width: 640px) {
  .modal .modal .btns .btn.loading:before {
    width: 30px;
    height: 30px;
    margin-bottom: -12px;
  }
}
.modal .modal .btns .btn.clear {
  background: none;
  color: rgba(157, 71, 58, 0.6);
}
@media (max-width: 639px) {
  .modal .modal .btns .btn.clear {
    padding: 0.75rem 1.5rem;
  }
}
.modal .modal .btns .btn.clear:before {
  display: none;
}
.modal .modal .btns .btn.clear:hover {
  color: rgba(157, 71, 58, 0.6);
}
.modal .modal .semibold {
  font-weight: 600;
  text-wrap: nowrap;
}
.modal .modalOk {
  font-size: 1rem;
  right: -100%;
  padding-top: 2.5rem;
}
@media (min-width: 640px) {
  .modal .modalOk {
    padding-top: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .modal .modalOk {
    right: -50%;
  }
}
.modal .modalOk .img {
  display: flex;
  justify-content: center;
}
.modal .modalOk .conf {
  background: rgba(157, 71, 58, 0.6);
  padding: 1rem 1.5rem;
  font-weight: 600;
  font-size: 1rem;
  margin: 2.5rem 0;
  border-radius: 0.5rem;
  color: #fec9a1;
}
@media (min-width: 640px) {
  .modal .modalOk .conf {
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
}
.modal .modalOk .conf:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  margin-bottom: 0.75rem;
  background: no-repeat url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjIxNF80MTk0KSI+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0xMC4wODMzIDE2LjcwNjNMNS40NTQ1NSAxMi4wNzY1TDYuOTk3MDkgMTAuNTM0TDEwLjA4MzMgMTMuNjE5MUwxNi4yNTM1IDcuNDQ3OEwxNy43OTcxIDguOTkxNDNMMTAuMDgzMyAxNi43MDYzWiIgZmlsbD0iIzExMTcyMCIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEyQzAgNS4zNzI3MyA1LjM3MjczIDAgMTIgMEMxOC42MjczIDAgMjQgNS4zNzI3MyAyNCAxMkMyNCAxOC42MjczIDE4LjYyNzMgMjQgMTIgMjRDNS4zNzI3MyAyNCAwIDE4LjYyNzMgMCAxMlpNMTIgMjEuODE4MkMxMC43MTA3IDIxLjgxODIgOS40MzM5NCAyMS41NjQyIDguMjQyNzQgMjEuMDcwOEM3LjA1MTU1IDIwLjU3NzQgNS45NjkyIDE5Ljg1NDIgNS4wNTc1IDE4Ljk0MjVDNC4xNDU3OSAxOC4wMzA4IDMuNDIyNTkgMTYuOTQ4NSAyLjkyOTE4IDE1Ljc1NzNDMi40MzU3NyAxNC41NjYxIDIuMTgxODIgMTMuMjg5MyAyLjE4MTgyIDEyQzIuMTgxODIgMTAuNzEwNyAyLjQzNTc3IDkuNDMzOTQgMi45MjkxOCA4LjI0Mjc0QzMuNDIyNTkgNy4wNTE1NSA0LjE0NTc5IDUuOTY5MiA1LjA1NzUgNS4wNTc1QzUuOTY5MiA0LjE0NTc5IDcuMDUxNTUgMy40MjI1OSA4LjI0Mjc0IDIuOTI5MThDOS40MzM5NCAyLjQzNTc3IDEwLjcxMDcgMi4xODE4MiAxMiAyLjE4MTgyQzE0LjYwMzkgMi4xODE4MiAxNy4xMDEyIDMuMjE2MjMgMTguOTQyNSA1LjA1NzVDMjAuNzgzOCA2Ljg5ODc2IDIxLjgxODIgOS4zOTYwNiAyMS44MTgyIDEyQzIxLjgxODIgMTQuNjAzOSAyMC43ODM4IDE3LjEwMTIgMTguOTQyNSAxOC45NDI1QzE3LjEwMTIgMjAuNzgzOCAxNC42MDM5IDIxLjgxODIgMTIgMjEuODE4MloiIGZpbGw9IiMxMTE3MjAiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzIyMTRfNDE5NCI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
}
@media (min-width: 640px) {
  .modal .modalOk .conf:before {
    margin-bottom: 0;
  }
}
.modal .modalOk .resum {
  display: none;
}
.modal .modalOk .resum.actif {
  display: block;
}
@media (min-width: 640px) {
  .modal .modalOk .resum.actif {
    display: flex;
    justify-content: space-between;
  }
}
.modal .modalOk .resum > div {
  font-weight: 500;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
  .modal .modalOk .resum > div {
    margin-bottom: 0;
  }
}
.modal .modalOk .resum ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.modal .modalOk .resum ul > li {
  display: flex;
  align-items: center;
}
.modal .modalOk .resum ul > li:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: center center url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOS40MDcwNSA3Ljg5MDM4QzkuMTU3MDkgOC4xNDA0MiA5LjAxNjY3IDguNDc5NSA5LjAxNjY3IDguODMzMDVDOS4wMTY2NyA5LjE4NjYgOS4xNTcwOSA5LjUyNTY4IDkuNDA3MDUgOS43NzU3MUwxMS43OTcxIDEyLjE2NjRMOS40MDcwNSAxNC41NTdDOS4yNzk3IDE0LjY4IDkuMTc4MTMgMTQuODI3MiA5LjEwODI1IDE0Ljk4OThDOS4wMzgzNyAxNS4xNTI1IDkuMDAxNTkgMTUuMzI3NSA5LjAwMDA1IDE1LjUwNDVDOC45OTg1MSAxNS42ODE2IDkuMDMyMjUgMTUuODU3MSA5LjA5OTI5IDE2LjAyMUM5LjE2NjMzIDE2LjE4NDggOS4yNjUzMyAxNi4zMzM3IDkuMzkwNTIgMTYuNDU4OUM5LjUxNTcxIDE2LjU4NDEgOS42NjQ1OCAxNi42ODMxIDkuODI4NDUgMTYuNzUwMUM5Ljk5MjMxIDE2LjgxNzIgMTAuMTY3OSAxNi44NTA5IDEwLjM0NDkgMTYuODQ5NEMxMC41MjIgMTYuODQ3OCAxMC42OTY5IDE2LjgxMTEgMTAuODU5NiAxNi43NDEyQzExLjAyMjMgMTYuNjcxMyAxMS4xNjk0IDE2LjU2OTcgMTEuMjkyNCAxNi40NDI0TDE1LjU2OTEgMTIuMTY2NEwxMS4yOTI0IDcuODkwMzhDMTEuMDQyMyA3LjY0MDQyIDEwLjcwMzMgNy41IDEwLjM0OTcgNy41QzkuOTk2MTcgNy41IDkuNjU3MDkgNy42NDA0MiA5LjQwNzA1IDcuODkwMzhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=") no-repeat;
}
.modal .modalOk .btns {
  justify-content: center;
  margin-top: 2.5rem;
}
@media (max-width: 639px) {
  .modal .modalOk .btns .btn {
    width: 100%;
    padding: 0.75rem 0;
  }
}
.modal .modalOk .btns .btn {
  color: #fec9a1;
  background: rgba(157, 71, 58, 0.6);
}
.modal .modalOk .btns .btn > span {
  display: unset;
}
.modal .modalOk .btns .btn > span.hide {
  display: none;
}
@media (min-width: 640px) {
  .modal .modalOk .btns .btn > span.hide {
    display: inline;
  }
}
.modal .modalOk .btns .btn > span.f {
  text-transform: capitalize;
}
@media (min-width: 640px) {
  .modal .modalOk .btns .btn > span.f {
    text-transform: none;
  }
}
.modal.active {
  right: 0;
}
.modal.mentions ul, .modal.mentions p {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}
.modal.mentions h3 {
  margin: 1.5rem 0 0;
}
.modal.mentions h2 {
  font-family: "arsenica-medium";
  font-size: 2rem;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes header {
  from {
    top: -10rem;
  }
  to {
    top: 2rem;
  }
}
header {
  animation: 2s header;
}

section.louez h1 {
  animation: 1s 3s pulse;
}

section.louez {
  animation: 5s fade;
}

section.modele.pre-anim, section.vivez.pre-anim, section.histoire.pre-anim, section.dispo.pre-anim {
  opacity: 0;
  margin-top: 20rem;
}
section.modele.anim, section.vivez.anim, section.histoire.anim, section.dispo.anim {
  transition: all 3s;
  opacity: 1;
  margin-top: inherit;
}

section.hook.pre-anim ul > li {
  opacity: 0;
  margin-top: 20rem;
  height: 6.25rem;
}
@media (min-width: 1200px) {
  section.hook.pre-anim ul > li {
    height: 10rem;
  }
}
section.hook.anim ul > li {
  transition: all 2s;
  opacity: 1;
  margin-top: inherit;
}
section.hook.anim ul > li:nth-child(2) {
  transition-delay: 0.5s;
}
section.hook.anim ul > li:nth-child(3) {
  transition-delay: 1s;
}
section.hook.anim ul > li:nth-child(4) {
  transition-delay: 1.5s;
}

section.histoire.pre-anim .scroll ul > li {
  opacity: 0;
  margin-left: 3000px;
}
section.histoire.anim .scroll ul > li {
  transition: all 3s 0.5s;
  opacity: 1;
  margin-left: inherit;
}
section.histoire.anim .scroll ul > li:nth-child(2) {
  transition-delay: 0.75s;
}
section.histoire.anim .scroll ul > li:nth-child(3) {
  transition-delay: 1s;
}
section.histoire.anim .scroll ul > li:nth-child(4) {
  transition-delay: 1.25s;
}
section.histoire.anim .scroll ul > li:nth-child(4) {
  transition-delay: 1.5s;
}

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