/*///////////////////////////////////////////////////////////////////////////////////
// STYLE :  Processus de commande
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Panier
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Panier
///////////////////////////////////////////////////////////////////////////////////*/
table.tablePanier{
	width:695px;
	margin:0 0 0 25px;
}
th.thEntetePanier{
	height:20px;
	margin:0 10px 0 10px;
	background:#515764;
	font:bold 15px Arial, Helvetica, sans-serif; color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}
td.tdPhPanier{
	width:25px;
}
td.tdPdtPanier p{
	margin:0; padding:5px; text-align:left;
}
td.tdPdtPanier p a:link, td.tdPdtPanier p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#888888; text-align:left;
}
td.tdPdtPanier p a:hover, td.tdPdtPanier p a:active{
	text-decoration:none;
}
td.tdQtePanier{
	font:bold 14px Arial, Helvetica, sans-serif; color:#888888; text-align:center;
}
td.tdPxPanier{
	font:bold 16px Arial, Helvetica, sans-serif; color:#888888; text-align:center;
}
td.tdFinListePanier{
	border-top:1px dashed #C6C7C8;
}
td.tdIntituleTTC p{
	margin:0; padding:5px;
	font:bold 14px Arial, Helvetica, sans-serif; color:#AE001A; text-align:right;
}
td.tdIntituleLivraison p{
	margin:0; padding:0;
	font:normal 14px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:right;
}
td.tdTexteLivraison {
	margin:0; padding:5px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#515764; text-align:left;
}
td.tdTTCPanier{
	background:#E7E8E8;
	font:bold 16px Arial, Helvetica, sans-serif; color:#AE001A; text-align:center;
}
td.tdFDPPanier{
	background:#E7E8E8;
	font:bold 14px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:center;
}
td.tdTVAPanier{
	background:#E7E8E8;
	font:bold 14px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:center;
}
td.tdHTPanier{
	background:#E7E8E8;
	font:bold 14px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:center;
}
td.tdIntituleNAP p{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#AE001A; text-align:right; text-transform:uppercase;
}
td.tdIntituleTVA p{
	margin:0; padding:5px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:right; text-transform:uppercase;
}
td.tdIntituleHT p{
	margin:0; padding:5px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#4fa8e4; text-align:right; text-transform:uppercase;
}
td.tdNAPPanier{
	background:#fff;
	border:1px solid #000000;
	font:bold 20px Arial, Helvetica, sans-serif; color:#AE001A; text-align:center;
}
td#tdAccepteCGV{
	height:30px;
	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:#4fa8e4;
}
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:#4fa8e4;
}
td.tdLien a:hover, td.tdLien a:active{
	text-decoration:none;
}
p.pPage{
	font:bold 12px Arial, Helvetica, sans-serif; color:#justify;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Page Identification et inscription
///////////////////////////////////////////////////////////////////////////////////*/
table#tableConnexion, table#tableInscription{
	width:460px;
	border:0;
}
table#tableInscription td, table#tableConnexion td{
	height:23px;
}
input.inputIdentification,table#tableInscription td select{
	width:272px; height:20px !important; height:22px;
	border:1px solid #C90019;
	color:#595959;
}
td.tdTexteChamp{
	font:bold 12px Arial, Helvetica, sans-serif; color:#1169E3; text-align:left;
}
td.tdTexteChamp sup{
	font:italic normal 10px Arial, Helvetica, sans-serif; color:#1169E3;
}
table#tableConnexion a:link, table#tableConnexion a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#1169E3; text-align:center;
}
table#tableConnexion a:hover, table#tableConnexion a:active{
	text-decoration:none;
}
p.pInfoCompte{
	font:normal 12px Arial, Helvetica, sans-serif; color:#C90019; text-align:center;
}
p.pInfoCompte2{
	font:normal 13px Arial, Helvetica, sans-serif; color:#C90019; text-align:center;
}
span.spanTexte{
	font:normal 13px Arial, Helvetica, sans-serif; color:#C90019;
}
p.pChampsOblig{
	font:normal 10px Arial, Helvetica, sans-serif; color:#C90019; text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Validation
///////////////////////////////////////////////////////////////////////////////////*/
/* Coordonnées de facturation */
div#divColCoordFacturation, div#divColCoordLivraison{
	float:left;
	margin:0 10px 0 30px;
	width:310px;
	padding:5px;
}
div#divColCoordLivraison{
	margin-right:0;
}
div#divColCoordFacturation{
	border:1px solid #4FA8E4;
}
div#divColCoordFacturation h2{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#4FA8E4; text-align:center;
}
div#divColCoordFacturation span{
	font:italic normal 13px Arial, Helvetica, sans-serif; color:#4FA8E4;
}
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:#4FA8E4; text-align:center; text-transform:uppercase;
}
div#divColCoordFacturation p a:hover, div#divColCoordFacturation p a:active{
	text-decoration:none;
}
table.tabCoordFacturation{
	border:0;
	width:300px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#4FA8E4;
}
/* Coordonnées de livraison */
div#divColCoordLivraison{
	border:1px solid #AE001A;
}
div#divColCoordLivraison h2{
	margin:0; padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif; color:#AE001A; text-align:center;
}
div#divColCoordLivraison span{
	font:italic normal 13px Arial, Helvetica, sans-serif; color:#AE001A;
}
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:#AE001A; text-align:center; text-transform:uppercase;
}
div#divColCoordLivraison p a:hover, div#divColCoordLivraison p a:active{
	text-decoration:none;
}
table.tabCoordLivraison{
	border:0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#AE001A;
}
table.tabCoordLivraison td, table.tabCoordFacturation td{
	height:20px;
}
table.tabCoordLivraison td select{
	width:152px; height:20px !important; height:22px;
	border:1px solid #C90019;
	color:#595959;
}
input.inputValidation{
	width:150px; height:16px !important; height:16px;
	border:1px solid #AE001A;
	color:#595959;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Paiement
///////////////////////////////////////////////////////////////////////////////////*/
div.divColChoixPaiement{
	float:left;
	width:165px;
	border:1px solid #4FA8E4;
	background:#fff;
	margin:0 0 0 15px;
}
div.divColChoixPaiement h3{
	margin:0; padding:5px;
	font:bold 16px Arial, Helvetica, sans-serif; color:#4FA8E4;
}
h2.h2TitreEncart{
	font:bold 16px Arial, Helvetica, sans-serif; color:#0D56C0;
}
div.divColChoixPaiement p{
	margin:0; padding:0 5px 0 5px;
	font:normal 13px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
div.divColChoixPaiement p{
	padding:0 5px 5px 5px;
}

div.divColChoixPaiement div p a:link, div.divColChoixPaiement div p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#4FA8E4;
}
div.divColChoixPaiement div p a:active, div.divColChoixPaiement div p a:hover{
	text-decoration:none;
}
div.colChoixMontant{
	margin:0 0 0 20px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page Suivi de commande
///////////////////////////////////////////////////////////////////////////////////*/
table#tableListingPanier{
	border-collapse:collapse;
	width:650px;
	margin-left:35px;
}
th.thCellEnteteTabListeProd{
	height:18px;
	background:#C70019;
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff;
	border-left:1px solid #fff; border-right:1px solid #fff;
	border-top:1px solid #fff;
	vertical-align:middle;
}
td.tdCellTabSuiviListe{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#0C3182;
	border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px dashed #fff;
	padding:5px;
	background:#C8E5F9;
}
td.tdCellTabSuiviListe a:link, td.tdCellTabSuiviListe a:visited{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#0C3182; text-decoration:underline;
}
td.tdCellTabSuiviListe a:hover, td.tdCellTabSousListe a:active{
	text-decoration:none;
}
td.tdCellTabSuiviListe span.spanSuiviVert{
	font-weight:bold;	color:#7BBF77;
}
td.tdCellTabSuiviListe span.spanSuiviOrange{
	font-weight:bold;	color:#FF8C2F;
}
td.tdCellTabSuiviListe span.spanSuiviRouge{
	font-weight:bold;	color:#C70019;
}
td.tdCellTabSousListe{
	border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;
	background:#EFEFEF;
}
td.tdCellTabSousListe p{
	width:650px;
	padding:10px; margin:0;
	font:italic 10px Verdana, Arial, Helvetica, sans-serif; color:#585858; text-align:justify;
}
td.tdCellTabSousListe p a:link, td.tdCellTabSousListe p a:visited{
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#585858; text-decoration:underline;
}
td.tdCellTabSousListe p a:hover, td.tdCellTabSousListe p a:active{
	text-decoration:none;
}
td.tdCellLigneVide{
	border-bottom:1px solid #e7e7e7;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Page saisie des sauteurs
///////////////////////////////////////////////////////////////////////////////////*/
div.divIntitule{
	width:75px; float:left;
	margin-left:15px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
}
div.divIntitule span{
	padding:0 0 10px 0;
	line-height:24px;
}
div.divSauteur{
	width:153px; float:left;
	margin-left:5px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
	border:1px solid #BB0019;
	text-align:center;
}
div.divSauteur input.inputTexte, div.divSauteur select{
	width:145px; height:18px;
	border:1px solid #0C3182;
	margin:2px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
}
div.divClient{
	margin-left:15px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
}
div.divClient select{
	width:148px; height:18px;
	border:1px solid #0C3182;
	margin:2px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#262B38;
}

