﻿/*petite info sur livraison mask */

#infolivraison {border:3px solid #660033; background:#BF9AC0; color:#000000; font-size:14px; text-align:center; clear:both; margin:8px; padding:3px;}

.FormZone, .FormZoneRecap {margin:5px; text-align:left}
.FormZoneH1 {font-family:FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; COLOR:#890C08; FONT-SIZE:18PX; margin:10px 0 }
.FormZone h2, .FormZone h3, .FormZoneRecap h2, .FormZoneRecap h3, .FormZone h2 span {font-family:FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; COLOR:#000000; FONT-SIZE:16PX; width:320px}
.FormZone h3, .FormZoneRecap h3 {font-size:14px; margin:10px 0 5px 0; color:#000000}
.FormZone OL {list-style-type: none; padding:0; margin:0; }
.FormZone LI {padding:0; margin:2px 0 0 0;display:block;}
.FormZone label, .FormZone span, .FormZoneRecap .etqt {font-size:11px; font-weight:bold; color:#333333; display:block}
.FormZone span {position:relative;}
.FormZone span img{left:3px; bottom:6px!important; bottom:0; position:absolute!important; }
* html .FormZone span img {position:relative; top:1px}/*IE6*/
*+html .FormZone span img{left:3px; bottom:0!important;}/*IE7*/
.FormZoneRecap .etqt {display:inline}
.FormZone input, .FormZone select {border:1px solid #666666;}
.FormZone option {background:#E0EBEB}
.FormMessag {font-family:FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; COLOR:#333333; FONT-SIZE:13PX; display:block; margin:20px 0 25px 0 }
.FormErreur b {font-size:14px; background:#FBE8AE; display:block; border:1px solid #FFBF00; padding:5px; color:#CC0000}/*peut utilise*/
/*les boutons de validation formes a partir de <a> ou <input>*/
.PWI_Bt input, .FormButton2 input, .PWI_Bt a, .FormButton input, .FormButton2 a  {background:#DDDDDD url(../Image/DESIGN/PWI_Bt.gif) top left repeat-X; color:#FFF; font-weight:bold; height:20px; text-decoration:none; text-transform:uppercase; border-width:0; padding:0px 2px 2px 2px; cursor:pointer; margin:10px 0; BORDER:1PX SOLID #AAAAAA}
/*les boutons de validation :hover*/
.PWI_Bt input:hover, .FormButton2 input:hover, .PWI_Bt a:hover, .FormButton input:hover, .FormButton2 a:hover{color:#D1BBC7}

#PanelZone2 { margin: 0 10px 0 216px!important; }
#PanelZone3 { display:none}

/*#######    Chapitre 503    ##########  FORMULAIRES : MESSAGES ERREURS ########## */	
.FormBoiteMessagesErreurs {background:url(../Image/DESIGN/FormBoiteMessagesErreurs.png) repeat-y top left; margin:10px 0 10px 2px;}
.FormBoiteMessagesErreurs .FormTp {background:url(../Image/DESIGN/FormBoiteMessagesErreursTp.png) no-repeat top left;}
.FormBoiteMessagesErreurs .FormBtm {background:url(../Image/DESIGN/FormBoiteMessagesErreursBtm.png) no-repeat bottom left; padding:1px 12px 1px 50px; width:660px}
.FormBoiteMessagesErreurs .FormBtm span div {margin:8px 0 10px 0; text-align:left}

	/*correction bug ie*/
*+HTML .FormBoiteMessagesErreurs {background:url(../Image/DESIGN/FormBoiteMessagesErreurs.png) repeat-y top left; margin:10px 0 10px 15px; }
*+HTML .FormBoiteMessagesErreurs,
*+HTML .FormBoiteMessagesErreurs .FormTp,
*+HTML .FormBoiteMessagesErreurs .FormBtm,
*+HTML .FormBoiteMessagesErreurs .FormBtm span div,
* HTML .FormBoiteMessagesErreurs,
* HTML .FormBoiteMessagesErreurs .FormTp,
* HTML .FormBoiteMessagesErreurs .FormBtm,
* HTML .FormBoiteMessagesErreurs .FormBtm span div {height:1%}

table, table a {font-size:12px}
/*les boites du panier*/
.ValidPanier_Boite, 
.ValidPanier_BoiteCouleur,
.ValidPanier_BoiteAdresse,
.ValidPanier_BoiteChoixLivraison,  
.tp,
.btm 
{height:auto!important; height:1%} /*bug ie 6*/
*+html .ValidPanier_Boite, 
*+html .ValidPanier_BoiteCouleur,
*+html .ValidPanier_BoiteAdresse,
*+html .ValidPanier_BoiteChoixLivraison, 
*+html .tp,
*+html .btm 
{height:1%!important}/*bug ie 7*/ 
.ValidPanier_Boite  {background:url(../Image/DESIGN/ValidPanier_Boite_Mdl.png) repeat-y left;  margin: 8px 0 0 0;}
.ValidPanier_Boite .tp{background:url(../Image/DESIGN/ValidPanier_Boite_Tp.png) no-repeat left top; }
.ValidPanier_Boite .btm {background:url(../Image/DESIGN/ValidPanier_Boite_Btm.png) no-repeat left bottom; padding:10px 10px 10px 12px;}

.ValidPanier_BoiteCouleur  {background:url(../Image/DESIGN/ValidPanier_BoiteCouleur_Mdl.png) repeat-y left;  margin: 8px 0 15px 0;}
.ValidPanier_BoiteCouleur .tp{background:url(../Image/DESIGN/ValidPanier_BoiteCouleur_Tp.png) no-repeat left top; }
.ValidPanier_BoiteCouleur .btm {background:url(../Image/DESIGN/ValidPanier_BoiteCouleur_Btm.png) no-repeat left bottom; padding:0 10px; text-align:right}

.ValidPanier_BoiteAdresse  {background:url(../Image/DESIGN/ValidPanier_BoiteAdresse_Mdl.png) repeat-y left;  margin: 8px 10px 8px 0; width:320px; float:left}
.ValidPanier_BoiteAdresse .tp{background:url(../Image/DESIGN/ValidPanier_BoiteAdresse_Tp.png) no-repeat left top; }
.ValidPanier_BoiteAdresse .btm {background:url(../Image/DESIGN/ValidPanier_BoiteAdresse_Btm.png) no-repeat left bottom; padding:5px;}
.ValidPanier_BoiteAdresse h7, .ValidPanier_BoiteChoixLivraison .h7 { font-size:15px; color:#555555; font-family: Verdana, Arial, sans-serif ; font-weight:bold; margin:3px 8px}
.ValidPanier_BoiteAdresse ol {list-style-type: none; padding:10px 5px 5px 3px ; margin:0; width:334px}
.ValidPanier_BoiteAdresse li, .ValidPanier_BoiteChoixLivraison li {padding:0; margin:2px 0 0 0;display:block;}
.ValidPanier_BoiteAdresse li b {padding:0 3px 0 0}
.ValidPanier_BoiteAdresse li img {padding:5px 0 0 0}
.ValidPanier_BoiteAdresse li.NomFiche, .ValidPanier_BoiteChoixLivraison li.NomFiche {font-weight:bold; color:#8F5970; margin:2px 0 5px 0}

.ValidPanier_BoiteChoixLivraison  {background:url(../Image/DESIGN/ValidPanier_Livraison_Mdl.png) repeat-y left;  margin: 8px 0 0 0;}
.ValidPanier_BoiteChoixLivraison .tp{background:url(../Image/DESIGN/ValidPanier_Livraison_Tp.png) no-repeat left top; }
.ValidPanier_BoiteChoixLivraison .btm {background:url(../Image/DESIGN/ValidPanier_Livraison_Btm.png) no-repeat left bottom; padding:1px}
.ValidPanier_BoiteChoixLivraison .h8 { font-size:12px; color:#666; font-family: Verdana, Arial, sans-serif ; font-weight:bold; margin:0 0 5px}
.ValidPanier_BoiteChoixLivraison ol {list-style-type: none; padding:0; margin:5px 0 0 0; width:200px; float:left}
.ValidPanier_BoiteChoixLivraison li.Bouton {padding:5px 0 0 0;}
.ValidPanier_BoiteChoixLivraison li.Bouton a, .ValidPanier_BoiteChoixLivraison li.Bouton a img {text-decoration:none; border-width:0}
.ChoixLivraisonmargLeft {margin:0 0 0 65px}
.TableauChoixLivraison td {padding:12px}
.CelluleChoixLivraison1 {border-right:1px solid #999}

.CHK_CREATION_CONDITIONS {DISPLAY:block; float:left; margin:8PX 0 0 0; width:400PX} /*centrer le texte des conditions generales lu et accepte*/
/*mise en page du panier*/
	/*---------------------------PanierListeArticle--------------------------*/
/*diminuer taille de l'imge ds panier**/
.PanierItemImage img { width:55px;}
/*bordures des tableux*/
table.PanierListeArticle {border:2px solid #FFFFFF; position:relative;}
table.PanierListeArticle td, table.PanierListeArticle th{border:2px solid #FFFFFF;}
table.PanierListeArticle td {background-color:#D9D3D6; padding:3px; vertical-align:middle!important;}

/*entete*/
table.PanierListeArticle th{color:#FFFFFF; background:#A57A8D;  height:12px; text-transform:uppercase; font-weight:normal; text-align:left; padding-left:3px}

/*1ere col entete*/
table.PanierListeArticle th.PanierHeaderImage { }
table.PanierListeArticle td.PanierItemQuantite table{border-collapse:collapse}
table.PanierListeArticle td.PanierItemQuantite table td {border:0px solid #D9D3D6;}
table.PanierListeArticle td.PanierItemQuantite table td a {padding:2px 5px 2px 2px; border:1px solid #cccccc; background-color:#ffffff}
table.PanierListeArticle td.PanierItemQuantite table td input {border:1px solid #cccccc; text-align:center}
table.PanierListeArticle th.PanierHeaderQuantite {}
table.PanierListeArticle td.PanierItemImage {background-color:#FFFFFF; padding:0}
table.PanierListeArticle td.PanierItemImage a {display:block; border:1px solid #D9D3D6; padding:3px 0}

/*description des articles*/
.PanierItemArticle {padding:0 2px 0 5px}
.PanierItemArticle a {color:#000005;}
.PanierItemArticle a:hover {color:#8F5970}

/*ie6 ajuster largeur*/
.PanierEtape1,.PanierEtape2,.PanierEtape3,.PanierEtape4, .largeurform {width:770px}  


	/*---------------------------Autre tableaux--------------------------*/

/*bordures des tableaux*/
#WUC_Panier1_GridMontantVentileParTVA td,
#WUC_Panier1_GridMontantVentileParTVA th {border:1px solid #8F0000; text-align:center; vertical-align:middle!important;}

/*entete*/
#WUC_Panier1_GridMontantVentileParTVA th { color:#FFFFFF; border-left:1px solid #ffffff ; height:33px}

/*1ere col entete*/
#WUC_Panier1_GridMontantVentileParTVA .HeaderVentilationTVA th {border-color:#ffffff; }
#WUC_Panier1_GridMontantVentileParTVA td {text-align:right; padding: 0 2px 0 2px}

/*ajuster le tableau d'ensemble et gerrer les espage verticaux*/
.EntetVentilationTVA td, .trPointFidelite td{ font-size:0px; height:1px; } /*mettre les cellules precedents le tableau ventilation a 1 px de haut*/
.trPointFidelite td table {display:none; position:absolute;} /*enlev les points fidel*/
.trPointFidelite td { border-width:0}

/*poids-frais...*/
#WUC_Panier1_Result, #WUC_Panier1_tbr_ResteAPayer {margin-top:1px; border:1px solid #D1CACE; background-color:#D1CACE;}
#WUC_Panier1_Result table, #WUC_Panier1_tbr_ResteAPayer table { border-collapes:collapes}
#WUC_Panier1_Result td, #WUC_Panier1_tbr_ResteAPayer td {text-align:right; color:#666666; border-color:#D1CACE; }
tr#WUC_Panier1_tbr_Poids td {text-align:right; padding-right:2px;}
tr#WUC_Panier1_tbr_DossierTTC td, #WUC_Panier1_tbr_ResteAPayer td { background:#8F5970 ; color:#FFFFFF; text-transform:uppercase; font-weight:bold; }
#WUC_Panier1_tbr_ResteAPayer {}
#WUC_Panier1_tbr_ResteAPayer td {height:30px; vertical-align:middle!important; padding-right:2px; }

/*aligner colonne total*/
tr#WUC_Panier1_tbr_DossierTTC td, #WUC_Panier1_tbr_ResteAPayer td {width:174px} 
tr#WUC_Panier1_tbr_DossierTTC td#WUC_Panier1_cMontantDossierTTC, #WUC_Panier1_tbr_ResteAPayer td#WUC_Panier1_cMontantTotalAPayer  { width:65px}
th.PanierHeaderMontantTTC {width:66px}

/*-------------tableaux de ventilation*/
#WUC_Panier1_GridMontantVentileParTVA, #WUC_Panier1_GridMontantVentileParEcoContribution {margin:3px 0 0 10px}
#WUC_Panier1_GridMontantVentileParTVA, #WUC_Panier1_GridMontantVentileParTVA td , #WUC_Panier1_GridMontantVentileParTVA th ,
#WUC_Panier1_GridMontantVentileParEcoContribution, #WUC_Panier1_GridMontantVentileParEcoContribution td, #WUC_Panier1_GridMontantVentileParEcoContribution th { border:1px solid #FFFFFF; background:#D1CACE; padding:3px}
#WUC_Panier1_GridMontantVentileParEcoContribution th, #WUC_Panier1_GridMontantVentileParTVA th { color:#FFFFFF; background-color:#A3959C; height:auto;}
.trVentilationTVA div {text-align:left}

/*les etapes*/

/*-- ProcessCde --*/
#DIV_WizardStep .DIV_WizardStep_LOGINCOURT_ProcessCde {background-image:url(../Image/DESIGN/Step2-4.gif);}
#DIV_WizardStep .DIV_WizardStep_LOGIN_ProcessCde {background-image:url(../Image/DESIGN/Step2-4.gif);}
#DIV_WizardStep .DIV_WizardStep_MODIF_ProcessCde {background-image:url(../Image/DESIGN/Step2-4.gif);}
#DIV_WizardStep .DIV_WizardStep_OPTION_ProcessCde {background-image:url(../Image/DESIGN/Step2-4.gif);}
#DIV_WizardStep .DIV_WizardStep_RECAP_ProcessCde {background-image:url(../Image/DESIGN/Step3-4.gif);}
#DIV_WizardStep .DIV_WizardStep_ADR_LIVRAISON_ProcessCde {background-image:url(../Image/DESIGN/Step3-4.gif);}
#DIV_WizardStep .DIV_WizardStep_NEWSLETTER_ProcessCde {background-image:url(../Image/DESIGN/Step3-4.gif);}
#DIV_WizardStep .DIV_WizardStep_CONFIRM_IDENTIFICATION_ProcessCde {background-image:url(../Image/DESIGN/Step2-4.gif);}

/*****etape 2**********/
.DIV_WizardStep_LOGIN_ProcessCde {background:url(../Image/DESIGN/Step2-4.gif) top left no-repeat; height:45px; width:770px}

/***liste de paiement***/
.ListePaiement {border-collapse:none; width:100%; border-top:1px solid #999;}
.ListePaiement tr:hover {background:#FFFED9;}
.ListePaiement td {border-bottom:1px solid #999;}
.ListePaiement td a {text-decoration:none; font-size:12px; color:#000; font-family: Verdana, Arial, sans-serif ; font-weight:bold; }
.ListePaiement td.ListePaiement1 {width:60px}
.ListePaiement td.ListePaiement3 {display:none}
.ListePaiement td a:hover {color:#F7931E}

.paiementCarteBq td {padding:5px 10px 5px 0;}


