/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty {
    width: 129px !important;
text-align: right;
-webkit-appearance: none;
border: 1px solid #dddddd;
height: 29px; line-height: 29px;
padding-right: 10px;
}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { 
    overflow: visible; 
    width: auto; 
    border: 0; 
    padding: 0; 
    margin: 0; 
    cursor: pointer;
    background: #cd2367;
}
button.button span {
    float: left;
    height: 21px;
    padding: 0 0 0 8px;
    font: bold 12px/21px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}
button.btn-cart {
    height: 30px;
    padding: 0 0 0 2px;
}
button.btn-cart span:hover { text-decoration: underline; }
button.btn-cart span {
    background: url("../images/button/bkg-cart.png") no-repeat 2px 0 transparent;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 30px;    
}
button.button span span { 
    background: none;
    padding: 0px 6px 0 5px;
}
button.disabled {}
button.disabled span {}


button.btn-checkout {
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    padding: 0 5px;
    background-color: #cd2367;
    box-shadow: inset 0px 12px 3px #e32470;
    -moz-box-shadow:inset 0px 12px 3px #e32470;
    -webkit-box-shadow:inset 0px 12px 3px #e32470;
}


button.btn-checkout span { 
    padding: 5px 8px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    float:none;
    text-align: center;
}
 
button.btn-checkout span span { padding: 0; }
button.btn-checkout.no-checkout {}
button.btn-checkout span span:hover{ text-decoration: underline;}
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}*/
/*.highlight { background:#efefef; }*/

/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list {padding-top: 2em;}
.form-list li { margin:0 0 8px; }
.form-list label { float:left; color: #756a6e;text-indent: 2px;padding-bottom: 1px;font-weight: normal; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

.buttons-set {
    clear:both;
    margin:5px 0 0;
    padding:5px;
    /* border:1px solid #ddd; */
}
.buttons-set .back-link { float:left; }
.buttons-set button.button {
    float: right;
    margin: 0 0 0 2px;
}
.buttons-set p.required { margin:0 0 5px; }

.buttons-set-order {}

.fieldset {
    background: #F3F3F3; 
    padding: 22px 25px 12px 33px; 
    margin: 28px 0;
}
.fieldset .legend {
background: none;
border: none;
float: none !important;
color: #756a6e;
font: normal 18px/42px arial, sans-serif !important;
text-transform: uppercase;
border-bottom: 2px #cd2367 solid !important;
padding: 0 0 4px 0;
margin: 0 !important;
}


/* account create */

.customer-account-create .fieldset {margin: 28px 0 0 0 !important;}

.customer-account-create .fieldset .legend {
    background:url(../images/images/btn_inscription_2.png) left top no-repeat;
    border:none;
    float:none !important;
    color: #756a6e;
    font:normal 18px/42px arial, sans-serif !important; 
    text-transform: uppercase;
    border-bottom: 2px #cd2367 solid !important;
    padding-bottom: 4px !important;
    padding-left: 60px;
    margin: 0 !important;
}

.customer-account-create .fieldset .legend1 {
    background:url(../images/images/btn_inscription_1.png) left top no-repeat;
}

.customer-account-create .form-list,.contacts-index-index .form-list {padding: 20px 0px 0px 15px;}
.customer-account-create p.required ,.contacts-index-index p.required {text-align: left !important;color: #cd2367 !important;}
.customer-account-create .form-list label.required em ,.contacts-index-index .form-list label.required em {color: #cd2367 !important;}
.customer-account-create .form-list label,.contacts-index-index .form-list label {color: #756a6e; text-indent: 2px;padding-bottom: 1px;font-weight: normal;}
.customer-account-create .form-list input.input-text,.contacts-index-index .form-list input.input-text {width: 405px;height:20px;}
.customer-account-create .form-list .field ,.contacts-index-index .form-list .field {width: 405px;margin-right: 70px;}
.customer-account-create .form-list .name-lastname,.contacts-index-index .form-list .field:last-child,
.customer-account-create .form-list .name-lastname,.contacts-index-index .form-list .field:last-child{margin-right: 0px !important;}

/* button */
.customer-account-create .buttons-set,
.contacts-index-index .buttons-set{float:right;width: 100%;}

.customer-account-create .buttons-set .back-link {float: right;padding-right: 5px;line-height: 35px;}

.customer-account-create button.button span span,
.contacts-index-index button.button span span {padding: 0 !important;}

.customer-account-create .buttons-set button.button,
.contacts-index-index .buttons-set button.button{
    float: right;
    margin-right: 15px;
    border-radius: 5px;
    background-color: #cd2367;
    box-shadow: inset 0px 12px 3px #e32470;
    -moz-box-shadow:inset 0px 12px 3px #e32470;
    -webkit-box-shadow:inset 0px 12px 3px #e32470;
}
.customer-account-create button.button span,
.contacts-index-index button.button span {
    float: left;
    height: 30px;
    padding: 0px 15px;
    font: normal 12px/30px Arial, Helvetica, sans-serif;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase;
}
.customer-account-create button.button span:hover,
.contacts-index-index button.button span:hover {color: #000;}

.account-create .control {clear: both;}
.adress_mail {float: left;}
.birth_date {float: left;padding-left: 215px;}



/*.product-shop .qtywrap {}
.product-shop #super-product-table .qtywrap { width: 85px; }
.product-shop .qtywrap .qty-btn {
    display: inline-block;
    *display: inline; zoom: 1;
    font-size: 0;
    font-weight: bold;
    line-height: 21px;
    vertical-align: top;
    width: 30px;
    height: 30px;
    text-indent: -99999em;
}
.product-shop .qtywrap .qty-btn.minus { background: url("../images/button/btn-minus.gif") no-repeat 0 0 transparent; }
.product-shop .qtywrap .qty-btn.minus:hover { background-position: -31px 0; }

.product-shop .qtywrap .qty-btn.plus { background: url("../images/button/btn-plus.gif") no-repeat 0 0 transparent; }
.product-shop .qtywrap .qty-btn.plus:hover { background-position: -31px 0; }

.product-shop .qtywrap input.qty { width: 68px !important; height: 28px; }

.product-options-bottom .qtywrap dt {float: left;}

.product-shop .add-to-cart .qty {}
.catalog-product-view .add-to-cart button.button {
    float: none;
    display: inline-block;
    *display: inline; zoom: 1;
    vertical-align: middle;
}*/


/*
 * PATCH CALLIWEB le 23/12/2013 : retrait du width: 50% car il cassait l'affichage en page produit.
 * .product-shop .qtywrap { position: relative; width: 50%;}
 */
.product-shop .qtywrap { position: relative; width: 80%; }
#shopping-cart-table .qtywrap { position: relative; }
.product-shop .qtywrap.simple { width: 50%;margin-top: 15px; }
.product-shop #super-product-table .qtywrap { width: 85px; }
.product-shop .qtywrap .qty-btn {
    /*
     * PATCH CALLIWEB le 23/12/2013 :
     * augmentation de la valeur du right, car après modification du width: 50% sur .product-shop .qtywrap, les boutons + / - sont décalés
     * position: absolute; right: 42px;
     */
    position: absolute; right: 42px;
    display: block; vertical-align: top;
    width: 20px; height: 15px; line-height: 15px;
    text-align: center; font-size: 13px; font-weight: bold; color: #756a6e;
    background: #e1e1e5;
}
.product-shop .qtywrap .qty-btn.minus { top: 15px; height: 14px; line-height: 14px; font-size: 15px; border-top: solid 1px #ffffff; }



#shopping-cart-table .qtywrap .qty-content { position: relative; }
#shopping-cart-table .qtywrap .qty-btn.minus { top: 15px; height: 14px; line-height: 14px; font-size: 15px; border-top: solid 1px #ffffff; }
#shopping-cart-table .qtywrap .qty-btn {
    position: absolute; right: 0;
    display: block; vertical-align: top;
    width: 20px; height: 15px; line-height: 15px;
    text-align: center; font-size: 13px; font-weight: bold; color: #756a6e;
    background: #e1e1e5;
}
#shopping-cart-table .qtywrap .qty-btn.plus { top: 0px; }
#shopping-cart-table .qtywrap input.qty { margin-right: 20px; width: 50px !important; height: 24px; }

.product-shop .qtywrap .qty-btn.minus:hover {  }

.product-shop .qtywrap .qty-btn.plus { top: 0; }
.product-shop .qtywrap .qty-btn.plus:hover {  }

.product-shop .qtywrap .qty-btn:hover { color: #ffffff; background-color: #756a6e; }

.product-shop .qtywrap input.qty { margin-right: 20px; width: 50px !important; height: 28px; line-height: 28px; }

.product-options-bottom .qtywrap dt {float: left;}

.product-shop .add-to-cart .qty {}
.catalog-product-view .add-to-cart button.button {
    float: none;
    display: inline-block; *display: inline; zoom: 1;
    vertical-align: middle;
}

/* Modif Laurent - 22/01/2014 - Decalage + - */
.product-shop .qtywrap .qty-btn { right: 51px; }

/* Modif Laurent - 30/01/2014 - Style notice pour téléphone mobile */
.form-list .mobile_notice { font-size: 9px; margin-left: 3px; }