/*
Theme Name: Les gazons français
Theme URI: https://www.lesgazonsfrancais.fr
Author: Mars Rouge
Author URI: https://www.marsrouge.com
Version: 1.0
*/

* {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:#ffffff;
	--gris:#ebe8e2;
	--gris2:#ccccc5;
	--vert1:#8ccb68;
	--vert2:#228f55;
	--noir:#111f15;
	--pad200:200px;
	--pad150:150px;
	--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;
	--ease:cubic-bezier(.23,1,.32,1);
	--ease2:cubic-bezier(.215,0,.355,1);
	
} 

* {scrollbar-width: none; -ms-overflow-style: none;}
body, html {overflow-x: hidden!important; touch-action: pan-y; max-width:100vw;}
html {background:var(--beige);}
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(--beige); color:var(--marron2); webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item;
transition:background .4s ease-out;}
::-webkit-scrollbar {width:0px;}

a {color:inherit; outline:none; webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; 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; z-index:2;}

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: "archivo", sans-serif; font-weight: 400; font-style:normal; font-optical-sizing:auto; line-height:1.1;}
h1, h2, h3 , h4 {line-height:1; font-family: "archivo", sans-serif; font-weight: 400; font-style:normal;}

body, .normal, .article h3 {font-size:1.5rem; line-height:1.35;}
.font-size--a {font-size:3.8vw; line-height:.9;}
.font-size--b {font-size:1.9rem; line-height:1.2;}
.font-size--c, .btn, .pagination, .formulaire .label, .woocommerce-MyAccount-content, .woocommerce-message, .footer-newsletter input[type="submit"] {font-size:1.05rem;}
.font-size--s, .wc-block-checkout__terms, .wc-block-components-product-badge, .footer-newsletter .mc4wp-alert.mc4wp-success {font-size:.85rem!important; line-height:1.1;}
.wc-block-components-order-summary-item__quantity {font-size:.65rem;}
strong {font-weight:700;}

.article p {line-height:1.5;}
p {line-height:1.3;}
italic {font-style: italic;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}

a:hover {color:var(--vert2);}
.underline a {position:relative; white-space: nowrap;}
.underline a:before {content:''; position:absolute; bottom:-.5rem; left:0; width:100%; min-height:1px; height:1px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--vert2);}
.underline a:hover::before {transform-origin:left;transform:scaleX(1);}
.font-size--s.underline a:before {bottom:-2px;}
.underline .btn:before {content:none;}

.color-vert1, .article h3 {color:var(--vert1);}
.color-vert2, .formulaire .label {color:var(--vert2);}
.color-gris2 {color:var(--gris2);}
.bg-blanc {background:var(--blanc); color:var(--noir);}
.bg-gris {background:var(--gris); color:var(--noir); fill:var(--noir);}
.bg-grisb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100vh; background: var(--gris); z-index:-1;}
.bg-gris2 {background:var(--gris2); color:var(--noir); fill:var(--noir);}
.bg-vert1 {background:var(--vert1); color:var(--noir); fill:var(--noir);}
.bg-vert2 {background:var(--vert2); color:var(--blanc); fill:var(--blanc);}
.bg-noir {background:var(--noir); color:var(--blanc); fill:var(--blanc);}



/* SPLITTING */

.splitting .word, .splitting .char {display:inline-block;}
.splitting .char {position:relative;}
.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center))); padding: 0 10px; margin: 0 -10px; -webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed; -webkit-transform: translateZ(0); transform: translateZ(0);}
.char-wrap {display: inline-block; position: relative; overflow: hidden;}

.is-ready #first .font-size--a .char {opacity: 1; transform: none; filter:blur(0); transition-delay: calc(.1s + ( 0.01s * ( var(--char-index)) ));}
#first .font-size--a .char {display: inline-block; opacity: 0; filter:blur(50px); transform-origin: 50% 100% 0px;
transform: translate3d(0px, 50px, 0px) scale(0.4); will-change: transform, filter;
transition:opacity 2s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1), filter .6s cubic-bezier(.15,.61,.5,1);}

#first .item .font-size--d {opacity:1; transform:none; filter:none; transform-style:preserve-3d;}
#first .font-size--d {opacity:0; transform:translateY(3rem);
transition: opacity .6s cubic-bezier(.215,.61,.455,1), transform .8s cubic-bezier(.215,.61,.455,1);}
.is-ready #first .font-size--d {transform:none!important; opacity:1!important; filter:none!important; transition-delay:.3s;}

#first .article {opacity:0; transform:translateY(3rem);
transition: opacity .6s cubic-bezier(.215,.61,.455,1), transform .8s cubic-bezier(.215,.61,.455,1);}
.is-ready #first .article {transform:none!important; opacity:1!important; filter:none!important; transition-delay:.3s;}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.justify-end {justify-content: flex-end;}
.itemsstart {align-items: flex-start;}
.itemscenter {align-items:center;}
.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-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-pads {grid-gap:var(--pads);}

.column-2 {columns: 2;}

.column-gap {column-gap:var(--pad);}
.row-gap {row-gap:var(--pad);}
.col-1-2 {grid-template-columns:1fr 2fr;}
.col-1-3 {grid-template-columns:1fr 3fr;}
.col-2 {grid-template-columns:1fr 1fr;}
.col-2-1 {grid-template-columns:2fr 1fr;}
.col-avantages {grid-template-columns:1fr 2fr;}
.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;}

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

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

.wrapper {padding:var(--pad100) var(--pad50);}
.wrapper-first {padding:calc(var(--pad100) * 2) var(--pad50) var(--pad100) var(--pad50);}
.wrapper-homepage {padding:calc(var(--pad100) + var(--pad50)) var(--pad50) 0 var(--pad50);}
.wrapper-nt {padding:0 var(--pad50) var(--pad100) var(--pad50);}
.wrapper-nb {padding:var(--pad100) var(--pad50) 0 var(--pad50);}
.wrapper-lr {padding:0 var(--pad50);}
.wrapper-t {padding-top:var(--pad100);}
.wrapper-tb {padding:var(--pad100) 0;}
.wrapper-100 {padding:var(--pad100);}
.wrapper-100-50 {padding:var(--pad100) var(--pad50);}
.wrapper-100-50-100-0 {padding:var(--pad100) var(--pad50) var(--pad100) 0;}
.wrapper-200-50-100-0 {padding:calc(var(--pad100) * 2) var(--pad50) var(--pad100) 0;}
.wrapper-200-50-0-0 {padding:calc(var(--pad100) * 2) var(--pad50) 0 0;}
.wrapper-100-0-100-50 {padding:var(--pad100) 0 var(--pad100) var(--pad50);}
.wrapper-200-0-100-50 {padding:calc(var(--pad100) * 2) 0 var(--pad100) var(--pad50);}
.wrapper-200-0-0-50 {padding:calc(var(--pad100) * 2) 0 0 var(--pad50);}
#regions .wrapper-tb {padding: var(--pad100) var(--pad50) var(--pad100) 0;}

.wrapper-80 {padding:var(--pad80);}
.wrapper-50 {padding:var(--pad50);}
.wrapper-50-t {padding-top:var(--pad50);}
.wrapper-50-nt {padding:0 var(--pad50) var(--pad50) var(--pad50);}
.wrapper-30 {padding:var(--pad30);}
.footer .wrapper:last-child {padding:var(--pad50);}

.mar-200 {margin-top:var(--pad200);}
.mar-150 {margin-top:var(--pad150);}
.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);}

.content-100 {width:100%;}
.content-90 {width:90%;}
.content-85 {width:85%;}
.content-80 {width:80%;}
.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 {min-height:100vh;}
.height-100b {height:100vh;}

.width-100 {width:100%;}

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



/* OVERLAY */

.st0 {fill:var(--noir);}
.st1 {fill:var(--vert1);}
.st2 {fill:var(--vert2);}

.overlay-menu {width:100%; height:var(--pad100); padding:0 var(--pad50); position:fixed; top:-100%; left:0; display:flex; background:var(--blanc);
border-bottom:1px solid var(--gris); transition:.2s; z-index:10;}
.is-ready .overlay-menu {top:0;}
.overlay-menu.scroll {height:var(--pad70);}
.overlay-logo {width:230px; position:relative; transition:.2s;}
.overlay-menu.scroll .overlay-logo {width:150px;}
.overlay-links {align-items: center;}
.overlay-links a.active {color:var(--vert2);}

#homepage, .wrapper-first, #taxonomy-region {transform:translateY(3rem); opacity:0; transition:.3s; transition-delay:.1s;}
#second, #regions {transform:translateY(3rem); transition:.3s; opacity:0; transition-delay:.1.5s;}
.is-ready #homepage, .is-ready .wrapper-first, .is-ready #second, .is-ready #regions, .is-ready #taxonomy-region {opacity:1; transform:none;}



/* MENU */

.menu-mobile {display:none;}
.menu-mobile {border-radius:6rem; width:2rem; height:2rem; background:var(--vert2); cursor:pointer; left:1rem; top:1rem; z-index: 15; position: fixed;}
.menu-mobile .menu-mobile--bar {transition:transform .3s cubic-bezier(.215,.61,.355,1);}
.menu-mobile.open .menu-mobile--bar {grid-gap:0; transform:rotate(180deg);}
.menu-mobile.open .menu-mobile--bar .menu-bar:nth-child(1) {transform:rotate(45deg) translateY(1px);}
.menu-mobile.open .menu-mobile--bar .menu-bar:nth-child(2) {transform:rotate(-45deg);}

.menu-mobile--close {display:none; pointer-events:none; position: fixed; top:1rem; left:1rem; z-index: 20; width:2rem; height:2rem; cursor: pointer;}
.menu-mobile--close.open {display:block; pointer-events:auto;}
.menu-mobile--wrapper {position:fixed; top:4rem; left:0; width:100%; height:calc(100% - 4rem); z-index:10; padding:var(--pad50);
transition:.3s cubic-bezier(0.38, 0.005, 0.215, 1); display:none; pointer-events:none;}
.menu-overlay--bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:4; background:transparent; transition:.3s cubic-bezier(0.38, 0.005, 0.215, 1);
pointer-events:none; z-index:-1;}
.menu-mobile--wrapper.open {pointer-events:auto;}
.menu-mobile--wrapper.open .menu-overlay--bg {background:var(--gris);}

.menu-mobile .menu-mobile--bar {transition:transform .3s cubic-bezier(.215,.61,.355,1); display: flex; flex-direction:column; align-items: center; justify-content: center;
width: 100%; grid-gap:4px;}
.menu-bar { width: 1rem; height: 1px; background: var(--blanc); transition: .35s;}
.menu-mobile.open .menu-mobile--bar {grid-gap:0; transform:rotate(180deg);}
.menu-mobile.open .menu-mobile--bar .menu-bar:nth-child(1) {transform:rotate(45deg) translateY(1px);}
.menu-mobile.open .menu-mobile--bar .menu-bar:nth-child(2) {transform:rotate(-45deg);}

.menu-mobile--principal {position:relative; display:flex; width:100%; flex-direction:column; grid-gap: 3vh; overflow: hidden;}
.menu-mobile--principal a {position:relative; background:var(--blanc); padding:0 1.5rem; color:var(--noir); height: 100%; align-items: center; 
transform:translateX(-100%); transform-origin:left; transition: .3s cubic-bezier(0.38, 0.005, 0.215, 1); overflow:hidden; border-radius: 1rem;}
.menu-mobile--principal a:before {content: ''; background-color: var(--orange); position: absolute; bottom: 0; top: 0; left: 0; right: 0; transform: scaleY(0);
transform-origin: center top; transition: transform .5s cubic-bezier(.215,.61,.355,1);}
.menu-mobile--principal a:hover::before {transform:scaleY(1); transform-origin:center bottom;}
.menu-mobile--principal span {z-index:1; transition:.3s cubic-bezier(0.38, 0.005, 0.215, 1);}
.menu-mobile--principal.open a {transform:none;}

.menu-mobile--links-alt {background:transparent!important; border:1px solid var(--noir); color:var(--noir)!important;}

.menu-mobile--principal a:nth-child(2) {transition-delay:.03s;}
.menu-mobile--principal a:nth-child(3) {transition-delay:.06s;}
.menu-mobile--principal a:nth-child(4) {transition-delay:.09s;}
.menu-mobile--principal a:nth-child(5) {transition-delay:.12s;}
.menu-mobile--principal a:nth-child(6) {transition-delay:.15s;}
.menu-mobile--principal a:nth-child(7) {transition-delay:.18s;}
.menu-mobile--principal a:nth-child(8) {transition-delay:.21s;}
.menu-mobile--principal a:nth-child(9) {transition-delay:.24s;}
.menu-mobile--principal a:nth-child(10) {transition-delay:.27s;}
.menu-mobile--principal a:nth-child(11) {transition-delay:.3s;}

.menu-mobile--principal a.active {background: var(--vert2)!important; color:var(--blanc)!important; border:1px solid var(--vert2);}

.menu--mobile--shop {display:none;}
.menu--mobile--shop {position:fixed; right:1rem; top:1rem; grid-gap:.5rem; z-index:15;}
.menu--mobile--shop-btn {width:2rem; height:2rem; display:flex; background:var(--gris); border-radius:6rem; align-items: center; justify-content: center;
position: relative;}
.menu--mobile--shop svg {fill:var(--noir); width:12px;}
.menu--mobile--shop .panier-count {position: absolute; top: -.3rem; right: -.3rem;}



/* CONTENU */

.btn {border-radius:8rem; overflow:hidden; padding:0 var(--pad35); display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; height:var(--pad40); background:var(--vert2);}
.btn .text {position:relative;}
.btn .hover, .btn .text {transition:all .2s var(--ease); pointer-events:none; color:var(--blanc); text-align: left; display:flex; align-items: center;}
.btn .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.btn .typo--link {position:relative; overflow:hidden; width:100%;}
.btn:hover {background:var(--noir);}
.btn:hover .text {opacity:0; transform:translateY(-100%);}
.btn:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.btn-arrow svg, .breadcrumb .btn .text svg {width:7px; fill:var(--noir);}
.btn-arrow.btn {width:100%; background:var(--blanc); padding:0 var(--pad25); border:1px solid var(--gris2);}
.btn-arrow .typo--link {padding: .05rem 0;}
#regions .btn-arrow.btn {background:transparent;}
.btn-arrow.btn:hover {background:var(--gris);}
#regions .btn-arrow.btn:hover {background:var(--noir); border:1px solid var(--noir);}
#regions .btn-arrow.btn .hover {color:var(--blanc);}
#regions .btn-arrow.btn .hover svg {fill:var(--blanc);}
.btn-arrow .hover, .btn-arrow .text {color:var(--noir);}
.item-link--bottom--ct {width:calc(100% - var(--pad90));}

.btn-account {padding:0 var(--pad15)!important; background:var(--gris)!important;}
.btn-account .text {color:var(--noir)!important;}
.btn-account:hover {background:var(--vert2)!important;}
.btn-account .hover {color:var(--blanc)!important;}
.btn-panier {border:0!important; background:var(--gris)!important; padding:0 var(--pad15)!important; width:calc(var(--pad100) + var(--pad20))!important;}
.panier-count {width:var(--pad25); height:var(--pad25); background:var(--vert2); border-radius:6rem; color:var(--blanc); display:flex;
align-items:center; justify-content: center;}
.btn-panier:hover {background:var(--gris2)!important;}

.breadcrumb .btn {border-radius:8rem; overflow:hidden; padding:0 var(--pad25); width:fit-content; display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; height:var(--pad40); background:var(--vert1);}
.breadcrumb .btn .typo--link {position:relative; overflow:hidden; width:fit-content;}
.breadcrumb .btn .text {color:var(--noir);}
.breadcrumb .btn .text svg {fill:var(--noir);}
.breadcrumb .btn .hover {color:var(--blanc);}
.breadcrumb .btn .hover svg {fill:var(--blanc);}
.breadcrumb .btn:hover {background:var(--vert2);}
.breadcrumb .btn .hover svg {width:7px;}

.breadcrumb-child {border-radius:8rem; overflow:hidden; padding:0 var(--pad25); width:fit-content; display:flex; align-items:center; justify-content:center;
color:inherit; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; border:1px solid var(--gris2); height:var(--pad40); background:transparent;}

.btn-nav {border-radius:8rem; overflow:hidden; display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; height:var(--pad40); width:var(--pad40); background:var(--blanc); border:1px solid var(--gris2);}
.btn-nav:hover {background:var(--gris);}
.btn-nav svg, .item-realisation .wrapper-btn .btn-nav svg {fill:var(--noir); width:7px;}
.btn-nav .text {position:relative;}
.btn-nav .hover, .btn-nav .text {transition:all .2s var(--ease); pointer-events:none; display:flex;}
.btn-nav .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.btn-nav .typo--link {position:relative; overflow:hidden;}
.btn-nav:hover .text {opacity:0; transform:translateY(-100%);}
.btn-nav:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.btn-big {border-radius:1.5rem; overflow:hidden; display:flex; align-items:center; justify-content:center; color:inherit; cursor:pointer; text-decoration:none;
pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; width:var(--pad100); height:var(--pad100); background:var(--vert2);}
.btn-big .text {position:relative;}
.btn-big .hover, .btn-big .text {transition:all .2s var(--ease); pointer-events:none; color:var(--blanc); text-align: left; display:flex;}
.btn-big .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.btn-big .typo--link {position:relative; overflow:hidden; width:100%;}
.btn-big:hover {background:var(--noir)}
.btn-big:hover .text {opacity:0; transform:translateY(-100%);}
.btn-big:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.btn-big svg {fill:var(--blanc); height:var(--pad30);}

.font-size--a.title span, .font-size--b.title span, .normal span {position:relative; white-space: nowrap;}
.font-size--a.title span:before {content:''; position:absolute; bottom:.7vw; left:0; width:100%; min-height:7px; height:7px; transform-origin:left;transform:scaleX(1); z-index:-1;
background-color:var(--vert1);}
.font-size--b.title span:before {content:''; position:absolute; bottom:4px; left:0; width:100%; min-height:4px; height:4px; transform-origin:left;transform:scaleX(1); z-index:-1;
background-color:var(--vert1);}
.normal.title span:before {content:''; position:absolute; bottom:0px; left:0; width:100%; min-height:4px; height:4px; transform-origin:left;transform:scaleX(1); z-index:-1;
background-color:var(--vert1);}

.bloc {border-radius:1.5rem; overflow:hidden; width:100%;}
.border-top {border-top:1px solid var(--gris);}
.border-bottom {border-bottom:1px solid var(--gris);}

.icon svg {height:var(--pad50); width:auto;}
#assistance .icon svg {fill:var(--vert2);}

.radius, .article img {border-radius:1.5rem;}
.thumb {position:relative; overflow:hidden; display:flex;}
.thumb-page {height:35rem;}
.thumb svg {width:25px; fill:var(--noir);}
.thumb-img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center;}
.thumb-carousel {width:100%; aspect-ratio: 9 / 6;}
.thumb-product {width:90%; aspect-ratio: 9 / 6; position:absolute; left:50%; top:20%; transform:translateX(-50%); transition:.2s var(--ease2);}
.product-thumb {position:relative; width:100%; overflow:hidden; aspect-ratio: 9 / 4.5;}
.product-arguments .thumb {aspect-ratio: 9 / 7;}

.item-product {position:relative; aspect-ratio: 9 / 5.5;}
.item-product--engrais {aspect-ratio: 2 / 2;}
.item-product:hover {color:var(--noir);}
.item-product:hover .btn {background:var(--noir);}
.item-product:hover .btn .text {opacity:0; transform:translateY(-100%);}
.item-product:hover .btn .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.item-product:hover .thumb-product {transform:translateX(-50%) scale(.97);}
.item-product--engrais .thumb-product {top:14%; width:80%; aspect-ratio: 2 / 2;}
.item-product--details, .item-product .wrapper-btn {z-index:1;}

.item-link--bottom .thumb {border:1px solid var(--gris2); overflow:hidden; border-radius:8rem; width:var(--pad70); height:var(--pad70);}

.bloc-rating {border:1px solid var(--gris2);}
.google-rating {width:90px;}
.star-rating {width:110px;}

.navigation .nav-left {transform:rotate(-180deg);}
.navigation .swiper-button-disabled {pointer-events:none; opacity:.3;}

.arguments {overflow:hidden;}
.arguments-carousel .bloc {height:20rem;}
.arguments .swiper-slide {height:auto;}
.arguments .swiper-wrapper .arguments-carousel:nth-child(1) {;}

.liste-item {position:relative; overflow:hidden; height:var(--pad100); padding:0 var(--pad30); display:flex; align-items:center; transition:.2s;}
.liste-item:hover {color:var(--blanc);}
.liste-item div {z-index:2;}
.liste-item--icon {border-radius:8rem; overflow:hidden; display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s; height:var(--pad40); width:var(--pad40); background:var(--vert2);}
.liste-item--icon svg {width:15px;}
.liste-item--icon .text {position:relative;}
.liste-item--icon .text svg {fill:var(--blanc);}
.liste-item--icon .hover svg {fill:var(--blanc);}
.liste-item--icon:hover {background:var(--gris);}
.liste-item--icon .hover, .liste-item--icon .text {transition:all .2s var(--ease); pointer-events:none; display:flex;}
.liste-item--icon .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.liste-item--icon .typo--link {position:relative; overflow:hidden;}
.liste-item:hover .liste-item--icon .text {opacity:0; transform:translateY(-100%);}
.liste-item:hover .liste-item--icon .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.liste-item:hover .liste-item--icon {background:var(--gris);}
.liste-item:hover .liste-item--icon svg {fill:var(--vert2);}
.liste-item:before, .homepage-gazons .bg-blanc:before {content:''; position:absolute; bottom:0; top:0; left:0; right:0; z-index:-1; transform:scaleY(0); transform-origin:center top;
background-color:var(--vert2); transition:transform .5s cubic-bezier(.215,.61,.355,1); z-index:1;}
.liste-item:hover::before, .homepage-gazons .bg-blanc:hover::before {transform:scaleY(1); transform-origin:center bottom;}
.liste-item--title {display:flex; align-items: center;}
.liste-item--ext {padding:0 var(--pad15); height:var(--pad40); border-radius:1.5rem; border:1px solid var(--gris2); display:flex; align-items: center;}

.homepage-gazons {position:relative;}
.homepage-gazons img {position:absolute; bottom:0; left:-15%; width:55%;}
.homepage-gazons .bg-blanc:before {background:var(--gris2);}
.homepage-gazons .bg-blanc {position:relative; overflow:hidden;}
.homepage-gazons .bg-blanc:hover {color:var(--noir);}
.homepage-gazons .bg-blanc .font-size--s {transition:.2s;}
.homepage-gazons .bg-blanc:hover .font-size--s {color:var(--noir);}
.homepage-gazons .bg-blanc .content-100 {z-index:2;}
.homepage-gazons .bg-blanc:hover .btn {background:var(--noir);}
.homepage-gazons .bg-blanc:hover .btn .text {opacity:0; transform:translateY(-100%);}
.homepage-gazons .bg-blanc:hover .btn .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.accordion-item.liste-item {height:auto; padding:0;}
.accordion-item.liste-item:hover {color:var(--noir);}
.accordion-item.liste-item:before {background:var(--gris2);}
.accordion-item.liste-item .question {width:100%; padding:var(--pad20) var(--pad30);}
.accordion-item.liste-item .reponse {width:100%; padding:0 var(--pad30) var(--pad30) var(--pad30);}
.accordion-item.liste-item .reponse .reponse-cnt {width:100%;}

.accordion-icon {border-radius: 8rem; overflow: hidden; display: flex; align-items: center; justify-content: center; pointer-events: auto;
position: relative; transition: .2s; height: var(--pad40); width: var(--pad40); background: var(--vert2);}
.accordion-item.liste-item .question.active .accordion-icon {transform:rotate(-180deg);}
.accordion-icon svg {width:12px; fill:var(--blanc);}

#regions .col-1-3 {width:100%;}
.sidebar {position:sticky; top:0; --offset:0px; top:var(--offset);}
.regions-carte {width:60%;}
.regions-carte svg {height:100%;}
.regions-carte .st0 {fill:var(--vert1); transition:.2s;}
.regions-carte .st0.active, .regions-carte .st0:hover {fill:var(--vert2);} 
.regions-carte .st1 {fill:var(--blanc);}
.regions-carte .st2 {fill:var(--vert2);}
#taxonomy-region .liste-regions {position:sticky; top:0; --offset:var(--pad150); top:var(--offset);}

.item-realisation {overflow:hidden; position:relative; height:32rem; color:var(--blanc);}
.item-realisation:hover {color:var(--blanc);}
.gradient {background:linear-gradient(var(--noir), 50%, transparent); position: absolute; width:100%; height:50%; top: 0; left: 0; pointer-events: none;
z-index: 1;}
.item-realisation .flex, .faq-link .content-60, .faq-link .wrapper-btn {z-index:2;}
.item-realisation .thumb-img {z-index:-1; transition:.3s var(--ease2);}
.item-realisation:hover .thumb-img, .faq-link:hover .thumb-img {transform:scale(1.05);}
.item-realisation .btn-nav {border:0; pointer-events:none;}
.item-realisation .btn-nav:hover .text {opacity:0; transform:none;}
.item-realisation .btn-nav:hover .hover {opacity:1; transition-delay:.05s; transform:none;}
.item-realisation:hover .btn-nav .text, .faq-link:hover .btn-nav .text {opacity:0; transform:translateY(-100%);}
.item-realisation:hover .btn-nav .hover, .faq-link:hover .btn-nav .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.item-realisation:hover .btn-nav, .faq-link:hover .btn-nav {background:var(--vert2);}
.item-realisation .btn-nav .hover svg, .faq-link .btn-nav .hover svg {fill:var(--blanc);}

.pagination {position:relative!important;}
.pagination a {color:var(--noir);}
.pagination li {display:inline-block; margin-bottom:0; overflow:hidden;}
.pagination .page-numbers {position:relative; display:flex; align-items: center; justify-content: center; border-radius:6.25rem; transform-style:preserve-3d;
box-sizing:border-box; transform:translateZ(0); height:var(--pad60); width:var(--pad60); background:var(--vert2); color:var(--blanc);}
.pagination .next.page-numbers, .pagination .prev.page-numbers {display:none;}
.pagination .page-numbers:before  {content: ''; position:absolute; border-radius:6.25rem; transform-origin:50% 50%; transform:translate(0); inset:0; 
transition:.2s cubic-bezier(0.23, 1, 0.32, 1); z-index:-1; border:0; background:transparent;}
.page-numbers.current {color:var(--noir); background:var(--transparent); pointer-events:none;}
.page-numbers.current:before {background:var(--vert1);}
.pagination .page-numbers:hover::before {background:var(--vert1);}
.pagination .page-numbers:hover {color:var(--noir);}

.liste-regions .btn.active {background:var(--noir); border:0; pointer-events:none;}
.liste-regions .btn.active .text {color:var(--blanc);}

.galerie-photos {display:flex; flex-direction:column; align-items:flex-end;}
.galerie-photos img {height:70vh; width:auto; object-fit: cover;}
.galerie-photos .swiper-slide {width:auto;}
.galerie-photos .btn-nav, .realisations .navigation .btn-nav {background:transparent;}
.galerie-photos .btn-nav:hover, .realisations .navigation .btn-nav:hover {background:var(--blanc);}

.swiper-slide .bloc.bg-gris {height:100%;}

.article ul {border-left:1px solid var(--vert1); margin:var(--pad30) 0; padding-left:var(--pad70); display:flex; flex-direction:column; grid-gap:var(--pad20);}
.article .font-size--c ul {margin:var(--pad15) 0; padding-left:var(--pad50);}
.article .font-size--c ul {grid-gap:var(--pad10);}
.transparence-prix .article ul {margin:1rem 0 0 0!important;}
.article li {position:relative;}
.article .font-size--c li:before {width:10px; height:10px; left:-30px; top:6px;}
.article li:before {content:''; background:var(--vert1); border-radius:7rem; width:15px; height:15px; position:absolute; left:-40px; top:10px;}
.article h2 {margin:var(--pad50) 0 var(--pad20) 0; color:var(--vert2);}
.article h2:first-child {margin:0 0 var(--pad20) 0;}
.article h3 {margin:var(--pad50) 0 var(--pad20) 0;}
.article.underline a {color:var(--vert2);}
.article.underline a:before {content:''; position:absolute; bottom:1px; left:0; width:100%; min-height:1px; height:1px; transform-origin:left;
transform:scaleX(1); transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--vert2);}
.article.underline a:hover::before {transform-origin:right; transform:scaleX(0);}
.article.font-size--s p, .article.font-size--s ul {margin:1rem 0;}
.article.font-size--s p:first-child {margin:0 0 1rem 0;}
.article.font-size--s ul {padding-left: 2.5rem; grid-gap:var(--pad10);}
.article.font-size--s li:before {width:8px; height:8px; left:-25px;top:4px;}
.article p {margin:var(--pad30) 0;}
.article p:first-child {margin:0 0 var(--pad30) 0;}
.font-size--c.article p {margin:var(--pad20) 0;}
.font-size--c.article p:first-child {margin:0 0 var(--pad20) 0;}
.font-size--c.article li:before {width:10px; height:10px; top:8px;}
.font-size--c.underline a:before {bottom:0px;}
.article img.alignright {float:right; margin-left:2rem; margin-bottom:2rem;}

.onglets-lien {position:relative; color:var(--gris2); cursor:pointer; transition:.2s;}
.onglets-lien span {position:relative; line-height: 1.1;}
.onglets-lien:hover, .onglets-lien.active {color:var(--noir);}
.onglets-lien.active span:before {transform-origin:left;transform:scaleX(1);}

.onglets-lien span:before {content:''; position:absolute; bottom:4px; left:0; width:100%; min-height:4px; height:4px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--vert1); z-index:-1;}
.onglets-lien:hover span:before {transform-origin:left;transform:scaleX(1);}

.onglets-lien.active {pointer-events:none;}
.contenu-onglet {position:absolute; top:0; left:0; opacity:0; pointer-events:none; transform:translateY(2rem); transition:.3s;}
.contenu-onglet.active {position:relative; opacity:1; pointer-events:auto; transform:none; transition:.3s;}

.onglets-liste div {padding:var(--pad30) 0; border-top:1px solid var(--gris2);}
.onglets-liste div:last-child {border-bottom:1px solid var(--gris2);}

.sidebar-product {padding:calc(var(--pad100) * 2) var(--pad50) var(--pad50) 0; position:sticky; top:0; --offset:0px; top:var(--offset);}

.accordion .accordion-item {cursor:pointer;}
.accordion .accordion-item .reponse {display:none;}

.faq-links {grid-template-areas:"a b" "a c" }
.faq-link {position:relative;}
.faq-link .btn-nav {border:0;}
.faq-links .faq-link:hover {color:var(--blanc);}
.faq-links .faq-link:nth-child(1) {grid-area: a; aspect-ratio: 9 / 5;}
.faq-links .faq-link:nth-child(2) {grid-area: b;}
.faq-links .faq-link:nth-child(3) {grid-area: c;}
.faq-link .thumb-img {transition:.3s var(--ease2); opacity: .5; background-size:cover!important; background-position:center center!important;}

.avantages-menu {padding:var(--pad100) 0 var(--pad50) var(--pad50); position:sticky; top:0; --offset:0px; top:var(--offset);}
.avantages-menu a {color:var(--blanc); opacity:.5;}
.avantages-menu a:hover, .avantages-menu a.active {opacity:1;}
.avantages-count--active {width:1.7rem; overflow:hidden;}
.avantages-count--active div {opacity:0; position:absolute; transition:.3s;}
.avantages-count--active div.active {opacity:1;}
.avantages-count--total:before {content:'0';}
.avantages-menu .counter:before {counter-increment: item; content: "0"counter(item);}
.avantages-content {grid-gap:10vh; padding:var(--pad100) var(--pad100) var(--pad100) 0;}
.avantages-item {height:70vh;}
.avantages-pic {height:100%; width:100vw; position:absolute; top:13%; left:0; pointer-events:none; z-index:-1;}
.avantages-pic--img {position:absolute; opacity:.5;}
.avantages-pic--img img {width:18rem; height:auto;} 
.avantages-pic--img-1 {top:9%; right:-2%;}
.avantages-pic--img-2 {top:11%; left:25%;}
.avantages-pic--img-3 {top:20%; left:-2%;}
.avantages-pic--img-4 {top:22%; right:10%;}
.avantages-pic--img-5 {top:29%; left:25%;}
.avantages-pic--img-6 {top:40%; left:10%;}
.avantages-pic--img-7 {top:43%; right:-2%;}
.avantages-pic--img-8 {top:54%; left:30%;}
.avantages-pic--img-9 {top:61%; left:-2%;}
.avantages-pic--img-10 {top:66%; right:20%;}
.avantages-pic--img-11 {top:74%; left:13%;}
.avantages-pic--img-12 {top:77%; right:10%;}

.sidebar-contact {padding-left:var(--pad50); position:sticky; --offset:var(--pad100); top:var(--pad100);}
.formulaire {padding-right:var(--pad50);}
.informations {padding:var(--pad30) 0; border-top:1px solid var(--gris2); border-bottom:1px solid var(--gris2);}
.btn-prix {cursor:pointer;}

.transparence-prix {position:fixed; width:100vw; height:100vh; top:0; left:0; pointer-events:none; z-index:10;}
.transparence-prix.open {pointer-events:auto;}
.transparence-prix--overlay {position:absolute; width:100vw; height:100vh; top:0; left:0; background:rgba(0,0,0,0); transition:.5s cubic-bezier(.215,.61,.355,1); z-index:-1;}
.transparence-prix.open .transparence-prix--overlay {background:rgba(0,0,0,.6);}
.transparence-prix--sidebar {background:var(--blanc); position:absolute; top:0; right:0; width:40vw; height:100vh; transition:.5s cubic-bezier(.215,.61,.355,1); transform:translateX(100%); padding:var(--pad50);}
.transparence-prix.open .transparence-prix--sidebar {transform:none;}
.transparence-prix .close {width:var(--pad50); height:var(--pad50); border-radius:6rem; background:var(--vert2); transition:.2s; cursor:pointer; display: flex; align-content: center; justify-content: center;}
.transparence-prix .close svg {fill:var(--blanc); width:30%; height:auto;}
.transparence-prix .close:hover {transform:rotate(90deg); background:var(--noir);}
.transparence-table {border-top:1px solid var(--gris2);}
.transparence-prix .line {padding:.4rem 0; border-bottom:1px solid var(--gris2);}
.transparence-onglet--icon {display:none;}

#page-exploitation-agricole .thumb.thumb-page.radius {height:100%;}



/* FOOTER */

.avis {height:auto; position:relative;}
.avis .swiper-slide:nth-child(1) .avis-item, .avis .swiper-slide:nth-child(4) .avis-item, .avis .swiper-slide:nth-child(7) .avis-item {background:var(--vert1); color:var(--noir); height:100%;}
.avis .swiper-slide:nth-child(2) .avis-item, .avis .swiper-slide:nth-child(5) .avis-item, .avis .swiper-slide:nth-child(8) .avis-item {background:var(--vert2); color:var(--blanc); height:100%;}
.avis .swiper-slide:nth-child(3) .avis-item, .avis .swiper-slide:nth-child(6) .avis-item, .avis .swiper-slide:nth-child(9) .avis-item {background:var(--noir); color:var(--blanc); height:100%;}
.swiper-cards {width:30vw; height:42rem;}
.swiper-cards .swiper-slide {display:flex; align-items: center; justify-content:center;}
.swiper-3d .swiper-slide-shadow {background:none!important;}

.rating-reviews {display:flex; align-items:flex-start; flex-direction:initial!important;}
.rating-reviews .rating {border:1px solid var(--gris); padding:1rem 2rem; align-items:center; grid-gap:.5rem;}
.rating img {width:90px;}
.rating-star img {width:110px;}
.rating-stars {grid-gap:.6rem; align-items:center;}
.rating-stars span {color:var(--clair);}

.footer-newsletter .mc4wp-form-fields {position:relative;}
.footer-newsletter input[type="email"] {height:var(--pad70); border:1px solid var(--gris2); padding:0 11rem 0 var(--pad30); width: 100%;}
.footer-newsletter input[type="submit"] {height:var(--pad35); border-radius:8rem; padding: 0 var(--pad30); background:var(--vert2); border:0; color:var(--blanc); 
cursor:pointer; position:absolute; right:var(--pad30); top:50%; transform:translateY(-50%);}
.footer-newsletter input[type="submit"]:hover {background:var(--noir);}
.footer-newsletter .mc4wp-alert.mc4wp-success {margin-top:2rem;}

.avis-item {align-items: flex-start;}

.footer-bg {position: absolute; right: 0; z-index: -1; bottom:25rem;}
.footer-col {width:calc(100% / 3);}
.footer-col img {width:var(--pad70);}
.marsrouge {width:40px; fill:var(--noir); transition:.2s;}
.marsrouge:hover {width:40px; fill:var(--vert2);}



/* CONTACT */

.form-item--message {margin-bottom:0!important;}
.label {margin-bottom:var(--pad20);}

button[type="submit"] {position:relative; font-family:inherit;}
input, textarea {font-family:inherit; font-weight:inherit; color:var(--noir); font-size:inherit; transition:.2s;}
input {border-radius:1rem; padding:0 var(--pad50); height:var(--pad100);}
textarea {border-radius:1.5rem; resize: none; height:auto; padding:var(--pad30) var(--pad50);}

.formulaire .label {margin-bottom:var(--pad20);}
.formulaire input, .formulaire textarea {width:100%; border:0; background:var(--gris);}
.formulaire input:focus, .formulaire textarea:focus {background:var(--gris2);}
.formulaire .btn {height:var(--pad50);}

.wpcf7-list-item {border-radius:1.5rem; background:var(--gris); width:100%; padding:0 var(--pad50); height:var(--pad100); display: flex; align-items: center;}
.wpcf7-list-item label {width:100%;}

.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:flex; column-gap:4rem; row-gap:var(--pad20); 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:-4rem; background: none; border:2px solid var(--vert2); border-radius:50%; display:inline-block; vertical-align:middle;
height:25px; width:25px; 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:.5; color:var(--noir) -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:.5; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:.5; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:.5; color:var(--noir) -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:.5; color:var(--noir) transition: opacity .5s;}

*:focus::-webkit-input-placeholder {opacity:.5; color:var(--noir)}
*:focus:-moz-placeholder {opacity.5; color:var(--noir)}
*:focus::-moz-placeholder {opacity:.5; color:var(--noir)}
*:focus:-ms-input-placeholder {opacity:.5; color:var(--noir)}
*:focus::placeholder {opacity:.5; color:var(--noir)}

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

.wpcf7-not-valid {border:2px solid #d73333!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:#d73333; font-size: .8rem; width: 100%; position: absolute; display: block; margin-top:.5rem;}



/* WOOCOMMERCE */

.qty-input {display: flex; align-items: center; position:relative; overflow: hidden;}
.qty {height:var(--pad80); width: 100%; border:1px solid var(--gris2); width:100%; &:focus {outline: none;}}
.qty {text-align: center; appearance: textfield;  &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {appearance: none;margin: 0;}}
.qty-count {background:var(--vert2); border:0; color: var(--blanc); height:var(--pad40); width:var(--pad40); border-radius:6rem; border-radius: 6rem;
display: flex; align-items: center; justify-content: center; transition:.2s; &:focus {outline: none;}}
.qty-count:hover {background:var(--noir);}
.qty-count--minus {position:absolute; left:var(--pad20);}
.qty-count--add {position:absolute; right:var(--pad20);}
.wc-block-components-quantity-selector {width:100%!important;}
.wc-block-cart-item__image a {display: block; border-radius: 6rem; overflow: hidden; height: 5rem; width: 5rem;}
.wp-block-woocommerce-cart input:focus, .wc-block-components-checkbox input:focus, .wc-block-components-button, .wc-block-components-button:focus, .wc-block-components-button:active
 {outline: none!important;}
.wp-block-woocommerce-cart input[type="radio"], .wp-block-woocommerce-checkout input[type="radio"] {display: none;}
.wp-block-woocommerce-cart input[type="radio"] + .wc-block-components-radio-control__option-layout::before,
.wp-block-woocommerce-checkout input[type="radio"] + .wc-block-components-radio-control__option-layout::before {position: absolute; top:0;
left:1rem; background: none; border:2px solid var(--vert2); border-radius:50%; display:inline-block; vertical-align:middle;
height:25px; width:25px; content:''; transition:.2s;}
.wp-block-woocommerce-cart input[type="radio"]:checked + .wc-block-components-radio-control__option-layout::before,
.wp-block-woocommerce-checkout input[type="radio"]:checked + .wc-block-components-radio-control__option-layout::before 
{background:var(--vert2);}
.wc-block-components-local-pickup-select input[type="radio"] + .wc-block-components-radio-control__option-layout::before,
.wc-block-components-shipping-rates-control input[type="radio"] + .wc-block-components-radio-control__option-layout::before {top:1.4rem;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {max-width: 48px; width: 48px; border-radius: 6rem;}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]
{border: 2px solid var(--gris2)!important; border-radius:1.5rem!important; font-size:.9rem!important; 
height: 30px!important; min-height:30px!important; min-width: 25px!important;  width: 25px!important;}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {border: 2px solid var(--vert2)!important;}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {fill: var(--vert2)!important;}
.wc-block-components-button {background:var(--vert2); border-radius:6rem; color:var(--blanc)!important; transition:.2s!important;}
.wc-block-components-button:hover {background:var(--noir);}
.article a.wc-block-components-button:before {content:none;}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {display:none!important;}
.woocommerce-MyAccount-navigation ul {display:grid; grid-template-columns: 1fr 1fr; grid-gap:var(--pad30); border-left: 0; margin: 0; padding-left: 0;}
.woocommerce-MyAccount-navigation li {background:var(--gris); border-radius:1.5rem; overflow:hidden;}
.woocommerce-MyAccount-navigation li a {color:var(--noir)!important; display:flex; width:100%; padding: var(--pad20) var(--pad30); z-index:1;}
.woocommerce-MyAccount-navigation li:after {content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; 
transform: scaleY(0); transform-origin: center top; background-color: var(--vert2); transition: transform .5s cubic-bezier(.215,.61,.355,1);}
.woocommerce-MyAccount-navigation li:hover::after {transform:scaleY(1); transform-origin:center bottom;}
.woocommerce-MyAccount-navigation li:hover a {color:var(--blanc)!important;}
.woocommerce-MyAccount-navigation li:before, .article .woocommerce-MyAccount-navigation a:before {content:none;}
.woocommerce-MyAccount-content {margin-top:var(--pad50);}
.woocommerce-info {border-top:0!important;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, .woocommerce-MyAccount-content a:before {content:none!important;}

.woocommerce-notices-wrapper {position:absolute; top:var(--pad100); z-index:10;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {padding:var(--pad20) var(--pad50)!important; margin:0!important; position: relative;
background-color:var(--gris)!important; color:var(--noir)!important; border-top:0!important; width:100vw!important; list-style: none outside; word-wrap: break-word;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
overflow: visible; padding: .618em 1em; font-weight: 400!important; border-radius: 6rem!important; color:var(--blanc)!important; 
background-color:var(--vert2)!important;}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
background:var(--noir)!important;}
.woocommerce form .form-row {padding:1rem!important; margin: 0 0 .5rem!important;}
.wc-block-components-product-badge {padding:.5rem 1rem!important;}

.wc-block-checkout__shipping-option input[type="radio"] + .wc-block-components-radio-control__option-layout::before, 
.wc-block-checkout__shipping-option input[type="radio"] + .wc-block-components-radio-control__option-layout::before {top: 1.2rem!important;}
.wc-block-checkout__payment-method input[type="radio"] + .wc-block-components-radio-control__option-layout::before, 
.wc-block-checkout__payment-method input[type="radio"] + .wc-block-components-radio-control__option-layout::before {top: 1.4rem!important;}
.wc-block-components-totals-shipping__via {display:none;}

.wc-block-components-notice-banner.is-info {background-color:var(--vert1)!important; border-color:var(--vert1)!important; color:var(--noir)!important;}
.wc-block-components-notice-banner.is-info > svg {background-color:var(--vert2)!important;}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1790px) {
	
	body, .normal, .article h3 {font-size: 1.3rem; line-height: 1.35;}
	
	.content-25 {width:40%;}

	
	.content-65 {width: 80%;}
	.content-85 {width: 100%;}
	
	.wrapper-first {padding: calc(var(--pad100) * 1.5) var(--pad50) var(--pad100) var(--pad50);}
	.sidebar-product {padding: calc(var(--pad100) * 1.5) var(--pad50) var(--pad50) 0;}
	.wrapper-200-0-0-50 {padding: calc(var(--pad100) * 1.5) 0 0 var(--pad50);}
	.wrapper-200-50-0-0 {padding: calc(var(--pad100) * 1.5) var(--pad50) 0 0;}
	
}

@media screen and (max-width:1490px) {
	
	.font-size--b {font-size: 1.6rem;}
	.font-size--c, .btn, .pagination, .formulaire .label, .woocommerce-MyAccount-content {font-size:.95rem;}
	
	.content-65, .content-70 {width:100%;}
	
	.btn {padding: 0 var(--pad25);}
	
	.item-product--engrais {aspect-ratio: 1 / 1;}
	.item-realisation {height: auto; aspect-ratio: 1 / 1;}
	
	.product-arguments .thumb {aspect-ratio: auto; height: 100%;}
	#second .thumb {aspect-ratio: 1 / 1; order:2;}
	.thumb-page {height: auto;}
	#second #assistance {order:1;}
	
	.faq-links .faq-link:nth-child(1) {aspect-ratio: 9 / 6;}
	
	.col-1-2 {grid-template-columns: 1fr;}
	#homepage .col-1-2, .page-contact .col-1-2 {grid-template-columns: 1fr 2fr;}
	#product.col-2-1 {grid-template-columns:2fr 1.5fr;}
	.col-3, .col-4 {grid-template-columns:1fr 1fr;}
	.footer-col {width: auto;}
	
	.thumb-product {top: 0%;}
	
	.transparence-prix--sidebar {width:70vw;}
	.transparence-table {grid-template-columns: 1fr 1fr; column-gap: var(--pad30); display: grid; border-top:0;}
	
	.btn-big {width: var(--pad80); height: var(--pad80);}
	.btn-big svg {height: var(--pad20);}
	
	input, .wpcf7-list-item {padding: 0 var(--pad30); height: var(--pad80);}
	textarea {padding:var(--pad30);}
	.wpcf7-list-item-label {left: 3rem; width: calc(100% - 3rem);}
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {left: -3rem; height: 20px; width: 20px;}
	
	.footer-bg {bottom: 22rem; width: 40%;}
	.footer-bg img {width:100%;}
	
}

@media screen and (max-width:1190px) {
	
	:root {
	
	--pad200:4rem;
	--pad150:3rem;
	--pad100:3rem;
	--pad90:3rem;
	--pad80:2.5rem;
	--pad70:2.5rem;
	--pad60:2rem;
	--pad50:2rem;
	--pad40:1.5rem;
	--pad35:1.5rem;
	--pad30:1.5rem;
	--pad25:1rem;
	--pad20:1rem;
	--pad15:1rem;
	--pad10:.5rem;
	
	}
	
	body, .normal, .article h3 {font-size: 1.2rem; line-height: 1.5;}
	.font-size--b {font-size: 1.5rem;}
	.font-size--c, .btn, .pagination, .formulaire .label, .woocommerce-MyAccount-content {font-size: .9rem;}
	.font-size--a.title span:before {min-height: 4px; height: 4px;}
	.font-size--b.title span:before {bottom: 2px; min-height: 2px; height: 2px;}
	.onglets-lien span:before {bottom: 2px; min-height: 3px; height: 3px;}

	.overlay-menu, .overlay-menu.scroll {height:5rem;}
	.overlay-logo, .overlay-menu.scroll .overlay-logo {width:160px; margin-top:.5rem;}
	.btn-panier {width: 6rem !important;}
	
	.height-100b, .height-100 {height:auto; min-height:auto;}
	
	.panier-count {font-size:70%;}
	.btn, .breadcrumb .btn, .breadcrumb-child {height: var(--pad60);}
	.btn-nav {height:var(--pad50); width:var(--pad50);}
	.btn-big {width:4rem; height:4rem;}
	
	.wrapper-homepage .itemsstart {grid-gap:var(--pad50); align-items: center;}
	.wrapper-homepage {padding:calc(5rem + var(--pad50)) var(--pad50) 0 var(--pad50);}
	.wrapper-first {padding:calc(5rem + var(--pad50)) var(--pad50) var(--pad100) var(--pad50);}
	.wrapper-200-50-0-0 {padding:calc(5rem + var(--pad50)) var(--pad50) 0 var(--pad50);}
	.wrapper-200-0-0-50 {padding:0 var(--pad50) 0 var(--pad50);}
	
	#homepage .wrapper-homepage .col-1-2, .col-avantages, #regions .col-1-3, .page-contact .col-1-2 {grid-template-columns:1fr;}
	.arguments-carousel .bloc {height: 15rem;}
	.homepage-gazons img {display:none;}
	.item-product--engrais .thumb-product {top:7%;}
	.item-product--engrais {aspect-ratio: 1 / .8;}
	.item-product {aspect-ratio: 9 / 8;}
	.product-arguments .thumb {aspect-ratio: 2 / 1;}
	
	.item-link--bottom .thumb {width:4rem; height:4rem;}
	.item-link--bottom--ct {width: calc(100% - 4.5rem - var(--pad20));}
	.thumb svg {width: 20px;}
	
	.article li:before {width: 10px; height: 10px; left: -25px; top: 8px;}
	.article .font-size--c li:before {width: 8px; height: 8px; left: -20px; top: 6px;}
	.liste-item {height: var(--pad200);}
	.liste-item--icon, .accordion-icon {height:var(--pad60); width:var(--pad60);}
	.liste-item--icon svg, .accordion-icon svg {width:10px;}
	.liste-item div {align-items:center;}
	
	#product {grid-gap:0;}
	#product.col-2-1, #taxonomy-region .col-1-3 {grid-template-columns: 1fr;}
	.sidebar {position: relative;}
	.sidebar-product {padding: 0 var(--pad50); grid-gap: var(--pad50);}
	.qty {height: var(--pad200);}
	.qty-count {height: var(--pad80); width: var(--pad80);}
	.transparence-prix--sidebar {width:90vw;}
	.transparence-prix .line {padding: var(--pad20) 0;}
	.transparence-prix .close {width: var(--pad80); height: var(--pad80);}
	.sidebar-product .wrapper-btn {margin-bottom:var(--pad200);}
	
	#regions .wrapper-100-50-100-0 {display:none;}
	#regions .wrapper-100-0-100-50 {padding: var(--pad100) var(--pad50);}
	#regions .wrapper-tb {padding:0 var(--pad50) var(--pad100) var(--pad50);}
	.regions-carte {display:none;}
	
	#taxonomy-region .wrapper-200-0-0-50 {order:2;}
	#taxonomy-region .wrapper-200-50-0-0 {order:1;}
	
	.avantages-item {height: 50vh;}
	.avantages-menu {display:none;}
	.avantages-menu {position:relative;}
	.avantages-content {padding: var(--pad100);}
	
	.sidebar-contact {position:relative; padding:0 var(--pad50) var(--pad200) var(--pad50); top:0; flex-direction: initial; justify-content: space-between;}
	.formulaire {padding:0 var(--pad50);}
	.avis {grid-template-columns: 1fr;}
	
	input, .wpcf7-list-item {height: var(--pad100);}
	.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {
    left: -3rem; height: 15px; width: 15px;}
	.formulaire .btn {height: var(--pad100); padding:0 var(--pad50);}
	
	.footer-bottom {flex-direction: column; grid-gap: var(--pad50);}
	
	.woocommerce-notices-wrapper {position: relative; top: 5rem;}
	
	.avis-bloc--1 {order:2; align-items: center;}
	.avis-bloc--2 {order:1;}
	.swiper-cards {width:80vw; height: 25rem;}
	.rating-reviews {justify-content: center;}
	
}

@media screen and (max-width:890px) {
	
	.font-size--a {font-size: 2rem; line-height: 1;}
	.font-size--b, .article .font-size--b h2, .article h2 {font-size: 1.35rem;}
	body, .normal, .article h3 {font-size: 1.1rem; line-height: 1.5;}
	
	.btn-big, .bloc, .radius, .liste-item--ext, textarea, .wpcf7-list-item, .woocommerce-error, .woocommerce-info,
	.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .woocommerce-MyAccount-navigation li {border-radius:1rem;}
	
	.content-25, .content-35, .content-50, .content-60, .content-70, .content-80, .content-90 {width:100%;}
	
	.col-2, .col-3, .col-4, .col-1-3, .col-2-1, .form-item--connu .wpcf7-radio, .woocommerce-MyAccount-navigation ul, .transparence-table {grid-template-columns:1fr;}
	
	.wrapper-first {flex-direction:column; grid-gap:var(--pad60);}
	
	.wrapper-homepage {padding: 6rem var(--pad50) 0 var(--pad50);}
	.wrapper-first {padding:6rem var(--pad50) var(--pad100) var(--pad50);}
	.wrapper-200-50-0-0 {padding:6rem var(--pad50) 0 var(--pad50);}
	.homepage-gazons .bg-blanc .content-100 {flex-direction:column; grid-gap: var(--pad20);}
	.item-product--engrais .thumb-product {top:14%;}
	
	.item-product {aspect-ratio: 9 / 9;}
	.item-product--details {flex-direction: column; align-items: center; text-align:center; grid-gap: var(--pad20);}
	.thumb-product {top: 20%;}
	.contenu-onglet .liste-item {height:auto; padding: 0 var(--pad30);}
	.contenu-onglet .liste-item .flex {flex-direction:column; height: auto; grid-gap:var(--pad20); padding:var(--pad30) 0; align-items: flex-start;
	width: calc(100% - var(--pad80));}
	
	.breadcrumb {flex-direction:column;} 
	
	.wrapper-first .flex.justify.grid-pad80.mar-50 {flex-direction:column;}
	.product-arguments .col-2:nth-child(1) .bloc, .product-arguments .col-2:nth-child(3) .bloc {order:1;}
	.product-arguments .col-2:nth-child(1) .thumb, .product-arguments .col-2:nth-child(3) .thumb {order:2;}
	.product-quantite .flex.justify.grid-pad50.font-size--c.mar-15 {flex-direction:column; grid-gap: var(--pad10);}
	.sidebar-product .informations {text-align:center;}
	.sidebar-product .informations .flex.alignbottom.itemstbottom {justify-content: center;}
	.transparence-prix--sidebar {width: 100vw;}
	.transparence-prix--sidebar .alignbottom {justify-content: flex-end;}
	
	.galerie-photos .swiper-slide {width:100%;} 
	.galerie-photos img {height: auto; width: 100%;}
	
	.liste-item {padding: var(--pad30); height:auto;}
	
	.faq-links {grid-template-areas: "a" "b" "c";}
	
	.liste-item--ext {padding: 0 .5rem;}
	.accordion-item.liste-item .question {padding: var(--pad30);}
	.question .flex.grid-pad30 {flex-direction:column; grid-gap: var(--pad20); align-items: flex-start; width:80%;}
	.reponse-cnt {flex-direction:column; grid-gap: var(--pad20); align-items:flex-start!important;}
	
	.sidebar-contact { flex-direction: column; padding: 0 var(--pad50) var(--pad100) var(--pad50);}
	
	.avantages-content {grid-gap: 10rem;}
	.avantages-item {height: auto;}
	.avantages-pic--img img {width:12rem;}
	.avantages-pic--img-1 {top:4%; right: -2%;}
	.avantages-pic--img-3 {top:18%; left: -2%;}
	.avantages-pic--img-10 {top:68%; right: 20%;}
	.avantages-pic--img-11 {top: 73%; left: -4%;}
	.avantages-pic--img-12 {top:80%;}
	
	.wpcf7-acceptance .wpcf7-list-item {height:auto; padding: var(--pad30);}
	
	.footer-col {flex-direction: column; align-items: center;}
	
	.overlay-logo, .overlay-menu.scroll .overlay-logo {width: 150px;}
	.overlay-menu, .overlay-menu.scroll {height:4rem;}
	.overlay-menu {justify-content:center;}
	.overlay-links {display:none;}
	.menu-mobile {display:flex;}
	.menu-mobile--wrapper, .menu--mobile--shop {display: flex;}
	.transparence-prix {height: calc(100vh - 4rem); top: 4rem;}
	
	.liste-item .flex.grid-pad30 {flex-direction:column; align-items: flex-start; grid-gap:var(--pad20); width:80%;}
	
	.wc-block-cart-item__image a {height: 3rem; width: 3rem;}
	.wc-block-components-local-pickup-select input[type="radio"] + .wc-block-components-radio-control__option-layout::before, 
	.wc-block-components-shipping-rates-control input[type="radio"] + .wc-block-components-radio-control__option-layout::before {top:auto;}
	.wp-block-woocommerce-cart input[type="radio"] + .wc-block-components-radio-control__option-layout::before, 
	.wp-block-woocommerce-checkout input[type="radio"] + .wc-block-components-radio-control__option-layout::before {height: 15px; width: 15px;}
	.woocommerce .col2-set, .woocommerce-page .col2-set {grid-gap: var(--pad50); display: flex; flex-direction: column;}
	.woocommerce-notices-wrapper {top: 4rem;}
	.woocommerce-message {display:flex; flex-direction:column; grid-gap:var(--pad30);}
	
	.transparence-onglet--1, .transparence-onglet--2, .transparence-onglet--3 {cursor:pointer; display:flex; align-items: center; grid-gap: var(--pad10);}
	.transparence-content--1, .transparence-content--2, .transparence-content--3 {display:none;}
	.transparence-content--1.open, .transparence-content--2.open, .transparence-content--3.open {display:block;}
	.transparence-onglet--icon {display:block; width:12px; height:12px; position:relative;}
	.transparence-onglet--bar {width:100%; height:1px; background:var(--vert2); position:absolute;}
	.transparence-onglet--bar:nth-child(1) {transform:translateY(-50%); top:50%; left:0;}
	.transparence-onglet--bar:nth-child(2) {transform:rotate(-90deg) translateX(-50%); top:0; left:0;}
	.transparence-onglet--icon.open .transparence-onglet--bar:nth-child(2) {display:none;}
	
	.article img.alignright {float:none!important; width:100%; height:auto; margin-left:0; margin-top:2rem; margin-bottom:2rem;}
	
	.footer-newsletter input[type="email"] {padding: 1.5rem;}
	.footer-newsletter input[type="submit"] {position: relative; right: 0; top: auto; transform: none; height: 2.5rem;}
	.footer-newsletter .mc4wp-form-fields {position: relative; display: flex; flex-direction: column; grid-gap: var(--pad20); align-items: center;}

}