@charset "UTF-8";

.cont-simple {
    width: 100%;
    min-width: 800px;
    max-width: 900px;
}

.checkout-onepage-index #main,
.checkout-cart-index #main {
    background: #f5f6f6 !important;
}

/* ----------------------------------------------------------
   Layout
   ------------------------------------------------------- */

#checkout-layout {
    position: relative;
    filter: alpha(opacity=99);
    opacity:0.99;
}

#checkout-layout.check-is-loading {
    filter: alpha(opacity=70);
    opacity:0.70;
}

.popup-title {
    display: none;
}

.colette-checkout-overlay {
    visibility: visible;
    z-index: 1000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.60;
    /*background: #fff url(../images/loaders/mouth.gif) no-repeat center center;*/
    background: #fff url(../images/darcel/velo-sprite.png) no-repeat left center;
    -webkit-animation: animgif .4s steps(2) infinite;
    animation: animgif .4s steps(2) infinite;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    filter: alpha(opacity=60);
    -ms-user-select: none;
    -o-user-select: none;
}

.colette-checkout-overlay.hidden {
    visibility: hidden;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

/* ----------------------------------------------------------
   Entête Checkout
   ------------------------------------------------------- */

.colette-checkout-steps ol {
    height: 60px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #e3e4e6;
    opacity: 0.99;
    -webkit-transform: translateZ(0);
    filter: alpha(opacity=99);
}

.colette-checkout-steps li {
    float: left;
    position: relative;
    width: 20%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 60px;
    color: #9da0a3;
}

.colette-checkout-steps.nbsteps-4 li {
    width: 25%;
}

.lt_ie8 .colette-checkout-steps li {
    width: 18%;
}

.lt_ie8 .colette-checkout-steps.nbsteps-4 li {
    width: 23%;
}

.colette-checkout-steps .step {
    position: absolute;
    bottom: -13px;
    left: 50%;
    width: 45px;
    margin-left: -22px;
    text-align: center;
    line-height: 26px;
}

.colette-checkout-steps .step em {
    display: inline-block;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    background-color: #9da0a3;
    -webkit-background-clip: border;
    -moz-background-clip: border;
    background-clip: border;
    *display: inline;
    *zoom: 1;
}

.colette-checkout-steps .valid .step em {
    text-align: left;
    text-indent: -999px;
    background-image: url(../images/pages/icn-checkout-valid.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.colette-checkout-steps .valid:hover {
    opacity: 0.80;
    cursor: pointer;
    filter: alpha(opacity=80);
}

.lt_ie8 .colette-checkout-steps .valid .step em {
    text-indent: 0;
    font-size: 1px;
    color: #9DA0A3;
}

.colette-checkout-steps .current {
    color: #070f18;
}

.colette-checkout-steps .current .step {
    bottom: -15px;
    line-height: 30px;
}

.colette-checkout-steps .current .step em {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background-color: #070f18;
}

/* ----------------------------------------------------------
   Panier
   ------------------------------------------------------- */

.cart.cont-simple {
    max-width: 800px;
}

.cart-title {
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 145px;
    height: 105px;
    background: url(../images/darcel/bag-frame.png) no-repeat center top;
    margin: 0 auto 6px;
    background-size: auto 105px;
}

.colette-cart-table tbody tr {
    background-color: #fff;
}

.colette-cart-table tbody tr + tr td {
    border-top: 5px solid #f5f6f6;
}

.colette-cart-table td,
.colette-cart-table th {
    position: relative;
    vertical-align: middle;
}

.colette-cart-table tbody tr.cci-gift td {
    border-top: none;
}

.colette-cart-table thead th,
.select-cards-table thead th {
    height: 30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    color: #9da0a3;
}

.colette-cart-table thead th:first-child {
    padding-left: 10px;
}

.colette-cart-table tbody td:last-child,
.colette-cart-table thead th:last-child {
    padding-right: 20px;
    text-align: right;
}

.discount-form div{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.discount-form div.show-coupon{
    opacity: 1;
    visibility: visible;
}

/* Item
   ----------------------- */

.cct-image {
    width: 90px;
    height: 90px;
    padding: 10px;
}

.cct-image a {
    display: block;
}

.cct-details-container {
    position: relative;
    padding-bottom: 20px;
}

.colette-cart-table .cct-details {
    position: relative;
    width: 300px;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-right: 10px;
    vertical-align: top;
}

.cct-details .product-name {
    margin: 0;
    padding: 7px 10px 7px 0;
    text-transform: none;
    font-size: 14px;
    line-height: 1.3;
    color: #070f18;
}

.cct-details .item-options {
    clear: both;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
    color: #6b6e76;
}

.cct-details .item-options a {
    color: inherit;
}

.cct-details .item-options a:hover {
    color: #1d5ea8;
}

.cct-details .item-options dt {
    float: left;
    margin-right: 3px;
}

.cct-details .item-options dt:after {
    content: ' : ';
}

.colette-cart-table thead th.cct-qty,
.cct-qty {
    text-align: center;
}

.product-edit-link {
    line-height: 16px;
}

.cart-price {
    font-size: 12px;
    font-weight: bold;
    color: #383f46;
}

.cart-math-equal,
.cart-math-times {
    font-size: 15px;
    color: #9da0a3;
}

.cart-math-times {
    float: right;
    margin-right: 40px;
    font-weight: normal;
}

.colette-cart-table .selector {
    width: 40px;
}

.cart-math-equal {
    float: left;
    margin-left: 10px;
}

.btn-rem-parent {
    position: relative;
    height: 100%;
    min-height: 70px;
    line-height: 70px;
}

.btn-remove-cart {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 11px;
    height: 11px;
    background-image: url(../images/pages/icn-logout.png);
}

.btn-rem-parent .btn-remove-cart {
    top: -15px;
    right: -15px;
}

/* Gift message
   ----------------------- */

.cci-review-gift-message {
    padding: 5px 10px;
    font-size: 11px;
    color: #6a6f75;
    background: transparent url(../images/pages/icn-review-gift-message.png) no-repeat 0 9px;
}

.colette-cart-table tbody .cci-gift td {
    padding: 0;
}

.cci-gift-check {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    color: #6a6f75;
    background: transparent url(../images/pages/checkbox-checkout.png) no-repeat 0 1px;
}

.cci-gift-check.checked {
    background-position: 0 -89px;
}

.cci-gift-check input {
    vertical-align: middle;
    opacity: 0.01;
    cursor: pointer;
    filter: alpha(opacity=01);
}

.cci-gift-message {
    position: relative;
    padding: 0 7px;
    max-height: 0;
    border-top: 1px solid #e3e4e6;
    text-align: left;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.cci-gift-message.opened {
    padding: 7px;
    max-height: 1000px;
    opacity: 0.99;
    filter: alpha(opacity=99);
}

.cci-gift-message:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 96px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #e3e4e6;
    border-left: 1px solid #e3e4e6;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lt_ie9 .cci-gift-message:before {
    display: none;
}

/* Totals
   ----------------------- */

.cart-totals {
    position: relative;
    margin-bottom: 19px;
}

.cart-totals .excluding-shipping {
    color: #9DA0A3;
    font-size: 11px;
}


/* Cart selection
   ----------------------- */

.checkout-selection {
    margin: 20px 0 0;
}

.checkout-selection-grid {
    padding-top: 0;
}

.checkout-selection-grid > li {
    padding: 0 10px 10px 0;
}

.checkout-selection-grid > li:first-child {
    padding-left: 0;
}

.checkout-selection-grid > li:last-child {
    padding-right: 0;
}

.checkout-selection-grid .colette-propose{
    width: 142px;
    height: 253px;
    background: url(../images/darcel/coletteproposedarcel.jpg) no-repeat scroll center center rgb(32, 91, 171);
    color: rgb(255, 255, 255);
    padding:0;
    margin-right:10px;
}

.checkout-selection-grid .colette-propose > p{
    font-size: 18px;
    margin: 38px auto 0px;
    width: 90px;
    line-height: 21px;
    font-weight: 700;
    text-align:center;
}

html[lang="ja"] .checkout-selection-grid .colette-propose > p{
    width:113px;
    font-size:13px;
    margin-top:58px;
}

.checkout-selection-grid .li-button {
    position: inherit;
    visibility: visible;
    width: 100%;
    height: 100%;
    padding-top: 2px;
    text-align: center;
    line-height: 30px;
    opacity: 1;
    filter: alpha(opacity=10);
}

/* Coupon
   ----------------------- */

.cart-totals .discount-form {
    z-index: 1;
    position: absolute;
    top: 24px;
    left: 0;
}

.cart-totals .discount-form > * {
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.cart-totals .discount-form label {
    font-size: 9px;
    line-height: 26px;
    color: #9da0a3;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 5px;
}

.cart-totals .discount-form input {
    width: 115px;
    height: 25px;
    padding: 0 5px;
    border: 1px solid #e3e4e6;
    border-right: 0;
}

.lt_ie9 .cart-totals .discount-form input {
    line-height: 23px;
}

.cart-totals .discount-form .le-button {
    padding: 0 8px;
    font-size: 11px;
    text-transform: none;
    background-color: #1d5ea8;
}

.cart-totals .discount-form .le-button:focus,
.cart-totals .discount-form .le-button:hover {
    background-color: #070f18;
}

/* Secure payment */

.rea-secure-payment {
    position: absolute;
    /*bottom: 30px;*/
    left: 0;
    line-height: 20px;
}

.rea-secure-payment strong {
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
    color: #9da0a3;
    *display: inline;
    *zoom: 1;
}

.rea-secure-payment .illu {
    display: inline-block;
    width: 200px;
    height: 21px;
    margin-left: 10px;
    vertical-align: top;
    background: transparent url(../images/pages/secure-payment.png) no-repeat left top;
    *display: inline;
    *zoom: 1;
}

/* Totals table */

.cart-totals table {
    table-layout: fixed;
    font-size: 12px;
}

.cart-totals tbody,
.cart-totals tfoot {
    border-bottom: 2px solid #e3e4e6;
    text-align: right;
}

.lt_ie9 .cart-totals th {
    text-align: right;
}

/*
.cart-totals {
    min-height: 159px;
}
*/
.cart-totals tbody tr:first-child:last-child td {
    height: 50px;
}

.cart-totals tbody strong {
    font-weight: normal;
}

.cart-totals td:last-child,
.cart-totals tr:last-child {
    width: 180px;
    padding-right: 20px;
}

.cart-totals tbody td:last-child {
    font-size: 13px;
    color: #383f46;
}

.cart-totals tbody td:last-child strong,
.cart-totals tbody td:last-child {
    font-weight: bold;
}

.cart-totals td,
.cart-totals th {
    height: 20px;
    vertical-align: middle;
}

.cart-totals tr:first-child > * {
    padding-top: 11px;
}

.cart-totals tr:last-child > * {
    padding-bottom: 15px;
}


.cart-totals #shopping-cart-totals-table tfoot {
    color: #9da0a3;
}

.cart-totals [onclick] {
    cursor: pointer;
}

.cart-totals #shopping-cart-totals-table tfoot td {
    height: 15px;
}

.cart-totals tfoot tr#grand-total {
    font-size: 16px;
    color: #1d5ea8;
}

.cart-totals tfoot tr#grand-total strong {
    letter-spacing: 1px;
}

.cart-totals tfoot tr#grand-total td {
    height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cart-totals tfoot tr#grand-total td:last-child {
    font-size: 18px;
}

#shopping-cart-totals-table .totals-line-discount td,
#shopping-cart-totals-table .totals-line-discount th {
    font-weight: bold;
    color: #ff3333;
}

/* Actions
   ----------------------- */

.cart .cart-collaterals {
    padding-bottom: 60px;
}

#review-buttons-container .le-button,
.cart .cart-collaterals .le-button {
    width: auto;
    padding: 0 15px;
    max-width: 250px;
    font-weight: bold;
}

.cart .cart-collaterals .btn-proceed-checkout,
#review-buttons-container .le-button {
    float: right;
    font-weight: bold;
    opacity: 0.99;
    filter: alpha(opacity=99);
}

#review-buttons-container .form-list {
    padding-top: 10px;
}

.cart .cart-collaterals .btn-proceed-checkout {
    width: 230px;
    padding: 0 15px;
}

.cart .cart-collaterals .le-grey-big-button {
    max-width: 180px;
}

.cart .cart-collaterals .btn-continue {
    font-size: 16px;
    color: #1d5ea8;
    background: #e3e4e6 url(../images/darcel/icn-arrow-left-blue.png) no-repeat 18px 14px;
    padding: 0 20px 0 37px;
    min-width: 210px;
    max-width: 230px;
}

.cart .cart-collaterals .btn-continue:hover {
    background-color: #070f18;
}

/* ----------------------------------------------------------
   Divers Checkout
   ------------------------------------------------------- */

.checkout-onestp-login .step-header,
.checkitout .step-header {
    padding-bottom: 18px;
    font-size: 18px;
    font-weight: bold;
    color: #070f18;
}

.checkitout .cssn_form {
    padding: 0;
}

.checkitout .cssn_form fieldset + fieldset {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #e3e4e6;
}

.checkitout label {
    cursor: pointer;
}

.checkitout li.control {
    padding-bottom: 5px;
    color: #6b6e76;
}

.checkitout li.control label {
    font-size: 11px;
}

.checkitout input[type="checkbox"] {
    margin-right: 4px;
    vertical-align: 0;
}

.checkitout .selector,
.checkitout .selector select,
.checkitout .selector span {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
}

.checkitout .selector span {
    padding-right: 40px;
    background-image: url(../images/pages/icn-arrow-select-big.png);
}

#checkout-review-submit .control label {
    font-size: 12px;
}

.checkitout .select-address-new {
    display: block;
    margin-bottom: 5px;
    padding-top: 0;
}

#checkout-submit-order[disabled] {
    background: #bbb;
    color: #fff
}

/* ----------------------------------------------------------
   Login Checkout
   ------------------------------------------------------- */

.popup-content {
    clear: both;
}

.checkout-onestp-login {
    float: left;
    width: 285px;
    padding: 11px 20px 20px;
    min-height: 210px;
    background-color: #fff;
}

.checkout-onestp-login .cssn_form {
    padding: 0;
}

.checkout-onestp-login .cssn_form .box:last-child {
    padding-bottom: 0;
}

.checkout-onestp-login + .checkout-onestp-login {
    margin-left: 20px;
}

.checkout-onestp-new-customer fieldset + fieldset {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #ccc;
}

.checkout-onestp-login .forgot-password {
    display: block;
    padding: 5px 0 7px;
    font-size: 9px;
}

.checkout-onestp-login .forgot-password a {
    text-decoration: underline;
    color: #9da0a3;
}

.checkout-onestp-login.no-guest {
    position: relative;
    min-height: 221px;
}

.checkout-onestp-login.no-guest .le-button {
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 285px;
}

.checkout-onestp-login .le-button {
    font-weight: bold;
}

/* ----------------------------------------------------------
   Adresse : Facturation & Livraison
   ------------------------------------------------------- */

@media(min-width:1200px) {
    .two-addresses #checkout-step-addresses,
    .two-addresses #checkout-step-addresses + .validate-shipping-billing {
        position: relative;
        width: 820px;
        overflow: auto;
        margin-left:-75px;
    }

    .two-addresses #checkout-step-addresses >.checkout-step {
        float: left;
        margin: 0 10px;
    }

    .two-addresses #checkout-step-addresses + .validate-shipping-billing {
        width: 810px;
        padding-top: 20px;
    }
}

.validate-shipping-billing {
    clear: both;
}

.validate-shipping-billing .le-button {
    font-weight: bold;
}

#checkout-step-billing,
#checkout-step-shipping {
    width: 350px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
}

.stepp-header,
.checkout-onestp-login .step-header,
#checkout-step-billing .checkitout .step-header,
#checkout-step-shipping .checkitout .step-header {
    margin-bottom: 18px;
    border-bottom: 1px solid #e3e4e6;
}

.validate-shipping-billing {
    padding-right: 140px;
    text-align: right;
}

#checkout-step-shipping .selector,
#checkout-step-shipping .selector span,
#checkout-step-shipping select,
#checkout-step-billing .selector,
#checkout-step-billing .selector span,
#checkout-step-billing select {
    max-width: 350px;
}
/*
#checkout-step-shipping .selector span,
#checkout-step-billing .selector span {
    width: auto;
}
*/
/* ----------------------------------------------------------
   Méthodes d'expedition
   ------------------------------------------------------- */

#co-shipping-method-form .sp-methods {
    display: table;
    width: 100%;
}

#co-shipping-method-form .sp-methods > li {
    display: table-cell;
    width: 33%;
    padding: 0 10px;
    vertical-align: top;
    *float: left;
}

#co-shipping-method-form .sp-methods-count-4 > li {
    width: 25%;
}

#co-shipping-method-form .sp-methods-count-5 > li {
    width: 20%;
    padding: 0 7px;
}

#co-shipping-method-form .sp-methods > li:last-child {
    padding-right: 0;
}

#co-shipping-method-form .sp-methods > li:first-child {
    padding-left: 0;
}

#co-shipping-method-form .colette-sp-method {
    padding: 20px;
    min-height: 135px;
    background-color: #fff;
}

#co-shipping-method-form .sp-methods-count-5 .colette-sp-method {
    padding: 15px;
    min-height: 170px;
}

.colette-sp-method-prices {
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e4e6;
    font-size: 13px;
    font-weight: bold;
    color: #383f46;
}

.colette-sp-method-prices li {
    position: relative;
    padding-left: 18px;
}

.colette-sp-method-prices li + li {
    margin-top: 7px;
}

.colette-sp-method-prices input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 3px;
    vertical-align: 0;
}

.colette-sp-method-desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #9da0a3;
}

.validate-payment-methods,
.validate-shipping-methods {
    padding-top: 20px;
    text-align: right;
}

.validate-payment-methods .le-button,
.validate-shipping-methods .le-button {
    font-weight: bold;
}

#review_payment_method .illu {
    display: inline-block;
    margin-left: 10px;
    overflow: hidden;
    direction: ltr;
    text-align: center;
    text-indent: -999px;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

#co-payment-form .for_method_paypal_standard,
#co-payment-form .for_method_paybox_direct,
#co-payment-form .for_method_paybox_system,
#co-payment-form .for_method_ccsave {
    display: block;
}

#co-payment-form .for_method_paypal_standard .labelcontent,
#co-payment-form .for_method_paybox_direct .labelcontent,
#co-payment-form .for_method_paybox_system .labelcontent,
#co-payment-form .for_method_ccsave .labelcontent {
    display: none;
}

#review_payment_method.ccsave .illu,
#review_payment_method.paybox_system .illu,
#review_payment_method.paybox_direct .illu,
#co-payment-form .for_method_ccsave,
#co-payment-form .for_method_paybox_direct,
#co-payment-form .for_method_paybox_system {
    width: 141px;
    height: 21px;
    background: transparent url(../images/pages/payment-method-paybox.png) no-repeat center left;
}

#co-payment-form .for_method_ccsave,
#co-payment-form .for_method_paybox_direct,
#co-payment-form .for_method_paybox_system {
    background-position: 40px 33px;
}

#review_payment_method.paypal_standard .illu,
#co-payment-form .for_method_paypal_standard {
    width: 48px;
    height: 14px;
    background: transparent url(../images/pages/payment-method-paypal.png) no-repeat center left;
}

#co-payment-form .for_method_paypal_standard {
    background-position: 40px 38px;
}

/* Virement */

#review_payment_method.banktransfer {
    min-width: 300px;
    white-space: nowrap;
}

#review_payment_method .bank-transfer {
    display: none;
}

#review_payment_method.banktransfer .bank-transfer {
    display: block;
    padding-left:3px;
}

#review_payment_method.banktransfer .illu {
    display: none;
}

#review_payment_method.banktransfer .rsp-title,
#review_payment_method.banktransfer .bank-transfer {
    display: inline-block;
    float: left;
    *display: inline;
    *zoom: 1;
}

/* ----------------------------------------------------------
   Méthodes de paiement
   ------------------------------------------------------- */

#co-payment-form .sp-methods {
    display: block;
    padding: 20px;
    min-height: 87px;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    color: #383F46;
    background-color: #fff;
}

#co-payment-form .methods-nb-3 .sp-methods {
    min-height: 75px;
}

#co-payment-form .sp-methods > li {
    float: left;
    width: 305px;
    line-height: 47px;
    background-color: #f3f3f3;
}

#co-payment-form .methods-nb-3 .sp-methods > li {
    width: 196px;
}

#co-payment-form .sp-methods > li+ li {
    margin-left: 20px;
}

#co-payment-form .sp-methods > li > label {
    display: block;
    width: auto;
    height: 47px;
    padding: 20px;
}

#co-payment-form .paybox-cc-type .paybox-card {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    height: 30px;
    margin-top: 10px;
    line-height: 30px;
    *display: inline;
    *zoom: 1;
}

/* ----------------------------------------------------------
   Success
   ------------------------------------------------------- */

.checkout-success {
    text-align: center;
}

.checkout-success .scp-title {
    margin: 60px 0 50px;
    padding-bottom: 220px;
    font-size: 0;
    font-weight: bold;
    line-height: 1.1;
    color: #070f18;
    background: transparent url(../images/darcel/merci.png) no-repeat center bottom;
}

.checkout-success p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #383f46;
}

.checkout-success .le-button {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 0 80px;
    font-weight: bold;
    *display: inline;
    *zoom: 1;
}

.checkout-success .account-links {
    margin-bottom: 20px;
}

.checkout-success .buttons-set .success-choice {
    display: block;
    margin: 8px 0;
    text-align: center;
}

/* ----------------------------------------------------------
   Review
   ------------------------------------------------------- */

.checkout-step-review #total-excl-tax {
    display: none;
}

.checkout-addresses {
    margin-bottom: 20px;
    padding: 15px;
    font-size: 12px;
    line-height: 1.3;
    background-color: #fff;
}

.checkout-addresses h3 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e4e6;
}

/* ----------------------------------------------------------
   Empty Cart
   ------------------------------------------------------- */

.cont-empty-cart {
    width: 260px;
    margin-top: 100px;
    padding: 20px;
    text-align: center;
    background: #fff;
}

.cont-empty-cart .page-title {
    margin-bottom: 15px;
}

/* ----------------------------------------------------------
   OSC (renaud)
   ------------------------------------------------------- */

.same-as-billing-overlay {
    background: #fff;
}

.colette-sp-method-payment-description {
    display: none;
    padding: 10px;
    font-weight: normal;
}

#review-buttons-container {
    display: block !important;
}

.checkitout-checkout-loading {
    display: none !important;
}

#checkout-step-login {
    overflow: hidden;
}

#checkout-layout .btn-validate-form[disabled] {
    color: #888;
    background: #eee;
}

#checkout-layout,
#checkout-step-address,
#checkout-step-shipping_method,
#checkout-step-payment,
#checkout-step-review,
.same-as-billing {
/*    display: none;*/
}

tr#grand-total td:first-child {
    position: relative;
}

/* ----------------------------------------------------------
   V2
   @26/05/2013 Rémy
   ------------------------------------------------------- */

​.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after { clear: both; }

.cf { *zoom: 1; }

.checkout-page-v2 {
    width: 900px;
    margin: 0 auto;
}

.checkout-page-v2 .page-title {
    margin: 30px auto;
    text-align: center;
}

.checkout-page-v2 .page-title h1,
.checkout-page-v2 .page-title {
    font-size: 40px;
    line-height: 1.1;
    color: #070f18;
}

#checkout-step-review #checkout-review-table-wrapper,
#checkout-step-review #checkout-review-submit,
#checkout-progress-wrapper,
#opc-review.active .step-title {
    display: none;
}

.checkout-wrapper-v2 {
    width: 900px;
    margin: 0 auto;
}

.checkout-wrapper-v2 .opc,
.checkout-wrapper-v2 .checkout-cart-v2 {
    background-color: #fff;
    border-top: 3px solid #1d5ea8;
}

.checkout-wrapper-v2 .checkout-cart-v2 .tcpc-tableau .delete {
    display: none;
}

.checkout-wrapper-v2 .opc {
    float: left;
    width: 555px;
    margin-bottom: 50px;
}

.checkout-wrapper-v2 .opc .buttons-set .le-button {
    font-weight: bold;
}

.opc .cssn_form {
    padding: 0;
}

.opc .section {
    min-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #eeeff0;
    border-bottom: 1px solid #e3e4e6;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.opc .section.allow {
    cursor: pointer;
}

.opc .section.allow:hover {
    background-color: #f6f7fa;
}

.opc .section.active:hover,
.opc .section.active {
    height: auto;
    padding-bottom: 30px;
    background-color: #fff;
    cursor: default;
}

.opc #opc-review.active {
    padding-bottom: 0;
}

.opc .section.active .step-title {
    margin-bottom: 19px;
}

.opc .section .step-title .number {
    display: none;
}

.opc .section .step-title .step-edit {
    margin-bottom: 17px;
}

.opc .section .step-title .step-edit,
.opc .section.allow.active .step-title .step-edit,
.opc .section.active .step-title .step-edit {
    display: none;
}

.opc .section.allow .step-title .step-edit {
    display: block;
    position: relative;
}

.opc .section.allow .step-title .step-edit .edit-label {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    color: #383f46;
    min-height: 15px;
}

#opc-payment .step-edit .edit-label,
#opc-shipping_method .step-edit .edit-label {
    min-height: 15px;
}

#opc-payment b{font-weight: bold}

#opc-billing .step-edit .edit-label,
#opc-shipping .step-edit .edit-label {
    min-height: 60px;
}

.opc .section.allow .step-title .step-edit .edit-label strong {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}

.opc .section.allow .step-title .step-edit .edit-link {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: bold;
    font-size: 12px;
    color: #1c5ea8;
}

.opc .section .step-title h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    color: #6b6e76;
    margin: 0;
}

.opc .section.allow .step-title h2 {
    color: #070f18;
}

.opc .section.active .step-title h2 {
    color: #1d5ea8;
    border-bottom: 1px dashed #e3e4e6;
}

/* Step login */

.opc .col2-set .col {
    float: left;
    width: 50%;
}

.opc .col2-set .col .col-content {
    padding-right: 20px;
}

.opc .col2-set .col + .col .col-content {
    border-left: 1px dashed #e3e4e6;
    padding-right: 0;
    padding-left: 20px;
}

.opc .step-login .title {
    margin: 0 0 13px;
    font-size: 16px;
    line-height: 1.1;
    color: #070f18;
}

.opc .step-login .cssn_form {
    padding: 0;
}

.opc .step-login .input-text {
    padding: 0 10px;
}

.opc .step-login .login-col .login-button {
    margin-top: 20px;
    font-weight: bold;
}

.opc .step-login .forgot-password {
    display: block;
    color: #9d9fa3;
    font-size: 9px;
    line-height: 1.1;
    text-decoration: underline;
}

.opc .step-login .forgot-password:focus,
.opc .step-login .forgot-password:hover {
    color: #1d5ea8;
}

.opc .step-login .register-col .continue-box {
    border-top: 1px solid #e3e4e6;
    padding-top: 16px;
    margin-top: 16px;
}

.opc .step-login .register-col .login-button,
#creditcardform_full .add-address-button {
    font-weight: bold;
    color: #1c5ea8;
    background-color: #e3e4e6;
}

/* Step adresse facturation */


.opc #checkout-step-billing,
.opc #checkout-step-shipping,
.opc .checkout-step-billing,
.opc .checkout-step-shipping {
    width: auto;
    margin-bottom: 0;
    padding: 0;
}

.opc-addresses-form .float_form .box {
    padding-left: 135px;
    padding-bottom: 15px;
}

.opc-addresses-form fieldset {
    border-bottom: 1px dashed #e3e4e6;
    padding-bottom: 5px;
    margin-bottom: 24px;
}

.opc-addresses-form .address-fieldset {
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.edit_address_form .jap-notice,
.opc-addresses-form .jap-notice {
    display: none;
}

html:lang(ja) .edit_address_form .jap-notice,
html:lang(ja) .opc-addresses-form .jap-notice {
    display: block;
}

.opc-addresses-form .stepp-header {
    margin-bottom: 35px;
}

.opc-addresses-form .sub-step-header {
    margin-bottom: 15px;
}

.opc-addresses-form .float_form .box label {
    width: 120px;
    color: #383f46;
    font-size: 13px;
    line-height: 35px;
    font-weight: normal;
    padding-top: 0;
}

.opc-addresses-form .float_form .checkbox-box {
    min-height: 13px;
    padding-top: 10px;
}

.opc-addresses-form .float_form .checkbox-box input[type="checkbox"],
.opc-addresses-form .float_form .checkbox-box .checker {
    float: left;
}

.opc-addresses-form .float_form .checkbox-box label {
    position: relative;
    line-height: 13px;
    width: auto;
    max-width: none;
    padding-left: 10px;
}

.opc-addresses-form .box label em {
    font-style: normal;
    color: #9da0a3;
}

.opc-addresses-form .stepp-header {
    border-bottom: none;
}

.opc-addresses-form input,
.opc-addresses-form .selector,
.opc-addresses-form .selector select,
.opc-addresses-form .selector span {
    max-width: 250px;
    width: 250px;
}

.opc-addresses-form .selector span {
    padding: 0 20px 0 10px;
}

.opc-addresses-form .selector,
.opc-addresses-form .selector select,
.opc-addresses-form .selector span {
    height: 35px;
    line-height: 35px;
}

.opc-addresses-form .box .prefix-select {
    width: 90px;
}

.opc-addresses-form .name-prefix .prefix-select {
    width: 60px;
}

.opc-addresses-form .billing-country .selector {
    width: 250px !important;
}

.opc-addresses-form .billing-country .selector span {
    width: 220px !important;
}

.opc-addresses-form .float_form .box .half-input {
    width: 150px;
}

.opc-addresses-form .float_form .box .help {
    width: 110px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    color: #9da0a3;
    font-size: 13px;
    line-height: 35px;
    font-weight: normal;
}

.opc-addresses-form .float_form .box .long-help {
	font-size: 12px;
	line-height: 18px;
}

.opc-addresses-form .buttons-set {
    line-height: 40px;
}

.opc-addresses-form .buttons-set .le-button {
    float: right;
    width: auto;
    min-width: 150px;
    padding: 0 35px;
}

.opc-addresses-form .buttons-set .checkbox-box {
    float: left;
    font-size: 12px;
    color: #6b6e76;
    padding: 0;
}

.opc-addresses-form .buttons-set .checkbox-box label,
.opc-addresses-form .buttons-set .checkbox-box .checker,
.opc-addresses-form .buttons-set .checkbox-box input {
    vertical-align: middle;
}

.opc-addresses-form .buttons-set .checkbox-box label {
    padding-top: 0;
    margin-left: 10px;
}

.opc-addresses-form .user-addresses-box {
    line-height: 35px;
}

.opc-addresses-form .user-addresses-box label {
    padding-top: 0;
}

.opc-addresses-form .user-addresses-box .address-select select,
.opc-addresses-form .user-addresses-box .address-select .selector {
    width: 220px !important;
    height: 33px;
    line-height: 33px;
}

.opc-addresses-form .user-addresses-box .address-select .selector span {
    width: 190px !important;
}

.opc-addresses-form .user-addresses-box label {
    padding-right: 10px;
}

.opc-addresses-form .user-addresses-box .box {
    padding-bottom: 25px;
}

.opc-addresses-form .add-address-button,
#creditcardform_full .add-address-button {
    min-width: 170px;
    height: 30px;
    line-height: 30px;
    background-color: #e3e4e6;
    font-size: 13px;
    color: #1c5ea8;
    font-weight: bold;
    text-transform: none;
    padding: 0 20px 0 10px;
}

.please-wait img {
    vertical-align: text-bottom;
}

/* Step Mode livraison */

#co-shipping-method-form .sp-methods {
    width: auto;
}

.sp-method {
    float: left;
    width: 235px;
    font-size: 13px;
    color: #9da0a3;
    padding-bottom: 2px;
}

.sp-method:nth-child(odd) {
    margin-right: 40px;
}

.sp-method + .sp-method + .sp-method {
    border-top: 1px dashed #e3e4e6;
    padding-top: 18px;
}

.lt_ie9 .sp-method {
	float: none;
    width: 515px;
    margin-right: 0;
}

.lt_ie9 .sp-method + .sp-method {
    border-top: 1px dashed #e3e4e6;
    padding-top: 18px;
}

.opc-sp-methods .method-title label,
.sp-method .sp-method-label {
    font-size: 13px;
    color: #383f46;
    font-weight: bold;
    padding-top: 0;
    line-height: 12px;
}

.opc-sp-methods .method-title,
.sp-method .radio-box {
    position: relative;
    padding-left: 18px;
    padding-bottom: 15px;
}

.opc-sp-methods .method-title input[type="radio"],
.opc-sp-methods .method-title .radio,
.sp-method .radio-box input[type="radio"],
.sp-method .radio-box .radio {
    position: absolute;
    top: 0;
    left: 0;
}

.opc-sp-methods .method-title .radio,
.sp-method .radio-box .radio {
    top: 2px;
}

.step-payment .buttons-set,
.opc-shipping-method-form .buttons-set {
    line-height: 40px;
    border-top: 1px dashed #e3e4e6;
    padding-top: 20px;
}

.step-payment .buttons-set .le-button,
.opc-shipping-method-form .buttons-set .le-button {
    float: right;
    width: auto;
    min-width: 150px;
    padding: 0 35px;
}

/* Step Mode de paiement */

.opc-sp-methods .opc-sp-method {
    font-size: 13px;
    color: #383f46;
}

.opc-sp-methods .opc-sp-method + .opc-sp-method {
    border-top: 1px dashed #e3e4e6;
    padding-top: 24px;
}

.opc-sp-methods .method-title {
    padding-bottom: 24px;
}

.opc-sp-methods .opc-sp-method .paypal_standard-label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 58px;
    height: 16px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/pages/paypal.png) left center no-repeat;
}

.opc-sp-methods .payment-details .form-list {
    margin-bottom: 25px;
}

.opc-sp-methods .payment-details label {
    padding-top: 0;
    font-size: 13px;
    color: #383f46;
}

.opc-sp-methods .payment-details .radio,
.opc-sp-methods .payment-details label img {
    vertical-align: middle;
}

#co-payment-form .paybox-cc-type .paybox-card {
    width: 110px;
    margin: 15px 0 0 0;
}

/* Paye */

.opc .checkout-pay-button-box {
    position: relative;
    width: 515px;
    left: -20px;
    padding: 20px 15px 15px 15px;
    border-top: 1px solid #E3E4E6;
}

.checkout-pay-button-box .checkbox-box {
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px;
}

.checkout-pay-button-box .order-comment-form {
    margin-bottom: 14px;
}

.checkout-pay-button-box .order-comment-form textarea {
    height:50px;
}

.checkout-pay-button-box .order-comment-form label {
    display: block;
    margin-bottom: 3px;
    padding-top: 0;
    font-weight: bold;
}

.checkout-pay-button-box input[type="checkbox"],
.checkout-pay-button-box .checker {
    position: absolute;
    top: 1px;
    left: 0;
}

.checkout-pay-button-box .checker {
    overflow: visible;
}

.checkout-pay-button-box .checker .validation-advice {
    width: 515px;
    position: relative;
    top: -19px;
}

.checkout-pay-button-box .checkbox-box label {
    font-size: 12px;
    line-height: 13px;
    color: #6b6e76;
    padding-top: 0;
}

/* Cart
   ----------------------- */

.checkout-wrapper-v2 .checkout-cart-v2 {
    float: right;
    width: 285px;
    padding: 0 20px 16px 20px;
    margin-left: 20px;
}

.checkout-cart-v2 .tcl-header {
    position: relative;
    height: 50px;
    margin-bottom: 4px;
    padding-bottom: 0;
    border-bottom: 1px solid #e3e4e6;
    overflow: visible;
}

.checkout-cart-v2 .tcl-header h3 {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #070f18;
    margin: 0;
}

.checkout-cart-v2 .tcl-header .icon-cart-side {
    position: absolute;
    z-index: 1;
    top: -16px;
    right: -7px;
    display: block;
    width: 123px;
    height: 73px;
    background: url(../images/darcel/bag-frame.png) no-repeat center top;
    background-size: auto 73px;
}

/* Table */

#checkout-review-table td,
.checkout-tcpc-tableau td {
    vertical-align: top;
}

#checkout-review-table tbody tr.last td,
.checkout-tcpc-tableau {
    border-bottom: 1px solid #f1f1f2;
    margin-bottom: 13px;
}

#checkout-review-table tbody td,
.checkout-tcpc-tableau tbody td {
    border-bottom: none;
}

#checkout-review-table tbody tr + tr td,
.checkout-tcpc-tableau tbody tr + tr td {
    border-top: 1px dashed #e3e4e9;
}

#checkout-review-table td.last .cart-math-equal,
#checkout-review-table .cart-math-times,
#checkout-review-table .cart-price,
#checkout-review-table thead {
    display: none;
}

#checkout-review-table .cct-image,
.checkout-tcpc-tableau .illu {
    display: none;
}

#checkout-review-table .cct-details,
.checkout-tcpc-tableau .desc {
    width: 60%;
    padding: 9px 0;
}

.checkout-tcpc-tableau .opt {
    text-transform: capitalize;
}

.checkout-tcpc-tableau .price-cell,
.checkout-tcpc-tableau .quantity {
    text-align: right;
}

.checkout-tcpc-tableau .quantity {
    width: 30px;
}

#checkout-review-table td.last .cart-price,
#checkout-review-table .cct-qty .cart-price {
    display: block;
}

#checkout-review-table .cct-qty .cart-price:before {
    content: 'x';
}

#checkout-review-table .cct-qty .cart-price,
.checkout-tcpc-tableau .qty {
    position: relative;
    font-size: 13px;
    font-weight: normal;
    color: #383f46;
}

.checkout-tcpc-tableau .qty {
    top: 4px;
    bottom: 0;
}

.checkout-tcpc-tableau .actions > div {
    min-height: 50px;
}

.checkout-tcpc-tableau tbody .actions {
    padding-top: 10px;
}

#checkout-review-table td.last,
.checkout-tcpc-tableau .price-cell {
    width: 35%;
}

#checkout-review-table td.last .cart-price,
.checkout-tcpc-tableau .price-cell .price {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #383f46;
    text-align: right;
}

#checkout-review-table .cct-qty {
    width: 20px;
}

.checkout-tcpc-tableau .price-cell > .price,
.checkout-tcpc-tableau .price-cell > .clrz-special-price,
#checkout-review-table td.last .cart-price,
.checkout-tcpc-tableau .quantity .qty,
#checkout-review-table .cct-qty .cart-price {
    padding-top: 31px;
}

.checkout-tcpc-tableau tr + tr .price-cell .price,
#checkout-review-table tr + tr td.last .cart-price,
.checkout-tcpc-tableau tr + tr .quantity .qty,
#checkout-review-table tr + tr .cct-qty .cart-price {
    padding-top: 20px;
}


/* Tableau totaux */

/*Discount*/
#checkout-review-table tfoot th {
	text-align: left;
}

#checkout-review-table tfoot tr.first td.a-right,
#checkout-review-table tfoot tr.first td.a-right.last {
    padding-top: 20px;
}

#checkout-review-table tfoot td strong {
    font-weight: normal;
}

#checkout-review-table tfoot th,
#checkout-review-table tfoot td,
.checkout-tcpc-tableau-total .total-label {
    font-size: 12px;
    color: #383f46;
}

#checkout-review-table tfoot .a-right.last strong,
#checkout-review-table tfoot .a-right.last,
.checkout-tcpc-tableau-total .total-ht {
    font-size: 13px;
    font-weight: bold;
}

#checkout-review-table tfoot #review_payment_method {
    display: none;
}

#checkout-review-table tfoot #grand-total strong,
.checkout-tcpc-tableau-total .total-label.total {
    font-size: 18px;
    color: #1d5ea8;
    font-weight: bold;
}

#checkout-review-table tfoot #grand-total .last strong,
.checkout-tcpc-tableau-total .total-ttc .price,
.checkout-tcpc-tableau-total .total-ttc {
    font-size: 20px;
    color: #1d5ea8;
    font-weight: bold;
}

#checkout-review-table tfoot #grand-total .a-right,
.checkout-tcpc-tableau-total .total-label.total,
.checkout-tcpc-tableau-total .total-ttc {
    padding: 13px 0 3px;
}

.checkout-cart-v2 .checkout-pay-button-box,
.checkout-cart-v2 #checkout-review-submit {
    display: none;
}

/* Checkout payment
   --------------------------------------------------------------- */

.payment-adding-card .select-card {
    margin: 4px 0 42px;
}

#co-payment-form .return-link {
    padding-top: 3px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #0f0f12;
    cursor: pointer;
}

.payment-adding-card .return-link:before {
    content: url(../images/darcel/icn-arrow-left-blue.png);
    display: inline-block;
    padding-right: 5px;
}

.payment-adding-card .box {
    margin-bottom: 5px;
    padding-left: 130px;
}

.payment-adding-card .input-box label[for=paybox_direct_cc_type] {
    display: block;
    margin: 0 0 6px 0;
}

.payment-adding-card .select-card label {
    margin: 0 40px 0 8px;
}

.payment-adding-card .input-box .input-text {
    width: 250px;
}

.step-payment .payment-adding-card .card-payment-label {
    width: 115px;
    line-height: 35px;
}

.step-payment .payment-adding-card .card-payment-label.long-label {
    line-height: 15px;
}

.payment-adding-card .v-fix {
    float: left;
}

.payment-adding-card .v-fix + .v-fix {
    margin-left: 11px;
}

.payment-adding-card .v-fix .selector span,
.payment-adding-card .v-fix .selector,
.payment-adding-card .v-fix select {
    line-height: 35px;
    height: 35px;
}

.payment-adding-card .v-fix .selector,
.payment-adding-card .v-fix select {
    width: 115px !important;
    overflow: visible;
}

.payment-adding-card .v-fix .selector .validation-advice {
    width: 125px;
}

.payment-adding-card .v-fix .selector span {
    width: 95px !important;
    padding: 0 10px;
}

.step-payment .payment-adding-card .validate-cc-cvn {
    width: 55px;
}

/* -- Code de sécurité -- */

.security-code-help {
    float: left;
    width: 195px;
    height: 31px;
    margin-left: 18px;
    padding-left: 71px;
    background: url(../images/paybox/security-code.png) no-repeat left center;
}

.security-code-help {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #9da0a3;
}

/* -- Table Selection d'une carte de paiement -- */

.payment-details .form-list {
    margin-bottom: 35px;
}

.step-payment .step-title,
#opc-payment .step-title {
    margin-bottom: 27px;
}

.step-payment .select-card-title {
    margin-bottom: 13px;
}

.step-payment .method-title {
    padding-bottom: 20px;
}

.step-payment .select-cards-table {
    margin: 8px 0 20px;
}

.step-payment .select-cards-table thead .type {
    padding-left: 10px;
}

.step-payment .select-cards-table thead .choose {
    padding-right: 8px;
}

.step-payment .select-cards-table tbody tr {
    height: 63px;
}

.step-payment .select-cards-table td,
.step-payment .select-cards-table th {
    vertical-align: middle;
}

.step-payment .select-cards-table tbody tr {
    border: 1px solid #e3e4e6;
}

.step-payment .select-cards-table tr.selected,
.step-payment .select-cards-table tbody tr:hover {
    background-color: #f5f6f6;
}

.step-payment .select-cards-table tbody td {
    color: #6b6e76;
}

.step-payment .select-cards-table tbody .card-visual {
    width: 92px;
}

.step-payment .select-cards-table tbody .card-number {
    width: 182px;
}

.step-payment .select-cards-table tbody .card-name {
    width: 158px;
}

.step-payment .select-cards-table .check-card {
    text-align: center;
}

.step-payment .select-cards-table tbody td img {
    padding-left: 15px;
}

.step-payment .add-address-button {
    width: 202px;
    margin-bottom: 15px;
}

/* Checkout : product alert
   ----------------------- */

#checkout-oos-alert {
    filter: alpha(opacity=0);
    opacity:0.0;
    visibility:hidden;
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#checkout-oos-alert.is-visible {
    visibility:visible;
    filter: alpha(opacity=99);
    opacity:0.99;
}

.filter-checkout-oos-alert {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}

.filter-checkout-oos-alert:hover {
    opacity: 0.90!important;
    filter: alpha(opacity=90);
}

.page-checkout-alert-oos {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 560px;
    height: 385px;
    margin-top:-192px;
    margin-left: -280px;
    padding: 10px;
    overflow: auto;
    font-size: 12px;
    background-color: #fff;
}

.oos-status {
    display: none;
}

.oos-info {
    margin-top: 20px;
    border: 2px solid #E3E4E6;
    padding: 15px;
    color: #1D5EA8;
}

#oos-show-table {
    color: #070F18;
}

.oos-info {
    display: none;
}

.oos-elts-table {
    border-top: 1px #e3e4e6 solid;
}

.oos-elts-table td {
    opacity: .5;
    background-color: #fff;
    filter: alpha(opacity=50);
}

.oos-elts-content:before {
    content:url(../images/pages/icn-chevron-up.png);
    position: absolute;
    top: -8px;
    left: 88px;
}

.oos-elts-content {
    background-color: #fafbfb;
    position: relative;
    border-top: 1px #e3e4e6 solid;
    border-bottom: 1px #e3e4e6 solid;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}

.oos-elts-content .le-big-button {
    width: 273px;
    font-size: 16px;
}

.oos-elts-content p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #696f75;
    margin: 17px 0 0;
}

/* Lightbox
   ----------------------- */

.checkout-alert-oos--content .tcl-header {
    padding-top: 160px;
    background: transparent url(../images/illustrations/illu-oui-colette.jpg) 50% -7px no-repeat;
}

.checkout-alert-oos--content .tcl-header h3 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 19px;
}

.checkout-alert-oos--content .tcl-header p {
    font-family: "Arial";
    font-size: 13px;
    color: #1d5ea8;
}

.checkout-alert-oos--content label {
    display: block;
    padding: 0 0 9px;
}

.checkout-alert-oos--content .tcl-block .cssn_form .le-big-button {
    float: none;
    width: 230px;
    margin: 0 auto;
}