body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 70px;
  line-height: 82px;
  font-weight: 500;
  text-align: center;
}

h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 40px;
  line-height: 47px;
  font-weight: 500;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 25px;
  line-height: 29px;
  font-weight: 500;
}

p {
  margin-bottom: 0px;
  font-family: odile, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

a {
  text-decoration: none;
}

img {
  display: inline-block;
}

blockquote {
  margin-bottom: 0px;
  padding: 0px;
  border-left: 0px none #e2e2e2;
  font-family: odile, sans-serif;
  color: #000;
  font-size: 40px;
  line-height: 55px;
  font-style: italic;
  font-weight: 400;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

.fond-blanc {
  background-color: #fff;
}

.fond-jaune {
  background-color: #fde695;
}

.fond-bleu {
  background-color: #a4d8e6;
}

.fond-violet {
  background-color: #c2badd;
}

.fond-vert {
  background-color: #c4deb6;
}

.chapeau {
  font-family: odile, sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-decoration: none;
}

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

.chapeau.center.ital {
  font-style: italic;
}

.chapeau.art-intro {
  width: 80%;
  margin-top: 30px;
}

.text-bloc {
  margin-right: 0.2em;
  margin-left: 0.2em;
  font-family: odile, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  text-align: left;
}

.text-bloc.atelier-prix {
  text-align: center;
}

.cta-ital {
  padding: 0px;
  background-color: transparent;
  font-family: odile, sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  text-decoration: none;
}

.cta-ital:hover {
  font-style: italic;
}

.cta-ital.small {
  font-size: 17px;
  line-height: 21px;
}

.cta-ital.liens-menu {
  padding-top: 15px;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
}

.cta-underline {
  padding: 0px;
  background-color: transparent;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  text-decoration: none;
}

.cta-underline.lien-nav-offre {
  font-family: odile, sans-serif;
}

.cta-underline.lien-nav-offre.nav {
  font-size: 17px;
  line-height: 21px;
}

.link-block {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  text-decoration: none;
}

.underline {
  height: 3px;
  margin-top: 10px;
  background-color: #000;
}

.underline.logo-ligne {
  width: 50%;
}

.underline.left {
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.navigation {
  position: fixed;
  z-index: 990;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.hamburger {
  position: relative;
  width: 28px;
  height: 60px;
}

.container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1400px;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.container.menu {
  position: absolute;
  z-index: 990;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.container.center.about {
  padding-top: 30vh;
}

.container._2-colonnes {
  width: 100%;
  margin-top: 75px;
  margin-bottom: 75px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container._2-colonnes.inverser {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.container._2-colonnes.none {
  display: none;
}

.container.bloc-50 {
  width: 100%;
}

.container.wrapper-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.container.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.container.cta {
  margin-top: 100px;
}

.in-logo {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.hero-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fde695;
}

.quote-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-quote-center {
  margin-bottom: 100px;
  text-align: center;
}

.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-width: 1400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.center.full-width {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.center.full-width.expend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.center.full-width.form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.offre-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.offre-section.fond-blanc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.offre-section.fond-jaune.opacite-50 {
  background-color: rgba(253, 230, 149, 0.5);
}

.offre-section.bloc-50 {
  width: 100%;
}

.offre-section.bloc-50.fond-blanc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.offre-section.bloc-50.fond-vert.opacite {
  background-color: rgba(196, 222, 182, 0.5);
}

.texte-titre {
  width: 50%;
  margin-bottom: 100px;
}

.texte-titre.center {
  width: 80%;
}

.texte-titre.contenu-infos-supp {
  width: 100%;
}

.tuile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
}

.tuile.blog {
  width: auto;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.titre-push {
  margin-top: 20px;
  text-align: center;
}

.legendes-center {
  margin-top: 20px;
  text-align: center;
}

.tuiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tuiles.blog {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tuiles.blog.display-none {
  display: block;
}

.bubble {
  position: relative;
  right: -97px;
  bottom: -62px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #b23535;
}

.bubble.bulle-1 {
  bottom: 257px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.bubble.bulle-1.fond-jaune {
  background-color: #fde695;
}

.bubble.bulle-1.fond-bleu {
  background-color: #a4d8e6;
}

.bubble.bulle-1.fond-violet {
  background-color: #c2badd;
}

.bubble.bulle-2 {
  left: -69px;
  right: -97px;
  bottom: 245px;
  width: 80px;
  height: 80px;
}

.bubble.bulle-2.fond-jaune {
  background-color: #fde695;
}

.bubble.bulle-2.fond-bleu {
  background-color: #a4d8e6;
}

.bubble.bulle-2.fond-violet {
  background-color: #c2badd;
}

.bubble.bulle-3 {
  left: 58px;
  right: -97px;
  bottom: 294px;
  width: 40px;
  height: 40px;
}

.bubble.bulle-3.fond-jaune {
  background-color: #fde695;
}

.bubble.bulle-3.fond-bleu {
  background-color: #a4d8e6;
}

.bubble.bulle-3.fond-violet {
  background-color: #c2badd;
}

.visuel-section {
  position: relative;
  width: 100%;
  height: 80vh;
  background-image: url('../images/0-slide.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}

.about-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about-contenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-about {
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image-about.swipe_up {
  width: 30%;
}

.quote-about {
  width: 40%;
  padding-left: 5%;
}

.name {
  margin-top: 20px;
  padding: 0px;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  text-decoration: none;
}

.valeurs-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.valeurs-section.fond-jaune.opacite-50 {
  background-color: rgba(253, 230, 149, 0.5);
}

.valeurs-section.fond-blanc.opacite-50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.pict-legende {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bulle-picto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}

._4_colonnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

._4_colonnes.engagements {
  margin-bottom: 100px;
}

.avis-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.display-none {
  display: none;
}

.slider {
  width: 100%;
  height: auto;
  background-color: transparent;
}

.slider-arrow {
  margin-right: 5%;
  margin-left: 5%;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.img-rde-300 {
  overflow: hidden;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  background-color: #c2badd;
}

.contenu-citations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.quote-avis {
  width: 30%;
  padding-left: 5%;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer.fond-violet {
  position: relative;
  z-index: 900;
}

.adresse {
  width: 26%;
}

.map-wrapper {
  overflow: hidden;
  width: 48%;
  height: 300px;
}

.liens-rrss {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  height: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bouton-rrss {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 3px solid #000;
  text-decoration: none;
}

.bouton-rrss.bouton-fin {
  border-bottom: 3px solid #000;
}

.liens-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 100px;
  padding-top: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 3px solid #000;
}

.content-lien-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-offre {
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav-cache {
  position: fixed;
  top: 0px;
  z-index: 980;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menu-full {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.nav-offre-menu {
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-offre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-bas-menu {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.by_marion {
  position: fixed;
  left: 0%;
  top: 70px;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.base-nine {
  font-family: base-mono-wide, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.base-nine.logo-txt {
  color: #000;
  font-size: 30px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.lottie-logo-hero {
  position: absolute;
  width: 30%;
}

.logo-menu {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.logo-ligne {
  width: 500px;
}

.map-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.heading {
  margin-bottom: 20px;
  text-align: left;
}

._2-colonnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._2-colonnes.media {
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

._3-colonnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.img-tache {
  position: fixed;
  width: 40%;
}

.img-tache.droite {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.img-tache.gauche {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
}

.hero-background {
  width: 100%;
}

.wrapper-unique {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.unique {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 1160%;
  line-height: 200px;
  font-weight: 600;
  text-align: center;
}

.trait-scroll {
  width: 3px;
  height: 100%;
  background-color: #fff;
}

.wrapper-trait-scroll {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrapper-trait-scroll.up {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.wrapper-trait-scroll.hero-offres {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  z-index: 0;
}

.wrapper-cta-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper-bloc {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper-bloc.none {
  display: none;
}

.bloc-50 {
  width: 50%;
}

.bloc-50.gauche {
  padding-right: 2%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bloc-50.gauche.parallax {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bloc-50.gauche.img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bloc-50.droite {
  margin-left: 2%;
}

.bloc-50.droite.desktop.img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bloc-50.mobile {
  display: none;
}

.bloc-50.mobile.img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bloc-50.mobile.img.swipe_up {
  display: none;
}

.img-arche {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 25em;
  border-top-right-radius: 25em;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-arche.a_propos {
  width: 100%;
}

.img-arche.offres {
  height: 550px;
}

.img-arche.media-vignette {
  width: 200px;
}

.img-arche.img-blog {
  width: 400px;
  height: 400px;
}

.link-block_underline {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  text-decoration: none;
}

.link-block_underline.left {
  margin-top: 60px;
}

.link-block_underline.left.blog-lien {
  margin-top: 30px;
}

.link-block_underline.form-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper-cursor {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cursor {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
}

.bg {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
}

.bg.fond-jaune {
  z-index: -1;
}

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

.wrapper-img {
  position: relative;
  width: 80%;
}

.wrapper-img.small {
  overflow: hidden;
  width: 50%;
  height: 350px;
}

.fond-noir {
  background-color: #000;
}

.bulle {
  position: absolute;
  z-index: 0;
  width: 10vw;
  height: 10vw;
  border-radius: 100%;
}

.bulle._1 {
  left: 10vw;
  top: 60vh;
}

.bulle._2 {
  top: 25vh;
  right: 10vw;
  width: 5vw;
  height: 5vw;
}

.bulle._3 {
  top: 90vh;
  right: 30vw;
  width: 15vw;
  height: 15vw;
}

.bulle._4 {
  left: 20vw;
  top: 130vh;
  width: 5vw;
  height: 5vw;
}

.bulle._5 {
  top: 150vh;
  right: 15vw;
}

.bulle._6 {
  top: 175vh;
  right: 50vw;
  width: 20vw;
  height: 20vw;
}

.bulle._7 {
  top: 230vh;
  right: 10vw;
  width: 5vw;
  height: 5vw;
}

.bulle._8 {
  left: 15vw;
  top: 260vh;
  width: 15vw;
  height: 15vw;
}

.bulle._11 {
  top: 380vh;
  right: 15vw;
  width: 10vw;
  height: 10vw;
}

.bulle._9 {
  top: 320vh;
  right: 40vw;
  width: 20vw;
  height: 20vw;
}

.bulle._10 {
  left: 20vw;
  top: 350vh;
  width: 5vw;
  height: 5vw;
}

.section-centre {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.wrapper-img-hero {
  width: 25%;
}

.titre-about {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  font-size: 20vw;
}

.titre-about.typo-vert {
  color: #c4deb6;
}

.titre-about.typo-violet {
  color: #c2badd;
}

.titre-about.typo-bleu {
  color: #a4d8e6;
}

.typo-jaune {
  color: #fde695;
}

.contenu {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 150px;
  margin-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contenu.about {
  margin-top: 450px;
}

.img-full {
  width: 80%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.blog-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-section.fond-violet.opacite {
  background-color: rgba(194, 186, 221, 0.5);
}

.blog-section.fond-violet.opacite.display-none {
  display: none;
}

.img-rectangulaire {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

._3_colonnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-champ-2 {
  width: 49.5%;
  margin-bottom: 75px;
  padding-top: 15px;
  border-style: solid none none;
  border-top-width: 3px;
  border-top-color: #000;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 17px;
}

.form-champ-2:focus {
  border-top-color: #c2badd;
}

.form-2colonnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-wrapper-deroulant {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 35px;
  padding-bottom: 35px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid none none;
  border-width: 3px 1px 1px;
  border-color: #000;
}

.form-wrapper-deroulant:focus {
  border-top-color: #c2badd;
}

.form-deroulant {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.deroulant {
  width: 30%;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px none #000;
  background-color: transparent;
}

.field-label {
  font-family: work-sans, sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
}

.form-text {
  padding-top: 15px;
  padding-bottom: 150px;
  border-style: solid none;
  border-width: 3px 1px;
  border-color: #000;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 17px;
}

.form-text:focus {
  border-top-color: #c2badd;
  border-bottom-color: #c2badd;
}

.form-bloc {
  width: 80%;
}

.form-bloc.display-none {
  display: none;
}

.submit-button {
  background-color: transparent;
  font-family: work-sans, sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
}

.img-cover {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.success-message {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}

.text-block {
  font-family: work-sans, sans-serif;
  font-size: 17px;
  line-height: 21px;
}

.text-block-2 {
  font-family: work-sans, sans-serif;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
}

.error-message {
  border-radius: 20px;
}

.titre-centre {
  width: 80%;
}

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

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.img-blog {
  width: 300px;
  height: 300px;
  margin-right: 76px;
  margin-left: 10%;
}

.feature-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.blog-bloc-txt {
  width: 60%;
}

.blog-posts {
  width: 80%;
  margin-top: 150px;
}

.mobile-center-blog {
  text-align: left;
}

.main-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.art-img-cover {
  width: 100%;
  height: 60vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.wrapper-article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.rich-text-element {
  width: 80%;
  margin-top: 100px;
}

.rich-text-element p {
  margin-bottom: 20px;
}

.rich-text-element figure {
  margin-top: 75px;
  margin-bottom: 75px;
}

.rich-text-element a {
  color: #a08ddf;
  text-decoration: underline;
}

.rich-text-element blockquote {
  width: 90%;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 10%;
  color: #a08ddf;
}

.rich-text-element h2 {
  margin-top: 50px;
}

.rich-text-element h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.rich-text-element figcaption {
  font-family: odile, sans-serif;
  font-size: 14px;
  font-style: italic;
}

.rich-text-element img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.art-titre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  min-height: 30vh;
  margin-bottom: 30px;
  padding-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid #000;
}

.barre-atelier {
  position: fixed;
  bottom: 0px;
  z-index: 800;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c2badd;
}

.date-et-dur-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-right: 10%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dur-e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-left: 10%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px solid #000;
}

.prix-et-lien {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.titre-v-nement {
  position: absolute;
}

.wrapper-titre-v-nement {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.prix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-right: 0%;
  padding-right: 10%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 3px solid #000;
}

.participer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-left: 10%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 3px none #000;
  border-radius: 20px;
  background-color: #fff;
}

.collection-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.collection-item.inverser {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.collection-item.addclasses {
  margin-bottom: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.media-vignette {
  width: 200px;
  height: 200px;
}

.collection-item-articles {
  width: 29%;
  margin-right: 2%;
  margin-left: 2%;
  padding-right: 0px;
  padding-left: 0px;
}

.collection-list-articles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ligne-post-atelier {
  width: 200px;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #000;
}

.post-atelier-prix-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.img-small {
  width: 40%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.rich-text-element-cgu {
  width: 80%;
  margin-top: 100px;
}

.rich-text-element-cgu p {
  margin-bottom: 20px;
}

.rich-text-element-cgu figure {
  margin-top: 75px;
  margin-bottom: 75px;
}

.rich-text-element-cgu a {
  color: #000;
  text-decoration: underline;
}

.rich-text-element-cgu blockquote {
  width: 90%;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 10%;
}

.rich-text-element-cgu h2 {
  margin-top: 50px;
}

.rich-text-element-cgu h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.rich-text-element-cgu figcaption {
  font-family: odile, sans-serif;
  font-size: 14px;
  font-style: italic;
}

.rich-text-element-cgu img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.infos-supp {
  width: 50%;
  padding-left: 5%;
  border-left: 3px solid #000;
}

.wrapper-infos-supp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block {
  display: none;
}

.sous-titre {
  margin-bottom: 25px;
}

.section {
  display: block;
}

.typo-blanche {
  margin-bottom: 0px;
  color: #fff;
}

.bouton-mail {
  padding: 15px 30px;
  border-radius: 100px;
  background-color: #fde695;
}

.mail {
  margin-top: 50px;
}

.articles_section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  blockquote {
    font-size: 35px;
    line-height: 45px;
  }

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

  .cta-ital {
    font-size: 17px;
    line-height: 25px;
  }

  .cta-ital.liens-menu {
    text-align: center;
  }

  .navigation {
    z-index: 999;
  }

  .container {
    padding-right: 5%;
    padding-left: 5%;
  }

  .container.menu {
    padding-right: 2%;
    padding-left: 2%;
  }

  .container._2-colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container._2-colonnes.parallax {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .container._2-colonnes.parallax.center {
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .container._2-colonnes.inverser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container.bloc-50 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .hero-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .quote-section {
    height: auto;
  }

  .center {
    width: 70%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .center.full-width.expend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .texte-titre {
    width: 80%;
  }

  .tuile {
    margin-right: 10px;
    margin-left: 10px;
  }

  .tuile.particulier {
    margin-left: 0px;
  }

  .tuile.ateliers {
    margin-right: 0px;
  }

  .tuile.blog {
    width: 100%;
    margin-right: 2%;
    margin-left: 2%;
  }

  .tuiles {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .tuiles.blog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .bubble {
    display: none;
  }

  .about-contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-about {
    margin-bottom: 30px;
  }

  .image-about.swipe_up {
    width: 50%;
  }

  .quote-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    padding-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .name {
    text-align: center;
  }

  ._4_colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ._4_colonnes.swipe_up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slider {
    height: auto;
  }

  .contenu-citations {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .quote-avis {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin-top: 30px;
    padding-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .adresse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .liens-footer {
    width: 80%;
  }

  .content-lien-footer {
    width: 30%;
  }

  .nav-offre {
    width: 70%;
  }

  .menu-full {
    display: none;
  }

  .nav-offre-menu {
    width: 85%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lottie-logo-hero {
    width: 60%;
  }

  .block-quote-avis {
    margin-bottom: 15px;
    text-align: center;
  }

  .map-links {
    width: 100%;
  }

  .heading {
    text-align: center;
  }

  ._2-colonnes {
    margin-bottom: 50px;
  }

  ._2-colonnes.media {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  ._3-colonnes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .img-tache {
    width: 70%;
  }

  .img-tache.droite {
    top: auto;
    bottom: 5vh;
  }

  .img-tache.gauche {
    top: 10vh;
    bottom: auto;
  }

  .unique {
    font-size: 100px;
    line-height: 100px;
  }

  .wrapper-bloc {
    padding-bottom: 100px;
  }

  .bloc-50 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin-top: 75px;
    margin-bottom: 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bloc-50.gauche {
    padding-right: 0%;
  }

  .bloc-50.gauche.parallax {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .bloc-50.gauche.center.parallax {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bloc-50.gauche.img {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .bloc-50.droite {
    margin-left: 0%;
  }

  .bloc-50.droite.desktop {
    display: none;
  }

  .bloc-50.droite.center.parallax {
    width: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .bloc-50.droite.parallax {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bloc-50.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .img-arche.offres {
    height: 500px;
  }

  .img-arche.media-vignette {
    height: 200px;
  }

  .wrapper-cursor {
    display: none;
  }

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

  .wrapper-img {
    width: 100%;
  }

  .wrapper-img.small {
    height: 450px;
  }

  .wrapper-img-hero {
    width: 35%;
  }

  .form-champ-2 {
    width: 49%;
  }

  .form-deroulant {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .deroulant.text-block {
    width: 100%;
  }

  .form-bloc {
    width: 100%;
  }

  .flex-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .blog-bloc-txt.swipe_up {
    padding-top: 20px;
  }

  .mobile-center-blog {
    text-align: left;
  }

  .rich-text-element figcaption {
    width: 100%;
  }

  .date-et-dur-e {
    width: 40%;
  }

  .prix-et-lien {
    width: 40%;
  }

  .wrapper-titre-v-nement {
    display: none;
  }

  .collection-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .media-vignette {
    width: 150px;
    height: 150px;
  }

  .collection-list-articles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .img-small {
    width: 60%;
  }

  .rich-text-element-cgu figcaption {
    width: 100%;
  }

  .infos-supp {
    width: 80%;
    padding-left: 0%;
    border-left-style: none;
  }

  .wrapper-infos-supp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 50px;
    line-height: 60px;
  }

  h2 {
    font-size: 35px;
    line-height: 42px;
  }

  .cta-ital.lien-nav {
    display: none;
  }

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

  .underline.logo-ligne {
    width: 70%;
  }

  .navigation {
    margin-right: 0%;
    padding-right: 0%;
  }

  .container.menu {
    padding-right: 2%;
    padding-left: 2%;
  }

  .in-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .tuile {
    width: 80%;
  }

  .tuile.particulier {
    margin-right: 0px;
    margin-bottom: 100px;
  }

  .tuile.professionnel {
    margin-right: 0px;
    margin-bottom: 100px;
    margin-left: 0px;
  }

  .tuile.ateliers {
    margin-left: 0px;
  }

  .tuile.blog {
    margin-right: 0%;
    margin-left: 0%;
  }

  .tuiles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .tuiles.blog {
    margin-bottom: 0px;
  }

  .visuel-section {
    height: 60vh;
  }

  .about-contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-about {
    width: 80%;
  }

  .image-about.swipe_up {
    width: 70%;
  }

  .quote-about {
    padding-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  ._4_colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slider-arrow {
    margin-right: 0%;
    margin-left: 0%;
  }

  .img-rde-300 {
    width: 250px;
    height: 250px;
  }

  .map-wrapper {
    width: 100%;
    margin-bottom: 150px;
  }

  .liens-rrss {
    width: 100%;
  }

  .liens-footer {
    width: 90%;
  }

  .menu-full {
    display: none;
  }

  .nav-offre-menu {
    width: 100%;
  }

  .menu-offre {
    margin-top: 30px;
  }

  .lottie-logo-hero {
    width: 60%;
  }

  .map-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ._2-colonnes {
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  ._2-colonnes.media {
    margin-bottom: 60px;
  }

  ._3-colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .img-tache {
    width: 50%;
  }

  .img-tache.droite {
    bottom: 0vh;
  }

  .unique {
    font-size: 80px;
    line-height: 80px;
  }

  .bloc-50 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .img-arche.offres {
    height: 380px;
  }

  .wrapper-img.small {
    height: 300px;
  }

  .wrapper-img-hero {
    width: 50%;
  }

  .contenu.about {
    margin-top: 150px;
  }

  ._3_colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .feature-section {
    padding: 40px 20px;
  }

  .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .img-blog {
    width: 50vw;
    height: 50vw;
    margin-right: 0px;
    margin-left: 0px;
  }

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

  .blog-bloc-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

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

  .main-content {
    padding-bottom: 40px;
  }

  .rich-text-element blockquote {
    width: 90%;
    margin-left: 10%;
  }

  .barre-atelier {
    height: 100px;
  }

  .date-et-dur-e {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .date {
    margin-right: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .dur-e {
    padding-left: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 3px solid #000;
    border-left-style: none;
  }

  .prix-et-lien {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .prix {
    margin-right: 0%;
    padding-right: 0%;
    border-right-style: none;
  }

  .participer {
    width: 80%;
    margin-left: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 3px none #000;
    border-left-style: none;
  }

  .media-vignette {
    width: 200px;
    height: 200px;
  }

  .collection-item-articles {
    width: 80%;
    margin-bottom: 75px;
  }

  .collection-list-articles {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .rich-text-element-cgu blockquote {
    width: 90%;
    margin-left: 10%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
    line-height: 47px;
  }

  h2 {
    font-size: 35px;
    line-height: 42px;
    text-align: left;
  }

  blockquote {
    font-size: 30px;
    line-height: 38px;
  }

  .chapeau {
    font-size: 20px;
    line-height: 28px;
  }

  .chapeau.center {
    width: 100%;
  }

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

  .cta-ital.liens-menu {
    display: none;
  }

  .cta-underline {
    font-size: 17px;
    line-height: 25px;
  }

  .cta-underline.lien-nav-offre {
    font-size: 20px;
    line-height: 28px;
  }

  .underline.logo-ligne {
    width: 80%;
  }

  .hamburger {
    width: 20px;
  }

  .quote-section {
    position: relative;
  }

  .texte-titre {
    width: 90%;
  }

  .tuile.blog {
    margin-bottom: 50px;
  }

  .image-about {
    width: 100%;
  }

  .image-about.swipe_up {
    width: 100%;
  }

  .pict-legende {
    width: 80%;
    margin-top: 50px;
  }

  .slider-arrow {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .img-rde-300 {
    width: 150px;
    height: 150px;
  }

  .liens-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-lien-footer {
    width: 100%;
    margin-top: 10px;
  }

  .nav-cache {
    display: none;
  }

  .menu-full {
    display: none;
  }

  .nav-offre-menu {
    height: 85vh;
  }

  .menu-offre {
    width: 100%;
  }

  .base-nine {
    color: #000;
    font-size: 16px;
  }

  .base-nine.logo-txt {
    font-size: 20px;
  }

  .lottie-logo-hero {
    width: 80%;
  }

  ._2-colonnes {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .icon {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin-right: 2%;
    margin-left: 2%;
  }

  .icon-2 {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
  }

  .unique {
    font-size: 45px;
    line-height: 45px;
  }

  .bloc-50 {
    width: 100%;
  }

  .img-arche.offres {
    height: 300px;
  }

  .wrapper-img.small {
    height: 200px;
  }

  .wrapper-img-hero {
    width: 80%;
  }

  .form-champ-2 {
    width: 100%;
    margin-bottom: 50px;
  }

  .form-2colonnes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-wrapper-deroulant {
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-deroulant {
    width: 100%;
  }

  .field-label {
    margin-bottom: 25px;
  }

  .img-blog {
    width: 70vw;
    height: 70vw;
  }

  .blog-bloc-txt {
    width: 100%;
  }

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

  .art-img-cover {
    height: 50vh;
  }

  .rich-text-element blockquote {
    width: 90%;
  }

  .participer {
    width: 100%;
  }

  .img-small {
    width: 80%;
  }

  .rich-text-element-cgu blockquote {
    width: 90%;
  }
}