/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure des pages qui compose la "boutique" : panier, processus de 
// commande, mon compte, ... et de toute les pages sans menu gauche.
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Page Panier (utile aussi au récapitulatif commande)
// Page Identification et inscription
// Page Validation
// - Coordonnées de facturation
// - Coordonnées de livraison
// Page Paiement
// Page Suivi de commande
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Page Panier (utile aussi au récapitulatif commande)
///////////////////////////////////////////////////////////////////////////////////*/
table#tablePanier{
	width:880px;
	margin-left:10px;
}
th.thEntetePanier{
	height:25px;
	margin:0 10px 0 10px;
	background:url(../images/boutique/entete-table-mon-panier.gif) repeat-x;
	font:bold 15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}
td.tdPdtPanier p{
	margin:0; padding:5px;
}
td.tdPdtPanier p a:link, td.tdPdtPanier p a:visited{
	font:bold 15px Arial, Helvetica, sans-serif; color:#359D2F; text-align:center;
}
td.tdPdtPanier p a:hover, td.tdPdtPanier p a:active{
	text-decoration:none;
}
td.tdQtePanier{
	font:bold 14px Arial, Helvetica, sans-serif; color:#BF2F77; text-align:center;
}
td.tdPxPanier{
	font:bold 16px Arial, Helvetica, sans-serif; color:#af0054; text-align:center;
}
td.tdFinListePanier{
	border-top:1px dashed #ffa2ce;
}
td.tdIntituleTTC p{
	margin:0; padding:5px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#af0054; text-align:right;
}
td.tdIntituleLivraison p{
	margin:0; padding:5px;
	font:normal 14px Arial, Helvetica, sans-serif; color:#af0054; text-align:right;
}
td.tdTTCPanier{
	background:#FFEFF9;
	font:bold 16px Arial, Helvetica, sans-serif; color:#BB2370; text-align:center;
}
td.tdFDPPanier{
	background:#FFEFF9;
	font:bold 14px Arial, Helvetica, sans-serif; color:#BB2370; text-align:center;
}
td.tdIntituleNAP p{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#2E8729; text-align:right; text-transform:uppercase;
}
td.tdNAPPanier{
	background:#E1FFDF;
	border:1px solid #2E8729;
	font:bold 20px Arial, Helvetica, sans-serif; color:#2E8729; text-align:center;
}
td#tdAccepteCGV{
	height:50px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:right;
}
td#tdAccepteCGV a:link, td#tdAccepteCGV a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#2E8729;
}
td#tdAccepteCGV a:hover, td#tdAccepteCGV a:active{
	text-decoration:none;
}
td.tdLien a:link, td.tdLien a:visited{
	font:bold 18px Arial, Helvetica, sans-serif; color:#af0054;
}
td.tdLien a:hover, td.tdLien a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Identification et inscription
///////////////////////////////////////////////////////////////////////////////////*/
table#tableConnexion, table#tableInscription{
	width:420px;
}
input.inputIdentification{
	width:220px;
	border:0px;
	background:url(../images/boutique/input-formulaire-identification.gif) repeat-x;
	color:#FFFFFF;
}
td.tdTexteChamp{
	font:bold 12px Arial, Helvetica, sans-serif; color:#af0054; text-align:left;
}
td.tdTexteChamp sup{
	font:italic normal 10px Arial, Helvetica, sans-serif; color:#2E8729;
}
table#tableConnexion a:link, table#tableConnexion a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#2E8729; text-align:center;
}
table#tableConnexion a:hover, table#tableConnexion a:active{
	text-decoration:none;
}
p.pInfoCompte{
	font:normal 12px Arial, Helvetica, sans-serif; color:#af0054; text-align:center;
}
span.spanTexte{
	font:normal 13px Arial, Helvetica, sans-serif; color:#af0054;
}
p.pChampsOblig{
	font:normal 10px Arial, Helvetica, sans-serif; color:#2E8729; text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Validation
///////////////////////////////////////////////////////////////////////////////////*/
/* Coordonnées de facturation */
div#divColCoordFacturation, div#divColCoordLivraison{
	float:left;
	margin-left:10px;
	width:433px;
}
div#divColCoordFacturation{
	border:1px solid #AF0054;
	background:#FFEFF7 url(../images/boutique/fond-rose-facturation.jpg) no-repeat bottom right;
}
div#divColCoordFacturation h2{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#AF0054; text-align:center;
}
div#divColCoordFacturation span{
	font:italic normal 13px Arial, Helvetica, sans-serif; color:#AF0054;
}
div#divColCoordFacturation p{
	margin:0; padding:5px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;
}
div#divColCoordFacturation p a:link, div#divColCoordFacturation p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#AF0054; text-align:center; text-transform:uppercase;
}
div#divColCoordFacturation p a:hover, div#divColCoordFacturation p a:active{
	text-decoration:none;
}
table.tabCoordFacturation{
	font:bold 12px Arial, Helvetica, sans-serif; color:#AF0054;
}
/* Coordonnées de livraison */
div#divColCoordLivraison{
	border:1px solid #2F8B2A;
	background:#F0FFEF url(../images/boutique/fond-vert-livraison.jpg) no-repeat bottom right;
}
div#divColCoordLivraison h2{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#2F8B2A; text-align:center;
}
div#divColCoordLivraison span{
	font:italic normal 13px Arial, Helvetica, sans-serif; color:#2F8B2A;
}
div#divColCoordLivraison p{
	margin:0; padding:5px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;
}
div#divColCoordLivraison p a:link, div#divColCoordLivraison p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#2F8B2A; text-align:center; text-transform:uppercase;
}
div#divColCoordLivraison p a:hover, div#divColCoordLivraison p a:active{
	text-decoration:none;
}
table.tabCoordLivraison{
	font:bold 12px Arial, Helvetica, sans-serif; color:#2F8B2A;
}
input.inputValidation{
	width:150px;
	border:0px;
	background:url(../images/boutique/input-formulaire-validation.gif) repeat-x;
	color:#FFFFFF;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Paiement
///////////////////////////////////////////////////////////////////////////////////*/
div.divColChoixPaiement{
	width:880px; height:113px;
	margin-left:10px;
	margin-bottom:10px;
}
div.type1{
	border:1px solid #AF0054;
	background:url(../images/boutique/fond-encart-paiement-1.jpg) no-repeat bottom right;
}
div.type2{
	border:1px solid #d16d9d;
	background:url(../images/boutique/fond-encart-paiement-2.jpg) no-repeat bottom right;
}
div.type3{
	border:1px solid #f3bbd7;
	background:url(../images/boutique/fond-encart-paiement-3.jpg) no-repeat bottom right;
}
div.divColChoixPaiement h3{
	margin:0; padding:10px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#AF0054;
}
div.divColChoixPaiement p{
	margin:0; padding:5px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#000;
}
div.divColChoixPaiement p a:link, div.divColChoixPaiement p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#AF0054; text-align:center; text-transform:uppercase;
}
div.divColChoixPaiement p a:hover, div.divColChoixPaiement p a:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Suivi de commande
///////////////////////////////////////////////////////////////////////////////////*/
table#tableListingPanier{
	border-collapse:collapse;
}
th.thCellEnteteTabListeProd{
	height:18px;
	background:#b10155 url(../images/boutique/back-cell-entete-tab-liste-pdt.gif) repeat-x;
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff;
	border-right:1px solid #fff;
}
td.tdCellTabSuiviListe{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#585858;
	border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px dashed #B10155;
	padding:5px;
	background-color:#FFCFED;
}
td.tdCellTabSuiviListe span.spanSuiviVert, td.tdCellTabSuiviListe span.spanSuiviOrange, td.tdCellTabSuiviListe span.spanSuiviRouge{
	font-weight:bold;
}
td.tdCellTabSuiviListe span.spanSuiviVert{
	color:#5bb500;
}
td.tdCellTabSuiviListe span.spanSuiviOrange{
	color:#F7801F;
}
td.tdCellTabSuiviListe span.spanSuiviRouge{
	color:#e02f2f;
}
td.tdCellTabSousListe{
	border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;
	background-color:#FFEFF9;
}
td.tdCellTabSousListe p{
	padding:10px; margin:0;
	font:italic 10px Verdana, Arial, Helvetica, sans-serif; color:#585858; text-align:justify;
}
td.tdCellTabSousListe p a{
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#585858;
}
td.tdCellLigneVide{
	border-bottom:1px solid #e7e7e7;
}