@font-face {
  font-family: Optician Sans;
  src: url('../fonts/Optician-Sans.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Open Sauce One;
  src: url('../fonts/OpenSauceOne-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: John mayer;
  src: url('../fonts/John-Mayer.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mazius Display;
  src: url('../fonts/Mazius-Display-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Mazius Display;
  src: url('../fonts/Mazius-Display-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --dark-slate-grey: #104041;
  --area-green: #042c2c;
  --white-smoke: var(--white);
  --new-green: #0a2c21;
  --dark-grey: #9a9887;
  --peach-puff: #dbbcac;
  --bronze: #d28c45;
  --dim-grey: #87705c;
  --vert-club-aera: #124041;
  --new-good-green: #182f23;
  --beige: #c6c2b7;
  --chambly: #132c22;
  --color: #fff0;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #264c51;
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Mazius Display, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

h2 {
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Mazius Display, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}

h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Mazius Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Mazius Display, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}

h5 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

p {
  max-width: 624px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #264c51;
  font-weight: 600;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  display: block;
}

blockquote {
  color: #b85b24;
  border-left: 1px #000;
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 0;
  font-family: Mazius Display, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.section-head {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-head.bg-dark {
  background-color: var(--area-green);
}

.section-head.bg-dark.border-top {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
}

.section-head.bg-dark.has-squiggle {
  border-top: 1px solid #ffffff1a;
}

.section-head.bg-dark.morepadding {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-head.title-section {
  position: relative;
}

.section-head.title-section.bg-dark {
  border-top: 1px solid #ffffff1a;
}

.section-head.border-top {
  border-top: 1px solid #08262a1a;
}

.section-head.has-squiggle {
  position: relative;
  overflow: hidden;
}

.section-head.no-bottom-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-head.no-bottom-padding.bg-dark {
  padding-bottom: 40px;
}

.section-head.no-bottom-padding.border-top {
  padding-top: 100px;
}

.section-head.no-top-padding {
  padding-top: 0;
}

.section-head.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-head.bg-verydark {
  background-color: var(--area-green);
}

.section-head.bg-beige {
  background-color: var(--white-smoke);
}

.section-head.description {
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.section-head.full-img {
  height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section-head.half-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.section-head.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-head.full-slider.bigger {
  height: 100%;
}

.section-head.full-slider.noimagebackground {
  background-image: none;
  height: 750px;
}

.section-head.bg-dark-landing {
  background-color: var(--new-green);
  color: var(--dark-grey);
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.main-container {
  width: 100%;
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.main-container.narrow {
  max-width: 1168px;
}

.main-container.fullscreen-container {
  z-index: 1;
  padding-top: 100px;
  position: relative;
}

.main-container.service-container {
  justify-content: center;
  display: flex;
}

.main-container.service-container.reverse-direction {
  flex-direction: row-reverse;
}

.main-container.justify-column-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.main-container.grow {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.main-container.centered {
  text-align: center;
}

.main-container.nomax2 {
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: 0;
}

.main-container.lesspadding {
  padding-left: 10px;
  padding-right: 10px;
}

.main-container.center {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.main-container.padding {
  padding-top: 60px;
}

.main-container.margin {
  background-color: #eeece7;
  max-width: none;
  margin-left: 0;
  padding: 64px 0 40px;
}

.squiggle-container {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.squiggle-container.top-left {
  width: 300px;
  height: 300px;
  position: absolute;
  top: -20%;
  left: -30%;
}

.squiggle-container.round-top-left {
  border-top-left-radius: 100%;
}

.squiggle-container.round-top-left.top-left {
  border-top-left-radius: 0%;
}

.squiggle-container.round-top-right {
  border-top-right-radius: 100%;
}

.squiggle-container.round-top-right.top-right-flush {
  position: absolute;
  bottom: 240px;
  right: 0;
}

.squiggle-container.round-top-right.far-top-right {
  position: absolute;
  top: -72px;
  right: -72px;
}

.squiggle-container.round-top-right.section-top-left {
  position: absolute;
  top: 24px;
  left: 24px;
}

.squiggle-container.round-bottom-right {
  border-bottom-right-radius: 100%;
}

.squiggle-container.round-bottom-right.composed-elements-squiggle {
  left: 96px;
}

.squiggle-container.round-bottom-right.hero-squiggle {
  position: absolute;
  bottom: 0;
  right: 0;
}

.squiggle-container.round-bottom-right.top-left-flush {
  position: absolute;
  top: 24px;
  left: 24px;
}

.squiggle-container.round {
  border-radius: 50%;
}

.squiggle-container.round.noround {
  background-image: url('../images/Aera_Drapeau-2.png');
  background-position: 0 0;
  background-size: contain;
  border-radius: 0%;
  width: 400px;
  height: 400px;
  margin-left: 65px;
}

.squiggle-container.top-right {
  width: 300px;
  height: 300px;
  position: absolute;
  top: -25%;
  right: -25%;
}

.squiggle-container.bottom-left {
  position: absolute;
  bottom: -24px;
  left: -24px;
}

.squiggle-container.bottom-right {
  position: absolute;
  bottom: -24px;
  right: -24px;
}

.squiggle-container.cta-top {
  height: 100px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
}

.squiggle-container.cta-bottom {
  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  height: 100px;
  margin-top: 96px;
  margin-left: auto;
  margin-right: auto;
}

.squiggle-container.section-top-right {
  position: absolute;
  top: -48px;
  right: 72px;
}

.squiggle-container.round-bottom {
  border-bottom-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
}

.squiggle-container.bottom-right-flush {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.squiggle {
  background-image: url('../images/Aera_icone-vert-fonce.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.squiggle.bg-primary-2 {
  background-color: #0000;
  background-image: url('../images/Aera_icone-gris.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

.squiggle.bg-primary-2.transparent {
  opacity: .35;
}

.squiggle.bg-white {
  background-color: #0000;
  background-image: url('../images/Aera_icone-gris.png');
  background-size: contain;
}

.squiggle.les {
  background-image: none;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

.squiggle.white {
  background-image: url('../images/Aera_icone-gris.png');
}

.animated-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.animated-image-container {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: none;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.animated-image-container.round-top {
  overflow: hidden;
}

.animated-image-container.round-top.specialsize {
  width: 65%;
  height: 400px;
}

.animated-image-container.portrait-small {
  height: auto;
}

.animated-image-container.cta-image-b {
  width: 216px;
  margin-bottom: 48px;
  margin-left: -24px;
}

.animated-image-container.cta-image-b.largerb {
  width: 240px;
}

.animated-image-container.cta-image-c {
  width: 168px;
  margin-left: -12px;
}

.animated-image-container.round-bottom-left {
  border-bottom-left-radius: 1000px;
}

.animated-image-container.round-top-2 {
  border-top-right-radius: 200px;
}

.animated-image-container.round-bottom-2 {
  border-radius: 0 0 200px;
  top: 25px;
}

.animated-image-container.round-top-3 {
  border-top-left-radius: 200px;
}

.animated-image-container.cta-image-b-club {
  width: 400px;
  margin-bottom: 48px;
  margin-left: -24px;
}

.animated-image-container.cta-image-b-club-larger {
  width: 236px;
  margin-bottom: 48px;
  margin-left: -24px;
}

.image-combo {
  align-items: flex-end;
  width: 100%;
  display: block;
  position: relative;
}

.style-guide-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-typography-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr;
}

.bg-primary-1 {
  color: var(--white);
  background-color: #264c51;
}

.bg-primary-2 {
  color: var(--white);
  background-color: #b85b24;
}

.bg-primary-3 {
  color: var(--white);
  background-color: #6b818c;
}

.bg-dark {
  color: var(--white);
  background-color: #08262a;
}

.bg-dark.border-top {
  border-top: 1px solid #ffffff1a;
}

.bg-white {
  background-color: var(--white);
  color: #264c51;
}

.border-dark {
  color: #08262a1a;
  background-color: #08262a1a;
}

.display-heading {
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.display-heading.no-bottom-margin {
  margin-bottom: 0;
}

.display-heading.smaller {
  font-family: John mayer, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 58px;
}

.large-text {
  color: var(--area-green);
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.large-text.article-intro {
  margin-bottom: 48px;
}

.small-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.small-text.right {
  text-align: right;
}

.fine-print-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.fine-print-text.below-button {
  margin-top: 12px;
}

.fine-print-text-link {
  font-weight: 700;
  text-decoration: underline;
}

.small-caps-text {
  letter-spacing: .1em;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.small-caps-text.subtitle {
  color: var(--dark-slate-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 24px;
  display: flex;
}

.small-caps-text.subtitle.left {
  text-align: left;
}

.small-caps-text.diagram-left-text {
  position: absolute;
  top: 24px;
  left: 9px;
  transform: translate(-50%);
}

.small-caps-text.diagram-right-text {
  position: absolute;
  top: 24px;
  right: 9px;
  transform: translate(50%);
}

.bg-light {
  background-color: #eeece7;
}

.style-guide-title-wrapper {
  background-color: var(--white);
  padding: 36px;
  position: relative;
}

.style-guide-title {
  position: sticky;
  top: 120px;
}

.style-guide-icons-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.button {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: #264c51;
  text-align: center;
  padding: 14px 24px;
  font-weight: 700;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 20px 200px #0000;
}

.button:hover {
  border-color: var(--peach-puff);
  background-color: var(--peach-puff);
  color: var(--white);
  box-shadow: inset 0 0 20px 200px #0000000d;
}

.button.small {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}

.button.small.outline {
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  flex: none;
}

.button.small.outline.white {
  color: var(--white);
  border-color: #fff;
}

.button.small.outline-white {
  color: var(--white);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.small.outline-white:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: #264c51;
}

.button.outline {
  border-color: var(--new-green);
  box-shadow: none;
  color: var(--new-green);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.outline:hover {
  background-color: var(--new-green);
  color: var(--white);
}

.button.alternative {
  background-color: var(--white-smoke);
  color: var(--area-green);
  letter-spacing: .1em;
  text-indent: -.1em;
  text-transform: uppercase;
  border-radius: 200px;
  margin-top: 40px;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: all .5s;
}

.button.alternative:hover {
  border-color: var(--white-smoke);
  background-color: var(--white-smoke);
  color: var(--area-green);
}

.button.alternative.video-button {
  align-items: center;
  display: flex;
}

.button.alternative.bg-primary-1 {
  border-color: var(--dark-slate-grey);
  background-color: var(--dark-slate-grey);
}

.button.alternative.bg-primary-1:hover {
  border-color: var(--bronze);
  background-color: var(--bronze);
}

.button.bg-primary-1 {
  color: var(--white);
  background-color: #264c51;
  border-color: #264c51;
}

.button.icon-button {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.button.icon-button.bg-primary-1 {
  background-color: var(--dark-slate-grey);
}

.button.icon-button.slider-button-left {
  background-color: var(--area-green);
  border-color: #264c51;
  inset: auto 80px -28px auto;
}

.button.icon-button.slider-button-right {
  background-color: var(--area-green);
  border-color: #264c51;
  inset: auto 24px -28px auto;
}

.button.icon-button.quote-slider-left {
  background-color: #264c51;
  border-color: #264c51;
  transition: box-shadow .2s;
  inset: auto auto -28px 50%;
  transform: translate(-100%);
}

.button.icon-button.quote-slider-right {
  background-color: #264c51;
  border-color: #264c51;
  inset: auto 50% -28px auto;
  transform: translate(100%);
}

.button.icon-button.overlay-slider-button-right {
  background-color: #264c51;
  border-color: #264c51;
  right: -28px;
}

.button.icon-button.overlay-slider-button-left {
  background-color: #264c51;
  border-color: #264c51;
  left: -28px;
}

.button.outline-white {
  box-shadow: none;
  color: var(--white);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.outline-white:hover {
  background-color: var(--white);
  color: #264c51;
}

.button.onwhite {
  background-color: var(--area-green);
  color: var(--white);
}

.button.onwhite:hover {
  border-color: var(--white-smoke);
}

.button-icon-image {
  flex: none;
  position: absolute;
}

.form-input {
  color: #264c51;
  background-color: #0000;
  border: 1px solid #08262a33;
  height: 56px;
  margin-bottom: 0;
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: #264c51;
}

.form-input::placeholder {
  color: #264c51;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.form-input.small {
  height: 46px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.form-input.small.naked {
  border-style: none none solid;
  border-bottom-width: 2px;
  border-bottom-color: #264c51;
  padding-left: 0;
}

.form-input.small.naked:focus {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}

.form-input.small.naked.white {
  border-bottom-color: var(--white);
}

.form-input.small.naked-white {
  border-top-style: none;
  border-bottom-width: 2px;
  border-right-style: none;
  border-bottom-color: var(--white);
  color: var(--white);
  border-left-style: none;
  padding-left: 0;
}

.form-input.small.naked-white:focus {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}

.form-input.small.naked-white::placeholder {
  color: var(--white);
}

.form-input.white {
  color: var(--white);
  border-color: #ffffff1a;
}

.form-input.white:focus {
  border-color: #ffffff40;
}

.form-input.white::placeholder {
  color: var(--white);
}

.form-input.white.bottom-border-only {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding-left: 0;
}

.form-input.textarea {
  min-height: 200px;
}

.form-block {
  margin-bottom: 0;
  display: none;
}

.form-block.show {
  display: block;
}

.checkbox {
  cursor: pointer;
  border-width: 2px;
  border-color: #08262a33;
  border-radius: 0;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 0;
  transition: background-color .2s, border-color .2s;
  position: relative;
  bottom: 1px;
}

.checkbox.w--redirected-checked {
  background-color: #264c51;
  background-image: url('../images/icon-check_1.svg');
  border-color: #264c51;
}

.checkbox-label {
  margin-bottom: 0;
  margin-left: 6px;
}

.checkbox-label.fine-print-text {
  margin-left: 12px;
}

.checkbox-field {
  align-items: center;
  display: flex;
}

.badge {
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
}

.badge.bg-white {
  color: #264c51;
}

.badge.bg-primary-2.pricing-badge {
  position: absolute;
  top: -23px;
  right: 24px;
}

.badge.badge-group-item {
  margin-bottom: 6px;
  margin-right: 6px;
}

.badge.badge-group-item.bg-green {
  background-color: var(--dark-slate-grey);
  color: var(--white);
}

.badge.case-study-badge {
  margin-left: 3px;
  margin-right: 3px;
}

.badge.case-study-badge.bg-primary-1 {
  text-align: left;
}

.badge-icon {
  width: 16px;
  margin-right: 6px;
}

.container-small {
  direction: ltr;
  color: var(--white-smoke);
  width: 100%;
  max-width: 400px;
}

.container-small.align-center.contains-slider {
  max-width: 500px;
}

.container-small.align-center.contains-slider-big {
  max-width: 960px;
}

.container-small.align-center.larger {
  max-width: 500px;
}

.container-small.narrow {
  max-width: 288px;
}

.container-small.align-left {
  margin-right: auto;
}

.container-small.align-right {
  margin-left: auto;
}

.container-small.align-right.overlay-top-right {
  z-index: 2;
  margin-bottom: -48px;
  position: relative;
  left: 3vh;
}

.container-small.overlay-left-image {
  z-index: 1;
  margin-left: -72px;
  position: relative;
}

.grid-halves {
  grid-column-gap: 48px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  align-items: center;
}

.grid-halves.reverse-direction {
  direction: rtl;
  color: var(--dark-slate-grey);
}

.grid-halves.stretch-columns {
  align-items: stretch;
}

.grid-halves.centered {
  justify-items: center;
}

.container {
  direction: ltr;
  width: 100%;
  max-width: 512px;
  position: relative;
}

.container.align-center {
  color: var(--white-smoke);
}

.container.align-center.text-center.morespace {
  max-width: 550px;
}

.container.align-center.larger {
  max-width: 600px;
}

.container.align-center.space {
  margin-top: 10px;
}

.container.overlay-image-right {
  z-index: 2;
  margin-right: -72px;
  top: 72px;
}

.container.service-container {
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.container.blog-post-title {
  z-index: 2;
  margin-right: -96px;
}

.container.blog-vertical-title-container {
  margin-right: 48px;
}

.container.stretch {
  height: 100%;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.large-heading {
  color: var(--new-green);
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  line-height: 60px;
}

.large-heading.section-heading {
  margin-bottom: 0;
}

.large-heading.pricing-plan-heading {
  margin-bottom: 6px;
}

.large-heading.bottomandtop {
  margin-top: 25px;
  margin-bottom: 50px;
}

.text-grid-rows {
  grid-row-gap: 36px;
  grid-template-columns: 1fr;
}

.text-primary-2 {
  color: var(--peach-puff);
}

.section-title {
  margin-bottom: 48px;
}

.section-title.centered {
  background-color: var(--area-green);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 0;
  display: flex;
}

.image-squiggle {
  position: relative;
}

.image-squiggle.overlay-bottom-left {
  margin-top: -120px;
  left: -72px;
}

.image-squiggle.cta-image-a {
  z-index: 1;
}

.image-squiggle.overlay-bottom-right {
  top: -72px;
  left: 96px;
}

.image-squiggle.space {
  margin-top: 60px;
}

.section-contents {
  z-index: 1;
  position: relative;
}

.section-contents.justify-between {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.section-contents.stretch {
  height: 100%;
}

.underline-link.margin-right {
  margin-right: 24px;
}

.underline-link.adjacent-to-link {
  margin-left: 36px;
}

.underline-container {
  background-color: #08262a1a;
  width: 100%;
  height: 1px;
  position: relative;
}

.underline-container.bg-white {
  background-color: #ffffff1a;
}

.underline-line {
  background-color: #264c51;
  width: 0%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.underline-line.bg-white {
  background-color: var(--white);
}

.navbar-container {
  z-index: 99;
  background-color: #eeece7;
  border-bottom: 1px #08262a1a;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navbar-container.bg-dark {
  background-color: var(--area-green);
  border-bottom-color: #ffffff1a;
}

.navbar-container.bg-dark.sticky-top {
  background-color: #104041;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-container.bg-white {
  background-color: var(--white);
}

.navbar-container.bg-primary-3 {
  background-color: #6b818c;
}

.navbar-container.overlay-hero {
  background-color: #0000;
  border-bottom-style: solid;
  border-bottom-color: #ffffff1a;
  margin-bottom: -160px;
}

.navbar-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #0000;
}

.navbar-left-content {
  align-items: center;
  display: flex;
}

.nav-menu {
  margin-left: 36px;
}

.nav-menu.no-left-margin, .nav-menu.nav-menu-center {
  margin-left: 0;
}

.navbar-right-content-wrapper {
  align-items: center;
  display: flex;
}

.navbar-right-item {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.nav-link {
  color: var(--dark-slate-grey);
  margin-left: 12px;
  margin-right: 12px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .2s;
}

.nav-link:hover {
  opacity: .65;
}

.nav-link.w--current {
  color: var(--dark-slate-grey);
}

.nav-link.dropdown-link {
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.nav-link.text-white {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
}

.nav-link.text-white.w--current {
  color: var(--white);
}

.dropdown-icon {
  margin-left: 6px;
}

.dropdown-list.w--open {
  background-color: var(--white);
  border: 1px solid #08262a1a;
  min-width: 200px;
  padding: 24px;
  font-size: 14px;
  line-height: 22px;
}

.dropdown-list.large {
  min-width: 320px;
}

.dropdown-list.wide {
  min-width: 280px;
}

.dropdown-link-item {
  color: #264c51;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: color .2s;
}

.dropdown-link-item:hover, .dropdown-link-item.w--current {
  color: #b85b24;
}

.dropdown-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-grid-vertical.large {
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.dropdown-link-block {
  font-weight: 500;
  transition: color .2s;
}

.dropdown-link-block:hover {
  color: #b85b24;
}

.dropdown-link-block-heading {
  margin-bottom: 6px;
  font-weight: 700;
}

.navbar-right-content {
  align-items: center;
  display: flex;
}

.navbar-brand {
  width: 200px;
  padding-left: 0;
}

.navbar-brand.w--current {
  width: 200px;
}

.text-white {
  color: var(--white);
}

.navbar-horizontal-menu {
  align-items: center;
  display: flex;
}

.social-links {
  align-items: center;
  margin-left: -9px;
  margin-right: -9px;
  display: flex;
}

.social-links.footer-social-links {
  margin-top: 48px;
  margin-bottom: 24px;
}

.social-link-image {
  max-height: 20px;
}

.social-link-item {
  flex: none;
  margin-left: 9px;
  margin-right: 9px;
}

.navigation-bars {
  flex-direction: column-reverse;
  display: flex;
}

.navbar-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: grid;
}

.round-logo {
  width: 150px;
}

.nav-menu-center {
  float: none;
}

.nav-menu-center-container {
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 12px;
  display: flex;
}

.navbar-left-links {
  align-items: center;
  display: flex;
}

.footer {
  color: var(--dark-slate-grey);
  padding-top: 72px;
  padding-bottom: 48px;
  font-family: Neuemontreal, sans-serif;
}

.footer-top-row {
  justify-content: space-between;
  display: flex;
}

.footer-grid-thirds {
  grid-column-gap: 54px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  margin-right: 54px;
}

.links-grid-vertical {
  grid-row-gap: 12px;
  grid-template-columns: 1fr;
}

.contact-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-success {
  color: var(--white);
  text-align: center;
  background-color: #264c51;
  padding: 24px;
}

.form-error {
  color: #264c51;
  background-color: #f5c8c8;
  margin-top: 12px;
  padding: 16px;
}

.horizontal-form {
  display: flex;
}

.footer-heading {
  color: var(--dark-slate-grey);
  margin-bottom: 24px;
}

.footer-bottom-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.footer-meta {
  align-items: center;
  display: flex;
}

.footer-meta-item {
  margin-left: 24px;
}

.footer-meta-item.align-center {
  margin-left: 12px;
  margin-right: 12px;
}

.footer-2 {
  color: var(--white);
  background-color: #08262a;
  padding-top: 96px;
  padding-bottom: 72px;
}

.footer-2-top-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.horizontal-rule {
  clear: left;
  background-color: #ffffff1a;
  height: 1px;
  margin-top: 72px;
  margin-bottom: 48px;
}

.horizontal-rule.service-item-rule {
  background-color: #08262a1a;
  margin-top: 24px;
  margin-bottom: 24px;
}

.horizontal-rule.metric-rule {
  margin-top: 0;
  margin-bottom: 0;
}

.horizontal-rule.grid-rule {
  background-color: #08262a1a;
  margin-top: 0;
  margin-bottom: 0;
}

.horizontal-rule.bg-dark {
  background-color: #08262a1a;
}

.footer-2-bottom-row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-2-logo {
  margin-bottom: 48px;
}

.footer-3-top-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-3-middle-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1072px;
  margin-top: 48px;
  margin-bottom: 120px;
  display: grid;
}

.footer-3-bottom-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.back-to-top-button {
  z-index: 999;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.container-large {
  width: 100%;
  max-width: 624px;
}

.container-large.align-center {
  position: relative;
}

.container-large.wide {
  max-width: 960px;
}

.text-center {
  text-align: center;
}

.bg-squiggle {
  z-index: 0;
  opacity: .05;
  background-image: url('../images/squiggle-white.svg');
  background-position: 0 0;
  background-size: 48px;
  position: absolute;
  inset: 0%;
}

.horizontal-divider {
  width: 36px;
  height: 2px;
  margin-top: 36px;
  margin-bottom: 36px;
}

.horizontal-divider.bg-primary-2 {
  background-color: var(--peach-puff);
}

.horizontal-divider.bg-white {
  margin-top: 48px;
  margin-bottom: 48px;
}

.bulleted-list-grid {
  grid-row-gap: 12px;
  grid-template-columns: 1fr;
}

.bulleted-list-grid.pricing-plan-list {
  margin-bottom: 36px;
}

.bulleted-list-grid.pricing-plan-2-list {
  border-top: 1px solid #08262a1a;
  align-items: start;
  margin-bottom: 24px;
  padding-top: 48px;
}

.bulleted-list-grid.pricing-plan-2-list.border-top-white {
  border-top-color: #ffffff40;
}

.bulleted-list-item {
  align-items: center;
  display: flex;
}

.bullet {
  background-color: #264c51;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  margin-right: 12px;
}

.bullet.bg-white {
  background-color: var(--white);
}

.service-items {
  color: var(--dark-slate-grey);
}

.service-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-item-heading {
  margin-bottom: 4px;
}

.text-bold {
  font-weight: 700;
}

.section-large {
  background-color: #eeece7;
  padding-top: 50px;
  padding-bottom: 144px;
}

.section-large.bg-dark {
  background-color: var(--area-green);
  padding-bottom: 100px;
  font-family: Neuemontreal, sans-serif;
  position: relative;
}

.section-large.bg-dark.border-top-white {
  background-color: var(--dark-slate-grey);
  border-top: 1px solid #ffffff1a;
}

.section-large.bg-dark.lesspadding {
  background-color: var(--area-green);
  border-top: 1px solid #ffffff1a;
  padding-top: 100px;
}

.section-large.has-squiggle {
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
  overflow: hidden;
}

.section-large.bg-white {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  font-family: Neuemontreal, sans-serif;
}

.section-large.bg-white.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-large.bg-primary-2 {
  background-color: var(--peach-puff);
}

.section-large.bg-primary-3 {
  background-color: #6b818c;
}

.section-large.bg-primary-3.border-top {
  border-top: 1px solid #ffffff1a;
}

.section-large.hidden {
  display: flex;
}

.text-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.diagram {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.diagram-left {
  align-items: center;
  display: flex;
  position: relative;
}

.diagram-circle {
  background-color: #264c51;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.diagram-line {
  background-color: #264c51;
  width: 176px;
  height: 1px;
}

.diagram-center {
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  position: relative;
}

.diagram-logo {
  position: absolute;
}

.medium-heading {
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.medium-heading.no-bottom-margin {
  flex: 1;
}

.medium-heading.diagram-heading {
  margin-bottom: 0;
}

.medium-heading.sans {
  font-family: Open Sauce One, sans-serif;
  font-weight: 700;
}

.medium-heading.featured-post-heading {
  margin-top: 48px;
  margin-bottom: 48px;
}

.medium-heading.blog-vertical-heading {
  margin-top: 24px;
  margin-bottom: 0;
}

.medium-heading.trouver {
  flex: 1;
  padding-left: 0;
  font-size: 34px;
  line-height: 35px;
}

.medium-heading.quote {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 34px;
}

.medium-heading.smaller3 {
  font-family: Open Sauce One, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.no-bottom-margin {
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
}

.no-bottom-margin.text-primary-2 {
  margin-left: 0;
  margin-right: 0;
}

.diagram-right {
  align-items: center;
  display: flex;
  position: relative;
}

.diagram-vertical-item {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.diagram-line-vertical-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.diagram-line-vertical-container {
  width: 1px;
  height: 144px;
  position: relative;
}

.diagram-line-vertical {
  background-color: #264c51;
  width: 1px;
  height: 100%;
  position: absolute;
}

.diagram-vertical {
  grid-row-gap: 24px;
  grid-template-columns: 1fr;
}

.grid-two-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.grid-two-thirds.reverse-direction {
  direction: rtl;
}

.text-grid-halves {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  direction: ltr;
  grid-template-rows: auto;
}

.contained-section {
  max-width: 1072px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 24px;
  position: relative;
}

.contained-section.bg-dark {
  background-color: var(--area-green);
}

.link-pair, .link-with-arrow {
  align-items: center;
  display: flex;
}

.link-arrow-image {
  margin-left: 4px;
}

.composed-elements {
  position: relative;
}

.composed-elements.contained-section-left {
  left: -72px;
}

.composed-elements.contained-section-right {
  left: 72px;
}

.composed-elements.row {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.composed-elements.align-items-center {
  align-items: center;
  display: flex;
}

.round-bottom-right {
  border-bottom-right-radius: 1000px;
}

.boxed-text {
  direction: ltr;
  color: #264c51;
  background-color: #fff;
  max-width: 336px;
  padding: 24px;
  box-shadow: 0 0 13px -8px #0000008c;
}

.boxed-text.slider-overlay-box {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  min-height: 360px;
  padding: 72px 54px;
  display: flex;
  position: absolute;
}

.composed-bottom-right {
  position: absolute;
  bottom: 24px;
  right: -24px;
}

.composed-bottom-right.flush-right {
  right: 0;
}

.composed-top-left {
  position: absolute;
  top: 24px;
  left: -24px;
}

.section-title-large {
  margin-bottom: 96px;
}

.section-title-large.lessmargin {
  margin-bottom: 20px;
}

.hover-list-item-wrapper {
  border-top: 1px solid #ffffff1a;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.hover-list-image {
  z-index: 0;
  opacity: .1;
  position: absolute;
  right: 0;
}

.hover-list-item-content {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

.justify-content-center {
  justify-content: center;
  display: flex;
}

.justify-content-center.align-items-top {
  align-items: flex-start;
}

.justify-content-center.video {
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 0;
  display: block;
}

.contained-section-small {
  padding: 72px 24px;
}

.image-overlay-combo {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 72px;
  display: flex;
}

.card-grid-thirds {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto;
}

.card-body {
  padding: 48px;
}

.badge-group {
  flex-wrap: wrap;
  margin-bottom: 24px;
  display: flex;
}

.badge-group.no-bottom-margin {
  margin-top: 36px;
  margin-bottom: 0;
}

.slider {
  background-color: #0000;
  height: auto;
}

.slider.quote-slider {
  margin-bottom: 28px;
}

.hide-slide-nav {
  display: none;
}

.adjacent-text-grid {
  z-index: 1;
  grid-column-gap: 96px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
  align-items: center;
  position: relative;
}

.process-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.process-number {
  opacity: .1;
  color: var(--white-smoke);
  margin-bottom: 24px;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.composed-bottom-left {
  position: absolute;
  bottom: 0;
  left: -48px;
  transform: translate(0, 50%);
}

.composed-bottom-left.overlay {
  bottom: 48px;
  transform: none;
}

.frame {
  border: 1px solid #ffffff26;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.frame.bg-dark {
  position: relative;
}

.frame.border-dark {
  color: #264c51;
  background-color: #0000;
  border-color: #08262a1a;
}

.frame.border-dark.video-frame {
  width: 100%;
}

.frame.no-border {
  border-style: none;
}

.frame-title {
  border-bottom: 1px solid #ffffff26;
  padding: 24px 36px;
}

.frame-title.border-bottom-dark {
  border-bottom-color: #08262a1a;
}

.frame-body {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 36px;
  display: flex;
}

.frame-body.border-bottom {
  border-bottom: 1px solid #ffffff40;
}

.frame-body.border-bottom-dark {
  border-bottom: 1px solid #08262a1a;
}

.frame-body.align-content-center {
  justify-content: center;
  align-items: center;
}

.frame-body.stretch-contents {
  align-items: stretch;
}

.service-section {
  flex-direction: row;
  justify-content: space-around;
  display: flex;
}

.service-section.justify-content-center {
  justify-content: center;
}

.icon-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  max-width: 1072px;
  margin-left: auto;
  margin-right: auto;
}

.icon-grid.vertical {
  grid-template-columns: 1fr;
}

.icon-horizontal {
  align-items: flex-start;
  display: flex;
}

.icon-horizontal-image {
  flex: none;
  margin-right: 36px;
}

.icon-process-grid-thirds {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-icon {
  margin-bottom: 24px;
}

.process-lines {
  align-items: center;
  display: flex;
}

.process-circle {
  background-color: var(--peach-puff);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.process-line {
  background-color: var(--peach-puff);
  flex: 1;
  height: 1px;
}

.process-grid-text {
  max-width: 288px;
}

.process-icon-and-line {
  margin-bottom: 24px;
}

.icon-grid-quarters {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.icon {
  margin-bottom: 24px;
}

.avatar {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 96px;
  height: 96px;
}

.avatar.quote-avatar {
  margin-top: -48px;
  margin-bottom: 12px;
}

.quote-card-body {
  background-color: var(--white);
  color: #264c51;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 72px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.quote-card-body.reduced-bottom-margin {
  padding-bottom: 48px;
}

.quote-heading {
  margin-bottom: 2px;
}

.quote-author {
  margin-bottom: 24px;
}

.quote-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.composed-elements-column {
  flex-direction: column;
  justify-content: space-between;
  margin-top: 48px;
  margin-left: -48px;
  display: flex;
  position: relative;
}

.composed-cta-images {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.animated-image-placeholder {
  opacity: 0;
}

.composed-cta-right {
  z-index: 0;
  position: relative;
}

.composed-cta-right.club-zindex {
  z-index: 2;
}

.frame-metrics {
  grid-row-gap: 36px;
  text-align: center;
  grid-template-columns: 1fr;
  width: 100%;
}

.metric-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.metric-number {
  margin-right: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.metrics-grid-thirds {
  grid-column-gap: 72px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.video-lightbox-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.video-button-icon {
  margin-right: 12px;
}

.video-button-wrapper {
  position: absolute;
}

.pricing-grid-halves {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.pricing-box.bg-primary-1 {
  position: relative;
}

.pricing-box-top {
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
  padding: 48px;
  display: flex;
}

.pricing-box-bottom {
  border-top: 1px solid #08262a1a;
  justify-content: space-between;
  align-items: center;
  padding: 36px 48px;
  display: flex;
}

.pricing-box-bottom.border-top-white {
  border-top-color: #ffffff40;
}

.pricing-box-items {
  grid-row-gap: 24px;
  grid-template-columns: 1fr;
  margin-top: 48px;
}

.pricing-box-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pricing-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-grid-thirds.no-gaps {
  grid-column-gap: 0px;
}

.pricing-plan-top {
  background-color: var(--white);
  color: #264c51;
  padding: 48px;
  position: relative;
}

.pricing-plan-body {
  flex-direction: column;
  flex: 0 100%;
  padding: 48px;
  display: flex;
}

.pricing-plan-body.bg-primary-1 {
  justify-content: space-between;
}

.pricing-plan-body.border {
  border: 1px solid #08262a1a;
  justify-content: center;
  align-items: center;
}

.pricing-plan-wrapper {
  flex-direction: column;
  display: flex;
  position: relative;
}

.pricing-plan-bottom {
  flex-direction: column;
  display: flex;
}

.pricing-plan-2 {
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.pricing-plan-2-body {
  border-top: 1px solid #08262a1a;
  flex-direction: column;
  padding-top: 48px;
  display: flex;
}

.pricing-plan-price {
  margin-bottom: 36px;
  font-family: Open Sauce One, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.pricing-plan-2-bottom {
  border-top: 1px solid #08262a1a;
  flex-direction: column;
  margin-top: 24px;
  padding-top: 24px;
  display: flex;
}

.pricing-plan-2-bottom.border-top-white {
  border-top-color: #ffffff40;
}

.pricing-plan-3 {
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  min-height: 528px;
  padding: 48px;
  display: flex;
  position: relative;
}

.pricing-plan-3-middle {
  margin-top: 48px;
  margin-bottom: 48px;
}

.pricing-plan-3-text {
  max-width: 200px;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-plan-3-heading {
  font-family: Open Sauce One, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.form-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.small-link {
  text-decoration: underline;
}

.form-grid-halves {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
}

.boxed-form {
  padding: 48px;
}

.boxed-form.bg-white {
  position: relative;
}

.section-small {
  padding-top: 48px;
  padding-bottom: 48px;
}

.account-form-container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.form-grid-thirds {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.adjacent-tabs {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.adjacent-tabs-content {
  flex: 0 984px;
  margin-left: auto;
  padding-left: 24px;
}

.tabs-menu-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  border-right: 1px solid #08262a1a;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 220px;
  display: grid;
  position: sticky;
  top: 104px;
}

.adjacent-tab-link {
  opacity: .65;
  color: #264c51;
  background-color: #0000;
  border-right: 2px solid #264c5100;
  margin-bottom: 40px;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  transition: border-color .2s, opacity .2s;
}

.adjacent-tab-link:hover {
  opacity: 1;
}

.adjacent-tab-link.w--current {
  opacity: 1;
  background-color: #0000;
  border-right-color: #264c51;
  justify-content: space-between;
  display: flex;
}

.adjacent-tab-link.horizontal {
  border-bottom: 2px solid #264c5100;
  border-right-style: none;
  margin-left: 24px;
  margin-right: 24px;
  padding-bottom: 6px;
}

.adjacent-tab-link.horizontal.w--current {
  border-bottom-color: #264c51;
}

.tabs-mobile-title {
  text-align: center;
  margin-bottom: 24px;
  display: none;
}

.tabs-container {
  position: relative;
}

.video-placeholder {
  width: 100%;
  height: 400px;
}

.align-content-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.horizontal-tabs-menu {
  border-bottom: 1px solid #08262a1a;
  justify-content: center;
  margin-bottom: 72px;
  display: flex;
}

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

.horizontal-tabs-content {
  width: 100%;
  overflow: visible;
}

.image-round-top {
  border-top-left-radius: 0;
  border-top-right-radius: 200px;
  position: relative;
}

.popup {
  z-index: 10;
  background-color: var(--white);
  border: 1px solid #08262a1a;
  align-items: center;
  width: 100%;
  max-width: 624px;
  padding: 24px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
}

.popup-dismiss {
  flex: none;
  margin-left: 12px;
}

.hero-section {
  flex-direction: column;
  justify-content: center;
  min-height: 75vh;
  padding-top: 144px;
  padding-bottom: 144px;
  display: flex;
}

.hero-section-thirds {
  display: flex;
  position: relative;
}

.hero-thirds-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.hero-thirds-image.right {
  right: 0;
}

.hero-text-box {
  background-color: var(--white);
  border-top: 1px solid #08262a1a;
  padding: 96px 72px;
}

.hero-text-box.text-center {
  z-index: 2;
  flex: none;
  max-width: 656px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 72px;
  padding-right: 72px;
  position: relative;
}

.hero-thirds-image-container {
  flex: 1;
  position: relative;
}

.form-hero {
  flex-direction: row-reverse;
  display: flex;
}

.form-hero.border-top {
  border-top: 1px solid #08262a1a;
}

.form-hero-section {
  flex-direction: column;
  justify-content: center;
  min-width: 648px;
  padding: 120px 72px;
  display: flex;
}

.form-hero-section.lesspadding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.form-hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.form-hero-image-container {
  flex: 1;
  position: relative;
}

.fullscreen-section {
  color: var(--white);
  background-color: #08262a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 173px;
  padding-bottom: 96px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.align-content-center.text-center.white {
  color: var(--white);
}

.fullscreen-bg {
  opacity: .3;
  object-fit: cover;
  width: 120%;
  max-width: none;
  height: 100%;
  font-family: Neuemontreal, sans-serif;
  position: absolute;
  top: 0;
  left: -10%;
}

.fullscreen-bg.transparency {
  opacity: 1;
}

.align-right {
  margin-left: auto;
  display: block;
}

.slide-caption {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.slide-with-caption {
  position: relative;
}

.dropdown-grid-halves {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: start;
}

.featured-post-link {
  width: 100%;
  display: flex;
  position: relative;
}

.featured-post-box {
  background-color: var(--white);
  color: #264c51;
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 448px;
  min-height: 504px;
  padding: 48px 48px 0;
  display: flex;
}

.featured-post-image {
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}

.featured-post-meta {
  color: var(--white);
  background-color: #264c51;
  padding: 18px 32px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.meta-category {
  margin-right: 12px;
}

.featured-post-image-container {
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.blog-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-text-box {
  background-color: var(--white);
  flex-direction: column;
  flex: 0 100%;
  justify-content: space-between;
  padding: 36px;
  display: flex;
}

.post-meta {
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.post-meta.large-text {
  font-size: 16px;
  line-height: 24px;
}

.grid-post-heading {
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
}

.blog-grid-link {
  border: 1px solid var(--white-smoke);
  flex-direction: column;
  height: 100%;
  transition: all .5s;
  display: flex;
}

.blog-grid-link:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px -9px #00000026;
}

.article h3 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.article ul {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  margin-bottom: 48px;
  padding-left: 24px;
  display: grid;
}

.article figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

.article blockquote {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.article h5 {
  margin-top: 36px;
  margin-bottom: 24px;
}

.post-title-container {
  align-items: center;
  display: flex;
}

.title-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-vertical-item {
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.blog-vertical {
  border-bottom: 1px solid #ffffff1a;
}

.case-study-list {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.case-study-wrapper {
  display: flex;
}

.case-study-text-box {
  background-color: var(--white);
  color: #264c51;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 48px 24px;
  display: flex;
  position: relative;
}

.case-study-logo {
  width: 250px;
  max-width: none;
  margin-bottom: 24px;
}

.case-study-title-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.case-study-tags-wrapper {
  position: absolute;
  top: 24px;
  right: 24px;
}

.case-study-container {
  max-width: 976px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.case-study-image-link {
  background-color: #08262a;
  max-width: 400px;
  overflow: hidden;
}

.case-study-image {
  height: 100%;
}

.empty-state {
  background-color: var(--white);
  color: #264c51;
  text-align: center;
  padding: 24px;
  position: relative;
}

.project-grid-link {
  color: var(--white);
  width: 100%;
  max-width: 400px;
  font-weight: 400;
}

.blog-preview-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}

.blog-grid-halves {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-hover-link {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.recent-project-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #08262a1a;
  grid-template-rows: auto;
}

.recent-project-wrapper {
  border-left: 1px solid #08262a1a;
  padding: 48px;
}

.utility-page-section {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.utility-page-section.bg-dark {
  color: var(--white);
}

.account-page-navigation-bar {
  padding-top: 36px;
  padding-bottom: 36px;
}

.utility-page-contents {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.utility-page-contents.justify-between {
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.utility-page-contents.justify-between.border-top {
  border-top: 1px solid #ffffff1a;
}

.account-form {
  margin-top: 36px;
  margin-bottom: 18px;
}

.divider-wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.divider-line {
  background-color: #08262a1a;
  width: 100%;
  height: 1px;
  position: absolute;
}

.divider-text {
  background-color: var(--white);
  padding-left: 24px;
  padding-right: 24px;
}

.divider-text.small-text {
  position: relative;
}

.sign-up-buttons {
  grid-column-gap: 24px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
}

.label-link-duo {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.logo {
  margin-bottom: 36px;
}

.sticky-top {
  z-index: 999;
  position: sticky;
  top: 0;
}

.padded-item {
  padding-left: 24px;
  padding-right: 24px;
}

.navbar-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.project-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-top: 96px;
  margin-bottom: 96px;
}

.contact-logo-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.contact-location {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.contact-locations {
  grid-column-gap: 16px;
  grid-row-gap: 96px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-icon {
  cursor: pointer;
}

.search-modal {
  z-index: 9999;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.search-modal-body {
  z-index: 2;
  background-color: var(--white);
  width: 100%;
  max-width: 624px;
  margin-top: 96px;
  padding: 48px;
  position: relative;
}

.search-modal-screen {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.search-form {
  margin-bottom: 0;
  display: flex;
}

.licenses-photography-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.licenses-image {
  margin-bottom: 24px;
}

.licenses-link {
  text-align: center;
  max-width: 288px;
  margin-left: auto;
  margin-right: auto;
}

.search-result-url {
  color: #b85b24;
  margin-top: 6px;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 22px;
}

.search-result-list {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logobottom {
  width: 150px;
}

.logotop {
  width: 125px;
}

.sectionanimation {
  background-color: var(--dark-slate-grey);
  color: #104041;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.lottie {
  height: 600px;
  display: none;
}

.mapembed {
  width: 100%;
  height: 700px;
  position: sticky;
  top: 16px;
}

.imagebio {
  z-index: 0;
  max-width: 90%;
  position: relative;
  top: 25px;
  box-shadow: -2px -2px 19px -8px #000;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.space {
  height: 50px;
}

.flagcta {
  width: 250px;
  margin-bottom: 20px;
}

.sectionespace {
  background-color: #eeece7;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.sectionespace.white {
  background-color: #fff;
  padding-bottom: 0;
}

.flagmiddle {
  width: 50%;
  max-width: 800px;
}

.flagmiddle.smaller {
  width: 30%;
}

.sectionbrand {
  background-color: #10404100;
  background-image: url('../images/St-Hilaire-Texture.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.middle {
  cursor: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  box-shadow: 0 15px 14px -16px #000;
}

.linkblock {
  mix-blend-mode: normal;
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  display: block;
}

.linkblock:hover {
  transform: scale(1.05);
}

.linkblock2 {
  transition: all .5s;
}

.linkblock2:hover {
  transform: scale(1.05);
}

.abouticons {
  width: auto;
  height: 64px;
  margin-bottom: 18px;
}

.form-block-2 {
  min-width: 0;
  max-width: 992px;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
}

.field-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 10px;
  display: grid;
}

.field-wrap._1-col {
  display: block;
}

.button-2 {
  background-color: #93775c;
  border: 2px #7da774;
  width: 300px;
  padding: 12px 30px;
  transition: all .2s;
}

.button-2:hover {
  background-color: var(--peach-puff);
  color: var(--white);
}

.text-field-commentaire {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 80px;
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.text-field-commentaire::placeholder {
  color: var(--dark-slate-grey);
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
}

.text-field:active {
  color: var(--dark-slate-grey);
}

.text-field:focus {
  color: var(--area-green);
}

.text-field::placeholder {
  color: var(--dark-slate-grey);
}

.html-embed {
  display: none;
}

.button-wrap {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: flex;
}

.text-field-dropdown {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--dark-slate-grey) var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.text-field-dropdown:active {
  color: #fff;
}

.text-field-dropdown:focus {
  color: #000;
}

.text-field-dropdown::placeholder {
  color: #fff;
}

.text-field-dropdown-padding {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--dark-slate-grey) var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.text-field-dropdown-padding:active {
  color: #fff;
}

.text-field-dropdown-padding:focus {
  color: #000;
}

.text-field-dropdown-padding::placeholder {
  color: #fff;
}

.display-heading-merci {
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

.mini {
  text-align: center;
  font-size: 12px;
}

.hiddeninfo {
  display: none;
}

.lightbox {
  transition: all .5s;
}

.lightbox:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px #00000080;
}

.divpopup {
  z-index: 89999;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.divinsidepopup-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 500px;
  height: auto;
  margin-bottom: 0;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.div-block-19-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff0;
  background-color: #eeece7;
  border: 2px #8b8b8b;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: auto;
}

.div-xclose {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  object-fit: fill;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  width: auto;
  height: auto;
  padding-top: 0;
  display: block;
  position: absolute;
  overflow: visible;
}

.xclose-3 {
  z-index: 20000;
  float: right;
  clear: left;
  border: 1px solid var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding: 5px 6px 2px;
  font-family: Varela Round, sans-serif;
  font-size: 30px;
  line-height: 30px;
  display: block;
  position: static;
  inset: auto 0% 248px auto;
}

.image-53 {
  width: auto;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.body {
  background-color: var(--white);
  color: var(--white);
}

.container-2 {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.section-2 {
  background-color: var(--dark-slate-grey);
  padding-top: 50px;
}

.image-54 {
  min-width: 0;
  max-width: 60%;
}

.section-3 {
  background-color: var(--dark-slate-grey);
  padding-top: 0;
  padding-bottom: 0;
}

.container-3 {
  max-width: 600px;
  padding-left: 10px;
  padding-right: 10px;
}

.text-block {
  color: var(--peach-puff);
  text-align: center;
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.heading {
  color: var(--peach-puff);
  text-align: center;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 20px;
}

.bold-text {
  color: var(--peach-puff);
  font-weight: 400;
}

.container-4 {
  max-width: 600px;
}

.submit-button {
  border: 1px solid var(--peach-puff);
  background-color: var(--dark-slate-grey);
  color: var(--peach-puff);
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.submit-button:hover {
  background-color: var(--peach-puff);
  color: var(--dark-slate-grey);
}

.section-4 {
  background-color: var(--dark-slate-grey);
  margin-bottom: 0;
  padding-bottom: 100px;
}

.text-field-2 {
  color: var(--peach-puff);
  background-color: #fff0;
}

.text-field-2::placeholder {
  color: var(--peach-puff);
}

.text-field-3 {
  background-color: #fff0;
}

.text-field-3::placeholder {
  color: var(--peach-puff);
}

.text-field-4 {
  color: var(--peach-puff);
  background-color: #fff0;
}

.text-field-4::placeholder {
  color: var(--peach-puff);
}

.text-field-5 {
  color: var(--peach-puff);
  background-color: #fff0;
}

.text-field-5::placeholder {
  color: var(--peach-puff);
}

.select-field {
  color: var(--peach-puff);
  background-color: #f3f3f300;
}

.select-field:focus {
  color: var(--bronze);
}

.button-tel {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: #264c51;
  text-align: center;
  padding: 14px 24px;
  font-weight: 600;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 20px 200px #0000;
}

.button-tel:hover {
  border-color: var(--bronze);
  background-color: var(--bronze);
  color: var(--white);
  box-shadow: inset 0 0 20px 200px #0000000d;
}

.button-tel.small {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}

.button-tel.small.outline-white {
  color: var(--white);
  background-color: #0000;
  border-style: none;
  margin-right: 12px;
  transition: color .2s, background-color .2s;
}

.button-tel.small.outline-white:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: #264c51;
}

.button-tel.outline-white {
  box-shadow: none;
  color: var(--white);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button-tel.outline-white:hover {
  background-color: var(--white);
  color: #264c51;
}

.nav-link-copy {
  color: var(--dark-slate-grey);
  margin-left: 12px;
  margin-right: 12px;
  padding: 0;
  font-weight: 600;
  transition: opacity .2s;
}

.nav-link-copy:hover {
  opacity: .65;
}

.nav-link-copy.w--current {
  color: var(--dark-slate-grey);
}

.nav-link-copy.text-white-copy {
  display: none;
}

.nav-link-copy.text-white-copy.w--current {
  color: var(--white);
}

.footer-white {
  color: var(--dark-slate-grey);
  padding-top: 72px;
  padding-bottom: 48px;
  font-family: Neuemontreal, sans-serif;
}

.container-6 {
  margin-top: 75px;
}

.display-popup {
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.divpopup-promo {
  z-index: 89999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-block {
  width: 70%;
}

.div-block-5 {
  z-index: 999;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 0% 3% auto auto;
}

.image-55 {
  width: 180px;
  height: 180px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.div-block-6 {
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 2% 4% auto;
}

.image-58 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-5-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0% 3% auto auto;
}

.div-block-7 {
  float: right;
  clear: right;
  justify-content: flex-end;
  margin-right: 0;
  padding-right: 0;
  display: inline-block;
  position: static;
}

.bold-text-2 {
  text-align: center;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.text-block-3 {
  text-align: center;
  padding-bottom: 40px;
}

.section-title-copy.centered-copy {
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 100px;
  display: flex;
}

.section-copy.bg-verydark-copy {
  background-color: var(--area-green);
  padding-top: 0;
}

.section-copy.bg-verydark-copy {
  background-color: var(--area-green);
  background-color: var(--area-green);
}

.large-heading-copy {
  color: var(--white);
  text-align: center;
  margin-top: 60px;
  margin-bottom: 24px;
  padding-top: 0;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  line-height: 60px;
}

.text-block-4 {
  color: var(--white);
  text-align: center;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.container-7 {
  max-width: 700px;
}

.text-block-5 {
  color: var(--white);
  text-align: justify;
  margin-bottom: 50px;
  padding-top: 20px;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.main-form-ordi {
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form-rsvp {
  width: 500px;
}

.text-field-6 {
  border-style: solid;
  border-width: 0 0 2px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: #0000;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  font-size: 16px;
  line-height: 28px;
  display: block;
  overflow: visible;
}

.text-field-6:focus {
  color: var(--bronze);
}

.text-field-6::placeholder {
  color: var(--white);
}

.hero-col {
  padding-left: 0;
  padding-right: 0;
}

.hero-col.l {
  padding-right: 15px;
}

.hero-col.r {
  padding-left: 15px;
}

.submit-button-3 {
  background-color: var(--peach-puff);
  color: var(--area-green);
  text-align: center;
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 30px;
  font-size: 18px;
  transition: all .2s;
  display: block;
}

.submit-button-3:hover {
  background-color: var(--dim-grey);
  color: #fff;
}

.section-title-copy {
  margin-bottom: 48px;
}

.section-title-copy.centered-copy {
  background-color: var(--area-green);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.section-copy {
  color: var(--dark-slate-grey);
  background-color: #eeece7;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
}

.section-copy.bg-verydark-copy {
  background-color: var(--area-green);
  background-color: var(--area-green);
  background-color: var(--area-green);
  padding-bottom: 0;
}

.div-block-8 {
  background-color: var(--area-green);
}

.image-66 {
  width: 180px;
  height: 180px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.bold-text-4 {
  font-weight: 400;
}

.section-5 {
  color: #182f23;
  background-color: #182f238f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 125px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr 1fr;
  place-items: center;
}

.heading-4 {
  color: var(--white);
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.section-6 {
  background-color: #09262a;
  background-image: linear-gradient(#042c2c73, #042c2c73), url('../images/trois-rivieres.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 700px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.bold-text-6 {
  color: #edece7;
  font-family: John mayer, sans-serif;
  font-weight: 400;
}

.heading-5 {
  text-align: center;
}

.bold-text-7 {
  color: #edece7;
  text-align: center;
  background-image: url('../images/Aera_icone-gris.png');
  background-position: 50% 0;
  background-size: cover;
  font-family: John mayer, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 30px;
}

.text-block-6 {
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  font-size: 18px;
}

.bold-text-8 {
  font-weight: 400;
}

.section-8 {
  background-color: var(--dark-slate-grey);
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.heading-6 {
  color: var(--white);
  text-align: center;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
}

.bold-text-9 {
  color: #edece7;
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
}

.form-block-st-hilaire {
  min-width: 600px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
}

.text-field-st-hilaire {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey) var(--dark-slate-grey) #edece7;
  color: #edece7;
  background-color: #0000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.text-field-st-hilaire:active {
  color: var(--dark-slate-grey);
}

.text-field-st-hilaire:focus, .text-field-st-hilaire::placeholder {
  color: #edece7;
}

.text-field-dropdown-st-hilaire {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black #edece7 var(--dark-slate-grey);
  color: #edece7;
  background-color: #0000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.text-field-dropdown-st-hilaire:active {
  color: #fff;
}

.text-field-dropdown-st-hilaire:focus {
  background-color: var(--dark-slate-grey);
  color: #4d4d4d;
}

.text-field-dropdown-st-hilaire:focus-visible, .text-field-dropdown-st-hilaire[data-wf-focus-visible] {
  color: var(--white);
}

.text-field-dropdown-st-hilaire::placeholder {
  color: #fff;
}

.text-field-commentaire-st-hilaire {
  color: #edece7;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #edece7;
  height: 60px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.text-field-commentaire-st-hilaire::placeholder {
  color: #edece7;
}

.section-9 {
  background-image: url('../images/NewRender.jpg');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.section-10 {
  background-color: #d0cabe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  display: flex;
}

.container-9 {
  max-width: 400px;
}

.squiggle-hilaire {
  background-image: url('../images/Aera_icone-vert-fonce.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.squiggle-hilaire.white-hilaire {
  opacity: .12;
  background-image: url('../images/Aera_icone-gris.png');
  background-position: 50% 45%;
  background-size: 400px;
  display: none;
}

.container-10 {
  padding-bottom: 59px;
}

.image-67 {
  padding-bottom: 30px;
}

.section-11 {
  background-color: var(--new-green);
}

.container-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.container-11-copy {
  color: #fff;
  padding-top: 125px;
  padding-bottom: 0;
  font-family: John mayer, sans-serif;
}

.section-12 {
  background-color: var(--white-smoke);
  padding-top: 100px;
  padding-bottom: 100px;
}

.columns {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-7 {
  font-family: Neuemontreal, sans-serif;
}

.columns-2 {
  padding-top: 10px;
}

.column {
  padding-left: 5px;
}

.column-2 {
  padding-left: 0;
}

.image-68 {
  width: 100%;
  max-width: none;
  padding-left: 5px;
}

.image-69 {
  width: 100%;
  max-width: none;
  padding-right: 5px;
}

.container-13 {
  max-width: 1100px;
}

.div-block-pastille {
  z-index: 999;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 5% 13% auto;
}

.small-caps-text-copy.subtitle-copy {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  font-family: Neuemontreal, sans-serif;
  display: flex;
}

.link-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-70 {
  padding-top: 20px;
}

.grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-14 {
  max-width: 1000px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.link-block-3 {
  text-align: center;
}

.lien-title {
  margin-bottom: 10px;
  padding-top: 10px;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.sous-lien {
  margin-bottom: 15px;
  padding-top: 5px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.link-block-video {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-17 {
  text-align: center;
  margin-bottom: 50px;
  font-family: John mayer, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.container-15 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.image-lien {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #042c2c00;
  border: 1px solid #104041;
  padding: 3px;
  transition: background-color .2s;
}

.image-lien:hover {
  background-color: var(--dark-slate-grey);
}

.navbar-grid-mobile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: none;
}

.section-14 {
  height: auto;
}

.slide {
  background-image: url('../images/slider1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/slider2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/slider3.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/Slider4b.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-5 {
  background-image: url('../images/slider5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-2 {
  height: 600px;
}

.forlanding {
  color: var(--white);
  text-align: center;
  margin-bottom: 25px;
  font-family: John mayer, sans-serif;
}

.mention {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.div-block-14 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #dbbcacb3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-block-8 {
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
}

.map {
  display: none;
}

.section-15 {
  background-color: var(--dark-slate-grey);
  padding-top: 41px;
}

.contactimage {
  width: 50%;
}

.section-planpoint {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
}

.section-planpoint.border-top-planpoint {
  border-top: 1px solid #08262a1a;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
}

.map-2, .map-3, .map-4 {
  margin-top: 100px;
}

.container-16 {
  max-width: 1200px;
}

.heading-18 {
  text-align: center;
  margin-bottom: 80px;
  font-family: Neuemontreal, sans-serif;
  font-size: 28px;
  line-height: 34px;
}

.text-block-9, .text-block-10 {
  font-weight: 400;
}

.grid-halves-copy.reverse-direction-copy {
  direction: rtl;
  color: #edece7;
  direction: rtl;
}

.grid-halves-copy {
  grid-column-gap: 48px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  align-items: center;
}

.grid-halves-copy.reverse-direction-copy {
  direction: rtl;
  color: #edece7;
  direction: rtl;
  direction: rtl;
}

.large-text-3r {
  color: var(--white);
  text-align: center;
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.container-small-green {
  direction: ltr;
  color: var(--white-smoke);
  width: 100%;
  max-width: 400px;
}

.container-small-green.align-center {
  color: var(--dark-slate-grey);
}

.text-block-11, .text-block-12 {
  color: var(--area-green);
}

.small-caps-text-white {
  letter-spacing: .1em;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.small-caps-text-white.subtitle {
  color: var(--white-smoke);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 24px;
  display: flex;
}

.large-text-white {
  color: var(--white-smoke);
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.large-text-white.space {
  height: auto;
  margin-bottom: 20px;
}

.large-heading-white {
  color: var(--white-smoke);
  text-align: center;
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  line-height: 60px;
}

.large-heading-white.projecttitles {
  font-size: 34px;
  line-height: 40px;
}

.small-caps-white {
  letter-spacing: .1em;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.small-caps-white.subtitle {
  color: var(--dark-slate-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 24px;
  display: flex;
}

.small-caps-white.subtitle.center {
  color: var(--white-smoke);
  text-align: left;
  align-items: flex-start;
}

.display-heading-green {
  color: var(--dark-slate-grey);
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.display-heading-green.smaller {
  font-family: Neuemontreal, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 58px;
}

.text-block-green {
  color: var(--dark-slate-grey);
}

.paragraph-green {
  color: var(--new-green);
}

.service-item-heading-green {
  color: var(--dark-slate-grey);
  margin-bottom: 4px;
}

.head-form-green {
  color: var(--dark-slate-grey);
  text-align: center;
}

.popup-st-bruno-ordi {
  z-index: 9990;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 30px;
  display: none;
  position: fixed;
  inset: 0%;
}

.insidepopup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1200px;
  height: auto;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.div-xclose-2 {
  z-index: 9999;
  text-align: center;
  object-fit: fill;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  width: auto;
  display: block;
  position: absolute;
  overflow: visible;
}

.xclose-4 {
  z-index: 20000;
  float: right;
  clear: left;
  border: 1px solid var(--vert-club-aera);
  color: var(--new-good-green);
  text-align: center;
  cursor: pointer;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 6px 2px;
  font-family: Varela Round, sans-serif;
  font-size: 30px;
  line-height: 30px;
  display: block;
  position: static;
  inset: auto 0% 248px auto;
}

.image-popup-2 {
  text-align: center;
  cursor: pointer;
}

.popup-sacre-coeur {
  z-index: 9990;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 30px;
  display: none;
  position: fixed;
  inset: 0%;
}

.insidepopup-sacre-coeur {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 500px;
  height: auto;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.popup-st-bruno-mobile {
  z-index: 9990;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 30px;
  display: none;
  position: fixed;
  inset: 0%;
}

.headerclubaera {
  background-image: url('../images/Image1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.divclubaeera {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1392px;
  margin-left: 80px;
  margin-right: 80px;
  padding-top: 125px;
  padding-bottom: 125px;
  display: flex;
}

.h1club {
  color: var(--dark-grey);
  text-align: center;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: John mayer, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.h2club {
  color: var(--new-green);
  text-align: left;
  width: 50%;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Neuemontreal, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.h2club.white {
  color: var(--white);
  text-align: center;
  line-height: 44px;
}

.h2club.centered {
  text-align: center;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.footerclubaera {
  background-color: var(--new-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.sectionwhite {
  background-color: #fff;
}

.paraclub {
  color: var(--new-green);
  max-width: 60%;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
}

.paraclub.centered {
  text-align: center;
}

.buttonclub {
  color: #87715c;
  border-bottom: 1px solid #87715c;
  font-weight: 700;
}

.middleclubcontainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clubmiddleimage {
  width: 90%;
  max-width: 1400px;
  margin: 50px auto -100px;
  display: block;
}

.large-heading-white-copy {
  color: var(--white-smoke);
  text-align: center;
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  line-height: 60px;
}

.section-subtitle {
  padding-bottom: 40px;
  font-size: 28px;
  line-height: 36px;
  display: none;
}

.bold-text-10 {
  color: #d0cabe;
  letter-spacing: 0;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 60px;
}

.columns-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.liste-items {
  color: #d0cabe;
  font-size: 16px;
  font-weight: 400;
}

.section-16 {
  background-image: url('../images/entete.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
}

.section-16.gold {
  color: #000;
  background-color: #182f23;
  background-image: none;
  padding-top: 100px;
  font-family: John mayer, sans-serif;
}

.section-title-2 {
  color: #2d4944;
  letter-spacing: 0;
  text-transform: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
  display: flex;
}

.narrow-content {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.narrow-content.center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-list {
  color: var(--area-green);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Neuemontreal, sans-serif;
}

.button-wrap-2 {
  padding-top: 40px;
}

.display-heading-copy {
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.display-heading-copy.smaller-copy {
  color: #fff;
  text-align: center;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 58px;
}

.image-71 {
  color: var(--bronze);
  max-width: 60%;
}

.image-72, .image-73, .image-74, .image-75, .image-76, .image-77, .image-78 {
  max-width: 50%;
}

.image-80 {
  max-width: 60%;
}

.image-82 {
  max-width: 50%;
}

.image-83, .image-84 {
  max-width: 40%;
}

.image-85, .image-86 {
  max-width: 60%;
}

.column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.column-11, .column-12, .column-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.column-15, .column-16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-17 {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.bold-text-10-green {
  color: var(--area-green);
  letter-spacing: 0;
  font-family: John mayer, sans-serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 60px;
}

.liste-items-green {
  color: var(--new-green);
  font-size: 16px;
  font-weight: 400;
}

.image-a1 {
  color: var(--bronze);
  max-width: 60%;
}

.image-a2 {
  max-width: 60%;
}

.image-a3, .image-a4, .image-a5, .image-a6, .image-a7, .image-a8 {
  max-width: 50%;
}

.image-a9 {
  max-width: 60%;
}

.large-heading-map {
  color: var(--new-green);
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  line-height: 42px;
}

.popup-saint-thomas {
  z-index: 9990;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 30px;
  display: none;
  position: fixed;
  inset: 0%;
}

._2-col-grid {
  grid-column-gap: 100px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-container {
  z-index: 1;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
}

.full-section-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-half-bg-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-half-bg-wrap.map {
  margin-top: 100px;
}

.section-column {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 100px 60px;
  display: flex;
}

.section-column.green {
  background-color: var(--dark-grey);
  color: var(--white);
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.section-column.green.dark-text {
  color: var(--new-green);
}

.section-column.full {
  padding: 0;
}

.section-column.beige-bg {
  background-color: var(--beige);
  color: var(--white);
  justify-content: center;
}

.section-column.beige-bg.dark-text {
  color: var(--new-green);
}

.section-column.dark-green-bg {
  background-color: var(--new-green);
}

.section-title---landing {
  color: #192f23;
  letter-spacing: 0;
  margin-bottom: 30px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.section-title---landing.light {
  color: var(--dim-grey);
}

.landing-hero-logo {
  align-self: center;
  width: 250px;
  margin-top: 150px;
  margin-bottom: 150px;
}

.section-logo {
  width: auto;
  max-width: 80px;
  margin-bottom: 0;
}

.section-p {
  color: #192f23;
  max-width: none;
  font-size: 20px;
  line-height: 30px;
}

.section-p.light {
  color: var(--dim-grey);
}

.button---landing {
  border: 1px solid var(--dim-grey);
  color: var(--dim-grey);
  background-color: #0000;
  padding: 20px 40px;
  font-family: Neuemontreal, sans-serif;
  font-weight: 700;
  transition: all .2s;
}

.button---landing:hover {
  background-color: var(--dim-grey);
  color: #fff;
}

.full-section-slider {
  background-color: #0000;
  height: 800px;
}

.full-section-slider.grid {
  border-top: 1px solid var(--dark-slate-grey);
  height: auto;
  padding: 60px 40px 50px;
}

.hidden {
  display: none;
}

.full-silder-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 110px;
  margin-left: 50px;
  display: flex;
  inset: auto auto 0% 0%;
}

.full-silder-arrow.next {
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 110px;
  margin-right: 50px;
  display: flex;
  inset: auto 0% 0% auto;
}

.full-slider-nav {
  z-index: 2;
  background-color: #fff6;
  border: 1px solid #192f23;
  border-style: solid none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 110px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.full-slide-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

._3-col-grid {
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slide-grid-item {
  color: var(--dim-grey);
}

.slide-grid-img {
  object-fit: cover;
  width: 100%;
  height: 650px;
  margin-bottom: 40px;
}

.slide-grid-text {
  font-size: 18px;
  line-height: 26px;
}

.dark-icon {
  color: var(--dark-slate-grey);
}

.footer---landing {
  border-top: 1px solid var(--dark-grey);
  background-color: var(--new-good-green);
  color: var(--dark-grey);
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-text {
  font-weight: 500;
}

.footer-logo {
  width: 260px;
}

.map---landing {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.half-section-img {
  max-height: 80vh;
}

.half-section-img.full {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: none;
}

.section-line {
  background-color: var(--dark-slate-grey);
  color: var(--peach-puff);
  width: 50%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.features-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.feature-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
  line-height: 28px;
  display: flex;
}

.feature-icon {
  object-fit: contain;
  width: 120px;
  height: 100px;
  margin-bottom: 30px;
}

.section-title---landing-2 {
  color: #192f23;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
}

.paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
  color: #192f23;
}

.section-title---landing-copy {
  color: #192f23;
  letter-spacing: 0;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.section-title---landing-copy.small {
  color: var(--white-smoke);
  font-size: 30px;
  line-height: 42px;
}

.title-land {
  color: var(--white-smoke);
  letter-spacing: 0;
  max-width: 400px;
  font-family: John mayer, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.image-gens {
  align-self: center;
  width: 350px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.icon-2 {
  font-family: Neuemontreal, sans-serif;
}

.icon-3 {
  align-self: auto;
}

.flex-block {
  border-right: 1px solid var(--dark-slate-grey);
  border-left: 1px none var(--dark-slate-grey);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.flex-block-2 {
  border-left: 1px solid var(--dark-slate-grey);
  color: #192f23;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 100%;
  padding: 30px 40px;
}

.image-89 {
  align-self: flex-start;
  max-width: 70%;
  display: block;
}

.image-90 {
  width: 80px;
  padding-left: 0;
  padding-right: 0;
}

.flex-block-4 {
  border-left: 1px solid #000;
  height: 100%;
}

.flex-block-5 {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 100%;
  padding: 5px;
}

.text-block-13, .text-block-14, .text-block-15 {
  font-size: 20px;
  line-height: 24px;
}

.image-91, .image-92, .image-93 {
  width: 100px;
}

.image-94 {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
}

.billard {
  width: 90px;
  padding-left: 0;
  padding-right: 0;
}

.gym, .sofa {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
}

.full-slider-nav-2 {
  z-index: 2;
  background-color: #00000040;
  border: 1px #fff;
  border-top-style: solid;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.full-slider-nav-2.hidden {
  display: none;
}

.text-block-16 {
  color: #fff;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.flex-block-8 {
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100px;
  height: 100%;
}

.full-silder-arrow-blanc {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 60px;
  margin-left: 100px;
  display: flex;
  inset: auto auto 0% 0%;
}

.full-silder-arrow-blanc.next {
  justify-content: center;
  align-items: flex-start;
  width: 100px;
  margin-left: 0;
  margin-right: 100px;
  display: flex;
  inset: auto 0% 0% auto;
}

.full-silder-arrow-blanc.hiddenarrow {
  display: none;
}

.full-slider-nav-3 {
  z-index: 2;
  border-style: solid none;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  background-color: #fff0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-16-copy {
  color: var(--dark-slate-grey);
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.flex-block-9 {
  border-right: 1px solid var(--dark-slate-grey);
  border-left: 1px solid var(--dark-slate-grey);
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 200px;
  height: 100%;
}

.titre-landing {
  color: #c6c2b7;
  letter-spacing: 0;
  max-width: 600px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
}

.section-logo-signature {
  width: auto;
  max-width: 150px;
  margin-bottom: 30px;
}

.image-95, .image-96, .image-97 {
  max-width: 80%;
}

.image-98 {
  align-self: flex-end;
  max-width: 70%;
  margin-left: 0;
  padding-left: 0;
}

.flex-block-10 {
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: absolute;
}

.text-block-17 {
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.full-silder-arrow-blanc-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 60px;
  margin-left: 400px;
  display: none;
  inset: auto auto 0% 0%;
}

.full-silder-arrow-blanc-copy.next {
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-left: 0;
  margin-right: 400px;
  display: none;
  inset: auto 0% 0% auto;
}

.title-club {
  color: var(--white-smoke);
  letter-spacing: 0;
  max-width: none;
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 45px;
}

.logoclub {
  width: 300px;
  margin: 0 auto;
}

.container-17 {
  text-align: center;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 100px;
}

.quick-stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-16 {
  border-style: solid;
  border-width: 2px 2px 1px;
  border-color: var(--dark-grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.text-block-18 {
  color: var(--vert-club-aera);
  text-align: center;
  font-family: Neuemontreal, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.image-101 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-18 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-block-20 {
  color: var(--white);
  text-align: center;
  font-family: John mayer, sans-serif;
  font-size: 45px;
  line-height: 20px;
}

.section-expicatif {
  color: var(--vert-club-aera);
  max-width: 650px;
  margin-bottom: 100px;
  font-size: 20px;
  line-height: 30px;
}

.section-description {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.button-wrap-3 {
  padding-top: 25px;
}

.split-section-content {
  direction: ltr;
  justify-content: center;
  align-items: center;
  padding: 104px 5px;
  display: flex;
}

.split-section-content.blue {
  background-color: var(--dark-grey);
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-content-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 550px;
  height: auto;
  display: flex;
}

.split-section-etape-1 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 2px none var(--vert-club-aera);
  background-color: var(--dark-grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: auto;
  display: none;
}

.arrow-button {
  color: #fff;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.arrow-button:hover {
  opacity: .7;
}

.paragraph-12 {
  color: var(--new-good-green);
  max-width: 380px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.heading-19 {
  color: var(--new-good-green);
  width: 450px;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.text-block-22 {
  color: var(--new-good-green);
  text-align: center;
  margin-top: 20px;
  margin-right: 0;
  padding-right: 0;
  font-family: John mayer, sans-serif;
  font-size: 70px;
}

.columns-4 {
  align-self: auto;
}

.split-section-content-2 {
  background-color: var(--new-good-green);
  direction: ltr;
  justify-content: center;
  align-items: center;
  padding: 150px 5px 200px;
  display: flex;
}

.legende {
  color: var(--vert-club-aera);
  max-width: 380px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
}

.split-section-content-3 {
  background-color: var(--dim-grey);
  direction: ltr;
  color: var(--dim-grey);
  justify-content: center;
  align-items: center;
  padding: 0 5px 104px;
  display: flex;
}

.heading-blanc {
  color: var(--white);
  width: 450px;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.chiffre-blanc {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  margin-right: 0;
  padding-right: 0;
  font-family: John mayer, sans-serif;
  font-size: 70px;
}

.paragraph-blanc {
  color: var(--white);
  max-width: 380px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.split-section-etape3 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: var(--dim-grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: auto;
  padding-top: 150px;
  padding-bottom: 100px;
  display: none;
}

.legende-brun {
  color: var(--white);
  max-width: 380px;
  margin-bottom: 50px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.div-block-19 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-102 {
  align-self: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}

.split-section-content-4 {
  border-top: 2px none var(--vert-club-aera);
  direction: ltr;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  padding: 150px 5px 104px;
  display: flex;
}

.split-section-etape-5 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 1.5px solid var(--vert-club-aera);
  border-bottom: 1.5px solid var(--vert-club-aera);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: auto;
  display: none;
}

.full-section-slider-head {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.heading-blocks {
  color: var(--new-good-green);
  text-align: center;
  width: auto;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.section-titre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
}

.section-19 {
  padding-top: 50px;
}

.div-block-20 {
  z-index: 1;
  border: 1px solid var(--white);
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 100px;
  padding-left: 0;
  display: flex;
  position: static;
}

.image-103 {
  z-index: 1;
  margin-top: 48px;
  padding-left: 0;
  font-family: PT Sans, sans-serif;
  position: absolute;
}

.link-block-4 {
  border: 2px solid var(--dark-grey);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 325px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
}

.cell {
  border: 2px none var(--dark-grey);
  justify-content: center;
  align-items: center;
}

.image-105 {
  clear: none;
}

.link-block-5 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  display: flex;
  position: relative;
}

.div-block-16-mobile {
  border-style: solid;
  border-width: 2px 2px 1px;
  border-color: var(--dark-grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  display: none;
}

.div-block-form-popup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dark-grey);
  color: #fff0;
  border: 2px #8b8b8b;
  border-radius: 12px;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  top: auto;
}

.divinside-form-popup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 600px;
  height: auto;
  margin-bottom: 0;
  display: flex;
  box-shadow: 0 0 60px 3px #00000080;
}

.form-block-3 {
  padding-left: 50px;
  padding-right: 50px;
}

.heading-20 {
  color: var(--vert-club-aera);
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: John mayer, sans-serif;
  font-size: 30px;
}

.submit-button-4 {
  background-color: var(--vert-club-aera);
  border-radius: 10px;
  margin-top: 30px;
  padding: 12px 30px;
  font-family: Neuemontreal, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.split-section-etape-2, .split-section-etape-4 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 2px none var(--vert-club-aera);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: auto;
  display: none;
}

.arrowmobile {
  display: none;
}

.mapsection {
  margin-top: 100px;
}

.section-title-3 {
  color: #2d4944;
  letter-spacing: 0;
  text-transform: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
  display: flex;
}

.button-wrap-4 {
  padding-top: 40px;
}

.section-20 {
  background-image: url('../images/entete.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 100px;
  position: relative;
}

.section-20.gold {
  background-color: var(--white);
  color: #000;
  background-image: none;
  padding-top: 100px;
  font-family: John mayer, sans-serif;
}

.container-list-2 {
  color: #042c2c;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Neuemontreal, sans-serif;
}

.paragraph-78 {
  color: #192f23;
  font-family: Neuemontreal, sans-serif;
}

.phone-content-box {
  z-index: 100;
  border: 1px solid #eee;
  border-radius: 16px;
  width: 450px;
  display: flex;
  position: fixed;
  inset: auto 60px 120px auto;
  overflow: hidden;
  box-shadow: 0 20px 40px 5px #3f3f3f26;
}

.fancify-tabs, .fancify-tabs-content {
  background-color: #fff;
}

.fancify-box-content {
  background-color: #fff;
  max-height: 60vh;
  padding: 40px;
  overflow: auto;
}

.box-paragraph {
  color: var(--new-good-green);
  font-family: Open Sans, sans-serif;
}

.chat-box-menu-bar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.phone-menu-button {
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.phone-menu-button:hover {
  color: var(--vert-club-aera);
}

.phone-menu-button:active, .phone-menu-button:focus {
  color: #7c9fff;
}

.phone-menu-button.w--current {
  background-color: var(--white-smoke);
  color: var(--vert-club-aera);
}

.chat-tab-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}

.phone-button {
  z-index: 100;
  background-color: var(--dim-grey);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .2s;
  display: flex;
  position: fixed;
  inset: auto 60px 30px auto;
  box-shadow: 0 4px 10px -1px #0006;
}

.phone-button:hover {
  background-color: var(--new-good-green);
  transform: scale(1.1);
}

.chat-icon {
  width: 24px;
  height: 24px;
  position: absolute;
}

.chat-icon.close {
  margin-left: 5px;
  position: relative;
}

.chat-icon.idle {
  position: relative;
}

.phonecall {
  background-color: var(--new-good-green);
}

.portraitalexandre {
  max-width: 80%;
}

.newheadclubaera {
  background-color: var(--new-good-green);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3vh;
  padding-bottom: 3vh;
  display: block;
}

.videoclub {
  width: 70%;
}

.div-block-27 {
  margin-left: auto;
}

.div-block-28 {
  width: 60%;
  margin-right: auto;
}

.sectionsliderclub {
  background-image: url('../images/couple.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.divblock-center {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-head-chambly {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-head-chambly.full-slider-copy {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-head-chambly.full-slider-copy.bigger-chambly {
  height: 600px;
  display: none;
}

.section-title---chambly {
  color: #192f23;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.full-section-img-chambly {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.button-wrap-5 {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: flex;
}

.slide-nav {
  display: none;
}

.light-text {
  color: #9a9887;
}

.anim-curtain-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-107 {
  max-width: 80%;
}

.image-108 {
  width: 100px;
}

.flex-block-11 {
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: absolute;
}

.text-field-dropdown-st-hilaire-2 {
  color: #edece7;
  background-color: #0000;
  border-top: 1px #000;
  border-bottom: 1px solid #edece7;
  border-left: 1px #104041;
  border-right: 1px #000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.text-field-dropdown-st-hilaire-2:active {
  color: #fff;
}

.text-field-dropdown-st-hilaire-2:focus {
  color: #4d4d4d;
  background-color: #104041;
}

.text-field-dropdown-st-hilaire-2:focus-visible, .text-field-dropdown-st-hilaire-2[data-wf-focus-visible], .text-field-dropdown-st-hilaire-2::placeholder {
  color: #fff;
}

.slide-number-wrap {
  background-color: #d8d8d880;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-nav-wrap {
  z-index: 2;
  border-top: 1px solid #192f23;
  border-bottom: 1px solid #192f23;
  justify-content: center;
  align-items: center;
  height: 80px;
  margin-top: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-nav-wrap.hiddennav {
  display: none;
}

.section-title---st-hilaire {
  margin-bottom: 40px;
  font-family: John mayer, sans-serif;
  font-size: 3vw;
  line-height: 3.5vw;
}

.section-title---st-hilaire.small {
  font-size: 3vw;
  line-height: 3.5vw;
}

.section-title---st-hilaire.dark-green-text {
  color: var(--new-green);
}

.section-title---st-hilaire.white-text {
  color: #fff;
}

.narrow-wrap {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.text-block-24 {
  font-size: 20px;
  line-height: 24px;
}

.text-field-st-hilaire-2 {
  color: #edece7;
  background-color: #0000;
  border: 1px #104041;
  border-bottom: 1px solid #edece7;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 17px;
}

.text-field-st-hilaire-2:active {
  color: #104041;
}

.text-field-st-hilaire-2:focus, .text-field-st-hilaire-2::placeholder {
  color: #edece7;
}

.button-wrap-6 {
  padding-top: 40px;
}

.button---st-hilaire {
  border: 1px solid var(--new-good-green);
  color: #192f23;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  padding: 14px 20px;
  font-family: Neuemontreal, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  transition: all .2s;
}

.button---st-hilaire:hover {
  background-color: var(--new-good-green);
  color: #fff;
}

.button---st-hilaire.white {
  color: #fff;
  border-color: #fff;
}

.full-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.full-img.card {
  object-fit: cover;
  height: 450px;
}

.full-img.full-section-bg {
  padding-top: 12vw;
  padding-bottom: 4vw;
}

.full-img.oval {
  object-fit: contain;
  max-width: 50vw;
  padding: 100px 5vw;
}

.flex-block-12 {
  border-left: 1px #104041;
  border-right: 1px solid #104041;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.section-head-2 {
  color: #104041;
  background-color: #fff;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-head-2.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-head-2.full-slider.bigger {
  background-image: none;
  border-top-style: none;
  border-top-width: 1px;
  height: 800px;
}

.bottom-form-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-109 {
  width: 80px;
  padding-left: 0;
  padding-right: 0;
}

.section-logo---st-hilaire {
  width: 90px;
  margin-bottom: 60px;
}

.section-logo---st-hilaire.large {
  width: 320px;
}

.section-logo---st-hilaire.withtext {
  width: 160px;
}

.field-wrap-2 {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 10px;
  display: grid;
}

.field-wrap-2._1-col {
  display: block;
}

.curtain-block {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.curtain-block.green {
  background-color: #192f23;
}

.padding-block-40 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
}

.page-wrap---st-hilaire {
  font-size: 1.25vw;
  line-height: 1.75vw;
}

.form-block-st-hilaire-2 {
  min-width: 600px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero-section-2 {
  padding-top: 100px;
  display: flex;
}

.hero-section-2.st-hilaire {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: none;
}

.align-center-mobile {
  font-family: Neuemontreal, sans-serif;
  line-height: 2vw;
}

.map-section {
  background-color: #192f23;
}

.flex-block-13 {
  color: #192f23;
  background-color: #fff0;
  border-left: 1px solid #104041;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 100%;
  padding: 30px 40px;
}

.container---st-hilaire {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.container---st-hilaire.top-part {
  padding-top: 12vw;
  position: absolute;
  inset: 0 0% auto;
}

.container---st-hilaire.bottom-part {
  padding-bottom: 10vw;
  position: absolute;
  inset: auto 0% 0;
}

.full-slider {
  background-color: #0000;
  border-top: 2px solid #192f23;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.full-slider.no-border {
  border-top-style: none;
  padding-bottom: 0;
}

.full-slider.fix-height {
  border-top-style: none;
  border-top-width: 1px;
  height: 768px;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-block-14 {
  border-left: 1px solid #000;
  height: 100%;
}

.image-110 {
  width: 100px;
  padding-left: 0;
  padding-right: 0;
}

.image-111 {
  align-self: flex-start;
  max-width: 70%;
  display: block;
}

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

.full-slide {
  width: 100%;
  height: 100%;
}

.full-slide.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.brown-text {
  color: #87705c;
}

.paragraph-79 {
  color: #192f23;
  font-family: Neuemontreal, sans-serif;
}

.text-block-25 {
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.button-form {
  background-color: #93775c;
  border: 2px #7da774;
  width: 300px;
  padding: 12px 30px;
  transition: all .2s;
}

.button-form:hover {
  color: #fff;
  background-color: #dbbcac;
}

.anim-slide-wrap._3 {
  font-family: Neuemontreal, sans-serif;
  line-height: 2vw;
}

.section---st-hilaire {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---st-hilaire.full-bg {
  min-height: 50vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section---st-hilaire.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section---st-hilaire.dark {
  color: #fff;
  background-color: #192f23;
}

.section---st-hilaire.light-green {
  color: #fff;
  background-color: #9a9887;
}

.slide-arrow {
  border: 2px solid #192f23;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  inset: auto 0% 0%;
}

.slide-arrow.prev {
  border-width: 1px;
  inset: auto auto 0% 15vw;
}

.slide-arrow.prev.hidden {
  display: none;
}

.slide-arrow.next {
  border-width: 1px;
  left: auto;
  right: 15vw;
}

.slide-arrow.next.hidden {
  display: none;
}

.full-slider-nav-4 {
  z-index: 2;
  background-color: #fff6;
  border: 1px solid #192f23;
  border-style: solid none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 110px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

._2-col-grid---st-hilaire {
  grid-column-gap: 100px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-divider {
  background-color: var(--vert-club-aera);
  width: 30vw;
  height: 1px;
  margin-bottom: 60px;
}

.landingpageanimation {
  z-index: 10;
  background-color: var(--new-good-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
}

.large-img {
  width: 100%;
}

.divpopup-promo-mobile {
  z-index: 89999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #000000a8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.section-1-header-chambly {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 700px;
  display: flex;
}

.container-18 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 700px;
  display: flex;
}

.div-block-29 {
  z-index: 1;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-2-chambly {
  background-color: #f8f8f4;
  height: auto;
  padding-top: 40px;
  padding-bottom: 100px;
}

.cell-3 {
  background-image: url('../images/personnes.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-2 {
  width: 1300px;
}

.section-3-chambly {
  background-color: #9a9888;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 70px;
  padding-bottom: 100px;
  display: none;
}

.div-block-line-up {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 0;
  padding-right: 50px;
  display: none;
  position: absolute;
}

.text-block-26 {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.container-19 {
  z-index: 1;
  max-width: none;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-31 {
  width: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-32 {
  border-bottom: 1px solid #fff;
  width: 90%;
  max-width: none;
  margin-bottom: 11px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-line-down {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 50px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.container-20 {
  width: auto;
  max-width: none;
}

.div-block-33 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding-left: 0;
  display: flex;
}

.heading-21 {
  color: #132c22;
  text-align: center;
  width: 600px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
}

.text-block-27 {
  color: #132c22;
  text-align: center;
  width: 600px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.columns-6 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 100px;
}

.heading-form {
  color: #132c22;
  width: 520px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
}

.text-field-7 {
  opacity: 1;
  outline-offset: 0px;
  color: var(--new-good-green);
  background-color: #fff0;
  border-bottom: 1px solid #000;
  outline: 3px #182f23;
  margin-bottom: 20px;
  margin-right: 10px;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.text-field-7::placeholder {
  color: var(--new-green);
}

.text-field-8 {
  background-color: #fff0;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.text-field-8::placeholder {
  color: var(--new-green);
}

.image-112 {
  margin-left: 15px;
  padding-left: 0;
}

.select-field-2 {
  color: var(--new-green);
  background-color: #f3f3f300;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.select-field-3 {
  color: var(--new-green);
  background-color: #f3f3f300;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  margin-left: 0;
  font-family: Neuemontreal, sans-serif;
}

.div-block-34 {
  background-image: url('../images/personnes.jpg');
  background-position: 50%;
  background-size: cover;
  height: 750px;
  margin-left: 20px;
  padding-left: 0;
}

.container-21 {
  max-width: 1200px;
}

.column-19 {
  padding-left: 0;
  padding-right: 0;
}

.text-field-9 {
  color: var(--new-green);
  background-color: #fff0;
  border-bottom: 1px solid #000;
  width: 570px;
  margin-left: 20px;
  margin-right: 0;
  padding-left: 12px;
  font-family: Neuemontreal, sans-serif;
}

.text-field-9::placeholder {
  color: var(--new-green);
}

.column-20 {
  padding-right: 0;
}

.column-21 {
  padding-left: 0;
}

.columns-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  place-content: space-around flex-end;
  align-items: flex-end;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.text-field-chambly {
  border-style: none none solid;
  border-width: 1px 1px 1.5px;
  border-color: var(--dark-slate-grey) var(--dark-slate-grey) var(--new-green);
  color: var(--new-green);
  background-color: #0000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.text-field-chambly:active {
  color: var(--dark-slate-grey);
}

.text-field-chambly:focus {
  color: #edece7;
}

.text-field-chambly::placeholder {
  color: var(--new-green);
  font-weight: 400;
}

.text-field-dropdown-chambly {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--new-green) var(--dark-slate-grey);
  color: var(--new-green);
  background-color: #0000;
  height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.text-field-dropdown-chambly:active {
  color: #fff;
}

.text-field-dropdown-chambly:focus {
  background-color: var(--dark-slate-grey);
  color: #4d4d4d;
}

.text-field-dropdown-chambly:focus-visible, .text-field-dropdown-chambly[data-wf-focus-visible] {
  color: var(--white);
}

.text-field-dropdown-chambly::placeholder {
  color: #fff;
}

.text-field-commentaire-chambly-copy {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--new-green);
  color: var(--new-green);
  background-color: #0000;
  height: 60px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.text-field-commentaire-chambly-copy::placeholder {
  color: var(--new-green);
}

.form-block-chambly {
  min-width: 0;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
}

.image-113 {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.container-22 {
  width: 1100px;
  max-width: 1100px;
}

.div-block-line-pic {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.text-block-signature {
  color: #132c22;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 250px;
  padding-right: 20px;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: block;
}

.text-block-pipe {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.div-block-green-line {
  border-bottom: 1px solid #132c22;
  width: 854px;
  max-width: none;
  margin-bottom: 11px;
  margin-right: 40px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-chambly {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.text-block-espace {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  padding-left: 50px;
  padding-right: 40px;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.div-block-line-pic-up {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 0;
  display: flex;
  position: static;
}

.text-block-chambly-brown {
  color: #9a9888;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.text-block-pipe-brown {
  color: #9a9888;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.div-block-31-100 {
  width: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-green-line-up {
  border-bottom: 1px solid #132c22;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-bottom: 11px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.section-4-chambly {
  background-color: #f8f8f4;
  height: 700px;
  display: none;
}

.section-5-chambly {
  background-color: #132c22;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  padding-top: 20px;
  display: block;
}

.div-block-piscine {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-23 {
  max-width: 1200px;
}

.image-114 {
  width: 100%;
  margin-top: 70px;
}

.div-block-line-pic-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.div-block-line-pic-dark {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 80px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.container-24 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.div-block-line-bottom {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 111px;
  display: flex;
}

.div-block-67 {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  padding-left: 0;
  display: flex;
}

.div-block-green-line-white {
  border-bottom: 1px solid var(--white);
  width: 980px;
  max-width: none;
  margin-bottom: 11px;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-chambly-bottom {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: John mayer, sans-serif;
  font-size: 26px;
  display: flex;
}

.column-22 {
  text-align: left;
}

.radio-button-label {
  color: var(--chambly);
  padding-left: 10px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.field-wrap-3 {
  padding-bottom: 10px;
}

.field-wrap-3._2-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.form-field-questions {
  border-style: none none solid;
  border-width: 1px;
  border-color: #f0d5cc #f0d5cc var(--chambly);
  color: var(--chambly);
  background-color: #0000;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 5px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  line-height: 28px;
}

.form-field-questions:active {
  color: #4f0a2900;
  background-color: #5e1c1c00;
}

.form-field-questions:focus {
  color: #ec7553;
}

.form-field-questions::placeholder {
  color: var(--chambly);
  background-color: #27101000;
}

._1habitant {
  border-style: none none solid;
  border-width: 1px;
  border-color: #f0d5cc #f0d5cc var(--chambly);
  color: var(--chambly);
  background-color: #0000;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  line-height: 28px;
  display: none;
}

._1habitant:active {
  color: #4f0a2900;
  background-color: #5e1c1c00;
}

._1habitant:focus {
  color: var(--chambly);
}

._1habitant::placeholder {
  color: #ec7553;
  background-color: #27101000;
}

.column-23 {
  text-align: left;
}

.titre-habitation {
  color: var(--new-green);
  text-align: left;
  margin-top: 25px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.form-3 {
  flex-direction: column;
  width: auto;
  display: flex;
}

._2habitants {
  border-style: none none solid;
  border-width: 1px;
  border-color: #f0d5cc #f0d5cc var(--chambly);
  color: var(--chambly);
  background-color: #0000;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  line-height: 28px;
  display: none;
}

._2habitants:active {
  color: #4f0a2900;
  background-color: #5e1c1c00;
}

._2habitants:focus {
  color: var(--chambly);
}

._2habitants::placeholder {
  color: #ec7553;
  background-color: #27101000;
}

.columns-locataires {
  text-align: left;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  max-width: 400px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.titre-locataires {
  color: var(--chambly);
  text-align: left;
  margin-top: 25px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.radio-button-locataire {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5px;
  font-size: 18px;
  display: flex;
}

.form-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #f0d5cc #f0d5cc var(--chambly);
  color: var(--new-green);
  background-color: #0000;
  height: 30px;
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  line-height: 28px;
}

.form-field:active {
  color: var(--chambly);
  background-color: #5e1c1c00;
}

.form-field:focus {
  color: var(--chambly);
}

.form-field::placeholder {
  color: var(--chambly);
  background-color: #27101000;
}

.form-field.select {
  border-bottom-color: var(--chambly);
  color: var(--new-green);
  height: 30px;
  margin-top: 15px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
}

.form-field.select:active {
  background-color: #5e1c1c00;
}

.form-field.select:focus {
  color: var(--new-green);
}

.titre-informations {
  color: var(--new-green);
  text-align: left;
  margin-top: 25px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.submit-button-5 {
  background-color: var(--dim-grey);
  color: var(--white);
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  transition: all .2s;
  display: block;
}

.submit-button-5:hover {
  background-color: var(--white);
  color: var(--dim-grey);
}

.radio-button {
  color: #bbb;
  font-size: 45px;
}

.text-block-28 {
  color: var(--white);
  text-align: center;
  margin-top: 25px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.hero-slide-nav {
  opacity: 0;
  padding-top: 0;
  font-size: 10px;
  line-height: 10px;
}

.horizontal-rule-2 {
  background-color: #111;
  width: 54px;
  height: 2px;
  margin-bottom: 41px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.horizontal-rule-2.horizontal-rule-white {
  background-color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.formulaire {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.formulaire.text-center {
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}

.under {
  color: #fff;
  text-align: center;
  text-transform: none;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 28px;
  display: block;
}

.image-slide-container {
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-slide-container.slide-1 {
  background-image: url('../images/q3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container.slide-1.pers4 {
  background-image: url('../images/chambly_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-white-2 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 8px #00000080;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 44px;
  font-weight: 400;
  line-height: 54px;
  display: block;
}

.icon-4.show2 {
  color: #fff;
}

.hero-slide-arrow {
  z-index: 99999;
  opacity: 0;
  display: block;
}

.hero-slide-arrow.show {
  color: #fff;
  position: absolute;
  overflow: visible;
}

.hero-slider {
  z-index: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.main-hero {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.section-21 {
  padding-top: 200px;
  padding-bottom: 100px;
}

.container-25 {
  max-width: 1200px;
}

.section-video {
  color: #182f23;
  background-color: #182f23;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 125px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
}

.section-header {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-header.bg-dark {
  background-color: var(--area-green);
}

.section-header.bg-dark.border-top {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
}

.section-header.bg-dark.has-squiggle {
  border-top: 1px solid #ffffff1a;
}

.section-header.bg-dark.morepadding {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-header.title-section {
  position: relative;
}

.section-header.title-section.bg-dark {
  border-top: 1px solid #ffffff1a;
}

.section-header.border-top {
  border-top: 1px solid #08262a1a;
}

.section-header.has-squiggle {
  position: relative;
  overflow: hidden;
}

.section-header.no-bottom-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-header.no-bottom-padding.bg-dark {
  padding-bottom: 40px;
}

.section-header.no-top-padding {
  padding-top: 0;
}

.section-header.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-header.bg-verydark {
  background-color: var(--area-green);
}

.section-header.bg-beige {
  background-color: var(--white-smoke);
}

.section-header.description {
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.section-header.full-img {
  height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section-header.half-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.section-header.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-header.full-slider.bigger {
  height: 600px;
}

.section-header.full-slider.noimagebackground {
  background-image: none;
  height: 750px;
}

.section-header.bg-dark-landing {
  background-color: var(--new-green);
  color: var(--dark-grey);
  padding-top: 300px;
}

.div-block-line-bottom-3r {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 50px;
  display: flex;
}

.slider-3 {
  height: 100%;
}

.div-block-34-3r {
  height: 750px;
  margin-left: 20px;
  padding-left: 0;
}

.slide-6 {
  background-image: url('../images/Screenshot-2023-06-28-103055.png');
  background-position: 50%;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/slider3.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-plans {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 300px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-plans.bg-dark {
  background-color: var(--area-green);
}

.section-plans.bg-dark.border-top {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
}

.section-plans.bg-dark.has-squiggle {
  border-top: 1px solid #ffffff1a;
}

.section-plans.bg-dark.morepadding {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-plans.title-section {
  position: relative;
}

.section-plans.title-section.bg-dark {
  border-top: 1px solid #ffffff1a;
}

.section-plans.border-top {
  border-top: 1px solid #08262a1a;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-plans.has-squiggle {
  position: relative;
  overflow: hidden;
}

.section-plans.no-bottom-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-plans.no-bottom-padding.bg-dark {
  padding-bottom: 40px;
}

.section-plans.no-top-padding {
  padding-top: 0;
}

.section-plans.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-plans.bg-verydark {
  background-color: var(--area-green);
}

.section-plans.bg-beige {
  background-color: var(--white-smoke);
}

.section-plans.description {
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.section-plans.full-img {
  height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section-plans.half-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.section-plans.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-plans.full-slider.bigger {
  height: 600px;
}

.section-plans.full-slider.noimagebackground {
  background-image: none;
  height: 750px;
}

.section-plans.bg-dark-landing {
  background-color: var(--new-green);
  color: var(--dark-grey);
  padding-top: 300px;
}

.icon-5, .icon-6 {
  display: none;
}

.slide-8 {
  background-image: url('../images/slider5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/slider2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-10 {
  background-image: url('../images/Slider4b.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-3r {
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-slide-container-3r.slide-1 {
  background-image: url('../images/q3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-3r.slide-1.pers4 {
  background-image: url('../images/chambly_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-3r.slide-1-3r {
  background-image: url('../images/q3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-3r.slide-1-3r.pers4 {
  background-image: url('../images/chambly_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-3r.slide-1-3r.pers4-3r {
  background-image: linear-gradient(#132c2259, #132c2259), url('../images/Background3R.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.display-heading-3r {
  color: #fff;
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.display-heading-3r.no-bottom-margin {
  margin-bottom: 0;
}

.display-heading-3r.smaller {
  font-family: John mayer, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 58px;
}

.hero-slider-3r {
  z-index: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.image-slide-container-copy {
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-slide-container-copy.slide-1 {
  background-image: url('../images/q3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.image-slide-container-copy.slide-1.pers4 {
  background-image: url('../images/chambly_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.main-hero-3r {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  height: 80vh;
  display: flex;
  position: relative;
}

.title-land-merci {
  color: var(--white-smoke);
  letter-spacing: 0;
  max-width: 400px;
  margin-top: 100px;
  font-family: John mayer, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-50 {
  z-index: 345;
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  position: sticky;
  top: 0;
}

.text-block-29 {
  color: var(--white-smoke);
  background-color: #cc4532;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 1px;
  padding: 20px 50px;
  font-family: John mayer, sans-serif;
  font-size: 3.5vh;
  line-height: 3.5vh;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.section-head-plans {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 300px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-head-plans.bg-dark {
  background-color: var(--area-green);
}

.section-head-plans.bg-dark.border-top {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
}

.section-head-plans.bg-dark.has-squiggle {
  border-top: 1px solid #ffffff1a;
}

.section-head-plans.bg-dark.morepadding {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-head-plans.title-section {
  position: relative;
}

.section-head-plans.title-section.bg-dark {
  border-top: 1px solid #ffffff1a;
}

.section-head-plans.border-top {
  border-top: 1px solid #08262a1a;
}

.section-head-plans.has-squiggle {
  position: relative;
  overflow: hidden;
}

.section-head-plans.no-bottom-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-head-plans.no-bottom-padding.bg-dark {
  padding-bottom: 40px;
}

.section-head-plans.no-bottom-padding.border-top {
  padding-top: 100px;
}

.section-head-plans.no-top-padding {
  padding-top: 0;
}

.section-head-plans.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-head-plans.bg-verydark {
  background-color: var(--area-green);
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-head-plans.bg-beige {
  background-color: var(--white-smoke);
}

.section-head-plans.description {
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.section-head-plans.full-img {
  height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section-head-plans.half-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.section-head-plans.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-head-plans.full-slider.bigger {
  height: 100%;
}

.section-head-plans.full-slider.noimagebackground {
  background-image: none;
  height: 750px;
}

.section-head-plans.bg-dark-landing {
  background-color: var(--new-green);
  color: var(--dark-grey);
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.large-heading-plans {
  color: var(--white-smoke);
  text-align: center;
  margin-bottom: 24px;
  font-family: John mayer, sans-serif;
  font-size: 42px;
  line-height: 60px;
}

.text-block-30 {
  color: var(--white-smoke);
  margin-bottom: 35px;
  font-family: John mayer, sans-serif;
  font-size: 18px;
}

.section-head-quartier {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  align-items: center;
  padding-top: 100px;
  padding-bottom: 96px;
  font-family: Neuemontreal, sans-serif;
  display: block;
  position: relative;
}

.section-head-quartier.bg-dark {
  background-color: var(--area-green);
}

.section-head-quartier.bg-dark.border-top {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
}

.section-head-quartier.bg-dark.has-squiggle {
  border-top: 1px solid #ffffff1a;
}

.section-head-quartier.bg-dark.morepadding {
  background-color: var(--dark-slate-grey);
  border-top-color: #ffffff1a;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-head-quartier.title-section {
  position: relative;
}

.section-head-quartier.title-section.bg-dark {
  border-top: 1px solid #ffffff1a;
}

.section-head-quartier.border-top {
  border-top: 1px solid #08262a1a;
}

.section-head-quartier.has-squiggle {
  position: relative;
  overflow: hidden;
}

.section-head-quartier.no-bottom-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-head-quartier.no-bottom-padding.bg-dark {
  padding-bottom: 40px;
}

.section-head-quartier.no-bottom-padding.border-top {
  padding-top: 100px;
}

.section-head-quartier.no-top-padding {
  padding-top: 0;
}

.section-head-quartier.border-bottom {
  border-bottom: 1px solid #08262a1a;
}

.section-head-quartier.bg-verydark {
  background-color: var(--area-green);
}

.section-head-quartier.bg-beige {
  background-color: var(--white-smoke);
}

.section-head-quartier.description {
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.section-head-quartier.full-img {
  height: 750px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section-head-quartier.half-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.section-head-quartier.full-slider {
  background-image: url('../images/ext_stjilaire_cam_03.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-head-quartier.full-slider.bigger {
  height: 100%;
}

.section-head-quartier.full-slider.noimagebackground {
  background-image: none;
  height: 750px;
}

.section-head-quartier.bg-dark-landing {
  background-color: var(--new-green);
  color: var(--dark-grey);
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-22 {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.heading-22 {
  text-align: center;
  margin-bottom: 50px;
  font-family: John mayer, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.container-26 {
  max-width: 1200px;
}

.video-wrap {
  width: 50vw;
  max-width: 100%;
}

.textarea-2 {
  border: 1px solid var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #fff0;
  flex: 0 auto;
  align-items: center;
  margin-top: 25px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  display: block;
}

.textarea-2:focus {
  color: var(--dark-slate-grey);
}

.container-promo {
  background-color: #cc4532;
  border-top: 1px solid #c0b1b1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.container-promo.narrow {
  max-width: 1168px;
}

.container-promo.fullscreen-container {
  z-index: 1;
  padding-top: 100px;
  position: relative;
}

.container-promo.service-container {
  justify-content: center;
  display: flex;
}

.container-promo.service-container.reverse-direction {
  flex-direction: row-reverse;
}

.container-promo.justify-column-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-promo.grow {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.container-promo.centered {
  text-align: center;
}

.container-promo.nomax2 {
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: 0;
}

.container-promo.lesspadding {
  padding-left: 10px;
  padding-right: 10px;
}

.container-promo.center {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-promo.padding {
  padding-top: 60px;
}

.container-promo.margin {
  background-color: #eeece7;
  max-width: none;
  margin-left: 0;
  padding: 64px 0 40px;
}

.text-block-31 {
  font-family: John mayer, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.code-embed {
  display: none;
}

.container-27 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-center {
  color: var(--new-good-green);
  text-align: center;
  width: 450px;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.section-23 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-offset-container {
  height: 100%;
  padding-top: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.section-content-wrap-2 {
  outline-offset: 0px;
  color: #fff;
  background-color: #0000;
  outline: 3px solid #182f23;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 50px;
  display: flex;
}

.section-title---main {
  margin-top: 0;
  margin-bottom: 4vh;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2vw;
}

.section-title---main.dark {
  color: #112b2a;
  margin-bottom: 2vh;
}

.section-title---main.white {
  color: #fff;
}

.feature-title {
  color: #192f23;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.25vw;
}

.features-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding-top: 50px;
  display: grid;
}

.feature-icon-2 {
  object-fit: contain;
  width: 4vw;
  height: 4vw;
  margin-bottom: 10px;
}

.section {
  background-color: var(--dark-grey);
  outline-offset: 0px;
  color: #796a45;
  outline: 1px #182f23;
  height: auto;
  max-height: 100vh;
  font-family: Neuemontreal, sans-serif;
  font-weight: 400;
}

.section.img-padding {
  background-color: var(--white);
  height: auto;
  padding: 5vw;
}

.feature-item-2 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 50px;
  font-size: 14px;
  line-height: 28px;
  display: flex;
}

.bouton {
  color: var(--new-good-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #87705c;
  width: auto;
  margin-top: 20px;
  padding: 20px 30px;
  font-family: Neuemontreal, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25vw;
  transition: all .2s;
}

.bouton:hover {
  color: #fff;
  background-color: #182f23;
}

.bouton.w--current {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.heading-center-copy {
  color: var(--new-good-green);
  text-align: center;
  width: 450px;
  margin-bottom: 0;
  font-family: John mayer, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.sectionsliderchambly {
  background-image: url('../images/ext_aera_chambly-2-1920x1080px.jpg');
  background-position: 50%;
  background-size: cover;
  height: 800px;
}

.navbar-promo {
  text-align: center;
  background-color: #cc4532;
  border-top: 1px solid #c0b1b1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-68 {
  border-bottom: 1px solid #c0b1b1;
  height: 80px;
  display: flex;
  position: static;
}

.text-block-32 {
  color: var(--white);
  font-family: John mayer, sans-serif;
  font-size: 24px;
  line-height: 2vw;
}

.align-center---flex {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.centeredparagraph {
  text-transform: none;
  max-width: 500px;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.8vw;
}

.section-line-wrap {
  height: 12vh;
  margin-top: 3.5vh;
  margin-bottom: 3.5vh;
}

.section-line-2 {
  background-color: #87705c;
  width: 1px;
  height: 12vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.bouton-2 {
  color: #87705c;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #87705c;
  width: auto;
  padding: 10px 30px;
  font-family: Neuemontreal, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.25vw;
  transition: all .2s;
}

.bouton-2:hover {
  color: #fff;
  background-color: #182f23;
}

.bouton-2.w--current {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.section---100px-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section---100px-padding.dark {
  background-color: var(--new-green);
  color: #fff;
}

.section---100px-padding.bg-2 {
  background-color: var(--beige);
  color: var(--area-green);
}

.arrows-list-wrap {
  text-align: left;
  width: 80%;
}

.arrow-list-item {
  border-bottom: 1px solid var(--new-green);
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Neuemontreal, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.25vw;
  display: flex;
}

.arrow-icon {
  object-fit: contain;
  width: .75vw;
  height: 1vw;
  margin-top: 4px;
  margin-right: 10px;
}

.footer-legal {
  color: #e4e2dc;
  text-align: center;
  text-transform: none;
  padding: 20px;
  font-family: Neuemontreal, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.footer-logo-2 {
  width: 260px;
  margin-bottom: 100px;
}

.footer-left {
  width: 100%;
}

.phone {
  color: #e4e2dc;
  text-decoration: none;
}

.footer-text-2 {
  color: #e4e2dc;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Neuemontreal, sans-serif;
  font-weight: 400;
}

.section-offset-container-2 {
  height: 100%;
  padding-top: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.footer-right {
  width: 100%;
}

.hero-video-2 {
  border-radius: 0;
}

.section-24 {
  color: #796a45;
  height: 100vh;
  max-height: 100vh;
}

.section-24.footer {
  color: #fff;
  background-color: #112b2a;
  background-image: none;
  border-top-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.footer-grid-2 {
  grid-template-rows: auto;
  height: 100%;
  padding-top: 5vw;
}

.footer---new-home {
  background-color: var(--new-green);
  padding-top: 140px;
  padding-left: 60px;
  padding-right: 60px;
}

._4-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-links {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link-item {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 20px;
  display: block;
}

.padding-block-100 {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.slider-hero-section {
  height: 100vh;
  margin-top: -100px;
  position: relative;
}

.bottom-right-logo {
  z-index: 1;
  width: 160px;
  position: absolute;
  inset: auto 2vw 2vw auto;
}

.nav---new {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px #08262a1a;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.nav---new.bg-dark {
  background-color: var(--area-green);
  border-bottom-color: #ffffff1a;
}

.nav---new.bg-dark.sticky-top {
  background-color: #104041;
  padding-top: 0;
  padding-bottom: 0;
}

.nav---new.bg-white {
  background-color: var(--white);
}

.nav---new.bg-primary-3 {
  background-color: #6b818c;
}

.nav---new.overlay-hero {
  background-color: #0000;
  border-bottom-style: solid;
  border-bottom-color: #ffffff1a;
  margin-bottom: -160px;
}

.full-vw-section {
  height: 800px;
}

.montreal-text {
  font-family: Neuemontreal, sans-serif;
}

.flex-wrap {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-wrap.full-height-between {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.horizontal-line {
  background-color: var(--dim-grey);
  color: var(--peach-puff);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.small-title {
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}

.small-title.john-mayer {
  font-family: John mayer, sans-serif;
  font-size: 36px;
  line-height: 42px;
}

.border-button {
  color: #87705c;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #87705c;
  width: auto;
  padding: 10px 30px;
  font-family: Neuemontreal, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.25vw;
  transition: all .2s;
}

.border-button:hover {
  color: #fff;
  background-color: #182f23;
}

.border-button.w--current {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.border-button.white {
  border-color: var(--white);
  color: var(--white);
}

.footer-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portrait-img {
  aspect-ratio: 2 / 3;
  width: 100%;
}

.brand-icon {
  width: 100px;
}

.new-home-body-wrap {
  font-size: 1.25vw;
  line-height: 1.75vw;
}

.full-vh-slider {
  background-color: #0000;
  height: 100%;
}

.full-vh-slider.grid {
  border-top: 1px solid var(--dark-slate-grey);
  height: auto;
  padding: 60px 40px 50px;
}

.section-carte {
  background-color: var(--beige);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.code-embed-2, .sectionforplanpoint {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
}

.section-656 {
  background-color: var(--dark-grey);
  outline-offset: 0px;
  color: #796a45;
  outline: 1px #182f23;
  height: auto;
  max-height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: Neuemontreal, sans-serif;
  font-weight: 400;
}

.section-656.img-padding {
  background-color: var(--white);
  height: auto;
  padding: 5vw;
}

.legal {
  margin-top: 50px;
}

.text-block-32-copy {
  color: var(--white);
  font-family: John mayer, sans-serif;
  font-size: 24px;
  line-height: 2vw;
}

.italic-text {
  font-size: 14px;
  line-height: 1vw;
}

.field-wrap-5 {
  padding-bottom: 10px;
}

.field-wrap-5._2-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  padding-bottom: 0;
  display: grid;
}

._2habitants-2 {
  color: #132c22;
  background-color: #0000;
  border: 1px #f0d5cc;
  border-bottom: 1px solid #132c22;
  height: 25px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  display: none;
}

._2habitants-2:active {
  color: #4f0a2900;
  background-color: #5e1c1c00;
}

._2habitants-2:focus {
  color: #132c22;
}

._2habitants-2::placeholder {
  color: #ec7553;
  background-color: #27101000;
}

._3-chambres {
  color: #101e18;
  background-color: #f3f3f300;
  border-bottom: 1px solid #101e18;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 14px;
  line-height: 28px;
}

._3-chambres.select {
  color: var(--dark-slate-grey);
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: none;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-auto-flow: column;
}

._1habitant-2 {
  color: #132c22;
  background-color: #0000;
  border: 1px #f0d5cc;
  border-bottom: 1px solid #132c22;
  height: 25px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  display: none;
}

._1habitant-2:active {
  color: #4f0a2900;
  background-color: #5e1c1c00;
}

._1habitant-2:focus {
  color: #132c22;
}

._1habitant-2::placeholder {
  color: #ec7553;
  background-color: #27101000;
}

.checkbox-2 {
  width: 17px;
  height: 17px;
}

.checkbox-2:focus, .checkbox-2:focus-visible, .checkbox-2[data-wf-focus-visible] {
  color: #e7a06a;
}

.checkbox-2.w--redirected-checked {
  color: #35484f;
  background-color: #071510;
  border: 1px solid #000;
}

.titre-locataires-2 {
  color: #101e18;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.radio-button-locataire-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  font-size: 18px;
  display: flex;
}

.titre-informations-2 {
  color: #0a2c21;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: static;
}

.form-field-2 {
  color: #101e18;
  background-color: #0000;
  border: 1px #f0d5cc;
  border-bottom: 1px solid #132c22;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.form-field-2:active {
  color: #132c22;
  background-color: #5e1c1c00;
}

.form-field-2:focus {
  color: #132c22;
}

.form-field-2::placeholder {
  color: #132c22;
  background-color: #27101000;
}

.form-field-2.select {
  color: #101e18;
  border-bottom-color: #132c22;
  height: 30px;
  margin-top: 15px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  display: block;
}

.form-field-2.select:active {
  background-color: #5e1c1c00;
}

.form-field-2.select:focus {
  color: #0a2c21;
}

._1-chambre-den {
  color: #101e18;
  background-color: #f3f3f300;
  border-bottom: 1px solid #101e18;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 14px;
  line-height: 28px;
}

._1-chambre-den.select {
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  height: 30px;
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.form-4 {
  flex-direction: column;
  width: auto;
  display: flex;
}

.radio-button-label-2 {
  color: #101e18;
  padding-left: 10px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.checkbox-field-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.radio-button-chambres {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5px;
  padding-right: 0;
  font-size: 18px;
  display: flex;
}

._1-chambre {
  color: #101e18;
  background-color: #f3f3f300;
  border-bottom: 1px solid #101e18;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 14px;
  line-height: 28px;
}

._1-chambre.select {
  color: var(--dark-slate-grey);
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: none;
}

.studio {
  color: #101e18;
  background-color: #f3f3f300;
  border-bottom: 1px solid #101e18;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 14px;
  line-height: 28px;
}

.studio.select {
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  height: 30px;
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.checkbox-label-2 {
  color: #071510;
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  padding-top: 6px;
  padding-left: 15px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: center start;
  margin-bottom: 10px;
  padding-right: 0;
  display: grid;
}

.submit-button-7 {
  color: #fff;
  background-color: #87705c;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  font-family: Neuemontreal, sans-serif;
  font-size: 16px;
  transition: all .2s;
  display: block;
}

.submit-button-7:hover {
  color: #87705c;
  background-color: #fff;
}

._2-chambres {
  color: #101e18;
  background-color: #f3f3f300;
  border-bottom: 1px solid #101e18;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 2px;
  font-size: 14px;
  line-height: 28px;
}

._2-chambres.select {
  color: var(--dark-slate-grey);
  border-style: none none solid;
  border-width: 1px;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: none;
}

.radio-button-label-3 {
  color: #101e18;
  padding-left: 10px;
  font-family: Neuemontreal, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.textarea-3 {
  color: var(--dark-slate-grey);
  margin-top: 25px;
}

.textarea-3:focus, .textarea-3::placeholder {
  color: var(--dark-slate-grey);
}

.small-caps-text-copy {
  letter-spacing: .1em;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.small-caps-text-copy.subtitle {
  color: var(--dark-slate-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 24px;
  display: flex;
}

.small-caps-text-copy.subtitle.left {
  text-align: left;
}

.small-caps-text-copy.diagram-left-text {
  position: absolute;
  top: 24px;
  left: 9px;
  transform: translate(-50%);
}

.small-caps-text-copy.diagram-right-text {
  position: absolute;
  top: 24px;
  right: 9px;
  transform: translate(50%);
}

.small-caps-text-copy.subtitle-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  font-family: John mayer, sans-serif;
  font-size: 24px;
  display: flex;
}

.small-caps-text-copy.subtitle-copy.left {
  text-align: left;
}

.section-657 {
  background-color: var(--new-green);
  color: var(--new-green);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-115 {
  max-width: 30%;
}

.container-28 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-658 {
  background-color: var(--dim-grey);
  color: var(--white);
  border: 1px solid #000;
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading-23 {
  text-align: center;
  margin-bottom: 0;
  font-family: Neuemontreal, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.container-29 {
  max-width: 700px;
}

.section-659 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.form-5 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-30 {
  border-bottom: 1px solid var(--new-green);
  max-width: 700px;
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.text-block-33 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.list-item, .list-item-2 {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.container-31 {
  max-width: 700px;
}

.text-block-34 {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

.text-block-34-copy {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.checkbox-label-3 {
  font-size: 16px;
  line-height: 24px;
}

.checkbox-3 {
  margin-top: 8px;
}

.checkbox-field-3 {
  border: 1px solid var(--beige);
  width: 100%;
  padding: 20px 30px;
}

.grid-6 {
  grid-template-rows: auto;
  width: 100%;
}

.text-block-34-copy-copy {
  margin-top: 20px;
  margin-bottom: 10px;
}

.grid-7 {
  grid-template-rows: auto;
}

.grid-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  outline-offset: 0px;
  border: 1px #000;
  outline: 3px #264c51;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: .25fr 2.75fr;
  align-self: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.text-field-10 {
  color: var(--new-green);
  text-align: center;
  width: 40px;
  height: 35px;
  margin: auto auto auto 0;
  padding: 0;
}

.text-field-10:hover {
  color: var(--new-green);
}

.text-field-10:active {
  color: var(--new-good-green);
}

.text-field-10:focus {
  color: var(--new-green);
}

.text-field-10:focus-visible, .text-field-10[data-wf-focus-visible], .text-field-10::placeholder {
  color: var(--new-good-green);
}

.grid-9 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.image-116, .image-117 {
  max-width: 100%;
}

.list {
  margin-top: 20px;
}

.list-2 {
  padding-top: 20px;
}

.list-item-3 {
  font-size: 14px;
  line-height: 20px;
}

.list-3 {
  margin-top: 20px;
}

.list-item-4, .list-item-5 {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.list-item-6 {
  font-size: 14px;
  line-height: 20px;
}

.list-4 {
  margin-top: 20px;
}

.drop {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--new-good-green);
  background-color: #0000;
  max-width: 70%;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 2px 0 0;
}

.drop:active {
  color: var(--area-green);
}

.drop:focus {
  color: var(--new-green);
}

.drop:focus-visible, .drop[data-wf-focus-visible] {
  color: var(--area-green);
}

.drop::placeholder {
  color: var(--dark-slate-grey);
}

.ecole {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.ecole:active {
  color: var(--dark-slate-grey);
}

.ecole:focus {
  color: var(--area-green);
}

.ecole::placeholder {
  color: var(--dark-slate-grey);
}

.radio {
  grid-template-rows: auto;
  margin-bottom: 10px;
}

.travail {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.travail:active {
  color: var(--dark-slate-grey);
}

.travail:focus {
  color: var(--area-green);
}

.travail::placeholder {
  color: var(--dark-slate-grey);
}

.association {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.association:active {
  color: var(--dark-slate-grey);
}

.association:focus {
  color: var(--area-green);
}

.association::placeholder {
  color: var(--dark-slate-grey);
}

.colocation {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  max-width: 70%;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 2px 0 10px;
  display: none;
}

.colocation:active {
  color: var(--dark-slate-grey);
}

.colocation:focus {
  color: var(--area-green);
}

.colocation::placeholder {
  color: var(--dark-slate-grey);
}

.list1 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.animal {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: #0000;
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.animal:active {
  color: var(--dark-slate-grey);
}

.animal:focus {
  color: var(--area-green);
}

.animal::placeholder {
  color: var(--dark-slate-grey);
}

html.w-mod-js [data-ix="xclose"], html.w-mod-js [data-ix="xclose-5"], html.w-mod-js [data-ix="xclose-4"], html.w-mod-js [data-ix="xclose-2"], html.w-mod-js [data-ix="xclose-3"], html.w-mod-js [data-ix="appear-poupmobile"] {
  opacity: 1;
}

html.w-mod-js [data-ix="1-habitant"], html.w-mod-js [data-ix="ecole"], html.w-mod-js [data-ix="animal"], html.w-mod-js [data-ix="colocation"], html.w-mod-js [data-ix="travail"], html.w-mod-js [data-ix="association"], html.w-mod-js [data-ix="ecole-non"], html.w-mod-js [data-ix="animal-non"], html.w-mod-js [data-ix="colocation-non"], html.w-mod-js [data-ix="travail-non"], html.w-mod-js [data-ix="association-non"], html.w-mod-js [data-ix="2-habitants"], html.w-mod-js [data-ix="1-chambre"], html.w-mod-js [data-ix="2-chambres"], html.w-mod-js [data-ix="3-chambres"], html.w-mod-js [data-ix="image-big"], html.w-mod-js [data-ix="image-big-2"] {
  opacity: 1;
  display: block;
}

@media screen and (min-width: 1920px) {
  .divpopup {
    display: none;
  }

  .divinsidepopup-copy {
    justify-content: space-between;
    align-items: flex-start;
    width: 800px;
  }

  .image-53 {
    display: block;
  }

  .divpopup-promo {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .link-block {
    width: 80%;
  }

  .squiggle-hilaire.white-hilaire {
    background-position: 50% 25%;
    background-size: 400px;
  }

  .popup-st-bruno-ordi {
    height: auto;
    padding-top: 0;
  }

  .insidepopup {
    width: 1000px;
  }

  .xclose-4 {
    display: flex;
  }

  .popup-sacre-coeur {
    justify-content: center;
    height: auto;
    padding-top: 0;
  }

  .insidepopup-sacre-coeur {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    width: 700px;
    display: flex;
  }

  .popup-st-bruno-mobile {
    height: auto;
    padding-top: 0;
  }

  .popup-saint-thomas {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    display: flex;
  }

  .button-wrap-3 {
    align-self: auto;
    display: flex;
  }

  .section-content-wrap {
    max-width: 600px;
  }

  .paragraph-12, .legende, .paragraph-blanc, .legende-brun {
    max-width: none;
    font-size: 30px;
    line-height: 40px;
  }

  .divpopup-promo-mobile {
    display: none;
  }

  .section-1-header-chambly {
    height: 1000px;
  }

  .div-block-line-up {
    height: 100px;
  }

  .text-block-26 {
    font-size: 34px;
  }

  .div-block-line-down {
    height: 100px;
    top: auto;
  }

  .container-21 {
    max-width: 1600px;
  }

  .text-block-signature, .text-block-pipe, .text-block-chambly, .text-block-espace {
    font-size: 34px;
  }

  .div-block-line-pic-up {
    width: 100%;
  }

  .text-block-chambly-brown, .text-block-pipe-brown {
    font-size: 34px;
  }

  .div-block-31-100 {
    width: 100%;
  }

  .div-block-green-line-up {
    width: 100%;
    margin-right: 0;
  }

  .div-block-green-line-white {
    width: 900px;
  }

  .text-block-chambly-bottom {
    font-size: 34px;
  }

  .text-block-29 {
    height: 80px;
  }

  .div-block-68 {
    height: 70px;
  }

  .text-block-32, .text-block-32-copy {
    font-size: 30px;
  }

  ._2habitants-2, ._3-chambres.select, ._1habitant-2 {
    font-size: 1vw;
  }

  .checkbox-2 {
    font-size: 2vw;
  }

  .titre-locataires-2, .titre-informations-2, .form-field-2, .form-field-2.select, ._1-chambre-den.select {
    font-size: 1vw;
  }

  .form-4 {
    width: 1000px;
  }

  .checkbox-field-2 {
    margin-bottom: 20px;
  }

  ._1-chambre.select, .studio.select {
    font-size: 1vw;
  }

  .grid-5 {
    margin-bottom: 0;
    padding-bottom: 25px;
  }

  ._2-chambres.select, .radio-button-label-3 {
    font-size: 1vw;
  }
}

@media screen and (max-width: 991px) {
  h5 {
    margin-top: 24px;
    margin-bottom: 18px;
  }

  .section-head.full-img {
    height: 600px;
  }

  .section-head.half-bg {
    grid-template-columns: 1fr;
  }

  .main-container.service-container {
    grid-column-gap: 16px;
    grid-row-gap: 72px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .squiggle-container.round-top-right.section-top-left, .squiggle-container.round-bottom-right.bottom-right, .squiggle-container.round-bottom-right.hero-squiggle, .squiggle-container.top-right.pricing-squiggle {
    display: none;
  }

  .squiggle-container.title-squiggle {
    margin-bottom: 24px;
  }

  .squiggle-container.section-top-right, .squiggle-container.bottom-right-flush {
    display: none;
  }

  .style-guide-grid {
    grid-template-columns: 1fr;
  }

  .container-small.service-container {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .container-small.align-left {
    margin-right: 0;
  }

  .container-small.overlay-left-image {
    max-width: 320px;
  }

  .grid-halves {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .container.overlay-image-right {
    margin-right: 0;
    top: 0;
  }

  .container.service-container {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .container.blog-post-title {
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
    margin-right: 0;
    display: flex;
  }

  .container.blog-vertical-title-container {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .section-contents.align-right {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu {
    background-color: var(--white);
    border: 1px solid #08262a1a;
    margin-left: 0;
    padding: 18px 24px;
  }

  .nav-link {
    margin: 6px 0;
  }

  .nav-link.dropdown-link {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link.text-white {
    color: #fff;
  }

  .dropdown-list.w--open {
    position: relative;
  }

  .menu-button {
    flex: none;
    margin-left: 12px;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-button-icon {
    display: block;
  }

  .navbar-grid {
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    display: none;
  }

  .nav-menu-center-container {
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-left-links {
    display: none;
  }

  .footer-top-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid-thirds {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .footer-meta.footer-3-meta {
    margin-right: 24px;
  }

  .footer-3-top-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer-3-middle-row {
    grid-row-gap: 48px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 512px;
    margin-bottom: 96px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-3-bottom-row {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .container-large, .container-large.wide {
    max-width: 512px;
  }

  .bulleted-list-grid.pricing-plan-2-list {
    flex-basis: auto;
  }

  .section-large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .text-grid-thirds {
    grid-column-gap: 24px;
    grid-template-columns: 1fr;
  }

  .medium-heading.featured-post-heading {
    max-width: 400px;
  }

  .grid-two-thirds {
    grid-template-columns: 1fr;
  }

  .composed-elements.contained-section-left, .composed-elements.contained-section-right {
    left: 0;
  }

  .boxed-text.slider-overlay-box {
    min-height: auto;
    padding-left: 36px;
    padding-right: 36px;
  }

  .hover-list-item-content {
    flex-direction: column;
  }

  .image-overlay-combo {
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 0;
  }

  .card-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
  }

  .adjacent-text-grid {
    grid-template-columns: 1fr;
  }

  .process-grid-thirds {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .process-number {
    margin-right: 48px;
  }

  .process-item {
    display: flex;
  }

  .service-section {
    flex-direction: column;
    align-items: center;
    margin-top: -24px;
    margin-bottom: -24px;
  }

  .icon-grid {
    grid-template-columns: 1fr;
    max-width: 512px;
  }

  .icon-process-grid-thirds {
    grid-template-columns: 1fr;
  }

  .process-lines {
    flex-direction: column;
  }

  .process-line {
    flex: 0 96px;
    width: 1px;
  }

  .process-grid-item {
    align-items: flex-end;
    display: flex;
  }

  .process-grid-text {
    max-width: none;
  }

  .process-icon-and-line {
    flex-direction: column;
    flex: none;
    margin-bottom: 0;
    margin-right: 24px;
    display: flex;
  }

  .icon-grid-quarters {
    grid-template-columns: 1fr 1fr;
    max-width: 624px;
    margin-left: auto;
    margin-right: auto;
  }

  .quote-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .frame-body-top {
    margin-bottom: 24px;
  }

  .metrics-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-grid-halves {
    grid-template-columns: 1fr;
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-grid-thirds.no-gaps {
    max-width: 512px;
  }

  .adjacent-tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .adjacent-tabs-content {
    flex-basis: auto;
    padding-left: 0;
  }

  .tabs-menu-vertical {
    border-right-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    min-width: auto;
    margin-bottom: 48px;
    position: relative;
    top: 0;
  }

  .adjacent-tab-link {
    border-bottom: 1px solid #264c5100;
    border-right-style: none;
    padding-bottom: 6px;
  }

  .adjacent-tab-link.w--current {
    border-bottom-color: #264c51;
  }

  .hero-section-thirds {
    overflow: hidden;
  }

  .hero-text-box.text-center {
    max-width: 512px;
  }

  .form-hero {
    flex-direction: column;
  }

  .form-hero-section {
    min-width: auto;
    padding: 96px 24px;
  }

  .form-hero-image-container {
    flex: 0 576px;
  }

  .featured-post-link {
    flex-direction: column;
  }

  .featured-post-box {
    width: 100%;
    min-height: auto;
  }

  .blog-grid-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .post-text-box {
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .blog-grid-link {
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .article h3 {
    margin-top: 36px;
    margin-bottom: 18px;
  }

  .article ul {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .post-title-container {
    text-align: center;
    flex-direction: column;
  }

  .title-row {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .blog-vertical-item.text-white {
    flex-direction: column;
  }

  .case-study-tags-wrapper {
    margin-top: 24px;
    position: relative;
    top: 0;
    right: 0;
  }

  .case-study-image-link {
    max-width: 300px;
    display: flex;
  }

  .case-study-image {
    object-fit: cover;
  }

  .blog-preview-grid {
    grid-row-gap: 72px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .recent-project-grid {
    grid-template-columns: 1fr;
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
  }

  .recent-project-wrapper {
    border-top: 1px solid #08262a1a;
    border-left-style: none;
  }

  .padded-item {
    padding-left: 0;
    padding-right: 0;
  }

  .project-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-grid-thirds {
    grid-template-columns: 1fr;
  }

  .contact-location {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .form-block-2 {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .button-wrap {
    padding-top: 30px;
  }

  .nav-link-copy {
    margin: 6px 0;
  }

  .nav-link-copy.text-white-copy {
    color: #264c51;
  }

  .text-field-6 {
    font-size: 20px;
    line-height: 24px;
  }

  .section-5 {
    height: 150px;
  }

  .grid-2 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .form-block-st-hilaire {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-pastille {
    display: none;
  }

  .navbar-grid-mobile {
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .grid-halves-copy {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .section-16 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-title-2 {
    font-size: 48px;
    line-height: 56px;
  }

  .section-17 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  ._2-col-grid {
    grid-template-columns: 1fr;
  }

  .section-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-half-bg-wrap {
    grid-template-columns: 1fr;
  }

  .section-column {
    padding: 60px 40px;
  }

  .section-title---landing {
    font-size: 42px;
    line-height: 58px;
  }

  .section-logo {
    width: 100px;
  }

  .full-silder-arrow {
    left: 20%;
  }

  .full-silder-arrow.next {
    right: 20%;
  }

  ._3-col-grid {
    grid-template-columns: 1fr;
  }

  .slide-grid-img {
    height: 450px;
  }

  .footer---landing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-grid {
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .map---landing {
    object-fit: fill;
  }

  .half-section-img {
    max-height: 40vh;
  }

  .features-grid {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .feature-item {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-title---landing-2, .section-title---landing-copy {
    font-size: 42px;
    line-height: 58px;
  }

  .section-title---landing-copy.small {
    font-size: 28px;
  }

  .title-land {
    font-size: 42px;
    line-height: 58px;
  }

  .full-silder-arrow-blanc {
    margin-left: 0;
    left: 20%;
  }

  .full-silder-arrow-blanc.next {
    margin-right: 0;
    right: 20%;
  }

  .titre-landing {
    font-size: 42px;
    line-height: 58px;
  }

  .section-logo-signature {
    width: 100px;
  }

  .full-silder-arrow-blanc-copy {
    left: 20%;
  }

  .full-silder-arrow-blanc-copy.next {
    right: 20%;
  }

  .title-club {
    font-size: 42px;
    line-height: 58px;
  }

  .text-block-18 {
    font-size: 20px;
    line-height: 30px;
  }

  .split-section-content {
    direction: ltr;
    flex-direction: row;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-content-wrap {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .split-section-etape-1 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .arrow-button {
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph-12 {
    max-width: 500px;
    margin-right: 0;
    display: block;
  }

  .heading-19 {
    margin-top: 30px;
  }

  .columns-4 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .split-section-content-2 {
    direction: ltr;
    flex-direction: row;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .legende {
    max-width: 500px;
  }

  .split-section-content-3 {
    direction: ltr;
    flex-direction: row;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-blanc {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .paragraph-blanc {
    max-width: 500px;
  }

  .split-section-etape3 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-top: 50px;
  }

  .legende-brun {
    max-width: 500px;
  }

  .div-block-19 {
    text-align: center;
  }

  .split-section-content-4 {
    direction: ltr;
    flex-direction: row;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .split-section-etape-5 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .link-block-4 {
    font-size: 14px;
    line-height: 22px;
  }

  .image-106 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .columns-5 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .div-block-23, .column-17 {
    align-self: center;
  }

  .split-section-etape-2, .split-section-etape-4 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-title-3 {
    font-size: 48px;
    line-height: 56px;
  }

  .section-20 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .phone-content-box {
    width: 80vw;
    right: 40px;
  }

  .phone-menu-button {
    padding: 20px;
  }

  .phone-button {
    right: 40px;
  }

  .phone-button:hover {
    transform: none;
  }

  .divblock-center {
    align-self: center;
  }

  .section-title---chambly {
    font-size: 42px;
    line-height: 58px;
  }

  .button-wrap-5 {
    padding-top: 30px;
  }

  .anim-curtain-wrap {
    width: 100%;
  }

  .section-title---st-hilaire {
    font-size: 36px;
    line-height: 42px;
  }

  .section-title---st-hilaire.small {
    font-size: 24px;
    line-height: 32px;
  }

  .narrow-wrap {
    max-width: none;
  }

  .full-img.card {
    height: auto;
  }

  .full-img.full-section-bg {
    padding-top: 30vw;
    padding-bottom: 10vw;
  }

  .full-img.oval {
    max-width: 70vw;
    padding: 60px 2vw;
  }

  .bottom-form-wrap {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .section-logo---st-hilaire.large {
    width: 240px;
  }

  .page-wrap---st-hilaire {
    font-size: 16px;
    line-height: 24px;
  }

  .form-block-st-hilaire-2 {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section-2 {
    padding-top: 75px;
    display: block;
  }

  .hero-section-2.st-hilaire {
    display: flex;
  }

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

  .container---st-hilaire {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container---st-hilaire.top-part {
    top: 5vw;
  }

  .full-slider.fix-height {
    height: 500px;
  }

  .section---st-hilaire {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section---st-hilaire.full-bg {
    min-height: auto;
  }

  .slide-arrow.prev {
    left: 0;
  }

  .slide-arrow.next {
    right: 0;
  }

  ._2-col-grid---st-hilaire {
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .section-2-chambly {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-form {
    width: auto;
  }

  .column-18 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-34 {
    background-position: 50%;
  }

  .form-block-chambly {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-green-line-up {
    width: 100%;
  }

  .div-block-green-line-white {
    display: none;
  }

  .form-field-questions, ._1habitant, ._2habitants, .form-field {
    font-size: 20px;
    line-height: 24px;
  }

  .formulaire {
    padding-left: 27px;
    padding-right: 27px;
    overflow: hidden;
  }

  .under {
    width: 100%;
    font-size: 22px;
  }

  .section-video {
    height: 150px;
  }

  .section-header.full-img {
    height: 600px;
  }

  .section-header.half-bg {
    grid-template-columns: 1fr;
  }

  .div-block-34-3r {
    background-position: 50%;
  }

  .section-plans.full-img {
    height: 600px;
  }

  .section-plans.half-bg {
    grid-template-columns: 1fr;
  }

  .title-land-merci {
    font-size: 42px;
    line-height: 58px;
  }

  .section-head-plans.full-img {
    height: 600px;
  }

  .section-head-plans.half-bg {
    grid-template-columns: 1fr;
  }

  .section-head-quartier.full-img {
    height: 600px;
  }

  .section-head-quartier.half-bg {
    grid-template-columns: 1fr;
  }

  .video-wrap {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .container-promo.service-container {
    grid-column-gap: 16px;
    grid-row-gap: 72px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .heading-center {
    margin-top: 30px;
  }

  .section-offset-container {
    height: auto;
    padding-top: 0;
  }

  .section-content-wrap-2 {
    flex: 1;
    padding: 60px;
  }

  .section-title---main {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 48px;
  }

  .feature-title {
    font-size: 18px;
    line-height: 24px;
  }

  .features-grid-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-icon-2 {
    width: 80px;
    height: 80px;
  }

  .section {
    height: auto;
    max-height: none;
    position: relative;
  }

  .feature-item-2 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .bouton {
    font-size: 16px;
    line-height: 24px;
  }

  .heading-center-copy {
    margin-top: 30px;
  }

  .navbar-promo {
    height: 30px;
    padding: 10px;
    font-size: 16px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-68 {
    height: 100px;
    position: static;
  }

  .text-block-32 {
    line-height: 24px;
  }

  .centeredparagraph {
    font-size: 16px;
    line-height: 24px;
  }

  .section-line-wrap, .section-line-2 {
    height: 80px;
  }

  .bouton-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .section---100px-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .arrows-list-wrap {
    width: 100%;
  }

  .arrow-list-item {
    font-size: 16px;
    line-height: 26px;
  }

  .arrow-icon {
    width: 10px;
    height: 18px;
  }

  .footer-legal.mobile-padding {
    padding-top: 60px;
  }

  .footer-logo-2 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .section-offset-container-2 {
    height: auto;
    padding-top: 0;
  }

  .footer-right {
    order: -1;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-24 {
    height: auto;
    max-height: none;
    position: relative;
  }

  .section-24.footer {
    height: auto;
    min-height: auto;
    padding: 60px 20px;
  }

  .footer-grid-2 {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding-top: 0;
    display: flex;
  }

  .footer---new-home {
    padding-top: 100px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-links {
    justify-content: flex-start;
    align-items: center;
  }

  .padding-block-100 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .slider-hero-section {
    height: auto;
    margin-top: 0;
  }

  .bottom-right-logo {
    width: 100px;
  }

  .flex-wrap.mobile-center {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .small-title.john-mayer {
    font-size: 28px;
    line-height: 36px;
  }

  .border-button {
    font-size: 16px;
    line-height: 24px;
  }

  .border-button.nav {
    border-color: var(--new-green);
    color: var(--new-green);
    text-transform: none;
    font-weight: 700;
  }

  .footer-col-grid {
    text-align: center;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    display: flex;
  }

  .portrait-img {
    width: auto;
    max-height: 450px;
  }

  .new-home-body-wrap {
    font-size: 16px;
    line-height: 24px;
  }

  .menu-icon-dark {
    filter: invert();
  }

  .section-656 {
    height: auto;
    max-height: none;
    position: relative;
  }

  .text-block-32-copy {
    line-height: 24px;
  }

  ._2habitants-2, ._1habitant-2, .form-field-2 {
    font-size: 20px;
    line-height: 24px;
  }

  .checkbox-label-2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 40px;
  }

  h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .section-head.full-img {
    height: 450px;
  }

  .main-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .squiggle-container.round-top-right.far-top-right {
    display: none;
  }

  .squiggle-container.round-bottom-right.composed-elements-squiggle {
    left: 0;
  }

  .squiggle-container.cta-top {
    margin-bottom: 72px;
  }

  .squiggle-container.cta-bottom {
    margin-top: 72px;
  }

  .animated-image-container.cta-image-b {
    width: 150px;
  }

  .animated-image-container.cta-image-c {
    width: 120px;
  }

  .animated-image-container.cta-image-b-club, .animated-image-container.cta-image-b-club-larger {
    width: 150px;
  }

  .display-heading {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .small-caps-text.diagram-left-text {
    margin-bottom: 12px;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }

  .small-caps-text.diagram-right-text {
    margin-top: 12px;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }

  .small-caps-text.section-title {
    margin-bottom: 24px;
  }

  .button.icon-button.overlay-slider-button-right {
    inset: auto 50% -28px auto;
    transform: translate(100%);
  }

  .button.icon-button.overlay-slider-button-left {
    inset: auto auto -28px 50%;
    transform: translate(-100%);
  }

  .container-small.align-right.overlay-top-right, .container-small.overlay-left-image {
    display: none;
  }

  .large-heading {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .text-grid-rows {
    grid-row-gap: 24px;
  }

  .image-squiggle.overlay-bottom-left {
    display: none;
  }

  .image-squiggle.cta-image-a {
    max-width: 226px;
  }

  .image-squiggle.overlay-bottom-right {
    left: 48px;
  }

  .navbar-container {
    min-height: 72px;
  }

  .navbar-container.overlay-hero {
    background-color: #08262a;
    margin-bottom: 0;
  }

  .navbar-horizontal-menu, .social-links.navbar-social-links, .navbar-grid {
    display: none;
  }

  .footer-top-row {
    text-align: center;
    align-items: center;
  }

  .footer-grid-thirds {
    grid-column-gap: 54px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .footer-bottom-row {
    flex-direction: column;
    margin-top: 72px;
  }

  .footer-meta {
    margin-top: 36px;
  }

  .footer-meta.footer-3-meta {
    margin-top: 0;
  }

  .footer-2-top-row {
    grid-template-columns: 1fr;
  }

  .footer-2-logo {
    margin-bottom: 24px;
  }

  .footer-3-middle-row {
    margin-bottom: 72px;
  }

  .section-large {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .text-grid-thirds {
    grid-row-gap: 24px;
  }

  .diagram {
    flex-direction: column;
    margin-bottom: 48px;
  }

  .diagram-left {
    flex-direction: column;
  }

  .diagram-line {
    width: 1px;
    height: 72px;
  }

  .diagram-center {
    margin: 24px 0;
  }

  .medium-heading {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 40px;
  }

  .diagram-right {
    flex-direction: column;
  }

  .text-grid-halves {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .contained-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .composed-elements.align-items-center {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .boxed-text.slider-overlay-box {
    max-width: none;
    padding-top: 48px;
    position: relative;
  }

  .boxed-text.slide-caption-boxed-text {
    text-align: center;
    max-width: none;
    padding-bottom: 56px;
  }

  .hover-list-image {
    display: none;
  }

  .hover-list-item-content {
    grid-row-gap: 12px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .slider.text-box-slider {
    margin-bottom: 28px;
  }

  .adjacent-text-grid {
    grid-row-gap: 48px;
  }

  .process-number {
    flex: none;
    min-width: 120px;
    margin-right: 48px;
    font-size: 96px;
    line-height: 96px;
  }

  .composed-bottom-left {
    left: -24px;
  }

  .icon-grid-quarters {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .pricing-grid-halves {
    grid-row-gap: 24px;
  }

  .pricing-plan-3 {
    min-height: auto;
  }

  .form-grid-thirds {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .adjacent-tab-link.horizontal {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .horizontal-tabs-menu {
    border-bottom-style: none;
    flex-direction: column;
    align-items: center;
    margin-top: -6px;
    margin-bottom: 36px;
  }

  .popup {
    max-width: 458px;
    bottom: 12px;
    left: 12px;
  }

  .hero-section {
    min-height: auto;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .hero-text-box.text-center {
    max-width: 400px;
    padding: 72px 36px;
  }

  .form-hero-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .form-hero-image-container {
    flex-basis: 400px;
  }

  .fullscreen-section {
    height: auto;
  }

  .align-right.slider-image {
    width: 100%;
  }

  .slide-caption {
    position: relative;
    bottom: 0;
    right: 0;
  }

  .featured-post-box {
    min-width: auto;
  }

  .blog-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-vertical-item.text-white {
    padding-left: 48px;
    padding-right: 48px;
  }

  .case-study-text-box {
    padding: 36px;
  }

  .case-study-image-link {
    max-width: 200px;
  }

  .blog-grid-halves {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-image {
    width: 100%;
  }

  .contact-grid-thirds {
    width: 100%;
    max-width: 400px;
    margin: 72px auto;
  }

  .contact-locations {
    grid-row-gap: 72px;
  }

  .field-wrap {
    grid-template-columns: 1fr;
  }

  .display-heading-merci, .display-popup, .large-heading-copy {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .hero-col.l {
    padding-right: 0;
  }

  .hero-col.r {
    padding-left: 0;
  }

  .section-5 {
    height: 150px;
  }

  .grid-2 {
    flex-direction: column;
    display: flex;
  }

  .section-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-pastille {
    display: none;
  }

  .large-heading-white, .display-heading-green, .display-heading-copy {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .insidepopup, .insidepopup-sacre-coeur {
    height: auto;
  }

  .large-heading-white-copy {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .section-subtitle {
    line-height: 20px;
  }

  .section-16 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-title-2 {
    font-size: 32px;
    line-height: 42px;
  }

  .display-heading-copy {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .section-17 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .large-heading-map {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .section-container, .section-column.green, .section-column.beige-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-title---landing {
    font-size: 32px;
    line-height: 48px;
  }

  .landing-hero-logo {
    width: 280px;
  }

  .section-logo {
    width: 80px;
  }

  .full-section-slider {
    height: 500px;
  }

  .full-section-slider.grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .full-silder-arrow {
    left: 10%;
  }

  .full-silder-arrow.next {
    right: 10%;
  }

  .slide-grid-img {
    height: 420px;
  }

  .footer-logo {
    width: 200px;
  }

  .feature-item {
    max-width: 100%;
  }

  .section-title---landing-2, .section-title---landing-copy, .title-land {
    font-size: 32px;
    line-height: 48px;
  }

  .image-gens {
    width: 280px;
  }

  .full-silder-arrow-blanc {
    left: 10%;
  }

  .full-silder-arrow-blanc.next {
    right: 10%;
  }

  .titre-landing {
    font-size: 32px;
    line-height: 48px;
  }

  .section-logo-signature {
    width: 80px;
  }

  .full-silder-arrow-blanc-copy {
    left: 10%;
  }

  .full-silder-arrow-blanc-copy.next {
    right: 10%;
  }

  .title-club {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 48px;
  }

  .quick-stack {
    overflow: visible;
  }

  .div-block-16 {
    display: none;
  }

  .split-section-content {
    padding-top: 76px;
  }

  .heading-19 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .split-section-content-2, .split-section-content-3, .split-section-content-4 {
    padding-top: 76px;
  }

  .full-section-slider-head {
    height: 500px;
  }

  .link-block-4 {
    height: 250px;
  }

  .div-block-16-mobile {
    display: flex;
  }

  .div-block-23, .div-block-24 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .div-block-25 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-26 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .section-title-3 {
    font-size: 32px;
    line-height: 42px;
  }

  .section-20 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .phone-content-box {
    width: 90vw;
    bottom: 100px;
    right: 20px;
  }

  .fancify-box-content {
    max-height: 80vh;
    padding: 20px;
  }

  .phone-menu-button {
    padding: 16px 10px;
  }

  .phone-button {
    bottom: 20px;
    right: 20px;
  }

  .divblock-center {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .section-title---chambly {
    font-size: 32px;
    line-height: 48px;
  }

  .section-title---st-hilaire {
    font-size: 28px;
    line-height: 38px;
  }

  .full-img.full-section-bg {
    padding-top: 320px;
    padding-bottom: 140px;
  }

  .section-logo---st-hilaire.large {
    width: 160px;
  }

  .field-wrap-2 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .container---st-hilaire.top-part {
    min-height: 50vw;
  }

  .full-slider.fix-height {
    height: 360px;
  }

  .slide-arrow {
    min-width: 120px;
  }

  .section-2-chambly {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-21 {
    width: auto;
  }

  .div-block-green-line-white {
    display: none;
  }

  .field-wrap-3._2-col {
    grid-template-columns: 1fr;
    padding-top: 5px;
  }

  .section-video {
    height: 150px;
  }

  .section-header.full-img, .section-plans.full-img {
    height: 450px;
  }

  .display-heading-3r {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .title-land-merci {
    font-size: 32px;
    line-height: 48px;
  }

  .section-head-plans.full-img {
    height: 450px;
  }

  .large-heading-plans {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .section-head-quartier.full-img {
    height: 450px;
  }

  .container-promo {
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-content-wrap-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-title---main {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
  }

  .features-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-icon-2 {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .feature-item-2 {
    max-width: 100%;
  }

  .heading-center-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-68 {
    height: 100px;
  }

  .text-block-32 {
    line-height: 24px;
  }

  .footer-logo-2 {
    width: 200px;
  }

  .section-24.footer {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  ._4-col-grid {
    grid-template-columns: 1fr;
  }

  .nav---new {
    min-height: 72px;
  }

  .nav---new.overlay-hero {
    background-color: #08262a;
    margin-bottom: 0;
  }

  .small-title {
    line-height: 20px;
  }

  .small-title.john-mayer {
    font-size: 24px;
    line-height: 32px;
  }

  .footer-col-grid {
    grid-template-columns: 1fr;
  }

  .full-vh-slider {
    height: 500px;
  }

  .full-vh-slider.grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-32-copy {
    line-height: 24px;
  }

  .field-wrap-5._2-col {
    grid-template-columns: 1fr;
    padding-top: 5px;
  }

  .checkbox-field-2, .checkbox-label-2 {
    font-size: 16px;
  }

  .small-caps-text-copy.diagram-left-text {
    margin-bottom: 12px;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }

  .small-caps-text-copy.diagram-right-text {
    margin-top: 12px;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }

  .small-caps-text-copy.section-title {
    margin-bottom: 24px;
  }

  .section-659 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .drop {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section-head, .section-head.no-bottom-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-head.bottommobile {
    padding-bottom: 0;
  }

  .section-head.full-slider.bigger {
    height: 500px;
  }

  .section-head.full-slider.noimagebackground {
    height: auto;
  }

  .main-container {
    max-width: none;
  }

  .main-container.fullscreen-container {
    padding-top: 0;
  }

  .main-container.margin {
    padding-bottom: 60px;
  }

  .squiggle-container {
    width: 136px;
    height: 136px;
  }

  .squiggle-container.top-left {
    top: -12px;
    left: -12px;
  }

  .squiggle-container.round-bottom-right.composed-elements-squiggle, .squiggle-container.round-bottom-right.top-left-flush {
    display: none;
  }

  .squiggle-container.round.diagram-squiggle {
    width: 200px;
    height: 200px;
  }

  .squiggle-container.round.noround {
    width: 250px;
    height: 250px;
    margin-left: 50px;
  }

  .squiggle-container.top-right {
    top: -12px;
    right: -12px;
  }

  .squiggle-container.bottom-left {
    bottom: -12px;
    left: -12px;
  }

  .squiggle-container.cta-top {
    height: 72px;
    margin-bottom: 48px;
  }

  .squiggle-container.cta-bottom {
    height: 72px;
    margin-top: 48px;
  }

  .squiggle {
    background-size: 36px;
  }

  .squiggle.bg-primary-2 {
    display: none;
  }

  .animated-image-container.round-top.specialsize {
    width: 100%;
    height: 200px;
  }

  .animated-image-container.cta-image-b, .animated-image-container.cta-image-c, .animated-image-container.cta-image-b-club, .animated-image-container.cta-image-b-club-larger {
    display: none;
  }

  .display-heading.smaller {
    font-size: 34px;
    line-height: 40px;
  }

  .large-text {
    font-size: 16px;
    line-height: 24px;
  }

  .small-caps-text.subtitle {
    text-align: center;
    justify-content: center;
  }

  .style-guide-title-wrapper {
    padding: 24px;
  }

  .button.icon-button.slider-button-left {
    bottom: -56px;
    right: 56px;
  }

  .button.icon-button.slider-button-right {
    bottom: -56px;
    right: 0;
  }

  .form-input.small.naked {
    border: 1px solid #08262a1a;
    margin-bottom: 12px;
    padding-left: 18px;
  }

  .form-input.small.naked-white {
    border: 1px solid #ffffff40;
    margin-bottom: 12px;
    padding-left: 18px;
  }

  .badge.bg-primary-2.pricing-badge {
    padding: 8px 12px;
    font-size: 12px;
    top: -18px;
  }

  .container-small.align-center.contains-slider {
    margin-top: 0;
  }

  .container-small.align-center.contains-slider-big {
    margin-top: 72px;
  }

  .grid-halves.contains-slider {
    flex-direction: column;
    display: flex;
  }

  .container.service-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.blog-post-title, .container.blog-vertical-title-container {
    margin-bottom: 24px;
  }

  .large-heading {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .large-heading.no-bottom-margin {
    margin-bottom: 0;
  }

  .section-title {
    margin-bottom: 36px;
  }

  .image-squiggle.cta-image-a {
    max-width: 100%;
  }

  .image-squiggle.overlay-bottom-right {
    display: none;
  }

  .section-contents {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .underline-link.adjacent-to-link {
    margin-top: 12px;
    margin-left: 0;
  }

  .navbar-container.bg-dark.sticky-top {
    z-index: 2;
    position: sticky;
    top: auto;
  }

  .navbar-container.bg-white.sticky-top {
    top: auto;
  }

  .nav-menu {
    z-index: 9999;
  }

  .nav-menu.no-left-margin {
    margin-top: 20px;
  }

  .nav-link {
    padding-bottom: 10px;
  }

  .nav-link.text-white {
    color: var(--dark-slate-grey);
  }

  .dropdown-list.w--open {
    min-width: auto;
    padding: 18px;
  }

  .menu-button {
    z-index: 2;
  }

  .navbar-right-content, .navbar-grid {
    display: none;
  }

  .round-logo {
    max-height: 72px;
  }

  .horizontal-form {
    flex-direction: column;
  }

  .footer-meta {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer-meta.footer-3-meta {
    margin-right: 0;
  }

  .footer-meta-item {
    margin-left: 0;
  }

  .horizontal-rule {
    margin-top: 48px;
  }

  .footer-2-logo {
    margin-bottom: 0;
  }

  .bulleted-list-grid.pricing-plan-2-list {
    padding-top: 24px;
  }

  .service-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large.bg-dark {
    padding-top: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .medium-heading.featured-post-heading {
    margin-top: 24px;
    margin-bottom: 36px;
  }

  .medium-heading.blog-vertical-heading {
    margin-top: 18px;
  }

  .diagram-line-vertical-container {
    height: 72px;
  }

  .grid-two-thirds {
    grid-row-gap: 48px;
  }

  .text-grid-halves {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .contained-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .link-pair {
    flex-direction: column;
    align-items: flex-start;
  }

  .composed-elements.row {
    flex-direction: column;
  }

  .boxed-text {
    padding: 18px;
  }

  .boxed-text.slider-overlay-box {
    padding-left: 24px;
    padding-right: 24px;
  }

  .composed-bottom-right {
    margin-top: 24px;
    display: none;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .composed-top-left {
    display: none;
  }

  .section-title-large {
    margin-bottom: 50px;
  }

  .contained-section-small {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .card-body {
    padding: 24px;
  }

  .slider {
    max-width: 100%;
    margin-bottom: 56px;
  }

  .process-number {
    min-width: auto;
    font-size: 72px;
    line-height: 72px;
  }

  .process-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .composed-bottom-left {
    display: none;
  }

  .frame-title {
    padding-left: 24px;
    padding-right: 24px;
  }

  .frame-body {
    padding: 24px;
  }

  .icon-horizontal {
    flex-direction: column;
  }

  .icon-horizontal-image {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .process-grid-item {
    align-items: flex-start;
  }

  .icon-grid-quarters {
    grid-template-columns: 1fr;
  }

  .icon {
    margin-bottom: 18px;
  }

  .avatar {
    width: 72px;
    height: 72px;
  }

  .avatar.quote-avatar {
    margin-top: -36px;
  }

  .quote-card-body {
    padding-left: 24px;
    padding-right: 24px;
  }

  .quote-author {
    margin-bottom: 18px;
  }

  .composed-elements-column {
    margin-top: 24px;
    margin-left: 0;
  }

  .frame-metrics {
    grid-row-gap: 24px;
  }

  .metric-horizontal {
    flex-direction: column;
  }

  .metric-number {
    margin-bottom: 12px;
    margin-right: 0;
  }

  .metrics-grid-thirds {
    grid-row-gap: 36px;
  }

  .pricing-box-top {
    min-height: 250px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-box-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    padding: 24px;
    display: grid;
  }

  .pricing-box-bottom.border-top-white {
    flex-direction: column;
  }

  .pricing-plan-top, .pricing-plan-body.bg-primary-1 {
    padding: 24px;
  }

  .pricing-plan-2 {
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plan-2.bg-dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-plan-3 {
    padding: 24px;
  }

  .form-grid-halves {
    grid-template-columns: 1fr;
  }

  .boxed-form {
    padding: 24px;
  }

  .tabs-menu-vertical {
    grid-template-columns: 1fr;
  }

  .adjacent-tab-link {
    padding-bottom: 2px;
  }

  .tabs-mobile-title {
    display: block;
  }

  .popup {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    bottom: 0;
    left: 0;
  }

  .popup-dismiss {
    margin-top: 12px;
    margin-left: 0;
  }

  .hero-section-thirds {
    flex-direction: column;
  }

  .hero-thirds-image {
    position: relative;
  }

  .hero-text-box.text-center {
    order: -1;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-thirds-image-container.right {
    display: none;
  }

  .form-hero-image {
    position: relative;
  }

  .form-hero-image-container {
    flex-basis: auto;
  }

  .fullscreen-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .fullscreen-bg.transparency {
    width: 120%;
  }

  .slide-caption {
    position: relative;
    bottom: 0;
    right: 0;
  }

  .dropdown-grid-halves {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .featured-post-box {
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .featured-post-meta {
    background-color: var(--white);
    color: #264c51;
    padding: 0;
  }

  .blog-grid-thirds {
    grid-row-gap: 24px;
  }

  .post-text-box {
    padding: 24px;
  }

  .article blockquote {
    font-size: 28px;
    line-height: 32px;
  }

  .blog-vertical-item.text-white {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-wrapper {
    flex-direction: column;
  }

  .case-study-text-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .case-study-logo {
    width: 75%;
    max-height: none;
  }

  .case-study-title-wrapper {
    margin-bottom: 12px;
  }

  .case-study-image-link {
    max-width: 100%;
  }

  .blog-grid-halves {
    grid-row-gap: 24px;
  }

  .sign-up-buttons {
    grid-template-columns: 1fr;
  }

  .lottie {
    height: 250px;
  }

  .grid {
    flex-direction: column;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .linkblock, .button-2 {
    width: 100%;
  }

  .divpopup {
    z-index: 2147483647;
    background-color: #000000d9;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: none;
    position: fixed;
  }

  .divinsidepopup-copy {
    z-index: 80000000;
    color: #fff;
    white-space: normal;
    object-fit: fill;
    background-color: #fff0;
    background-image: none;
    background-size: auto;
    flex: 0 auto;
    align-self: flex-start;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 200px auto 30px;
    padding-left: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .div-block-19-copy-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #fff;
    background-image: none;
    background-size: auto;
    border-style: none;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: auto;
    display: flex;
    position: absolute;
  }

  .xclose-3 {
    border-color: var(--area-green);
    color: var(--area-green);
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 0;
    padding-top: 3px;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    inset: auto;
  }

  .image-53 {
    width: 100%;
    height: auto;
    display: inline-block;
  }

  .image-54 {
    max-width: 100%;
  }

  .heading {
    padding-top: 30px;
  }

  .form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link-copy.text-white-copy {
    color: #264c51;
    margin-top: 10px;
    display: flex;
  }

  .display-popup {
    font-size: 30px;
    line-height: 35px;
  }

  .divpopup-promo {
    z-index: 2147483647;
    background-color: #000000d9;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-top: 140px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    position: fixed;
  }

  .div-block-5, .div-block-6, .div-block-5-copy {
    justify-content: flex-start;
    margin-bottom: -63px;
    margin-left: 10px;
    display: none;
  }

  .div-block-7 {
    display: none;
  }

  .section-title-copy.centered-copy {
    padding-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .large-heading-copy {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .container-7 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .text-block-5 {
    text-align: justify;
  }

  .main-form-ordi {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .form-rsvp {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .text-field-6 {
    height: 40px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
    display: block;
  }

  .hero-col.l, .hero-col.r {
    padding-left: 0;
    padding-right: 0;
  }

  .submit-button-3 {
    text-align: center;
    width: 100%;
    display: inline-block;
  }

  .section-title-copy {
    margin-bottom: 36px;
  }

  .section-copy {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-5 {
    height: 100px;
    padding: 15px 5px;
  }

  .section-5.ontop {
    background-color: var(--dark-slate-grey);
    position: relative;
  }

  .grid-2 {
    flex-direction: column;
    place-content: stretch;
    place-items: stretch center;
    display: flex;
  }

  .heading-4 {
    font-size: 15px;
    display: none;
  }

  .section-6 {
    height: 500px;
    padding-top: 110px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-6 {
    margin-top: 0;
  }

  .container-8 {
    background-color: #09262a00;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-9 {
    max-width: 200px;
  }

  .squiggle-hilaire {
    background-size: 36px;
  }

  .squiggle-hilaire.white-hilaire {
    background-position: 60%;
  }

  .container-12 {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-11-copy {
    padding-top: 80px;
  }

  .image-68 {
    padding-top: 10px;
    padding-left: 0;
  }

  .image-69 {
    padding-right: 0;
  }

  .div-block-pastille {
    justify-content: flex-start;
    margin-bottom: -63px;
    margin-left: 10px;
    display: none;
  }

  .background-video {
    display: none;
  }

  .div-block-9, .div-block-10, .div-block-11, .div-block-12, .div-block-13 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-14 {
    padding: 50px 10px;
  }

  .lien-title {
    font-size: 20px;
    line-height: 20px;
  }

  .mention {
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-14 {
    width: 100%;
    margin-bottom: 40px;
  }

  .contactimage {
    width: 90%;
  }

  .section-planpoint {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .heading-18 {
    margin-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .large-text-3r {
    font-size: 16px;
    line-height: 24px;
  }

  .small-caps-text-white.subtitle {
    text-align: center;
    justify-content: center;
  }

  .large-text-white {
    font-size: 16px;
    line-height: 24px;
  }

  .large-heading-white {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .large-heading-white.no-bottom-margin {
    margin-bottom: 0;
  }

  .small-caps-white.subtitle {
    text-align: center;
    justify-content: center;
  }

  .display-heading-green.smaller {
    font-size: 34px;
    line-height: 40px;
  }

  .popup-st-bruno-ordi {
    justify-content: center;
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    display: none;
  }

  .insidepopup {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #ffffffe6;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 50px;
    display: flex;
    position: static;
    inset: 0%;
  }

  .div-xclose-2 {
    justify-content: flex-start;
    margin-left: 0;
    display: block;
    position: relative;
  }

  .xclose-4 {
    color: var(--vert-club-aera);
    padding-top: 3px;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    inset: auto;
  }

  .popup-sacre-coeur {
    justify-content: center;
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    display: flex;
  }

  .insidepopup-sacre-coeur {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #ffffffe6;
    flex-flow: row;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: stretch;
    width: auto;
    height: auto;
    margin-top: 50px;
    display: block;
    position: static;
    inset: 0%;
  }

  .popup-st-bruno-mobile {
    justify-content: center;
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    display: none;
  }

  .divclubaeera {
    margin-left: 20px;
    margin-right: 20px;
    padding: 50px 20px;
  }

  .h1club {
    width: auto;
    margin-top: 25px;
    font-size: 26px;
    line-height: 28px;
  }

  .h2club {
    width: 100%;
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 28px;
  }

  .h2club.white {
    line-height: 28px;
  }

  .h2club.centered {
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 400;
  }

  .footerclubaera {
    height: 300px;
  }

  .paraclub {
    max-width: none;
    font-size: 26px;
    line-height: 32px;
  }

  .paraclub.centered {
    margin-left: 20px;
    margin-right: 20px;
  }

  .clubmiddleimage {
    margin-top: 25px;
  }

  .large-heading-white-copy {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .section-subtitle {
    font-size: 20px;
  }

  .bold-text-10 {
    line-height: 40px;
  }

  .columns-3 {
    text-align: center;
    padding-top: 0;
    display: block;
  }

  .liste-items {
    padding-bottom: 41px;
  }

  .section-16.gold {
    padding-top: 100px;
  }

  .section-title-2 {
    font-size: 24px;
    line-height: 26px;
  }

  .container-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .display-heading-copy.smaller-copy {
    font-size: 34px;
    line-height: 40px;
  }

  .image-71, .image-72, .image-73, .image-74, .image-75, .image-76, .image-77, .image-78, .image-80, .image-82, .image-83, .image-84, .image-85, .image-86 {
    max-width: 30%;
  }

  .bold-text-10-green {
    line-height: 40px;
  }

  .liste-items-green {
    padding-bottom: 41px;
  }

  .image-a1, .image-a2, .image-a3, .image-a4, .image-a5, .image-a6, .image-a7, .image-a8, .image-a9 {
    max-width: 30%;
  }

  .large-heading-map {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .popup-saint-thomas {
    justify-content: center;
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    display: flex;
  }

  .section-half-bg-wrap.map {
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    display: flex;
  }

  .section-column.green, .section-column.beige-bg {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-title---landing {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .section-title---landing.light {
    text-align: left;
  }

  .landing-hero-logo {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .section-p {
    text-align: justify;
  }

  .full-section-slider.grid {
    padding-bottom: 0;
  }

  .full-silder-arrow {
    height: 50px;
    margin-left: 0;
  }

  .full-silder-arrow.next {
    height: 50px;
    margin-right: 0;
  }

  .full-slider-nav {
    border-style: none;
    height: 50px;
  }

  .full-slide-img {
    height: 500px;
  }

  ._3-col-grid {
    grid-row-gap: 0px;
  }

  .slide-grid-item {
    text-align: justify;
  }

  .feature-icon {
    margin-bottom: 15px;
  }

  .section-title---landing-2 {
    font-size: 30px;
    line-height: 40px;
  }

  .paragraph-2 {
    text-align: center;
  }

  .section-title---landing-copy {
    font-size: 30px;
    line-height: 40px;
  }

  .title-land {
    max-width: 400px;
    font-size: 30px;
    line-height: 32px;
  }

  .flex-block {
    border: 0 #000;
    border-left-color: #0000;
  }

  .flex-block-2, .flex-block-4, .flex-block-5, .text-block-13, .text-block-14, .text-block-15 {
    display: none;
  }

  .flex-block-8 {
    border-left-style: none;
    border-right-style: none;
  }

  .full-silder-arrow-blanc {
    width: 80px;
    margin-left: 0;
  }

  .full-silder-arrow-blanc.next {
    width: 80px;
    margin-right: 0;
  }

  .full-slider-nav-3 {
    display: none;
  }

  .flex-block-9 {
    border-left-style: none;
    border-right-style: none;
  }

  .titre-landing {
    font-size: 30px;
    line-height: 36px;
  }

  .text-block-17 {
    display: none;
  }

  .full-silder-arrow-blanc-copy {
    width: 80px;
    margin-left: 0;
    display: none;
  }

  .full-silder-arrow-blanc-copy.next {
    width: 80px;
    margin-right: 0;
    display: none;
  }

  .title-club {
    max-width: none;
    margin-top: 50px;
    margin-bottom: 25px;
    font-size: 40px;
    line-height: 40px;
  }

  .logoclub {
    width: 80%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .quick-stack {
    overflow: visible;
  }

  .div-block-16 {
    display: none;
  }

  .section-expicatif {
    text-align: justify;
    margin-bottom: 50px;
  }

  .section-description {
    padding-top: 0;
    padding-bottom: 0;
  }

  .split-section-content {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .split-section-content.blue {
    margin-top: 0;
    padding: 75px 10px 25px;
  }

  .split-section-etape-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-items: center;
    max-width: 100vw;
    height: auto;
    display: grid;
  }

  .paragraph-12 {
    text-align: justify;
    max-width: none;
  }

  .heading-19 {
    width: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .split-section-content-2 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .legende {
    text-align: center;
    max-width: none;
  }

  .split-section-content-3 {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .heading-blanc {
    width: auto;
    margin-top: 21px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .paragraph-blanc {
    text-align: justify;
    max-width: none;
  }

  .split-section-etape3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-items: center;
    max-width: 100vw;
    height: auto;
    padding-top: 75px;
    padding-bottom: 98px;
    display: grid;
  }

  .legende-brun {
    text-align: justify;
    max-width: none;
  }

  .div-block-19 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .split-section-content-4 {
    padding-top: 75px;
    padding-bottom: 0;
  }

  .split-section-etape-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-items: center;
    max-width: 100vw;
    height: auto;
    margin-bottom: 0;
    display: grid;
  }

  .full-section-slider-head {
    height: 500px;
  }

  .heading-blocks {
    font-size: 30px;
    line-height: 30px;
  }

  .link-block-4 {
    height: 250px;
    padding-top: 80px;
  }

  .image-105 {
    margin-bottom: 0;
  }

  .image-106 {
    padding: 75px 20px;
  }

  .cell-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-16-mobile {
    display: flex;
  }

  .div-block-22 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-form-popup {
    color: #fff;
    background-image: none;
    background-size: auto;
    border-style: none;
    width: 100%;
    height: auto;
    margin-top: 75px;
    position: absolute;
  }

  .divinside-form-popup {
    z-index: 80000000;
    color: #fff;
    white-space: normal;
    object-fit: fill;
    background-color: #fff0;
    background-image: none;
    background-size: auto;
    flex: 0 auto;
    align-self: flex-start;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 5% auto 30px;
    padding-left: 0;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .form-block-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .split-section-etape-2, .split-section-etape-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-items: center;
    max-width: 100vw;
    height: auto;
    display: grid;
  }

  .arrowmobile {
    width: 50px;
    display: block;
  }

  .section-title-3 {
    font-size: 24px;
    line-height: 26px;
  }

  .section-20.gold {
    padding-top: 100px;
  }

  .container-list-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-78 {
    text-align: center;
  }

  .fancify-box-content {
    max-height: 60vh;
  }

  .phone-menu-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .newheadclubaera {
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .div-block-28 {
    width: 96%;
  }

  .divblock-center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-head-chambly {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-head-chambly.full-slider-copy.bigger-chambly {
    height: 500px;
  }

  .section-title---chambly {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .section-title---st-hilaire {
    margin-bottom: 0;
  }

  .text-block-24 {
    display: none;
  }

  .button---st-hilaire {
    font-size: 14px;
  }

  .full-img.full-section-bg {
    padding-top: 420px;
    padding-bottom: 280px;
  }

  .flex-block-12 {
    border: 0 #000;
    border-left-color: #0000;
  }

  .section-head-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-head-2.full-slider.bigger {
    height: 500px;
  }

  .bottom-form-wrap {
    max-width: 90%;
  }

  .field-wrap-2 {
    flex-direction: column;
    display: flex;
  }

  .padding-block-40 {
    padding-top: 0;
  }

  .hero-section-2.st-hilaire {
    display: none;
  }

  .align-center-mobile {
    margin-top: 25px;
  }

  .flex-block-13, .flex-block-14 {
    display: none;
  }

  .brown-text {
    line-height: 28px;
  }

  .paragraph-79 {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-25 {
    display: none;
  }

  .anim-slide-wrap._3 {
    line-height: 20px;
  }

  .full-slider-nav-4 {
    border-style: none;
    height: 50px;
  }

  .landingpageanimation {
    height: 100vh;
  }

  .divpopup-promo-mobile {
    z-index: 2147483647;
    background-color: #000000d9;
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: none;
    position: fixed;
  }

  .section-2-chambly {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-33 {
    margin-top: 40px;
  }

  .heading-21 {
    text-align: center;
    width: auto;
  }

  .text-block-27 {
    width: auto;
  }

  .columns-6 {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 0;
    display: flex;
  }

  .heading-form {
    text-align: center;
    width: auto;
  }

  .column-18 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-34 {
    height: 400px;
    margin-bottom: 50px;
    margin-left: 0;
  }

  .text-block-signature {
    padding-right: 0;
  }

  .div-block-line-pic-up {
    justify-content: center;
    align-items: center;
    position: static;
  }

  .div-block-31-100 {
    justify-content: center;
  }

  .div-block-green-line-up {
    display: none;
  }

  .section-5-chambly {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-line-pic-dark {
    display: flex;
  }

  .form-chambly {
    display: block;
  }

  .field-wrap-3 {
    width: 100%;
    padding-bottom: 0;
  }

  .field-wrap-3._2-col {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .form-field-questions {
    height: 50px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  ._1habitant {
    height: 40px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    line-height: 20px;
    display: none;
  }

  .titre-habitation {
    margin-top: 0;
    padding-top: 30px;
    display: block;
  }

  .form-3 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  ._2habitants {
    height: 40px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    line-height: 20px;
    display: none;
  }

  .columns-locataires {
    text-align: left;
  }

  .titre-locataires {
    margin-bottom: 20px;
    padding-top: 30px;
    display: block;
  }

  .form-field {
    height: 40px;
    margin-top: 10px;
    padding-left: 3px;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  .form-field.select {
    height: 40px;
    padding-left: 2px;
    padding-right: 0;
  }

  .titre-informations {
    margin-top: 0;
    padding-top: 30px;
    display: block;
  }

  .submit-button-5 {
    text-align: center;
    display: inline-block;
  }

  .text-block-28 {
    text-align: center;
  }

  .horizontal-rule-2.horizontal-rule-white {
    margin-bottom: 27px;
  }

  .formulaire {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .formulaire.text-center {
    clear: none;
    text-align: center;
    width: 300px;
    margin-top: 150px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .under {
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .image-slide-container.slide-1.pers4 {
    background-position: 15% 0;
  }

  .text-white-2 {
    margin-top: 0;
    margin-bottom: 14px;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .section-video {
    height: 100px;
    padding: 15px 5px;
  }

  .section-video.ontop {
    background-color: var(--dark-slate-grey);
    position: relative;
  }

  .section-header, .section-header.no-bottom-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-header.bottommobile {
    padding-bottom: 0;
  }

  .section-header.full-slider.bigger {
    height: 500px;
  }

  .section-header.full-slider.noimagebackground {
    height: auto;
  }

  .div-block-34-3r {
    height: 400px;
    margin-bottom: 50px;
    margin-left: 0;
  }

  .section-plans, .section-plans.no-bottom-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-plans.bottommobile {
    padding-bottom: 0;
  }

  .section-plans.full-slider.bigger {
    height: 500px;
  }

  .section-plans.full-slider.noimagebackground {
    height: auto;
  }

  .image-slide-container-3r.slide-1.pers4, .image-slide-container-3r.slide-1-3r.pers4, .image-slide-container-3r.slide-1-3r.pers4-3r {
    background-position: 0 0, 50%;
  }

  .display-heading-3r {
    text-align: center;
  }

  .display-heading-3r.smaller {
    font-size: 34px;
    line-height: 40px;
  }

  .image-slide-container-copy.slide-1.pers4 {
    background-position: 0 0, 50%;
  }

  .title-land-merci {
    max-width: 400px;
    font-size: 30px;
    line-height: 32px;
  }

  .div-block-50 {
    margin-top: 120px;
    position: absolute;
  }

  .text-block-29 {
    text-align: center;
    height: 40px;
    font-size: 2.5vh;
    position: static;
  }

  .section-head-plans, .section-head-plans.no-bottom-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-head-plans.bottommobile {
    padding-bottom: 0;
  }

  .section-head-plans.full-slider.bigger {
    height: 500px;
  }

  .section-head-plans.full-slider.noimagebackground {
    height: auto;
  }

  .large-heading-plans {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
  }

  .section-head-quartier, .section-head-quartier.no-bottom-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-head-quartier.bottommobile {
    padding-bottom: 0;
  }

  .section-head-quartier.full-slider.bigger {
    height: 500px;
  }

  .section-head-quartier.full-slider.noimagebackground {
    height: auto;
  }

  .container-26 {
    max-width: none;
  }

  .video-wrap {
    z-index: 1;
    width: 100vw;
    position: relative;
  }

  .textarea-2 {
    margin-top: 10px;
  }

  .container-promo {
    max-width: none;
    height: 70px;
  }

  .container-promo.fullscreen-container {
    padding-top: 0;
  }

  .container-promo.margin {
    padding-bottom: 60px;
  }

  .text-block-31 {
    text-align: center;
  }

  .heading-center {
    width: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .section-offset-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .section-content-wrap-2 {
    height: auto;
    padding: 50px 20px;
  }

  .section-title---main {
    font-size: 24px;
    line-height: 32px;
  }

  .section-title---main.dark {
    text-align: center;
  }

  .feature-title {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }

  .features-grid-2 {
    padding-top: 30px;
  }

  .feature-icon-2 {
    margin-bottom: 15px;
  }

  .section {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .feature-item-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .bouton {
    width: auto;
    display: flex;
  }

  .heading-center-copy {
    width: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .navbar-promo {
    padding: 6px 0;
    font-size: 14px;
  }

  .div-block-68 {
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-32 {
    line-height: 24px;
  }

  .align-center---flex {
    margin-left: 0;
  }

  .centeredparagraph {
    text-transform: none;
    max-width: none;
    line-height: 24px;
  }

  .bouton-2 {
    width: auto;
    display: flex;
  }

  .arrow-list-item {
    font-size: 16px;
    line-height: 22px;
  }

  .arrow-icon {
    width: 12px;
    height: 12px;
    margin-right: 6px;
  }

  .footer-legal {
    margin-left: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    line-height: 15px;
  }

  .footer-logo-2, .footer-text-2 {
    margin-top: 25px;
  }

  .hero-video-2 {
    display: none;
  }

  .section-24 {
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }

  .section-24.footer {
    height: auto;
  }

  .footer-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .padding-block-100 {
    padding-top: 0;
  }

  .nav---new.bg-dark.sticky-top {
    z-index: 2;
    position: sticky;
    top: auto;
  }

  .nav---new.bg-white.sticky-top {
    top: auto;
  }

  .small-title {
    font-size: 20px;
  }

  .border-button {
    width: auto;
    display: flex;
  }

  .border-button.white {
    justify-content: center;
    align-items: center;
  }

  .full-vh-slider.grid {
    padding-bottom: 0;
  }

  .section-656 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .text-block-32-copy {
    line-height: 24px;
  }

  .field-wrap-5 {
    width: 100%;
    padding-bottom: 0;
  }

  .field-wrap-5._2-col {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    overflow: clip;
  }

  ._2habitants-2 {
    color: #101e18;
    height: 40px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
    display: none;
  }

  .grid-4 {
    display: block;
  }

  ._1habitant-2 {
    color: #101e18;
    height: 40px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
    display: none;
  }

  .checkbox-2 {
    width: 15px;
    height: 15px;
    font-size: 15px;
    line-height: 15px;
  }

  .checkbox-2.w--redirected-checked {
    width: 17px;
    min-width: 17px;
    height: 17px;
    min-height: 17px;
    margin-left: -20px;
    font-size: 15px;
    line-height: 15px;
  }

  .checkbox-2.w--redirected-focus, .checkbox-2.w--redirected-focus-visible {
    width: 15px;
    height: 15px;
  }

  .titre-locataires-2 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 30px;
    display: block;
  }

  .radio-button-locataire-2 {
    text-align: left;
  }

  .titre-informations-2 {
    margin-top: 0;
    padding-top: 30px;
    display: block;
  }

  .form-field-2 {
    height: 40px;
    margin-top: 10px;
    padding-left: 3px;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  .form-field-2.select {
    height: 40px;
    padding-left: 2px;
    padding-right: 0;
  }

  .form-4 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .checkbox-field-2 {
    font-size: 1.5vw;
  }

  .radio-button-chambres {
    justify-content: flex-start;
    align-items: center;
  }

  .checkbox-label-2 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
  }

  .grid-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1.25fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    place-items: flex-start center;
    display: block;
  }

  .submit-button-7 {
    text-align: center;
    display: inline-block;
  }

  .form-3r {
    width: 100%;
    display: block;
  }

  .small-caps-text-copy.subtitle, .small-caps-text-copy.subtitle-copy {
    text-align: center;
    justify-content: center;
  }

  .image-115 {
    max-width: 50%;
  }

  .section-658 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-659 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-33 {
    font-size: 14px;
  }

  .grid-6 {
    grid-template-columns: 1fr;
  }

  .bold-text-11 {
    font-size: 14px;
  }

  .grid-8 {
    width: 100%;
  }

  .text-field-10 {
    margin-left: 0;
    margin-right: 10px;
  }

  .drop {
    max-width: 100%;
    margin-top: 5px;
  }

  .radio {
    margin-bottom: 15px;
  }

  .colocation {
    max-width: 100%;
  }

  .list1 {
    font-size: 14px;
  }
}

#w-node-a601d530-7792-e715-2d54-671fa22a644d-a22a644b {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-a601d530-7792-e715-2d54-671fa22a648e-a22a644b {
  justify-self: end;
}

#w-node-_91ed1d51-2a5f-cf83-5f3b-3a55108cc65a-a22a644b {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_91ed1d51-2a5f-cf83-5f3b-3a55108cc665-a22a644b {
  justify-self: end;
}

#w-node-_409bd366-556e-0823-d0fa-7c80c64cc473-c5ae6912, #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-c5ae6912, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc70-c5ae6912, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc72-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c608a-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6092-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6098-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c609e-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60a4-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60ac-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b2-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b8-c5ae6912, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60c0-c5ae6912, #w-node-fa2cfd40-a3bc-76f6-df43-678554873049-c5ae6912, #w-node-aab35a09-133f-ebba-dbdb-2e6618a49fb9-c5ae6912, #w-node-_19f2fd30-4ae9-b582-53c7-48ffa1778286-c5ae6912, #w-node-_33ee35a3-f7b9-b0c4-672f-cd97d24f315e-c5ae6912, #w-node-_1eecc476-5953-08f7-92bf-e07b6bfdbbdb-c5ae6912, #w-node-ed895987-1083-2af5-47f7-facdcbe1f3ab-c5ae6912, #w-node-_6a3cb34f-916c-792b-edc4-b4b51125b312-c5ae6912, #w-node-_3339bf22-2ed9-d473-af28-554c6408b660-c5ae6912, #w-node-ced0f298-fe39-83f9-3699-9fc0dd2211aa-c5ae6912, #w-node-_074f1817-2c73-eddd-c501-8e2d378c143a-c5ae6912, #w-node-_5fb3d2f7-1666-fb83-6b34-e2baef40167b-c5ae6912, #w-node-_63cab326-2233-bdf3-4cd5-cbe9c4bd559e-c5ae6912, #w-node-d7b2c779-c493-7bc8-0f43-63c57968aa14-c5ae6912, #w-node-_39f4ee14-3cf7-7e76-11ed-8a8be41454c3-c5ae6912, #w-node-_2b1b7779-af6c-b4b6-d34a-7c1d81aa08c9-c5ae6912, #w-node-d9e8787f-af27-09e5-7bce-6d70991f9e0f-c5ae6912, #w-node-a169561e-9a23-7cba-c664-a16277c3259d-c5ae6912, #w-node-c861909a-06f4-c506-8996-9060e1ec9f7f-c5ae6912, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582a-c5ae6912, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582e-c5ae6912, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd935832-c5ae6912 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-c5ae6912 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae6912 {
  justify-self: end;
}

#w-node-d19d3d7f-7385-7f4c-a55a-06aa0aec961e-c5ae6913, #w-node-c4115e41-7e62-a271-fb0d-415f54aec285-c5ae6913 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_409bd366-556e-0823-d0fa-7c80c64cc473-c5ae6914, #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-c5ae6914, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc70-c5ae6914, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc72-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c608a-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6092-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6098-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c609e-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60a4-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60ac-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b2-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b8-c5ae6914, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60c0-c5ae6914, #w-node-fa2cfd40-a3bc-76f6-df43-678554873049-c5ae6914, #w-node-aab35a09-133f-ebba-dbdb-2e6618a49fb9-c5ae6914, #w-node-_19f2fd30-4ae9-b582-53c7-48ffa1778286-c5ae6914, #w-node-_33ee35a3-f7b9-b0c4-672f-cd97d24f315e-c5ae6914, #w-node-_1eecc476-5953-08f7-92bf-e07b6bfdbbdb-c5ae6914, #w-node-ed895987-1083-2af5-47f7-facdcbe1f3ab-c5ae6914, #w-node-_6a3cb34f-916c-792b-edc4-b4b51125b312-c5ae6914, #w-node-_3339bf22-2ed9-d473-af28-554c6408b660-c5ae6914, #w-node-ced0f298-fe39-83f9-3699-9fc0dd2211aa-c5ae6914, #w-node-_074f1817-2c73-eddd-c501-8e2d378c143a-c5ae6914, #w-node-_5fb3d2f7-1666-fb83-6b34-e2baef40167b-c5ae6914, #w-node-_63cab326-2233-bdf3-4cd5-cbe9c4bd559e-c5ae6914, #w-node-d7b2c779-c493-7bc8-0f43-63c57968aa14-c5ae6914, #w-node-_39f4ee14-3cf7-7e76-11ed-8a8be41454c3-c5ae6914, #w-node-_2b1b7779-af6c-b4b6-d34a-7c1d81aa08c9-c5ae6914, #w-node-d9e8787f-af27-09e5-7bce-6d70991f9e0f-c5ae6914, #w-node-a169561e-9a23-7cba-c664-a16277c3259d-c5ae6914, #w-node-c861909a-06f4-c506-8996-9060e1ec9f7f-c5ae6914, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582a-c5ae6914, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582e-c5ae6914, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd935832-c5ae6914 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-c5ae6914 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae6914 {
  justify-self: end;
}

#w-node-fe1d1b7f-ed0e-5aba-5777-b5b8287d2940-287d293e {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-fe1d1b7f-ed0e-5aba-5777-b5b8287d294d-287d293e {
  justify-self: end;
}

#w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c5ae691d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22d-c5ae691d, #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22e-c5ae691d, #w-node-_4d04a79f-aec5-5f1a-ae3c-359a3ae857a7-c5ae691d, #w-node-d1920690-2fe3-23c7-cbb0-7d9210c9e309-c5ae691d, #w-node-f44854d3-65b4-8490-a569-ab9565228fc9-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c5ae691d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c5ae691d, #Etape1.w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c37a-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c37e-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c382-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c386-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c38a-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c38e-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c392-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c396-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c39a-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c39e-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3a2-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3a6-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3aa-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ab-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ac-c5ae691d, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ad-c5ae691d, #Etape2.w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c5ae691d, #w-node-_4a3f3cfa-c51e-4094-5c1d-31920874e29b-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1759c370-31fe-e70b-6cef-16ef57317c16-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_1759c370-31fe-e70b-6cef-16ef57317c2d-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea457737-24e3-aa37-4548-a58778032dd3-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#Etape5.w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56c0a88b-6706-695a-9e51-04b612a806d9-c5ae691d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_69e5f43a-7031-7aa4-9cfa-6ece103bb546-c5ae6926, #w-node-_69e5f43a-7031-7aa4-9cfa-6ece103bb54a-c5ae6926, #w-node-_69e5f43a-7031-7aa4-9cfa-6ece103bb54e-c5ae6926 {
  place-self: center start;
}

#w-node-_064aa904-d989-95c2-1051-374243ebdfe9-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebdfed-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebdff1-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebdff5-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebdff9-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebdffd-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe001-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe005-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe009-c5ae695b, #w-node-_0b613da5-3213-ac20-cf18-38b4c68a7d8d-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe00d-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe011-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe015-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe019-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe01d-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe021-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfc4-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfcc-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfd2-c5ae695b, #w-node-_1168b26c-452a-7628-d028-841846e2c230-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfd8-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfde-c5ae695b, #w-node-c3468f8f-d17f-0744-2246-9c7ca5a8031f-c5ae695b, #w-node-_29c36cca-bab3-fa90-0ff0-ca284028a21d-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfe6-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfec-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cff2-c5ae695b, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cffa-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe09c-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe0a5-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe0ae-c5ae695b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#inscription.w-node-_064aa904-d989-95c2-1051-374243ebe0da-c5ae695b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-c5ae695b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae695b {
  justify-self: end;
}

#w-node-d19d3d7f-7385-7f4c-a55a-06aa0aec961e-c5ae6963, #w-node-c4115e41-7e62-a271-fb0d-415f54aec285-c5ae6963 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_21e21582-4490-c239-0f72-dc8cb721c3f8-b721c3f6 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_21e21582-4490-c239-0f72-dc8cb721c405-b721c3f6 {
  justify-self: end;
}

#w-node-_1ea5eb95-b6f9-67ba-8db7-88ef6c47711a-6c477118 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_1ea5eb95-b6f9-67ba-8db7-88ef6c47715b-6c477118 {
  justify-self: end;
}

#w-node-d19d3d7f-7385-7f4c-a55a-06aa0aec961e-c5ae696c, #w-node-c4115e41-7e62-a271-fb0d-415f54aec285-c5ae696c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_930e930d-2b09-6aca-10e4-e6933745658a-c5ae696c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d19d3d7f-7385-7f4c-a55a-06aa0aec961e-c5ae696f, #w-node-c4115e41-7e62-a271-fb0d-415f54aec285-c5ae696f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_88da2c58-08c8-8733-89be-65d171547dc6-c5ae697d, #w-node-_064aa904-d989-95c2-1051-374243ebdfe9-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebdfed-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebdff1-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebdff5-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebdff9-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebdffd-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe001-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe005-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe009-eddd3d4f, #w-node-_0b613da5-3213-ac20-cf18-38b4c68a7d8d-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe00d-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe011-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe015-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe019-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe01d-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe021-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfc4-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfcc-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfd2-eddd3d4f, #w-node-_1168b26c-452a-7628-d028-841846e2c230-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfd8-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfde-eddd3d4f, #w-node-c3468f8f-d17f-0744-2246-9c7ca5a8031f-eddd3d4f, #w-node-_29c36cca-bab3-fa90-0ff0-ca284028a21d-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfe6-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cfec-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cff2-eddd3d4f, #w-node-_947980f9-86fb-dd9f-09ba-3e07c1a6cffa-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe09c-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe0a5-eddd3d4f, #w-node-_064aa904-d989-95c2-1051-374243ebe0ae-eddd3d4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#inscription.w-node-_064aa904-d989-95c2-1051-374243ebe0da-eddd3d4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-eddd3d4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-eddd3d4f {
  justify-self: end;
}

#Stationnement-en-option.w-node-_59a93a23-bebd-caf1-5d8e-da8a65a61037-ebe62268 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_344106cc-ae67-267e-7399-e877ce0bbc5e-9cf11035, #w-node-_344106cc-ae67-267e-7399-e877ce0bbc60-9cf11035, #w-node-fe6492cd-f821-62ba-674f-7a12d441a9a9-9cf11035 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-fe6492cd-f821-62ba-674f-7a12d441a9aa-9cf11035 {
  justify-self: end;
}

#w-node-_409bd366-556e-0823-d0fa-7c80c64cc473-5b3766aa, #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-5b3766aa, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc70-5b3766aa, #w-node-_9f56ef3b-d95e-c87e-3b46-8b4b74bddc72-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c608a-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6092-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c6098-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c609e-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60a4-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60ac-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b2-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60b8-5b3766aa, #w-node-_420550a3-1831-27b0-d727-7f2b0a0c60c0-5b3766aa, #w-node-fa2cfd40-a3bc-76f6-df43-678554873049-5b3766aa, #w-node-aab35a09-133f-ebba-dbdb-2e6618a49fb9-5b3766aa, #w-node-_19f2fd30-4ae9-b582-53c7-48ffa1778286-5b3766aa, #w-node-_33ee35a3-f7b9-b0c4-672f-cd97d24f315e-5b3766aa, #w-node-_1eecc476-5953-08f7-92bf-e07b6bfdbbdb-5b3766aa, #w-node-ed895987-1083-2af5-47f7-facdcbe1f3ab-5b3766aa, #w-node-_6a3cb34f-916c-792b-edc4-b4b51125b312-5b3766aa, #w-node-_3339bf22-2ed9-d473-af28-554c6408b660-5b3766aa, #w-node-ced0f298-fe39-83f9-3699-9fc0dd2211aa-5b3766aa, #w-node-_074f1817-2c73-eddd-c501-8e2d378c143a-5b3766aa, #w-node-_5fb3d2f7-1666-fb83-6b34-e2baef40167b-5b3766aa, #w-node-_63cab326-2233-bdf3-4cd5-cbe9c4bd559e-5b3766aa, #w-node-d7b2c779-c493-7bc8-0f43-63c57968aa14-5b3766aa, #w-node-_39f4ee14-3cf7-7e76-11ed-8a8be41454c3-5b3766aa, #w-node-_2b1b7779-af6c-b4b6-d34a-7c1d81aa08c9-5b3766aa, #w-node-d9e8787f-af27-09e5-7bce-6d70991f9e0f-5b3766aa, #w-node-a169561e-9a23-7cba-c664-a16277c3259d-5b3766aa, #w-node-c861909a-06f4-c506-8996-9060e1ec9f7f-5b3766aa, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582a-5b3766aa, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd93582e-5b3766aa, #w-node-_7d8eb99f-f76c-0ef8-5a09-ca02fd935832-5b3766aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-5b3766aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-5b3766aa {
  justify-self: end;
}

#w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c3a2a1ed {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22d-c3a2a1ed, #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22e-c3a2a1ed, #w-node-_4d04a79f-aec5-5f1a-ae3c-359a3ae857a7-c3a2a1ed, #w-node-d1920690-2fe3-23c7-cbb0-7d9210c9e309-c3a2a1ed, #w-node-f44854d3-65b4-8490-a569-ab9565228fc9-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c3a2a1ed {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c3a2a1ed, #w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c37a-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c37e-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c382-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c386-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c38a-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c38e-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c392-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c396-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c39a-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c39e-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3a2-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3a6-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3aa-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ab-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ac-c3a2a1ed, #w-node-_1a76b51d-c843-8238-07dc-363236e7c3ad-c3a2a1ed, #w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c3a2a1ed, #w-node-_4a3f3cfa-c51e-4094-5c1d-31920874e29b-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1759c370-31fe-e70b-6cef-16ef57317c16-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_1759c370-31fe-e70b-6cef-16ef57317c2d-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea457737-24e3-aa37-4548-a58778032dd3-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56c0a88b-6706-695a-9e51-04b612a806d9-c3a2a1ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-b3091791-2ea4-715e-4977-6c010f5fbb3b-81f5abbd {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-b3091791-2ea4-715e-4977-6c010f5fbb46-81f5abbd {
  justify-self: end;
}

#w-node-b3091791-2ea4-715e-4977-6c010f5fbb53-81f5abbd {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-b3091791-2ea4-715e-4977-6c010f5fbb64-81f5abbd {
  justify-self: end;
}

#w-node-_06efe049-9ff7-292e-3bcc-9fd7655e68d4-81f5abbd, #w-node-d1d1d722-87a2-0981-9a85-cab57fc93fc0-81f5abbd, #w-node-_52de48eb-0826-6bfd-57d8-943492cde5f2-81f5abbd, #w-node-_4950bf94-e7ca-90e8-37d3-7af1646a0a84-81f5abbd, #w-node-cb6d274c-f0d3-e08b-c701-f96f9883790f-81f5abbd, #w-node-d1ce8a6f-91da-74ff-bedb-61ed0f47f294-81f5abbd, #w-node-_82a9c87d-0051-65c9-b486-3acd03f354cc-81f5abbd, #w-node-a0240858-ae00-6eb3-f3ab-921b5f53e164-81f5abbd, #w-node-_302e9b4d-d519-ff22-ed00-15cf0ca65233-81f5abbd, #w-node-_302e9b4d-d519-ff22-ed00-15cf0ca65242-81f5abbd, #w-node-_32985431-388d-31b4-d7ba-844ccc076b39-81f5abbd, #w-node-_02ff8d2e-db1a-c412-6143-0753314bd4a1-81f5abbd, #w-node-_04de2429-6238-c989-ca35-fa9e41a99691-81f5abbd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ba37be3-ce95-b40e-fe41-ff20ebe1acbd-81f5abbd, #w-node-_6ba37be3-ce95-b40e-fe41-ff20ebe1acae-81f5abbd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#salle-etude.w-node-_872c1073-56a7-8346-99df-f41f87233d84-9a57bcb0 {
  justify-self: auto;
}

#w-node-_9f4bf5fc-1609-f67e-a240-98eab08720a3-9a57bcb0 {
  place-self: center start;
}

@media screen and (max-width: 991px) {
  #w-node-ef5b0715-c3c3-2fc6-6665-5a74201001ae-c5ae68bc {
    justify-self: stretch;
  }

  #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-c5ae6912 {
    order: -9999;
  }

  #w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae6912 {
    justify-self: center;
  }

  #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-c5ae6914 {
    order: -9999;
  }

  #w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae6914 {
    justify-self: center;
  }

  #w-node-c001f284-9c08-eda6-a757-c527c8a1c2d6-c8a1c2d1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #Etape1.w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c5ae691d {
    order: 9999;
  }

  #Etape2.w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c5ae691d, #w-node-_1759c370-31fe-e70b-6cef-16ef57317c16-c5ae691d, #Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c5ae691d {
    order: -9999;
  }

  #Etape5.w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c5ae691d {
    order: 9999;
  }

  #w-node-baea315f-9947-1c07-5654-485ddc6ec6e5-c5ae6929 {
    justify-self: stretch;
  }

  #w-node-_064aa904-d989-95c2-1051-374243ebe0d7-c5ae695b {
    order: 9999;
  }

  #w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-c5ae695b {
    order: -9999;
  }

  #w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-c5ae695b {
    justify-self: center;
  }

  #w-node-_064aa904-d989-95c2-1051-374243ebe0d7-eddd3d4f {
    order: 9999;
  }

  #w-node-_7314d5ac-9802-e68b-128a-8d9bc5690fe1-eddd3d4f {
    order: -9999;
  }

  #w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-eddd3d4f, #w-node-fe6492cd-f821-62ba-674f-7a12d441a9aa-9cf11035 {
    justify-self: center;
  }

  #w-node-_82e1a926-d32a-1479-01c5-c095b0612c08-5b3766aa {
    order: -9999;
  }

  #w-node-feef7df8-9161-0a53-cca7-dd7ac66fdf4a-5b3766aa {
    justify-self: center;
  }

  #w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c3a2a1ed {
    order: 9999;
  }

  #w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c3a2a1ed, #w-node-_1759c370-31fe-e70b-6cef-16ef57317c16-c3a2a1ed, #Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c3a2a1ed {
    order: -9999;
  }

  #w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c3a2a1ed {
    order: 9999;
  }

  #w-node-_06efe049-9ff7-292e-3bcc-9fd7655e68d4-81f5abbd, #w-node-_4950bf94-e7ca-90e8-37d3-7af1646a0a84-81f5abbd, #w-node-cb6d274c-f0d3-e08b-c701-f96f9883790f-81f5abbd, #w-node-a0240858-ae00-6eb3-f3ab-921b5f53e164-81f5abbd, #w-node-_302e9b4d-d519-ff22-ed00-15cf0ca65233-81f5abbd {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c5ae691d {
    display: none;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c5ae691d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c5ae691d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c3a2a1ed {
    display: none;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c3a2a1ed {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c3a2a1ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c5ae691d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: none;
  }

  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22d-c5ae691d, #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22e-c5ae691d, #w-node-_4d04a79f-aec5-5f1a-ae3c-359a3ae857a7-c5ae691d, #w-node-d1920690-2fe3-23c7-cbb0-7d9210c9e309-c5ae691d, #w-node-f44854d3-65b4-8490-a569-ab9565228fc9-c5ae691d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c5ae691d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c5ae691d, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c5ae691d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #Etape1.w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c5ae691d, #Etape2.w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c5ae691d {
    order: -9999;
  }

  #w-node-_1759c370-31fe-e70b-6cef-16ef57317c2d-c5ae691d {
    order: 9999;
  }

  #Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c5ae691d, #Etape5.w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c5ae691d {
    order: -9999;
  }

  #w-node-_064aa904-d989-95c2-1051-374243ebe0d7-c5ae695b, #w-node-_064aa904-d989-95c2-1051-374243ebe0d7-eddd3d4f {
    order: 9999;
  }

  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22c-c3a2a1ed {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: none;
  }

  #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22d-c3a2a1ed, #w-node-_963c5005-98c9-bacc-a3f0-f07e5079e22e-c3a2a1ed, #w-node-_4d04a79f-aec5-5f1a-ae3c-359a3ae857a7-c3a2a1ed, #w-node-d1920690-2fe3-23c7-cbb0-7d9210c9e309-c3a2a1ed, #w-node-f44854d3-65b4-8490-a569-ab9565228fc9-c3a2a1ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fd9-c3a2a1ed {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fda-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fdc-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fde-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe0-c3a2a1ed, #w-node-_9ac46b9b-a055-81cb-35ad-5268251d0fe2-c3a2a1ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_29ffce67-5199-32fa-9aa7-fb7bd6bba68b-c3a2a1ed, #w-node-_54052145-1ec3-25c5-4e78-12dfa1ff817d-c3a2a1ed {
    order: -9999;
  }

  #w-node-_1759c370-31fe-e70b-6cef-16ef57317c2d-c3a2a1ed {
    order: 9999;
  }

  #Etape4.w-node-ea457737-24e3-aa37-4548-a58778032dbc-c3a2a1ed, #w-node-_56c0a88b-6706-695a-9e51-04b612a806c2-c3a2a1ed {
    order: -9999;
  }
}


@font-face {
  font-family: 'Optician Sans';
  src: url('../fonts/Optician-Sans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'John mayer';
  src: url('../fonts/John-Mayer.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mazius Display';
  src: url('../fonts/Mazius-Display-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Mazius Display';
  src: url('../fonts/Mazius-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}