main.produits .banner{position:relative;height:85vh;overflow:hidden}main.produits .banner figure{position:absolute;top:0;left:0;width:100%;height:100%}main.produits .banner figure img{width:100%;height:100%;object-fit:cover}main.produits .banner .txt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blanc);z-index:2;text-align:center}main.produits .intro{padding-left:50px;padding-right:50px}main.produits .intro article{display:flex}main.produits .intro article>div{width:50%}main.produits .intro article>.titre{display:flex;flex-direction:column;align-items:center;padding-right:25px}main.produits .intro article>.titre .logo{width:156px;max-width:100%;margin-top:-15px}main.produits .intro article>.titre svg{fill:var(--blanc)}main.produits .intro article .ckeditor+.etapes,main.produits .intro article .etapes+.ckeditor{margin-top:50px}main.produits .intro .etapes{max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;width:100%;justify-content:center}main.produits .intro .etapes li{position:relative;text-align:center;text-transform:uppercase;font-size:16px;letter-spacing:0;padding:5px;opacity:.7;font-family:var(--font-bold);width:calc((100% / 4) - 40px)}main.produits .intro .etapes li.active{opacity:1}main.produits .intro .etapes li span{position:relative;display:block;border:1px solid var(--blanc);width:13px;height:13px;border-radius:13px;margin:10px auto 0;background-color:var(--marron);z-index:2}main.produits .intro .etapes li.active span{background-color:var(--blanc)}main.produits .intro .etapes li::after{content:'';display:block;position:absolute;left:0;height:1px;width:100%;bottom:11px;background:var(--blanc)}main.produits .intro .etapes li:first-of-type::after{left:50%;width:50%}main.produits .intro .etapes li:last-of-type::after{right:50%;width:50%}main.produits section.produits{margin:0 5px}main.produits .liste_produits{display:flex;flex-flow:row wrap;align-items:flex-start}main.produits .liste_produits .article{width:calc((100% / 2) - 40px);margin:20px;background-color:#fff;border-radius:10px;overflow:hidden}main.produits .liste_produits .produit_titre{position:relative}main.produits .liste_produits .produit_titre .img{height:250px;width:100%}main.produits .liste_produits .produit_titre .img img{width:100%;height:100%;object-fit:cover}main.produits .liste_produits .produit_titre .titre{display:flex;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;padding:25px;text-transform:uppercase;font-family:var(--font-bold);position:absolute;bottom:0;left:0;width:50%;background-color:#fff}main.produits .liste_produits .produit_titre .titre .picto{margin-right:10px}main.produits .liste_produits .selection{display:flex;flex-flow:row wrap;padding:35px 15px}main.produits .liste_produits .selection li{width:calc((100% / 2) - 20px);margin:10px}main.produits .liste_produits .selection .ti,main.produits .liste_produits .details .ti{text-transform:uppercase;font-family:var(--font-bold)}main.produits .liste_produits .selection+.details{border-top:1px solid var(--marron)}main.produits .liste_produits .details{position:relative;display:flex;flex-flow:row wrap;max-height:120px;overflow:hidden}main.produits .liste_produits .details.open{max-height:none}main.produits .liste_produits .details .bg_plus{display:flex;text-align:center;justify-content:center;align-items:center;width:100%;font-family:var(--font-bold);position:absolute;bottom:0;padding:50px 15px 15px 15px;box-shadow:-1px -100px 50px -9px rgba(255,255,255,.9) inset;-webkit-box-shadow:-1px -100px 50px -9px rgba(255,255,255,.9) inset;-moz-box-shadow:-1px -100px 50px -9px rgba(255,255,255,.9) inset;z-index:2;border:none}main.produits .liste_produits .details .bg_plus span{font-size:14px;text-transform:uppercase;text-decoration:underline;display:block;cursor:pointer}main.produits .liste_produits .details.nopiecage{display:block}main.produits .liste_produits .details>div{width:calc((100% / 2) - 20px);padding:35px 25px}main.produits .liste_produits .details.nopiecage>div{width:100%}main.produits .liste_produits .details>div+div{border-left:1px solid var(--marron)}main.produits .liste_produits .details ul{margin-top:35px}main.produits .liste_produits .details ul li+li{margin-top:15px}main.produits .liste_produits .details ul li{position:relative;font-size:14px;padding-left:15px}main.produits .liste_produits .details ul li .ti{font-size:14px}main.produits .liste_produits .details ul li::before{content:'';display:block;width:7px;height:7px;border-radius:10px;background-color:var(--marron);position:absolute;top:7px;left:0}@media screen and (max-width:1460px){main.produits .intro .etapes li{width:auto}}@media screen and (max-width:1380px){main.produits .intro{padding-left:25px;padding-right:25px}main.produits .liste_produits .article{width:calc((100% / 2) - 20px);margin:10px}main.produits section.produits{margin:0 15px}}@media screen and (max-width:980px){main.produits .intro .etapes{flex-flow:column;justify-content:center;align-items:center}main.produits .intro .etapes li{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:10px 5px;font-size:14px;line-height:16px}main.produits .intro .etapes li .etape{text-align:center;width:150px;max-width:100%;background-color:var(--marron);z-index:5}main.produits .intro .etapes li::after{left:50%;transform:translateX(-50%);bottom:-22px;height:100%;width:1px}main.produits .intro .etapes li:first-of-type::after{left:50%;width:1px;height:50%}main.produits .intro .etapes li:last-of-type::after{left:50%;width:1px;height:50%;bottom:11px}main.produits .liste_produits .article{width:100%;margin:25px 10px}}@media screen and (max-width:720px){main.produits .intro article{flex-direction:column}main.produits .intro article>div{width:100%}main.produits .intro article>.titre{padding-right:0;margin-bottom:35px}main.produits .intro article>.titre>div{width:100%;text-align:center}main.produits .intro article>.titre .logo{margin:-15px auto 0}main.produits .intro article .ckeditor{text-align:center;margin:0 auto}main.produits .liste_produits .produit_titre .titre{width:75%;padding:15px 25px 5px}main.produits .liste_produits .selection li{width:100%}main.produits .liste_produits .produit_titre .img{height:180px}}@media screen and (max-width:500px){main.produits .liste_produits .details>div{width:100%}main.produits .liste_produits .details>div+div.piecage{border-left:none;border-top:1px solid var(--marron)}}@media screen and (max-width:350px){main.produits .liste_produits .produit_titre .titre{width:100%}}