main.savoirfaire .banner{position:relative;height:85vh;overflow:hidden}main.savoirfaire .banner figure{position:absolute;top:0;left:0;width:100%;height:100%}main.savoirfaire .banner figure img{width:100%;height:100%;object-fit:cover}main.savoirfaire .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.savoirfaire .intro{padding-left:50px;padding-right:50px}main.savoirfaire .intro article{display:flex}main.savoirfaire .intro article>div{width:50%}main.savoirfaire .intro article>.titre{display:flex;flex-direction:column;align-items:center;padding-right:25px}main.savoirfaire .intro article>.titre .logo{width:156px;max-width:100%;margin-top:-15px}main.savoirfaire .intro article>.titre svg{fill:var(--marron)}main.savoirfaire .savoirfaire_etapes .etapes{max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;width:100%;justify-content:center}main.savoirfaire .savoirfaire_etapes .etapes{max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;width:100%;justify-content:center}main.savoirfaire .savoirfaire_etapes .etapes li{position:relative;text-align:center;text-transform:uppercase;font-size:16px;letter-spacing:0;padding:5px;opacity:.6;font-family:var(--font-bold);width:calc((100% / 5) - 40px);cursor:pointer}main.savoirfaire .savoirfaire_etapes .etapes li.active{opacity:1}main.savoirfaire .savoirfaire_etapes .etapes li span{position:relative;display:block;border:1px solid var(--marron);width:13px;height:13px;border-radius:13px;margin:10px auto 0;background-color:var(--blanc);z-index:2}main.savoirfaire .savoirfaire_etapes .etapes li.active span{background-color:var(--marron)}main.savoirfaire .savoirfaire_etapes .etapes li::after{content:'';display:block;position:absolute;left:0;height:1px;width:100%;bottom:11px;background:var(--marron)}main.savoirfaire .savoirfaire_etapes .etapes li:first-of-type::after{left:50%;width:50%}main.savoirfaire .savoirfaire_etapes .etapes li:last-of-type::after{right:50%;width:50%}main.savoirfaire .savoirfaire_etapes .etapes+.savoirfaire_details{margin-top:120px}main.savoirfaire .savoirfaire_details .etape{width:100%;display:flex;border-radius:10px;background-color:var(--gris);color:var(--blanc);padding:120px 50px;margin:0 30px}main.savoirfaire .savoirfaire_details .etape:nth-child(5n+2){background-color:var(--marron)}main.savoirfaire .savoirfaire_details .etape:nth-child(5n+3){background-color:var(--rouge)}main.savoirfaire .savoirfaire_details .etape:nth-child(5n+4){background-color:#fff;color:var(--marron)}main.savoirfaire .savoirfaire_details .etape:nth-child(5n+5){background-color:var(--jaune);color:var(--marron)}main.savoirfaire .savoirfaire_details .etape .left{display:flex;justify-content:center;align-items:center}main.savoirfaire .savoirfaire_details .img{width:100%;max-width:430px;border-radius:10px;overflow:hidden}main.savoirfaire .savoirfaire_details .img img{width:100%;height:100%;object-fit:cover}main.savoirfaire .savoirfaire_details .etape .left,main.savoirfaire .savoirfaire_details .etape .right{width:50%}main.savoirfaire .savoirfaire_details .etape .left{padding-right:10px}main.savoirfaire .savoirfaire_details .etape.noimg .right{width:100%}main.savoirfaire .savoirfaire_details .etape .right{padding-left:10px}main.savoirfaire .savoirfaire_details .etape .logo{width:150px;max-width:100%;margin-top:-15px}main.savoirfaire .savoirfaire_details .etape .logo svg{fill:var(--blanc)}main.savoirfaire .savoirfaire_details .etape:nth-child(5n+4) .logo svg,main.savoirfaire .savoirfaire_details .etape:nth-child(5n+5) .logo svg{fill:var(--marron)}main.savoirfaire .savoirfaire_details .etape .titre+.ckeditor{margin-top:75px}main.savoirfaire .savoirfaire_etapes{position:relative}main.savoirfaire .savoirfaire_etapes .nav_slider{margin:50px 30px 0;display:flex;justify-content:center}main.savoirfaire .savoirfaire_etapes .nav_slider .slick-prev{transform:rotate(-180deg);margin-right:20px}main.savoirfaire .savoirfaire_etapes .nav_slider @media screen and (max-width:1380px){main.savoirfaire .intro{padding-left:25px;padding-right:25px}main.savoirfaire .savoirfaire_etapes{padding-top:0}main.savoirfaire .savoirfaire_etapes .etapes+.savoirfaire_details{margin-top:75px}main.savoirfaire .savoirfaire_details .etape{padding:75px 25px}main.savoirfaire .savoirfaire_etapes .etapes li{width:calc((100% / 5) - 10px)}}@media screen and (max-width:980px){main.savoirfaire .savoirfaire_details .etape{padding:50px 25px;flex-direction:column;text-align:center}main.savoirfaire .savoirfaire_details .etape .left,main.savoirfaire .savoirfaire_details .etape .right{width:100%}main.savoirfaire .savoirfaire_details .etape .right{padding-left:0}main.savoirfaire .savoirfaire_details .etape .left{padding-right:0}main.savoirfaire .savoirfaire_details .etape .titre+.ckeditor,main.savoirfaire .savoirfaire_details .etape .left+.right{margin-top:35px}main.savoirfaire .savoirfaire_details .etape .logo{margin:-15px auto 0}main.savoirfaire .savoirfaire_etapes .etapes+.savoirfaire_details{margin-top:50px}}@media screen and (max-width:720px){main.savoirfaire .intro article{flex-direction:column}main.savoirfaire .intro article>div{width:100%}main.savoirfaire .intro article>.titre{padding-right:0;margin-bottom:35px}main.savoirfaire .intro article>.titre>div{width:100%;text-align:center}main.savoirfaire .intro article>.titre .logo{margin:-15px auto 0}main.savoirfaire .intro article .ckeditor{text-align:center;margin:0 auto}main.savoirfaire .savoirfaire_etapes .etapes{flex-flow:column;justify-content:center;align-items:center}main.savoirfaire .savoirfaire_etapes .etapes li{width:auto;display:flex;flex-flow:column;justify-content:center;align-items:center;padding:10px 5px;font-size:14px;line-height:16px}main.savoirfaire .savoirfaire_etapes .etapes li .etape{text-align:center;width:150px;max-width:100%;background-color:var(--blanc);z-index:5}main.savoirfaire .savoirfaire_etapes .etapes li::after{left:50%;transform:translateX(-50%);bottom:-22px;height:100%;width:1px}main.savoirfaire .savoirfaire_etapes .etapes li:first-of-type::after{left:50%;width:1px;height:50%}main.savoirfaire .savoirfaire_etapes .etapes li:last-of-type::after{left:50%;width:1px;height:50%;bottom:11px}}