@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700;800&family=Taviraj:wght@600;700&display=swap");
/* VARIABLES SASS */
/* Renseigner la valeur si on utilise un breakpoint pour grands écrans */
/* Mediaquery (down = max-width) des Breakpôint */
/* Mediaquery (up = min-width) des Breakpôint */
/* HACK POUR MASQUER CE QUI DEPASSE EN MOBILE LE TEMPS D'INTEGRER :) */
@media only screen and (max-width: 479px) {
  /* line 31, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_config.scss */
  section {
    /*&:not(#formulaire-zone){
      display: none;
    }/**/
  }
}

@media only screen and (min-width: 480px) {
  /* line 39, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_config.scss */
  .mobile {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  /* line 44, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_config.scss */
  .desktop {
    display: none;
  }
}

/* Permet de supprimer l'unité d'un string : px/em ...'*/
/* permet de convertir px en em */
/* permet d'encoder une couleur en chars html (utile pour les svg en background-image des selects par ex)'*/
/* Rend un noeud et ses enfants non selectionnable (pas de surbrillance etc... ideal sur les composants) */
/* permet de généreer une font depuis les parametres XD */
/* fixe la taille de typo */
/* line 2, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
:root {
  --ratio: 0.07142858em;
  --fs: calc(100vw * 14 / 1920);
}

@media only screen and (max-width: 479px) {
  /* line 7, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
  :root {
    --fs: calc(100vw * 14 / 375);
  }
}

/* line 15, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html {
  scroll-behavior: smooth;
}

/* line 20, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html body > *:not(.popin-mentions) {
  transition: filter 0.3s ease-in-out;
}

/* line 24, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html body.disabled {
  overflow: hidden;
}

/* line 27, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html body.disabled > * img {
  filter: brightness(22);
}

/* line 30, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html body.disabled > *:not(.popin-mentions) {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

/* line 37, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
html body {
  font-size: var(--fs);
}

/* line 42, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_reset.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_debug.scss */
body.debug *:hover {
  background-color: rgba(255, 0, 0, 0.2);
}

/* line 2, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_debug.scss */
body.debug:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 2px;
  background-color: orange;
  z-index: 10000;
}

/* line 12, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_debug.scss */
body.debug:after {
  content: "ORDI";
  color: #fff;
  position: fixed;
  top: 0px;
  left: 10px;
  -webkit-box-shadow: 0px 3px 3px #0004;
  box-shadow: 0px 3px 3px #0004;
  padding: 5px 9px;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 1px;
  background-color: orange;
  border-radius: 0 0 5px 5px;
  text-shadow: 1px 1px 2px #0009;
  z-index: 10000;
}

/* TABLETTE PORTRAIT */
/*
@media only screen and (max-width:960px) {
    body.debug:before{	background-color: red;	}
    body.debug:after{	content:"TABLETTE PORTRAIT & DESKTOP";	background-color:orangered;	}
}
*/
/* MOBILES */
@media only screen and (max-width: 479px) {
  /* line 39, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_debug.scss */
  body.debug:before {
    background-color: red;
  }
  /* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_debug.scss */
  body.debug:after {
    content: "MOBILE";
    background-color: red;
  }
}

/* VERY BIG SCREEN */
/* DEFINITION DES BARRES DE SCROLL : */
@-moz-document url-prefix() {
  /* line 4, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_scrollbar.scss */
  body, html {
    scrollbar-color: #A1784C #eae7e4;
    /* Handle - Track */
    scrollbar-width: thin;
    /*firefox width*/
  }
}

/* width */
/* line 10, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_scrollbar.scss */
::-webkit-scrollbar {
  width: 8px;
  cursor: pointer;
}

/* Track */
/* line 15, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_scrollbar.scss */
::-webkit-scrollbar-track {
  background: #eae7e4;
}

/* Handle */
/* line 19, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_scrollbar.scss */
::-webkit-scrollbar-thumb {
  background: #A1784C;
}

/* Handle on hover */
/* line 23, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_scrollbar.scss */
::-webkit-scrollbar-thumb:hover {
  background: #827267;
}

/* SLIDER */
/* line 2, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

/* line 9, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .prev, .slider .next, .slider .progress {
  position: absolute;
  z-index: 60;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 14, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .prev, .slider .next {
  width: calc(62 * var(--ratio));
  height: calc(62 * var(--ratio));
  transition: opacity 0.3s;
  bottom: calc((100% - 62 * var(--ratio)) / 2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  opacity: 0.5;
}

/* line 24, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .prev:hover, .slider .next:hover {
  opacity: 1;
}

/* line 25, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .prev.disable, .slider .next.disable {
  opacity: 0;
}

@media only screen and (max-width: 479px) {
  /* line 14, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
  .slider .prev, .slider .next {
    display: none;
  }
}

/* line 28, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .prev {
  left: calc(50 * var(--ratio));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC42cHgiIGhlaWdodD0iNjVweCIgdmlld0JveD0iMCAwIDM0LjYgNjUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMzIuNSwwIDM0LjYsMi4xIDQuMiwzMi41IDM0LjYsNjIuOCAzMi41LDY1IDAsMzIuNSAiLz48L3N2Zz4=");
}

/* line 32, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .next {
  right: calc(50 * var(--ratio));
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNC42cHgiIGhlaWdodD0iNjVweCIgdmlld0JveD0iMCAwIDM0LjYgNjUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMi4xLDY1IDAsNjIuOCAzMC40LDMyLjUgMCwyLjEgMi4xLDAgMzQuNiwzMi41ICIvPjwvc3ZnPg==");
}

/* line 36, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress {
  text-align: center;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 42, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}

/* line 46, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .sep, .slider .progress div .pointeur {
  display: inline-block;
}

/* line 49, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .sep {
  width: calc(10 * var(--ratio));
  height: calc(13 * var(--ratio));
}

/* line 53, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur {
  background-color: #ffffff;
  width: calc(10 * var(--ratio));
  height: calc(10 * var(--ratio));
  border: calc(2 * var(--ratio)) #A1784C solid;
  cursor: pointer;
  box-sizing: content-box;
  border-radius: calc(10 * var(--ratio));
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.3s;
}

@media only screen and (max-width: 479px) {
  /* line 53, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
  .slider .progress div .pointeur {
    width: calc(10 * var(--ratio));
    height: calc(10 * var(--ratio));
  }
}

/* line 67, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur.active {
  cursor: default;
  background-color: #000000;
}

/* line 71, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur:hover:not(.active) {
  opacity: 0.5;
}

/* line 74, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur.active {
  background-color: #A1784C;
}

/* line 77, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur .cursor {
  position: absolute;
  top: 0;
  height: calc(13 * var(--ratio));
  box-sizing: content-box;
  background-color: #000000;
  border: calc(1 * var(--ratio)) #000000 solid;
}

/* line 84, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .progress div .pointeur .cursor.hidden {
  display: none;
}

/* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 95, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller {
  white-space: nowrap;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  -webkit-perspective: 1000;
  font-size: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 108, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller .page {
  font-size: var(--fs);
  height: 100%;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: grab;
}

/* line 118, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller .page > .image {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
  position: absolute;
  cursor: grab;
}

/* line 128, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller .page > .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 135, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller .page > .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
}

/* line 143, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_slider.scss */
.slider .frame .scroller .page .content {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin,
.popin-mentions {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  opacity: 0;
  /**/
}

/* line 12, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin:not(.active),
.popin-mentions:not(.active) {
  display: none;
}

/* line 13, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern,
.popin-mentions .pattern {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}

/* line 22, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern .ghost,
.popin-mentions .pattern .ghost {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

/* line 26, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content,
.popin-mentions .pattern > .content {
  max-width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  opacity: 1;
  box-shadow: 0px calc(4 * var(--ratio)) calc(34 * var(--ratio)) rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@-moz-document url-prefix() {
  /* line 62, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_mixins.scss */
  .popin .pattern > .content,
  .popin-mentions .pattern > .content {
    scrollbar-color: #A1784C #eae7e4;
    /* Handle - Track */
    scrollbar-width: thin;
  }
}

/* line 68, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_mixins.scss */
.popin .pattern > .content::-webkit-scrollbar,
.popin-mentions .pattern > .content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}

/* line 74, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_mixins.scss */
.popin .pattern > .content::-webkit-scrollbar-track,
.popin-mentions .pattern > .content::-webkit-scrollbar-track {
  background: #eae7e4;
}

/* line 78, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_mixins.scss */
.popin .pattern > .content::-webkit-scrollbar-thumb,
.popin-mentions .pattern > .content::-webkit-scrollbar-thumb {
  background: #A1784C;
}

/* line 82, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_mixins.scss */
.popin .pattern > .content::-webkit-scrollbar-thumb:hover,
.popin-mentions .pattern > .content::-webkit-scrollbar-thumb:hover {
  background: #827267;
}

/* line 36, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content .close,
.popin-mentions .pattern > .content .close {
  position: absolute;
  z-index: 1500;
  top: calc(20 * var(--ratio));
  right: calc(20 * var(--ratio));
  background-color: transparent;
  width: calc(20 * var(--ratio));
  height: calc(20 * var(--ratio));
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
  background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24.7 24.7%22%3E%3Cpolygon fill=%22%23A1784C%22 points=%2224.7,1.4 23.2,0 12.3,10.9 1.4,0 0,1.4 10.9,12.3 0,23.2 1.4,24.7 12.3,13.7 23.2,24.7 24.7,23.2 13.7,12.3 %22/%3E%3C/svg%3E");
}

@media only screen and (max-width: 479px) {
  /* line 36, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
  .popin .pattern > .content .close,
  .popin-mentions .pattern > .content .close {
    top: calc(20 * var(--ratio));
    right: calc(20 * var(--ratio));
  }
}

/* line 55, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content .close:hover,
.popin-mentions .pattern > .content .close:hover {
  opacity: 0.5;
}

/* line 57, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content .frame,
.popin-mentions .pattern > .content .frame {
  padding: 0;
}

/* line 60, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content .frame > .detail,
.popin-mentions .pattern > .content .frame > .detail {
  font-size: calc(16 * var(--ratio));
  margin-top: calc(22 * var(--ratio));
  background-color: #aaaaaa;
  color: #ffffff;
  padding: 0.1em 0.6em;
  display: inline-block;
}

/* line 68, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin .pattern > .content .frame > pre,
.popin-mentions .pattern > .content .frame > pre {
  white-space: pre-wrap;
  font-size: calc(16 * var(--ratio));
  border-left: calc(5 * 14 / 16 * var(--ratio)) solid #aaaaaa;
  background-color: #f8f8f8;
  padding: calc(10 * 14 / 16 * var(--ratio));
}

/* line 80, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin.disabled .pattern .ghost,
.popin-mentions.disabled .pattern .ghost {
  cursor: default;
}

/* line 82, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin.disabled .pattern .content .close,
.popin-mentions.disabled .pattern .content .close {
  display: none;
}

/* line 88, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin {
  font-size: 1.2em;
}

@media only screen and (max-width: 600px) {
  /* line 88, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
  .popin {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 479px) {
  /* line 88, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
  .popin {
    font-size: 1em;
  }
}

/* line 100, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin-mentions .pattern > .content .frame {
  max-height: 80vh;
}

@media only screen and (max-width: 479px) {
  /* line 100, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
  .popin-mentions .pattern > .content .frame {
    max-height: 100vh;
  }
}

/* line 105, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_popin.scss */
.popin-mentions .pattern > .content .frame section {
  padding: 3em;
}

/* line 3, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 9, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  /**/
}

/* line 16, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .play:before, .video .pause:before, .video .volumeIcon:before, .video .fullscreeen:before {
  content: "";
  cursor: pointer;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

/* line 29, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .fullscreeen:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 342 342%22%3E%3Cpolygon fill=%22%23FFFFFF%22 points=%22148.1,342 0,342 0,193.9 %22/%3E%3Cpolygon fill=%22%23FFFFFF%22 points=%22194,0 342,0 342,148 %22/%3E%3Cline fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%2225%22 stroke-linecap=%22round%22 stroke-miterlimit=%2210%22 x1=%22194%22 y1=%22148%22 x2=%22328.6%22 y2=%2213.4%22/%3E%3Cline fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%2225%22 stroke-linecap=%22round%22 stroke-miterlimit=%2210%22 x1=%2213%22 y1=%22329%22 x2=%22148.1%22 y2=%22193.9%22/%3E%3C/svg%3E");
}

/* line 33, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .fullscreeen.active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 342 342%22%3E%3Cpolygon fill=%22%23FFFFFF%22 points=%2215,178.9 163.1,178.9 163.1,327 %22/%3E%3Cpolygon fill=%22%23FFFFFF%22 points=%22327,163 179,163 179,15 %22/%3E%3Cline fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%2225%22 stroke-linecap=%22round%22 stroke-miterlimit=%2210%22 x1=%22327%22 y1=%2215%22 x2=%22192.3%22 y2=%22149.7%22/%3E%3Cline fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%2225%22 stroke-linecap=%22round%22 stroke-miterlimit=%2210%22 x1=%22150%22 y1=%22192%22 x2=%2215%22 y2=%22327%22/%3E%3C/svg%3E");
}

/* line 39, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .play:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 248 248%22%3E%3Ccircle opacity=%220.31%22 fill=%22%23FFFFFF%22 cx=%22124%22 cy=%22124%22 r=%22117.9%22/%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M124,1.1C56.2,1.1,1.1,56.2,1.1,124S56.2,246.9,124,246.9c67.8,0,122.9-55.1,122.9-122.9S191.8,1.1,124,1.1z M124,236.9c-62.3,0-112.9-50.7-112.9-112.9S61.7,11.1,124,11.1S236.9,61.7,236.9,124S186.3,236.9,124,236.9z M164.9,120.8l-56-41 c-3.4-2.5-8.1-0.1-8.1,4.1v81.9c0,4.2,4.7,6.5,8.1,4.1l56-41C167.7,126.9,167.7,122.8,164.9,120.8z%22/%3E%3C/svg%3E");
}

/* line 44, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .pause:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 248 248%22%3E%3Ccircle opacity=%220.31%22 fill=%22%23FFFFFF%22 cx=%22124%22 cy=%22124%22 r=%22117.9%22/%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M124,1.1C56.2,1.1,1.1,56.2,1.1,124S56.2,246.9,124,246.9c67.8,0,122.9-55.1,122.9-122.9S191.8,1.1,124,1.1z M124,236.9c-62.3,0-112.9-50.6-112.9-112.9S61.7,11.1,124,11.1c62.3,0,112.9,50.6,112.9,112.9S186.3,236.9,124,236.9z M102.2,79.7 c-7.5,0-13.5,6-13.5,13.5v61.6c0,7.5,6,13.5,13.5,13.5c7.4,0,13.5-6,13.5-13.5V93.2C115.7,85.7,109.7,79.7,102.2,79.7z M145.9,79.7 c-7.5,0-13.5,6-13.5,13.5v61.6c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5V93.2C159.4,85.7,153.4,79.7,145.9,79.7z%22/%3E%3C/svg%3E");
}

/* line 51, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .volumeIcon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 606.1 512%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M333.2,34.8C329,32.9,324.5,32,320,32c-7.7,0-15.3,2.8-21.3,8.1L163.8,160H80c-26.5,0-48,21.5-48,47.1v95.1 c0,26.5,21.5,47.1,48,47.1h83.8l134.9,119.9c6,8,13.6,10.8,21.3,10.8c4.4,0,9-0.9,13.2-2.8C344.7,472,352,460.6,352,448V64 C352,51.4,344.7,39.1,333.2,34.8z M319.1,447.1l-144-128H80c-8.8,0-16-7.2-16-16v-96c0-8.8,7.2-16,16-16h95.1L318.2,64.1 c0,0,0,0,0,0L319.1,447.1z M491.4,98.7c-7.3-4.9-17.3-3-22.2,4.4s-3,17.3,4.4,22.2C517.7,154.8,544,203.7,544,256 s-26.3,101.2-70.4,130.7c-7.3,4.9-9.3,14.9-4.4,22.2c3.1,4.6,8.1,7.1,13.3,7.1c3.1,0,6.2-0.9,8.9-2.7C544.4,377.8,576,319,576,256 S544.4,134.2,491.4,98.7z M438.4,178.7c-7.3-4.9-17.3-3-22.2,4.4s-3,17.3,4.4,22.2c17.2,11.5,27.4,30.4,27.4,50.7 s-10.2,39.2-27.4,50.7c-7.3,4.9-9.3,14.9-4.4,22.2c3.1,4.6,8.2,7.1,13.3,7.1c3.1,0,6.2-0.9,8.9-2.7c26.1-17.4,41.6-47.2,41.6-77.3 S464.5,196.1,438.4,178.7z%22/%3E%3C/svg%3E");
}

/* line 55, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .volumeIcon.off:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 606.1 512%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M333.2,34.8C329,32.9,324.5,32,320,32c-7.7,0-15.3,2.8-21.3,8.1L163.8,160H80c-26.5,0-48,21.5-48,47.1v95.1 c0,26.5,21.5,47.1,48,47.1h83.8l134.9,119.9c6,8,13.6,10.8,21.3,10.8c4.4,0,9-0.9,13.2-2.8C344.7,472,352,460.6,352,448V64 C352,51.4,344.7,39.1,333.2,34.8z M175.1,319.1H80c-8.8,0-16-7.2-16-16v-96c0-8.8,7.2-16,16-16h95.1l143.1-127l0.9,383L175.1,319.1z M511.8,255.6l70.3-70.3c5.2-5.2,5.2-13.7,0-18.9s-13.7-5.2-18.9,0l-70.3,70.3l-70.3-70.3c-5.2-5.2-13.7-5.2-18.9,0 c-5.2,5.2-5.2,13.7,0,18.9l70.3,70.3l-70.3,70.3c-5.2,5.2-5.2,13.7,0,18.9c2.6,2.6,6,3.9,9.4,3.9s6.8-1.3,9.4-3.9l70.3-70.3 l70.3,70.3c2.6,2.6,6,3.9,9.4,3.9s6.8-1.3,9.4-3.9c5.2-5.2,5.2-13.7,0-18.9L511.8,255.6z%22/%3E%3C/svg%3E");
}

/* line 60, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}

/* line 80, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .play, .video .control .content .pause {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .play:before, .video .control .content .pause:before {
  transition: opacity 0.3s;
  opacity: 0.7;
  width: calc(100 * var(--ratio));
  height: calc(100 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
  .video .control .content .play:before, .video .control .content .pause:before {
    width: calc(65 * var(--ratio));
    height: calc(65 * var(--ratio));
  }
}

/* line 99, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .play.hidden, .video .control .content .pause.hidden {
  display: none;
}

/* line 103, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .play:hover:before, .video .control .content .play .active:before, .video .control .content .pause:hover:before, .video .control .content .pause .active:before {
  opacity: 1;
}

/* line 108, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .tools {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  visibility: hidden;
}

/* line 117, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .tools > * {
  line-height: calc(50 * var(--ratio));
}

/* line 121, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .pause, .video .control .content .tools {
  transition: opacity 0.3s;
  opacity: 0;
}

/* line 125, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .track {
  position: relative;
  overflow: hidden;
  width: calc(100% - (95 + 60 + 25 + 45) * var(--ratio));
  height: calc(4 * var(--ratio));
  border-radius: calc(4 * var(--ratio));
  overflow: hidden;
  order: 3;
}

/* line 132, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .track .bar {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

/* line 138, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .track .bar .progress {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
  right: 100%;
  transition: right 1s;
}

/* line 152, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern {
  position: absolute;
  bottom: calc(45 * var(--ratio));
  left: calc((100% - 10 * var(--ratio)) / 2);
}

/* line 156, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern.off {
  display: none;
}

/* line 159, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern .volumeTrack {
  position: relative;
  overflow: hidden;
  height: calc(100 * var(--ratio));
  width: calc(8 * var(--ratio));
  visibility: hidden;
  border-radius: calc(8 * var(--ratio));
  overflow: hidden;
}

/* line 168, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern .volumeTrack.active {
  visibility: visible;
}

/* line 172, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern .volumeTrack .bar {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

/* line 178, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volumeTrackPattern .volumeTrack .bar .level {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
  right: 0;
  transition: top 0.3s;
}

/* line 192, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .track, .video .control .content .volume, .video .control .content .fullscreeen {
  opacity: 0.8;
  transition: opacity 0.3s;
}

/* line 195, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .track:hover, .video .control .content .volume:hover, .video .control .content .fullscreeen:hover {
  opacity: 1;
}

/* line 199, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volume {
  order: 3;
  width: calc(60 * var(--ratio));
  height: calc(50 * var(--ratio));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 208, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volume .volumeIcon {
  width: calc(29 * var(--ratio));
  height: calc(26 * var(--ratio));
}

/* line 211, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .volume .volumeIcon:before {
  background-size: auto 100%;
  background-position: center center;
}

/* line 217, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .fullscreeen {
  order: 4;
  width: calc(25 * var(--ratio));
  height: calc(22 * var(--ratio));
}

/* line 221, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .fullscreeen:before {
  background-size: auto 100%;
  background-position: center center;
}

/* line 226, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video .control .content .timer {
  order: 2;
  text-align: left;
  width: calc(95 * var(--ratio));
  color: #FFFFFF;
}

/* line 237, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video.ready .control .content .tools {
  visibility: visible;
}

/* line 244, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video.paused video {
  filter: blur(5px);
}

/* line 250, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video.alpha .control .content, .video.paused .control .content {
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 252, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/lib/_video.scss */
.video.alpha .control .content .pause, .video.alpha .control .content .tools, .video.paused .control .content .pause, .video.paused .control .content .tools {
  opacity: 1;
}

/* line 28, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
:root {
  --padBorder: 100;
  --colCharte1: #A1784C;
  --colCharte2: #827267;
  --zIndexPastilleForm: 100;
  --zIndexForm: 99;
  --zIndexMenuMobile: 1000;
  --zIndexToggleMenuMobile: 1001;
  --fzP: magic(28);
}

@media only screen and (max-width: 479px) {
  /* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  :root {
    --padBorder: 10;
  }
}

/* line 44, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
html, body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #000;
  background-color: #FFF;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-align: center;
}

/* line 53, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
body {
  padding-top: calc(140 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 53, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  body {
    padding-top: calc(88 * var(--ratio));
  }
}

/* line 60, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 62, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
a, img {
  border: none;
}

/* line 63, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.blur {
  -webkit-filter: blur(6px);
  filter: blur(6px);
}

/* line 67, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
img, svg {
  height: auto;
}

/* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
h1 {
  display: block;
  text-transform: uppercase;
  font-family: 'Taviraj', serif;
  margin: 0.3em 0 0.8em;
  color: #827267;
  font-weight: 500;
  font-size: calc(26 * var(--ratio));
  line-height: 1.3461538461538463em;
}

@media only screen and (max-width: 479px) {
  /* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  h1 {
    font-size: calc(17 * var(--ratio));
    padding: 0 !important;
    margin: 1em 0;
  }
}

/* line 84, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
h1 strong {
  font-weight: 500;
  font-size: 1.1538461538461537em;
}

/* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
p:not(.cta) {
  font-size: calc(20 * var(--ratio));
  line-height: 1.8em;
  padding: 0 2em 0 5em;
  text-align: left;
  color: #827267;
}

@media only screen and (max-width: 479px) {
  /* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  p:not(.cta) {
    font-size: calc(15 * var(--ratio));
    padding: 0 !important;
  }
}

/* line 99, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
p:not(.cta) strong {
  font-weight: bold;
  color: #A1784C;
}

/* line 104, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.cta {
  font-size: calc(17 * var(--ratio));
  font-weight: 500;
  padding: 0 calc(41 * var(--ratio));
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  line-height: calc(57 * 14 / 17 * var(--ratio));
  margin: calc(47 * var(--ratio)) 0;
  cursor: pointer;
  background-color: #827267;
  color: #fff;
  border: calc(2 * 14 / 17 * var(--ratio)) solid #827267;
  transition: all 0.5s;
  border-radius: 0 2em 0 0;
}

@media only screen and (max-width: 479px) {
  /* line 104, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .cta {
    font-size: calc(13 * var(--ratio));
  }
}

/* line 122, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.cta:hover {
  background-color: #fff;
  color: #827267;
}

/* line 127, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.none {
  display: none;
}

/* line 130, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
sup {
  display: inline-block;
  font-size: 0.5em;
  margin-bottom: 1em;
  margin-left: 1px;
  vertical-align: bottom;
  font-weight: normal;
}

/* line 139, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.padding-general {
  padding-left: calc(180 * var(--ratio));
  padding-right: calc(180 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 139, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .padding-general {
    padding: 0;
  }
}

/* line 147, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.gold:not(.cta) {
  color: #A1784C;
}

/* line 151, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.blanc {
  color: #fff;
}

/* line 153, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.blanc:not(.cta) {
  color: #fff;
}

/* line 157, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.deux-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 479px) {
  /* line 157, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .deux-col {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  /* line 163, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .deux-col .zone-txt {
    padding: 0 calc(10 * var(--ratio));
  }
}

/* line 169, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
.pictoER {
  width: calc(67 * var(--ratio));
  height: calc(105 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 169, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .pictoER {
    margin-top: 1.5em;
    width: calc(50 * var(--ratio));
    height: calc(70 * var(--ratio));
  }
}

@media only screen and (min-width: 480px) {
  /* line 181, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .not-on-desktop {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  /* line 187, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/styles.scss */
  .not-on-mobile {
    display: none;
  }
}

/* ==== HEADER ==== */
/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header {
  position: fixed;
  z-index: var(--zIndexMenuMobile);
  padding: 0;
  top: 0;
  height: calc(140 * var(--ratio));
  width: 100%;
  background-color: white;
  box-shadow: 0 0.3em 0.3em #0003;
}

@media only screen and (max-width: 479px) {
  /* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header {
    height: calc(88 * var(--ratio));
  }
}

/* line 13, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 calc(160 * var(--ratio));
  width: auto;
  max-width: 100%;
  height: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 13, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content {
    width: 100%;
    margin: 0;
  }
}

/* line 26, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logos {
  position: relative;
  z-index: calc(var(--zIndexMenuMobile) + 1);
  width: calc(78 * var(--ratio));
  justify-content: center;
  align-items: center;
  display: flex;
}

/* line 33, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logos svg {
  height: auto;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 26, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logos {
    width: calc(86 * var(--ratio));
  }
}

/* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logos img, header .content .zone-logos svg {
  width: calc(78 * var(--ratio));
  height: calc(78 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logos img, header .content .zone-logos svg {
    width: calc(66 * var(--ratio));
    height: calc(66 * var(--ratio));
  }
}

/* line 49, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logos-mobile {
  position: relative;
  z-index: calc(var(--zIndexMenuMobile) + 1);
  cursor: pointer;
}

@media only screen and (min-width: 480px) {
  /* line 49, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logos-mobile {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  /* line 49, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logos-mobile {
    width: calc(194 * var(--ratio));
    height: calc(56 * var(--ratio));
    justify-content: center;
    align-items: center;
    display: flex;
  }
  /* line 62, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logos-mobile svg {
    height: auto;
    width: 100%;
  }
}

/* line 68, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logo-du-centre {
  width: calc(304 * var(--ratio));
  height: calc(80 * var(--ratio));
  margin-top: calc(30 * var(--ratio));
  cursor: pointer;
}

@media only screen and (max-width: 479px) {
  /* line 68, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
  header .content .zone-logo-du-centre {
    display: none;
  }
}

/* line 76, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_header.scss */
header .content .zone-logo-du-centre img {
  width: 100%;
  height: 100%;
}

/* STYLE DU MENU */
/*
TO DO :
- réécriture scss
- inclurer les media query (menu mobile..) sous forme raccourcie
- 
*/
/* line 9, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
#menuToggle {
  display: none;
}

/* line 12, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav {
  display: flex;
  height: 100%;
  align-items: center;
  margin-right: calc(25 * var(--ratio));
  margin-left: calc(115 * var(--ratio));
  width: 100%;
}

/* line 20, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  color: #827267;
}

/* line 27, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li {
  padding-bottom: 0.4vw;
}

/* line 29, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a {
  color: inherit;
  text-decoration: inherit;
  position: relative;
  font-size: calc(20 * var(--ratio));
  line-height: calc(60 * 14 / 20 * var(--ratio));
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/* line 38, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a:not(.cta):before {
  content: "";
  position: absolute;
  bottom: -0.4em;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 3px solid #A1784C;
  transform: scaleX(0);
  transform-origin: center center;
  -webkit-transition: tranform 0.3s ease;
  transition: transform 0.3s ease;
}

/* line 52, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a:not(.cta):hover, nav ul li a:not(.cta).active {
  color: #A1784C;
  transition: color 0.6s;
  text-decoration: inherit;
}

/* line 59, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a:not(.cta):hover:before {
  transform: scaleX(0.5);
}

/* line 64, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a:not(.cta).active:before {
  transform: scaleX(1);
}

/* line 69, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a.cta {
  padding: 0 2em;
  background-color: #827267;
  color: #fff;
  font-weight: bold;
}

/* line 74, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
nav ul li a.cta:hover {
  color: #fff;
  background-color: #42145F;
}

/* line 84, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
.navHidden {
  visibility: visible;
  height: inherit;
  overflow: auto;
}

@media only screen and (max-width: 479px) {
  /* line 90, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav {
    position: absolute;
    width: 100%;
    height: calc(100vh - 88 * var(--ratio));
    background-color: #A1784C;
    z-index: var(--zIndexMenuMobile);
    left: 0;
    top: calc(88 * var(--ratio));
    margin: 0;
    padding: 0;
    transition: opacity 0.6s;
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22343.9px%22 height=%22476.5px%22 viewBox=%220 0 343.9 476.5%22%3E%3Cpath fill=%22%23FFFFFF18%22 d=%22M343.9,471.6c0-2.8-1.2-3.3-7.1-4.6c-10.9-2.4-31.3-6.8-57.1-46.2l-89.8-136.1l1.7-0.7 c39.5-15.8,66.1-52.2,66.1-90.6c0-26.5-8-47.6-23.8-62.7c-14.5-13.9-43.4-30-98.4-27.8c-1.1,0-1.9,0.1-2.4,0.1 c-13.6,0-27.7,0.5-42.6,1l-4.1,0.1v18.2c5.1-5.2,14.7-5.1,25.4-4.9c1.9,0,3.9,0.1,5.9,0.1c31,0,103.1,8.6,103.1,88.2 c0,29.2-9.8,50.6-29.1,63.8c-17.6,12-38.3,13.3-46.4,13.3c-4.2,0-8.7,0.1-13.2,0.2c-6.6,0.1-13.5,0.2-19.7,0.1l2.1,14.8h2.5 c37.6,0,38.9,1,51,20.6c1.5,2.4,3.2,5.2,5.2,8.3l59,93.1c20.7,31,40.9,56.7,78.5,56.7C337.9,476.5,343.9,473,343.9,471.6 M152.7,8.5 c0-2.1,0-8.5-4.7-8.5c-5.5,0-17,0.4-27.1,0.7c-8,0.3-15.5,0.5-18.3,0.5c-4.3,0-8.9-0.1-15.1-0.3c-13.5-0.4-34-1-74.8-1 C4.4,0,0,0.9,0,5.3s5.8,5.6,9.2,6.3c0.6,0.1,1,0.2,1.6,0.3C26.7,14.3,26.7,28,26.7,42.5v144.9c0,15.3-0.8,22.9-8,26.3 c-3.5,1.8-6.2,2.8-8.2,3.6c-3.9,1.6-6.1,2.4-6.7,6c0,3.1,2.1,4.7,6.3,4.7c7.7,0,15.7-0.3,23.4-0.7c5.2-0.2,10.3-0.5,15.4-0.6 c13.7-0.3,27.7,0.1,41.3,0.6c10.2,0.4,20.7,0.7,31.1,0.7h2.1c0.6,0,1.2,0,1.9,0c11.4,0,18.8-0.5,28.3-11.3 c11-11.9,16.3-22.3,16.3-31.8c0-2.1-1.1-5.3-4.1-5.3c-1.5,0-2.6,1.3-4.7,3.7c-6.8,7.9-25,29-83.6,29c-10.8,0-16.9-1.3-19.8-4.2 c-3-3.1-3-8.3-2.9-16.1c0-1.4,0-2.9,0-4.5v-58.5l0-1.6c-0.1-1.6,0-3.2,0.3-4.8l0.1-0.2l0-21.1c-0.3-2.1-0.4-4.3-0.3-6.4V33.6 c0-8.2,0-12.8,2.1-14.8c2.4-2.4,8.7-2.4,21.4-2.4l4.9,0c1.5,0,3.2,0,5.2-0.1c14.2-0.2,40.8-0.6,47.6,8.3c2,2.9,2.2,7.4,2.5,11.5 c0.3,5.5,0.7,11.7,6.4,11.7C148.4,47.8,152.7,43.4,152.7,8.5%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center center;
  }
  /* line 106, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul {
    top: inherit;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow-y: auto;
  }
  /* line 113, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li {
    margin-left: 0;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
  }
  /* line 119, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li a {
    display: inline-block;
    line-height: calc(90 * 14 / 20 * var(--ratio));
    color: #ffffff;
    font-weight: 600;
  }
  /* line 125, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li a:not(.cta):hover, nav ul li a:not(.cta).active {
    color: #ffffff;
  }
  /* line 129, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li a:not(.cta):before {
    -webkit-transition: left 0.3s ease, right 0.3s ease, opacity 0.05s ease;
    transition: left 0.3s ease, right 0.3s ease, opacity 0.05s ease;
    border-color: #ffffff;
    bottom: 1em;
  }
  /* line 134, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li a:not(.cta):before.active {
    opacity: 1;
  }
  /* line 139, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  nav ul li a:not(.cta):not(.active):before {
    opacity: 0;
  }
  /* line 149, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  #closeNav, #openNav {
    display: block;
    height: 100%;
    line-height: 100%;
    width: 100%;
    color: var(--tonicColor);
    background-repeat: no-repeat;
    background-position: center 25%;
    background-size: calc(30 * var(--ratio)) calc(29 * var(--ratio));
  }
  /* line 159, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  #closeNav {
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 31.4 30.4%22%3E%3Cpolygon fill=%22%23827267%22 points=%2217.1,15.2 31.4,1.4 30,0 15.6,13.8 1.4,0 0,1.4 14.2,15.2 0,28.8 1.4,30.2 15.6,16.6 30,30.4 31.4,29 %22/%3E%3C/svg%3E");
    display: block;
    background-size: calc(22 * var(--ratio)) calc(31 * var(--ratio));
  }
  /* line 164, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  #openNav {
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 47 22%22%3E%3Cpath fill=%22%23827267%22 d=%22M0,22h47v-2H0V22z M0,0v2h47V0H0z M0,12h47v-2H0V12z%22/%3E%3C/svg%3E");
    display: none;
    background-size: calc(38 * var(--ratio)) calc(22 * var(--ratio));
  }
  /* line 169, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  #menuToggle {
    display: block;
    position: relative;
    z-index: 2000;
    width: calc(47 * var(--ratio));
    margin-right: calc(10 * var(--ratio));
    height: 100%;
    cursor: pointer;
  }
  /* line 179, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  .menuClosed #closeNav {
    display: none;
  }
  /* line 182, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  .menuClosed #openNav {
    display: block;
  }
  /* line 186, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  .navHidden {
    visibility: visible;
    height: inherit;
    overflow: auto;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  /* line 195, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  .navHiddeIt {
    opacity: 0;
  }
  /* line 198, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_nav.scss */
  .overflowHidden {
    overflow: hidden;
  }
}

/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_toggleForm.scss */
#toggleForm {
  position: fixed;
  top: 50vh;
  right: 0;
  z-index: 1000;
  cursor: pointer;
  background: #A1784C;
  color: #fff;
  padding: calc(20 * var(--ratio)) calc(50 * var(--ratio));
  border: calc(2 * var(--ratio)) solid #A1784C;
  transform-origin: bottom right;
  transform: rotate(-90deg);
  transition: transform 0.4s, background-color 0.4s, color 0.4s;
}

@media only screen and (max-width: 479px) {
  /* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_toggleForm.scss */
  #toggleForm {
    padding: calc(10 * var(--ratio)) calc(25 * var(--ratio));
  }
}

/* line 17, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_toggleForm.scss */
#toggleForm span {
  font-size: calc(19 * var(--ratio));
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  /* line 17, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_toggleForm.scss */
  #toggleForm span {
    font-size: calc(11 * var(--ratio));
  }
}

/* line 24, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_toggleForm.scss */
#toggleForm:hover {
  background-color: #ffffff;
  border-color: #A1784C;
  color: #A1784C;
  transform: rotate(-90deg);
}

/* ==== SECTIONS ==== */
/* ===== CARROUSEL 1 ===== */
/* line 4, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.carrousel-container {
  width: calc(1552 * var(--ratio));
  max-width: 100%;
  height: calc(717 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 4, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .carrousel-container {
    height: calc(491 * var(--ratio));
  }
}

/* line 11, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.carrousel-container .full {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 11, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .carrousel-container .full {
    object-fit: fill;
    margin-left: calc(-495 * var(--ratio));
    width: auto;
  }
}

/* line 21, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.carrousel-container .vague-zone {
  position: absolute;
  bottom: -1px;
  left: -4px;
  right: -4px;
  height: calc(144 * var(--ratio));
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1560 142%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M1212.8,114.7c-117,13.2-208.3,5.2-357.7-7.7C642,88.4,623,66.7,447.2,61c-156.3-5.1-247.6,8.6-291.4,16.6 C95.9,88.5,37.6,104.4,0,118.3V142h1560V0c-5.9,5.4-12.5,10.8-19.8,16.2C1440.4,89,1259.8,109.4,1212.8,114.7z%22/%3E%3C/svg%3E");
}

@media only screen and (max-width: 479px) {
  /* line 21, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .carrousel-container .vague-zone {
    height: calc(77 * var(--ratio));
    width: calc(383 * var(--ratio));
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 375 77%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M375,63.9c-105.2-11.5-127.6-23.6-234.3-27C80.4,34.9,34.2,37,0,40.2V77h375V63.9z%22/%3E%3C/svg%3E");
  }
}

/* ===== End of: CARROUSEL ===== */
/*=== GENERAL ===*/
/* line 51, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general h1 {
  margin-top: 1.2307692307692308em;
  margin-bottom: 1.9230769230769231em;
}

@media only screen and (max-width: 479px) {
  /* line 51, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general h1 {
    margin: 1em 0 2em;
  }
}

/* line 58, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1em;
}

/* line 63, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire .box-notaire {
  background-color: #A1784C;
  color: #fff;
  border: 0.1em solid #fff;
  outline: 0.4em solid #A1784C;
  padding: 0.8em 3em;
  text-transform: uppercase;
  font-size: calc(24 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 63, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general .zone-notaire .box-notaire {
    font-size: calc(19 * var(--ratio));
    padding: 0.8em 0.5em;
  }
}

/* line 76, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire .box-notaire span {
  display: block;
}

/* line 77, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire .box-notaire span:nth-child(1) {
  font-weight: bold;
}

/* line 80, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire .box-notaire span:nth-child(2) {
  font-size: 1.4166666666666667em;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  /* line 80, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general .zone-notaire .box-notaire span:nth-child(2) {
    line-height: 1em;
  }
  /* line 84, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general .zone-notaire .box-notaire span:nth-child(2) sup {
    margin-bottom: 0.25em;
  }
}

/* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#general .zone-notaire .box-notaire span:nth-child(3) {
  font-size: 0.7083333333333334em;
}

@media only screen and (max-width: 479px) {
  /* line 89, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general .zone-notaire .box-notaire span:nth-child(3) {
    font-size: calc(11 * var(--ratio));
  }
}

@media only screen and (max-width: 479px) {
  /* line 50, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #general {
    padding: 0 calc(10 * var(--ratio));
  }
}

/*=== /GENERAL ===*/
/* line 107, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square {
  background-color: #42145F;
  width: 100%;
  text-align: center;
  padding: calc(32 * var(--ratio)) 0;
  color: #ffffff;
  margin: 0 0 calc(34 * var(--ratio)) 0;
}

@media only screen and (max-width: 479px) {
  /* line 107, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square {
    padding: calc(18 * var(--ratio)) 0;
  }
}

/* line 118, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square span {
  display: block;
  margin: 0 auto;
}

/* line 122, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square .bold {
  font-weight: 600;
  font-size: calc(28 * var(--ratio));
  line-height: calc(31 * 14 / 28 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 122, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square .bold {
    font-size: calc(19 * var(--ratio));
    line-height: calc(20 * 14 / 19 * var(--ratio));
  }
}

/* line 128, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square .regular {
  font-size: calc(22 * var(--ratio));
  line-height: calc(31 * 14 / 22 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 128, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square .regular {
    font-size: calc(13 * var(--ratio));
    line-height: calc(20 * 14 / 13 * var(--ratio));
  }
}

/* line 133, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square .regular b {
  display: inline-block;
  font-weight: 600;
  position: relative;
}

/* line 137, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square .regular b:before {
  content: '';
  position: absolute;
  bottom: calc(-5 * 14 / 22 * var(--ratio));
  height: calc(4 * 14 / 22 * var(--ratio));
  width: 100%;
  left: 0;
  right: 0;
  background-color: #00B9AB;
}

@media only screen and (max-width: 479px) {
  /* line 137, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square .regular b:before {
    bottom: calc(-5 * 14 / 13 * var(--ratio));
    height: calc(3 * 14 / 13 * var(--ratio));
  }
}

/* line 154, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-and {
  width: calc(78 * var(--ratio));
  height: calc(78 * var(--ratio));
  line-height: calc(78 * var(--ratio));
  background-color: #58006A;
  border-radius: 100%;
  margin: calc(20 * var(--ratio)) auto;
}

/* line 161, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-and:before {
  content: "+";
  font-family: sans-serif;
  display: inline-block;
  text-align: center;
  font-size: calc(73 * var(--ratio));
  font-weight: 400;
  color: #ffffff;
}

/* line 171, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square-2 {
  background-color: #42145F;
  width: 100%;
  text-align: center;
  padding: calc(32 * var(--ratio)) 0;
  color: #ffffff;
  margin: 0 auto calc(99 * var(--ratio));
  width: calc(918 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 171, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square-2 {
    margin: 0 auto calc(42 * var(--ratio));
    width: 100%;
  }
}

/* line 183, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square-2 span {
  display: block;
  margin: 0 auto;
}

/* line 187, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square-2 .bold {
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(43 * var(--ratio));
  line-height: calc(46 * 14 / 43 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 187, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square-2 .bold {
    font-size: calc(36 * var(--ratio));
    line-height: calc(36 * 14 / 36 * var(--ratio));
  }
}

/* line 193, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square-2 .bold sup {
  line-height: calc(73 * 14 / 46 * var(--ratio));
  font-size: calc(17 * 14 / 43 * var(--ratio));
  font-weight: 600;
}

@media only screen and (max-width: 479px) {
  /* line 193, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .text-square-2 .bold sup {
    font-size: calc(15 * 14 / 37 * var(--ratio));
  }
}

/* line 202, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.text-square-2 .regular {
  font-size: calc(19 * var(--ratio));
  line-height: calc(29 * 14 / 19 * var(--ratio));
}

/* line 206, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square {
  font-size: var(--fs);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 0 0;
  margin: 0 0 0 0;
}

@media only screen and (max-width: 479px) {
  /* line 206, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square {
    flex-direction: column;
  }
}

/* line 218, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div {
  width: calc(459 * var(--ratio));
  padding: calc(27 * var(--ratio)) 0 calc(27 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 218, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div {
    width: 100%;
    padding: calc(22 * var(--ratio)) 0 calc(24 * var(--ratio));
  }
}

/* line 227, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div > div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* line 235, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div h2 {
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: calc(21 * var(--ratio));
  line-height: calc(30 * 14 / 21 * var(--ratio));
  text-transform: uppercase;
  margin: 0 auto auto;
  position: relative;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  /* line 235, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div h2 {
    font-size: calc(17 * var(--ratio));
    line-height: calc(24 * 14 / 17 * var(--ratio));
  }
}

/* line 245, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div h2:before {
  content: '';
  position: absolute;
  bottom: calc(-15 * 14 / 21 * var(--ratio));
  height: calc(4 * 14 / 21 * var(--ratio));
  width: calc(229 * 14 / 21 * var(--ratio));
  left: calc((100% - 229 * 14 / 21 * var(--ratio)) / 2);
  background-color: #00B9AB;
}

@media only screen and (max-width: 479px) {
  /* line 245, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div h2:before {
    bottom: calc(-12 * 14 / 17 * var(--ratio));
    height: calc(3 * 14 / 17 * var(--ratio));
    width: calc(163 * 14 / 17 * var(--ratio));
    left: calc((100% - 163 * 14 / 17 * var(--ratio)) / 2);
  }
}

/* line 261, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div h1 {
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: calc(20 * var(--ratio));
  line-height: calc(31 * 14 / 20 * var(--ratio));
  font-weight: normal;
  text-transform: inherit;
  margin: 1.2em 0 0.8em;
}

@media only screen and (max-width: 479px) {
  /* line 261, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div h1 {
    font-size: calc(16 * var(--ratio));
    line-height: calc(25 * 14 / 16 * var(--ratio));
  }
}

/* line 272, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div .cta {
  margin: auto auto 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(17 * var(--ratio));
  line-height: calc(51 * 14 / 17 * var(--ratio));
  border-radius: inherit;
  border: inherit;
  padding: 0 3em;
}

@media only screen and (max-width: 479px) {
  /* line 272, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div .cta {
    font-size: calc(13 * var(--ratio));
    line-height: calc(43 * 14 / 13 * var(--ratio));
  }
}

/* line 284, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div .bold {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(43 * 14 / 20 * var(--ratio));
  line-height: calc(46 * 14 / 43 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 284, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div .bold {
    font-size: calc(36 * 14 / 16 * var(--ratio));
    line-height: calc(36 * 14 / 36 * var(--ratio));
  }
}

/* line 291, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div .bold sup {
  line-height: 1em;
  font-size: calc(21 * 14 / 43 * var(--ratio));
  font-weight: 600;
}

@media only screen and (max-width: 479px) {
  /* line 291, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div .bold sup {
    font-size: calc(15 * 14 / 37 * var(--ratio));
  }
}

/* line 300, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div .demi {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(35 * 14 / 20 * var(--ratio));
  line-height: calc(35 * 14 / 35 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 300, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div .demi {
    font-size: calc(29 * 14 / 16 * var(--ratio));
    line-height: calc(29 * 14 / 29 * var(--ratio));
  }
}

/* line 307, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div .demi sup {
  line-height: 0.4em;
  font-size: calc(21 * 14 / 35 * var(--ratio));
  font-weight: 600;
  justify-content: bottom;
}

@media only screen and (max-width: 479px) {
  /* line 307, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  .general-square > div .demi sup {
    font-size: calc(15 * 14 / 28 * var(--ratio));
  }
}

/* line 317, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.white-box {
  background: #58006a;
  background: -moz-linear-gradient(0deg, #58006a 0%, #00b9ab 100%);
  background: -webkit-linear-gradient(0deg, #58006a 0%, #00b9ab 100%);
  background: linear-gradient(0deg, #58006a 0%, #00b9ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58006a", endColorstr="#00b9ab", GradientType=1);
}

/* line 323, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.white-box h1, .general-square > div.white-box h2 {
  color: #ffffff;
}

/* line 326, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.white-box .cta {
  background-color: #00BDAB;
}

/* line 328, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.white-box .cta:hover {
  background-color: #ffffff;
  color: #00B9AB;
}

/* line 334, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.white-box h2:before {
  background-color: #58006A;
}

/* line 339, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.green-box {
  background: #58006a;
  background: -moz-linear-gradient(180deg, #58006a 0%, #00b9ab 100%);
  background: -webkit-linear-gradient(180deg, #58006a 0%, #00b9ab 100%);
  background: linear-gradient(180deg, #58006a 0%, #00b9ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58006a", endColorstr="#00b9ab", GradientType=1);
}

/* line 345, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.green-box h1, .general-square > div.green-box h2 {
  color: #ffffff;
}

/* line 348, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.green-box .cta {
  background-color: #58006A;
}

/* line 350, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.green-box .cta:hover {
  background-color: #ffffff;
  color: #58006A;
}

/* line 356, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
.general-square > div.green-box h2:before {
  background-color: #00B9AB;
}

/* line 366, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .deux-col {
  grid-template-columns: calc(816 * var(--ratio)) auto;
}

/* line 368, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .deux-col .zone-img {
  height: calc(605 * var(--ratio));
  position: relative;
  border-top-right-radius: calc(70 * var(--ratio));
  overflow: hidden;
}

@media only screen and (max-width: 479px) {
  /* line 368, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-1 .deux-col .zone-img {
    width: 100%;
    height: calc(269 * var(--ratio));
  }
}

/* line 378, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .deux-col h1 {
  padding-left: calc(45 * 14 / 26 * var(--ratio));
}

/* line 381, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .deux-col p {
  padding: 0 2em 0 5em;
}

/* line 386, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .zone-frise {
  padding-top: calc(65 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 386, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-1 .zone-frise {
    padding-top: calc(78 * var(--ratio));
  }
}

/* line 392, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-1 .zone-frise img {
  width: calc(1228 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 392, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-1 .zone-frise img {
    width: 90%;
  }
}

/* line 402, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-2 .deux-col {
  grid-template-columns: auto calc(886 * var(--ratio));
}

/* line 404, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-2 .deux-col .zone-img {
  order: 2;
  height: calc(492 * var(--ratio));
  position: relative;
}

@media only screen and (max-width: 479px) {
  /* line 404, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-2 .deux-col .zone-img {
    height: calc(211 * var(--ratio));
  }
}

/* line 412, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-2 .deux-col .zone-txt {
  order: 1;
}

/* line 415, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-2 .deux-col h1 {
  padding-left: calc(45 * 14 / 26 * var(--ratio));
  padding-right: calc(45 * 14 / 26 * var(--ratio));
}

/* line 419, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-2 .deux-col p {
  padding: 0 2.5em 0 2.5em;
}

/* line 428, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 {
  margin-top: calc(80 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 428, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-3 {
    margin-top: calc(20 * var(--ratio));
  }
}

/* line 434, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 > .content {
  background-color: #A1784C;
}

/* line 437, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 #slider3 {
  width: 100%;
  height: calc(650 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 437, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-3 #slider3 {
    height: calc(266 * var(--ratio));
  }
}

/* line 444, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 .zone-texte {
  padding: calc(35 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 444, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-3 .zone-texte {
    padding: calc(10 * var(--ratio)) calc(10 * var(--ratio)) 2em;
  }
}

/* line 450, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 .zone-texte .deux-col {
  grid-template-columns: calc(590 * var(--ratio)) auto;
}

/* line 453, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-3 .zone-texte .deux-col .zone-txt p {
  color: #fff;
  line-height: 1.4em;
}

@media only screen and (max-width: 479px) {
  /* line 453, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-3 .zone-texte .deux-col .zone-txt p {
    line-height: 1.6666666666666667em;
  }
}

/* line 471, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col {
  grid-template-columns: auto calc(843 * var(--ratio));
}

/* line 473, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col .zone-img {
  order: 2;
  position: relative;
  height: calc(605 * var(--ratio));
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  /* line 473, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-4 .deux-col .zone-img {
    width: 100%;
    height: calc(269 * var(--ratio));
  }
}

/* line 483, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col .zone-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* line 489, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col .zone-img:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 843 78.1%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M843,18.3c-63.4,17.6-124.6,24.5-147.5,27c-96.8,10.9-172.4,4.3-296.1-6.4C222.9,23.6,207.2,5.6,61.6,0.9 C39.5,0.2,19-0.1,0,0v78.1h843V18.3z%22/%3E%3C/svg%3E");
  height: calc(80 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 489, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-4 .deux-col .zone-img:before {
    height: calc(40 * var(--ratio));
  }
}

/* line 507, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col .zone-txt {
  order: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 3em;
}

/* line 516, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-4 .deux-col p {
  padding: 0 2.5em 0 2.5em;
}

/* line 526, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 {
  margin-top: 2em;
}

/* line 528, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col {
  grid-template-columns: calc(717 * var(--ratio)) auto;
}

/* line 530, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col .zone-img {
  width: calc(717 * var(--ratio));
  height: calc(826 * var(--ratio));
  position: relative;
}

@media only screen and (max-width: 479px) {
  /* line 530, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-5 .deux-col .zone-img {
    width: 100%;
    height: calc(439 * var(--ratio));
  }
}

/* line 538, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col .zone-img img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

/* line 544, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col .zone-img:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 717 57%22%3E%3Cpath fill=%22%23FFFFFF%22 d=%22M0,0v57c0,0,489-81.4,717-16.9V0H0z%22/%3E%3C/svg%3E");
  height: calc(59 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 544, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-5 .deux-col .zone-img:before {
    height: calc(30 * var(--ratio));
  }
}

/* line 561, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col .zone-txt {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: calc(115 * var(--ratio));
  padding-right: calc(115 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 561, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-5 .deux-col .zone-txt {
    padding: calc(10 * var(--ratio));
  }
}

/* line 571, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col .zone-txt .cta {
  margin-bottom: 0;
}

/* line 575, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col h1 {
  padding-left: 0;
  padding-right: 0;
}

/* line 579, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-5 .deux-col p:not(.cta) {
  padding-left: 0;
  padding-right: 0;
}

/* line 590, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 {
  margin-top: 4em;
}

@media only screen and (max-width: 479px) {
  /* line 590, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 {
    margin: 0;
  }
}

/* line 595, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col {
  grid-template-columns: auto calc(843 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 595, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col {
    grid-template-columns: inherit;
    display: flex;
    flex-direction: column;
  }
}

/* line 603, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* line 609, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img > div {
  background-color: #A1784C;
  padding: calc(52 * var(--ratio)) 0 calc(86 * var(--ratio));
  width: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 609, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-img > div {
    padding: 2em calc(10 * var(--ratio));
  }
}

/* line 617, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img .petit-titre {
  font-size: calc(26 * var(--ratio));
  line-height: calc(32 * 14 / 26 * var(--ratio));
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: 500;
}

/* line 623, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img .petit-titre:not(.cta) {
  padding: 0 2.5em 0 1.9em;
}

@media only screen and (max-width: 479px) {
  /* line 617, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-img .petit-titre {
    font-size: calc(17 * var(--ratio));
    line-height: calc(21 * 14 / 17 * var(--ratio));
  }
}

/* line 631, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img p {
  padding: 0;
  line-height: 1.55em;
}

/* line 635, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img ul {
  text-align: left;
  list-style-type: disc;
  padding: 0 2.5em 0 2.5em;
  line-height: 1.55em;
  font-size: calc(20 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 635, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-img ul {
    font-size: calc(15 * var(--ratio));
    padding: 0 0 0 0.5em;
  }
}

/* line 645, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img ul li {
  margin: 0 0 0 1em;
}

/* line 649, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img p.nf {
  position: relative;
  font-size: inherit;
  text-align: right;
  margin-right: 2em;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  /* line 649, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-img p.nf {
    text-align: left;
    padding: 1.3em 0 0 0 !important;
  }
}

/* line 659, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-img p.nf img, #item-6 .deux-col .zone-img p.nf svg {
  display: block;
  position: absolute;
  bottom: -2em;
  right: calc(60 * var(--ratio));
  height: calc(62.8 * var(--ratio));
  width: calc(249.3 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 659, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-img p.nf img, #item-6 .deux-col .zone-img p.nf svg {
    position: relative;
    bottom: inherit;
    right: inherit;
    height: calc(49 * var(--ratio));
    width: calc(194 * var(--ratio));
  }
}

/* line 676, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-txt {
  order: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 479px) {
  /* line 676, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-txt {
    padding: 0 calc(10 * var(--ratio));
  }
}

/* line 686, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-txt ul {
  text-align: left;
  font-size: calc(20 * var(--ratio));
  line-height: 1.8em;
  padding: 0 2.5em 0 2.5em;
}

/* line 691, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col .zone-txt ul li {
  margin: 0 0 0 1em;
}

@media only screen and (max-width: 479px) {
  /* line 686, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .deux-col .zone-txt ul {
    padding: 0 0 0 calc(10 * var(--ratio));
    font-size: calc(15 * var(--ratio));
  }
}

/* line 701, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .deux-col p:not(.cta), #item-6 .deux-col p:not(.nf) {
  padding: 0 2.5em 0 2.5em;
}

/* line 706, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .biens {
  margin: 3em 0;
}

@media only screen and (max-width: 479px) {
  /* line 706, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .biens {
    margin: 0;
  }
}

/* line 711, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-6 .biens img {
  width: calc(1224 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 711, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-6 .biens img {
    width: 100%;
  }
}

/* line 726, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 {
  margin-top: 2em;
}

/* line 728, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col {
  grid-template-columns: auto calc(843 * var(--ratio));
}

/* line 731, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-img .plan {
  height: calc(711 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 731, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-img .plan {
    width: 100%;
    height: calc(375 * var(--ratio));
  }
}

/* line 738, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-img .plan img {
  width: 100%;
  height: 100%;
}

/* line 743, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-img .legende {
  margin-top: calc(9 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 743, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-img .legende {
    padding: 0 calc(10 * var(--ratio));
  }
}

/* line 748, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-img .legende img {
  width: 100%;
  height: auto;
}

/* line 754, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: calc(115 * var(--ratio));
  padding-right: calc(115 * var(--ratio));
}

/* line 761, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content {
  height: 100%;
}

/* line 766, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content h1 {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 479px) {
  /* line 766, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt .content h1 {
    order: 2;
  }
}

/* line 773, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content > p {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 479px) {
  /* line 773, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt .content > p {
    order: 3;
  }
}

/* line 780, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content .brown-bloc {
  background-color: #A1784C;
  width: calc(635 * var(--ratio));
  padding: calc(13 * var(--ratio)) calc(70 * var(--ratio));
  margin-top: calc(40 * var(--ratio));
  max-width: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 780, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt .content .brown-bloc {
    margin: calc(27 * var(--ratio)) auto calc(18 * var(--ratio));
    width: calc(355 * var(--ratio));
    padding: calc(12 * var(--ratio)) calc(24 * var(--ratio));
  }
}

/* line 791, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content .brown-bloc h2 {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: calc(26 * var(--ratio));
  line-height: calc(36 * 14 / 26 * var(--ratio));
  font-family: 'Taviraj', serif;
}

@media only screen and (max-width: 479px) {
  /* line 791, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt .content .brown-bloc h2 {
    font-size: calc(17 * var(--ratio));
    line-height: calc(15 * 14 / 17 * var(--ratio));
  }
}

/* line 802, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
#item-7 .deux-col .zone-txt .content .brown-bloc p {
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: calc(20 * var(--ratio));
  line-height: calc(36 * 14 / 20 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 802, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt .content .brown-bloc p {
    margin-top: calc(5 * 14 / 15 * var(--ratio));
    font-size: calc(15 * var(--ratio));
    line-height: calc(25 * 14 / 15 * var(--ratio));
  }
}

@media only screen and (max-width: 479px) {
  /* line 754, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_content.scss */
  #item-7 .deux-col .zone-txt {
    padding: calc(10 * var(--ratio));
  }
}

/* ==== FORM ====*/
/*
Je fait toute la configuration de mon coposant ici
=> en fait idealement l'on couple nos fragments via ce fichier de repertoire
=> ce fichier n'a que des variable et les root necessaire et les @import
*/
/* PARAMETRES COLORS */
/* PARAMETRES SIZES */
/* PARAMETRES SIZES Desktop */
/* PARAMETRES SIZES mobile */
/* PARAMETRES RADIO & CHECKBOX BTN */
/* PARAMETRES SUBMIT BTN */
/* PARAMETRES LAYOUT DIMENTIONS */
/* PARAMETRES FORM CONTENT DIMENTIONS */
/* VARIABLES LAYOUT & FROM RESPONSIVE */
/* line 51, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_init.scss */
:root {
  --sceneWidth: 1056;
  --formWidth: 966;
}

@media only screen and (max-width: 479px) {
  /* line 56, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_init.scss */
  :root {
    --sceneWidth: 355;
    --formWidth: 327;
  }
}

/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
[disabled] {
  cursor: default;
}

/* line 2, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
label[for] {
  cursor: pointer;
}

/* line 3, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
.relative {
  position: relative;
}

/* line 5, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
textarea,
input,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

/* line 20, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=submit],
textarea,
select {
  background-color: #ffffff;
  color: #A1784C;
  font-size: calc(18 * var(--ratio));
  line-height: calc(51 * 14 / 18 * var(--ratio));
  padding: 0 0;
  border-bottom: calc(1 * var(--ratio)) solid #A1784C;
}

@media only screen and (max-width: 479px) {
  /* line 20, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  input[type=text],
  input[type=tel],
  input[type=password],
  input[type=email],
  input[type=submit],
  textarea,
  select {
    font-size: calc(16 * var(--ratio));
    line-height: calc(36 * 14 / 16 * var(--ratio));
    padding: 0 0;
  }
}

/* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
textarea {
  border: calc(1 * 14 / 18 * var(--ratio)) solid #A1784C;
}

@media only screen and (max-width: 479px) {
  /* line 40, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  textarea {
    border: calc(1 * 14 / 16 * var(--ratio)) solid #A1784C;
  }
}

/* line 52, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active,
input[type=submit]:-webkit-autofill,
input[type=submit]:-webkit-autofill:hover,
input[type=submit]:-webkit-autofill:focus,
input[type=submit]:-webkit-autofill:active,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:hover,
input[type=tel]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: #A1784C !important;
  background: #ffffff !important;
}

/* line 63, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select {
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="19.2px" height="10px" viewBox="0 0 19.2 10"><polygon fill="%23A1784C" points="0,0 9.5,10 19.2,0 "></polygon></svg>');
  background-repeat: no-repeat, repeat;
  background-position: right 0.8em top 50%, 0 0;
  background-size: 0.8em auto, 100%;
}

/* line 69, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select:hover {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="19.2px" height="10px" viewBox="0 0 19.2 10"><polygon fill="%23A1784C" points="0,0 9.5,10 19.2,0 "></polygon></svg>');
}

/* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select.disabled, select[disabled], select.disabled:hover, select[disabled]:hover {
  border-bottom: calc(1 * var(--ratio)) solid #A1784C;
  color: #A1784C;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="19.2px" height="10px" viewBox="0 0 19.2 10"><polygon fill="%23A1784C" points="0,0 9.5,10 19.2,0 "></polygon></svg>');
  cursor: default;
}

/* line 77, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select::-ms-expand {
  display: none;
}

/* line 78, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select:focus {
  border-color: #A1784C;
  color: #A1784C;
  outline: none;
}

/* line 83, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select option[disabled] {
  display: none;
}

/* line 86, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=submit] {
  display: block;
  width: auto;
  height: calc(57 * 14 / 18 * var(--ratio));
  margin: calc(40 * 14 / 18 * var(--ratio)) auto 0;
  padding: 0 calc(61 * 14 / 18 * var(--ratio));
  line-height: calc(57 * 14 / 18 * var(--ratio));
  font-size: calc(18 * var(--ratio));
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  background-color: #827267;
  border: calc(2 * 14 / 18 * var(--ratio)) solid #827267;
  transition: background-color .3s ease, color .3s ease;
  border-top-right-radius: calc(28.5 * 14 / 18 * var(--ratio));
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 479px) {
  /* line 86, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  input[type=submit] {
    line-height: calc(44 * 14 / 15 * var(--ratio));
    font-size: calc(15 * var(--ratio));
    padding: 0 calc(45 * 14 / 15 * var(--ratio));
  }
}

/* line 108, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=submit]:hover {
  background-color: #ffffff;
  color: #827267;
}

/* line 115, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox],
input[type=radio] {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 126, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox] + label,
input[type=radio] + label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 479px) {
  /* line 126, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  input[type=checkbox] + label,
  input[type=radio] + label {
    align-items: flex-start;
  }
}

/* line 137, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox] + label[for] span,
input[type=radio] + label[for] span {
  color: #A1784C;
  font-size: calc(14 * var(--ratio));
  line-height: calc(24 * 14 / 14 * var(--ratio));
  display: block;
  text-align: left;
  padding-left: 1em;
  max-width: calc(100% - 22px);
}

@media only screen and (max-width: 479px) {
  /* line 137, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  input[type=checkbox] + label[for] span,
  input[type=radio] + label[for] span {
    font-size: calc(14 * var(--ratio));
    line-height: calc(20 * 14 / 14 * var(--ratio));
  }
}

/* line 150, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox] + label[for]:before,
input[type=radio] + label[for]:before {
  box-sizing: border-box;
  content: '';
  position: relative;
  z-index: 2;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  background-color: #ffffff;
  padding: calc(1 * var(--ratio));
  line-height: calc(23 * 14 / 22 * var(--ratio));
  width: calc(22 * var(--ratio));
  height: calc(22 * var(--ratio));
  border: calc(2 * var(--ratio)) solid #A1784C;
  outline: calc(0 * var(--ratio)) solid #ffffff;
}

@media only screen and (max-width: 479px) {
  /* line 150, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
  input[type=checkbox] + label[for]:before,
  input[type=radio] + label[for]:before {
    margin-top: 0.3em;
  }
}

/* line 170, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox] + label[for]:hover:before,
input[type=radio] + label[for]:hover:before {
  outline: calc(1 * var(--ratio)) solid #A1784C;
}

/* line 178, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox]:checked + label[for]:before,
input[type=radio]:checked + label[for]:before {
  background-color: #A1784C;
  border: calc(3 * var(--ratio)) solid #ffffff;
  outline: calc(1 * var(--ratio)) solid #A1784C;
}

/* line 184, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=checkbox]:checked + label[for]:hover:before,
input[type=radio]:checked + label[for]:hover:before {
  outline: calc(1 * var(--ratio)) solid #A1784C;
  opacity: 0.5;
}

/* line 195, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[type=radio] + label[for]:before {
  border-radius: 1em;
}

/* line 201, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
input[readonly=readonly] {
  background-color: #f1f1f1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 205, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
.input-inline {
  position: relative;
}

/* GESTION DES ERREURS */
/* line 209, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
.error-select[type=radio] + label,
.error-select[type=checkbox] + label,
.error-select,
input.error-select {
  animation: blink 1s;
  animation-iteration-count: 3;
}

/* line 216, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
.error-select[type=radio] + label:before,
.error-select[type=checkbox] + label:before {
  animation: blinkRadioCb 1s;
  animation-iteration-count: 3;
}

/* line 222, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
select.error-select {
  animation: blinkSelect 1s;
  animation-iteration-count: 3;
}

@keyframes blinkSelect {
  50% {
    border-color: red;
    color: red;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="19.2px" height="10px" viewBox="0 0 19.2 10"><polygon fill="red" points="0,0 9.5,10 19.2,0 "></polygon></svg>');
  }
}

@keyframes blink {
  50% {
    border-color: red;
    color: red;
  }
}

@keyframes blinkRadioCb {
  50% {
    outline: calc(2 * var(--ratio)) solid red;
  }
}

/* GESTION DU PLACEHOLDER */
/* line 255, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
::-webkit-input-placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 256, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
::-moz-placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 257, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
:-ms-placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 258, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
::placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 259, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
:-ms-input-placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 260, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_reset.scss */
:-moz-placeholder {
  color: #A1784C;
  opacity: 1;
}

/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire {
  margin: calc(149 * var(--ratio)) 0 auto 0;
}

/* line 3, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire.sending {
  z-index: 1;
}

/* line 5, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire.sending:before {
  z-index: 3;
  opacity: 1;
  visibility: visible;
}

/* line 13, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire.sending #formulaire-zone .object .object-face.form-face {
  z-index: 1;
}

/* line 16, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire.sending #formulaire-zone .object .object-face.message-face {
  z-index: 5;
}

@media only screen and (max-width: 479px) {
  /* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #item-formulaire {
    padding: 0;
    background-position: calc(26 * var(--ratio)) calc(52 * var(--ratio));
    background-size: calc(324.23 * var(--ratio)) auto;
    margin: calc(10 * var(--ratio)) auto 0;
  }
}

/* line 29, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire h1 {
  font-size: calc(26 * var(--ratio));
  line-height: calc(34 * 14 / 26 * var(--ratio));
  letter-spacing: 0.05em;
  display: block;
  margin: 0 auto calc(37 * 14 / 26 * var(--ratio));
}

/* line 30, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire h1 span {
  color: #827267;
  display: block;
  margin: 0 auto;
}

/* line 34, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#item-formulaire h1 span:first-child {
  color: #A1784C;
}

@media only screen and (max-width: 479px) {
  /* line 29, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #item-formulaire h1 {
    display: block;
    font-size: calc(17 * var(--ratio));
    line-height: calc(21 * 14 / 17 * var(--ratio));
    letter-spacing: 0.05em;
    margin: 0 0.5em calc(37 * 14 / 17 * var(--ratio));
  }
}

/* line 52, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone {
  position: relative;
  padding: 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #A1784C;
  width: calc(var(--sceneWidth) * var(--ratio));
  border: #A1784C solid calc(2 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 52, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone {
    padding: 0;
  }
}

/* line 64, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone a {
  color: #A1784C;
}

/* line 68, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .separateur:first-of-type {
  padding: calc(80 * var(--ratio)) 0 calc(50 * var(--ratio));
}

/* line 71, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .separateur:last-of-type {
  padding: calc(40 * var(--ratio)) 0 calc(60 * var(--ratio));
}

/* line 75, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object {
  position: relative;
  overflow: hidden;
  padding: calc(42 * var(--ratio)) 0 calc(35 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 75, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object {
    padding: calc(24 * var(--ratio)) 0;
  }
}

/* line 83, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.form-face {
  position: relative;
  z-index: 1;
}

/* line 87, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
  width: 100%;
  opacity: 0;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
  background-color: #ffffff;
}

@media only screen and (max-width: 479px) {
  /* line 87, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face {
    width: calc(100% - 20 * var(--ratio));
    left: calc(10 * var(--ratio));
  }
}

/* line 103, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face * {
  color: #000000;
}

/* line 106, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .success-pict {
  margin: 0 0 calc(37 * var(--ratio));
}

/* line 108, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .success-pict img {
  width: calc(88 * var(--ratio));
  height: calc(88 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 108, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face .success-pict img {
    width: calc(66 * var(--ratio));
    height: calc(66 * var(--ratio));
  }
}

/* line 117, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p {
  font-size: calc(20 * var(--ratio));
  line-height: calc(30 * 14 / 20 * var(--ratio));
  display: block;
  padding: 0 !important;
}

/* line 122, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p a {
  font-weight: 600;
  text-decoration: none;
}

/* line 125, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 479px) {
  /* line 117, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face p {
    font-size: calc(16 * var(--ratio));
    line-height: calc(24 * 14 / 16 * var(--ratio));
  }
}

/* line 133, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p + .info {
  margin-top: calc(48 * 14 / 20 * var(--ratio));
}

/* line 136, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p.info + .info {
  margin-top: calc(39 * 14 / 20 * var(--ratio));
  padding: 0;
}

@media only screen and (max-width: 479px) {
  /* line 136, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face p.info + .info {
    padding: 0;
  }
}

/* line 143, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p.title {
  font-size: calc(32 * var(--ratio));
  line-height: calc(38 * 14 / 32 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 143, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face p.title {
    font-size: calc(21 * var(--ratio));
    line-height: calc(25 * 14 / 21 * var(--ratio));
  }
}

/* line 150, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face p.title strong {
  font-size: calc(52 * 14 / 32 * var(--ratio));
  line-height: calc(62 * 14 / 52 * var(--ratio));
  font-weight: 600;
  display: block;
  color: #A1784C;
}

@media only screen and (max-width: 479px) {
  /* line 150, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face p.title strong {
    font-size: calc(35 * 14 / 21 * var(--ratio));
    line-height: calc(42 * 14 / 35 * var(--ratio));
  }
}

/* line 163, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .box {
  /*position: relative;/**/
  margin: auto;
  text-align: left;
}

/* line 167, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .box .content {
  padding: calc(74 * var(--ratio)) calc(151 * var(--ratio)) calc(71 * var(--ratio)) calc(112 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 167, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face .box .content {
    padding: calc(89 * var(--ratio)) calc(23 * var(--ratio)) calc(110 * var(--ratio)) calc(23 * var(--ratio));
  }
}

/* line 173, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .box .closeFace {
  position: absolute;
  z-index: 10;
  top: calc(30 * var(--ratio));
  right: calc(30 * var(--ratio));
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  height: calc(42 * var(--ratio));
  width: calc(42 * var(--ratio));
  background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 38.8 38.8%22%3E%3Ccircle fill=%22%23FFFFFF%22 cx=%2219.4%22 cy=%2219.4%22 r=%2219.4%22/%3E%3Cpath fill=%22%23707070%22 d=%22M19.4,0C8.7,0,0,8.7,0,19.4c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4C38.8,8.7,30.1,0,19.4,0z  M19.4,37.8C9.3,37.8,1,29.6,1,19.4C1,9.3,9.3,1,19.4,1c10.2,0,18.4,8.3,18.4,18.4C37.8,29.6,29.6,37.8,19.4,37.8z M27.2,10.2 L19.4,18l-7.8-7.8l-1.4,1.4l7.8,7.8l-7.8,7.8l1.4,1.4l7.8-7.8l7.8,7.8l1.4-1.4l-7.8-7.8l7.8-7.8L27.2,10.2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

@media only screen and (max-width: 479px) {
  /* line 173, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  #formulaire-zone .object .object-face.message-face .box .closeFace {
    height: calc(38.83 * var(--ratio));
    width: calc(38.83 * var(--ratio));
    top: calc(24 * var(--ratio));
    right: calc(19 * var(--ratio));
  }
}

/* line 190, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .box .closeFace:not(.active) {
  display: none;
}

/* line 193, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#formulaire-zone .object .object-face.message-face .box .closeFace:hover {
  font-weight: bolder;
  opacity: 1;
}

/* line 204, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form {
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 479px) {
  /* line 204, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form {
    padding: 0;
    border: 0;
  }
}

/* line 212, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(var(--formWidth) * var(--ratio));
  max-width: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 479px) {
  /* line 212, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form {
    margin: 0 auto;
  }
}

/* line 222, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: calc((100% - 30 *  var(--ratio))/ 1);
}

@media only screen and (max-width: 479px) {
  /* line 222, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul {
    width: 100%;
    max-width: 100%;
  }
}

/* line 234, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul > li {
  width: 100%;
}

/* line 236, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul > li:nth-child(1n+3) {
  margin-top: calc(30 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 236, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul > li:nth-child(1n+3) {
    margin-top: calc(14 * var(--ratio));
  }
}

@media only screen and (max-width: 479px) {
  /* line 242, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul > li.empty {
    display: none;
  }
}

/* line 248, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd {
  width: 100%;
}

/* line 250, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li {
  width: calc((50% - 30 *  var(--ratio)) / 1);
}

@media only screen and (max-width: 479px) {
  /* line 250, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul.double-odd > li {
    width: 100%;
  }
}

/* line 255, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li.double {
  max-width: 100%;
  width: 100%;
  margin: calc(30 * var(--ratio)) auto 0 0;
  margin-top: calc(33 * var(--ratio));
}

/* line 261, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li.double > div + div {
  margin-top: calc(25 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 255, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul.double-odd > li.double {
    margin: calc(14 * var(--ratio)) auto 0;
  }
}

/* line 271, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li.title-top .title {
  text-align: left;
  font-size: calc(16 * var(--ratio));
}

/* line 275, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li.title-top .input-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 280, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form > ul.double-odd > li.title-top .input-inline > div + div {
  margin-left: 1em;
}

@media only screen and (max-width: 479px) {
  /* line 294, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form > ul + ul,
  form .content-form > ul > li + li,
  form .content-form > ul > li:nth-child(1n+3) {
    margin-top: calc(18 * var(--ratio));
  }
}

/* line 301, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form .footer-form {
  width: 100%;
}

/* line 303, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form .footer-form .content-footer-form {
  display: inline-block;
}

/* line 308, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
form .content-form .asterisque p {
  font-size: calc(11 * var(--ratio));
  line-height: calc(15 * 14 / 11 * var(--ratio));
  text-align: left;
  margin-top: 0;
  color: #A1784C;
  padding: calc(11 * 14 / 11 * var(--ratio)) 0 0 !important;
}

@media only screen and (max-width: 479px) {
  /* line 308, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
  form .content-form .asterisque p {
    padding: calc(24 * 14 / 11 * var(--ratio)) 0 0 !important;
  }
}

/* line 326, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#message-face p {
  font-size: calc(20 * var(--ratio));
}

/* line 328, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#message-face p b {
  color: #A1784C;
}

/* line 333, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/form/_section.scss */
#closeFace {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 2em;
}

/* ==== FOOTER ==== */
/* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer {
  padding: calc(30 * var(--ratio)) calc(40 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 1, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer {
    padding: calc(22 * var(--ratio)) calc(15 * var(--ratio));
  }
}

/* line 7, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  width: calc(685 * var(--ratio));
  margin: 0 auto 1em;
}

@media only screen and (max-width: 479px) {
  /* line 7, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .info-footer {
    width: 100%;
    grid-template-columns: 1fr calc(201 * var(--ratio));
  }
}

/* line 17, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .contact {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

/* line 22, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .contact div {
  padding: 0 0 3em;
  text-align: right;
}

/* line 25, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .contact div a {
  font-weight: 700;
  display: block;
  color: #827267;
  text-decoration: none;
  font-size: calc(31 * var(--ratio));
  text-align: right;
}

@media only screen and (max-width: 479px) {
  /* line 25, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .info-footer .contact div a {
    font-size: calc(28 * var(--ratio));
    text-align: center;
  }
}

/* line 37, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .contact div span {
  display: inline-block;
  width: 100%;
  color: #827267;
  text-align: right;
  font-size: calc(16 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 37, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .info-footer .contact div span {
    font-size: calc(14 * var(--ratio));
    display: inline;
  }
}

/* line 50, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 479px) {
  /* line 50, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .info-footer .logos {
    display: block;
    width: 100%;
  }
}

/* line 58, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .info-footer .logos img {
  width: calc(172 * var(--ratio));
  height: calc(161 * var(--ratio));
  object-fit: contain;
  object-position: center center;
}

@media only screen and (max-width: 479px) {
  /* line 58, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .info-footer .logos img {
    width: calc(135 * var(--ratio));
    height: calc(125 * var(--ratio));
  }
}

/* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer hr {
  border: 0;
  border-top: 1px solid #0003;
}

@media only screen and (max-width: 479px) {
  /* line 70, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer hr {
    position: absolute;
    width: 100%;
    left: 0;
  }
}

/* line 79, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions {
  text-align: center;
  line-height: 4em;
  vertical-align: middle;
}

@media only screen and (max-width: 479px) {
  /* line 79, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .mentions {
    line-height: 2em;
  }
}

/* line 86, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: calc(12 * var(--ratio));
}

/* line 91, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions a span {
  text-decoration: underline;
}

@media only screen and (max-width: 479px) {
  /* line 86, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .mentions a {
    font-size: calc(12 * var(--ratio));
    display: block !important;
  }
}

/* line 99, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions a:hover span {
  color: #A1784C;
}

/* line 104, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions a + a:before {
  content: "|";
  margin: 0 1em;
}

@media only screen and (max-width: 479px) {
  /* line 104, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
  #footer .mentions a + a:before {
    display: none;
  }
}

/* line 112, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_footer.scss */
#footer .mentions a, #footer .mentions a a:visited {
  color: #827267;
}

/* line 2, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* line 7, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages section {
  width: calc(1200 * var(--ratio));
  max-width: 100%;
}

/* line 16, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .separateur {
  padding: calc(20 * var(--ratio)) 20%;
}

/* line 18, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .separateur hr {
  width: 100%;
}

/* line 22, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .back-home {
  position: absolute;
  line-height: calc(42 * var(--ratio));
  height: calc(42 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 22, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .back-home {
    top: calc(0 * var(--ratio));
  }
}

/* line 29, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .back-home svg {
  display: inline-block;
  width: calc(35 * var(--ratio));
  vertical-align: middle;
}

/* line 34, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .back-home:hover {
  opacity: 0.8;
}

/* line 39, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: calc(20 * var(--ratio)) calc(40 * var(--ratio));
  text-align: left;
}

@media only screen and (max-width: 479px) {
  /* line 39, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content {
    width: calc(100% - (var(--guttersMobile) * 2px));
    margin: 0 auto calc(50 * var(--ratio));
    padding: 0;
  }
}

/* line 51, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > ul > li, .pages .wrapper .content p, .pages .wrapper .content td {
  font-size: calc(17 * var(--ratio));
  color: #333;
}

/* line 55, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content a {
  color: #A1784C;
}

/* line 58, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > h1 {
  text-align: center;
  color: #A1784C;
  font-size: calc(36 * var(--ratio));
  line-height: calc(39 * 14 / 36 * var(--ratio));
  width: calc(800 * 14 / 36 * var(--ratio));
  max-width: 100%;
  margin: calc(50 * 14 / 36 * var(--ratio)) auto calc(50 * 14 / 36 * var(--ratio));
}

@media only screen and (max-width: 479px) {
  /* line 58, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content > h1 {
    font-size: calc(28 * var(--ratio));
    line-height: calc(30 * 14 / 28 * var(--ratio));
    width: inherit;
  }
}

/* line 73, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > h1 + .separateur {
  margin-bottom: calc(40 * 14 / 36 * var(--ratio));
}

/* line 77, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > h2 {
  color: #A1784C;
  font-size: calc(26 * var(--ratio));
  font-weight: 500;
  line-height: calc(34 * 14 / 26 * var(--ratio));
  margin: calc(20 * 14 / 26 * var(--ratio)) 0 0 0;
}

/* line 83, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > h2 + p {
  margin-top: 0.8em;
}

@media only screen and (max-width: 479px) {
  /* line 77, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content > h2 {
    font-size: calc(24 * var(--ratio));
    line-height: calc(32 * 14 / 24 * var(--ratio));
    margin: calc(20 * 14 / 24 * var(--ratio)) 0 0 0;
  }
}

/* line 92, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > p {
  padding: 0;
  line-height: 1.2em;
}

/* line 95, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content > p + p {
  margin-top: 2em;
}

/* line 99, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content ul {
  padding: 0 0 0 2em;
  margin: 0.8em 0 0 0;
}

@media only screen and (max-width: 479px) {
  /* line 102, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content ul li {
    font-size: calc(17 * var(--ratio));
  }
  /* line 105, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content ul li > p, .pages .wrapper .content ul li > ul > li, .pages .wrapper .content ul li > ul > li > p {
    font-size: calc(17 * 14 / 17 * var(--ratio));
  }
}

/* line 110, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content ul + p {
  margin-top: 2em;
}

/* line 113, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content table {
  border-collapse: collapse;
  margin: 1em auto;
  max-width: 100%;
  border: 1px solid #333;
}

/* line 118, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content table thead td {
  color: #ffffff;
  background-color: var(--colCharte1);
  border: 1px solid var(--colCharte1);
}

/* line 123, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content table td {
  border: 1px solid var(--colCharte1);
  padding: 0.6em 1em;
  font-size: calc(17 * var(--ratio));
}

/* line 128, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content table .title {
  display: none;
  font-weight: 600;
}

/* line 132, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
.pages .wrapper .content table .title:after {
  content: ' : ';
  display: inline-block;
  margin: 0 0.3em;
}

@media (max-width: 480px) {
  /* line 139, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table {
    border: 0;
  }
  /* line 141, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table .title {
    display: inline-block;
  }
  /* line 144, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr {
    display: contents;
  }
  /* line 147, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table thead {
    display: none;
  }
  /* line 150, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr td {
    display: block;
    padding: 0;
    border: inherit;
  }
  /* line 155, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr + tr td:first-child {
    padding-top: 1em;
    position: relative;
  }
  /* line 159, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr + tr td:first-child:before {
    /*content:'•';*/
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-size: 2em;
  }
  /* line 166, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr td:last-child {
    padding-bottom: 2em;
  }
  /* line 169, ../../xampp74/htdocs/joinville-v2/project/lp/assets/sass/composant/_page.scss */
  .pages .wrapper .content table tr td + td {
    order: 1;
  }
}

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