/* #####################################################################################################################
	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 0
    }
#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
#####################################################################################################################*/
#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: 0;
    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: #FFF;
    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: 0;
    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: #096
    }
/*  #####################################################################################################################
	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)
    }
/*  #####################################################################################################################
	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: #FFF;
    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: #FFF;
    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
    }