
/* Short cart */
.total-container-short{position: absolute; top: -123px; right: 10px; height: 118px; display: table; margin: 0; text-align: right; color:#57514c; line-height: 1.4em; font-size:18px; font-family: 'OpenSansLight',sans-serif;}
.total-container-short .total-short{display: table-cell; vertical-align: middle;}
.total-container-short .prix-ttc{text-align: right; color:#d72c3f; font-size:17px; font-family: 'OpenSansBold',sans-serif; border-top: 1px dashed #b4b4b4;}
.total-container-short tbody {width: 100%; display: table; }
.total-container-short tr td {padding: 2px 0;}
.total-container-short tr td:first-child {width: 175px;}
.total-container-short tr td:last-child {text-align: left;  padding-left: 15px;}


/* Header */
.shop_step-order header .mid,
.shop_step-order #breadcrumbs,
.shop_step-order header #top-nav .block,
.shop_step-order #header .cart-head,
.shop_step-order #header .flags,
.shop_step-order .ux-banner,
.shop_step-order .newsletter-field-wrapper,
.shop_step-order h1.name-page,
.shop_step-order #bt-navTop a
{display: none; }

.shop_step-order header #top-nav{height: 5px;}


/* STEPS */
.container-steps-cart{height: auto; margin: 0 auto; border: none; background-color: #fff; padding: 25px 0; border-top: 5px solid #ffc44c;}
.shop.shop_step-order .steps-cart{position: relative; display: table; table-layout: fixed; width: 80%; text-align: center; padding: 0; margin: 0 10%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.shop.shop_step-order .steps-cart .one-step-cart{display: table-cell; vertical-align: top; padding: 0 10px; text-align: center; }
.steps-cart .one-step-cart.js_selected,
.steps-cart .one-step-cart:hover{padding: 0 10px; border: 0;}

.steps-cart .one-step-cart .illus-container{display: inline-block; position: relative; z-index: 5; padding: 0 10px; background-color:  #fff;}
.steps-cart .one-step-cart .illus-container .illus{background: url('/cssimg/site/sprite-icones.png'); display: inline-block; width: 26px; height: 28px; }

.steps-cart .one-step-cart.shop-cart .illus-container .illus{ background-position: 0 -66px; }
.steps-cart .one-step-cart.shop-cart.js_selected .illus-container .illus{ background-position: 0 -94px; }

.steps-cart .one-step-cart.identification .illus-container .illus{ background-position: -26px -66px; }
.steps-cart .one-step-cart.identification.js_selected .illus-container .illus{ background-position: -26px -94px; }

.steps-cart .one-step-cart.shipping .illus-container .illus{ background-position: -52px -66px; }
.steps-cart .one-step-cart.shipping.js_selected .illus-container .illus{ background-position: -52px -94px; }

.steps-cart .one-step-cart.payment .illus-container .illus{ background-position: -78px -66px; }
.steps-cart .one-step-cart.payment.js_selected .illus-container .illus{ background-position: -78px -94px; }

.steps-cart .one-step-cart.confirmation .illus-container .illus{ background-position: -104px -66px; }
.steps-cart .one-step-cart.confirmation.js_selected .illus-container .illus{ background-position: -104px -94px; }

.steps-cart .one-step-cart .txt{display: block; font-family: OpenSansLight; font-size: 15px; color: #8c8a85;margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none}
.steps-cart .one-step-cart a.txt:hover{text-decoration: underline; text-decoration-color: #E59900;}
.steps-cart .one-step-cart.js_selected .txt{color: #d72c3f;}

.steps-cart hr{position: absolute; top: 14px; left: 0; width: 100%; height: 1px; background: #b4b4b4;z-index: 0;}


/* STEP CHOOSE ADDRESS */
.shop_order-select-address{}
.shop_order-select-address select{border: 1px solid #a6a098; padding: 5px; vertical-align: bottom; margin-left: 7px;}
.shop_order-select-address .inHome{margin: 0px 0px 30px 0px;}
.shop_order-select-address .inStore{margin: 0px 0px 30px 0px;}

.user_list-address{}
.user_list-address .item{position: relative; color:#4A5156; background: #ECECE9; font-size: 14px; padding: 10px;}
.user_list-address .item .content{}
.user_list-address .item .content .field{margin: 5px 0; font-size: 1em;}

.tableDeliver{border-collapse: separate; border-spacing: 0 2px; min-width: 50%;}
.tableDeliver tr{background: url('/cssimg/site/bg-menu-top.png') top no-repeat #ffc44c;}
.tableDeliver td{padding: 10px 20px;}
.tableDeliver .desc{padding-right: 50px;}
.tableDeliver .title, .tableDeliver .price{font-family: OpenSansBold; font-size: 15px; color: #463f39;}
.tableDeliver .title{margin: 10px 0;}
.tableDeliver .txt{font-family: OpenSansRegular; font-size: 13px;}
.tableDeliver .price{text-align: center; }
.tableDeliver .info{background: #fff; text-align: center; padding: 7px 0; font-size: 15px;}
.tableDeliver .btn{ display: table-cell; }

.ptsRelais_list_address_container {max-height:220px;overflow-y: scroll}
.ptsRelais_list_address .ptRelais-address {min-height: 120px;}


/* STEP PAYMENT CHOICE */
.shop_order-payment-mode{text-align: center; }
.shop_order-payment-mode .item{position: relative; display: inline-block;  width: 175px; margin: 5px; padding: 5px; border: 1px solid #E4DFDC;}
.shop_order-payment-mode .item.js_selected, .shop_order-payment-mode .item:hover {background: url('/cssimg/site/bg-menu-top.png') top no-repeat #ffc44c;}
.shop_order-payment-mode .item .illus{margin: 0 0 10px 0; font-size: 24px;}
.shop_order-payment-mode .item label{display: block; cursor: pointer;}
.shop_order-payment-mode .item .label {min-height: 35px; cursor: pointer; font-family: OpenSansRegular; font-size: 15px; color: #463f39; text-transform: uppercase;}
.shop_order-payment-mode .item .label input{margin: 0 5px; vertical-align: middle;}

.fa-custom-paypal{width: 25px; height: 25px; background: url('/cssimg/site/ico-paypal.png') 0px no-repeat;}

#js_shop-order-bank-form input[type=submit]{padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; font-size: 16px; font-family: 'nexa_boldregular',sans-serif; color: #333; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0px; vertical-align: middle; text-align: center; cursor: pointer; color: #FFF; background-color: #57C8F4; border-color: #57C8F4;}

.shop_order-mssg-infos-payment{width: 95%; margin: 10px auto 0; padding: 1em 1em 1em 1em; font-size: 1.3em; font-weight: bold; background: #ECECE9; border-top: 2px solid #ffc44c;}


/* RECAP */
.total-container-recap{display: table; margin: 0 auto; text-align: right; color:#57514c; line-height: 1.4em; font-size:18px; font-family: 'OpenSansLight',sans-serif;}
.total-container-recap .total-short{display: table-cell; vertical-align: middle;}
.total-container-recap .prix-ttc{text-align: right; color:#d72c3f; font-size:17px; font-family: 'OpenSansBold',sans-serif; border-top: 1px dashed #b4b4b4;}
.total-container-recap tbody {width: 100%; display: table; }
.total-container-recap tr td {padding: 2px 0;}
.total-container-recap tr td:first-child {width: 175px;}
.total-container-recap tr td:last-child {text-align: left;  padding-left: 15px;}


form .btn-next{padding: 9px 15px;}
.btn-next{margin-right: 20px; margin-top: 20px; height: 41px;}
.btn-next input{background-color: transparent; border: none; color: #fff;}
.btn-next .fa.custom{background: url('/cssimg/site/sprite-icones.png') -15px -15px no-repeat; width: 15px; height: 11px; color: #fff; display: inline-block; margin-left: 7px;}



/*================================================================
Media Queries
========================================================================== */
/* ********************************************* */
/*                MEDIA QUERIES                  */
/* ********************************************* */
@media only screen and (max-width: 960px) {
 /* STEP */
	.shop_step-order .funnyTabs-container .js_funny-tabs-elt{width: 32%;}
}

@media only screen and (max-width: 768px){
	/* GENERAL */
	.total-container-short{position: static; margin: 0 auto; height: auto;}
	
	/* STEPS */
	.shop.shop_step-order .steps-cart{width: 90%; margin: 0 5%;}

	/* STEP CHOOSE ADDRESS */
	.shop_order-select-address{}
 
}

@media only screen and (max-width: 480px) {
	/* STEPS */
	.shop.shop_step-order .steps-cart{width: 96%; margin: 0 2%;}
	.shop.shop_step-order .steps-cart .one-step-cart .txt{display: none; }

	/* STEP DELIVER */
	.tableDeliver{width: 100%;}
	.tableDeliver td{padding: 8px;}
	.tableDeliver .desc{padding-right: 10px;}
	.tableDeliver .title, .tableDeliver .price{font-size: 13px;}
	.tableDeliver .title{margin: 10px 0;}
	.tableDeliver .txt{font-size: 12px;}
	.tableDeliver .price{}
	.tableDeliver .btn{}
	
	form .btn-next{padding: 9px 10px;}
	.btn-next .fa.custom{display: none; }
}

@media only screen and (max-width: 320px) {
	/* ORDER PAYMENT */
	.shop_order-payment-mode{}
	.shop_order-payment-mode .item{width: 100%; float:none; display: block; margin: 1% 0;}
}