/* #####################################################################################################################
	ONGLET EN HAUT DE FICHE
#####################################################################################################################*/
#onglet{display:block;margin:0;padding:0 0 0 6px;
width:773px;height:69px;list-style:none;
background-color:#fff;
background-image:url(../images/modele/paiement/f_bt_paiement.gif);background-position:0 100%;background-repeat:no-repeat;
}
#onglet li{float:left;height:69px;list-style:none;margin:0;padding:0;}
#onglet li b{display:none;}
#onglet li a{display:block;height:69px;background-repeat:no-repeat;width:140px;background-position:0 0;}
#onglet li a:hover{background-position:0 -69px;}

#onglet li.selected a{background-position:0 -69px;}
#onglet li.selected a:hover{background-position:0 -69px;}
#onglet li a.notSelectable:hover{background-position:0 0; cursor:default;}

#onglet li#bt_paiement_panier a{background-image:url(../images/fr_FR/panier/onglet/bt_paiement_panier.gif);width:141px;}
#onglet li#bt_paiement_livraison a{background-image:url(../images/fr_FR/panier/onglet/bt_paiement_livraison.gif);}
#onglet li#bt_paiement_paiement a{background-image:url(../images/fr_FR/panier/onglet/bt_paiement_paiement.gif);}
#onglet li#bt_paiement_confirmation a{background-image:url(../images/fr_FR/panier/onglet/bt_paiement_confirmation.gif);}

/* BOUTON BAS PAGE*/
#bt_imprimer_fiche,#bt_valider_form_fichePaiement {display:inline;
background-image:url(../images/modele/paiement/etape1/bt_valider_form_fichePaiement.gif);
height:29px;line-height:29px;
width:185px;margin:20px 0 0 30px;
text-align:left;float:left;text-decoration:none;
}
#bt_imprimer_fiche b,#bt_valider_form_fichePaiement b{display:inline;padding-left:12px;}
#bt_retour_home,#bt_continuer_fichePaiement,#bt_acces_compte{display:inline;
	background-image:url(../images/modele/paiement/etape1/bt_continuer_fichePaiement.gif);
	width:185px;float:left;height:29px;line-height:29px;
	margin-left:185px;margin-top:20px;
	text-align:right;text-decoration:none;
}
#bt_retour_home{ margin-left:27px; }
#bt_acces_compte{ margin-left:85px;}
#bt_retour_home b,#bt_continuer_fichePaiement b,#bt_acces_compte b{display:inline;padding-right:17px;}
/*  #####################################################################################################################
	BLOC PAIMENT
#####################################################################################################################*/
#fichePaiement{position:relative;background-repeat:repeat-y;background-image:url(../images/modele/paiement/paiement/f_cadre.gif);}
#fichePaiementTitre{clear:both;
	font-size:12px;color:#746e66;
	padding:0 14px 0 30px;margin:0;
	height:37px;line-height:42px;
	vertical-align:middle;
	position:relative;
	z-index:1;
}
#ficheePaiementHead{	background-image:url(../images/modele/paiement/paiement/f_fichetitre.gif);background-repeat:no-repeat;}
#fichePaiementPied {background-image:url(../images/modele/paiement/paiement/p_cadre.gif);background-position:0 100%;background-repeat:no-repeat;position:relative;}
#fichePaiementContenu{margin:12px;}

/*  #####################################################################################################################
	BLOC CONTENANT LES ADRESSE
#####################################################################################################################*/
.ficheAdresse{position:relative;width:286px;background-color:#efece8;color:#58544b;font-size:12px;}
.ficheAdresseHead{background-image:url(../images/modele/paiement/ficheAdresseHead.gif) !important;}
.ficheAdressePied{background-image:url(../images/modele/paiement/ficheAdressePied.gif) !important;}
.ficheAdresseContenu{padding:12px;}
.ficheAdresseContenu p{border:0 solid #ff6000;border-left-width:1px;padding:0 0 0 11px;}
/*  #####################################################################################################################
	TABLEAU COMMANDES
#####################################################################################################################*/
.ligne_produit .ttc{font-size:14px;}
.ligne_produit_separateur{margin:12px 0 12px 0;}
.ligne_produit_descriptif{width:472px;height:30px;margin:0 0 10px 0;color:#7d7869;font-size:11px;}
.ligne_message_paiement{height:30px;margin:10px;color:#7d7869;font-size:11px;}
.ligne_message_paiement a {color:#7d7869;}
.ligne_produit_sousdescriptif {
	background: url(../images/modele/paiement/etape1/f_ligne_produit_sousdescriptif.gif) no-repeat 3px 0;
	height:27px;
	position:relative;
}
.ligne_produit_ref,
.ligne_produit_prix,
.ligne_produit_quantite label,
.ligne_produit_quantite .libelquant,
.ligne_produit_quantite .nbQuant,
.bt_supprimer_ligne_produit,
.ligne_produit_libel_total,
.ligne_produit_prix_total{vertical-align:middle;line-height:27px;height:27px;}
.ligne_produit_ref{padding: 0 0 0 12px;}
.ligne_produit_prix{position:absolute;right:374px;top:0;font-size:17px;color:#302d28;}
.ligne_produit_prix strike{padding-right:5px;font-size:11px;color:#ff6000;}
.ligne_produit_quantite{position:absolute;right:280px;top:0;text-align:right;}
.ligne_produit_quantite label,
.ligne_produit_quantite .nbQuant,
.ligne_produit_quantite .libelquant,
.ligne_produit_quantite .changeQuant,
.ligne_produit_quantite input.champinput {display:inline;float:left;}
.ligne_produit_quantite label,.ligne_produit_quantite .libelquant{font-size:11px;color:#7d7869;}
.ligne_produit_quantite .nbQuant{font-size:12px;color:#514d44}
.ligne_produit_quantite .changeQuant{margin-top:1px;}

.ligne_produit_quantite input.champinput{
margin-top: 1px;
width: 27px;
padding-top: 3px;
padding-bottom: 2px;
}

.ligne_produit_libel_total{
	font-size:12px;color:#7d7869;position:absolute;top:0;left:511px;
}

.ligne_produit_libel_total.code_promo {
	top: -20px;
	background: url(../images/modele/picto_code_promo_2.png) no-repeat 100% 8px;
	padding: 20px 30px 0 0;
}

.ligne_produit_prix_total{position:absolute;top:0;right:59px;color:#302d28;font-size:17px;}

/*  #####################################################################################################################
	etape 1
#####################################################################################################################*/
.bt_supprimer_ligne_produit{display:block;width:18px;position:absolute;right:0;top:0;background-image:url(../images/modele/paiement/etape1/bt_supprimer_ligne_produit.gif);}
.bt_supprimer_ligne_produit span{display:none;}
#ligne_codePromo{display:inline;float:right;position:relative;background-image:url(../images/modele/paiement/etape1/f_ligne_codePromo.gif);background-repeat:no-repeat;height:27px;width:544px;margin-right:50px;line-height:27px;vertical-align:middle;}
#ligne_codePromo label{color:#88847b;font-weight:bold;padding-left:10px;}
#ligne_codePromo .champinputNormal{width:164px;position:absolute;top:3px;right:28px;}
#ligne_codePromo .buttonsubmit,#codePromo .buttonsubmit{width:23px;height:20px;position:absolute;top:3px;right:2px;
background-image:url(../images/modele/paiement/etape1/bt_ok.gif);background-repeat:no-repeat;background-position:0 0px;}
#ligne_codePromo .buttonsubmit:hover,
#codePromo .buttonsubmit:hover {
	background-position: 0 -20px;
}
#ligne_codePromo button.rollover{background-position:0 -20px;}
#bt_valider_changement{margin-left:386px;padding:0;width:130px;height:22px;background-image:url(../images/modele/paiement/bt_valider_mesCoordonnes.gif);}
#bt_valider_changement b{display:block;}
#blockrafraichir{display:none;}
#msg_info_panier{display:inline;float:right;position:relative;height:27px;margin-right:50px;line-height:27px;vertical-align:middle;}
#msg_info_panier span{color:red;font-weight:bold;padding-left:10px;}
#msg_info_liv{display:inline;position:relative;height:27px;margin-right:50px;line-height:27px;vertical-align:middle;}
#msg_info_liv span{color:red;font-weight:bold;padding-left:10px;}
/*  #####################################################################################################################
	etape 2
#####################################################################################################################*/
#adressse_differente{}
#bloc_adresse_livrai label,#bloc_adresse_differente_lib label{font-weight:bold;}

#fichePaiementContenu #bloc_adresse_differente_lib,#fichePaiementContenu #bloc_adresse_livrai{vertical-align:middle;line-height:20px;}
#fichePaiementContenu #bloc_adresse_livrai input,#fichePaiementContenu #bloc_adresse_livrai label,
#fichePaiementContenu #bloc_adresse_differente_lib input,#fichePaiementContenu #bloc_adresse_differente_lib label{vertical-align:middle;line-height:20px;}
.ficheAdresse a.btlienextensibleNoir{position:absolute;left:372px;top:0px;width:84px;}
#bloc_adresse_differente .ligne_mesCoordonnes {clear:both;position:relative;
background-repeat:no-repeat;
display:block;width:572px; line-height:22px;
vertical-align:middle;
}

#bloc_adresse_differente label {
color:#7A756A;font-weight:bold;text-align:right;
float:left;width:380px;margin:0;
}
#bloc_adresse_differente .champinputNormal,
#bloc_adresse_differente .champselectNormal {float:right;vertical-align:middle;width:186px;}
#bloc_adresse_differente .champselectNormal {width:188px;}
#bloc_adresse_differente #bt_valider_mesCoordonnes{
background-image:url(../images/modele/paiement/bt_valider_mesCoordonnes.gif);
height:22px;line-height:22px;width:86px;
margin: 10px 0 10px 470px;
}
#bloc_adresse_differente #bt_valider_mesCoordonnes b{display:block;}
#bloc_adresse_differente #bt_valider_mesCoordonnes.rollover{background-position:0 -22px;}
/*herite de .ficheAdresse */
.etape2{margin:-20px 0 0 286px;}

/*  #####################################################################################################################
	etape 3
#####################################################################################################################*/
/*herite de TABLEAU COMMANDES */
.etape3 .ligne_produit_sousdescriptif{background-image:url(../images/modele/paiement/etape3/f_ligne_produit_sousdescriptif.gif);}
.etape3 .ligne_produit_prix_total{top:0;right:8px;}
#bloc_fraisport,#bloc_total{position:relative;display:block;width:243px;margin-left:504px;background-repeat:no-repeat;}
#bloc_fraisport{background-image:url(../images/modele/paiement/etape2/f_bloc_fraisport.gif);height:27px;line-height:27px;}
#bloc_total{background-image:url(../images/modele/paiement/etape2/f_bloc_total.gif);height:48px;line-height:48px;}
#bloc_fraisport .prixbloc_fraisport,#bloc_total .prixbloc_total{float:right;margin-right:5px;font-size:17px;color:#302d28;}
#bloc_fraisport .libel_bloc_fraisport,#bloc_total .libel_bloc_total{float:left;color:#78746c;margin-left:8px;font-size:11px;font-weight:normal;}
#bloc_total .ttc,#bloc_fraisport .ttc{font-size:14px;}

#bloc_total .libel_bloc_total{font-weight:bold;}
#bloc_total .prixbloc_total{color:#ff6000;}
#bloc_total .soit_bloc_total{position:absolute;right:5px;bottom:1px;line-height:normal;color:#7a756a;font-size:12px;vertical-align:bottom;}
#bloc_total .soit_bloc_total .prix{font-size:14px;}

#bloc_fraisport_gratuit{background-image:url(../images/modele/paiement/etape2/f_bloc_fraisport_gratuit.gif);height:55px;line-height:20px;float:left;position:relative;display:block;width:287px;background-repeat:no-repeat;text-align:right;left:210px;top:-7px;}
#bloc_fraisport_gratuit .libel_bloc_fraisport_gratuit {float:right;font-weight:bold;padding-right:10px;padding-top:10px;text-align:right;}

#bloc_type_paiement .bloc_cadre_head{background-image:url(../images/modele/paiement/etape3/h_cadre_orange.gif);}
#bloc_type_paiement h4{text-indent:46px;font-size:13px;color:#FFFFFF;vertical-align:middle;height:29px;line-height:29px;}
.etape31 ul,.etape31 ul li, #bloc_type_paiement ul li,#bloc_type_paiement ul{list-style:none;padding:0;margin:0;}
#bloc_type_paiement ul{padding-left:12px;display:block;width:100%;height:135px;}
#bloc_type_paiement ul li{float:left;width:185px;margin-left:2px;text-align:center;}
#bloc_type_paiement ul li button{width:185px;height:135px;}
#bloc_type_paiement ul li.first{margin-left:0px;width:183px;}
#bloc_type_paiement ul li.last{width:184px;}

#bloc_type_paiement #bt_carteBancaire{background-image:url(../images/fr_FR/panier/bt_carteBancaire.gif);}
#bloc_type_paiement #bt_chequeBancaire{	background-image:url(../images/fr_FR/panier/bt_chequeBancaire.gif);}
#bloc_type_paiement #bt_virementBancaire{	background-image:url(../images/fr_FR/panier/bt_virementBancaire.gif);}
#bloc_type_paiement #bt_contreRemboursement{background-image:url(../images/fr_FR/panier/bt_contreRemboursement.gif);}
#bloc_type_paiement ul li button.rollover {background-position:0 -135px;}
#ligne_conditions{margin-left:67px;}
#ligne_conditions b a {color:#4c483f;}
#ligne_conditions b a:hover {color:#ff731e;}
#ligne_conditions label{font-weight:bold;}

#bloc_resume_adresse .bloc_cadre_contenu{padding:12px;}
#bloc_resume_adresse .bloc_cadre_contenu h4{color:#58544b;font-size:12px;padding:0 0 3px 0;margin:0 0 10px 0;
background-image:url(../images/modele/paiement/etape3/f_titre.gif);background-repeat:no-repeat;background-position:0 100%;
}
#bloc_resume_adresse .bloc_cadre_contenu h4 {color:#7a756a;}
#bloc_resume_adresse .info_resume_adresse{color:#7a756a;margin:15px 0 15px 0;width:286px;display:block;}
#bloc_resume_adresse .mail_resume_adresse{display:block;width:286px;height:30px;background-image:url(../images/modele/paiement/etape3/f_mail_resume_adresse.gif);
line-height:30px;vertical-align:middle;text-indent:15px;margin:0 0 10px 0;}
* html #bloc_resume_adresse .bloc_cadre_contenu{height:1%;} /*BUG IE6*/
#bloc_resume_adresse .btlienextensibleNoir{width:286px;}
#bloc_resume_adresse #bloc_resume_adresseC1,
#bloc_resume_adresse #bloc_resume_adresseC2{display:inline;float:left;margin-left:54px;}
#bloc_resume_adresse #bloc_resume_adresseC2{margin-left:65px;}
#bloc_resume_adresse.bloc_cadre .bloc_cadre_contenu hr.separateur_bloc_cadre{padding:0;margin:0;height:10px;background-color:#009966;}
/*  #####################################################################################################################
	etape 3_1 SELECTION CARTE
#####################################################################################################################*/
.etape31 ul li{float:left;width:57px;margin:10px 0 10px 38px;text-align:center;}
.etape31 ul li button{width:57px;height:37px;	border:none;background-color:transparent;background-position:0 0;background-repeat:no-repeat;cursor:pointer;}
.etape31 ul li button b{display:none;color:#fff;font-size:12px;}
.etape31 #bt_cb{background-image:url(../images/modele/paiement/etape3/cartes/bt_cb.gif);}
.etape31 #bt_visa{background-image:url(../images/modele/paiement/etape3/cartes/bt_visa.gif);}
.etape31 #bt_mastercard{background-image:url(../images/modele/paiement/etape3/cartes/bt_mastercard.gif);}

.etape31 ul li.first{margin-left:167px;}
.etape31  #fichePaiementContenu b{color:#7d7869;}
/*  #####################################################################################################################
	etape 3 POP CONTRE REMBOURSEMENT
#####################################################################################################################*/
#popupContreRemboursement #bt_confirmer,
#popupContreRemboursement #bt_annuler{display:inline;float:left;width:197px;height:31px;
font-size:11px;line-height:normal;color:#fff;font-weight:bold;
text-decoration:none;text-align:center;
background-repeat:no-repeat;padding:5px 0 0 0 ;
}
#popupContreRemboursement #bt_confirmer{background-image:url(../images/modele/paiement/etape3/bt_confirmer.gif);float:right;}
#popupContreRemboursement #bt_annuler{background-image:url(../images/modele/paiement/etape3/bt_annuler.gif);}
#popupContreRemboursement #bt_annuler b{}

/*  #####################################################################################################################
	etape 4
#####################################################################################################################*/
.etape4 .fichePaiementContenu{font-size:12px;color:#7a756a;}
.etape4 .bloc_cadre_contenu{position:relative;font-size:12px;}
* html .etape4 .bloc_cadre_contenu{height:1%;}/*BUG IE6*/
.etape4 .bloc_cadre_contenu p.fiche{clear:both;margin:0 12px 0 12px;padding:20px 0 0 0;color:#7a756a;}
*+html .etape4 .bloc_cadre_contenu p.fiche{margin-top:20px;padding-top:0;} /*BUG IE7*/
* html .etape4 .bloc_cadre_contenu p.fiche{margin-top:20px;padding-top:0;} /*BUG IE6*/
.etape4 .bloc_cadre_contenu p.fiche a{color:#7a756a;}
.etape4 .bloc_cadre_contenu p.fiche a:hover{color:#ff731e;}
.etape4 .bloc_cadre_contenu .bloc_date{display:inline;float:left;margin:12px 0 0 12px;color:#7a756a;}
.etape4 .bloc_cadre_contenu .bloc_methode{display:inline;margin:12px 12px 0 0;color:#7a756a;float:right;}
#bt_retour_home,#bt_imprimer_fiche,#bt_acces_compte{color:#FFFFFF;text-align:center;}
#bt_retour_home b,#bt_imprimer_fiche b,#bt_acces_compte b{padding:0;}
#bt_retour_home,#bt_acces_compte{background-image:url(../images/modele/paiement/etape4/bt_retour_home.gif);}
#bt_imprimer_fiche{background-image:url(../images/modele/paiement/etape4/bt_imprimer_fiche.gif);}

/* Panier 1  > code promo */
#codePromo {
	width: 725px;
	padding: 5px 5px 2px 0;
	background-color: #FFF4D8; 
	border : 1px solid #EFECE8;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;	
	border-radius : 3px;
	text-align: right;
	margin: auto;
	overflow: auto;
}
#codePromo * {
	vertical-align: middle;
}
#codePromo label {
	font-weight: bold;
	font-size: 12px;
	color: #716957;
}
#codePromo label span {
	font-weight: normal;
	color: #716957;
	margin: 0 0 0 20px;
}
#codePromo .buttonsubmit {
	position: relative;
	right: 0;
	top: 0;
}
#codePromo input {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#codePromo .col1, #codePromo .col2 {
	float: left;
}
#codePromo .col1 {
	width: 466px;
}
#codePromo .col2 {
	width: 217px;
}
#codePromo .prix {
	font-size: 17px;
	color: #302D28;
	font-weight: bold;
}
#codePromo .prix span {
	font-size: 14px;
}

#codePromo .col1 > span {
	background: url(../images/modele/picto_code_promo.png) no-repeat 100% 5px;
	display: block;
	padding: 7px 27px 6px 0;
	color: #6c6960;
}

#btn_ok {
	background: url(../images/modele/btn_ok.png) no-repeat;
	color: #FFFFFF;
 	display: block;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 0 auto;
	text-align:center;
	text-decoration:none;
	width:116px;
	outline: 0;
}
#btn_ok:hover {
	background-position: 0 -21px;
}

#infoReducCodePromo {
	overflow: auto;
	text-align: right;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D6D0C7;
}
#infoReducCodePromo > span {
	float: left;
	line-height: 20px;
	font-weight: bold;
	color: #787167;
	width: 475px;
}
#infoReducCodePromo > b {
	float: right;
	position: relative;
	top: 0;
	right: 8px;
	line-height: 20px;
}
#infoReducCodePromo > b span {
	font-size: 14px;
}