@charset "utf-8";
/**
 * Created M/20/09/2016, updated V/13/07/2018
 * Copyright 2016-2018 | Fabrice Creuzot <fabrice~reactive-web~fr>
 * Copyright 2016-2018 | Jérôme Siau <jerome~reactive-web~fr>
 * http://projets.reactive-web.fr/
 */

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&& processus de commande &&& */
#co-address-form .shippingMethod { margin-bottom:20px; }
#co-address-form .shippingMethod span.no-display { display:inline; margin-right:3px; }

#co-address-form .form-list li.field { float:inherit; margin:0 0 8px; }
#co-address-form .form-list li.field div.field:not(:last-child) { margin:0 0 8px; }
#co-address-form .form-list li.field.address div.input-box:not(:last-child) { margin:0 0 8px; }
#co-address-form .form-list fieldset.guest { margin-top:25px; }

#checkout-progress-wrapper { position:relative; }
#checkout-progress-wrapper #shopping-cart-totals-table { width:100%; }
#checkout-progress-wrapper #shopping-cart-totals-table td { padding:0 2px; }
#checkout-progress-wrapper.iframe span.separator, #checkout-progress-wrapper.iframe a { display:none; }

#checkoutSteps.loading, #checkout-progress-wrapper.loading { cursor:wait; }
#checkoutSteps.loading:after, #checkout-progress-wrapper.loading:after {
	position:fixed; top:0; right:0; bottom:0; left:0; height:auto; z-index:50000;
	display:flex; justify-content:center; align-items:center;
	content:"."; color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.7) no-repeat center;
}

#checkoutSteps.paybut #co-payment-form dt button { cursor:pointer; }
#checkoutSteps.paybut #co-payment-form dt input[type="radio"] { display:none !important; }
#checkoutSteps.paybut #co-payment-form dd [id*="payment_form"] { display:block !important; }

/* &&&&&&&&&&&&&&&&& onglets du processus de commande &&& */
#checkoutSteps.tabs { position:relative; padding-top:3.5em; }
#checkoutSteps.tabs .back-link a { padding-left:0; background:none; }

#checkoutSteps.tabs div.step-title {
	position:absolute; top:0; left:0; display:flex; height:3.5em; overflow:hidden; box-sizing:border-box;
	border:1px solid #bbafa0; text-align:left; align-items:center;
}

#checkoutSteps.tabs.t2 div.step-title { width:50%; }
#checkoutSteps.tabs.t2 li.section:nth-child(2) div.step-title { left:50%; border-left:0; }

#checkoutSteps.tabs.t3 div.step-title { width:33.33%; }
#checkoutSteps.tabs.t3 li.section:nth-child(2) div.step-title { left:33.33%; border-left:0; }
#checkoutSteps.tabs.t3 li.section:nth-child(3) div.step-title { left:66.66%; border-left:0; }

#checkoutSteps.tabs.t4 div.step-title { width:25%; }
#checkoutSteps.tabs.t4 li.section:nth-child(2) div.step-title { left:25%; border-left:0; }
#checkoutSteps.tabs.t4 li.section:nth-child(3) div.step-title { left:50%; border-left:0; }
#checkoutSteps.tabs.t4 li.section:nth-child(4) div.step-title { left:75%; border-left:0; }

#checkoutSteps.tabs.t5 div.step-title { width:20%; }
#checkoutSteps.tabs.t5 li.section:nth-child(2) div.step-title { left:20%; border-left:0; }
#checkoutSteps.tabs.t5 li.section:nth-child(3) div.step-title { left:40%; border-left:0; }
#checkoutSteps.tabs.t5 li.section:nth-child(4) div.step-title { left:60%; border-left:0; }
#checkoutSteps.tabs.t5 li.section:nth-child(5) div.step-title { left:80%; border-left:0; }

#checkoutSteps.tabs.t6 div.step-title { width:16.66%; }
#checkoutSteps.tabs.t6 li.section:nth-child(2) div.step-title { left:16.66%; border-left:0; }
#checkoutSteps.tabs.t6 li.section:nth-child(3) div.step-title { left:33.32%; border-left:0; }
#checkoutSteps.tabs.t6 li.section:nth-child(4) div.step-title { left:49.98%; border-left:0; }
#checkoutSteps.tabs.t6 li.section:nth-child(5) div.step-title { left:66.64%; border-left:0; }
#checkoutSteps.tabs.t6 li.section:nth-child(6) div.step-title { left:83.30%; border-left:0; }

#checkoutSteps.tabs.t7 div.step-title { width:14.28%; }
#checkoutSteps.tabs.t7 li.section:nth-child(2) div.step-title { left:14.28%; border-left:0; }
#checkoutSteps.tabs.t7 li.section:nth-child(3) div.step-title { left:28.56%; border-left:0; }
#checkoutSteps.tabs.t7 li.section:nth-child(4) div.step-title { left:42.84%; border-left:0; }
#checkoutSteps.tabs.t7 li.section:nth-child(5) div.step-title { left:57.12%; border-left:0; }
#checkoutSteps.tabs.t7 li.section:nth-child(6) div.step-title { left:71.40%; border-left:0; }
#checkoutSteps.tabs.t7 li.section:nth-child(7) div.step-title { left:85.68%; border-left:0; }