/*
Theme Name: Catapulpe
Theme URI: https://catapulpe.fr
Author: Agence Web Catapulpe
Author URI: https://catapulpe.fr
Description: Theme Template Catapulpe
Requires at least: WordPress 5.0
Version: 1.0
*/
@font-face {
  font-family: "Basier Circle";
  src: url("assets/fonts/basiercircle-regular-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Basier Circle";
  src: url("assets/fonts/basiercircle-semibold-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Basier Circle";
  src: url("assets/fonts/basiercircle-mediumitalic-webfont.woff2") format("woff2"), url("assets/fonts/basiercircle-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
:root {
  --vh: 1vh;
  --vw: 1vw;
}

body, html {
  scroll-behavior: smooth;
  font-size: 10px !important;
  color: #333333;
  font-family: "Basier Circle";
}

#js-scroll {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  min-height: 100vh;
}
@media (max-width: 768px) {
  #js-scroll {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

body {
  margin: 0;
}
body.stop-scroll {
  overflow-y: hidden;
}

.full-height {
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh) * 100);
}

.bold {
  font-weight: 700;
}

h1 {
  margin-top: 0;
  font-size: 1em;
}

h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h2 {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  h2 {
    font-size: calc(24px + 8 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 22px;
}
@media screen and (min-width: 360px) {
  h3 {
    font-size: calc(22px + 2 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  h3 {
    font-size: 24px;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p, a, div, span {
  line-height: 3rem;
  font-weight: 400;
  margin: 0;
}
p, a, div, span {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  p, a, div, span {
    font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  p, a, div, span {
    font-size: 20px;
  }
}

input, a, button {
  outline: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.text-1 {
  font-size: 10px;
}
@media screen and (min-width: 360px) {
  .text-1 {
    font-size: calc(10px + 0 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1 {
    font-size: 10px;
  }
}

.text-1-2 {
  font-size: 10px;
}
@media screen and (min-width: 360px) {
  .text-1-2 {
    font-size: calc(10px + 2 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1-2 {
    font-size: 12px;
  }
}

.text-1-4 {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  .text-1-4 {
    font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1-4 {
    font-size: 14px;
  }
}

.text-1-5 {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  .text-1-5 {
    font-size: calc(12px + 3 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1-5 {
    font-size: 15px;
  }
}

.text-1-6 {
  line-height: 3rem;
}
.text-1-6 {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .text-1-6 {
    font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1-6 {
    font-size: 16px;
  }
}

.text-1-8 {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .text-1-8 {
    font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-1-8 {
    font-size: 18px;
  }
}

.text-2 {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .text-2 {
    font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-2 {
    font-size: 20px;
  }
}

.text-2-2 {
  font-size: 18px;
}
@media screen and (min-width: 360px) {
  .text-2-2 {
    font-size: calc(18px + 4 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-2-2 {
    font-size: 22px;
  }
}

.text-2-4 {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .text-2-4 {
    font-size: calc(14px + 10 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-2-4 {
    font-size: 24px;
  }
}

.text-3-2 {
  line-height: 4.5rem;
}
.text-3-2 {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  .text-3-2 {
    font-size: calc(24px + 8 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-3-2 {
    font-size: 32px;
  }
}

.text-4 {
  line-height: 4.5rem;
}
.text-4 {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  .text-4 {
    font-size: calc(24px + 16 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-4 {
    font-size: 40px;
  }
}

.text-4-8 {
  line-height: 6rem;
}
.text-4-8 {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  .text-4-8 {
    font-size: calc(24px + 24 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-4-8 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .text-4-8 {
    line-height: 3rem;
  }
}

.text-5-5 {
  font-size: 48px;
}
@media screen and (min-width: 360px) {
  .text-5-5 {
    font-size: calc(48px + 7 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-5-5 {
    font-size: 55px;
  }
}

.text-7 {
  line-height: 7.5rem;
}
.text-7 {
  font-size: 32px;
}
@media screen and (min-width: 360px) {
  .text-7 {
    font-size: calc(32px + 38 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-7 {
    font-size: 70px;
  }
}
@media (max-width: 768px) {
  .text-7 {
    line-height: 4.5rem;
  }
}

.text-7-2 {
  font-size: 55px;
}
@media screen and (min-width: 360px) {
  .text-7-2 {
    font-size: calc(55px + 17 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .text-7-2 {
    font-size: 72px;
  }
}

.semi-bold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
  font-style: italic;
}

.regular {
  font-weight: 400;
}

.menu > li > a {
  font-size: 24px;
}
@media screen and (min-width: 360px) {
  .menu > li > a {
    font-size: calc(24px + 24 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .menu > li > a {
    font-size: 48px;
  }
}

.limiter {
  margin-left: 3rem;
  margin-right: 3rem;
  position: relative;
}
@media (min-width: calc(120px * 10 + 60px)) {
  .limiter {
    max-width: 120rem;
    margin: 0 auto;
  }
}

.limiter-800 {
  margin-left: 3rem;
  margin-right: 3rem;
  position: relative;
}
@media (min-width: calc(80px * 10 + 60px)) {
  .limiter-800 {
    max-width: 80rem;
    margin: 0 auto;
  }
}

.limiter-600 {
  margin-left: 3rem;
  margin-right: 3rem;
  position: relative;
}
@media (min-width: calc(60px * 10 + 60px)) {
  .limiter-600 {
    max-width: 60rem;
    margin: 0 auto;
  }
}

.limiter-left {
  margin-left: 3rem;
}
@media (min-width: 1260px) {
  .limiter-left {
    max-width: 120rem;
    margin-left: calc(50vw - 60rem);
  }
}

.blue {
  color: #2AA0FF;
}

.white {
  color: #fff;
}

.center {
  text-align: center;
}

.mentions-legales h2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.mentions-legales p {
  margin-bottom: 3rem;
}

.titre-souligne, .titre-souligne-bleu {
  position: relative;
  display: inline-block;
  margin-bottom: 3rem;
}
.titre-souligne::before, .titre-souligne-bleu::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.titre-souligne-bleu::before {
  background-color: #2AA0FF;
}

.point {
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 1rem;
  background-color: #2AA0FF;
}

.plan {
  background-color: #f2f8fd;
  background-image: url("assets/img/plan.png");
  background-position: center;
  background-size: cover;
}

.flex-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.padding-left {
  padding-left: 3rem;
}

.block-top-blue {
  margin-top: -6rem;
}

.button-retour {
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  border: 3px solid #213133;
  color: #213133;
  transform: scale(1);
  transition: all 0.4s ease;
}
.button-retour:hover {
  transform: scale(1.05);
}

.colonnes-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 12);
}
.colonnes-12.lazyload, .colonnes-12.lazyloading, .colonnes-12.lazyloaded {
  width: calc((100vw / 12) * 12);
}

.colonnes-resp-12 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 12);
}
.colonnes-resp-12.lazyload, .colonnes-resp-12.lazyloading, .colonnes-resp-12.lazyloaded {
  width: calc((100vw / 12) * 12);
}
@media (max-width: 768px) {
  .colonnes-resp-12.lazyload, .colonnes-resp-12.lazyloading, .colonnes-resp-12.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-12 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-12 {
  padding-top: calc((100vw / 12) * 12);
  padding-bottom: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .padding-block-12 {
    padding-top: calc((100vw / 12) * (12 * 2));
    padding-bottom: calc((100vw / 12) * (12 * 2));
  }
}

.padding-top-12 {
  padding-top: calc((100vw / 12) * 12);
}
@media (max-width: 768px) {
  .padding-top-12 {
    padding-top: calc((100vw / 12) * (12 * 2));
  }
}

.padding-bottom-12 {
  padding-bottom: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .padding-bottom-12 {
    padding-bottom: calc((100vw / 12) * (12 * 2));
  }
}

.margin-block-12 {
  margin-top: calc((100vw / 12) * 12);
  margin-bottom: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .margin-block-12 {
    margin-top: calc((100vw / 12) * (12 * 2));
    margin-bottom: calc((100vw / 12) * (12 * 2));
  }
}

.margin-top-12 {
  margin-top: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .margin-top-12 {
    margin-top: calc((100vw / 12) * (12 * 2));
  }
}

.margin-right-12 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 12 );
}

.margin-right-resp-12 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .margin-right-resp-12 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-12 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 12 );
}

.margin-left-resp-12 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 12 );
}
@media (max-width: 768px) {
  .margin-left-resp-12 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-12 {
  margin-bottom: calc((100vw / 12) * 12);
}
@media (max-width: 768px) {
  .margin-bottom-12 {
    margin-bottom: calc((100vw / 12) * (12 * 2));
  }
}

.letter-spacing-12 {
  letter-spacing: 12px;
}

.colonnes-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 11);
}
.colonnes-11.lazyload, .colonnes-11.lazyloading, .colonnes-11.lazyloaded {
  width: calc((100vw / 12) * 11);
}

.colonnes-resp-11 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 11);
}
.colonnes-resp-11.lazyload, .colonnes-resp-11.lazyloading, .colonnes-resp-11.lazyloaded {
  width: calc((100vw / 12) * 11);
}
@media (max-width: 768px) {
  .colonnes-resp-11.lazyload, .colonnes-resp-11.lazyloading, .colonnes-resp-11.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-11 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-11 {
  padding-top: calc((100vw / 12) * 11);
  padding-bottom: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .padding-block-11 {
    padding-top: calc((100vw / 12) * (11 * 2));
    padding-bottom: calc((100vw / 12) * (11 * 2));
  }
}

.padding-top-11 {
  padding-top: calc((100vw / 12) * 11);
}
@media (max-width: 768px) {
  .padding-top-11 {
    padding-top: calc((100vw / 12) * (11 * 2));
  }
}

.padding-bottom-11 {
  padding-bottom: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .padding-bottom-11 {
    padding-bottom: calc((100vw / 12) * (11 * 2));
  }
}

.margin-block-11 {
  margin-top: calc((100vw / 12) * 11);
  margin-bottom: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .margin-block-11 {
    margin-top: calc((100vw / 12) * (11 * 2));
    margin-bottom: calc((100vw / 12) * (11 * 2));
  }
}

.margin-top-11 {
  margin-top: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .margin-top-11 {
    margin-top: calc((100vw / 12) * (11 * 2));
  }
}

.margin-right-11 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 11 );
}

.margin-right-resp-11 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .margin-right-resp-11 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-11 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 11 );
}

.margin-left-resp-11 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 11 );
}
@media (max-width: 768px) {
  .margin-left-resp-11 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-11 {
  margin-bottom: calc((100vw / 12) * 11);
}
@media (max-width: 768px) {
  .margin-bottom-11 {
    margin-bottom: calc((100vw / 12) * (11 * 2));
  }
}

.letter-spacing-11 {
  letter-spacing: 11px;
}

.colonnes-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 10);
}
.colonnes-10.lazyload, .colonnes-10.lazyloading, .colonnes-10.lazyloaded {
  width: calc((100vw / 12) * 10);
}

.colonnes-resp-10 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 10);
}
.colonnes-resp-10.lazyload, .colonnes-resp-10.lazyloading, .colonnes-resp-10.lazyloaded {
  width: calc((100vw / 12) * 10);
}
@media (max-width: 768px) {
  .colonnes-resp-10.lazyload, .colonnes-resp-10.lazyloading, .colonnes-resp-10.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-10 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-10 {
  padding-top: calc((100vw / 12) * 10);
  padding-bottom: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .padding-block-10 {
    padding-top: calc((100vw / 12) * (10 * 2));
    padding-bottom: calc((100vw / 12) * (10 * 2));
  }
}

.padding-top-10 {
  padding-top: calc((100vw / 12) * 10);
}
@media (max-width: 768px) {
  .padding-top-10 {
    padding-top: calc((100vw / 12) * (10 * 2));
  }
}

.padding-bottom-10 {
  padding-bottom: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .padding-bottom-10 {
    padding-bottom: calc((100vw / 12) * (10 * 2));
  }
}

.margin-block-10 {
  margin-top: calc((100vw / 12) * 10);
  margin-bottom: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .margin-block-10 {
    margin-top: calc((100vw / 12) * (10 * 2));
    margin-bottom: calc((100vw / 12) * (10 * 2));
  }
}

.margin-top-10 {
  margin-top: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .margin-top-10 {
    margin-top: calc((100vw / 12) * (10 * 2));
  }
}

.margin-right-10 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 10 );
}

.margin-right-resp-10 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .margin-right-resp-10 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-10 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 10 );
}

.margin-left-resp-10 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 10 );
}
@media (max-width: 768px) {
  .margin-left-resp-10 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-10 {
  margin-bottom: calc((100vw / 12) * 10);
}
@media (max-width: 768px) {
  .margin-bottom-10 {
    margin-bottom: calc((100vw / 12) * (10 * 2));
  }
}

.letter-spacing-10 {
  letter-spacing: 10px;
}

.colonnes-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 9);
}
.colonnes-9.lazyload, .colonnes-9.lazyloading, .colonnes-9.lazyloaded {
  width: calc((100vw / 12) * 9);
}

.colonnes-resp-9 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 9);
}
.colonnes-resp-9.lazyload, .colonnes-resp-9.lazyloading, .colonnes-resp-9.lazyloaded {
  width: calc((100vw / 12) * 9);
}
@media (max-width: 768px) {
  .colonnes-resp-9.lazyload, .colonnes-resp-9.lazyloading, .colonnes-resp-9.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-9 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-9 {
  padding-top: calc((100vw / 12) * 9);
  padding-bottom: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .padding-block-9 {
    padding-top: calc((100vw / 12) * (9 * 2));
    padding-bottom: calc((100vw / 12) * (9 * 2));
  }
}

.padding-top-9 {
  padding-top: calc((100vw / 12) * 9);
}
@media (max-width: 768px) {
  .padding-top-9 {
    padding-top: calc((100vw / 12) * (9 * 2));
  }
}

.padding-bottom-9 {
  padding-bottom: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .padding-bottom-9 {
    padding-bottom: calc((100vw / 12) * (9 * 2));
  }
}

.margin-block-9 {
  margin-top: calc((100vw / 12) * 9);
  margin-bottom: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .margin-block-9 {
    margin-top: calc((100vw / 12) * (9 * 2));
    margin-bottom: calc((100vw / 12) * (9 * 2));
  }
}

.margin-top-9 {
  margin-top: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .margin-top-9 {
    margin-top: calc((100vw / 12) * (9 * 2));
  }
}

.margin-right-9 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 9 );
}

.margin-right-resp-9 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .margin-right-resp-9 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-9 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 9 );
}

.margin-left-resp-9 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 9 );
}
@media (max-width: 768px) {
  .margin-left-resp-9 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-9 {
  margin-bottom: calc((100vw / 12) * 9);
}
@media (max-width: 768px) {
  .margin-bottom-9 {
    margin-bottom: calc((100vw / 12) * (9 * 2));
  }
}

.letter-spacing-9 {
  letter-spacing: 9px;
}

.colonnes-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 8);
}
.colonnes-8.lazyload, .colonnes-8.lazyloading, .colonnes-8.lazyloaded {
  width: calc((100vw / 12) * 8);
}

.colonnes-resp-8 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 8);
}
.colonnes-resp-8.lazyload, .colonnes-resp-8.lazyloading, .colonnes-resp-8.lazyloaded {
  width: calc((100vw / 12) * 8);
}
@media (max-width: 768px) {
  .colonnes-resp-8.lazyload, .colonnes-resp-8.lazyloading, .colonnes-resp-8.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-8 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-8 {
  padding-top: calc((100vw / 12) * 8);
  padding-bottom: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .padding-block-8 {
    padding-top: calc((100vw / 12) * (8 * 2));
    padding-bottom: calc((100vw / 12) * (8 * 2));
  }
}

.padding-top-8 {
  padding-top: calc((100vw / 12) * 8);
}
@media (max-width: 768px) {
  .padding-top-8 {
    padding-top: calc((100vw / 12) * (8 * 2));
  }
}

.padding-bottom-8 {
  padding-bottom: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .padding-bottom-8 {
    padding-bottom: calc((100vw / 12) * (8 * 2));
  }
}

.margin-block-8 {
  margin-top: calc((100vw / 12) * 8);
  margin-bottom: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .margin-block-8 {
    margin-top: calc((100vw / 12) * (8 * 2));
    margin-bottom: calc((100vw / 12) * (8 * 2));
  }
}

.margin-top-8 {
  margin-top: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .margin-top-8 {
    margin-top: calc((100vw / 12) * (8 * 2));
  }
}

.margin-right-8 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 8 );
}

.margin-right-resp-8 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .margin-right-resp-8 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-8 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 8 );
}

.margin-left-resp-8 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 8 );
}
@media (max-width: 768px) {
  .margin-left-resp-8 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-8 {
  margin-bottom: calc((100vw / 12) * 8);
}
@media (max-width: 768px) {
  .margin-bottom-8 {
    margin-bottom: calc((100vw / 12) * (8 * 2));
  }
}

.letter-spacing-8 {
  letter-spacing: 8px;
}

.colonnes-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 7);
}
.colonnes-7.lazyload, .colonnes-7.lazyloading, .colonnes-7.lazyloaded {
  width: calc((100vw / 12) * 7);
}

.colonnes-resp-7 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 7);
}
.colonnes-resp-7.lazyload, .colonnes-resp-7.lazyloading, .colonnes-resp-7.lazyloaded {
  width: calc((100vw / 12) * 7);
}
@media (max-width: 768px) {
  .colonnes-resp-7.lazyload, .colonnes-resp-7.lazyloading, .colonnes-resp-7.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-7 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-7 {
  padding-top: calc((100vw / 12) * 7);
  padding-bottom: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .padding-block-7 {
    padding-top: calc((100vw / 12) * (7 * 2));
    padding-bottom: calc((100vw / 12) * (7 * 2));
  }
}

.padding-top-7 {
  padding-top: calc((100vw / 12) * 7);
}
@media (max-width: 768px) {
  .padding-top-7 {
    padding-top: calc((100vw / 12) * (7 * 2));
  }
}

.padding-bottom-7 {
  padding-bottom: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .padding-bottom-7 {
    padding-bottom: calc((100vw / 12) * (7 * 2));
  }
}

.margin-block-7 {
  margin-top: calc((100vw / 12) * 7);
  margin-bottom: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .margin-block-7 {
    margin-top: calc((100vw / 12) * (7 * 2));
    margin-bottom: calc((100vw / 12) * (7 * 2));
  }
}

.margin-top-7 {
  margin-top: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .margin-top-7 {
    margin-top: calc((100vw / 12) * (7 * 2));
  }
}

.margin-right-7 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 7 );
}

.margin-right-resp-7 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .margin-right-resp-7 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-7 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 7 );
}

.margin-left-resp-7 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 7 );
}
@media (max-width: 768px) {
  .margin-left-resp-7 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-7 {
  margin-bottom: calc((100vw / 12) * 7);
}
@media (max-width: 768px) {
  .margin-bottom-7 {
    margin-bottom: calc((100vw / 12) * (7 * 2));
  }
}

.letter-spacing-7 {
  letter-spacing: 7px;
}

.colonnes-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 6);
}
.colonnes-6.lazyload, .colonnes-6.lazyloading, .colonnes-6.lazyloaded {
  width: calc((100vw / 12) * 6);
}

.colonnes-resp-6 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 6);
}
.colonnes-resp-6.lazyload, .colonnes-resp-6.lazyloading, .colonnes-resp-6.lazyloaded {
  width: calc((100vw / 12) * 6);
}
@media (max-width: 768px) {
  .colonnes-resp-6.lazyload, .colonnes-resp-6.lazyloading, .colonnes-resp-6.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-6 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-6 {
  padding-top: calc((100vw / 12) * 6);
  padding-bottom: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .padding-block-6 {
    padding-top: calc((100vw / 12) * (6 * 2));
    padding-bottom: calc((100vw / 12) * (6 * 2));
  }
}

.padding-top-6 {
  padding-top: calc((100vw / 12) * 6);
}
@media (max-width: 768px) {
  .padding-top-6 {
    padding-top: calc((100vw / 12) * (6 * 2));
  }
}

.padding-bottom-6 {
  padding-bottom: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .padding-bottom-6 {
    padding-bottom: calc((100vw / 12) * (6 * 2));
  }
}

.margin-block-6 {
  margin-top: calc((100vw / 12) * 6);
  margin-bottom: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .margin-block-6 {
    margin-top: calc((100vw / 12) * (6 * 2));
    margin-bottom: calc((100vw / 12) * (6 * 2));
  }
}

.margin-top-6 {
  margin-top: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .margin-top-6 {
    margin-top: calc((100vw / 12) * (6 * 2));
  }
}

.margin-right-6 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 6 );
}

.margin-right-resp-6 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .margin-right-resp-6 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-6 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 6 );
}

.margin-left-resp-6 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 6 );
}
@media (max-width: 768px) {
  .margin-left-resp-6 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-6 {
  margin-bottom: calc((100vw / 12) * 6);
}
@media (max-width: 768px) {
  .margin-bottom-6 {
    margin-bottom: calc((100vw / 12) * (6 * 2));
  }
}

.letter-spacing-6 {
  letter-spacing: 6px;
}

.colonnes-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 5);
}
.colonnes-5.lazyload, .colonnes-5.lazyloading, .colonnes-5.lazyloaded {
  width: calc((100vw / 12) * 5);
}

.colonnes-resp-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 5);
}
.colonnes-resp-5.lazyload, .colonnes-resp-5.lazyloading, .colonnes-resp-5.lazyloaded {
  width: calc((100vw / 12) * 5);
}
@media (max-width: 768px) {
  .colonnes-resp-5.lazyload, .colonnes-resp-5.lazyloading, .colonnes-resp-5.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-5 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-5 {
  padding-top: calc((100vw / 12) * 5);
  padding-bottom: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .padding-block-5 {
    padding-top: calc((100vw / 12) * (5 * 2));
    padding-bottom: calc((100vw / 12) * (5 * 2));
  }
}

.padding-top-5 {
  padding-top: calc((100vw / 12) * 5);
}
@media (max-width: 768px) {
  .padding-top-5 {
    padding-top: calc((100vw / 12) * (5 * 2));
  }
}

.padding-bottom-5 {
  padding-bottom: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .padding-bottom-5 {
    padding-bottom: calc((100vw / 12) * (5 * 2));
  }
}

.margin-block-5 {
  margin-top: calc((100vw / 12) * 5);
  margin-bottom: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .margin-block-5 {
    margin-top: calc((100vw / 12) * (5 * 2));
    margin-bottom: calc((100vw / 12) * (5 * 2));
  }
}

.margin-top-5 {
  margin-top: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .margin-top-5 {
    margin-top: calc((100vw / 12) * (5 * 2));
  }
}

.margin-right-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 5 );
}

.margin-right-resp-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .margin-right-resp-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 5 );
}

.margin-left-resp-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 5 );
}
@media (max-width: 768px) {
  .margin-left-resp-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-5 {
  margin-bottom: calc((100vw / 12) * 5);
}
@media (max-width: 768px) {
  .margin-bottom-5 {
    margin-bottom: calc((100vw / 12) * (5 * 2));
  }
}

.letter-spacing-5 {
  letter-spacing: 5px;
}

.colonnes-4-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 4.5);
}
.colonnes-4-5.lazyload, .colonnes-4-5.lazyloading, .colonnes-4-5.lazyloaded {
  width: calc((100vw / 12) * 4.5);
}

.colonnes-resp-4-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 4.5);
}
.colonnes-resp-4-5.lazyload, .colonnes-resp-4-5.lazyloading, .colonnes-resp-4-5.lazyloaded {
  width: calc((100vw / 12) * 4.5);
}
@media (max-width: 768px) {
  .colonnes-resp-4-5.lazyload, .colonnes-resp-4-5.lazyloading, .colonnes-resp-4-5.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-4-5 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-4-5 {
  padding-top: calc((100vw / 12) * 4.5);
  padding-bottom: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .padding-block-4-5 {
    padding-top: calc((100vw / 12) * (4.5 * 2));
    padding-bottom: calc((100vw / 12) * (4.5 * 2));
  }
}

.padding-top-4-5 {
  padding-top: calc((100vw / 12) * 4.5);
}
@media (max-width: 768px) {
  .padding-top-4-5 {
    padding-top: calc((100vw / 12) * (4.5 * 2));
  }
}

.padding-bottom-4-5 {
  padding-bottom: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .padding-bottom-4-5 {
    padding-bottom: calc((100vw / 12) * (4.5 * 2));
  }
}

.margin-block-4-5 {
  margin-top: calc((100vw / 12) * 4.5);
  margin-bottom: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .margin-block-4-5 {
    margin-top: calc((100vw / 12) * (4.5 * 2));
    margin-bottom: calc((100vw / 12) * (4.5 * 2));
  }
}

.margin-top-4-5 {
  margin-top: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .margin-top-4-5 {
    margin-top: calc((100vw / 12) * (4.5 * 2));
  }
}

.margin-right-4-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 4.5 );
}

.margin-right-resp-4-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .margin-right-resp-4-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-4-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 4.5 );
}

.margin-left-resp-4-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 4.5 );
}
@media (max-width: 768px) {
  .margin-left-resp-4-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-4-5 {
  margin-bottom: calc((100vw / 12) * 4.5);
}
@media (max-width: 768px) {
  .margin-bottom-4-5 {
    margin-bottom: calc((100vw / 12) * (4.5 * 2));
  }
}

.letter-spacing-4-5 {
  letter-spacing: 4.5px;
}

.colonnes-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 4);
}
.colonnes-4.lazyload, .colonnes-4.lazyloading, .colonnes-4.lazyloaded {
  width: calc((100vw / 12) * 4);
}

.colonnes-resp-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 4);
}
.colonnes-resp-4.lazyload, .colonnes-resp-4.lazyloading, .colonnes-resp-4.lazyloaded {
  width: calc((100vw / 12) * 4);
}
@media (max-width: 768px) {
  .colonnes-resp-4.lazyload, .colonnes-resp-4.lazyloading, .colonnes-resp-4.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-4 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-4 {
  padding-top: calc((100vw / 12) * 4);
  padding-bottom: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .padding-block-4 {
    padding-top: calc((100vw / 12) * (4 * 2));
    padding-bottom: calc((100vw / 12) * (4 * 2));
  }
}

.padding-top-4 {
  padding-top: calc((100vw / 12) * 4);
}
@media (max-width: 768px) {
  .padding-top-4 {
    padding-top: calc((100vw / 12) * (4 * 2));
  }
}

.padding-bottom-4 {
  padding-bottom: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .padding-bottom-4 {
    padding-bottom: calc((100vw / 12) * (4 * 2));
  }
}

.margin-block-4 {
  margin-top: calc((100vw / 12) * 4);
  margin-bottom: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .margin-block-4 {
    margin-top: calc((100vw / 12) * (4 * 2));
    margin-bottom: calc((100vw / 12) * (4 * 2));
  }
}

.margin-top-4 {
  margin-top: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .margin-top-4 {
    margin-top: calc((100vw / 12) * (4 * 2));
  }
}

.margin-right-4 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 4 );
}

.margin-right-resp-4 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .margin-right-resp-4 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-4 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 4 );
}

.margin-left-resp-4 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 4 );
}
@media (max-width: 768px) {
  .margin-left-resp-4 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-4 {
  margin-bottom: calc((100vw / 12) * 4);
}
@media (max-width: 768px) {
  .margin-bottom-4 {
    margin-bottom: calc((100vw / 12) * (4 * 2));
  }
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.colonnes-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 3);
}
.colonnes-3.lazyload, .colonnes-3.lazyloading, .colonnes-3.lazyloaded {
  width: calc((100vw / 12) * 3);
}

.colonnes-resp-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 3);
}
.colonnes-resp-3.lazyload, .colonnes-resp-3.lazyloading, .colonnes-resp-3.lazyloaded {
  width: calc((100vw / 12) * 3);
}
@media (max-width: 768px) {
  .colonnes-resp-3.lazyload, .colonnes-resp-3.lazyloading, .colonnes-resp-3.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-3 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-3 {
  padding-top: calc((100vw / 12) * 3);
  padding-bottom: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .padding-block-3 {
    padding-top: calc((100vw / 12) * (3 * 2));
    padding-bottom: calc((100vw / 12) * (3 * 2));
  }
}

.padding-top-3 {
  padding-top: calc((100vw / 12) * 3);
}
@media (max-width: 768px) {
  .padding-top-3 {
    padding-top: calc((100vw / 12) * (3 * 2));
  }
}

.padding-bottom-3 {
  padding-bottom: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .padding-bottom-3 {
    padding-bottom: calc((100vw / 12) * (3 * 2));
  }
}

.margin-block-3 {
  margin-top: calc((100vw / 12) * 3);
  margin-bottom: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .margin-block-3 {
    margin-top: calc((100vw / 12) * (3 * 2));
    margin-bottom: calc((100vw / 12) * (3 * 2));
  }
}

.margin-top-3 {
  margin-top: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .margin-top-3 {
    margin-top: calc((100vw / 12) * (3 * 2));
  }
}

.margin-right-3 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 3 );
}

.margin-right-resp-3 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .margin-right-resp-3 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-3 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 3 );
}

.margin-left-resp-3 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 3 );
}
@media (max-width: 768px) {
  .margin-left-resp-3 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-3 {
  margin-bottom: calc((100vw / 12) * 3);
}
@media (max-width: 768px) {
  .margin-bottom-3 {
    margin-bottom: calc((100vw / 12) * (3 * 2));
  }
}

.letter-spacing-3 {
  letter-spacing: 3px;
}

.colonnes-2-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 2.5);
}
.colonnes-2-5.lazyload, .colonnes-2-5.lazyloading, .colonnes-2-5.lazyloaded {
  width: calc((100vw / 12) * 2.5);
}

.colonnes-resp-2-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 2.5);
}
.colonnes-resp-2-5.lazyload, .colonnes-resp-2-5.lazyloading, .colonnes-resp-2-5.lazyloaded {
  width: calc((100vw / 12) * 2.5);
}
@media (max-width: 768px) {
  .colonnes-resp-2-5.lazyload, .colonnes-resp-2-5.lazyloading, .colonnes-resp-2-5.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-2-5 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-2-5 {
  padding-top: calc((100vw / 12) * 2.5);
  padding-bottom: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .padding-block-2-5 {
    padding-top: calc((100vw / 12) * (2.5 * 2));
    padding-bottom: calc((100vw / 12) * (2.5 * 2));
  }
}

.padding-top-2-5 {
  padding-top: calc((100vw / 12) * 2.5);
}
@media (max-width: 768px) {
  .padding-top-2-5 {
    padding-top: calc((100vw / 12) * (2.5 * 2));
  }
}

.padding-bottom-2-5 {
  padding-bottom: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .padding-bottom-2-5 {
    padding-bottom: calc((100vw / 12) * (2.5 * 2));
  }
}

.margin-block-2-5 {
  margin-top: calc((100vw / 12) * 2.5);
  margin-bottom: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .margin-block-2-5 {
    margin-top: calc((100vw / 12) * (2.5 * 2));
    margin-bottom: calc((100vw / 12) * (2.5 * 2));
  }
}

.margin-top-2-5 {
  margin-top: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .margin-top-2-5 {
    margin-top: calc((100vw / 12) * (2.5 * 2));
  }
}

.margin-right-2-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 2.5 );
}

.margin-right-resp-2-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .margin-right-resp-2-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-2-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 2.5 );
}

.margin-left-resp-2-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 2.5 );
}
@media (max-width: 768px) {
  .margin-left-resp-2-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-2-5 {
  margin-bottom: calc((100vw / 12) * 2.5);
}
@media (max-width: 768px) {
  .margin-bottom-2-5 {
    margin-bottom: calc((100vw / 12) * (2.5 * 2));
  }
}

.letter-spacing-2-5 {
  letter-spacing: 2.5px;
}

.colonnes-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 2);
}
.colonnes-2.lazyload, .colonnes-2.lazyloading, .colonnes-2.lazyloaded {
  width: calc((100vw / 12) * 2);
}

.colonnes-resp-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 2);
}
.colonnes-resp-2.lazyload, .colonnes-resp-2.lazyloading, .colonnes-resp-2.lazyloaded {
  width: calc((100vw / 12) * 2);
}
@media (max-width: 768px) {
  .colonnes-resp-2.lazyload, .colonnes-resp-2.lazyloading, .colonnes-resp-2.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-2 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-2 {
  padding-top: calc((100vw / 12) * 2);
  padding-bottom: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .padding-block-2 {
    padding-top: calc((100vw / 12) * (2 * 2));
    padding-bottom: calc((100vw / 12) * (2 * 2));
  }
}

.padding-top-2 {
  padding-top: calc((100vw / 12) * 2);
}
@media (max-width: 768px) {
  .padding-top-2 {
    padding-top: calc((100vw / 12) * (2 * 2));
  }
}

.padding-bottom-2 {
  padding-bottom: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .padding-bottom-2 {
    padding-bottom: calc((100vw / 12) * (2 * 2));
  }
}

.margin-block-2 {
  margin-top: calc((100vw / 12) * 2);
  margin-bottom: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .margin-block-2 {
    margin-top: calc((100vw / 12) * (2 * 2));
    margin-bottom: calc((100vw / 12) * (2 * 2));
  }
}

.margin-top-2 {
  margin-top: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .margin-top-2 {
    margin-top: calc((100vw / 12) * (2 * 2));
  }
}

.margin-right-2 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 2 );
}

.margin-right-resp-2 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .margin-right-resp-2 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-2 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 2 );
}

.margin-left-resp-2 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 2 );
}
@media (max-width: 768px) {
  .margin-left-resp-2 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-2 {
  margin-bottom: calc((100vw / 12) * 2);
}
@media (max-width: 768px) {
  .margin-bottom-2 {
    margin-bottom: calc((100vw / 12) * (2 * 2));
  }
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.colonnes-1-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 1.5);
}
.colonnes-1-5.lazyload, .colonnes-1-5.lazyloading, .colonnes-1-5.lazyloaded {
  width: calc((100vw / 12) * 1.5);
}

.colonnes-resp-1-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 1.5);
}
.colonnes-resp-1-5.lazyload, .colonnes-resp-1-5.lazyloading, .colonnes-resp-1-5.lazyloaded {
  width: calc((100vw / 12) * 1.5);
}
@media (max-width: 768px) {
  .colonnes-resp-1-5.lazyload, .colonnes-resp-1-5.lazyloading, .colonnes-resp-1-5.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-1-5 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-1-5 {
  padding-top: calc((100vw / 12) * 1.5);
  padding-bottom: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .padding-block-1-5 {
    padding-top: calc((100vw / 12) * (1.5 * 2));
    padding-bottom: calc((100vw / 12) * (1.5 * 2));
  }
}

.padding-top-1-5 {
  padding-top: calc((100vw / 12) * 1.5);
}
@media (max-width: 768px) {
  .padding-top-1-5 {
    padding-top: calc((100vw / 12) * (1.5 * 2));
  }
}

.padding-bottom-1-5 {
  padding-bottom: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .padding-bottom-1-5 {
    padding-bottom: calc((100vw / 12) * (1.5 * 2));
  }
}

.margin-block-1-5 {
  margin-top: calc((100vw / 12) * 1.5);
  margin-bottom: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .margin-block-1-5 {
    margin-top: calc((100vw / 12) * (1.5 * 2));
    margin-bottom: calc((100vw / 12) * (1.5 * 2));
  }
}

.margin-top-1-5 {
  margin-top: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .margin-top-1-5 {
    margin-top: calc((100vw / 12) * (1.5 * 2));
  }
}

.margin-right-1-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 1.5 );
}

.margin-right-resp-1-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .margin-right-resp-1-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-1-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 1.5 );
}

.margin-left-resp-1-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 1.5 );
}
@media (max-width: 768px) {
  .margin-left-resp-1-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-1-5 {
  margin-bottom: calc((100vw / 12) * 1.5);
}
@media (max-width: 768px) {
  .margin-bottom-1-5 {
    margin-bottom: calc((100vw / 12) * (1.5 * 2));
  }
}

.letter-spacing-1-5 {
  letter-spacing: 1.5px;
}

.colonnes-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 1);
}
.colonnes-1.lazyload, .colonnes-1.lazyloading, .colonnes-1.lazyloaded {
  width: calc((100vw / 12) * 1);
}

.colonnes-resp-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 1);
}
.colonnes-resp-1.lazyload, .colonnes-resp-1.lazyloading, .colonnes-resp-1.lazyloaded {
  width: calc((100vw / 12) * 1);
}
@media (max-width: 768px) {
  .colonnes-resp-1.lazyload, .colonnes-resp-1.lazyloading, .colonnes-resp-1.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-1 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-1 {
  padding-top: calc((100vw / 12) * 1);
  padding-bottom: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .padding-block-1 {
    padding-top: calc((100vw / 12) * (1 * 2));
    padding-bottom: calc((100vw / 12) * (1 * 2));
  }
}

.padding-top-1 {
  padding-top: calc((100vw / 12) * 1);
}
@media (max-width: 768px) {
  .padding-top-1 {
    padding-top: calc((100vw / 12) * (1 * 2));
  }
}

.padding-bottom-1 {
  padding-bottom: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .padding-bottom-1 {
    padding-bottom: calc((100vw / 12) * (1 * 2));
  }
}

.margin-block-1 {
  margin-top: calc((100vw / 12) * 1);
  margin-bottom: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .margin-block-1 {
    margin-top: calc((100vw / 12) * (1 * 2));
    margin-bottom: calc((100vw / 12) * (1 * 2));
  }
}

.margin-top-1 {
  margin-top: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .margin-top-1 {
    margin-top: calc((100vw / 12) * (1 * 2));
  }
}

.margin-right-1 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 1 );
}

.margin-right-resp-1 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .margin-right-resp-1 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-1 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 1 );
}

.margin-left-resp-1 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 1 );
}
@media (max-width: 768px) {
  .margin-left-resp-1 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-1 {
  margin-bottom: calc((100vw / 12) * 1);
}
@media (max-width: 768px) {
  .margin-bottom-1 {
    margin-bottom: calc((100vw / 12) * (1 * 2));
  }
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.colonnes-0-75 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.75);
}
.colonnes-0-75.lazyload, .colonnes-0-75.lazyloading, .colonnes-0-75.lazyloaded {
  width: calc((100vw / 12) * 0.75);
}

.colonnes-resp-0-75 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.75);
}
.colonnes-resp-0-75.lazyload, .colonnes-resp-0-75.lazyloading, .colonnes-resp-0-75.lazyloaded {
  width: calc((100vw / 12) * 0.75);
}
@media (max-width: 768px) {
  .colonnes-resp-0-75.lazyload, .colonnes-resp-0-75.lazyloading, .colonnes-resp-0-75.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-0-75 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-0-75 {
  padding-top: calc((100vw / 12) * 0.75);
  padding-bottom: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .padding-block-0-75 {
    padding-top: calc((100vw / 12) * (0.75 * 2));
    padding-bottom: calc((100vw / 12) * (0.75 * 2));
  }
}

.padding-top-0-75 {
  padding-top: calc((100vw / 12) * 0.75);
}
@media (max-width: 768px) {
  .padding-top-0-75 {
    padding-top: calc((100vw / 12) * (0.75 * 2));
  }
}

.padding-bottom-0-75 {
  padding-bottom: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .padding-bottom-0-75 {
    padding-bottom: calc((100vw / 12) * (0.75 * 2));
  }
}

.margin-block-0-75 {
  margin-top: calc((100vw / 12) * 0.75);
  margin-bottom: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .margin-block-0-75 {
    margin-top: calc((100vw / 12) * (0.75 * 2));
    margin-bottom: calc((100vw / 12) * (0.75 * 2));
  }
}

.margin-top-0-75 {
  margin-top: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .margin-top-0-75 {
    margin-top: calc((100vw / 12) * (0.75 * 2));
  }
}

.margin-right-0-75 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.75 );
}

.margin-right-resp-0-75 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .margin-right-resp-0-75 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-0-75 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.75 );
}

.margin-left-resp-0-75 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.75 );
}
@media (max-width: 768px) {
  .margin-left-resp-0-75 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-0-75 {
  margin-bottom: calc((100vw / 12) * 0.75);
}
@media (max-width: 768px) {
  .margin-bottom-0-75 {
    margin-bottom: calc((100vw / 12) * (0.75 * 2));
  }
}

.letter-spacing-0-75 {
  letter-spacing: 0.75px;
}

.colonnes-0-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.5);
}
.colonnes-0-5.lazyload, .colonnes-0-5.lazyloading, .colonnes-0-5.lazyloaded {
  width: calc((100vw / 12) * 0.5);
}

.colonnes-resp-0-5 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.5);
}
.colonnes-resp-0-5.lazyload, .colonnes-resp-0-5.lazyloading, .colonnes-resp-0-5.lazyloaded {
  width: calc((100vw / 12) * 0.5);
}
@media (max-width: 768px) {
  .colonnes-resp-0-5.lazyload, .colonnes-resp-0-5.lazyloading, .colonnes-resp-0-5.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-0-5 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-0-5 {
  padding-top: calc((100vw / 12) * 0.5);
  padding-bottom: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .padding-block-0-5 {
    padding-top: calc((100vw / 12) * (0.5 * 2));
    padding-bottom: calc((100vw / 12) * (0.5 * 2));
  }
}

.padding-top-0-5 {
  padding-top: calc((100vw / 12) * 0.5);
}
@media (max-width: 768px) {
  .padding-top-0-5 {
    padding-top: calc((100vw / 12) * (0.5 * 2));
  }
}

.padding-bottom-0-5 {
  padding-bottom: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .padding-bottom-0-5 {
    padding-bottom: calc((100vw / 12) * (0.5 * 2));
  }
}

.margin-block-0-5 {
  margin-top: calc((100vw / 12) * 0.5);
  margin-bottom: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .margin-block-0-5 {
    margin-top: calc((100vw / 12) * (0.5 * 2));
    margin-bottom: calc((100vw / 12) * (0.5 * 2));
  }
}

.margin-top-0-5 {
  margin-top: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .margin-top-0-5 {
    margin-top: calc((100vw / 12) * (0.5 * 2));
  }
}

.margin-right-0-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.5 );
}

.margin-right-resp-0-5 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .margin-right-resp-0-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-0-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.5 );
}

.margin-left-resp-0-5 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.5 );
}
@media (max-width: 768px) {
  .margin-left-resp-0-5 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-0-5 {
  margin-bottom: calc((100vw / 12) * 0.5);
}
@media (max-width: 768px) {
  .margin-bottom-0-5 {
    margin-bottom: calc((100vw / 12) * (0.5 * 2));
  }
}

.letter-spacing-0-5 {
  letter-spacing: 0.5px;
}

.colonnes-0-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.4);
}
.colonnes-0-4.lazyload, .colonnes-0-4.lazyloading, .colonnes-0-4.lazyloaded {
  width: calc((100vw / 12) * 0.4);
}

.colonnes-resp-0-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0.4);
}
.colonnes-resp-0-4.lazyload, .colonnes-resp-0-4.lazyloading, .colonnes-resp-0-4.lazyloaded {
  width: calc((100vw / 12) * 0.4);
}
@media (max-width: 768px) {
  .colonnes-resp-0-4.lazyload, .colonnes-resp-0-4.lazyloading, .colonnes-resp-0-4.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-0-4 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-0-4 {
  padding-top: calc((100vw / 12) * 0.4);
  padding-bottom: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .padding-block-0-4 {
    padding-top: calc((100vw / 12) * (0.4 * 2));
    padding-bottom: calc((100vw / 12) * (0.4 * 2));
  }
}

.padding-top-0-4 {
  padding-top: calc((100vw / 12) * 0.4);
}
@media (max-width: 768px) {
  .padding-top-0-4 {
    padding-top: calc((100vw / 12) * (0.4 * 2));
  }
}

.padding-bottom-0-4 {
  padding-bottom: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .padding-bottom-0-4 {
    padding-bottom: calc((100vw / 12) * (0.4 * 2));
  }
}

.margin-block-0-4 {
  margin-top: calc((100vw / 12) * 0.4);
  margin-bottom: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .margin-block-0-4 {
    margin-top: calc((100vw / 12) * (0.4 * 2));
    margin-bottom: calc((100vw / 12) * (0.4 * 2));
  }
}

.margin-top-0-4 {
  margin-top: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .margin-top-0-4 {
    margin-top: calc((100vw / 12) * (0.4 * 2));
  }
}

.margin-right-0-4 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.4 );
}

.margin-right-resp-0-4 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .margin-right-resp-0-4 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-0-4 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.4 );
}

.margin-left-resp-0-4 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0.4 );
}
@media (max-width: 768px) {
  .margin-left-resp-0-4 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-0-4 {
  margin-bottom: calc((100vw / 12) * 0.4);
}
@media (max-width: 768px) {
  .margin-bottom-0-4 {
    margin-bottom: calc((100vw / 12) * (0.4 * 2));
  }
}

.letter-spacing-0-4 {
  letter-spacing: 0.4px;
}

.colonnes-0 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0);
}
.colonnes-0.lazyload, .colonnes-0.lazyloading, .colonnes-0.lazyloaded {
  width: calc((100vw / 12) * 0);
}

.colonnes-resp-0 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((100vw / 12) * 0);
}
.colonnes-resp-0.lazyload, .colonnes-resp-0.lazyloading, .colonnes-resp-0.lazyloaded {
  width: calc((100vw / 12) * 0);
}
@media (max-width: 768px) {
  .colonnes-resp-0.lazyload, .colonnes-resp-0.lazyloading, .colonnes-resp-0.lazyloaded {
    width: 83.3333333333vw;
  }
}
@media (max-width: 768px) {
  .colonnes-resp-0 {
    max-width: 83.3333333333vw;
  }
}

.padding-block-0 {
  padding-top: calc((100vw / 12) * 0);
  padding-bottom: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .padding-block-0 {
    padding-top: calc((100vw / 12) * (0 * 2));
    padding-bottom: calc((100vw / 12) * (0 * 2));
  }
}

.padding-top-0 {
  padding-top: calc((100vw / 12) * 0);
}
@media (max-width: 768px) {
  .padding-top-0 {
    padding-top: calc((100vw / 12) * (0 * 2));
  }
}

.padding-bottom-0 {
  padding-bottom: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .padding-bottom-0 {
    padding-bottom: calc((100vw / 12) * (0 * 2));
  }
}

.margin-block-0 {
  margin-top: calc((100vw / 12) * 0);
  margin-bottom: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .margin-block-0 {
    margin-top: calc((100vw / 12) * (0 * 2));
    margin-bottom: calc((100vw / 12) * (0 * 2));
  }
}

.margin-top-0 {
  margin-top: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .margin-top-0 {
    margin-top: calc((100vw / 12) * (0 * 2));
  }
}

.margin-right-0 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0 );
}

.margin-right-resp-0 {
  margin-left: 0;
  margin-right: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .margin-right-resp-0 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-left-0 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0 );
}

.margin-left-resp-0 {
  margin-right: 0;
  margin-left: calc((100vw / 12) * 0 );
}
@media (max-width: 768px) {
  .margin-left-resp-0 {
    margin-right: auto;
    margin-left: auto;
  }
}

.margin-bottom-0 {
  margin-bottom: calc((100vw / 12) * 0);
}
@media (max-width: 768px) {
  .margin-bottom-0 {
    margin-bottom: calc((100vw / 12) * (0 * 2));
  }
}

.letter-spacing-0 {
  letter-spacing: 0px;
}

.burger_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background-color: #2AA0FF;
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  padding: 0;
}
.burger_button .line {
  fill: none;
  stroke: #fff;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.burger_button .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.burger_button .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.burger_button .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.burger_button.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.burger_button.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.burger_button.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.burger_button:hover {
  cursor: pointer;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.4s ease;
}
#header.scrolled {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 998px) {
  #header.scrolled {
    opacity: 1;
    visibility: visible;
  }
}
#header.scrolled .logo-header-mobile {
  opacity: 0;
  visibility: hidden;
}
#header.scrolled .right-container .telephone-header {
  transform: translateX(100%);
}
#header.visible {
  opacity: 1;
  visibility: visible;
}
#header.scrolled.visible {
  background-color: #fff;
}

.inner_header {
  display: none;
}
@media (max-width: 998px) {
  .inner_header {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 83.3333333333vw;
    top: 0;
    left: 8.3333333333vw;
    z-index: 9;
    opacity: 1;
    visibility: visible;
  }
}
.inner_header .logo-header-mobile {
  display: none;
  transition: all 0.4s ease;
}
@media (max-width: 998px) {
  .inner_header .logo-header-mobile {
    display: block;
    max-width: 7.4rem;
  }
  .inner_header .logo-header-mobile img {
    width: 100%;
  }
}
.inner_header .right-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  z-index: 9;
}
.inner_header .right-container .telephone-container {
  height: 4rem;
  transform: translateX(2.2rem);
  color: #333333;
  overflow: hidden;
}
.inner_header .right-container .telephone-header {
  display: flex;
  align-items: center;
  height: 4rem;
  color: #333333;
  border-radius: 1.5rem;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 3rem 0 1.5rem;
  transform-origin: right center;
  transform: translateX(0);
  transition: transform 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.header_content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0;
}
.header_content .logo-header {
  flex-grow: 1;
}
.header_content .menu {
  display: flex;
  align-items: center;
  list-style: none;
  color: #333333;
  margin-right: 4rem;
}
.header_content .menu li {
  position: relative;
  margin-right: 5rem;
}
.header_content .menu li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #2AA0FF;
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.header_content .menu li.current-menu-item::before, .header_content .menu li:hover::before {
  transform: scaleX(1);
}
.header_content .menu li:last-child {
  margin-right: 0;
  position: relative;
  z-index: 3;
  display: inline-block;
  text-align: center;
  padding: 1rem 2rem;
  background-color: #2AA0FF;
  border-radius: 2.5rem;
}
.header_content .menu li:last-child a {
  color: #fff;
}
.header_content .menu li:last-child.current-menu-item::before, .header_content .menu li:last-child:hover::before {
  display: none;
}
.header_content .menu li a {
  color: #333333;
  text-decoration: none;
}
.header_content .menu li a {
  font-size: 14px;
}
@media screen and (min-width: 1000px) {
  .header_content .menu li a {
    font-size: calc(14px + 6 * ((100vw - 1000px) / 200));
  }
}
@media screen and (min-width: 1200px) {
  .header_content .menu li a {
    font-size: 20px;
  }
}
@media (max-width: 998px) {
  .header_content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh) * 100);
    padding: 0;
    transform: translateX(-100%);
    transition: all 0.4s ease;
    background-color: #f2f8fd;
    background-image: url("assets/img/plan.png");
    background-position: center;
    background-size: cover;
    flex-direction: column;
    justify-content: space-around;
  }
  .header_content.opened {
    transform: translateX(0);
  }
  .header_content .logo-header {
    display: none;
  }
  .header_content .menu {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    margin-right: 0;
    margin-top: 6rem;
  }
  .header_content .menu li {
    margin-right: 0;
    margin-bottom: 4.5rem;
  }
  .header_content .menu li:last-child {
    margin-bottom: 0;
  }
  .header_content .menu li a {
    font-size: 2rem;
  }
}

#footer {
  position: relative;
  background-color: #2AA0FF;
  overflow: hidden;
}
#footer .fond {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.06;
  color: #fff;
  width: 100%;
  transform: translateY(20%);
  z-index: 1;
  text-align: center;
  font-weight: 600;
  line-height: 0.82em;
  white-space: nowrap;
}
#footer .fond {
  font-size: 110px;
}
@media screen and (min-width: 360px) {
  #footer .fond {
    font-size: calc(110px + 220 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  #footer .fond {
    font-size: 330px;
  }
}
#footer .inner_footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6rem 0;
}
#footer .inner_footer > div {
  width: 100%;
}
#footer .inner_footer > div:last-child {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  #footer .inner_footer {
    flex-direction: column;
  }
  #footer .inner_footer .logo-footer {
    margin-bottom: 3rem;
  }
  #footer .inner_footer > div {
    margin-bottom: 3rem;
    text-align: center;
  }
}
#footer .footer-bottom {
  position: relative;
  z-index: 2;
  background-color: rgba(51, 51, 51, 0.05);
  padding: 3rem 0;
}
#footer .footer-bottom .bottom-container {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  #footer .footer-bottom .bottom-container {
    flex-direction: column;
  }
}
#footer .footer-bottom div {
  display: flex;
  align-items: center;
}
#footer .footer-bottom div > span, #footer .footer-bottom div > a {
  margin-right: 5.5rem;
}
#footer .footer-bottom div > span:nth-last-child(1), #footer .footer-bottom div > a:nth-last-child(1) {
  margin-right: 0;
}
@media (max-width: 768px) {
  #footer .footer-bottom div {
    white-space: nowrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  #footer .footer-bottom div > span, #footer .footer-bottom div > a {
    margin-bottom: 3rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #footer .footer-bottom div > span.semi-bold, #footer .footer-bottom div > a.semi-bold {
    margin-bottom: 0;
  }
  #footer .footer-bottom div > span:nth-last-child(1), #footer .footer-bottom div > a:nth-last-child(1) {
    margin-right: 1rem;
  }
}

.coordonnees {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
@media (max-width: 768px) {
  .coordonnees {
    grid-template-columns: 1fr;
  }
}
.coordonnees .image-container-contact {
  position: relative;
  width: 100%;
  height: 100%;
}
.coordonnees .image-container-contact .image-contact {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .coordonnees .image-container-contact {
    max-width: unset;
  }
}
.coordonnees .coordonnee {
  position: relative;
  padding: 1.5rem 0;
  border-bottom: solid 1px rgba(51, 51, 51, 0.15);
}
.coordonnees .texte-coordonnees {
  margin-top: 3rem;
}

.devis-container {
  position: unset;
  padding: 4.1666666667vw 0;
}
.devis-container > div {
  background-color: #fff;
}
.devis-container .nf-before-form-content {
  display: none !important;
}
.devis-container .popup-success {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: calc(var(--vh) * 100);
  bottom: 0;
  left: 0;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  animation: popup 6s linear;
}
@keyframes popup {
  from {
    opacity: 1;
    visibility: visible;
  }
  90% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.devis-container .popup-content {
  background-color: #2AA0FF;
  color: #fff;
  padding: 6rem;
}
.devis-container .devis-form .nf-form-content input:not([type=button]), .devis-container .devis-form .nf-form-content textarea.ninja-forms-field {
  background-color: #f2f8fd;
  border-radius: 2.5rem;
  color: #333333;
  border: none;
  outline: none !important;
  resize: none;
}
.devis-container .devis-form .nf-form-content input[type=button] {
  position: relative;
  z-index: 3;
  display: inline-block;
  text-align: center;
  padding: 1rem 4.5rem;
  background-color: #2AA0FF;
  border-radius: 2.5rem;
  cursor: pointer;
}
.devis-container .devis-form .nf-form-content .label-above .nf-field-label {
  position: absolute;
  z-index: 2;
  margin-bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 3rem;
  transition: all 0.4s ease;
}
.devis-container .devis-form .nf-form-content .label-above .nf-field-label label {
  font-weight: 400;
}
.devis-container .devis-form .nf-form-content .label-above .nf-field-label label {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  .devis-container .devis-form .nf-form-content .label-above .nf-field-label label {
    font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .devis-container .devis-form .nf-form-content .label-above .nf-field-label label {
    font-size: 20px;
  }
}
.devis-container .devis-form .nf-form-content .label-above .nf-field-label.has-value {
  top: -3rem;
  transform: translateY(0);
}
.devis-container .devis-form .nf-form-content .label-above .nf-field-label.has-value {
  font-size: 12px;
}
@media screen and (min-width: 360px) {
  .devis-container .devis-form .nf-form-content .label-above .nf-field-label.has-value {
    font-size: calc(12px + 3 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .devis-container .devis-form .nf-form-content .label-above .nf-field-label.has-value {
    font-size: 15px;
  }
}
.devis-container .devis-form .nf-form-content .label-above .nf-error .nf-field-label {
  top: 50%;
  transform: translateY(-50%);
}
.devis-container .devis-form .nf-form-content .label-above .textarea-wrap .nf-field-label {
  top: 3rem;
}
.devis-container .devis-form .ninja-forms-req-symbol {
  color: #333333;
}
.devis-container .devis-form .nf-error-wrap, .devis-container .devis-form .nf-error-field-errors {
  display: none !important;
}

.section-domaines {
  position: relative;
}

.liste-domaines-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 12.5vw;
  grid-row-gap: 9rem;
}
@media (max-width: 768px) {
  .liste-domaines-section {
    grid-template-columns: 1fr;
    grid-row-gap: 6rem;
  }
}
.liste-domaines-section .domaine {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #151515;
}
.liste-domaines-section .domaine::before {
  content: attr(data-index);
  display: block;
  position: absolute;
  top: 0;
  left: -3rem;
  transform: translateY(50%);
  color: #2AA0FF;
  font-size: 1.5rem;
  line-height: 1em;
}
@media (max-width: 576px) {
  .liste-domaines-section .domaine::before {
    top: -1.5rem;
    left: 0;
    transform: translateY(0);
  }
}
.liste-domaines-section .domaine .preview-domaine {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  min-width: 12rem;
  min-height: 12rem;
  object-position: center;
  object-fit: cover;
  border-radius: 100%;
  margin-left: 6rem;
}
@media (max-width: 576px) {
  .liste-domaines-section .domaine .preview-domaine {
    margin-left: 1.5rem;
  }
}

.liste-domaine-container {
  position: relative;
}
.liste-domaine-container::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25vw;
  height: 41.6666666667vw;
  background-color: #f2f8fd;
  background-image: url("assets/img/plan.png");
  background-position: center;
  background-size: cover;
}

.liste-domaines, .liste-realisations {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16.6666666667vw;
  grid-row-gap: 10.4166666667vw;
}
@media (max-width: 576px) {
  .liste-domaines, .liste-realisations {
    grid-template-columns: 1fr;
    grid-row-gap: 6rem;
  }
}
.liste-domaines .domaine:nth-child(odd), .liste-realisations .domaine:nth-child(odd) {
  grid-column: 1;
}
.liste-domaines .domaine:nth-child(even), .liste-realisations .domaine:nth-child(even) {
  grid-column: 2;
  align-self: center;
}
@media (max-width: 576px) {
  .liste-domaines .domaine, .liste-realisations .domaine {
    grid-column: 1 !important;
    grid-row: unset !important;
  }
}
.liste-domaines .domaine .image-domaine, .liste-realisations .domaine .image-domaine {
  width: 100%;
  height: 25vw;
  object-fit: cover;
  object-position: center;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .liste-domaines .domaine .image-domaine, .liste-realisations .domaine .image-domaine {
    height: calc(75vw - 6rem);
  }
}
.liste-domaines .prestations, .liste-realisations .prestations {
  margin-top: 3rem;
}

.bouton-lien {
  position: relative;
  display: inline-block;
  width: 18rem;
  justify-self: center;
}
.bouton-lien:nth-child(even) {
  grid-column: 2;
  align-self: flex-end;
  margin-bottom: 8.3333333333vw;
}
@media (max-width: 576px) {
  .bouton-lien:nth-child(even) {
    grid-column: 1 !important;
    grid-row: unset !important;
  }
}
.bouton-lien::after {
  content: url("assets/img/fleche-bouton.svg");
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.bouton-lien img {
  position: relative;
  z-index: 1;
  animation: rotate-button 15s linear infinite;
}
@keyframes rotate-button {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}

.liste-realisations .realisation:nth-child(even) {
  transform: translateY(6.25vw);
}
.liste-realisations .realisation .video-container {
  position: relative;
}
.liste-realisations .realisation .video-container iframe {
  width: 37.5vw;
  height: 21.186440678vw;
}
@media (max-width: 768px) {
  .liste-realisations .realisation .video-container iframe {
    width: 83.3333333333vw;
    height: 47.0809792844vw;
  }
}

.banniere {
  position: relative;
  max-height: 75rem;
  background-color: #f2f8fd;
}

.flex-banniere {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .flex-banniere {
    flex-direction: column;
    align-items: flex-start;
  }
  .flex-banniere .texte-banniere {
    margin-top: 3rem;
  }
}

.fond-banniere {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

h1, h2, p {
  position: relative;
  z-index: 3;
}

.bouton-banniere {
  position: relative;
  z-index: 3;
  margin-top: 3rem;
  display: inline-block;
  text-align: center;
  padding: 1rem 2.5rem;
  background-color: #2AA0FF;
  border-radius: 2.5rem;
}

.banniere-contact {
  position: relative;
  max-height: 75rem;
  background-color: #f2f8fd;
}

.avis-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .avis-container {
    grid-template-columns: 1fr;
  }
}
.avis-container .avis-content {
  height: 100%;
}
@media (max-width: 768px) {
  .avis-container .avis-content {
    max-width: unset;
    width: 100%;
  }
  .avis-container .avis-content h2 {
    margin-left: 3rem;
  }
}
.avis-container .swiper-avis {
  overflow: hidden;
}
@media (max-width: 768px) {
  .avis-container .swiper-avis {
    width: 100vw;
  }
}
.avis-container .rating {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.avis-container .rating img {
  margin-right: 0.5rem;
}
.avis-container .rating img:last-child {
  margin-right: 0;
}
.avis-container .navigation-container {
  position: relative;
  z-index: 4;
  display: flex;
  margin-top: 9rem;
}
@media (max-width: 768px) {
  .avis-container .navigation-container {
    margin-top: 3rem;
    margin-left: 3rem;
  }
}
.avis-container .avis-button-prev, .avis-container .avis-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2rem;
  border: solid 1px rgba(51, 51, 51, 0.15);
  cursor: pointer;
}
.avis-container .avis-button-prev img, .avis-container .avis-button-next img {
  filter: invert(1);
}
.avis-container .avis-button-prev {
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}
.avis-container .avis-button-prev img {
  transform: rotateY(180deg);
  filter: invert(1);
}
.avis-container .avis-button-next {
  position: relative;
  border-top-right-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
  border-left: none;
}
.avis-container .image-container-avis {
  position: relative;
  width: 100%;
  height: 100%;
}
.avis-container .image-container-avis .image-avis {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .avis-container .image-container-avis {
    max-width: unset;
    height: 100vw;
  }
}

.swiper-banniere {
  position: relative;
  overflow: hidden;
}
.swiper-banniere .swiper-slide {
  position: relative;
  max-height: 75rem;
  min-height: 100%;
  height: auto;
}
.swiper-banniere .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.6;
  z-index: 2;
}
.swiper-banniere .slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
.swiper-banniere .slide-content {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.swiper-banniere h1, .swiper-banniere h2 {
  opacity: 0.8;
  transform: translateY(100%);
  transition: all 0.4s ease;
  margin-bottom: 0.5rem;
}
.swiper-banniere .bouton-slide {
  margin-top: 3rem;
  display: inline-block;
  text-align: center;
  padding: 1rem 2.5rem;
  background-color: #2AA0FF;
  border-radius: 2.5rem;
  opacity: 0.8;
  transform: translateY(100%);
  transition: all 0.4s ease;
}
.swiper-banniere .swiper-slide-active h1, .swiper-banniere .swiper-slide-active h2, .swiper-banniere .swiper-slide-active .bouton-slide {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.8s 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.swiper-banniere .navigation-container {
  position: absolute;
  z-index: 4;
  bottom: 6rem;
  right: 8.3333333333vw;
  display: flex;
}
.swiper-banniere .banniere-button-prev, .swiper-banniere .banniere-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2rem;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.swiper-banniere .banniere-button-prev {
  border-top-left-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}
.swiper-banniere .banniere-button-prev img {
  transform: rotateY(180deg);
}
.swiper-banniere .banniere-button-next {
  position: relative;
  border-top-right-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}
.swiper-banniere .banniere-button-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transform: translateX(-50%);
}

.section-en-videos {
  position: relative;
  background-color: #2AA0FF;
}
.section-en-videos .background-videos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.3;
  mix-blend-mode: multiply;
  z-index: 1;
}
.section-en-videos .center {
  position: relative;
  z-index: 2;
  color: #fff;
}
.section-en-videos .videos-container {
  position: relative;
  z-index: 2;
  display: flex;
}
.section-en-videos .videos-container > div:nth-child(1) {
  margin-right: 8.3333333333vw;
}
.section-en-videos .videos-container iframe {
  width: 37.5vw;
  height: 21.186440678vw;
}
@media (max-width: 768px) {
  .section-en-videos .videos-container {
    flex-direction: column;
  }
  .section-en-videos .videos-container > div:nth-child(1) {
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .section-en-videos .videos-container iframe {
    width: 83.3333333333vw;
    height: 47.0809792844vw;
  }
}

.section-garantie {
  position: relative;
}
.section-garantie .texte-fond {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
  color: #f2f8fd;
  z-index: 1;
  text-align: center;
  line-height: 0.82em;
}
.section-garantie .texte-fond {
  font-size: 110px;
}
@media screen and (min-width: 360px) {
  .section-garantie .texte-fond {
    font-size: calc(110px + 220 * ((100vw - 360px) / 1560));
  }
}
@media screen and (min-width: 1920px) {
  .section-garantie .texte-fond {
    font-size: 330px;
  }
}
.section-garantie .garanties-container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 8.3333333333vw;
  align-items: center;
}
@media (min-width: 768px) {
  .section-garantie .garanties-container {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16.6666666667vw;
  }
  .section-garantie .garanties-container h2 {
    grid-row: 1;
    grid-column: 2;
    align-self: flex-start;
  }
  .section-garantie .garanties-container .garantie:nth-child(2) {
    margin-top: 9rem;
  }
  .section-garantie .garanties-container .garantie:nth-child(3) {
    grid-column: 2;
    grid-row: 1/3;
    margin-top: 8.3333333333vw;
  }
}
.section-garantie .icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  border: solid 2px #2AA0FF;
  border-radius: 100%;
  object-fit: contain;
  object-position: center;
  margin-bottom: 3rem;
}

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