/**
 	* @package    MA
 	* @subpackage	css
 	* @version    SVN: $Revision$ $Date$ $Author$
 	* @desc       style pour les �tapes paniers.
 	*/



/* Progression panier */
#process { height:79px;margin:8px 0 -8px -3px;width:730px; }
#process .fond1 { background: url("../../img/commun/env/panier/b_process.png") no-repeat; width: 730px; height: 79px; }
#process .fond2 { background: url("../../img/commun/env/panier/b_process.png") no-repeat 0 -80px; width: 730px; height: 79px; }
#process .fond3 { background: url("../../img/commun/env/panier/b_process.png") no-repeat 0 -160px; width: 730px; height: 79px; }
#process .fond4 { background: url("../../img/commun/env/panier/b_process.png") no-repeat 0 -240px; width: 730px; height: 79px; }

#process ul { list-style: none; }
#process ul li { display: inline; float: left; height: 72px;  }
#process ul li.etape1 { width: 170px; }
#process ul li.etape2, #process ul li.etape3, #process ul li.etape4 { width: 182px; }

#process ul li a span { display: block; cursor: pointer }
#process ul li a span.link { height: 20px; padding: 56px 0 0 0; text-align: center }
#process ul li a span strong { font-style: italic; font-size: 14px }
#process ul li a { color:#616262 }
#process ul li.active a { color: #fff; }


#body .b_content .infobulle { width: 690px; color: #2c5391; margin: 10px 0 0 0; }
#body .b_content .infobulle .top { height: 9px; font-size: 6px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll 0 -89px transparent }
#body .b_content .infobulle .message { background: url("../../img/commun/env/panier/b_background-infobulle.png") repeat-y transparent; padding: 0 0 0 40px; }
#body .b_content .infobulle .bottom { height: 50px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll 0 -101px transparent }
#body .b_content .infobulle .message.alerte { font-weight: bold; text-align: center; padding: 10px 0 10px 0 }

/* Panier */
table#informations td { padding:5px 0 5px 16px; }

#body .b_content .panier td { padding: 0; }
#body .b_content .panier table { border:0px; }
#body .b_content .panier .libelle { color: #818181; font-weight: bold; font-size: 11px }
#body .b_content .panier .vehicule, #body .b_content .panier .ref, #body .b_content .panier .prix, #body .b_content .panier .qte, #body .b_content .panier .prixtotal, #body .b_content .panier .operation { border-bottom: 1px solid #000; padding: 0 0 5px 0 }
#body .b_content .panier .vehicule { width: 150px; border-right: 1px solid #818181; padding: 0 0 5px 10px; }
#body .b_content .panier .ref { width: 310px; border-right: 1px solid #818181;  padding: 0 0 5px 10px; }
#body .b_content .panier .prix { width: 70px;  border-right: 1px solid #818181; text-align: center;  }
#body .b_content .panier .qte { width: 65px;  border-right: 1px solid #000; text-align: center;  }
#body .b_content .panier .prixtotal { width: 70px; text-align: center; border-right: 1px solid #000; }
#body .b_content .panier .operation { width: 30px; text-align: center; }
#body .b_content .panier .noborder { border-right: none; }
#body .b_content .panier .mea { font-weight: bold; }

#body .b_content .panier .qte .moins, #body .b_content .panier .qte .choice, #body .b_content .panier .qte .plus { float: left; }
#body .b_content .panier .qte .moins {  cursor: pointer; width:15px; height: 15px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -362px -156px transparent; border-left: 1px solid #a5acb2; border-top: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2 }
#body .b_content .panier .qte .moins_inactive {  cursor: default; width:15px; height: 15px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -362px -560px transparent; border-left: 1px solid #a5acb2; border-top: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2 }
#body .b_content .panier .qte input { font-size: 10px; width: 15px; _margin: -1px 0 0 0; text-align: center }
#body .b_content .panier .qte .plus {  cursor: pointer; width:15px; height: 15px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -596px -156px transparent; border-right: 1px solid #a5acb2; border-top: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2 }
#body .b_content .panier .qte .plus_inactive {  cursor: default; width:15px; height: 15px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -596px -560px transparent; border-right: 1px solid #a5acb2; border-top: 1px solid #a5acb2; border-bottom: 1px solid #a5acb2 }
#body .b_content .panier .qte input.moins, #body .b_content .panier .qte input.plus { color:transparent; line-height:0; text-indent:-9999px; border: 0 none;}
#body .b_content .panier .operation .corbeille {  color:transparent; line-height:0; text-indent:-9999px; width: 20px; margin: 5px 0 0 4px;  border: 0 none; height: 16px; display: block; cursor: pointer; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -721px -156px transparent }
#body .b_content .panier .operation .corbeille_inactive {  color:transparent; line-height:0; text-indent:-9999px; width: 20px; margin: 5px 0 0 4px;  border: 0 none; height: 16px; display: block; cursor: default; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -721px -560px transparent }
#body .b_content .panier .operation .corbeille_codepromo {  color:transparent; line-height:0; text-indent:-9999px; width: 20px; margin: 5px 0 0 4px;  border: 0 none; height: 16px; display: block; cursor: pointer; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -721px -156px transparent }

#body .b_content .panier .groupe a { color: #000; }
#body .b_content .panier .groupe { background: #fff; }
#body .b_content .panier .groupe .vehicule { background: #fff; font-weight: bold; }
#body .b_content .panier .groupe .vehicule a img { float: right; padding: 0 8px 0 0}
#body .b_content .panier .groupe .vehicule, #body .b_content .panier .groupe .ref, #body .b_content .panier .groupe .prix, #body .b_content .panier .groupe .qte, #body .b_content .panier .groupe .prixtotal {padding: 8px 0 5px 10px; }
#body .b_content .panier .groupe .prix, #body .b_content .panier .groupe .prixtotal { text-align: right; }
#body .b_content .panier .groupe .modulo { background: #f1f2f2; }

#bloc_promo .codepromo {width:92px;}

#body .b_content .panier .info { border-right : 1px solid #000000; border-bottom: 1px solid #000000; text-align: right; font-weight: bold;  }

#body .b_content .panier .prixtotalpanier { font-size:14px; text-transform: uppercase; font-weight: bold; height: 52px; min-width: 265px; background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat 0 -32px transparent; float: right }
#body .b_content .panier .prixtotalpanier p { padding: 6px 16px 0 76px; text-align: right }
#body .b_content .panier .prixtotalpanier span, #body .b_content .panier .prixtotalpanier span.devise { font-size: 20px; }
#body .b_content .panier .prixtotalpanier span.tva { font-weight: normal; font-size: 10px; display: block; text-transform: none; }
#body .b_content .panier td span.dispo { display: block; text-align: right; padding: 0 5px 0 0; font-style: italic; color: #1f497d; }
#body .b_content .panier .qte .choice input:disabled { background:#fff; color: #000; border:0 none; width:15px; height: 15px; border: 1px solid #a5acb2 }
#body .b_content .nav { padding:24px 24px 8px; }
.b_content .nav .preview { float: left; }
.b_content .nav .next { float: right; }
#body .b_content .panier .groupe a.white { color: #fff; }

/*	adresse de livraison	*/
.frame .f_delivery { margin-top: 12px; margin-bottom: 4px; }
.frame .f_delivery label.choice { padding:4px 0 0 8px; font-weight:bold; width:204px; height:98px; float: none; overflow:hidden; white-space: nowrap; }
.frame .f_delivery label.choice input { display:inline; width:auto; margin:0 4px 0 0;padding:0;vertical-align:middle; border:0 none; width:13px;height:13px; }
.frame .f_delivery label.choice span { display: block; font-size: 11px; padding: 5px 0 8px 16px; font-weight: normal; margin:0; text-indent: 0; }

.frame .f_delivery .options { color: #1F5FBF; border-top: 1px solid #C4C4C4; margin-top: 1px; }
.frame .f_delivery .options .link { padding: 5px 0 2px 8px; }
.frame .f_delivery .options .link a { color: #1F5FBF; font-weight: bold; font-size: 11px }
.frame .f_delivery .options .link .up,
.frame .f_delivery .options .link .del { background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat 0 0 transparent; padding: 2px 12px 2px 28px; }
.frame .f_delivery .options .link .up { background-position: 4px -156px; border-right: 1px solid #ee860d; }
.frame .f_delivery .options .link .del { background-position: -105px -156px; }

/* mode de livraison */
#body .b_content .hlivraison { clear: both; border-bottom: 1px solid #32599F; padding: 12px 0 4px; font-size: 18px; font-weight: bold; color: #32599F; }
#body .b_content .livraison .mode { display:inline;float:left;padding:12px 0px 12px 16px;width:315px; }
#body .b_content .livraison .mode.livraison { width:640px; }
#body .b_content .livraison .mode input { margin: 0; padding: 0; border: 0 none; width: 13px; height: 13px; }
/* #body .b_content .livraison .mode .telephone_mobile input { width:75px; border:1px solid #828282; border-radius: 2px 2px 2px 2px; padding: 2px 8px; vertical-align: middle; line-height: 1.6666em;}*/
#body .b_content .livraison .mode .orange { color: #ef7f0d; }
#body .b_content .livraison .mode .orange.strong { font-weight: bold; }
#body .b_content .livraison .mode .orange span { color: #000; font-weight: normal; font-size: 12px;}
#body .b_content .livraison .mode span.type { font-weight:bold;font-size: 24px;padding:0 0 0 8px;}
#body .b_content .livraison .mode strong { color: #3971c4; font-size: 14px }
#body .b_content .livraison .mode strong span { color: #000; font-size: 12px }
#body .b_content .livraison .mode .dispo { font-weight: normal; font-size: 10px; color: #000; }
#body .b_content .livraison .mode .dispo strong {  font-size: 11px; color: #000; }
#body .b_content .livraison .mode .addr { color: #707070; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 0 0 8px; }
#body .b_content .livraison .mode .retrait { font-weight:bold;font-size: 24px; color: #ef7f0d; }
#body .b_content .livraison .mode .paiementlivr { font-weight:bold;font-size: 24px; color: #ef7f0d; }

#body .b_content .livraison .mode .optionpaiementlivr { font-size: 11px; }
#body .b_content .livraison .mode .optionpaiementlivr  strong { font-size: 11px; color: #000; }
#body .b_content .livraison .mode .optionpaiementlivr  strong span { color: #32599F; }

#body .b_content .frame .f_third { width:216px;display:inline;float:left;left:5px;margin:12px 10px 12px 4px; }

.grad_tlbd { 
	background: url("../../img/commun/env/panier/b_grad_tlbd.png") repeat-x scroll 0 0 #BEBEBE;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

/* Sub content dans frame */
.frame .frame .middle tr.libelle td { width: 234px; font-weight: bold; color: #818181; border-bottom: 1px solid #818181;  }
.frame .frame .middle td { padding: 6px 0; font-size: 11px;  }
.frame .frame .middle td.sep { border-right: 1px solid #818181 }

.frame .frame .middle td .link { padding: 8px 0 0 0; }
.frame .frame .middle td .link a { font-weight: normal; padding: 0 0 0 15px }
.frame .frame .middle td .link .up { background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat -6px -561px; }

/*	cgv	*/
.frame .middle p.cgv { padding: 0 10px 0 0; text-align: right }
.frame .middle .static { overflow-y: auto; height: 300px; text-align: left }
.frame .middle p.hotliner { padding: 0 10px 0 0; text-align: right;  font-size: 11px}
.frame .middle p.hotliner span { font-weight: bold; }

/*	livraison gratuite */
#livraison_gratuite { height:81px;margin:10px 0 -10px -5px;width:730px; background: url("../../img/commun/env/panier/b_livraison-gratuite.png") no-repeat; width: 733px; height: 81px; }
#livraison_gratuite .texte { color: #5c5c5c; float: right; padding: 10px 0 0 0; text-align: center; width: 550px; }
#livraison_gratuite .texte span { font-weight: bold; font-size: 18px; }
#livraison_gratuite .texte a { color: #5c5c5c; text-decoration: underline; }
#livraison_gratuite .jauge { height: 25px; float: right; width: 520px; margin: 6px 0 0 0 }
#livraison_gratuite .jauge .ratio { visibility: hidden; color:#f3f4f4; font-size: 4px;}
#progressbar { color:#f3f4f4; font-size: 4px; }

/*	Ajouter au panier	*/
.frame .middle .ajout_adresse { clear: both; display: block; padding: 15px 0 0 0; text-align: center;}

#body .b_content .infobulle .message.alerte a { text-decoration: underline; color: #2c5391 }
#body .b_content .infobulle .message strong { color: #2c5391; }

/* Infobulle	*/
.infobulle .infobulle_message { padding: 10px 26px 10px 55px; text-align: left; }
.infobulle .infobulle_message strong { color: #204e95 }

/* Code promo	*/
#body .b_content .col_content .codepromo .formcodepromo { display: none; }
#body .b_content .col_content .codepromo a.utilisationcodepromo, #body .b_content .col_content table#codepromo td.r  { color: #818181; }

#body .b_content .col_content table#codepromo .top td.r { background: url("../../img/commun/color/frame_codepromo.png"); height: 7px; }
#body .b_content .col_content table#codepromo .top td.l { background: url("../../img/commun/color/frame_codepromo.png") -1084px 0; height: 7px; width: 15px; }

#body .b_content .col_content table#codepromo { border-collapse: collapse; }
#body .b_content .col_content table#codepromo .middle td.r { background: url("../../img/commun/color/frame_codepromo.png") -1100px 0 repeat-y; }
#body .b_content .col_content table#codepromo td.r span.textpromo { padding: 0 0 0 10px }
#body .b_content .col_content table#codepromo .middle td.l { background: url("../../img/commun/color/frame_codepromo.png") -2184px 0 repeat-y; width: 15px; }
#body .b_content .col_content table#codepromo td.r span.input_ml { background-image: url("../../img/commun/color/gray/button.png");}
#body .b_content .col_content table#codepromo td.r span.input_mr { background-image: url("../../img/commun/color/gray/button.png");}

#body .b_content .col_content table#codepromo .bottom td.r { background: url("../../img/commun/color/frame_codepromo.png") -2200px bottom no-repeat; height: 7px; }
#body .b_content .col_content table#codepromo .bottom td.l { background: url("../../img/commun/color/frame_codepromo.png") -3798px bottom no-repeat; height: 7px; width: 15px; }

.valuecodepromo { height: 20px; }

/* Code promo zone de validation */
.codepromo-validator { width: 330px; margin: 20px; }
.codepromo-validator p { text-indent: initial; }
.codepromo-validator label { margin-bottom: 5px; }
.codepromo-validator input[type="text"] { width: 100px; height: 20px; }

/* codepromo nouvelle version */
#body .b_content .col_content td.codepromo_panier{border-right:solid 1px #818181;border-bottom:solid 1px #000000;padding:1px;text-align:center;}
#body .b_content .col_content td.codepromo_panier .encart_codepromo_panier  {display:inline-block;padding-right:10px;}
#body .b_content .col_content td.codepromo_panier .encart_codepromo_panier div.icone_codepromo_panier  {background: url("../../img/commun/main/common/picto-24.png") no-repeat scroll 0px -195px;height:65px;padding:15px 0 0 0;}
#body .b_content .col_content td.codepromo_panier .encart_codepromo_panier div.icone_codepromo_panier div.taux_codepromo_panier{width:52px;float:left;margin:10px 5px 0 18px;text-align:center;font-weight:bold;color:#FFFFFF;font-size:14px;padding-top:8px;}
#body .b_content .col_content td.codepromo_panier .encart_codepromo_panier div.icone_codepromo_panier div.taux_codepromo_panier div.prct_codepromo_panier{font-size:15px;}
#body .b_content .col_content td.taux_codepromo{text-align:center;border-right:solid 1px #818181;border-bottom:solid 1px #000000;}
#body .b_content .col_content td.promocode_new_field{border-bottom:solid 1px #000000;height:40px;text-align:right;padding:0 15px 0 0;font-weight:bold;}
#body .b_content .col_content td.promocode_new_field input.new_promocode_saisir{margin:0 10px 0 10px;border:solid 1px #235397;height:20px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#body .b_content .col_content td.promocode_new_field .bg_blue_codepromo_l {background-image: url("../../img/commun/color/smalt/button.png");}
#body .b_content .col_content td.promocode_new_field .bg_blue_codepromo_r {background-image: url("../../img/commun/color/smalt/button.png");}

#body .b_content .col_content td.ligne_tarif_livraison_panier_libelle {text-align:right;padding-right:10px!important;height:25px;}
#body .b_content .col_content td.ligne_tarif_livraison_panier_value {padding-right:4px!important;}

#body .b_content .col_content div.code_promo_ope_fdp {background: url("../../img/commun/env/panier/b_sprite_nb.png") no-repeat scroll -376px -459px;height:43px; width:70px;}

.same_day_shipping_rebour { padding: 0; color: #333333; text-align: left; font-size: 13px; }
.same_day_shipping_rebour span { font-weight: bold; color: #41913C; }

.frame .f_modep .strong { font-weight: bold; }


.frame .frame .middle .welcome_offer {
	background: url("../../img/commun/env/panier/b_welcome-offer.jpg") no-repeat scroll 0 0 #FFFFFF;
	position: relative; height: 339px;
}
.welcome_offer .title {
	position: absolute;	left: 253px; top: 7px; width: 445px;
	font-size: 41px; font-weight: bold; color: #FFFFFF;
}
.welcome_offer .intro {
	position: absolute;	left: 253px; top: 56px; width: 445px;
	font-size: 18px; color: #FFFFFF;
}
.welcome_offer .percent {
	position: absolute;	right: 294px; top: 131px;
	font-size: 62px; line-height: 1em; font-weight: bold; text-align: left; color: #FF0000;
}
.welcome_offer .ba_pct {
	top: 119px;
	line-height: normal;
	text-align: center;
}
.welcome_offer .offer {
	position: absolute;	left: 413px; top: 128px; width: 262px;
	text-align: left; font-size: 30px; line-height: 1em; color: #FF0000;
}
.welcome_offer .term {
	position: absolute;	left: 360px; top: 220px; width: 230px;
	text-align: left; font-size: 12px; line-height: 1.16665em; color: #000000;
}
.welcome_offer .accept {
	position: absolute;	left: 253px; top: 281px; width: 445px;
	font-size: 12px; line-height: 1.16665em; color: #000000;
}