#steporder{position:relative;display:flex;justify-content:space-between;margin:50px auto;width:100%;height:50px;font-size:1.4rem}#steporder::before{display:block;position:absolute;top:50%;left:12%;z-index:1;width:76%;height:1px;content:"";background:#000}#steporder a{z-index:2;transform:translateY(9px);width:25%;height:50px;text-align:center;cursor:default}#steporder a i{display:block;margin:0 auto;border:solid 1px #000;width:32px;text-align:center;font-size:16px;line-height:30px;font-weight:600;color:#000;background:#fff}#steporder a.cur{color:var(--dore)}#steporder a.cur i{border:solid 1px var(--dore);color:#fff;background:var(--dore)}#steporder a[href]{cursor:pointer}#steporder a[href] i{color:#fff;background:#000}main{display:flex;flex-direction:column;align-items:flex-start;padding:5px 5px 50px 5px}main>div>h2{margin-bottom:25px;font-size:1.8rem}main>div>dl{display:flex;flex-direction:column;align-items:flex-start;gap:25px}main>div>dl dd+dd b{display:block;padding-bottom:10px;text-transform:uppercase}main>div>dl dd+dd p{border:solid 1px #000;min-width:240px;padding:10px}main div.cancel{text-align:right}p.vide{text-align:center;font-size:1.8rem}article{margin:25px auto;padding:10px 30px 10px 10px;background:var(--gris-panier)}article h2{font-size:3rem}#tcart{position:relative;width:100%;margin:0 auto;border-collapse:collapse}#tcart tr{position:relative}#tcart th,#tcart td{min-width:100px;text-align:center;padding:5px}#tcart td{text-align:right}#tcart th:first-child,#tcart td:first-child{text-align:left}#tcart td:first-child a:hover{text-decoration:underline}#tcart thead th{white-space:nowrap}#tcart thead{display:none}#tcart tbody{border:solid 1px #aaa;background:#fff}#tcart tbody tr{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;border-bottom:solid 1px #aaa}#tcart tbody tr:last-child{border:0}#tcart tbody tr td{box-sizing:border-box;display:block;width:50%}#tcart tbody tr td:first-child{width:100%}#tcart tbody tr td:first-child p{padding:5px;font-weight:600}#tcart tbody td>a img{float:left;margin-right:10px;max-width:100px}#tcart tbody td a.del{position:absolute;top:10px;right:-25px;display:flex;align-items:center;justify-content:center;border:solid 1px #000;width:18px;height:18px;font-size:14px;color:#000}#tcart tbody td a.del:hover{border-color:red;color:red}#tcart tbody div.qte{display:flex;justify-content:center}#tcart tbody div.qte a,#tcart tbody div.qte input{display:block;border:solid 1px #aaa;min-width:30px;height:30px;font-size:16px;text-align:center}#tcart tbody div.qte input{width:30px;border:solid 1px #000}#tcart tbody div.qte a{font-size:18px;line-height:26px;border-right:0}#tcart tbody div.qte a:hover{color:#fff;background:#435a6c}#tcart tbody div.qte a.x{border-color:#eee;color:#eee}#tcart tbody div.qte a.x:hover{color:#eee;background:#fff}#tcart tbody div.qte input+a{border-left:0;border-right:solid 1px #aaa}#tcart tbody div.qte b{display:block;padding-left:2px;font-size:18px;line-height:26px;font-weight:500}#tcart tfoot{border:solid 1px #aaa;border-top:0;background:#fff}#tcart tfoot tr{box-sizing:border-box;display:flex;justify-content:flex-end;border-bottom:solid 1px #aaa}#tcart tfoot tr:last-child{border:0;font-weight:600}#tcart tfoot tr td{box-sizing:border-box;display:block;text-align:right!important}#tcart tfoot tr td:last-child{border-left:solid 1px #aaa}#tcart+p{padding:10px}#tcart+p.infoliv{color:red}#tcart td form{padding-top:15px;font-size:1.4rem}#tcart td form input[type=text]{width:85px;padding:2px}#tcart td form input[type=submit]{border:solid 1px var(--bleu-fonce);padding:2px 4px;cursor:pointer;background:#fff;transition:all .2s}#tcart td form input[type=submit]:hover{color:#fff;background:var(--bleu-fonce)}article>h2{padding-bottom:10px;font-size:2rem;font-weight:700;text-transform:uppercase}article>form{padding:20px 0}#trnsprt>b{display:block;padding:5px;font-weight:400}#trnsprt dl{display:flex;justify-content:space-between;border:solid 1px #aaa;padding:10px;background:#fff}#trnsprt dl dd:nth-child(1){display:flex;align-items:flex-start;gap:10px;width:230px}#trnsprt dl dd i{text-align:center;display:block;height:45px;overflow:hidden}#trnsprt dl dd:nth-child(2){display:none;font-size:1.4rem;text-align:center}#trnsprt p{padding:10px;font-size:1.4rem;line-height:1.6rem}article div.adresse{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:25px}article div.adresse h3{width:100%;padding:30px 0 0 0;text-transform:uppercase}article div.adresse p.x{border:1px solid #aaa;color:#fff;cursor:not-allowed;background:#aaa}article div.adresse p.x input{position:absolute;visibility:hidden}article div.adresse dl{flex:1}article div.adresse dl dd{display:flex;flex-wrap:wrap;padding:5px;font-size:1.5rem;line-height:1.8rem}article div.adresse dl dd label{min-width:150px;padding:5px}article div.adresse dl dd input,article div.adresse dl dd textarea{padding:5px}article div.adresse dl dd input.x{border:solid 1px red}article>div.autres>a{display:inline-block;padding:5px 10px;font-weight:600;color:#fff;background:var(--bleu-fonce)}article>div.autres>a:hover{outline:solid 2px var(--bleu-fonce)}article>div.autres dl{display:none;flex-wrap:wrap;gap:15px;padding:10px 0}article>div.autres dl.o{display:flex}article div.adresse p,article>div.autres dl dd{display:block;border:solid 1px #000;min-width:240px;padding:10px;background:#fff}article>div.autres dl dd a{display:block;min-height:90px}article>div.autres dl dd:hover{outline:solid 1px #000}article>div.autres dl dd:last-child a:hover{text-decoration:underline}#trecap{width:100%;margin:0 auto;border-collapse:collapse;background:var(--bleu-fonce)}#trecap th,#trecap td{padding:5px;color:#fff}#trecap tr.total th,#trecap tr.total td{font-weight:600;font-size:1.8rem;color:var(--dore)}#trecap td{text-align:right}#trecap td span{display:inline-block;width:35px;text-align:left}section div p.button{padding:0}section div p.button a,form div.sbmt p input{border:0;width:100%;padding:25px 0;text-align:center;color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:var(--dore);transition:all .2s}section div p.button a:hover,form div.sbmt p input:hover{padding:25px 0;color:#fff;background:#000}section div p.button-x{border:0;width:100%;padding:25px 0;text-align:center;color:#fff;background:#aaa;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:not-allowed}form>div{margin:0 auto;padding:10px!important}#pay.x{border:solid 1px #aaa;cursor:not-allowed;background:#aaa}@media screen and (min-width:480px){#trnsprt dl dd:nth-child(2){display:block}}@media screen and (min-width:720px){#steporder{max-width:800px;font-size:1.6rem}main{padding:10px 10px 50px 10px}main>div>dl{flex-direction:row;justify-content:space-between}article,form>div{max-width:720px}#tcart td{border:solid 1px #aaa}#tcart td.qte{text-align:center}#tcart thead{display:table-header-group}#tcart tbody tr,#tcart tfoot tr{display:table-row}#tcart tbody tr td,#tcart tfoot tr td{display:table-cell}#trnsprt dl{padding:10px 25px}}@media screen and (min-width:1000px){main{flex-direction:row;justify-content:center;gap:25px}section article{margin-top:0}section.recap article{min-width:300px;padding:10px}#tcart tbody td>a img{max-width:120px}section.recap{position:sticky;top:0;max-width:400px}}