/*
Theme Name: Propano
Theme URI: https://www.propano.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;
	--beige:#f9ebde;
	--beige2:#dccfd0;
	--marron1:#815156;
	--marron2:#5e3136;
	--marron3:#c7afa8;
	--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;
	--pads:2rem;
	--scroll:6rem;
	--ease:cubic-bezier(.215,0,.355,1);
	
} 

* {scrollbar-width: none; -ms-overflow-style: none;}
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); overflow-x: hidden; 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 .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; 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: neuzeit-grotesk, sans-serif; font-weight:700; font-style:normal; font-optical-sizing:auto; line-height:1.1;}
h1, h2, h3 , h4 {line-height:1;}

body, .article h3 {font-size:1.3rem;}
.font-size--a {font-size:3vw; line-height:.9;}
.font-size--b {font-size:2.5rem; line-height:1.1;}
.font-size--c, .article h2 {font-size:2rem; line-height:1.1;}

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

.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(--beige);}
.underline a:hover::before {transform-origin:left;transform:scaleX(1);}



/* 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;}
.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-pads {grid-gap:var(--pads);}

.column-2 {columns: 2;}

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

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

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

.wrapper-t-lrx {padding:var(--pad150) var(--pad35);}
.wrapper-t-lrx-b {padding:var(--pad150) var(--pad35) var(--pad200) var(--pad35);}
.wrapper-homepage {padding:calc(var(--pad100) * 1.5) var(--pad35) var(--pad35) var(--pad35);}
.wrapper-lr {padding:0 var(--pad35);}
.wrapper-lrb {padding:0 var(--pad35) var(--pad35) var(--pad35);}
.wrapper-first {padding:calc(var(--pad100) * 2) 0 var(--pad35) 0;}
.wrapper-first-bb {padding:calc(var(--pad100) * 2) 0 var(--pad200) 0;}
.wrapper-40 {padding:var(--pad40);}
.wrapper-50 {padding:var(--pad50);}
.wrapper-100 {padding:var(--pad100) var(--pad100) var(--pad150) var(--pad100);}
.wrapper-t-100 {padding:var(--pad150) var(--pad100) var(--pad200) var(--pad100);}
.wrapper-footer {padding:var(--pad150) var(--pad35) var(--pad35) var(--pad35);}
.wrapper-r-150 {padding-right:var(--pad150);}
.wrapper-l-35 {padding-left:var(--pad35);}

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

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

.width-100 {width:100%;}

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



/* OVERLAY */

.overlay-logo {position:fixed; top:var(--pad35); transform:translateX(-50%); left:50%; z-index:10; height:4rem; align-content: center; pointer-events:auto; 
transition:.2s var(--ease);}
.overlay-logo .logo {opacity:0; transform:translateY(-2rem); transition:.3s var(--ease);}
.is-ready .overlay-logo .logo {opacity:1; transform:none; transition-delay:.1s;}
.logo {display:flex;}
.logo svg {width:330px; fill:var(--marron2);}
.overlay-logo.scroll {opacity:0; top:0; pointer-events:none;}

.overlay-group--btn {position:fixed; right:var(--pad35); top:var(--pad35); z-index:20; opacity:0; transform:translateY(-2rem); transition:.3s var(--ease);}
.is-ready .overlay-group--btn {opacity:1; transform:none; transition-delay:.15s;}

.overlay-btn {border-radius:1rem; overflow:hidden; padding:0 var(--pad25); 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:4rem;}
.overlay-btn .text {position:relative;}
.overlay-btn .hover, .overlay-btn .text {transition:all .2s var(--ease); pointer-events:none; text-align: left; display:flex;}
.overlay-btn .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.overlay-btn .typo--link {position:relative; overflow:hidden;}
.overlay-btn:hover .text {opacity:0; transform:translateY(-100%);}
.overlay-btn:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.overlay-btn span {text-transform:uppercase;}

.overlay-menu--wrapper {position:relative; overflow:hidden; height:4rem;}

.overlay-menu--wrapper.open .overlay-menu {opacity:0; transform:translateY(-100%);}
.overlay-menu {background:var(--blanc); width:8rem;}
.overlay-menu .text {color:var(--marron2);}
.overlay-menu .hover {color:var(--beige);}
.overlay-menu:hover {background:var(--marron2);}

.overlay-close {background:var(--beige); width:8rem; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0; transition:all .2s var(--ease);}
.overlay-menu--wrapper.open .overlay-close {opacity:1; transition-delay:.05s; transform:translateY(0);}
.overlay-close .hover {color:var(--beige);}
.overlay-close:hover {background:var(--marron1);}

.overlay-devis {background:var(--marron2);}
.overlay-devis .text {color:var(--beige);}
.overlay-devis .hover {color:var(--beige);}
.overlay-devis:hover {background:var(--marron1);}

.overlay-devis svg {width:22px; fill:var(--beige); transition:.2s;}



/* MENU */

html.open {overflow:hidden!important;}

.menu {position:fixed; height:100vh; width:100vw; background:var(--blanc); z-index:-1; transition:.5s; opacity:0; pointer-events:none;}
.menu.open {opacity:1; pointer-events:auto; z-index:15;}
.menu-wrapper {width:100%; padding:var(--pad35);}

.menu-line-1, .menu-line-2 {overflow:hidden; height:100%;}
.menu-line-1 .item-product {width:30%; transform:translateX(15%); pointer-events:none; opacity:0;}
.menu-line-2 .item-product {width:30%; transform:translateX(-15%); pointer-events:none; opacity:0;}
.menu-line-1.open .item-product, .menu-line-2.open .item-product {transform:none; pointer-events:auto; opacity:1;}

.item-product.item-menu {background:var(--beige); border:0;}
.item-product.item-menu:hover {background:var(--marron1);}
.item-product.item-menu .wrapper-40 {height:100%; flex-direction: column;}
.item-product.item-menu .font-size--c {width:100%; transition:.2s;}
.item-product.item-menu:hover .font-size--c {color:var(--beige);}
.item-product.item-menu:hover .btn-circle {background:var(--beige);}
.item-product.item-menu:hover .btn-circle .hover svg {fill:var(--marron1);}

.menu-secondaire {display:flex; flex-direction:column; grid-gap:.5rem; align-items: flex-start;}
.menu-secondaire a {font-family:'italic'; font-size:2vw; line-height:1.2;}
.menu-secondaire a:before {bottom:0px!important;}
.menu-secondaire.open a {pointer-events:auto;}
.menu-secondaire.open a div {transform:none;}
.menu-secondaire.open a:nth-child(2) div {transition-delay:.1s;}
.menu-secondaire.open a:nth-child(3) div {transition-delay:.2s;}

.menu-logo {overflow: hidden; height: 35.9vw;}
.menu-logo svg {fill:var(--marron2); width:100%;}
.menu-logo .st0 {transform:translateY(105%); transition:.3s var(--ease);}
.menu-logo.open .st0 {transform:none;}
.menu-logo.open .st0:nth-child(2) {transition-delay:.03s;}
.menu-logo.open .st0:nth-child(3) {transition-delay:.06s;}
.menu-logo.open .st0:nth-child(4) {transition-delay:.09s;}
.menu-logo.open .st0:nth-child(5) {transition-delay:.12s;}
.menu-logo.open .st0:nth-child(6) {transition-delay:.15s;}
.menu-logo.open .st0:nth-child(7) {transition-delay:.18s;}

.menu-wrapper a.active {color:var(--orange);}



/* CONTENU */

.order-1 {order:2;}
.order-2 {order:1;}

#homepage .font-size--a, .wrapper-first .font-size--a {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready #homepage .font-size--a, .is-ready .wrapper-first .font-size--a {opacity:1; transform:none; transition-delay:.2s;}

.wrapper-first .font-size--c {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready .wrapper-first .font-size--c {opacity:1; transform:none; transition-delay:.25s;}

#homepage .content-40 .homepage-argument {opacity:0; transform:translateX(2rem); transition:.3s var(--ease);}
.is-ready #homepage .content-40 .homepage-argument {opacity:1; transform:none;}
.is-ready #homepage .content-40 .homepage-argument:nth-child(1) {transition-delay:.25s;}
.is-ready #homepage .content-40 .homepage-argument:nth-child(2) {transition-delay:.3s;}
.is-ready #homepage .content-40 .homepage-argument:nth-child(3) {transition-delay:.35s;}

#homepage .col-4 .item {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready #homepage .col-4 .item {opacity:1; transform:none;}
.is-ready #homepage .col-4 .item:nth-child(1) {transition-delay:.35s;}
.is-ready #homepage .col-4 .item:nth-child(2) {transition-delay:.4s;}
.is-ready #homepage .col-4 .item:nth-child(3) {transition-delay:.45s;}
.is-ready #homepage .col-4 .item:nth-child(4) {transition-delay:.5s;}

.product-caracteristiques .item-caracteristique {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready .product-caracteristiques .item-caracteristique {opacity:1; transform:none;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(1) {transition-delay:.3s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(2) {transition-delay:.35s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(3) {transition-delay:.4s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(4) {transition-delay:.45s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(5) {transition-delay:.5s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(6) {transition-delay:.55s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(7) {transition-delay:.6s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(8) {transition-delay:.65s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(9) {transition-delay:.7s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(10) {transition-delay:.75s;}
.is-ready .product-caracteristiques .item-caracteristique:nth-child(11) {transition-delay:.8s;}

.wrapper-first .table-matieres .title-matiere {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready .wrapper-first .table-matieres .title-matiere {opacity:1; transform:none; transition-delay:.3s;}

.wrapper-first .table-matieres .matiere-link {opacity:0; transform:translateY(2rem);}
.is-ready .wrapper-first .table-matieres .matiere-link {opacity:1; transform:none;}
.is-ready .wrapper-first .table-matieres .matiere-link:nth-child(1) {transition-delay:.35s;}
.is-ready .wrapper-first .table-matieres .matiere-link:nth-child(2) {transition-delay:.4s;}
.is-ready .wrapper-first .table-matieres .matiere-link:nth-child(3) {transition-delay:.45s;}
.is-ready .wrapper-first .table-matieres .matiere-link:nth-child(4) {transition-delay:.5s;}

.wrapper-first .thumb {opacity:0; transform:scale(.7); transition:.5s var(--ease);}
.is-ready .wrapper-first .thumb {opacity:1; transform:none;}

.wrapper-first-bb .font-size--a {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready .wrapper-first-bb .font-size--a {opacity:1; transform:none; transition-delay:.2s;}

.wrapper-first-bb .font-size--c {opacity:0; transform:translateY(2rem); transition:.3s var(--ease);}
.is-ready .wrapper-first-bb .font-size--c {opacity:1; transform:none; transition-delay:.25s;}

#second {opacity:0; transform:translateY(4rem); transition:.4s var(--ease);}
.is-ready #second {opacity:1; transform:none; transition-delay:.3s;}

.bg-marron1 {background:var(--marron1); color:var(--beige);}
.bg-marron2 {background:var(--marron2); color:var(--beige);}
.bg-marron3 {background:var(--marron3); color:var(--marron2);}
.bg-blanc {background:var(--blanc); color:var(--marron2);}
.underline a:before {background-color: var(--marron2);}
.bg-beige {background:var(--beige); color:var(--marron2);}
.radius {border-radius:1rem;}
.radius-b {border-radius:2rem;}

.homepage-argument {border:2px solid var(--marron1); color:var(--marron1);}
.argument-icone {display:flex; align-content:center; padding:0 var(--pad50); background:var(--marron1);
border-top-left-radius:.7rem; border-bottom-left-radius:.7rem; border-bottom-right-radius:1rem; border-bottom-right-radius:1rem; border-top-right-radius:1rem; border-bottom-right-radius:1rem;}
.argument-icone svg {fill:var(--beige); width:var(--pad35);}
.homepage-argument .font-size--c {padding:var(--pad25) var(--pad50);}

.item {position:relative; border:2px solid var(--marron2); background:var(--blanc); overflow:hidden;}
.item .wrapper-50 {position:relative; z-index:1; height:100%;}
.item .item-thumb {width:100%; height:13rem; position:absolute; overflow:hidden; bottom:0; z-index:0;}
.item .item-thumb img {width:100%; height:auto; transform:rotate(180deg); transition:var(--ease) .3s;}
.item:hover img {transform:rotate(180deg) translateY(-1rem);}

.item-product {position:relative; border:2px solid var(--marron1); background:var(--blanc); overflow:hidden; width:100%; height:15rem; display:flex; align-items: flex-end;}
.menu .item-product {height:100%;}
.item-product .wrapper-40 {position:relative; z-index:1; width:100%; align-items: flex-end;}
.item-product .font-size--c {width:50%;}
.item-product .item-thumb {width:100%; height:13rem; position:absolute; overflow:hidden; top:0; z-index:0; transform:rotate(-180deg);}
.item-product .item-thumb img {width:100%; height:auto; transform:rotate(180deg); transition:var(--ease) .3s;}
.item-product:hover img {transform:rotate(180deg) translateY(-1rem);}

.btn-circle {width:var(--pad70); height:var(--pad70); border:2px solid var(--marron2); background:var(--beige); 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; 
border-radius:6rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.2s;}
.btn-circle .text {position:relative;}
.btn-circle .hover, .btn-circle .text {transition:all .2s var(--ease); color:var(--blanc); pointer-events:none; text-align: left; display:flex;}
.btn-circle .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.btn-circle .typo--link {position:relative; overflow:hidden;}
.btn-circle:hover .text, .item:hover .btn-circle .text, .item-link:hover .btn-circle .text, .item-product:hover .btn-circle .text {opacity:0; transform:translateY(-100%);}
.btn-circle:hover .hover, .item:hover .btn-circle .hover, .item-link:hover .btn-circle .hover, .item-product:hover .btn-circle .hover {opacity:1; transition-delay:.05s; transform:translateY(0); opacity:1;}
.btn-circle .hover svg {fill:var(--beige);}
.btn-circle .text svg {fill:var(--marron2);}
.btn-circle svg {height:auto; width:10px;}

.item-product .btn-circle {background:var(--marron1); border:0;}
.item-product .btn-circle svg {fill:var(--beige);}
a.btn-circle:hover, .item:hover .btn-circle, .item-product:hover .btn-circle, .item-link:hover .btn-circle {background:var(--marron2);}
.bg-blanc a.btn-circle {background:var(--marron1); border:0;}
.bg-blanc a.btn-circle svg {fill:var(--beige);}
.bg-blanc a.btn-circle:hover {background:var(--marron2);}

.section-neg {margin-top:-50px;}

.section-border {border-radius:2rem 2rem 0 0;}
.section-dot {position:absolute; width:calc(100% - var(--pad70)); top:var(--pad35); left:var(--pad35);}
.dot-border {position:relative; width:28px; height:28px; border-radius:6rem;}
.dot {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:6rem; width:10px; height:10px;}
.bg-marron1 .dot-border, .bg-marron2 .dot-border {border:2px solid var(--beige);}
.bg-marron1 .dot, .bg-marron2 .dot {background:var(--beige);}
.bg-blanc .dot-border, .bg-marron3 .dot-border {border:2px solid var(--marron2);}
.bg-blanc .dot, .bg-marron3 .dot {background:var(--marron2);}
.bg-beige .dot-border {border:2px solid var(--marron1);}
.bg-beige .dot {background:var(--marron1);}

.item-link {position:relative; width:100%; height:calc(var(--pad100) + var(--pad80)); padding:0 var(--pad40); color:var(--marron2); overflow: hidden;}
.item-link:before {content:''; position:absolute; transform:translateY(-50%); background:var(--beige); width:100%; height:100%; top:50%; left:0; border-radius: 1rem;
transition:.3s var(--ease);}
.item-link:hover::before {height:90%; background:var(--blanc);}
.item-link--icon {width:var(--pad100); height:var(--pad100); background:var(--marron1); z-index:2;}
.item-link--icon svg {width:var(--pad40); fill:var(--beige);}
.item-link span {white-space:nowrap; z-index:2;}
.item-link .btn-circle {z-index:2; background:none;}

.homepage-panneau--visuel {position:absolute; bottom:-6rem; right:-5rem;}

.liste {width:100%;}
.liste .item-liste:first-child {border-top:2px solid var(--marron3);}
.item-liste {position:relative; display:flex; height:var(--pad150); align-items: center;}
.item-liste:after {content:''; position:absolute; bottom:0; left:0; height:2px; width:100%;  background:var(--marron3);}
.item-liste:before {content:''; position:absolute; bottom:0; left:0; width:100%; min-height:2px; height:2px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--marron2); z-index:1;}
.item-liste:hover::before {transform-origin:left;transform:scaleX(1);}

.table-matieres .matiere-link:first-child {padding:0 0 var(--pad20) 0;}
.matiere-link {display:flex; position:relative; padding:var(--pad20) 0;}
.matiere-link:after {content:''; position:absolute; bottom:0; left:0; height:2px; width:100%;  background:var(--marron3);}
.matiere-link:before {content:''; position:absolute; bottom:0; left:0; width:100%; min-height:2px; height:2px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--marron2); z-index:1;}
.matiere-link:hover::before {transform-origin:left;transform:scaleX(1);}

.matiere-link .overlay-btn {height:3.5rem;}
.matiere-link:hover .overlay-btn .text {opacity:0; transform:translateY(-100%);}
.matiere-link:hover .overlay-btn .hover {opacity:1; transition-delay:.05s; transform:translateY(0); opacity:1;}
.matiere-link .overlay-btn .hover {color:var(--beige);}
.matiere-link:hover .overlay-btn {background:var(--marron2);}

.liste-wrapper--thumb {width:10rem; height:var(--pad90); position:relative; overflow:hidden;}
.liste-wrapper--thumb-img {position:absolute; top:0; left:0;width:100%; height:100%; background-size:cover; background-position:center center; transition:.3s var(--ease);}
.item-liste:hover .liste-wrapper--thumb-img {transform:scale(1.1);}

.accordion-wrapper {width:100%;}
.title-accordion {writing-mode: sideways-lr;}

.accordion {max-width:100%; display:flex; height:70vh;}
.accordion .onglet {position: relative; display: flex; border-left:2px solid var(--beige); color:var(--beige); overflow:hidden; width:6vw;
transition:.4s var(--ease);}
.accordion .question {width: 100%; display: flex; align-items: center; cursor: pointer; user-select: none; padding:0; position:relative; justify-content: space-between;
writing-mode: sideways-lr;}
.accordion .icon {position:relative; width:30px; height:30px; display:flex; align-items: center; justify-content: center;}
.accordion .icon .bar:nth-child(1), .accordion-horizontal .icon .bar:nth-child(1) {position:absolute; width:2px; height:100%; background:var(--beige); transition:.2s var(--ease);}
.accordion .icon .bar:nth-child(2), .accordion-horizontal .icon .bar:nth-child(2) {position:absolute; width:100%; height:2px; background:var(--beige); transition:.2s var(--ease);}
.accordion .question:hover .icon .bar:nth-child(1), .accordion-horizontal .question:hover .icon .bar:nth-child(1) {height:75%;}
.accordion .question:hover .icon .bar:nth-child(2), .accordion-horizontal .question:hover .icon .bar:nth-child(2) {width:75%;}
.accordion .icon .circle {width:10px; height:10px; border-radius:6rem; position:absolute; background:var(--beige);}

.accordion .reponse {position:absolute; display:flex; flex-direction:column; padding:0 var(--pad100); width:60vw; height:100%; opacity:0; pointer-events:none; transition:.1s var(--ease);}
.reponse .reponse-img {width:10rem; height:15rem; border-radius:1rem; background-size:cover; background-position:center center;}
.accordion .onglet.active {width:60vw;}
.accordion .onglet.active .question {pointer-events:none; display:none;}
.accordion .onglet.active .reponse {opacity:1; pointer-events:auto;}

.accordion-horizontal {max-width:100%; display:flex; flex-direction:column; grid-gap:0; padding:0 var(--pad70);}
.accordion-horizontal .onglet {position: relative; border-bottom:2px solid var(--beige); color:var(--beige); width:100%; height:100%; transition:.4s var(--ease);}
.accordion-horizontal .question {width:100%; height: calc(var(--pad100) + var(--pad30)); cursor: pointer; user-select: none; padding:0; display:flex;
position:relative; top:0; left:0; justify-content: space-between; align-items: center;}

.accordion-horizontal .question.active .icon .bar:nth-child(1) {height:0%;}
.accordion-horizontal .icon {position:relative; width:30px; height:30px; display:flex; align-items: center; justify-content: center;}
.accordion-horizontal .icon .circle {width:10px; height:10px; border-radius:6rem; position:absolute; background:var(--beige);}

.accordion-horizontal .reponse {position:relative; padding-bottom:var(--pad50); width:90%; display:none;}

.thumb {position:relative; width:100%; height:60vh; overflow:hidden; z-index:-1;}
#matiere .thumb {height:100%;}
.thumb-img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center;}
.matiere-link .overlay-btn, .order-2 .overlay-btn {border: 2px solid var(--marron2);}
.order-1 .overlay-btn {border: 2px solid var(--beige);}
.matiere-link .overlay-btn span {text-transform:initial;}
.order-2 .overlay-btn:hover {background:var(--marron2);}
.order-2 .overlay-btn .hover {color:var(--blanc);}
.order-1 .overlay-btn:hover {background:var(--beige);}
.order-1 .overlay-btn .hover {color:var(--marron1);}

.product-caracteristiques {padding:0 var(--pad150); margin-top:-35px; z-index:2; justify-content: center; flex-flow: wrap;}
.item-caracteristique {padding:var(--pad25) var(--pad40); background:var(--blanc); border:2px solid var(--marron2); width:calc(100% / 5 - 35px); height: 11.55rem;}
.item-caracteristique svg {width:var(--pad60); fill:var(--marron2);}

.item-caracteristique--col {border:2px solid var(--beige);}
.item-caracteristique--col-titre {padding:var(--pad40); background:var(--beige); color:var(--marron2); border-bottom-left-radius:1rem; border-bottom-right-radius:1rem;
border-top-left-radius:.7rem; border-top-right-radius:.7rem;}
.item-caracteristique--col-cnt {padding:var(--pad40);}

.thumb-full {width:100%; height:auto; overflow:hidden;}
.thumb-full img {width:100%; height:auto;}

.article h2 {margin:var(--pad60) 0 var(--pad20) 0; color:var(--blanc);}
.article h2:first-child {margin:0 0 var(--pad20) 0;}
.article h3 {margin:var(--pad50) 0 var(--pad20) 0; color:var(--blanc);}
.article ul {display:flex; flex-direction:column; grid-gap:var(--pad30); border-left:2px solid var(--beige); padding-left:var(--pad100); margin:var(--pad40) 0;}
.article li {position:relative;}
.article li:before {content:''; position:absolute; width:15px; height:15px; background:var(--beige); border-radius:8rem; left:-3rem; top:3px;}
.article.underline a:before {bottom:-.2rem; transform-origin:right; transform:scaleX(1); background-color:var(--beige);}
.article.underline a:hover::before {transform-origin:left;transform:scaleX(0);}
.article.underline a:hover {color:var(--blanc);}
.article-thumb {overflow:hidden; display: flex;}
.article-thumb img {width:100%; height:auto;}

.item-equipe {padding:var(--pad50); background:var(--beige); color:var(--marron2);}
.item-equipe img {width:65%;}

.wrapper-first {display: flex; align-items: flex-end; justify-content: flex-end; flex-direction: column;}

.icon-panneau {position: absolute; left: 50%; top: -60px; transform: translateX(-50%); border:2px solid var(--marron2); background:var(--beige); 
width:calc(var(--pad100) + var(--pad20)); height:calc(var(--pad100) + var(--pad20)); border-radius:6rem; display:flex; align-items: center; justify-content: center; z-index:5;}
.icon-panneau svg {fill:var(--marron2); width:var(--pad40);}



/* CONTACT */

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

button[type="submit"] {position:relative; font-family:inherit;}
input, textarea {font-family:inherit; font-weight:600; color:var(--beige); font-size:inherit; transition:.2s;}
input {border-radius:1rem; padding:0 var(--pad50); height:var(--pad100);}
textarea {border-radius:1rem; resize: none; height:auto; padding:var(--pad30) var(--pad50);}
input.wpcf7-file {height:auto; padding:var(--pad35) var(--pad50); cursor:pointer;}
.formulaire input.wpcf7-file:focus {background:transparent; color:var(--beige);}

.formulaire .label {margin-bottom:1.5rem;}
.formulaire .label span {color:var(--beige);}
.formulaire input, .formulaire textarea {width:100%; border:2px solid var(--beige); background:transparent;}
.formulaire input:focus, .formulaire textarea:focus {background:var(--beige); color:var(--marron2);}

.wpcf7-list-item {border-radius:1rem; border:2px solid var(--beige); 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:1rem; 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(--beige); 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(--beige);}

::-webkit-input-placeholder {opacity:.5; color:var(--beige) -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:.5; color:var(--beige) -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:.5; color:var(--beige) -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:.5; color:var(--beige) -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:.5; color:var(--beige) transition: opacity .5s;}

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

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

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

.btn-contact {border-radius:1rem; overflow:hidden; padding:0 var(--pad50); 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(--pad100); width:30%; background:var(--beige);}
.btn-contact .text {position:relative; color:var(--marron2);}
.btn-contact .hover, .btn-contact .text {transition:all .2s var(--ease); pointer-events:none; text-align: left; display:flex;}
.btn-contact .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0; color:var(--beige);}
.btn-contact .typo--link {position:relative; overflow:hidden; width:100%;}
.btn-contact:hover {background:var(--marron1); width:32%;}
.btn-contact:hover .text {opacity:0; transform:translateY(-100%);}
.btn-contact:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.btn-contact svg {height: auto; width: 10px; fill:var(--marron2); transition:.2s;}
.btn-contact:hover svg {fill:var(--beige);}



/* FOOTER */

.footer a.btn-circle {background:var(--blanc); border:2px solid var(--marron2);}
.footer a.btn-circle svg {fill:var(--marron2);}
.footer a:hover.btn-circle svg {fill:var(--beige);}

.footer .wrapper-btn {position:absolute; top:-35px; z-index:5; transform:rotate(-90deg) translateY(-50%); left: 50%;}
.footer .wrapper-btn .btn-circle {background:var(--blanc);}
.footer .wrapper-btn .btn-circle:hover {background:var(--marron2);}

.footer .wrapper-btn .btn-circle .hover {transform:translateX(-100%);}
.footer .wrapper-btn .btn-circle:hover .text {transform:translateX(100%);}
.footer .wrapper-btn .btn-circle:hover .hover {transform:translateX(0);}

.wrapper-footer {position:relative; min-height:100vh;}

.footer-links {padding-right:var(--pad100);}
.footer-links a {position:relative; white-space: nowrap; padding:1.5rem 0;}
.footer-links .flex a:nth-child(1) {padding:0 0 1.5rem 0;}
.footer-links a:after {content:''; background:var(--beige2); height:2px; width:100%; position:absolute; bottom:0; left:0;}
.footer-links a:before {content:''; position:absolute; bottom:0; left:0; width:100%; min-height:2px; height:2px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--marron2); z-index:1;}
.footer-links a:hover::before {transform-origin:left;transform:scaleX(1);}

.marsrouge {width:40px; fill:var(--marron2);}

.footer .logo-footer {display:flex;}
.footer .content-height-100 {height:calc(100vh - calc(var(--pad150) + var(--pad35)));}
.logo-footer svg {fill:var(--marron2); overflow: visible;}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1790px) {
	
	.font-size--a {font-size: 2.8vw; line-height:1;}
	.font-size--b {font-size:2.3rem;}
	.font-size--c, .article h2 {font-size: 1.8rem;}
	
	#homepage .content-50 {width:45%; padding-right:calc(var(--pad35) / 2);}
	#homepage .content-40 {width:50%; padding-left:calc(var(--pad35) / 2);}
	
	.footer .content-height-100, .wrapper-footer {height: auto;}
	.item .item-thumb {width: 100%; height: 11rem;}
	
}

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

	.liste-item--link {grid-template-columns: 1fr;}
	
}

@media screen and (max-width:1490px) {
	
	.font-size--a, .title-accordion .font-size--c {font-size: 2.8vw; line-height:1;}
	.font-size--b {font-size:2.2rem;}
	.font-size--c, .article h2, .question div:nth-child(1) {font-size: 1.8rem;}
	
	.overlay-logo {top: var(--pad35); transform: none; left: var(--pad35);}
	.overlay-logo, .overlay-menu--wrapper, .overlay-btn {height:3.5rem;}
	.menu-logo {display: none;}
	
	.wrapper-homepage {grid-gap:var(--pad60); padding:calc(var(--pad100) * 2) var(--pad35) var(--pad35) var(--pad35);}
	.wrapper-homepage .homepage-col-2 {flex-direction:column;}
	.wrapper-homepage .col-4 {grid-template-columns:1fr 1fr;}
	#homepage .content-50 {width:60%; padding-right:0;}
	#homepage .content-40 {width:100%; padding-left:0; margin-top:var(--pad60);}
	
	.item .item-thumb {height: 13rem;}
	.item:hover img {transform:rotate(180deg) translateY(-.5rem);}
	.item-product .item-thumb {height:10rem;}
	.item-product:hover img {transform:rotate(180deg) translateY(-.5rem);}
	
	.item-caracteristique {width: calc(100% / 4 - 35px);}
	
	.homepage-panneau--visuel {display:none;}
	.accordion-horizontal {padding: 0;}
	.product-caracteristiques {padding:0 var(--pad35);}
	.content-65 {width: 100%;}
	
	.accordion-wrapper {flex-direction:column; align-items: center;}
	.title-accordion {writing-mode: inherit; margin-bottom:var(--pad50);}
	
	.accordion {width:100%; display:flex; height:auto; flex-direction:column; grid-gap:0; padding:0;}
	.accordion .onglet {position: relative; border-bottom:2px solid var(--beige); color:var(--beige); border-left:0; width:100%; height:auto; flex-direction: column;
	overflow:inherit; transition:.4s var(--ease);}
	.accordion .question {width:100%; height: calc(var(--pad100) + var(--pad30)); cursor: pointer; user-select: none; padding:0; display:flex; writing-mode:initial;
	position:relative; top:0; left:0; justify-content: space-between; align-items: center;}

	.accordion .question.active .icon .bar:nth-child(1) {height:0%;}
	.accordion .icon {position:relative; width:30px; height:30px; display:flex; align-items: center; justify-content: center;}
	.accordion .icon .circle {width:10px; height:10px; border-radius:6rem; position:absolute; background:var(--beige);}

	.accordion .reponse {position:relative; padding:0 0 var(--pad50) 0; width:90%; height:auto; display:none; opacity:1; pointer-events: auto; transition:0s;}
	.accordion .reponse h3 {display:none;}
	
	.footer-links {padding-right: 0;}
	
}

@media screen and (max-width:1290px) {
	
	.font-size--a, .title-accordion .font-size--c {font-size: 3.3vw;}
	.font-size--b {font-size:2rem;}
	.font-size--c, .article h2, .question div:nth-child(1) {font-size: 1.6rem;}
	
	.menu-wrapper {padding: var(--pad150) var(--pad35) var(--pad35) var(--pad35);}
	
	#panneau-page {display:flex; flex-direction:column; padding: 0 var(--pad35);}
	.product-caracteristiques {padding: 0; margin-top:var(--pad60);}
	#panneau-page .panneau-bloc-1 {order:2;}
	#panneau-page .panneau-bloc-2 {order:1;}
	#matiere {padding-left:0;}
	#matiere .thumb {height: 35rem;}
	
	.column-2 {columns:1;}
	#produit-caracteristique {grid-template-columns:1fr;}
	.col-3 {grid-template-columns:1fr 1fr;}
	
	.content-40, .content-50, .content-60, .content-70 {width:100%;}
	
	.wrapper-t-100 {padding: var(--pad150) var(--pad35) var(--pad200) var(--pad35);}
	.wrapper-r-150 {padding-right: var(--pad35);}
	.wrapper-footer .col-2.grid-pad35 {grid-template-columns: 1fr; grid-gap:var(--pad80);}
	
}

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

	:root {
		
		--pad200:5rem;
		--pad150:3rem;
		--pad100:3rem;
		--pad90:3rem;
		--pad80:3rem;
		--pad70:2rem;
		--pad60:2rem;
		--pad50:2rem;
		--pad40:2rem;
		--pad35:2rem;
		--pad30:2rem;
		--pad25:1rem;
		--pad20:1rem;
		
	}
	
	.font-size--a, .title-accordion .font-size--c {font-size:2rem;}
	.font-size--b {font-size:1.8rem;}
	.font-size--c, .article h2, .question div:nth-child(1), .accordion-horizontal .font-size--b {font-size: 1.4rem;}
	body, .article h3, .accordion-horizontal .font-size--c {font-size: 1.1rem;}
	.font-size--c p {line-height:1.2;}
	p {line-height: 1.4;}
	.underline a:before {bottom: -.3rem;}
	
	.logo svg {width: 250px;}
	.overlay-group--btn {grid-gap:1rem;}
	.overlay-logo {z-index: 20;}
	.overlay-logo, .overlay-menu--wrapper, .overlay-btn {height: 2.5rem;}
	.overlay-devis svg {width: 13px;}
	.overlay-close, .overlay-menu {width:6rem;}
	
	.order-1 {order:1;}
	.order-2 {order:2;}
	
	.overlay-logo.open {opacity:1; top:var(--pad35); pointer-events:auto;}
	.menu .item-product {height: 5rem; display:flex; align-items:center;}
	.item-product {height: 5rem; display:flex; align-items:center;}
	.menu .item-product .wrapper-40, .item-product .wrapper-40 {padding:0 var(--pad40); display:flex; align-items:center; flex-direction: initial;}
	.menu-line-1, .menu-line-2 {flex-direction:column; height: auto; overflow:initial;}
	.menu-line-1 .item-product, .menu-line-2 .item-product {width:100%;}
	.menu-line-1 .item-product {transform:translateY(2rem); pointer-events:none; opacity:0;}
	.menu-line-2 .item-product {transform:translateY(2rem); pointer-events:none; opacity:0;}
	.item-product .item-thumb {display:none;}
	.menu-line-1.open .item-product:nth-child(2) {transition-delay:.1s;}
	.menu-line-2.open .item-product:nth-child(1) {transition-delay:.2s;}
	.menu-line-2.open .item-product:nth-child(2) {transition-delay:.3s;}
	.menu-line-2.open .item-product:nth-child(3) {transition-delay:.4s;}
	.item-product.item-menu .font-size--c {width: calc(100% - 2.5rem);}
	.item-product.item-menu:hover {background:var(--beige);}
	.item-product.item-menu:hover .font-size--c {color:var(--marron2);}
	.item-product.item-menu:hover .btn-circle {background:var(--marron2);}
	.item-product.item-menu:hover .btn-circle .hover svg {fill:var(--beige);}
	
	#homepage .content-50, .accordion .reponse, .accordion-horizontal .reponse {width: 100%;}
	
	.wrapper-homepage {grid-gap: var(--pad60); padding:calc(var(--pad100) * 3) var(--pad35) var(--pad35) var(--pad35);}
	.wrapper-t-lrx-b {padding:calc(var(--pad100) * 2) var(--pad35) calc(var(--pad100) * 2) var(--pad35);}
	.wrapper-footer {padding:calc(var(--pad100) * 2) var(--pad35) var(--pad35) var(--pad35);}
	.wrapper-first-bb {padding: calc(var(--pad100) * 3) 0 var(--pad200) 0;}
	.wrapper-first {padding: calc(var(--pad100) * 3) var(--pad35) var(--pad35) var(--pad35);}
	.wrapper-t-100 {padding:calc(var(--pad100) * 2) var(--pad35) var(--pad200) var(--pad35);}
	.wrapper-l-35 {padding-left: 0;}
	.wrapper-r-150 {padding-right: 0;}
	#panneau-page {padding:0;}
	
	.section-neg {margin-top:-1px;}
	.section-dot {width: calc(100% - 4rem);}
	
	.homepage-argument .font-size--c {padding:1.5rem var(--pad50);}
	
	.product-caracteristiques {display:grid; grid-template-columns:1fr 1fr;}
	.item-caracteristique {width: 100%; height:100%; padding:var(--pad40);}
	.item-caracteristique svg {width: 3rem;}
	
	.col-2, .col-3 {grid-template-columns:1fr;}
	.wpcf7-list-item {height: var(--pad200);}
	
	.dot-border {width:24px; height:24px;}
	.dot {width:6px; height:6px;}
	.section-border {border-radius: 0rem 0rem 0 0;}
	
	.product-bloc-1 {order:2;}
	.product-bloc-2 {order:1;}
	
	.matiere-link .overlay-btn {height: 2.5rem;}
	.btn-circle {width:2.5rem; height:2.5rem;}
	.btn-circle svg {width: 8px;}
	
	.item .item-thumb {height: 8rem;}
	.item-link--icon {background: none;}
	.item-link--icon svg {fill: var(--marron2);}
	.item-liste {padding:1.5rem 0; height: auto;}
	.liste-wrapper--thumb {display:none;}
	
	.liste-wrapper--thumb-img {display:none; padding:var(--pad100) 0;}
	
	.article li:before {width:10px; height:10px;  left:-1.8rem; top:6px;}
	.article h2 {margin:3rem 0 var(--pad20) 0;}
	.article h3 {margin:2.5rem 0 var(--pad20) 0;}
	
	.accordion .icon .circle, .accordion-horizontal .icon .circle {width:8px; height:8px;}
	.accordion .icon, .accordion-horizontal .icon {width: 20px; height: 20px;}
	
	.icon-panneau {top: -2rem;}
	
	input {height:5rem;}
	.formulaire .label {margin-bottom: 1rem;}
	
	.footer-links {grid-gap:0;}
	.footer-links > div:nth-child(2) > a:nth-child(1) {padding:1.5rem 0;}
	.footer .wrapper-btn {top:-1.25rem;}
	.footer .mar-80 .flex.justify.itemscenter, .footer .mar-80 .flex.grid-pad60.itemscenter, .footer .mar-80 .flex.grid-pad60.underline {flex-direction:column; align-items:center; grid-gap: 1.5rem;}

	.btn-contact {width:70%; height: 4rem;}
	.btn-contact:hover {width:70%;}

}

@media screen and (max-width:550px) {
	
	body, .article h3, .accordion-horizontal .font-size--c {font-size:1rem;}
	.font-size--c, .article h2, .question div:nth-child(1), .accordion-horizontal .font-size--b {font-size: 1.2rem;}
	
	.menu .grid-pad35 {grid-gap:1rem;}
	.menu-wrapper {padding: var(--pad150) var(--pad35) 5rem var(--pad35);}
	
	.overlay-close, .overlay-menu {width: 5rem;}
	.overlay-logo {height:auto; width:100%; left:0; display:flex; justify-content:center; transition:.3s var(--ease);}
	.logo svg {width: 200px;}
	.overlay-group--btn {display:flex; right:0; width:100%; top: 5rem; padding:0 var(--pad35); justify-content:space-between; font-size:.9rem;}
	.overlay-group--btn.scroll {top:var(--pad35);}
	.overlay-group--btn.scroll.open {top:5rem;}
	.is-ready .overlay-group--btn {transition-delay:0s;}
	
	.homepage-argument {justify-content:flex-start;}
	.homepage-argument .font-size--c {padding: 1rem var(--pad50);}
	
	.question div:nth-child(1) {width:90%;}
	.item-link {height: calc(var(--pad100) + var(--pad40));}
	.item-link span {white-space: initial;}
	.item-link {text-align:left;}
	.item-link .btn-circle {display: none;}
	a.item-link > div:nth-child(1) {width:100%;}
	.item-link span {width:100%;}
	.item-product .font-size--c {width: 80%;}
	.item-equipe {grid-gap:0.5rem;}
	
	.wrapper-homepage .col-4 {grid-template-columns: 1fr;}
	.wrapper-homepage {padding:calc(var(--pad100) * 3.5) var(--pad35) var(--pad35) var(--pad35);}
	.wrapper-first-bb {padding: calc(var(--pad100) * 3.5) 0 var(--pad200) 0;}
	.wrapper-first {padding: calc(var(--pad100) * 3.5) var(--pad35) var(--pad35) var(--pad35);}
	
	input {height: 4rem;}
	.item-caracteristique--col-titre {padding:var(--pad20) var(--pad40);}
	.product-caracteristiques {grid-template-columns: 1fr; width: 100%;}
	#matiere .thumb, .thumb {height: 15rem;}
	
	.formulaire .grid.col-2.grid-pad50 {grid-gap:2.5rem;}
	.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;}
	.wpcf7-list-item-label {left: 3rem; width: calc(100% - 3rem);}
	.btn-contact {width:100%;}
	.btn-contact:hover {width:100%; height: 4rem;}
	
}