.card{background-color:#fcbb01}.textorange700{color:#ea6227}.textorange500{color:#f07e02}.textorange300{color:#f2a51a}.border-color-grey::after{border-bottom-color:#babcce !important}.border-color-green::after{border-bottom-color:#95c11f !important}.border-color-before-green::after{border-top-color:#95c11f !important}.border-color-orange::after{border-bottom-color:#ea6227 !important}.border-color-red::after{border-bottom-color:#ce1718 !important}.border-color-blue::after{border-bottom-color:#0376c0 !important}.border-color-yellow::after{border-bottom-color:#feed01 !important}body{background-image:url(/assets/img/ui/rectangle.png);background-repeat:no-repeat;background-size:cover}#splashscreen{position:absolute;top:0;left:0;background-color:rgba(249,249,249,0.9);min-width:100vw;min-height:100vh;z-index:10;display:flex;align-items:center}#splashscreen svg{transform:translate3d(0px,-90px,0px) !important}header{height:70px;background-color:#000;color:#fff;font-weight:600;position:relative;display:flex;justify-content:center;align-items:center;font-size:14px}header .gohome,header .gobackstep{position:absolute;color:#fff;border:2px solid #fff;padding:10px;border-radius:50px;display:flex;align-items:center;top:auto;left:60px}header .gohome svg{margin-right:10px}header .gobackstep{display:none}header .gobackstep svg{width:18px;height:18px}ul.steps,ul.steps li{display:flex}ul.steps{justify-content:center;margin-top:30px}ul.steps li{flex-direction:column;text-align:center;margin:0 10px;border-bottom:1px solid #000;width:150px;padding-bottom:10px;font-size:12px;position:relative;cursor:pointer}ul.steps li .number{width:22px;height:22px;margin:0 auto 5px;border:2px solid #000;border-radius:50%;line-height:23px;font-weight:600}ul.steps li:not(.active){opacity:20%}ul.steps li.active .number{color:#fff;background-color:#000}ul.steps li span.labelchoose{position:absolute;top:60px;font-size:10px;opacity:.6;width:100%;text-align:center}h2{font-weight:bold;font-size:20px;text-align:center;margin:50px 0 60px}.step1 .cards,.step4 .cards{display:grid;grid-template-columns:auto auto auto;justify-content:center}.card,.card2{cursor:pointer}.step1 .card,.step4 .card{width:330px;height:160px;color:#fff;border-radius:15px;padding:12px 15px 27px 15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;align-items:center;margin:20px;font-weight:100;text-align:center;line-height:16px}.step4 .card{background-color:#fff}.step1 .card svg,.step4 .card svg{height:80px}.step1 .card span,.step4 .card span{font-family:'Open Sans';font-size:15px;color:#1d1d1e;line-height:20px;letter-spacing:1px;text-align:center;margin:0 0 5px 0}.step1 .card h3,.step4 .card h3{font-family:'Open Sans';font-size:17px;font-weight:600;color:#1d1d1e;line-height:23px;letter-spacing:1px;text-align:center;text-transform:uppercase}.step4 .card{border:1px solid #e1e1e1;color:#000;width:340px;height:350px;padding:0 20px;justify-content:center;cursor:auto}.step4 .card .svg-container{width:161px;height:155px;margin-bottom:25px;display:flex;justify-content:center;align-items:center}.step4 .card .svg-container img{max-width:100%;max-height:100%}.step4 .card h3{font-size:12px;color:#fff;letter-spacing:.5px;line-height:18px;background-color:#cd2729;padding:0 5px;display:inline-block}.step4 .card span{font-size:15px;color:#000;letter-spacing:.62px;text-align:center;line-height:18px;font-weight:600;margin:13px 0;display:block}.step2{max-width:675px;margin:auto;display:none;min-height:calc(100vh - 70px)}.step2 .orange700.bgtemplate.cable{margin-top:115px}.step3{max-width:800px;margin:auto;display:none;min-height:calc(100vh - 70px)}.step2 .bgtemplate,.step3 .bgtemplate{border-radius:15px;padding:30px;background-color:#fcbb01}.step2 .bgtemplate>ul,.step3 .bgtemplate>ul{display:flex;justify-content:center}.step3 .bgtemplate>ul{flex-wrap:wrap}.step2 .card2,.step3 .card2{width:330px;background-color:#fff;border-radius:15px;padding:15px;box-sizing:border-box;margin:0 7.5px}.step2 .card2 .head{text-align:center}.step2 .card2 .head .svg-container{margin:0 0 17px 0}.step2 .card2 .head h3{font-size:17px;color:#1d1d1e;letter-spacing:1px;text-align:center;text-transform:uppercase}.step2 .dimension,.step3 .dimension{margin:0 0 50px 0}.step2 .dimension ul,.step3 .dimension ul{display:flex}.step2 .dimension .card3,.step3 .dimension .card3{border:solid 1px #e1e1e1;width:72px;padding:27px 0;margin:20px 14px 20px 0;font-size:20px;color:#000;font-weight:600;letter-spacing:.86px;text-align:center;line-height:18px}.step2 .dimension .card3:hover,.step3 .dimension .card3:hover{border:solid 1px #fcbb01;background-color:#fcbb01;cursor:pointer}.step2 .cta,.step3 .cta{text-align:center}.step2 .cta .suivant,.step3 .cta .suivant{border:solid 1px #000;border-radius:50px;font-size:12px;padding:12px 50px;color:#000;width:10%;letter-spacing:.5px;text-align:center;line-height:18px}.step2 .cta .suivant:hover,.step3 .cta .suivant:hover{color:#d8d8d8;background-color:#000;cursor:pointer;transition:.2s}.step2 .card2 .head h3,.step3 .card2 .head h3{font-size:17px;color:#1d1d1e;padding:15px;font-weight:600;letter-spacing:1px;text-align:center;text-transform:uppercase}.step2 .card2 .head h3 span,.step3 .card2 .head h3 span{font-size:16px;font-weight:600;line-height:19px}.step2 .card2 .head h3.border-color-before-green::after,.step3 .card2 .head h3.border-color-before-green::after{border-top:2px solid #ce1718;padding:3px 0}.step3 .card2 .head h3:after{border-bottom:2px solid #ce1718;content:' ';width:60px;display:block;margin-top:10px}.step2 .card2 .desc,.step3 .card2 .desc{margin-top:30px;font-size:13px;line-height:23px}.step2 .card2 .desc ul,.step3 .card2 .desc ul{display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:right;align-items:center}.step2 .card2 .desc ul li:nth-child(odd),.step3 .card2 .desc ul li:nth-child(odd){margin-right:13px}.step2 .card2 .desc ul li.nfo,.step3 .card2 .desc ul li.nfo{width:100%;border-radius:17.5px;display:flex;justify-content:center;align-items:center;padding:6px 0;font-size:12px;font-weight:700;color:#fff;margin:20px 0 0;text-align:center}.step2 .card2 .desc ul li.nfo svg,.step3 .card2 .desc ul li.nfo svg{margin-left:7px}.step3 .card2{width:170px;height:165px;padding:0;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:20px}.startagainbro{text-align:center;margin-top:80px}.startagainbro a{margin-top:10px}.dimension .card3.active{border:solid 1px #fcbb01;background-color:#fcbb01}.dimension .card3.disabled{opacity:.5;cursor:not-allowed;position:relative;overflow:hidden}.dimension .card3.disabled:after{content:" ";border-top:1px solid #000;width:136%;height:1px;display:block;position:absolute;top:50%;left:-14px;transform:rotate(45deg)}@media screen and (max-width:1056px){body{background-image:none}header .gohome{width:38px;height:38px;padding:0;justify-content:center;left:15px}header .gobackstep{left:15px}header .gohome svg{margin-right:0}header .gohome span{display:none}header .gohome h1{font-size:12px}ul.steps{margin-top:10px;width:100%}ul.steps li>*{display:none}ul.steps li{padding:0;border-bottom:3px solid #000}h1{font-size:12px;line-height:18px;margin-left:25px;text-align:center;letter-spacing:.5px}h2{font-size:18px;line-height:28px;margin:0 0 20px;padding-top:30px}.step1 .cards,.step4 .cards{display:block;flex-direction:column;padding:0 15px}.step1 .card{width:100%;height:auto;box-sizing:border-box;margin:10px 0 0;padding:30px}.step1 .card .svg-container{grid-area:picto}.step1 .card .svg-container svg{height:50px;width:100%;margin-bottom:20px}.step1 .card[data-value="A"] svg{margin-right:50px}.step1 .card[data-value="B"] svg{margin-right:35px}.step1 .card[data-value="C"] svg{margin-right:40px}.step1 .card[data-value="D"] svg{margin-right:40px}.step1 .card[data-value="E"] svg{margin-right:40px}.step1 .card>h3{grid-area:name;font-size:16px;line-height:20px}.step1 .card>span{grid-area:text;font-size:12px}.step2 .bgtemplate>ul,.step3 .bgtemplate>ul{flex-direction:column}.step2 .card2,.step3 .card2{width:100%;margin:0;position:relative}.step2 .card2 .desc ul li:not(.nfo):nth-child(odd){width:calc(100% - 72px - 13px)}.step2 .card2 .desc ul li:nth-child(even){width:72px}.step2 .card2:not(:first-child),.step3 .card2:not(:first-child){margin-top:10px}.step2 .card2 .head,.step3 .card2 .head{justify-content:flex-start}.step2 .bgtemplate,.step3 .bgtemplate{margin:0 10px}.step2 .dimension ul,.step3 .dimension ul{display:grid;grid-template-columns:25% 25% 25% 25%}.step2 .dimension,.step3 .dimension{margin:0 10px 50px 10px}.step2 .dimension .card3,.step3 .dimension .card3{margin:20px 10px 20px 10px}.step2 .orange700.bgtemplate.cable{margin-top:50px}.step4 .card{flex-direction:row;height:auto;padding:20px;margin-left:0;margin-right:0;width:100%;justify-content:flex-start}.step4 .card:not(:first-child){margin-top:10px}.step4 .card .svg-container{height:auto;margin-bottom:0}.step4 .card .textblock,.step4 .card span{text-align:left}.step4 .card .btn{padding:15px;font-size:12px;margin-top:10px}.step4 .card .svg-container{width:115px;margin-right:15px}.startagainbro{font-size:13px;margin-top:30px}.startagainbro a{font-size:12px;padding:15px 30px;margin-bottom:50px}}@media screen and (max-width:1024px)and (min-width:468px){.step2 .dimension ul,.step3 .dimension ul{display:flex}}@media screen and (max-width:675px){.step2 .card2 .desc ul li:nth-child(odd){font-size:3.3vw}}@media screen and (max-width:320px){.step2 .dimension .card3,.step3 .dimension .card3{margin:20px 2px 20px 2px}}@media screen and (min-width:676px) and (max-width:1056px){.step2 .card2,.step3 .card2,.step4 .card{width:60%;margin:auto}}.iniframe #onetrust-consent-sdk,.iniframe .gohome{display:none !important}