/* -------------------------------------------------------------------
----------------------------------------------------------------------
								BOUTIQUE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

.wrap.page.order,.wrap.shipping,.wrap.address{max-width: 1570px; margin:70px auto 0 auto; width: 92%; color :#333; background: #FFF;padding-bottom:80px;}
.wrap.page.order h1,.wrap.shipping h1,.wrap.address h1,.wrap.adresses h1{color:#e99898; width: 100%; text-align: left;}
.wrap.page.order section{display:flex;width: 96%;margin: auto;}
.wrap.shipping section{width: 96%;margin: auto;}
.shipModes {font-size:14px;}
.wrap.page.order section > div,.wrap.shipping section > div{width:100%;}

/*.wrap.page.order div.basket nav button{padding-left:0;}*/
.wrap.page.order button, .wrap.page.order input[type="button"], .wrap.page.order input[type="submit"],.wrap.page.order .btn{}
.wrap.page.order .btn.saveBasket::after{display: none;}
.wrap.page.order .btn.saveBasket{background-color: transparent; color: #e99898;}

.wrap.page.order .basket { border-collapse: collapse; }
.wrap.page.order .basket tr:not(:first-child) .separator {border-top: 1px solid #ddd;}
.wrap.page.order .basket td {text-align: center; padding:10px; font-size: 14px;}
.wrap.page.order .basket td input, .wrap.page.order .basket td select {font-size: 14px; height: auto; padding: 2px;}
.wrap.page.order .basket thead td {font-size: 16px;}
.wrap.page.order .basket.empty td {text-align: left;}
.wrap.page.order .basket .qtty .quantity-modifier{display:flex; width:100%; justify-content: space-around;}
.wrap.page.order .basket .qtty .quantity-modifier span{padding: 9px; font-size: 15pt;width:40%;}
.wrap.page.order .basket .qtty .quantity-modifier span:first-child{text-align: right;}
.wrap.page.order .basket .qtty .quantity-modifier span:last-child{text-align: left;}
.wrap.page.order .basket .qtty .quantity-modifier input{width:62px;  text-align:center;}
.wrap.page.order .product > article{width: 100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.wrap.page.order .product > article span {width: 30%; font-size: 14px;}
.wrap.page.order .product > article > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; }
.wrap.page.order .productDesc { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; }
.wrap.page.order .product { vertical-align: top; }
.wrap.page.order .product > div,
.wrap.page.order .product > div b,
.wrap.page.order .productDesc > ul li,
.wrap.page.order .productDesc  b { font-size: 14px; }
.wrap.page.order .productDesc > ul li { margin: 6px 0; }
.wrap.page.order .formCmd {display: flex; flex-direction: column; justify-content: space-between;position:relative;}
.wrap.page.order .formCmd table{width:100%;}
.wrap.page.order .formCmd > div{width:unset;margin-top:32px;}
.codepromo * { font-size: 16px; }
.codepromo > div:not(.summary) { display: flex; flex-direction: row; justify-content: space-between; }
.codepromo > div.summary { display: flex; flex-direction: column; justify-content: space-between; }
.codepromo > div input[name="codepromo"] { margin-top: 3px; width: 85%; height: 22px; padding: 2px; font-size: 14px; }
.wrap.page.order .btn{font-size:15px;}

body .digi-addresses ul li.address.chosen::after{content:''; background:url('/img/Icon.png');border:0; width:24px;height:24px;}

.shipModes h5 { margin-top: 0; }
.shipModes, .addressChoice ul { display: flex; flex-direction: column; }
.shipModes li, .addressChoice ul li { display: flex; flex-direction: row; margin: 16px 0; }
.shipModes li label, .addressChoice ul li label { display: flex; flex-direction: column; width: 100%; }
.shipModes li label span, .addressChoice ul li label span { margin-bottom: 10px; }
.shipModes li label > div { display: flex; flex-direction: row; align-items: center; }
.shipModes li label > div .logo { min-width: 150px; display: flex; align-items: center; }
.shipModes li label > div .logo img { width: auto; height: 32px; margin-right: 16px; }
.shipModes li label > div .desc { margin: 16px 0; display: flex; flex-direction: row; align-items: stretch; }

.addressChoice .actions { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.addressChoice .actions a { margin-right: 30px; }


.auth { margin: auto; display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: flex-start; }
.auth .noaccount, .auth .waccount { width: 50%; background-color: #fbfbfb; border: 1px solid #eee; margin: 0 32px 0 32px; padding: 16px; }

/* Processus de commande
---------------------------------------------------------------------- */
.processPage { padding: 0 15px;}
.processPage .content { padding: 0 15px;}
.processPage nav { text-align: right;}

.process-cmd {margin:20px 0; width:100%;}
.process-cmd ul {border:1px solid #eee; display:flex;}
.process-cmd ul li {border-right:1px solid #eee; padding:10px; text-align: center; font-size:14px; text-transform: uppercase; display: inline-block; flex:1; color:#888;}
.process-cmd ul li:last-child {border-right:none;}
.process-cmd ul li.on {font-weight: bold; background: #f9f9f9; color: #000;}
.process-cmd ul li.pass {font-weight: bold; background: #fbfbfb; color: #000; cursor: pointer;}

@media (max-width: 499px) {
	.process-cmd ul { flex-direction: column; }
}

@media screen and (max-width: 1000px){
	.wrap.page.order{margin:40px 75px 0 75px;}
}
@media screen and (max-width: 700px){
	.wrap.page.order{margin:30px 50px 0 50px;}
	.payment_form input[type="image"] { width: 100%; height: auto; }
}
@media screen and (max-width: 450px){
	.wrap.page.order{margin:20px 10px 0 10px;}
	.auth { flex-direction: column; }
	.auth .noaccount, .auth .waccount { width: 100%; margin: 0; }
	.shipModes li label > div .desc { flex-direction: column; align-items: center; }
	.shipModes li label > div .logo { min-width: unset; }
	.shipModes li label > div .logo img { margin-bottom: 12px; }
}