:root {
  --_couleurs---green-accent: #99c34e;
  --_couleurs---medium-green: #466d48;
  --_couleurs---white: white;
  --_couleurs---dark-green: #1d2f20;
  --_couleurs---light-green: #f0f5ee;
  --_couleurs---brown: #50342a;
  --_couleurs---medium-grey: #818181;
}

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

.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;
}

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

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

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Julius Sans One, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Julius Sans One, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}

p {
  margin-bottom: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: .9rem;
  font-weight: 400;
}

.body {
  background-color: #fff;
}

.nav-link {
  color: #1d2f20;
  text-transform: uppercase;
  vertical-align: baseline;
  border-bottom: 5px solid #0000;
  margin-left: 15px;
  margin-right: 15px;
  padding: 21px 0 25px;
  font-family: Julius Sans One, sans-serif;
  font-size: .85rem;
}

.nav-link:hover {
  outline-offset: 0px;
  color: #466d48;
  -webkit-text-stroke-width: 0px;
  white-space: normal;
  word-break: normal;
  background-color: #f0f5ee00;
  border: 0 #000;
  border-bottom: 5px solid #f0f5ee;
  border-radius: 0;
  outline: 0 #99c34e;
  font-family: Julius Sans One, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.nav-link:focus {
  border: 0 #000;
}

.nav-link:lang(fr-fr) {
  color: #1d2f20;
  text-decoration: none;
}

.nav-link.w--current {
  border-bottom-width: 5px;
}

.nav-link.w--current:hover {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.nav-link.w--current:lang(fr-fr) {
  color: #99c34e;
  background-color: #f0f5ee00;
  border-bottom-width: 2px;
  border-bottom-color: #99c34e;
  padding-left: 0;
}

.light-green-bg {
  background-color: #f0f5ee;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px 20px;
  display: flex;
}

.middle-green-bg {
  background-color: #466d48;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px 20px;
  display: flex;
}

.dark-green-bg {
  background-color: #1d2f20;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px 20px;
  display: flex;
}

.brown-bg {
  background-color: #50342a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px 20px;
  display: flex;
}

.white-bg {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px 20px;
  display: flex;
}

.md20 {
  margin-bottom: 20px;
}

.md20.green-accent {
  color: #99c34e;
}

.md20.light-green {
  color: #f0f5ee;
}

.md20.dark-green {
  color: #1d2f20;
  font-size: 1.5rem;
  font-weight: 400;
}

.md20.dark-green.right {
  text-align: right;
}

.md20.middle-green {
  color: #466d48;
}

.green-accent {
  color: #99c34e;
  text-align: left;
}

.green-accent.md20 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.green-accent.md20.left {
  text-align: left;
}

.green-accent.md40 {
  text-align: left;
  width: auto;
  margin-bottom: 40px;
}

.green-accent.md40.centred {
  text-align: center;
}

.green-accent.mt10 {
  margin-top: 10px;
}

.green-accent.mt20 {
  margin-top: 20px;
  font-size: 1.1rem;
}

.green-accent.centered {
  text-align: center;
}

.green-accent.julius {
  width: auto;
  font-family: Julius Sans One, sans-serif;
  font-size: 4rem;
  line-height: 60px;
}

.green-accent.logo {
  padding-bottom: 5px;
  font-size: 2.5rem;
}

.green-accent.logo.centered.left {
  text-align: left;
}

.white {
  color: #fff;
  font-size: 1rem;
}

.white.md20 {
  font-size: 1rem;
}

.white.md20.accroche-contact {
  font-size: 2rem;
}

.white.md10 {
  margin-bottom: 10px;
}

.white.pl10 {
  padding-left: 10px;
}

.white.left {
  text-align: left;
}

.white.md40 {
  padding-bottom: 40px;
  font-size: 1rem;
}

.light-green {
  color: #f0f5ee;
}

.middle-green {
  color: #466d48;
}

.dark-green {
  color: #1d2f20;
  text-align: left;
  width: 100%;
  font-size: 1rem;
}

.dark-green.md20 {
  text-align: left;
  width: auto;
  font-weight: 400;
}

.dark-green.md20.centred {
  text-align: center;
}

.dark-green.md40 {
  margin-bottom: 40px;
}

.dark-green.centered {
  text-align: center;
}

.dark-green.md10 {
  font-weight: 600;
  line-height: 1.2rem;
}

.dark-green.ligne-verte-bas {
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: block;
}

.dark-green.ligne-verte-bas.ligne-verte-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
  vertical-align: baseline;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  text-decoration: none;
  display: block;
}

.dark-green.ligne-verte-bas.ligne-verte-haut.archivo-cap {
  text-transform: uppercase;
  font-family: Archivo Narrow, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.dark-green.ligne-verte-bas.ligne-verte-haut.archivo-cap:hover {
  color: var(--_couleurs---green-accent);
}

.dark-green.ligne-verte-bas.archivo-cap {
  text-transform: uppercase;
  font-family: Archivo Narrow, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.dark-green.ligne-verte-bas.archivo-cap:hover {
  color: var(--_couleurs---green-accent);
}

.dark-green.right {
  text-align: right;
}

.sigle-artemis {
  height: 90px;
}

.primary-button {
  color: var(--_couleurs---green-accent);
  letter-spacing: 0;
  text-transform: none;
  background-color: #fff0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: .9rem;
}

.primary-button:hover {
  color: var(--_couleurs---medium-green);
  background-color: #1d2f2000;
}

.primary-button.md20 {
  background-color: var(--_couleurs---green-accent);
  color: var(--_couleurs---white);
  text-align: center;
  letter-spacing: .02rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.primary-button.md20:hover {
  background-color: var(--_couleurs---medium-green);
  color: var(--_couleurs---white);
}

.primary-button.md20.whitebg {
  background-color: var(--_couleurs---white);
  color: var(--_couleurs---green-accent);
}

.primary-button.md20.whitebg:hover {
  background-color: var(--_couleurs---medium-green);
  color: var(--_couleurs---white);
}

.navbar {
  z-index: auto;
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  object-fit: fill;
  background-color: #fff;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.sigle-quercus {
  height: 90px;
}

.heading {
  z-index: auto;
  color: var(--_couleurs---dark-green);
  text-align: center;
  letter-spacing: normal;
  text-indent: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  line-height: 50px;
  display: block;
  position: static;
  inset: 50% 0% 0%;
}

.heading.titre-entete {
  background-color: #fff;
  margin-top: auto;
  margin-bottom: 0;
  padding: 10px 20px;
}

.heading.titre-entete.dark-green {
  width: auto;
  margin-bottom: 0;
  font-size: 3rem;
}

.heading.a-q {
  color: var(--_couleurs---green-accent);
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 3.8rem;
}

.footer {
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  padding-top: 50px;
  padding-bottom: 60px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.footer.ligne-verte-haut {
  border-top: 2px solid var(--_couleurs---green-accent);
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.container-1150 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: #fff0;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: static;
}

.container-1150.ligne-verte-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
}

.container-1150.ligne-verte-haut.pt40 {
  padding-top: 40px;
}

.container-1150.mt40 {
  max-width: 1150px;
  height: auto;
}

.container-1150.mt40.centr-h {
  aspect-ratio: 16 / 9;
  flex-flow: row;
  height: auto;
}

.container-1150.md60 {
  margin-bottom: 60px;
}

.container-1150.gap20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-left: auto;
}

.container-1150._2-colonnes {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.container-1150.pd40 {
  padding-top: 40px;
}

.container-1150.centered {
  justify-content: flex-start;
  align-items: center;
}

.wrapper-footer-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.links-menu-footer {
  font-family: Julius Sans One, sans-serif;
  font-size: .7rem;
  font-weight: 400;
}

.links-menu-footer.dark-green {
  font-size: .9rem;
  text-decoration: none;
}

.links-menu-footer.dark-green:hover {
  color: var(--_couleurs---green-accent);
}

.links-menu-footer.dark-green.w--current {
  color: var(--_couleurs---green-accent);
  font-size: .9rem;
}

.links-menu-footer.dark-green.w--current:hover {
  color: var(--_couleurs---green-accent);
}

.links-rubriques-footer.dark-green {
  color: #818181;
  text-transform: uppercase;
  font-family: Archivo Narrow, sans-serif;
  font-size: .8rem;
  text-decoration: none;
}

.links-rubriques-footer.dark-green.mt20 {
  margin-top: 20px;
  font-size: .8rem;
}

.text-block {
  font-family: Archivo Narrow, sans-serif;
}

.text-block.dark-green {
  color: #818181;
  font-size: .7rem;
}

.text-block.dark-green.mt20 {
  margin-top: 20px;
  font-size: .75rem;
}

.section-slider-home {
  width: 100vw;
  height: 87vh;
}

.container-fullscreen {
  background-color: #f0f5ee;
  background-image: url('../images/Artemis-Quercus_00-00-Homepage.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100%;
  display: flex;
}

.container-fullscreen.nv2 {
  background-color: var(--_couleurs---light-green);
}

.container-fullscreen.entete-a-propos {
  background-image: url('../images/Artemis-Quercus_01-00-Entete_APropos.jpg');
  background-size: cover;
}

.container-fullscreen.entete-realisations {
  background-image: url('../images/Artemis-Quercus_02-00-Entete_Realisations.jpg');
}

.container-fullscreen.entete-conception {
  background-image: url('../images/Artemis-Quercus_03-00-Entete_Conception.jpg');
  background-position: 50%;
  background-size: cover;
}

.container-fullscreen.image07, .container-fullscreen.entete-pepiniere {
  background-image: url('../images/Artemis-Quercus_04-00-Entete_Pepiniere.jpg');
}

.wrapper-footer-contact {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.container-footer-logos {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-bottom: 10px;
  display: flex;
}

.image {
  width: auto;
  height: 7rem;
}

.image-2 {
  height: 7rem;
}

.text-block-2 {
  text-align: center;
  font-family: Archivo Narrow, sans-serif;
  font-size: 1rem;
}

.text-block-2.dark-green {
  width: 100%;
  margin-top: 10px;
  font-size: 1rem;
}

.text-block-3 {
  color: #818181;
  text-align: center;
  width: 100%;
  font-family: Archivo Narrow, sans-serif;
  font-size: .6rem;
  line-height: 15px;
}

.text-block-3.mt40 {
  font-size: .7rem;
  line-height: 18px;
}

.wrapper-footer-rs {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.titre-footer {
  text-align: right;
  font-size: .8rem;
}

.titre-footer.dark-green {
  font-size: .9rem;
}

.pictos-rs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.picto-ig {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.image-3 {
  background-color: #0000;
  height: 30px;
}

.image-3:hover {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #0000;
  background-clip: border-box;
}

.picto-fb {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.picto-fb.ml5 {
  margin-left: 5px;
}

.picto-yt {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.picto-yt.ml5 {
  margin-left: 5px;
}

.picto-li {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.picto-li.ml5 {
  margin-left: 5px;
}

.bandeau-entete {
  height: 30vh;
  margin-top: 0;
}

.section-intro {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 90px;
}

.section-intro.md0 {
  padding-bottom: 0;
}

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

.heading-2.md20.green-accent {
  text-align: left;
  width: 40%;
  margin-top: 0;
  margin-bottom: auto;
}

.heading-2.md20.green-accent.left {
  width: auto;
  max-width: 30%;
  margin-top: 0;
}

.heading-2.md20.green-accent.left.mt15 {
  margin-top: 15px;
}

.heading-2.green-accent.md20 {
  width: 60%;
  margin-bottom: 20px;
  font-size: 2rem;
}

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

.paragraph-gauche.dark-green {
  text-align: left;
  width: 100%;
  padding-left: 0;
}

.paragraph-gauche.dark-green.ml40 {
  width: 100%;
  margin-left: 40px;
  margin-right: auto;
  font-style: normal;
}

.paragraph-gauche.dark-green.md20 {
  font-size: 1rem;
}

.paragraph-gauche.white {
  text-align: left;
  width: 100%;
  padding-left: 0;
  font-size: 1rem;
}

.paragraph-gauche.white.ml40 {
  margin-left: 40px;
}

.paragraph-gauche.white.mt20 {
  margin-top: 20px;
}

.section-realisations {
  background-color: var(--_couleurs---dark-green);
  width: 100vw;
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-vw {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1150px;
  display: flex;
}

.section-full-image {
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_01-01-Arbres.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 50vh;
}

.section-full-image.image01 {
  background-image: url('../images/Artemis-Quercus_00-01-Arbres.jpg');
}

.section-full-image.image02 {
  background-image: url('../images/Artemis-Quercus_00-02-FeuillesChene.jpg');
  background-size: cover;
}

.section-full-image.image04 {
  background-image: url('../images/Artemis-Quercus_01-04-TraceArbre.jpg');
}

.section-full-image.image05 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Artemis-Quercus_00-06-FeuillesChene.jpg');
  background-clip: border-box;
}

.section-full-image.image06 {
  background-image: url('../images/Artemis-Quercus_01-02-00-Papillon_Gland.jpg');
}

.section-full-image.image07 {
  background-image: url('../images/Artemis-Quercus_03-01-Jardin-Piscine.jpg');
}

.section-full-image.image08 {
  background-image: url('../images/Artemis-Quercus_03-02-Jardin-Terrasse.jpg');
}

.section-full-image.image09 {
  background-image: url('../images/Artemis-Quercus_04-01-Semis.jpg');
}

.section-full-image.image010 {
  background-image: url('../images/Artemis-Quercus_04-02-Feuillage.jpg');
}

.mosaique-realisations {
  width: 100vw;
  max-width: none;
}

.grid-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: auto;
  max-width: 1150px;
  height: auto;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.contenu-mosaique {
  flex-flow: column;
  width: auto;
  max-width: 24.65%;
  height: auto;
  min-height: 200px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.image-4 {
  box-sizing: border-box;
  object-fit: fill;
  background-image: url('../images/Artemis-Quercus_00-05-01-SavoirFaire-Rever.jpg');
  background-position: 50%;
  background-size: cover;
  width: auto;
  max-width: none;
  height: auto;
  min-height: 200px;
}

.heading-3 {
  color: var(--_couleurs---green-accent);
  text-align: center;
  margin-top: 10px;
}

.heading-3.white {
  color: var(--_couleurs---white);
  text-decoration: none;
}

.heading-3.left {
  text-align: left;
}

.section-artemis-quercus {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.container-1153 {
  width: 100%;
  max-width: none;
}

.image-6 {
  max-width: none;
  max-height: 180px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.heading-4 {
  color: var(--_couleurs---green-accent);
  text-align: center;
  margin-bottom: 10px;
}

.paragraph-centr {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1rem;
}

.paragraph-centr.white {
  font-size: 1rem;
}

.container-2colonnes {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-2colonnes.separateur-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
  flex-flow: row-reverse;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-2colonnes.md40 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 40px;
}

.section-savoir-faire {
  background-color: var(--_couleurs---brown);
  padding-top: 50px;
  padding-bottom: 60px;
}

.mosaique-savoirfaire {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 1150px;
  height: auto;
  min-height: auto;
  display: block;
}

.grid-savoir-faire {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-actus-blog {
  background-color: var(--_couleurs---dark-green);
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-actus-blog {
  flex-flow: column;
  width: 100%;
  max-width: 1150px;
  display: flex;
}

.ligne-verte {
  background-color: var(--_couleurs---green-accent);
  width: 100%;
  max-width: none;
  height: 2px;
  padding-top: 0;
  padding-bottom: 0;
}

.container-titre-chapeau-bandeau {
  width: 100%;
  max-width: none;
  display: flex;
}

.grid-4 {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1150px;
}

.grid-4.mt20 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: stretch;
  max-width: none;
  height: auto;
  margin: 20px 0;
}

.grid-4.mt40.md20 {
  margin-bottom: 40px;
}

.container-articles {
  text-align: left;
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.image-7 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 50%;
}

.surtitre-actus {
  text-align: left;
  letter-spacing: .07rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: .7rem;
  font-weight: 400;
}

.surtitre-actus.green-accent {
  margin-top: 15px;
  margin-bottom: 0;
}

.surtitre-actus.middle-green {
  margin-top: 10px;
  margin-bottom: 0;
}

.titre-actus {
  text-align: left;
  text-transform: none;
  font-size: 1.3rem;
  font-weight: 400;
}

.titre-actus.white {
  margin-bottom: 10px;
}

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

.container-portrait {
  width: 100%;
  max-width: none;
}

.image-8 {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.image-8.logo-artemis {
  box-sizing: border-box;
  aspect-ratio: 1;
  text-align: center;
  object-fit: contain;
  background-color: #fff;
  width: 100%;
  margin: auto;
}

.container-fondateur-texte {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: block;
}

.block-quote {
  background-color: var(--_couleurs---light-green);
  border-left-style: none;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.block-quote.middle-green {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 40px 40px 60px;
}

.mt40 {
  max-width: none;
  height: auto;
  max-height: none;
  margin-top: 40px;
}

.mt40.container-2-3 {
  aspect-ratio: 2 / 3;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
}

.section-manifesto {
  background-color: var(--_couleurs---dark-green);
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-colonne-droite {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.container-colonne-droite.dark-green {
  background-color: var(--_couleurs---dark-green);
  object-fit: fill;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
  display: block;
}

.container-contenu-colonne-droite {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: 0;
  padding-left: 40px;
  display: flex;
}

.container-colonne-gauche {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-contenu-colonne-gauche {
  text-align: center;
  width: 50%;
  max-width: none;
  margin-left: auto;
  margin-right: 0;
  padding-right: 40px;
}

.container-1155 {
  width: 50%;
  max-width: none;
  margin-right: auto;
}

.container-1156 {
  width: 50%;
  max-width: none;
}

.grands-guillemets {
  text-indent: 0;
  font-size: 10rem;
  line-height: .2rem;
}

.italic-text {
  box-sizing: border-box;
  color: var(--_couleurs---green-accent);
  font-style: normal;
}

.section-savoir-faire-full {
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-1158 {
  flex-flow: wrap-reverse;
  width: 70%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.container-1159 {
  width: 30%;
  max-width: 100%;
}

.image-9 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.grand-chiffre {
  font-family: Julius Sans One, sans-serif;
  font-size: 4rem;
}

.grid-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: auto;
}

.container-1160 {
  margin-top: 40px;
  padding-top: 20px;
}

.section-projet {
  background-color: var(--_couleurs---medium-green);
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}

.section-push-contact {
  background-color: var(--_couleurs---green-accent);
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
}

.container-1161 {
  width: 100%;
  max-width: 1150px;
}

.heading-5 {
  line-height: 25px;
}

.secondary-button-lightbg {
  color: var(--_couleurs---green-accent);
  font-family: Archivo Narrow, sans-serif;
  text-decoration: none;
}

.secondary-button-lightbg:hover {
  color: var(--_couleurs---medium-green);
}

.secondary-button {
  color: var(--_couleurs---green-accent);
  letter-spacing: 0;
  text-transform: none;
  background-color: #fff0;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Archivo Narrow, sans-serif;
  font-size: .9rem;
}

.secondary-button:hover {
  color: var(--_couleurs---medium-green);
  background-color: #1d2f2000;
}

.secondary-button.md20 {
  background-color: var(--_couleurs---green-accent);
  color: var(--_couleurs---white);
  text-align: center;
  letter-spacing: .02rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.secondary-button.md20:hover {
  background-color: var(--_couleurs---medium-green);
  color: var(--_couleurs---white);
}

.secondary-button.mt10 {
  margin-top: 10px;
}

.section-intro-realisations {
  background-color: var(--_couleurs---white);
  width: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
}

.section-jardins {
  width: 100%;
  padding-right: 0;
}

.slider {
  aspect-ratio: 2.39;
  width: auto;
  height: auto;
}

.image-10 {
  box-sizing: border-box;
  aspect-ratio: 1;
  object-fit: fill;
  width: 100%;
  max-width: none;
  margin: auto;
}

.mask {
  aspect-ratio: auto;
  width: 100%;
  margin: 0 auto;
}

.slide {
  aspect-ratio: auto;
  object-fit: fill;
  height: 100%;
}

.container-1162 {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 2.39;
  object-fit: fill;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: none;
  max-height: none;
  margin: auto;
  display: flex;
}

.container-legend-realisations {
  box-sizing: content-box;
  aspect-ratio: 16 / 9;
  background-color: var(--_couleurs---white);
  object-fit: fill;
  width: 30%;
  max-width: none;
  margin: 25px 25px 25px auto;
}

.container-1163 {
  aspect-ratio: auto;
  width: 100%;
  max-width: none;
  height: auto;
}

.slider-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.container-1164 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 70%;
  margin-left: auto;
  margin-right: 0;
  padding-left: 20px;
  display: flex;
}

.icon {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
}

.icon-2 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}

.grid-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 10px;
}

.container-1165 {
  aspect-ratio: 4 / 5;
  background-color: var(--_couleurs---light-green);
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding-bottom: 0;
  display: flex;
}

.container-1165.section-jardins {
  aspect-ratio: 3 / 2;
  background-image: url('../images/Artemis-Quercus_02-01-01-Section-Jardins.jpg');
  background-position: 50%;
  background-size: cover;
}

.container-1165.section-patios {
  aspect-ratio: 3 / 2;
  background-image: url('../images/Artemis-Quercus_02-01-02-Section-Patios.jpg');
  background-position: 50%;
  background-size: cover;
}

.container-1165.section-parcs {
  aspect-ratio: 3 / 2;
  background-image: url('../images/Artemis-Quercus_02-01-03-Section-Parcs.jpg');
  background-position: 50%;
  background-size: cover;
}

.container-1165.section-cinema {
  aspect-ratio: 3 / 2;
  background-image: url('../images/Artemis-Quercus_02-01-04-Section-Cinema.jpg');
  background-position: 50%;
  background-size: cover;
  margin: 0 auto;
  padding-top: 0;
}

.container-1166 {
  background-color: var(--_couleurs---white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: none;
  height: auto;
  margin: auto 50px;
  padding: 40px 20px 60px;
  display: flex;
}

.container-1167 {
  width: 100%;
  max-width: none;
}

.container-1167.mt60 {
  margin-top: 60px;
}

.container-1168 {
  width: 100%;
  max-width: none;
}

.container-1168.mt80 {
  margin-top: 80px;
}

.section-mosaique-jardins {
  text-align: center;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 100px;
}

.grid-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.vignette-jardin-01 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  text-align: right;
  background-image: url('../images/Artemis-Quercus_02-01-01-01-Jardins_Guyenne.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.container-1170 {
  background-color: var(--_couleurs---white);
  text-align: left;
  width: auto;
  max-width: none;
  margin: auto 0 0;
  padding: 10px 20px;
  display: block;
  position: static;
  bottom: 0;
}

.md10 {
  margin-bottom: 10px;
}

.md10.green-accent {
  color: #99c34e;
}

.md10.light-green {
  color: #f0f5ee;
}

.md10.dark-green {
  color: #1d2f20;
  font-weight: 400;
}

.md10.middle-green {
  color: #466d48;
}

.bandeau-entete-nv2 {
  height: 15vh;
  margin-top: 140px;
}

.section-entretien {
  background-color: var(--_couleurs---brown);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-11 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  max-width: none;
  display: block;
}

.container-vw-vertic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: none;
  margin: auto 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bandeau-entete-fiche-jardin {
  box-sizing: border-box;
  background-color: var(--_couleurs---white);
  text-align: center;
  object-fit: fill;
  height: 40rem;
  margin-top: 0;
}

.div-block {
  width: 100%;
}

.div-block.mr20 {
  text-align: left;
  width: 100%;
  margin-right: 20px;
}

.div-block.mr20.md40 {
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
}

.div-block.mr20.md40.mr40 {
  margin-right: 40px;
}

.div-block.md40 {
  margin-bottom: 40px;
}

.div-block-2 {
  width: 50%;
}

.div-block-2.ml20 {
  text-align: left;
  margin-left: 20px;
}

.ligne-verte-bas {
  border-bottom: 1px solid var(--_couleurs---green-accent);
  margin-bottom: 0;
  padding-bottom: 10px;
}

.ligne-verte-bas.archivo-narrow {
  font-family: Archivo Narrow, sans-serif;
}

.image-12 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
}

.div-block-3 {
  box-sizing: border-box;
  background-color: var(--_couleurs---light-green);
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: clip;
}

.section-avant-apres-projet {
  background-color: var(--_couleurs---light-green);
  width: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
}

.div-block-4 {
  aspect-ratio: 2 / 3;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  overflow: clip;
}

.div-block-5 {
  aspect-ratio: 2 / 3;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  overflow: clip;
}

.image-13 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  flex: 0 auto;
  width: 100%;
  margin: 0 auto;
  overflow: clip;
}

.image-14 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
  overflow: clip;
}

.section-galerie-projet {
  padding-top: 50px;
  padding-bottom: 60px;
}

.collection-list-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: start stretch;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: block;
  overflow: visible;
}

.collection-list {
  aspect-ratio: auto;
  width: 102%;
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
}

.collection-item {
  aspect-ratio: 2 / 3;
  object-fit: fill;
  width: auto;
  overflow: visible;
}

.collection-item-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  aspect-ratio: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  display: block;
  overflow: clip;
}

.collection-list-wrapper-2 {
  text-align: center;
  flex: 0 auto;
  align-self: flex-start;
  width: auto;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-between;
  align-items: stretch;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-15 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
  overflow: clip;
}

.container-1150-centre {
  text-align: center;
  width: 100%;
  max-width: 1150px;
}

.container-1150-centre.md40 {
  margin-bottom: 60px;
}

.collection-list-wrapper-3 {
  width: 100%;
  max-width: 1150px;
  overflow: visible;
}

.image-16 {
  aspect-ratio: 1;
  object-fit: cover;
  overflow: clip;
}

.div-block-6 {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  background-color: var(--_couleurs---white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  margin-top: auto;
  margin-left: 40px;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-17 {
  aspect-ratio: 1;
  object-fit: cover;
  overflow: clip;
}

.collection-item-3 {
  float: left;
  clear: none;
  aspect-ratio: 1;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  bottom: 0;
  right: 0;
  overflow: clip;
}

.text-block-4 {
  text-align: right;
  align-self: flex-end;
  padding-right: 0;
}

.collection-list-3 {
  max-width: 1150px;
}

.vignette-mosaique-projets {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-jardin-01-copy {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  text-align: right;
  background-image: url('../images/martina-jorden-NkPdYb8ZMig-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.section-intro-fiche {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
}

.section-intro-fiche.md0 {
  padding-bottom: 0;
}

.grid-8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.image-18 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.image-18.landscape {
  box-sizing: border-box;
  object-fit: cover;
  height: 100%;
  overflow: visible;
}

.image-18.portrait {
  aspect-ratio: 2 / 3;
}

.image-18.square {
  aspect-ratio: 1;
}

.container-logo-artemis {
  aspect-ratio: 1;
  text-align: center;
  object-fit: contain;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 30%;
  max-width: none;
  height: auto;
  margin: auto;
  display: flex;
}

.container-artemis-intro {
  width: 30%;
  max-width: none;
}

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

.portrait-vincent {
  aspect-ratio: 4 / 5;
  vertical-align: top;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.portrait-vincent.logo-artemis {
  box-sizing: border-box;
  aspect-ratio: 1;
  text-align: center;
  object-fit: contain;
  width: 50%;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.container-3colonnes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-3colonnes.separateur-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-citation {
  width: 30%;
}

.archivo {
  color: var(--_couleurs---dark-green);
  -webkit-text-stroke-color: var(--_couleurs---dark-green);
  font-family: Archivo Narrow, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
}

.archivo.titre-onglet {
  color: var(--_couleurs---dark-green);
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
}

.container-full {
  background-color: var(--_couleurs---medium-green);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 80px;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  background-color: #466d4800;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  max-width: 1150px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  display: flex;
}

.image-19 {
  max-width: none;
  max-height: 100px;
  overflow: visible;
}

.image-20 {
  max-height: 100px;
}

.image-21 {
  max-height: 75px;
}

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

.section-pro-part {
  background-color: var(--_couleurs---brown);
  padding-top: 50px;
  padding-bottom: 60px;
}

.div-block-8 {
  width: 100%;
}

.div-block-8.centered {
  text-align: center;
}

.div-block-9 {
  width: 100%;
}

.image-22 {
  width: 20px;
}

.div-block-10 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.section-qualit-quercus {
  background-color: var(--_couleurs---dark-green);
  padding-top: 50px;
  padding-bottom: 60px;
}

.div-block-11 {
  aspect-ratio: 1;
  background-image: url('../images/Artemis-Quercus_04-03-Qualite-racinaire.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
}

.div-block-12 {
  width: 50%;
}

.image-23 {
  aspect-ratio: 1;
  width: 100%;
}

.section-patrimoine-vegetal {
  padding-top: 50px;
  padding-bottom: 60px;
}

.tabs {
  text-align: center;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tabs-menu {
  object-fit: fill;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tab-link-ch-nes {
  background-color: var(--_couleurs---white);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 9.02%;
  display: flex;
}

.tab-link-ch-nes:hover {
  background-color: var(--_couleurs---light-green);
}

.tab-link-ch-nes.w--current {
  background-color: var(--_couleurs---green-accent);
  flex: 1;
  align-self: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.tab-link-rables {
  background-color: var(--_couleurs---white);
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-link-rables:hover {
  background-color: var(--_couleurs---light-green);
}

.tab-link-rables.w--current {
  background-color: var(--_couleurs---green-accent);
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  display: flex;
}

.tab-link-tilleuls {
  background-color: var(--_couleurs---white);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-link-tilleuls:hover {
  background-color: var(--_couleurs---light-green);
}

.tab-link-tilleuls.w--current {
  background-color: var(--_couleurs---green-accent);
}

.tab-link-fr-nes {
  background-color: var(--_couleurs---white);
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tab-link-fr-nes:hover {
  background-color: var(--_couleurs---light-green);
}

.tab-link-fr-nes.w--current {
  background-color: var(--_couleurs---green-accent);
}

.tab-link-les-arbustes {
  background-color: var(--_couleurs---white);
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tab-link-les-arbustes:hover {
  background-color: var(--_couleurs---light-green);
}

.tab-link-les-arbustes.w--current {
  background-color: var(--_couleurs---green-accent);
}

.grid-9 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.container-1171 {
  aspect-ratio: 4 / 5;
  background-color: var(--_couleurs---light-green);
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  margin-top: 0;
  display: flex;
}

.nom-vernaculaire {
  margin-top: 0;
  margin-bottom: 0;
}

.bloc-nom-arbre {
  background-color: var(--_couleurs---white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin: auto 40px 40px;
  padding: 10px 20px 20px;
  display: flex;
}

.image-24 {
  height: 30px;
  margin-right: 10px;
}

.section-atouts {
  background-color: var(--_couleurs---brown);
  padding-top: 50px;
  padding-bottom: 100px;
}

.container-4colonnes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-4colonnes.separateur-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-mosaique-articles {
  text-align: center;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 100px;
}

.grille-articles {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.vignette-article {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  text-align: right;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.categorie-article {
  color: var(--_couleurs---green-accent);
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-family: Archivo Narrow, sans-serif;
  font-size: .6rem;
}

.apercu-article {
  background-color: var(--_couleurs---white);
  text-align: left;
  width: 100%;
  max-width: none;
  margin: auto 0 0;
  padding: 0 20px 20px 0;
  display: block;
  position: static;
  bottom: 0;
}

.div-block-13 {
  aspect-ratio: 3 / 2;
  width: 100%;
}

.image-25 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.section-article {
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 90px;
  display: flex;
}

.section-article.md0 {
  padding-bottom: 0;
}

.bandeau-entete-article {
  box-sizing: border-box;
  background-color: var(--_couleurs---white);
  text-align: center;
  object-fit: fill;
  height: 40rem;
  margin-top: 0;
}

.section-histoire {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.container-1172 {
  aspect-ratio: auto;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: none;
  height: auto;
  margin: 0;
  display: block;
  overflow: visible;
}

.container-1173 {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: none;
  height: auto;
  margin: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.image-26 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
}

.div-block-14 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  margin: auto auto auto 40px;
  display: flex;
}

.div-block-15 {
  aspect-ratio: auto;
  text-align: center;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: auto;
  display: flex;
}

.section-contact {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 90px;
}

.section-contact.md0 {
  padding-bottom: 0;
}

.div-block-16, .div-block-17 {
  width: 50%;
}

.image-27 {
  aspect-ratio: 1;
  width: 100%;
}

.required {
  color: var(--_couleurs---green-accent);
}

.submit-button {
  background-color: var(--_couleurs---green-accent);
  text-transform: uppercase;
  margin-top: 20px;
  font-family: Archivo Narrow, sans-serif;
}

.select-field {
  background-color: var(--_couleurs---white);
  color: var(--_couleurs---dark-green);
}

.div-block-18 {
  background-color: var(--_couleurs---light-green);
  padding: 10px;
}

.form {
  text-align: center;
}

.div-block-19 {
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-20, .div-block-21 {
  width: 50%;
}

.bloc-postuler-principal {
  background-color: var(--_couleurs---medium-green);
  text-align: center;
  margin: 40px 0 0;
  padding: 30px 10px 50px;
}

.div-block-23 {
  padding-left: 20px;
}

.section-fiche-poste {
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 150px;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
}

.section-fiche-poste.md0 {
  padding-bottom: 0;
}

.div-block-24 {
  background-color: var(--_couleurs---light-green);
  text-align: left;
  width: 15vw;
  padding: 40px;
}

.image-28 {
  text-align: left;
  width: auto;
  max-width: 100%;
}

.image-28.md20 {
  max-width: 100%;
}

.image-28.md40 {
  width: auto;
  max-width: 100%;
  margin-bottom: 40px;
}

.bloc-postuler-fiche {
  background-color: var(--_couleurs---medium-green);
  text-align: center;
  margin: 40px -40px -40px;
  padding: 30px 10px 50px;
}

.section-partenaires {
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
}

.section-partenaires.md0 {
  padding-bottom: 0;
}

.fiche-partenaire {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fiche-partenaire.separateur-haut {
  border-top: 1px solid var(--_couleurs---green-accent);
  padding-top: 20px;
  padding-bottom: 20px;
}

.fiche-partenaire.md40 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 40px;
}

.fiche-partenaire.md40.ligne-verte-bas {
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-cgv {
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 150px;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.section-cgv.md0 {
  padding-bottom: 0;
}

.colonne-d-tail-fiche-poste {
  background-color: var(--_couleurs---light-green);
  text-align: left;
  width: 25%;
  padding: 40px;
}

.descriptif-fiche-poste {
  width: 70%;
}

.descriptif-fiche-poste.mr20 {
  text-align: left;
  width: 100%;
  margin-right: 20px;
}

.descriptif-fiche-poste.mr20.md40 {
  width: 100%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.descriptif-fiche-poste.mr20.md40.mr40 {
  margin-right: 40px;
}

.descriptif-fiche-poste.md40 {
  margin-bottom: 40px;
}

.container-1174 {
  max-width: 70%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
}

.slide-2 {
  aspect-ratio: 16 / 9;
  background-image: url('../images/Artemis-Quercus_02-01-02-02-06-Patios_Binet.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1 {
  background-image: url('../images/Artemis-Quercus_02-01-01-01-Jardins_Guyenne.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.slide-3 {
  background-image: url('../images/Artemis-Quercus_02-01-03-03-04-Parcs_GreyGoose.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.slide-4 {
  background-image: url('../images/Artemis-Quercus_02-01-04-04-01-Cinema_TheFrenchDispatch.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.container-1175 {
  width: 50%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
}

.container-3blocs {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template: "Area"
                 "Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  display: grid;
}

.container-3blocs.mt40 {
  max-width: 940px;
}

.container-3blocs.mt40.charlotte {
  grid-template-rows: auto;
  grid-auto-flow: column;
}

.container-1176 {
  width: 50%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  overflow: clip;
}

.image-8-bis {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.image-8-bis.logo-artemis {
  box-sizing: border-box;
  aspect-ratio: 1;
  text-align: center;
  object-fit: contain;
  width: 80%;
  margin: auto;
}

.container-2blocs {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template: "Area ."
                 ". Area-2"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  display: grid;
}

.container-2blocs.mt40 {
  grid-column-gap: 20px;
  max-width: 940px;
}

.container-2blocs.mt40.charlotte {
  grid-template-rows: auto;
  grid-auto-flow: column;
}

.container-2blocs.mt20 {
  margin-top: 20px;
}

.success-message {
  background-color: var(--_couleurs---light-green);
}

.div-block-25 {
  aspect-ratio: 2 / 3;
  width: 100%;
  height: 100%;
}

.div-block-26 {
  box-sizing: border-box;
  object-fit: fill;
  overflow: visible;
}

.div-block-27 {
  width: 100%;
  height: 100%;
}

.vignette-jardin-02 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-01-02-01-Jardins_Delamain.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-jardin-03 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-01-03-01-Jardins_Angibaud.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vigntte-cours-01 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-02-01-01-Patios_Merlet.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-cours-02 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-02-02-01-Patios_Binet.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-cours-03 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-02-03-01-Patios_BaronOtard.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-parcs-01 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-03-01-01-Parcs_Boissiere.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-parcs-02 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-03-02-01-Parcs_LaNauve.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-parcs-03 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-03-03-01-Parcs_GreyGoose.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-parcs-04, .vignette-parcs-05 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.portrait-charlotte {
  aspect-ratio: 4 / 5;
  vertical-align: top;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.portrait-charlotte.logo-artemis {
  box-sizing: border-box;
  aspect-ratio: 1;
  text-align: center;
  object-fit: contain;
  width: 50%;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.vignette-cinema-01, .vignette-cinema-02, .vignette-cinema-03 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-cinema-04 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  background-image: url('../images/Artemis-Quercus_02-01-04-04-01-Cinema_TheFrenchDispatch.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

.vignette-cinema-05 {
  aspect-ratio: 3 / 2;
  background-color: var(--_couleurs---light-green);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav-link {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .green-accent {
    text-align: left;
  }

  .green-accent.md20 {
    text-align: center;
  }

  .green-accent.md40 {
    text-align: center;
    width: 100%;
  }

  .green-accent.logo, .green-accent.logo.centered, .white.left {
    text-align: center;
  }

  .dark-green, .dark-green.md20, .dark-green.item-form {
    text-align: left;
  }

  .primary-button.md20 {
    margin-left: 0;
    margin-right: 0;
  }

  .container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .heading {
    font-size: 2.8rem;
  }

  .heading.titre-entete {
    margin-bottom: -20px;
    font-size: 2rem;
  }

  .heading.titre-entete.dark-green {
    width: auto;
  }

  .heading.a-q {
    font-size: 3.5rem;
  }

  .grid {
    margin-left: 0;
    margin-right: 0;
  }

  .container-1150 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-1150.ligne-verte-haut.pt40 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-1150.mt40.centr-h {
    max-width: 95%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-1150.md60 {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-1150._2-colonnes {
    padding-left: 0;
    padding-right: 0;
  }

  .links-menu-footer.dark-green, .links-rubriques-footer.dark-green, .links-rubriques-footer.dark-green.mt20 {
    text-align: left;
  }

  .section-slider-home {
    height: 70vh;
    margin-top: 130px;
  }

  .container-fullscreen {
    background-position: 50%;
    padding-bottom: 20px;
  }

  .image, .image-2 {
    max-width: none;
  }

  .text-block-2.dark-green {
    text-align: center;
  }

  .titre-footer.dark-green {
    text-align: right;
  }

  .bandeau-entete {
    height: 15vh;
    margin-top: 120px;
  }

  .section-intro {
    padding-bottom: 80px;
  }

  .section-intro.md0 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2.md20.green-accent {
    width: auto;
    max-width: 30%;
  }

  .heading-2.md20.green-accent.left {
    margin-top: 10px;
  }

  .heading-2.green-accent.md20 {
    width: 100%;
  }

  .paragraph-gauche.white {
    align-self: auto;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .paragraph-gauche.white.ml40 {
    margin-left: 20px;
  }

  .container-vw {
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-full-image.image01, .section-full-image.image02, .section-full-image.image05 {
    height: 25vh;
  }

  .section-full-image.image06 {
    background-position: 0%;
  }

  .section-full-image.image07, .section-full-image.image08, .section-full-image.image09, .section-full-image.image010 {
    height: 25vh;
  }

  .image-4 {
    aspect-ratio: 1;
  }

  .grid-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-2colonnes {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-savoir-faire {
    max-width: 730px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-portrait {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    max-width: none;
    height: auto;
    margin-top: 0;
    display: block;
    overflow: visible;
  }

  .image-8.logo-artemis {
    padding-bottom: 10px;
  }

  .container-fondateur-texte {
    object-fit: fill;
    max-width: none;
  }

  .section-manifesto {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-colonne-droite.dark-green {
    height: 100%;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-contenu-colonne-droite {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .container-colonne-gauche {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-contenu-colonne-gauche {
    width: 100%;
    margin-right: auto;
    padding-right: 0;
  }

  .container-1155 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-savoir-faire-full {
    padding-left: 0;
    padding-right: 0;
  }

  .container-1164 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
  }

  .grid-6 {
    flex-flow: wrap;
    grid-auto-flow: row dense;
    display: flex;
  }

  .container-1165.section-jardins {
    aspect-ratio: 3 / 2;
    background-position: 50%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    overflow: clip;
  }

  .container-1165.section-patios {
    aspect-ratio: 3 / 2;
    background-position: 50% 40%;
    overflow: clip;
  }

  .container-1165.section-parcs, .container-1165.section-cinema {
    aspect-ratio: 3 / 2;
    background-position: 50%;
  }

  .container-1168.mt80 {
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .section-mosaique-jardins {
    padding-bottom: 60px;
  }

  .bandeau-entete-nv2 {
    margin-top: 120px;
  }

  .section-entretien {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .image-11 {
    aspect-ratio: 2 / 3;
    width: auto;
    height: 100%;
  }

  .container-vw-vertic {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .bandeau-entete-fiche-jardin {
    height: 25rem;
    margin-top: 120px;
    overflow: clip;
  }

  .div-block.mr20 {
    width: 70%;
    margin-right: 0;
  }

  .div-block.mr20.md40 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-2.ml20 {
    width: 30%;
    margin-left: 0;
  }

  .image-12 {
    align-self: auto;
    overflow: clip;
  }

  .div-block-3 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    overflow: clip;
  }

  .section-avant-apres-projet {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .container-1150-centre.md40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-intro-fiche {
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 40px;
  }

  .container-logo-artemis {
    order: -1;
  }

  .container-artemis-intro {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-artemis {
    padding: 60px 40px 40px;
  }

  .portrait-vincent {
    box-sizing: border-box;
    aspect-ratio: auto;
    vertical-align: top;
    object-fit: cover;
    width: auto;
    max-width: 100%;
    height: 685px;
    max-height: none;
    margin-top: 0;
    display: inline-block;
    position: static;
    top: 0;
    overflow: clip;
  }

  .container-3colonnes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: space-between;
    place-items: center stretch;
    display: flex;
  }

  .container-citation {
    order: 1;
    width: 100%;
  }

  .container-full {
    margin-top: 20px;
  }

  .section-quercus {
    padding-top: 20px;
  }

  .div-block-10 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-11 {
    background-image: url('../images/Artemis-Quercus_04-03-Qualite-racinaire.jpg');
    background-position: 50%;
    background-size: cover;
    width: 50%;
    height: 450px;
  }

  .tab-link-ch-nes.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-9 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-mosaique-articles {
    padding-bottom: 40px;
  }

  .section-article {
    padding-top: 60px;
  }

  .bandeau-entete-article {
    height: 20rem;
    margin-top: 120px;
  }

  .section-histoire {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-1172 {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .container-1173 {
    text-align: center;
    order: -9999;
    align-self: auto;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-26 {
    aspect-ratio: 1;
    align-self: auto;
    width: 100%;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-14 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: auto;
  }

  .div-block-15 {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
  }

  .div-block-24 {
    width: 30%;
  }

  .section-partenaires {
    margin-top: 0;
    padding-top: 20px;
  }

  .fiche-partenaire.md40.ligne-verte-bas {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-1175 {
    aspect-ratio: 2 / 3;
  }

  .container-3blocs {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template: "Area"
                   "Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .container-3blocs.mt40.charlotte {
    grid-column-gap: 20px;
    grid-template-rows: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-1176 {
    box-sizing: border-box;
    aspect-ratio: 2 / 3;
    object-fit: fill;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    max-width: none;
    height: auto;
    max-height: none;
    display: block;
    overflow: clip;
  }

  .container-2blocs {
    grid-column-gap: 20px;
    grid-template: "Area"
                   "Area"
                   / 1fr 1fr;
  }

  .container-2blocs.mt40.charlotte {
    grid-column-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-2blocs.mt20 {
    grid-template-rows: 0%;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }

  .portrait-charlotte {
    box-sizing: border-box;
    aspect-ratio: auto;
    vertical-align: top;
    object-fit: cover;
    width: auto;
    max-width: 100%;
    height: 685px;
    max-height: none;
    margin-top: 0;
    display: inline-block;
    position: static;
    top: 0;
    overflow: clip;
  }

  .nav-menu {
    background-color: var(--_couleurs---white);
    text-align: center;
    align-self: center;
  }

  .menu-button.w--open {
    background-color: var(--_couleurs---green-accent);
  }
}

@media screen and (max-width: 767px) {
  .green-accent {
    text-align: center;
    margin-top: 0;
  }

  .green-accent.md20.left {
    text-align: center;
  }

  .green-accent.julius {
    font-size: 3rem;
    line-height: 50px;
  }

  .white.md20, .white.md40 {
    text-align: center;
  }

  .dark-green {
    text-align: center;
    margin-bottom: 10px;
  }

  .dark-green.md20 {
    text-align: center;
    margin-bottom: 20px;
  }

  .dark-green.md10 {
    margin-bottom: 10px;
    padding-top: 0;
  }

  .dark-green.ligne-verte-bas.ligne-verte-haut.archivo-cap {
    margin-left: 0;
    margin-right: 0;
  }

  .dark-green.ligne-verte-bas.archivo-cap {
    margin-bottom: 0;
  }

  .dark-green.item-form {
    text-align: left;
    margin-bottom: 5px;
  }

  .dark-green.left {
    text-align: left;
  }

  .heading {
    font-size: 2.2rem;
  }

  .heading.a-q {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
  }

  .grid {
    text-align: center;
    flex-flow: column;
    grid-template-columns: 1fr .25fr 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .container-1150 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-1150.md60 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-1150.gap20.container-2colonnes {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
  }

  .container-1150._2-colonnes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    overflow: clip;
  }

  .wrapper-footer-menu {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    line-height: 10px;
  }

  .links-menu-footer.dark-green {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 20px;
  }

  .links-rubriques-footer.dark-green, .links-rubriques-footer.dark-green.mt20 {
    text-align: center;
    margin-bottom: 10px;
  }

  .section-slider-home {
    height: 50vh;
  }

  .container-fullscreen {
    background-size: 250%;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .wrapper-footer-contact {
    order: -9999;
    width: auto;
  }

  .container-footer-logos {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .text-block-2.dark-green {
    text-align: center;
    margin-bottom: 20px;
  }

  .text-block-3.mt40 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .wrapper-footer-rs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .titre-footer.dark-green {
    text-align: center;
    margin-bottom: 0;
  }

  .pictos-rs {
    flex-flow: row;
    width: 30%;
  }

  .image-3 {
    height: auto;
    line-height: 100%;
  }

  .bandeau-entete {
    height: 15vh;
  }

  .section-intro {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-intro.md0 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2.md20.green-accent {
    text-align: left;
    align-self: flex-start;
    width: 100%;
    display: block;
  }

  .heading-2.md20.green-accent.left {
    text-align: left;
    max-width: 40%;
  }

  .heading-2.green-accent.md20 {
    text-align: center;
    width: 100%;
  }

  .paragraph-gauche.dark-green.md20 {
    text-align: left;
  }

  .paragraph-gauche.white.ml40 {
    width: auto;
    max-width: 60%;
    margin-left: 0;
    padding-left: 20px;
  }

  .paragraph-gauche.white.md20 {
    text-align: center;
  }

  .container-vw {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-full-image.image01, .section-full-image.image02, .section-full-image.image05 {
    height: 18vh;
  }

  .section-full-image.image06 {
    height: 30vh;
  }

  .section-full-image.image09 {
    height: 25vh;
  }

  .image-4 {
    box-sizing: border-box;
    object-fit: fill;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .heading-3.white {
    font-size: 1rem;
  }

  .image-6 {
    max-height: 140px;
  }

  .heading-4 {
    font-weight: 400;
    line-height: 25px;
  }

  .container-2colonnes {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .mosaique-savoirfaire {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-savoir-faire {
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .section-fondateur {
    padding-bottom: 60px;
  }

  .container-portrait {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100%;
    max-height: none;
    display: flex;
  }

  .block-quote.middle-green {
    padding-bottom: 60px;
  }

  .container-1155, .container-1156 {
    width: 100%;
  }

  .container-1159 {
    box-sizing: border-box;
    text-align: center;
    object-fit: cover;
    align-self: center;
    width: 30%;
    height: 350px;
    overflow: clip;
  }

  .image-9 {
    box-sizing: border-box;
    aspect-ratio: auto;
    text-align: center;
    vertical-align: middle;
    object-fit: fill;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .container-1164 {
    flex-flow: column;
    width: auto;
    max-width: 60%;
    margin-left: auto;
  }

  .container-1168.mt80 {
    margin-bottom: 0;
  }

  .section-mosaique-jardins {
    padding-bottom: 60px;
  }

  .grid-7 {
    grid-template-columns: 1fr 1fr;
  }

  .section-entretien {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-11 {
    aspect-ratio: auto;
  }

  .container-vw-vertic {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .div-block.mr20 {
    width: 100%;
  }

  .div-block.mr20.md40 {
    width: 100%;
    padding-left: 0;
  }

  .div-block-2.ml20 {
    width: 100%;
  }

  .ligne-verte-bas.archivo-narrow.dark-green {
    margin-bottom: 20px;
    padding-top: 10px;
  }

  .image-12, .div-block-3 {
    height: 100%;
  }

  .container-1150-centre.md40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-intro-fiche {
    padding-top: 40px;
    padding-bottom: 0;
  }

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

  .container-artemis-intro {
    padding-left: 40px;
    padding-right: 40px;
  }

  .portrait-vincent {
    box-sizing: border-box;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    overflow: clip;
  }

  .container-citation {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-full {
    width: auto;
    margin-top: 40px;
  }

  .div-block-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-19 {
    width: 10%;
    height: auto;
    max-height: 100px;
  }

  .image-20 {
    width: 50%;
  }

  .image-21 {
    width: 20%;
  }

  .section-quercus, .section-qualit-quercus {
    padding-top: 40px;
  }

  .div-block-11 {
    aspect-ratio: 2 / 3;
    object-fit: fill;
    background-image: url('../images/Artemis-Quercus_04-03-Qualite-racinaire.jpg');
    background-position: 50%;
    background-size: cover;
    height: 420px;
    max-height: 100%;
    margin-left: 0;
    margin-right: 10px;
    padding-left: 0;
    overflow: clip;
  }

  .div-block-12 {
    width: 50%;
    margin-left: 10px;
    margin-right: 0;
  }

  .image-23 {
    aspect-ratio: auto;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .tab-link-ch-nes.w--current, .tab-link-rables, .tab-link-tilleuls, .tab-link-fr-nes, .tab-link-les-arbustes {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid-9 {
    grid-template-columns: 1fr 1fr;
  }

  .section-article {
    padding-top: 60px;
  }

  .bandeau-entete-article {
    height: 20rem;
  }

  .section-contact {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .div-block-16, .div-block-17 {
    width: 100%;
  }

  .image-27.md20 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .select-field {
    margin-bottom: 20px;
  }

  .div-block-20 {
    width: 100%;
  }

  .div-block-21 {
    width: 100%;
    margin-top: 40px;
  }

  .div-block-23 {
    padding-left: 0;
  }

  .div-block-24 {
    width: 35%;
    padding: 20px;
  }

  .section-cgv {
    margin-top: 100px;
    padding-bottom: 40px;
  }

  .container-1174 {
    width: auto;
    max-width: 60%;
    margin-left: 0;
    padding-left: 20px;
    overflow: visible;
  }

  .container-1175 {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .container-3blocs {
    grid-column-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-areas: "Area ."
                         "Area-2 Area-2";
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-3blocs.mt40.charlotte {
    grid-template-rows: 100%;
  }

  .container-1176 {
    box-sizing: border-box;
    aspect-ratio: 16 / 9;
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    align-self: auto;
    width: auto;
    height: 100%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .container-2blocs {
    grid-column-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-areas: "Area"
                         ".";
    margin-left: 20px;
    margin-right: 20px;
  }

  .container-2blocs.mt40 {
    grid-template-rows: auto;
    grid-auto-flow: row;
  }

  .container-2blocs.mt40.charlotte {
    grid-template-rows: 100%;
  }

  .container-2blocs.mt20 {
    grid-template-rows: 1fr;
    grid-auto-flow: row;
  }

  .portrait-charlotte {
    box-sizing: border-box;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    overflow: clip;
  }

  .nav-menu {
    background-color: var(--_couleurs---white);
  }

  .menu-button.w--open {
    background-color: var(--_couleurs---green-accent);
  }
}

@media screen and (max-width: 479px) {
  .md20.white, .md20.dark-green {
    text-align: center;
  }

  .green-accent {
    box-sizing: border-box;
    float: none;
    clear: none;
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    margin: 20px auto 5px;
    padding-right: 0;
    overflow: visible;
  }

  .green-accent.md20 {
    margin-bottom: 20px;
  }

  .green-accent.md20.centered {
    letter-spacing: 0;
    text-indent: 0;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .green-accent.md40 {
    text-align: center;
    width: auto;
    margin-top: 0;
    padding-top: 0;
  }

  .green-accent.julius {
    text-align: center;
    font-size: 2.6rem;
    line-height: 40px;
  }

  .white {
    text-align: center;
  }

  .white.md20 {
    font-size: .9rem;
    line-height: 20px;
  }

  .white.md20.accroche-contact {
    font-size: 1.6rem;
    line-height: 28px;
  }

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

  .dark-green {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dark-green.md20 {
    text-align: center;
    margin-bottom: 10px;
  }

  .dark-green.md40 {
    margin-bottom: 0;
  }

  .dark-green.md10 {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .dark-green.left {
    text-align: center;
  }

  .sigle-artemis {
    height: 80px;
  }

  .navbar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  .sigle-quercus {
    height: 80px;
  }

  .heading {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.8rem;
    line-height: 40px;
  }

  .heading.titre-entete {
    font-size: 1.5rem;
  }

  .heading.titre-entete.dark-green {
    margin-bottom: -20px;
    padding-bottom: 10px;
    font-size: 1.8rem;
  }

  .heading.a-q {
    font-size: 3rem;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-1150 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-1150.ligne-verte-haut.pt40 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-1150.mt40.centr-h {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-1150.md60 {
    margin-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-1150.gap20.container-2colonnes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .container-1150._2-colonnes {
    flex-flow: wrap-reverse;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .container-1150.md40 {
    margin-bottom: 40px;
  }

  .wrapper-footer-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
  }

  .links-menu-footer.dark-green {
    margin-bottom: 18px;
    font-size: 1rem;
    line-height: 20px;
  }

  .links-rubriques-footer.dark-green, .links-rubriques-footer.dark-green.mt20 {
    line-height: 15px;
  }

  .section-slider-home {
    height: 35vh;
  }

  .container-fullscreen {
    background-position: 50%;
    background-size: 400%;
    width: auto;
    height: 100%;
  }

  .container-fullscreen.entete-conception {
    justify-content: center;
    align-items: center;
    height: 110%;
    overflow: clip;
  }

  .wrapper-footer-contact {
    width: 100%;
  }

  .container-footer-logos {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .image, .image-2 {
    height: 6rem;
  }

  .titre-footer.dark-green {
    text-align: center;
  }

  .pictos-rs {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 75%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .bandeau-entete {
    height: 10vh;
  }

  .section-intro.md0 {
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2.md20.green-accent {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.8rem;
  }

  .heading-2.md20.green-accent.left {
    text-align: center;
    max-width: 100%;
  }

  .paragraph-gauche.dark-green.md20 {
    text-align: center;
    width: auto;
  }

  .paragraph-gauche.white {
    text-align: center;
  }

  .paragraph-gauche.white.ml40 {
    max-width: 100%;
    margin-left: 0;
  }

  .section-realisations {
    padding-bottom: 20px;
  }

  .container-vw {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-full-image.image01, .section-full-image.image02, .section-full-image.image05 {
    height: 20vh;
  }

  .section-full-image.image06 {
    height: 15vh;
  }

  .section-full-image.image07, .section-full-image.image08, .section-full-image.image09, .section-full-image.image010 {
    height: 18vh;
  }

  .contenu-mosaique {
    flex-flow: column;
    max-width: 70%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .heading-3.white {
    font-size: 1rem;
    line-height: 20px;
  }

  .heading-3.left {
    text-align: center;
  }

  .section-artemis-quercus {
    flex-flow: column;
    display: block;
  }

  .grid-3 {
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .container-1153 {
    flex-flow: column;
    display: block;
  }

  .container-2colonnes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .container-2colonnes.separateur-haut {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap-reverse;
    justify-content: center;
    align-items: center;
  }

  .section-savoir-faire {
    padding-bottom: 20px;
  }

  .mosaique-savoirfaire {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-savoir-faire {
    flex-flow: column;
    margin-top: 40px;
  }

  .section-fondateur {
    padding-top: 40px;
  }

  .container-portrait {
    order: 0;
    width: 100%;
  }

  .image-8.logo-artemis {
    width: 100%;
  }

  .container-fondateur-texte {
    width: 80%;
  }

  .container-fondateur-texte.right.mt20 {
    margin-top: 20px;
  }

  .block-quote.middle-green {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px;
    padding-left: 40px;
  }

  .container-1155 {
    width: 100%;
    margin-bottom: 0;
  }

  .container-1156 {
    text-align: center;
    width: 100%;
  }

  .section-savoir-faire-full {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-1158 {
    text-align: center;
    width: 100%;
  }

  .container-1159 {
    box-sizing: border-box;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
  }

  .grid-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .section-projet {
    padding-top: 20px;
  }

  .container-1164 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .container-1165.section-jardins, .container-1165.section-patios, .container-1165.section-parcs, .container-1165.section-cinema {
    aspect-ratio: 2 / 3;
  }

  .container-1166 {
    width: 90%;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .container-1168.mt80 {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .grid-7 {
    grid-template-columns: 1fr;
  }

  .image-11 {
    width: 100%;
  }

  .div-block.mr20 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block.mr20.md40 {
    width: 100%;
    padding-left: 0;
  }

  .div-block-2.ml20 {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-avant-apres-projet {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .div-block-4, .div-block-5 {
    width: 100%;
    margin-top: 40px;
  }

  .container-1150-centre.md40 {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-8 {
    grid-template-columns: 1fr;
  }

  .container-logo-artemis {
    width: 60%;
  }

  .container-artemis-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-artemis {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-citation {
    padding-left: 0;
    padding-right: 0;
  }

  .container-full {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
  }

  .div-block-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: none;
    max-height: none;
  }

  .image-19 {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-20 {
    width: 100%;
  }

  .image-21 {
    width: 40%;
  }

  .section-quercus {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-8 {
    text-align: left;
    margin-bottom: 40px;
  }

  .div-block-8.centered {
    margin-bottom: 20px;
  }

  .div-block-10 {
    padding-left: 80px;
  }

  .section-qualit-quercus {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-11 {
    aspect-ratio: 1;
    align-self: auto;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-right: 0;
  }

  .div-block-12 {
    width: 100%;
    margin-left: 0;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .tab-link-ch-nes.w--current, .tab-link-rables, .tab-link-tilleuls, .tab-link-fr-nes, .tab-link-les-arbustes {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .container-1171 {
    aspect-ratio: 1;
  }

  .section-atouts {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-4colonnes {
    flex-flow: column;
  }

  .section-article {
    padding-top: 20px;
  }

  .bandeau-entete-article {
    height: 20rem;
  }

  .section-histoire {
    flex-flow: column;
    padding-bottom: 20px;
  }

  .container-1172 {
    width: 100%;
    height: auto;
  }

  .container-1173 {
    width: 100%;
    padding: 40px 20px;
  }

  .image-26 {
    aspect-ratio: 1;
    align-self: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-14 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-15 {
    aspect-ratio: 1;
    justify-content: space-between;
    align-items: stretch;
  }

  .section-contact {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .div-block-16 {
    width: 100%;
  }

  .div-block-17 {
    width: 100%;
    margin-top: 40px;
  }

  .div-block-24 {
    order: 1;
    width: 100%;
  }

  .fiche-partenaire.md40.ligne-verte-bas {
    flex-flow: column;
  }

  .section-cgv {
    margin-top: 80px;
    padding-bottom: 40px;
  }

  .container-1174 {
    flex-flow: column;
    align-self: auto;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
  }

  .container-1175 {
    aspect-ratio: 1;
    width: 100%;
  }

  .container-3blocs {
    grid-auto-flow: column;
    display: flex;
  }

  .container-1176 {
    aspect-ratio: 1;
  }

  .tabs-content {
    flex-flow: row;
    display: block;
  }

  .image-8-bis.logo-artemis {
    width: 100%;
  }

  .container-2blocs {
    grid-auto-flow: column;
    display: flex;
  }

  .nav-menu, .menu-button {
    background-color: var(--_couleurs---white);
  }

  .menu-button.w--open {
    background-color: var(--_couleurs---green-accent);
  }
}

#w-node-_0968e244-fe22-850f-3346-3ba7b0124ff0-28ae3d84 {
  place-self: auto;
}

#w-node-fc3fa463-3cf7-8995-f39a-8acfc26a8ee6-28ae3d84 {
  place-self: center start;
}

#w-node-_1e394256-ab39-be78-52ba-396e8e145087-28ae3d84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3ec06498-692e-115e-2c4d-e2313b62955d-3b62955a {
  justify-self: start;
}

#w-node-_3ec06498-692e-115e-2c4d-e2313b629579-3b62955a {
  justify-self: center;
}

#w-node-_3ec06498-692e-115e-2c4d-e2313b629590-3b62955a {
  place-self: end;
}

#w-node-_6e7f647b-c928-e9d2-ef66-8c2f47a6f9ce-d018f90a {
  grid-area: Area;
}

#w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40c9-d018f90a {
  grid-area: Area-2;
}

#w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40cb-d018f90a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9198b3e0-4581-fc9a-92a7-97c36c7f499f-f80b8f02, #w-node-_243f6b7b-857f-cd8d-8951-35bb84c6a2a5-f80b8f02, #w-node-_554a4db7-f9cc-2f7a-dbce-50935c8c2f96-f80b8f02, #w-node-ec2c8e8e-8359-6ca4-8635-79aafa93fd85-f80b8f02, #w-node-_5e88aa1c-3764-a9ab-716f-02bd57ab959c-f80b8f02, #w-node-_210be51d-5fe8-d1f9-b005-d52ab8ee9036-f80b8f02, #w-node-_224ec41e-508d-1701-9a62-b44153b7a90c-f80b8f02, #w-node-af951460-db35-4b68-da17-db747eeb8b56-f80b8f02, #w-node-_9198b3e0-4581-fc9a-92a7-97c36c7f499f-0b6f4eae, #w-node-_0c551827-07c9-1502-8577-987f58eb8949-0b6f4eae, #w-node-e491a7ad-8123-1253-3a3f-20dcbdd06d93-0b6f4eae {
  place-self: center;
}

#w-node-_20a3b2a8-6684-0697-1189-3ca257baaa2f-b32549ee, #w-node-_0325d7d7-9c59-c5bc-f2cd-032ccfbcef1a-b32549ee, #w-node-_726f8a79-e297-1b84-9374-c92a8ef1c574-b32549ee, #w-node-fc15ca82-1c29-0ff0-d150-0ebe844eb98c-b32549ee, #w-node-_8fe2b705-6813-7078-4ae2-59380356b9bc-b32549ee, #w-node-_2ae88219-8b07-df77-4ca3-bd47b508a9ff-b32549ee, #w-node-_4761dbe2-fd35-14bb-311c-fc3b1caec8f8-b32549ee, #w-node-e80bc5c7-72dd-464e-de48-680213685e49-b32549ee, #w-node-_0c18c0d8-fa21-d076-52d1-5f4ad85e95ea-b32549ee, #w-node-_1b331515-1a43-41bd-a437-104b9b9868f9-b32549ee, #w-node-f01f58c9-f2fb-e445-90a3-600ee586b785-b32549ee, #w-node-bb2926cd-8add-4037-087a-30e00816030d-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f463-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f46a-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f471-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f478-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f47f-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f486-b32549ee, #w-node-ffbbd718-e1cc-303f-1ec5-19674e35f48d-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe476e-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe4775-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe477c-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe4783-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe478a-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe4791-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe4798-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe479f-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe47a6-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe47ad-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe47b4-b32549ee, #w-node-_1970c5a8-2936-8f87-6227-1be03dfe47bb-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33755-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e3375c-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33763-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e3376a-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33771-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33778-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e3377f-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33786-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e3378d-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e33794-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e3379b-b32549ee, #w-node-_98079e66-c7d9-4f9d-58f3-5a4eb0e337a2-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018c5-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018cc-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018d3-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018da-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018e1-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018e8-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018ef-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018f6-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc018fd-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc01904-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc0190b-b32549ee, #w-node-b5aea915-f24a-3592-e85b-16b9bcc01912-b32549ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_9198b3e0-4581-fc9a-92a7-97c36c7f499f-ba3e25aa, #w-node-_054815de-0848-111b-a481-72da62e338b7-ba3e25aa, #w-node-eb39b9cd-1f7f-df00-1ed8-002337f5b6f6-ba3e25aa, #w-node-_553ebd68-3db1-e4fc-c0af-44e804c3bce0-ba3e25aa, #w-node-_2b9a1c73-470c-95b9-d0fb-556b3a137ed6-ba3e25aa, #w-node-_91febe57-dce1-2c7f-c5cc-cebb9c2e668a-ba3e25aa, #w-node-_9198b3e0-4581-fc9a-92a7-97c36c7f499f-882797cf, #w-node-_0c551827-07c9-1502-8577-987f58eb8949-882797cf, #w-node-e491a7ad-8123-1253-3a3f-20dcbdd06d93-882797cf, #w-node-d63adafd-7e55-7b9e-6ace-246babb08b09-882797cf, #w-node-b3102898-5850-defd-f729-2f0cde0e3b64-882797cf, #w-node-dd501f27-ab44-754c-febc-885b949ac96d-882797cf, #w-node-_69273468-241a-5c63-8794-87ac28b2825f-882797cf, #w-node-_1ae46b85-66b7-400c-3e77-f23f65205163-882797cf {
  place-self: center;
}

#w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-e64b2d6f, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-e64b2d6f, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-e64b2d6f, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-8c8ac3e9, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-8c8ac3e9, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-8c8ac3e9, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-a99aabfe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a05feb0c-8077-7b96-b31a-0f1fd0702e11-a99aabfe, #w-node-e5d45421-4bb5-2922-d0ee-94198b268156-a99aabfe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ef6c4869-9453-8477-3a14-6915526512f0-a99aabfe, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-a99aabfe, #w-node-_678809e6-b598-96ef-1b59-771f93d48358-a99aabfe, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-a0c9a803, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-a0c9a803, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-a0c9a803, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-68765f03, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-68765f03, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-68765f03, #w-node-ab16f4ee-cc40-cbf1-9ac9-1a0960ada6d7-68765f03, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-cfceca59, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-cfceca59, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-cfceca59, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-f72b81ad, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-f72b81ad, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-7c569345, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-7c569345, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-7c569345, #w-node-d5690482-16f3-1d76-84bf-8da36fdc5ad0-7c569345, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-a972e48f, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-a972e48f, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-a972e48f, #w-node-d5690482-16f3-1d76-84bf-8da36fdc5ad0-a972e48f, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-36434146, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-36434146, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-36434146, #w-node-d5690482-16f3-1d76-84bf-8da36fdc5ad0-36434146, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-afa4fba1, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-afa4fba1, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-afa4fba1, #w-node-d5690482-16f3-1d76-84bf-8da36fdc5ad0-afa4fba1, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-b91796b1, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-b91796b1, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-b91796b1, #w-node-ab16f4ee-cc40-cbf1-9ac9-1a0960ada6d7-b91796b1, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-456a3108, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-456a3108, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-456a3108, #w-node-ab16f4ee-cc40-cbf1-9ac9-1a0960ada6d7-456a3108, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-1499ccff, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-1499ccff, #w-node-_26e16467-2ebd-e48b-aefd-91770323ecaf-1499ccff, #w-node-ab16f4ee-cc40-cbf1-9ac9-1a0960ada6d7-1499ccff, #w-node-_0604d6b7-87fe-5587-4770-c4d34e2eeecb-773af779, #w-node-ef6c4869-9453-8477-3a14-6915526512f0-773af779 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9198b3e0-4581-fc9a-92a7-97c36c7f499f-8f26811b, #w-node-_0c551827-07c9-1502-8577-987f58eb8949-8f26811b, #w-node-e491a7ad-8123-1253-3a3f-20dcbdd06d93-8f26811b, #w-node-d63adafd-7e55-7b9e-6ace-246babb08b09-8f26811b, #w-node-b3102898-5850-defd-f729-2f0cde0e3b64-8f26811b, #w-node-dd501f27-ab44-754c-febc-885b949ac96d-8f26811b, #w-node-_69273468-241a-5c63-8794-87ac28b2825f-8f26811b, #w-node-_1ae46b85-66b7-400c-3e77-f23f65205163-8f26811b {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_0968e244-fe22-850f-3346-3ba7b0124ff0-28ae3d84 {
    justify-self: start;
  }

  #w-node-_247a365e-3137-13f9-eddd-34a64ab0ed7f-d018f90a {
    grid-area: 1 / 2 / 2 / 2;
  }

  #w-node-_6e7f647b-c928-e9d2-ef66-8c2f47a6f9ce-d018f90a {
    grid-area: 1 / 1 / 3 / 2;
    place-self: start;
  }

  #w-node-_25a15d97-df2a-7de4-f79b-c44cfa9207f4-d018f90a {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40c9-d018f90a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40cb-d018f90a {
    grid-area: Area;
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3ec06498-692e-115e-2c4d-e2313b629579-3b62955a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_6e7f647b-c928-e9d2-ef66-8c2f47a6f9ce-d018f90a {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_25a15d97-df2a-7de4-f79b-c44cfa9207f4-d018f90a {
    grid-area: 2 / 1 / 3 / 3;
    align-self: auto;
  }

  #w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40c9-d018f90a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9f7bfd26-4853-cb02-9cc3-7686943b40cb-d018f90a {
    align-self: center;
  }
}