/* Feuille de style pour la partie centrale du painer */

.boite#boite_etapes {
    margin-bottom:15px;
}

#centre #boite_etapes h3 {
    text-align:left;
}

#centre img {
    border:none;
}

#centre .boite {
	background-color: #f8f5e2;
}

#centre .boite {
	background-color: #ffffff;
}

#centre .boite h1, .boite h2 { 	
  	color:#FFFFFF;
   	background-color: #7C8DD9;
}

#centre .boite h3 { 	
  	color:#000000;
   	background-color: #DEE2F5;
   	border-top:none;
   	margin:0px;
    text-align:center;
}

#centre .boite h3.bordure_top { 	
    border-top:1px solid #625d57; 
}

/* ANCHOR */

#centre .boite .cmd_ligne_titre a,
#centre .boite .cmd_ligne_titre a:hover,
#centre .boite .cmd_ligne_titre a:visited {
	color:#000000;
}

#centre .boite a,
#centre .boite a:hover,
#centre .boite a:visited {
	color:#6576C3;
}

.elem_facture { 
    text-align:right;
    padding-bottom:8px;
    font-weight:bold;
}

.paiement_facture {
    margin-top:25px;
}

.paiement_facture .valeur_facture {
    width:80px;
}

.valeur_facture {
    border:1px solid #625d57;
    width:80px;
    margin-left:5px;
    font-weight:normal;
    position:relative;
    top:-3px;
    text-align:right;
    padding:3px;
    padding-left:7px;
    padding-right:7px;
}

#valeur_frais_port { border-top:0px; }

#valeur_total  { background-color:#DEE2F5; } 
#valeur_economies  { background-color:#F2F3FB; } 

.cmd_total {  margin-top:3px; }

.cmd_economie { margin-top:6px; }

th#panier_col_livre {
    width:33%;
}

th#panier_col_qte {
    width:22%;
}

th#panier_col_prix_club {
    width:11%;
}

th#panier_col_prix_editeur {
    width:11%;
}

th#panier_col_prix_facture {
    width:11%;
}

th#panier_col_economie {
    width:11%;
}

td.msg_panier {
    padding:8px;
}

.panier_grille td {
    border:1px solid #625d57; 
    padding:5px;
}

.boite .padding_boite {
    padding:5px;
} 

.boite .padding_boite2 {
    padding:10px;
}

.boite .padding_boite3 {
    padding:8px;
}

.gras {
    font-weight:bold;
}

#centre .boite p {
    padding:5px 0px 5px 0px;
}

.retrait {
    padding-left:5px;
    padding-right:5px;
}

.retrait2 {
    padding-left:12px;
    padding-right:12px;
}

.no_adherant {
    padding-bottom:12px;
}

.padding_boite_paiement {
    padding:12px;
} 

.panier_grille th {
    border:1px solid #625d57; 
    padding:3px;
}

.panier_grille {
    margin-top:15px;
    margin-bottom:3px;
    text-align:center;
    margin-left:0px;
}
.panier_grille table {
    border:1px solid #625d57;
    border-collapse: collapse;
    padding:0px;
    width:100%;
    font-weight:bold;
}

tr.panier_entete {
    background-color:#DEE2F5;
}

#boite_etapes table  {
    height:55px;
}


.panier_etapes {
    background-repeat: no-repeat;
    background-position:center;
    text-align:center;
    height:37px;
    vertical-align:middle;
    width:19%;
}

.panier_etapes_separateur {
    text-align:center;
    height:37px;
    vertical-align:middle;   
}

.etape_texte {
    vertical-align:center;
}

.etape_active {
    text-decoration:underline;
    font-weight:bold;
    background-color:#C5CDEE;
}

#panier_etape1 {
    background-image: url(/commande/images/etape1.gif);
}

#panier_etape2 {
    background-image: url(/commande/images/etape2.gif);
}

#panier_etape3 {
    background-image: url(/commande/images/etape3.gif);
}

#panier_etape4 {
    background-image: url(/commande/images/etape4.gif);
}

#panier_etape5 {
    background-image: url(/commande/images/etape5.gif);
    width:20%;
}

.panier_livre_ref {
    margin-bottom:13px;
}

#centre .boite .boite_commande_vider a {
    text-decoration:none;
    color:#bb0000;
}

#centre .boite .boite_commande_vider a:visited {
    text-decoration:none;
    color:#bb0000;
}

#centre .boite .boite_commande_vider a:hover {
    text-decoration:none;
    color:#bb0000;
}

#centre .boite .lien_rouge_italic a {
    color:#CC0000;
    text-decoration:underline;
    font-style:italic;
    font-weight:bold;
}

#centre .boite .lien_rouge_italic a:visited {
    color:#CC0000;
    text-decoration:underline;
    font-style:italic;
    font-weight:bold;
}

#centre .boite .lien_rouge_italic a:hover {
    color:#CC0000;
    text-decoration:underline;
    font-style:italic;
    font-weight:bold;
}

.commande_ajouter_ref form {
    text-align:center;
    padding:0px;
    margin:0px;
}

.boite_commande_vider {
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    position:relative;
}

.boite_commande_vider {
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    position:relative;
}

.commander_vider {
    border:1px solid #999999;
}

.commander_vider .commander_vider_txt {
    float:left;
    position:relative;
    padding-left:6px;
    padding-right:4px;
    top:3px;
    font-weight:bold;
    color:#BB0000
}

.commander_vider img {
    float:left;
    position:relative;
}

#ligne_total {
    position:relative;
    top:2px;
}

#ligne_economie {
    position:relative;
    top:10px;
}

.commande_txt_privilege {
    clear:right;
    float:right;
    margin-top:15px;
    margin-bottom:10px;
    text-align:right;
}

.commande_zone_totaux {
    position:relative;
    font-weight:bold;
    margin-bottom:5px;
}

.commande_txt_add_ref {
    margin-left:5px;
    border:5px solid #FF000;
    top:1px;
}    

.commande_img_add_ref {
    position:relative;
    top:5px;
    margin-left:5px;
}    
  
#centre .boite .commande_ajouter_ref input {
    border:5px solid #FF000;
}


.cmd_img_offre_groupee {
    clear:left;
    float:left;
}

.cmd_txt_offre_groupee {
    margin-left:75px;
    font-weight:normal;
    text-align:left;
    margin-top:0px;
}

img.rapetisser_image {
    width:40px;
    height:64px;
}

.cmd_ligne_titre {
    text-align:left;
    font-weight:normal;
    margin-left:46px;
}

#centre .boite .cmd_ligne_titre a,
#centre .boite .cmd_ligne_titre a:hover,
#centre .boite .cmd_ligne_titre a:visited {
	color:#000000;
}


.cmd_supp_ligne {
    margin-top:2px;
    vertical-align:middle;
    top:6px;
}

.cmd_qte_ligne {
    margin-bottom:5px;
}




/* Éléments généraux à la commande */


a.bouton, .bouton {
    background-color:#F2F3FB;
	color:#6576C3;
	
}
a:visited.bouton {
    color:#6576C3;
}
a:hover.bouton {
    color:#6576C3;
    border:1px solid #7C8DD9;
}

a:hover .boutonicon {
    color: #6576C3;
}

.boite a.boutonplus-inverse,.boite a.boutonplus-inverse:visited,.boite a.boutonplus-inverse:hover {
	color: #6576C3;
	text-decoration: none;
}

.boite_rouge {
    position:relative;
    border:1px solid #625d57;
    padding:2px;
    padding-left:4px;
    padding-right:4px;
    display:inline;
    background-color:#CC0000;
    font-weight:bold;
    font-size:10px;
    margin:0px;
}

.conteneur_boites_rouges_bas_page {
    text-align:right;
    margin-top:10px;
    padding-bottom:10px;
}

.boite_rouge_bas_page {
    margin-left:10px;
}

.boite_rouge_aligner_droite {
    float:right;
    position:relative;
    margin-bottom:10px;
}

.boite_rouge a,
.boite_rouge a:visited,
.boite_rouge a:hover ,
#centre .boite .boite_rouge a,
#centre .boite .boite_rouge a:visited,
#centre .boite .boite_rouge a:hover,
#centre a .boite_rouge,
#centre a.boite_rouge:visited,
#centre a.boite_rouge:hover
{
    color:#FFFFFF;    
    text-decoration:none; 
}

.floatright {
    float:right;
    position:relative;
    margin:0px 0px 0px -3px;
}

.clearright {
    clear:right;
}


#centre .boite .facture_float_valeurs {
    float:right;
    position:relative;
    height:70px;
}

#centre .boite .facture_float_elems {
    text-align:right;
    margin-bottom:15px;
    height:70px;
}

.centrer { text-align:center; }
.droit { text-align:right; }

/* Facon de clear des floats sans clear. */
/* Parce que l'on ne peut pas sous ie faire un clear:right; dans la boite du centre */

.floatclear { overflow:hidden; }
* html .floatclear { height:1%; position:relative; }

/* Étape 3 */

.boite_privilege1 {
    background-color:#DEE2F5;
    border:1px solid #625d57;
    padding:4px 12px 4px 12px;
}

.boite_privilege2 #gauche_codePrivilege1 {
    width:55%;
    text-align:right;
    top:2px;
    padding-right:9px;
}

.boite_privilege2 #droite_codePrivilege1 {
    width:30%;
    text-align:left;
    top:-1px;
    margin-bottom:5px;
}

.boite_privilege2 #gauche_codePrivilege2 {
    width:55%;
    text-align:right;
    padding-right:9px;
}

.boite_privilege2 #droite_codePrivilege2 {
    width:30%;
    text-align:left;
    margin-left:4px;
}

.boite_privilege2 {
    background-color:#F2F3FB;
    border:1px solid #625d57;
    text-align:center;
    border-top:none;
    color:#6576C3;
}

.boite_privilege2 input { 
    position:relative;
    margin-left:4px;
    margin-right:4px;
    top:1px;
    font-weight:normal;
} 

.codePrivilege2 {
    margin-top:4px;
}

/* Étape 4 */


.coordonnees_email_boite_mauve {
    background-color:#F2F3FB;
    padding:4px;
    padding-right:0px;
    margin-top:15px;
    margin-bottom:15px;
}

.coordonnees_email_texte {
    color:#CC0000;
    text-align:justify;
}

.demie_largeur {
    width:50%;
}

#centre .boite_veuillez_patienter {
    background-color:#F2F3FB;
    text-align:right;
    margin-top:3px;
}

.msg_erreur {
	font-weight:bold;
	color:#CC0000;	
}

#centre .probleme p {
    padding:0px;
    margin:0px;
    padding-bottom:10px;
}

.radio_button {
    position:relative;
    top:-2px;
    left:-4px;
    vertical-align:middle;
}

#centre .cmd_etape4_hauteur_boite_haut_droite {
    height:185px;
    margin:0px;
    margin-left:1px;
}
#centre .cmd_etape4_hauteur_boite_haut_gauche {
    height:185px;
    margin:0px;
    margin-right:2px;
}

#centre .cmd_etape4_hauteur_boite_haut_droite_plus{
    margin:0px;
    margin-left:1px;
}
#centre .cmd_etape4_hauteur_boite_haut_gauche_plus {
    margin:0px;
    margin-right:2px;
}

#centre .cmd_etape4_hauteur_boite_bas_droite {
    height:235px;
    margin:0px;
    border-top:0px;
    margin-left:1px;
}

#centre .cmd_etape4_hauteur_boite_bas_gauche {
    height:235px;
    margin:0px;
    border-top:0px;
    margin-right:2px;
}

.txt_mode_de_paiement {
    padding:0px 0px 5px 0px;
}

.paiement_marge_gauche {
    margin-left:19px;
    margin-bottom:4px;
}

.float_numero_carte {
    width:55%;
    padding-bottom:10px;
}

.date_exp_slash {
    margin-right:4px;
    margin-left:3px;
}

.marge_date_exp {
    margin-bottom:4px;
}

#centre .boite .sans_bordure {
    border:none;
}

/* Étape 5 */

.veuillez_patienter {
    font-size:12px;
    margin-top:30px;
}

.veuillez_patienter p {
    text-align:center;
}

#centre .boite .lien_souligne { text-decoration:underline; }


.accuse_recep_tab_entete_cell {
    background-color:#DEE2F5;
    padding:3px;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:3px;
    border:1px solid #625d57;
    text-align:center;
}

.accuse_recep_tab_cell {
 /*   padding:3px;*/
    border:1px solid #625d57;
    border-right:none;
    text-align:center;
}

#accuse_recep_tab_col_entete_qte { width:14%; }
#accuse_recep_tab_col_entete_type { width:11%; border-right:none;}
#accuse_recep_tab_col_entete_desc { width:38%; border-left:none;}
#accuse_recep_tab_col_entete_ref { width:15%; }
#accuse_recep_tab_col_entete_prix { width:15%;border-right:1px solid #625d57; }

.accuse_recep_tab {
    margin-bottom:15px;
}

#centre table {
    border-collapse: collapse;
    padding:0px;
    width:100%;
}
.accuse_recep_tab table th { padding:3px; }
.accuse_recep_tab table td { border:1px solid #625d57; padding:3px; padding-left:7px;padding-right:7px; }

.accuse_recep_tab td.separateur { border:none; height:3px;padding:0px; }

.lien_imprimer {
    display:inline;
}

.lien_imprimer a {
    color:#000000;
    font-style:italic;
    padding:2px;
    display:inline;
}

.lien_imprimer a:hover {
    color:#000000;
}

.lien_imprimer a:visited {
    color:#000000;
}

.bordure_pointillee {
    border:none;
    border-bottom:2px dotted #625d57;
    padding-bottom:7px;
    margin-bottom:5px;
}

/* Commande Directe */

#centre .boite h4 { 	
  	color:#6576C3;
   	background-color: #DEE2F5;
   	margin:0px;
   	border-bottom:1px solid #625d57;
   	font-weight:bold;
}

#centre .boite .titre_mode_emploi {
    color:#6576C3;
    padding-top:0px;
}

#centre .boite .commandedirect_texte_rouge { color:#CC0000; }

#centre .boite .col_quantite {
    position:relative;
    float:left;
    width:12%;
    text-align:center;
    margin-right:8px;
    border-right:1px solid #C1C1C1;
}

#centre .boite .produits_commandes .col_quantite {
    height:80px;
}

#centre .boite .col_titre {
    padding:2px;
    height:auto;
}

.cmd_rapide_entete {
    background-color:#DEE2F5;
    border-bottom:1px solid #625d57;
}

.cmd_rapide_ligne_commande {
    border-bottom:1px solid #C1C1C1;
}

.cmd_col_centre {
    margin-left:12%;
    border-right:1px solid #C1C1C1;
}

#centre .boite .cmd_col_prix {
    position:relative;
    float:right;
    width:22%;
    font-weight:bold;
}

.padding_cellule {
    padding:2px;
    padding-top:8px;
}

#centre .boite .col_no_ref_supp {
    position:relative;
    float:left;
    padding-right:15px;
}


.boite_commande_finaliser a,
.boite_commande_finaliser a:hover,
.boite_commande_finaliser a:visited {
    text-decoration:none;
    color:#bb0000;
}


.boite_commande_finaliser {
    margin-top:4px;
    margin-bottom:10px;
    float:right;
    position:relative;
}

.commander_finaliser {
    border:1px solid #999999;
}

.commander_finaliser .commander_finaliser_txt {
    float:left;
    position:relative;
    padding-left:6px;
    padding-right:4px;
    top:3px;
    font-weight:bold;
    color:#BB0000
}

.commander_finaliser img {
    float:left;
    position:relative;
}

.cmd_rapide_etape {
    margin-bottom:5px;
}

.cmd_rapide_etape img {
    vertical-align:middle;
    margin-right:5px;
}

.boite_panier_a_gauche {
    border:1px solid #aaaaaa;
    position:relative;
    float:right;
    margin-left:10px;
    top:-4px;
}

.boite_panier_a_gauche img { vertical-align:top; }

#centre .boite_panier_a_gauche a.boite_panier_a_gauche_texte {
    color:#cc0000;
    font-weight:bold;
    position:relative;
    top:3px;
    padding:0px 5px 0px 0px;
    text-decoration:none;
}

#centre .boite ul.no_ref_invalides {
    margin-top:6px;
}

.centre_commande_rapide {
    margin-bottom:40px;
}

#centre .boite .boite_erreur { border-bottom:1px solid #666666; }
