/*
Theme Name: Art Paysager
Theme URI: https://www.artpaysager.com
Author: Mars Rouge
Author URI: http://www.marsrouge.com
Version: 1.0
*/

@CHARSET "UTF-8";
* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}

:root {
	
	--blanc:#e8eeb6;
	--vert1:#aaec3a;	
	--vert2:#2d6842;
	--pad250:250px;
	--pad200:200px;
	--pad150:150px;
	--pad130:130px;
	--pad110:110px;
	--pad100:100px;
	--pad90:90px;
	--pad80:80px;
	--pad70:70px;
	--pad60:60px;
	--pad50:50px;
	--pad40:40px;
	--pad35:35px;
	--pad30:30px;
	--pad25:25px;
	--pad20:20px;
	--pad15:15px;
	--pad10:10px;
	--pad5:5px;
	--ease:cubic-bezier(0.165, 0.84, 0.44, 1);
	--ease2:cubic-bezier(.215,0,.355,1);
	
} 

* {scrollbar-width: none; -ms-overflow-style: none;}
html {background:var(--vert2);}
body, html {overflow-x: hidden!important; touch-action: pan-y; max-width:100vw;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {background:var(--vert2); color:var(--blanc); overflow-x: hidden; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item itemb; transition:background .4s ease-out;}
::-webkit-scrollbar {width:0px;}

a {color:inherit; outline:none; webkit-transition:all .35s; -moz-transition:all .35s; transition:all .35s; -o-transition:all .35s; -ms-transition:all .35s; text-decoration:none;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

sup {font-size:.6em; vertical-align:super;}
 
button {font-size:inherit;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d;}

button {border:0;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}

p {margin-bottom:var(--pads);}
p:last-child {margin-bottom:0!important;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}

img {pointer-events:none;}



/* FONTS */
 
body {font-family: "aktiv-grotesk", sans-serif; font-weight:600; font-style: normal; font-optical-sizing: auto; font-size:1.15rem; line-height:1.5;}
h1, h2, h3 , h4 {line-height:1; font-weight:600;}

body, .font-size--c, .article h2 {font-size:1.8rem; line-height:1.3;}
.normal, .btn span {font-size:1.3rem; line-height:1.3;}
.font-size--a {font-size:8.9vw; line-height:.88; letter-spacing:-.1rem;}
.font-size--b {font-size:5.9vw; line-height:1;}
.font-size--variant {font-size:3.7vw; line-height:1;}
.font-size--d {font-size:2.6rem; line-height:1.2;}
.font-size--s, .article h3 {font-size:1.1rem; line-height:1.2;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}

.underline a, .article a {position:relative; white-space: nowrap; display:inline-block;}
.underline a:before, .article a:before {content:''; position:absolute; bottom:-3px; left:0; width:100%; min-height:1px; height:1px; transform-origin:right; transform:scaleX(0); 
transition:transform .75s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--blanc);}
.footer .underline a:before {background-color:var(--vert2);}
.underline a:hover::before, .article a:hover::before {transform-origin:left;transform:scaleX(1);}
.article a:before {bottom:-1px;}

.color-b {color:var(--blanc);}
.color-v1 {color:var(--vert1);}
.color-v2 {color:var(--vert2);}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.justify-end {justify-content: flex-end;}
.itemscenter {align-items:center;}
.alignitemsstart {align-items: flex-start;}
.aligncntstart {align-content: flex-start;}
.alignright {justify-content:flex-end;}
.alignbottom {justify-content: flex-end;}
.itemstbottom {align-items: flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}

.grid-pad250 {grid-gap:calc(var(--pad100) + var(--pad100) + var(--pad50));}
.grid-pad150 {grid-gap:calc(var(--pad100) + var(--pad50));}
.grid-pad100 {grid-gap:var(--pad100);}
.grid-pad90 {grid-gap:var(--pad90);}
.grid-pad80 {grid-gap:var(--pad80);}
.grid-pad70 {grid-gap:var(--pad70);}
.grid-pad60 {grid-gap:var(--pad60);}
.grid-pad50 {grid-gap:var(--pad50);}
.grid-pad40 {grid-gap:var(--pad40);}
.grid-pad35 {grid-gap:var(--pad35);}
.grid-pad30 {grid-gap:var(--pad30);}
.grid-pad25 {grid-gap:var(--pad25);}
.grid-pad20 {grid-gap:var(--pad20);}
.grid-pad15 {grid-gap:var(--pad15);}
.grid-pad10 {grid-gap:var(--pad10);}
.grid-pad5 {grid-gap:var(--pad5);}
.grid-pads {grid-gap:var(--pads);}

.col-1-3 {grid-template-columns:var(--pad150) auto;}
.col-2 {grid-template-columns:1fr 1fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}
.col-4 {grid-template-columns:1fr 1fr 1fr 1fr;}
.col-5 {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}

.hidden {overflow:hidden;}
.inline-block {display:inline-block;}
.block {display:block;}

.relative {position:relative;}
.absolute {position:absolute;}

.mar-450 {margin-top:calc(calc(var(--pad100) * 4) + var(--pad50));}
.mar-250 {margin-top:var(--pad250);}
.mar-200 {margin-top:var(--pad200);}
.mar-150 {margin-top:var(--pad150);}
.mar-130 {margin-top:var(--pad130);}
.mar-100 {margin-top:var(--pad100);}
.mar-90 {margin-top:var(--pad90);}
.mar-80 {margin-top:var(--pad80);}
.mar-70 {margin-top:var(--pad70);}
.mar-60 {margin-top:var(--pad60);}
.mar-50 {margin-top:var(--pad50);}
.mar-40 {margin-top:var(--pad40);}
.mar-35 {margin-top:var(--pad35);}
.mar-30 {margin-top:var(--pad30);}
.mar-20 {margin-top:var(--pad20);}
.mar-15 {margin-top:var(--pad15);}
.mar-10 {margin-top:var(--pad10);}
.mar-5 {margin-top:var(--pad10);}

.content-100 {width:100%;}
.content-90 {width:90%;}
.content-85 {width:85%;}
.content-80 {width:80%;}
.content-75 {width:75%;}
.content-70 {width:70%;}
.content-65 {width:65%;}
.content-60 {width:60%;}
.content-55 {width:55%;}
.content-50 {width:50%;}
.content-45 {width:45%;}
.content-40 {width:40%;}
.content-35 {width:35%;}
.content-30 {width:30%;}
.content-25 {width:27%;}
.content-20 {width:20%;}
.content-10 {width:10%;}

.content-height-100 {height:100%;}

.height-80 {height:80vh;}
.height-100 {height:100vh;}

.zindex {z-index:10;}
.nowrap {white-space:nowrap;}



/* OVERLAY */

.st1 {fill:var(--vert1);}
.st2 {fill:var(--blanc);}

.overlay-logo {position:fixed; width:245px; left:var(--pad30); top:var(--pad30); z-index:40; transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1), filter .8s cubic-bezier(.15,.61,.5,1);
opacity:0; transform:translateY(-100%);}
.is-ready .overlay-logo {opacity:1; transform:none;}
.overlay-logo-homepage {width:50%; top:calc(var(--pad200) + var(--pad50)); transition:.4s var(--ease2)!important;}
.overlay-logo.scroll {width:245px; top:var(--pad30);}

.menu-bar {position:fixed; top:var(--pad30); right:var(--pad30); height:var(--pad60); z-index:10; transform-style:preserve-3d;
transform:translateY(-5rem); opacity:0; transition:opacity .6s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1);}
.overlay-menu--desktop {position:relative; border-radius:6rem; padding:0 var(--pad20); overflow:hidden; height:100%;}
.is-ready .menu-bar {opacity:1; transform:none; pointer-events:auto;}

.overlay-menu--desktop:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--blanc); z-index:-1;}
.overlay-menu--desktop a {color:var(--vert2); padding:0 var(--pad20);}
.overlay-menu--desktop .menu-item {position:relative;}
.overlay-menu--desktop .menu-item:before {content:''; background:var(--vert1); position:absolute; border-radius:6rem; width:95%; height:180%; left:2.5%; top:-40%; z-index:1; transform:scale(0); opacity:0; transition:.3s;}
.overlay-menu--desktop .menu-item.active:before, .overlay-menu--desktop .menu-item:hover::before {transform:scale(1); opacity:1;}
.overlay-menu--desktop .menu-item .flex {z-index:2; position:relative;}

.mobile-contact {display:none; position:fixed; bottom:var(--pad50); left:50%;
transition:opacity .4s cubic-bezier(.215,.61,.355,1), transform .4s cubic-bezier(.215,.61,.355,1), filter .4s cubic-bezier(.15,.61,.5,1);
opacity:0; transform:translateY(100%) translateX(-50%) scale(1.1); z-index:10;}
.mobile-contact.scroll {opacity:1; transform:translateX(-50%) scale(1.1);}



/* MENU */

.overlay-menu {position:fixed; top:var(--pad30); right:var(--pad30); z-index:20; grid-gap:1.5rem; display:none;}
.overlay-menu span {color:var(--blanc); transition:.4s cubic-bezier(.215,.61,.355,1); transition-delay:.2s; display:block; transform: translateY(-100%);}
.is-ready .overlay-menu span {transform:none;}

.menu-close {display:none; pointer-events:none; position:absolute; width:var(--pad70); height:var(--pad70); right:0; top:0;}
.menu-close.open {display:block; pointer-events:auto; z-index:20; cursor:pointer;}
.overlay-menu--icon {position:relative; cursor:pointer; width:var(--pad70); height:var(--pad70); display:flex; justify-content:center;
align-items:center; grid-gap:.3rem; flex-direction:column; transition:transform .5s cubic-bezier(.86,0,.07,.995), opacity .5s cubic-bezier(.86,0,.07,.995);
transform:scale(0.2) rotate(-90deg); opacity:0;}
.is-ready .overlay-menu--icon {transform:none; opacity:1;}
.overlay-menu--icon:before {content:''; position:absolute; background:var(--vert1); width:100%; height:100%; top:0; left:0; transition:.4s cubic-bezier(.215,.61,.355,1);
border-radius:7rem; z-index:-1;}
.overlay-menu--icon:hover::before {transform:scale(1.15);}
.menu-mobile--bar {height:2px; width:1.5rem; background:var(--vert2); transition:transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);}

.overlay-menu--icon.open {grid-gap:0rem;}
.overlay-menu--icon.open .menu-mobile--bar {;}
.overlay-menu--icon.open .menu-mobile--bar:nth-child(1) {transform:translateY(2px) rotate(-45deg);}
.overlay-menu--icon.open .menu-mobile--bar:nth-child(2) {transform:rotate(45deg);}
.overlay-menu--icon.open .menu-mobile--bar:nth-child(3) {transform:scaleX(0);}
.overlay-menu--icon.open:before {;}

main {transition:filter .9s cubic-bezier(.86,0,.07,.995), opacity .9s cubic-bezier(.86,0,.07,.995), transform .9s cubic-bezier(.86,0,.07,.995); transform-origin:center center;
transform:translateZ(0);}
main.open {filter:blur(1.5rem); backdrop-filter:blur(1.5rem); -webkit-backdrop-filter:blur(1.5rem); transform:scale(1.04); pointer-events:none;}
.menu {position:fixed; height:100vh; width:60vw; right:0; top:0; background:var(--blanc); z-index:15; transition:transform .9s cubic-bezier(.86,0,.07,.995); 
transform: translate3d(100%,0,0);}
.menu.open {transform:translateX(0);}
.menu-bg {position:fixed; top:0; left:0; width:100vw; transition:.9s cubic-bezier(.86,0,.07,.995); height:100vh; background:rgba(0,0,0,0); z-index:10; pointer-events:none;}
.menu-bg.open {transition:.9s cubic-bezier(.86,0,.07,.995); background:rgba(0,0,0,.3);}

html.open {overflow:hidden!important;}

.menu-thumb--wrapper {width:35%;}
.menu-wrapper {width:100%; padding:9.5rem 0 var(--pad30) 0; color:var(--vert2);}

.menu-principal a {width:100%; padding: 2vh var(--pad30); position:relative;}
.menu-principal a, .menu-coordonnees div, .menu-follow a {overflow:hidden; transition:.5s cubic-bezier(.215,.61,.355,1); pointer-events:none;}
.menu-principal a div, .menu-coordonnees span, .menu-follow a div {transform:translateY(calc(100% + 2.5rem)) skewY(5deg); transition:transform .6s cubic-bezier(.215,.61,.355,1);}
.menu-principal a:after {content:''; width:0; height:1px; background:var(--vert2); position:absolute; bottom:0; left:0; transition:.6s cubic-bezier(.215,.61,.355,1);}
.menu-principal.open a:after {width:100%;}

.menu-principal {display:flex; flex-direction:column; align-items:flex-start;}
.menu-principal a svg {fill:var(--vert2); width:8px;}
.menu-principal a:before {content:''; position:absolute; bottom:-1px; top:-1px; left:-1px; right:-1px; z-index:-1; transform:scaleY(0); transform-origin:center top;
background-color:var(--vert2); transition:transform .5s cubic-bezier(.215,.61,.355,1);}
.menu-principal a:hover::before {transform:scaleY(1); transform-origin:center bottom;}
.menu-principal a.active:before {transform:scaleY(0); transform-origin:center top;}
.menu-principal a.active svg {display:none;}
.menu-principal.open a.active:before {transform:scaleY(1);}
.menu-principal a:hover, .menu-principal a.active {color:var(--blanc);}
.menu-principal a:hover svg, .menu-principal a.active svg {fill:var(--blanc);}

.menu-principal.open a, .menu-follow.open a {pointer-events:auto;}
.menu-principal.open a div, .menu-follow.open a div {transform:none;}
.menu-principal.open a:nth-child(2) div, .menu-follow.open a:nth-child(2) div {transition-delay:.05s;}
.menu-principal.open a:nth-child(3) div, .menu-follow.open a:nth-child(3) div {transition-delay:.1s;}
.menu-principal.open a:nth-child(4) div, .menu-follow.open a:nth-child(4) div {transition-delay:.15s;}
.menu-principal.open a:nth-child(5) div, .menu-follow.open a:nth-child(5) div {transition-delay:.2s;}
.menu-principal.open a:nth-child(6) div, .menu-follow.open a:nth-child(6) div {transition-delay:.25s;}

.menu-coordonnees {display:flex; flex-direction:column; grid-gap:1rem; align-items: flex-start; padding: 0 var(--pad30);}
.menu-coordonnees.open a {pointer-events:auto;}
.menu-coordonnees.open a:hover {color:var(--vert1);}
.menu-coordonnees.open span {transform:none;}
.menu-coordonnees span {display:flex;}
.menu-coordonnees.open div:nth-child(2) span {transition-delay:.1s;}
.menu-coordonnees.open div:nth-child(3) span {transition-delay:.2s;}

.menu-bureau {opacity:0; pointer-events:none; transition:.5s;}
.menu-bureau.open {opacity:1; pointer-events:auto;}

.menu-coordonnees.underline a:before, .menu-follow.underline a:before {background-color:var(--noir);}



/* FX */

.is-ready .fx-title .char {opacity: 1; transform: none; filter:blur(0); transition-delay: calc(.1s + ( 0.05s * ( var(--char-index)) ));}
.fx-title .char {display: inline-block; opacity: 0; transform:translate(150%, 0%) rotateX(-90deg); filter:blur(50px);
transition:opacity .8s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1), filter .8s cubic-bezier(.15,.61,.5,1);}

.fx {opacity:0; transform:translateY(30%); transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1), filter .8s cubic-bezier(.15,.61,.5,1);}
.is-ready .fx {opacity:1; transform:none; transition-delay:.4s;}

.word {white-space:nowrap;}



/* CONTENU */

.bg-noir {background-color:#000000;}

.font-size--a em, .font-size--b em {color:var(--vert1); font-style: normal;}

.btn {position:relative; cursor:pointer; height:var(--pad60); padding:0 var(--pad40); display:flex; align-items:center; justify-content:center; border-radius:6rem; overflow:hidden;
color:var(--vert2); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.btn:before {content:''; background:var(--vert1); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; transition:.3s;}
.btn:hover::before {background:var(--blanc);}
.btn .text {position:relative;}
.btn .hover, .btn .text {transition:all .4s var(--ease); pointer-events:none;}
.btn .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.btn {text-align:center; max-width:-webkit-max-content; max-width:-moz-max-content; max-width:max-content;}
.btn .typo--link {position:relative; overflow:hidden; margin-top:-6px;}
.btn:hover .text {opacity:0; transform:translateY(-100%);}
.btn:hover .hover {opacity:1; transition-delay:.05; transform:translateY(0); opacity:1;}
.btn svg {fill:var(--vert2); margin-left:var(--pad30); height:8px; transition:.3s; transform: translateY(-1px);}

.wrapper {padding:var(--pad150);}
.wrapper-bot {padding-bottom:var(--pad250);}
.wrapper-lr {padding:0 var(--pad150);}
.wrapper-footer {padding:var(--pad150) var(--pad150) var(--pad70) var(--pad150);}
.wrapper-big-lr {padding:0 var(--pad250);}
.wrapper-big-t {padding:var(--pad250) var(--pad150) 0 var(--pad150);}
.wrapper-first {padding:var(--pad250) var(--pad150) var(--pad100) var(--pad150);}
.wrapper-60 {padding:var(--pad60);}
.wrapper-page {padding:var(--pad250);}
.wrapper-page--flotaison {padding:var(--pad200) var(--pad250) var(--pad100) var(--pad250);}
.wrapper-page--content {padding:var(--pad150) var(--pad250) var(--pad250) var(--pad250);}
.wrapper-page--footer {padding:0 var(--pad250) var(--pad100) var(--pad250);}
.wrapper-page--reco {padding:0 var(--pad150) var(--pad100) var(--pad150);}
.liste-items--title {padding:0 var(--pad250) var(--pad50) var(--pad250);}
.wrapper-liste--rea {padding:var(--pad60) var(--pad250);}
.wrapper-page--footer {padding:0 var(--pad250) var(--pad100) var(--pad250);}
.wrapper-big-lr--bot {padding:0 var(--pad250) var(--pad250) var(--pad250);}
.wrapper-lr--bot {padding:0 var(--pad250) var(--pad100) var(--pad250);}

.homepage-isotype {position: absolute; width:50vw; top:25%; right:-10px; z-index:-1;}
.homepage-isotype svg {width:100%; height:auto; fill:var(--blanc); fill-opacity:0; stroke-width:.1; stroke-miterlimit:.1; stroke:var(--blanc); stroke-dasharray:800;
stroke-dashoffset:800; -webkit-animation: dash 5s linear forwards; animation: dash 5s linear forwards; -moz-animation: dash 5s linear forwards;}
@-webkit-keyframes dash {0%  {stroke-dashoffset:800;} 80%  {stroke-dashoffset:0;fill-opacity:0;} 100%{stroke-dashoffset:0;fill-opacity:1;}}
@keyframes dash {0%  {stroke-dashoffset:800;} 80%  {stroke-dashoffset:0;fill-opacity:0;} 100%{stroke-dashoffset:0;fill-opacity:1;}}

.homepage-img {opacity:0; transition:opacity .8s cubic-bezier(.215,.61,.355,1), transform .8s cubic-bezier(.215,.61,.355,1); transform:translateY(-10rem);}
.is-ready .homepage-img {opacity:1; transform:none;}
.homepage-img, .presentation-img {position:absolute; top:0; left:0; width:100vw; height:100vh; pointer-events:none;}
.wrapper-img--content {position:absolute; aspect-ratio: 2 / 2; aspect-ratio:1 / 1.5; width:20vw; z-index:-1;}
.wrapper-img--img {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center center;}
.homepage-img--01 {right:10vw; top:-5vw; transform:rotate(-10deg);}
.homepage-img--02 {right:18vw; top:12vw; transform:rotate(1deg);}
.homepage-img--03 {right:36vw; top:31vw; transform:rotate(5deg);}

#presentation {height:200vh;}
.presentation-img--01 {left:15vw; top:32vw; transform:rotate(4deg);}
.presentation-img--02 {left:30vw; top:55vw;}
.presentation-img--03 {right:15vw; top:65vw; transform:rotate(-10deg);}

.counter:after {counter-increment:item; content: "0"counter(item); color:var(--vert1);}
.item-liste .counter {margin-bottom:1.7rem;}
.item-liste {position:relative;}
.item-liste .font-size--b .text {position:relative;}
.item-liste .font-size--b .hover, .item-liste .font-size--b .text {transition:all .3s var(--ease2); pointer-events:none; margin-bottom:.6rem;}
.item-liste .font-size--b .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); color:var(--vert1); opacity:0;}
.item-liste .font-size--b .typo--link {position:relative; overflow:hidden; margin-top:-6px;}
.item-liste:hover .font-size--b .text {opacity:0; transform:translateY(-100%);}
.item-liste:hover .font-size--b .hover {opacity:1; transition-delay:.05s; transform:translateY(0); opacity:1;}
.item-liste:before {content:''; height:1px; width:100%; background:var(--vert1); position:absolute; left:0; bottom:0;}
.item-liste:hover .btn .text, .item-onaime:hover .btn .text {opacity:0; transform:translateY(-100%);}
.item-liste:hover .btn .hover, .item-onaime:hover .btn .hover {opacity:1; transition-delay:.05s; transform:translateY(0); opacity:1;}
.item-liste:hover .btn:before {background:var(--blanc);}

.item-onaime {background:var(--blanc); color:var(--vert2); overflow:hidden; transition:.3s var(--ease2);}
.item-onaime:hover {background:var(--vert1); border-radius:2rem;}
.item-onaime img {width:100%; height:auto; transition:.3s var(--ease2);}
.item-onaime:hover img {transform:scale(1.05);}
.item-onaime .font-size--c, .item-onaime .btn {z-index:2;}
.item-onaime:hover .btn {color:var(--blanc);}
.item-onaime:hover .btn:before {background:var(--vert2);}

.thumb-item--parent {position:relative; overflow:hidden; border-radius:1.5rem; width:100%; aspect-ratio:3 / 2;}
.thumb-item--parent-img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center;}

.jardin-plan {height:100%;}
.jardin-plan img {position:absolute; top:0; left:0; width:100%; height:auto; z-index:-1;}
.jardin-plan .number {position:fixed; width:var(--pad100); height:var(--pad100); color:var(--vert2); border-radius:8rem; overflow:hidden; display: flex; align-items: center;
justify-content: center;}
.jardin-plan .number span {z-index:2;}
.jardin-plan .number:before {content:''; background:var(--blanc); position:absolute; top:0; left:0; width:100%; height:100%;}
.jardin-plan .number-one {top:35vw; right:23vw;}
.jardin-plan .number-two {top:79vw; right:37vw;}
.jardin-plan .number-three {top:50vw; left:10vw;}
.jardin-plan .number-four {top:58vw; left:40vw;}
.jardin-plan .number-five {top:65vw; right:15vw;}

#jardin .accordion {margin-top:80%; border:1px solid var(--blanc);}
.accordion-item {position:relative; border-bottom:1px solid var(--blanc);}
.accordion .accordion-item:last-child {border-bottom:0;}
.accordion-link {padding:var(--pad60) var(--pad100); cursor:pointer; transition:.3s;}
.accordion-link .counter:after {counter-increment:itemb; content: "0"counter(itemb); color:var(--blanc); transition:.3s;}
.accordion-link:hover .counter:after, .accordion-link.active .counter:after {color:var(--vert1);}
.accordion-icon {position:relative; width:var(--pad35); height:var(--pad35); align-items: center; justify-content: center; transition:.3s;}
.accordion-link:hover .accordion-icon--bar:nth-child(1) {width:60%;}
.accordion-link:hover .accordion-icon--bar:nth-child(2) {height:60%;}
.accordion-icon--bar:nth-child(1) {position:absolute; background:var(--vert1); height:2px; width:100%; transition:.2s;}
.accordion-icon--bar:nth-child(2) {position:absolute; background:var(--vert1); height:100%; width:2px; transition:.2s;}
.accordion-link:hover, .accordion-link.active {color:var(--vert1);}
.accordion-link.active .accordion-icon--bar:nth-child(1) {width:60%;}
.accordion-link.active .accordion-icon--bar:nth-child(2) {height:0;}
.accordion-content {display:none;}
.accordion-content--wrapper {padding:0 var(--pad100) var(--pad100) var(--pad100);}
.accordion-content--wrapper img {width:var(--pad100); height:auto;}
.accordion-content ul {margin:0!important;}

.breadcrumb {position:relative; display:block; padding-bottom:var(--pad15); opacity:0; transition:.5s;}
.is-ready .breadcrumb {opacity:1; transition-delay:.3s;}
.breadcrumb a:hover {color:var(--vert1);}
.breadcrumb:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--blanc); transform-origin: right; transform: scaleX(0); transition: transform .9s ease-in;}
.is-ready .breadcrumb:before {transform-origin:left;transform:scaleX(1); transition-delay:.4s;}

.wrapper-page--flotaison .flex.direction, .wrapper-page--flotaison .scroll {z-index:3;}
.img-bg--wrapper {opacity:0; transform:scale(1.3); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;
transition:opacity 1.2s cubic-bezier(.415,.61,.155,1), transform 1.2s cubic-bezier(.415,.61,.155,1);}
.is-ready .img-bg--wrapper, .is-ready #realisation .realisation-thumb--fullwidth {opacity:1; transform:none;}
.is-ready .img-bg--wrapper:before {content:''; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.img-bg {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center center;}
.gradient {position:absolute; bottom:0; left:0; width:100vw; height:60vh; background: linear-gradient(to top, var(--vert2), transparent); z-index:2;}

.img {position:relative; width:100%; height:100%; top:0; left:0; z-index:1; overflow:hidden; aspect-ratio: 1 / 1.3; width:100%;}
.realisation-thumb--fullwidth {opacity:0; transform:scale(1.3); transition:opacity 1.2s cubic-bezier(.415,.61,.155,1), transform 1.2s cubic-bezier(.415,.61,.155,1);}
.img-fullwidth, .realisation-thumb--fullwidth {position:relative; width:100%; overflow:hidden; aspect-ratio: 6 / 3.6; max-height:100vh;}

.liste {margin-top:1rem;}
.liste li {position:relative; padding:1.5rem 0;}
.liste li:before {content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; opacity:.35; background:var(--blanc);}

.thumb {overflow: hidden; position: relative; width: 100%; aspect-ratio: 2 / 2;}
.thumb-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transition: .3s var(--ease2);}
.realisation-thumb--img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;}

.galerie-stuff {position:relative;}
.pagination {position:absolute; left:0!important; letter-spacing:.2rem; color:var(--vert1)!important; font-size:50%; top: 50% !important; transform: translateY(-50%);
display: flex; align-items:center;}
.swiper-pagination-current {color:var(--blanc)!important;}
.galerie-photos {position: relative; width: 100%; height:auto; overflow: hidden; flex-direction: column;}
.swiper-wrapper {height:auto!important; background:var(--blanc);}
.navigation {position:relative; display: flex; justify-content: space-between;}
.nav {cursor:pointer; width:var(--pad100); height:var(--pad100); border-radius:50%; background:var(--vert1); transition:.3s; display:flex; align-items:center;
justify-content:center;}
.nav:hover {background:var(--blanc);}
.nav svg {fill:var(--vert2); width:8px; transition:.3s;}
.swiper-button-disabled {pointer-events:none; opacity:.2;}
.swiper-slide .thumb-img {transform:scale(1.2); filter:blur(2rem); transition:.5s var(--ease);}
.swiper-slide-visible .thumb-img {transform:none; filter:none;}

.content--sticky {width: 100%; position: sticky; top: 0; --offset: 0px; top: var(--pad200); height:calc(70vh - var(--offset)); background:var(--vert2); border-top:1px solid var(--vert1); padding:var(--pad50) 0;}
.content--sticky .wrapper-btn {z-index:1;}

.article a {color:var(--vert1);}
.article a:hover {color:var(--blanc);}
.article h2 {color:var(--vert1); margin:var(--pad60) 0 var(--pad30) 0;}
.article h2:first-child {margin:0 0 var(--pad30) 0;}
.article h3 {color:var(--vert1); margin:var(--pad60) 0 var(--pad30) 0;}
.article p {margin-bottom:var(--pad30); line-height:1.4;}
.article ul {margin:var(--pad30) 0; display:flex; flex-direction:column; grid-gap:.5rem;}
.article li {position:relative; margin-left:2.5rem;}
.article li:before {content:''; position:absolute; background:var(--vert1); width:15px; height:15px; border-radius:50%; left:-2.5rem; top: .5rem;}

.photos-duo {z-index:1; margin-top:-10rem; position:relative;}
.photos-duo .img:nth-child(2) {top:var(--pad250);}

.team-wrapper {width:100%;}
.team-item img {width:100%; height:auto;}

.realisation-thumb {position:relative; overflow:hidden;}

.liste-items--title {border-bottom:1px solid var(--vert1);}

.item-logo {padding:var(--pad50); border-radius:1.5rem; background:var(--blanc);}
.item-logo img {height:var(--pad100);}

.hover-reveal {position: absolute; width:25vw; aspect-ratio: 4.5 / 6; top: 0; left: 0; pointer-events: none; opacity: 0; z-index:1;}
.hover-reveal__inner, .hover-reveal__img {width: 100%; height: 100%; position: relative;}
.hover-reveal__deco {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--rouge);}
.hover-reveal__img {background-size: cover; background-position: 50% 50%;}



/* CONTACT */

.form-item {position:relative;}
.form-item--message {margin-bottom:0!important;}

.label {margin-bottom:var(--padm);}
input, textarea {font-family: "aktiv-grotesk", sans-serif; font-weight:600; color:var(--noir); font-size:inherit;}
.formulaire label {display: flex;}
.formulaire input, .formulaire textarea, .mailerlite-form input, .select-selected  {width:100%; border:0; color:var(--vert2); background:var(--blanc); transition:.4s;}
.formulaire input {padding:0 var(--pad30); height:var(--pad100); border-radius:1rem;}
.formulaire textarea {padding:var(--pad30); border-radius:1rem;}
.formulaire input:hover, .formulaire textarea:hover, .formulaire input:focus, .formulaire textarea:focus, .select-selected:hover, 
.mailerlite-form input:hover, .mailerlite-form input:focus {background:var(--vert1);}
.formulaire textarea {resize: none; height:100%;}
.formulaire button[type="submit"] {position:relative;}
.formulaire .radio-elements {border:1px solid var(--noir); padding:2rem; grid-gap:var(--pad30);}
.formulaire .radio-elements label {display:block;}

button[type="submit"] {position:relative; font-family:inherit; background: none;}

.wpcf7-form-control-wrap {display: none !important; visibility: hidden !important;}

.wpcf7-list-item {border-radius:1rem; background:var(--blanc); color:var(--vert2); width:100%; padding:var(--pad30); display: flex; align-items: center;}
.wpcf7-list-item label {width:100%;}

.wpcf7-checkbox {display:inline-block;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-list-item-label {cursor:pointer; padding-left:1rem; position:relative;}

.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-list-item-label {cursor:pointer; left:4rem; width:calc(100% - 4rem); position:relative; display: flex;}
.wpcf7-radio {display:grid; grid-template-columns: 1fr 1fr; grid-gap:1.5rem; margin-bottom:0; flex-wrap: wrap;}
.form-item--connu .wpcf7-radio {display:grid; grid-template-columns: 1fr 1fr; grid-gap:var(--pad20); margin-bottom:0; flex-wrap: wrap;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before,  .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {position: absolute; top:50%;
transform: translateY(-50%); left:-3rem; background: none; border:1px solid var(--vert2); border-radius:50%; display:inline-block; vertical-align:middle;
height:20px; width:20px; content:''; transition:.2s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before 
{background:var(--vert2);}

::-webkit-input-placeholder {opacity:.7; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:.7 -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:.7; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:.7; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:.7; transition: opacity .5s;}

*:focus::-webkit-input-placeholder {opacity:.7;}
*:focus:-moz-placeholder {opacity:.7;}
*:focus::-moz-placeholder {opacity:.7;}
*:focus:-ms-input-placeholder {opacity:.7;}
*:focus::placeholder {opacity:.7;}

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}

.wpcf7-not-valid {border:0!important;}
.wpcf7-acceptance.wpcf7-not-valid {border:0!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip, .mailerlite-form-error {color:orange; font-size: .8rem; width: 100%; position: relative; display: block; margin-top:.5rem;}
.mc4wp-alert.mc4wp-success {font-size: .8rem; margin-top:1.5rem; text-align: center;}

.cmplz-cookiebanner .cmplz-message img {width:70px; height:70px; margin-left: 1.5rem;}
.spindown {-webkit-animation:spindown 8s linear infinite; -moz-animation:spindown 8s linear infinite; animation:spindown 8s linear infinite;}
@-moz-keyframes spindown {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spindown {100% {-webkit-transform: rotate(360deg);}}
@keyframes spindown {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}



/* FOOTER */

.footer {background:var(--blanc); color:var(--vert2);}
.footer .btn:hover {color:var(--blanc); background:var(--vert2);}
.footer-logo {width:245px;}
.footer-logo .st2 {fill:var(--vert2);}
.footer-border {padding:var(--pad60) 0; border-top:1px solid var(--vert1); border-bottom:1px solid var(--vert1);}
.footer-links--footer a {color:var(--vert1);}
.footer-links--footer a:hover {color:var(--vert2);}

.marsrouge {width:40px; fill:var(--vert1); transition:.2s;}
.marsrouge:hover {width:40px; fill:var(--vert2);}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1690px) {
	
	body, .font-size--c, .article h2 {font-size: 1.5rem;}
	.normal, .btn span {font-size: 1.2rem; line-height: 1.3;}
	.font-size--a {font-size: 8vw;}
	.font-size--d {font-size: 2rem;}
	
	.menu-bar {grid-gap:var(--pad50)!important;}
	.menu-bar, .btn {height: var(--pad50);}
	.overlay-menu--desktop .menu-item:before {height: 150%; top: -25%;}
	.btn {padding: 0 var(--pad30);}
	.btn svg {margin-left: var(--pad20);}
	.btn .typo--link {margin-top: -4px;}
	.overlay-logo.overlay-logo-homepage {width:50%;}
	.overlay-logo, .overlay-logo.scroll, .footer-logo {width: 200px;}
	
	.wrapper-page--flotaison {padding: var(--pad200) var(--pad150) var(--pad100) var(--pad150);}
	.wrapper-page--content {padding: var(--pad150) var(--pad150) var(--pad250) var(--pad150);}
	.wrapper-page--footer {padding: 0 var(--pad150) var(--pad100) var(--pad150);}
	.wrapper-page {padding:var(--pad200) var(--pad150) var(--pad250) var(--pad150);}
	.wrapper-big-lr--bot {padding: 0 var(--pad150) var(--pad250) var(--pad150);}
	.wrapper-liste--rea {padding: var(--pad60) var(--pad150);}
	.liste-items--title {padding: 0 var(--pad150) var(--pad50) var(--pad150);}
	.wrapper-lr--bot {padding: 0 var(--pad150) var(--pad100) var(--pad150);}
	.wrapper-big-lr {padding: 0 var(--pad150);}
	
	.mar-450 {margin-top: calc(calc(var(--pad100) * 2) + var(--pad50));}
	
	.content-75 {width: 65%;}
	
	.content--sticky {top: var(--pad150); height: calc(80vh - var(--offset));}
	.content--sticky .col-2 {grid-template-columns:.5fr 2fr;}
	
	.article li:before {width: 12px; height: 12px; top: .4rem;}
	
	.item-liste .grid-pad150 {grid-gap: var(--pad70);}
	
	.accordion-content--wrapper img {width: var(--pad100);}
	
	.wrapper-footer .col-2 {grid-gap: var(--pad100);}
	
}

@media screen and (max-width:1450px) {
	
	.wrapper {padding: var(--pad100);}
	.wrapper-first {padding: var(--pad200) var(--pad100) var(--pad100) var(--pad100);}
	.wrapper-page--flotaison {padding: var(--pad200) var(--pad100) var(--pad100) var(--pad100);}
	.wrapper-page--content {padding: var(--pad100) var(--pad100) var(--pad200) var(--pad100);}
	.wrapper-page--footer {padding: 0 var(--pad100) var(--pad100) var(--pad100);}
	.wrapper-page {padding:var(--pad200) var(--pad100) var(--pad200) var(--pad100);}
	.wrapper-big-lr--bot {padding: 0 var(--pad100) var(--pad200) var(--pad100);}
	.wrapper-liste--rea {padding: var(--pad60) var(--pad100);}
	.liste-items--title {padding: 0 var(--pad100) var(--pad50) var(--pad100);}
	.wrapper-lr--bot {padding: 0 var(--pad100) var(--pad100) var(--pad100);}
	.wrapper-big-lr {padding: 0 var(--pad100);}
	.wrapper-60 {padding: var(--pad50);}
	.wrapper-lr {padding: 0 var(--pad100);}
	.wrapper-big-t {padding: var(--pad200) var(--pad100) 0 var(--pad100);}
	.wrapper-footer {padding: var(--pad100) var(--pad100) var(--pad50) var(--pad100); margin-top:var(--pad100);}
	.wrapper-bot {padding-bottom: var(--pad200);}

	.mar-60 {margin-top: var(--pad50);}
	.mar-450 {margin-top: var(--pad150);}
	.grid-pad150 {grid-gap:var(--pad100);}
	.content-25 {width: 35%;}

	.overlay-logo-homepage {top: var(--pad200);}
	.menu-bar {grid-gap:var(--pad30)!important;}

	.item-liste .counter {margin-bottom: 1.1rem;}
	.accordion-link {padding: var(--pad50);}
	.col-1-3 {grid-gap:var(--pad100); grid-template-columns: var(--pad100) auto;}
	.accordion-icon {width: var(--pad25); height: var(--pad25);}
	.accordion-content--wrapper {padding: 0 var(--pad50) var(--pad50) var(--pad50);}

	#presentation {height: 100vw;}
	#on-aime .col-3 {grid-template-columns: 1fr 1fr;}
	#on-aime .item-onaime:nth-child(3) {display:none;}
	
	.wrapper-footer .col-2.grid-pad150 {grid-template-columns:1fr;}
	
}

@media screen and (max-width:1100px) {
	
	.overlay-logo-homepage {top: var(--pad150);}
	.overlay-menu {display:flex;}
	.menu-bar {display:none;}
	
	.homepage {height:100vh!important;}
	.height-100 {height: auto;}
	.content-75, .content-70, .content-50, .content-60 {width:100%;}
	
	#product-page {grid-template-columns:1fr;}
	.nav, .jardin-plan .number {width: var(--pad80); height: var(--pad80);}
	
	#content .grid.col-2.grid-pad150 {grid-template-columns:1fr;}
	.col-3 {grid-template-columns: 1fr 1fr;}
	
	.accordion-content--wrapper img {width: var(--pad80);}
	
	#page .scroll {flex-direction:column;}
	
	.content--sticky {position:relative; top:auto; height:auto;}
	.wrapper-page--footer .content--sticky:last-child {padding:var(--pad50) 0 0 0;}
	
	.item-logo img {height: var(--pad80);}
	.item-logo {padding: var(--pad40);}
	
	.formulaire input {height: var(--pad80);}

}

@media screen and (max-width:790px) {

	.overlay-logo.open .st2 {fill:var(--vert2);}
	.overlay-logo .st1, .overlay-logo .st2 {transition:.3s;}
	.menu {width:100vw;}

	.item-liste .font-size--b .hover, .item-liste .font-size--b .text {margin-bottom: 0;}

	.wrapper-first {padding:var(--pad150) var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-page {padding: var(--pad150) var(--pad30) var(--pad100) var(--pad30);}
	.wrapper-page--flotaison {padding: var(--pad150) var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-page--content {padding: var(--pad50) var(--pad30) var(--pad100) var(--pad30);}
	.wrapper-page--footer {padding: 0 var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-footer {padding:var(--pad50) var(--pad30) var(--pad30) var(--pad30); margin-top: var(--pad50);}
	.wrapper-lr--bot {padding:var(--pad50) var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-60 {padding: var(--pad30);}
	.wrapper-lr {padding:var(--pad50) var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-liste--rea {padding:var(--pad30) var(--pad30);}
	.liste-items--title {padding: 0 var(--pad30) var(--pad30) var(--pad30);}
	.wrapper-page--reco {padding: 0 var(--pad30) var(--pad50) var(--pad30);}
	.wrapper-big-lr--bot {padding: 0 var(--pad30) var(--pad100) var(--pad30);}
	.wrapper-bot {padding-bottom: var(--pad100);}
	.wrapper {padding:var(--pad100) var(--pad30);}
	.wrapper-big-lr {padding: 0 var(--pad30);}
	.wrapper-big-t {padding: var(--pad50) var(--pad30) 0 var(--pad30);}
	.accordion-content--wrapper {padding:var(--pad30);}
	
	.homepage.wrapper {padding:var(--pad100) var(--pad30) var(--pad30) var(--pad30);}
	.homepage-isotype {width: 60vw; top: 45%;}
	.wrapper-img--content {width: 27vw;}
	.homepage-img--01 {right:1vw; top: -8vw;}
	.homepage-img--02 {right:16vw; top:24vw;}
	.homepage-img--03 {right:38vw; top:51vw;}
	.content-25 {width:50%; z-index: 10;}
	
	.presentation-images .wrapper-img--content {position:relative; width:100%; aspect-ratio: 1 / 1.3;}
	#presentation {height:auto;}
	.presentation-images {display:flex; width:100%; flex-direction:column; grid-gap:var(--pad50); padding-top:var(--pad100);}
	.presentation-img--01 {left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important;}
	.presentation-img--02 {left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important;}
	.presentation-img--03 {left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important;}
	
	.wpcf7-radio, .col-2, .col-3, #on-aime .col-3, .content--sticky .col-2 {grid-template-columns:1fr;}
	
	.grid-pad60, .wrapper-footer .col-2, .grid-pad150, .grid-pad100 {grid-gap: var(--pad50);}
	.page-contact.grid-pad150 {grid-gap:var(--pad100);}
	
	.mar-100, .mar-80 {margin-top:var(--pad50);}
	.mar-250 {margin-top: var(--pad100);}
	
	.item-liste .counter {display:none;}
	.logo-wrapper {flex-direction:column;}
	.item-logo {display:flex; justify-content: center;}
	.liste {margin-top: 0;}
	#product-page .wrapper-btn {justify-content: center;}
	#on-aime .item-onaime:nth-child(3) {display: flex;}
	
	.photos-duo {margin-top:0; padding:var(--pad100) var(--pad30) 0 var(--pad30);}
	.photos-duo .img:nth-child(2) {top:0;}
	
	.nav {width: var(--pad50); height: var(--pad50);}
	.nav svg, .menu-principal a svg {width: 6px;}
	
	.item-onaime:hover {border-radius:1rem;}
	
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {height: 15px; width: 15px; left: -2rem;}
	.wpcf7-list-item-label {left: 2rem; width: calc(100% - 2rem);}
	
	.jardin-plan {top: 16rem; position: relative;}
	#jardin .accordion {margin-top:100%;}
	.accordion-link {padding:var(--pad20) var(--pad30);}
	.accordion-link .grid-pad150 {grid-gap: 1rem!important;}
	.accordion-item, .accordion-item .font-size--c {font-size:1.2rem;}
	.accordion-icon {width: var(--pad15); height:var(--pad15);}
	.accordion-link:hover .accordion-icon--bar:nth-child(1) {width:100%;}
	.accordion-link:hover .accordion-icon--bar:nth-child(2) {height:100%;}
	.accordion-link.active .accordion-icon--bar:nth-child(1) {width:100%;}
	.accordion-link.active .accordion-icon--bar:nth-child(2) {height:0;}
	.jardin-plan .number {font-size:1rem;}
	.jardin-plan .number {width: var(--pad40); height: var(--pad40);}
	.jardin-plan .number-one {top: 67vw;}
	.jardin-plan .number-two {top: 112vw;}
	.jardin-plan .number-three {top: 88vw;}
	.jardin-plan .number-four {top: 94vw;}
	.jardin-plan .number-five {top: 103vw;}
	.accordion-content--wrapper img {width: var(--pad70);}
	.accordion-content--wrapper.col-1-3 { grid-gap: var(--pad30); grid-template-columns: 1fr;}
	
	.footer-border {padding: var(--pad50) 0;}
	
	.bas {text-align:center;}
	
}

@media screen and (max-width:590px) {

	.font-size--d {font-size: 1.5rem;}
	.font-size--variant {font-size: 1.3rem; line-height: 1.3;}
	body, .font-size--c, .article h2 {font-size: 1.2rem;}
	.normal, .btn span, .accordion-content--wrapper {font-size:.95rem;}
	.font-size--s, .article h3 {font-size:.8rem;}
	
	.mar-450 {margin-top: var(--pad100);}
	.content-25 {width:100%; z-index: 10;}
	
	.overlay-logo, .overlay-logo.scroll, .footer-logo {width:160px;}
	.overlay-menu--icon {width: var(--pad50); height: var(--pad50); grid-gap:.2rem;}
	.menu-mobile--bar {width: 1rem;}
	
	.wrapper-btn {justify-content:center;}
	
	.article h2, .article h3 {margin: var(--pad50) 0 var(--pad30) 0;}
	.article ul {grid-gap: 1rem;}
	.article li {margin-left: 2rem;}
	.article li::before {width: 10px; height: 10px; top: .3rem; left: -2rem;}
	
	.btn {padding: 0 var(--pad20);}
	.menu-bar, .btn {height: var(--pad40);}
	
	.formulaire input {height: var(--pad60); padding: 0 var(--pad20);}
	.formulaire textarea {padding: var(--pad20);}
  
	.formulaire .grid-pad50, .formulaire .grid-pad60 {grid-gap:2rem;}
	
	.item-onaime.wrapper-60 {padding:var(--pad30);}
	.wrapper-60, .wrapper-liste--rea {padding:var(--pad20) var(--pad30);}
	
	.jardin-plan {top: 13rem;}
	.accordion-link .col-1-3.font-size--c div:nth-child(2) {display:none;}
	
	.footer-stuff {flex-direction:column; align-items: flex-start;}
	.footer-links--footer {width:100%;}
	
	.footer-links--footer {flex-direction: column; grid-gap: 1rem;}
	
	.mobile-contact {display:block;}
	
}

@media screen and (max-width:420px) {
	
	.font-size--d {font-size: 1.3rem;}
	
	.overlay-logo.overlay-logo-homepage {width: 70%; top:var(--pad100);}
	.overlay-logo-homepage.scroll, .footer-logo {width: 160px; top:var(--pad30);}
	.wrapper-img--content {width: 45vw;}
	.homepage-isotype {width: 80vw; top: 30%;}
	
	.homepage-img--01 {right: -5vw; top: 0vw;}
	.homepage-img--02 {right: 23vw; top: 53vw;}
	.homepage-img--03 {right: 62vw; top: 84vw;}
	
	.jardin-plan {top:13rem;}
	.jardin-plan .number {width: 2rem; height: 2rem; font-size:.8rem;}
	#jardin .accordion {margin-top:105%;}
	.jardin-plan .number-one {top: 82vw;}
	.jardin-plan .number-two {top: 127vw;}
	.jardin-plan .number-three {top:103vw;}
	.jardin-plan .number-four {top:109vw;}
	.jardin-plan .number-five {top: 118vw;}
	
}