/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL Vitamine CMS.
* Le Logiciel Initial "Vitamine CMS" (non modifié par une contribution) est distribuée
	par la Société STUDIO VITAMINE S.A.R.L dont le siège est Hôtel TIC - 1, rue Alexander Fleming – 17000 La Rochelle - France.
	(Site Internet : www.studiovitamine.com - Téléphone 05 46 07 23 16)
* Tous les éléments constitutifs du logiciel Vitamine CMS
	sont la création de Fabien Guy BRANCHUT, l'Auteur de logiciel, né en France le 11 mars 1974 à Angoulême (16).
	(Site Internet : www.fabien-branchut.fr - Téléphone : 06 60 80 26 02)
*/
/*
##################################################
Liste des classes CSS et id réservés :
##################################################
UTILISER PAR LE FRONT-OFFICE
.divZoneEdition
#divZoneEdition_<idZoneEdition>
.divArticle
.divArticleNom
.divArticleContenu
.divArticleImage1
#divArticle_<idArticle>
.divArticleGabarit_<idArticleGabarit>

UTILISER PAR LE ADMIN/FRONT-OFFICE (=BoFo)
toutes les classes ou id contenant la chaine "BoFo" ainsi que :
.divGabarit
#divGabarit_<idGabarit>
.divPlanDuSite
##################################################
fin => Liste des classes CSS systèmes réservées
##################################################
*/
/* ----------------------- */
/* Panier traditionnel (normal) */
/* ----------------------- */
.divModule_commande{
	margin-left:5px;
	margin-right:5px;	
}
.divModule_commande label span{
	color:#a90101;
}
.divModule_commande ul li a{
	text-decoration:underline;	
}
/*
Navigation entre les étapes (navigation du haut)
*/
.divNavigationParEtape{
	padding-top:10px;
	width:100%;
	padding-bottom:10px;
}
.divModule_commande .divBoutonEtape{
	float:left;
	position:relative;
}
.divModule_commande .divBoutonEtape .aLienEtapeCommande{
	background-color:transparent;
	text-decoration:none;
}
.divModule_commande .divBoutonEtape .aLienEtapeCommande:hover{
	background-color:transparent;
	text-decoration:none;
}
.divModule_commande .divBoutonEtape span{
	position:absolute;
	top:2px;
	left:0px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	padding-left:15px;
}
.divModule_commande .divBoutonEtape span.spanEtapeValider{
	cursor:pointer;
	color:#ff017e;
	text-decoration:underline;
	padding-left:17px;
	color:#FFFFFF;
}
.divModule_commande .divBoutonEtapeSelectionner{
	float:left;
	position:relative;
}
.divModule_commande .divBoutonEtapeSelectionner .aLienEtapeCommande{
	background-color:transparent;
	text-decoration:none;
}
.divModule_commande .divBoutonEtapeSelectionner .aLienEtapeCommande:hover{
	background-color:transparent;
	text-decoration:none;
}
.divModule_commande .divBoutonEtapeSelectionner span{
	position:absolute;
	top:2px;
	left:6px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	padding-left:17px;
}
/*
Navigation entre les étapes (navigation du bas)
*/
.divModule_commande .divButtonPanierSuivant{
	background-image:url("../../../../../module/commande/site/template_1/image/bg_boutonSuivant.gif");
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;
	padding-top:5px;
	height:18px;
	font-weight:bold;
	width:136px;
	display:block;
	cursor:pointer;
}
.divModule_commande .divButtonPanierPrecedent{
	background-image:url("../../../../../module/commande/site/template_1/image/bg_boutonPrecedent.gif");
	background-repeat:no-repeat;
	background-position:right 0px;
	border:0px solid #000000;
	border-left:1px solid #939393;
	padding:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right:25px;
	color:#ff027e;
	text-transform:uppercase;
	font-size:10px;
	height:16px;
	cursor:pointer;
	white-space:nowrap;
}
.divModule_commande .divNavEtapeBasDePage{
	position:relative;
}
.divModule_commande .divNavEtapeBasDePage a{
	font-size:10px;
}
/*
Le tableau récapitulatif de la commande
*/
.divModule_commande table{
	width:100%;
}
.divModule_commande table thead{	
	display:table-header-group;	
}
.divModule_commande table thead tr.trEntete{
	background-color:#eeeeee;
	border-top:1px dotted #797979;
	border-bottom:1px dotted #797979;
}
.divModule_commande table thead tr th{
	font-weight:bold;	
	color:#6e6e6e;;
	text-transform:uppercase;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
	font-size:12px;
	height:28px;
	white-space:nowrap;	
}
.divModule_commande table thead tr th.thVide{
	height:10px;
}	
.divModule_commande table thead tr th.thPrixUnitaireTTC{
	text-align:right;
}
.divModule_commande table thead tr th.thQuantite{
	text-align:right;
}
.divModule_commande table thead tr th.thPrixTTC{
	text-align:right;
}
.divModule_commande table thead .thTheadPremier{
}
.divModule_commande table thead .thTheadDernier{
	background-position:right top;
	width:50px;
}
.divModule_commande table tbody tr td,th{	
	text-align:left;
	padding-left:10px;
}
.divModule_commande table tbody tr{
	border-top:1px dotted #b0b0b0;
}
.divModule_commande table tbody tr.trLesAutres td,th{
	vertical-align:middle;
	height:40px;
	color:#454545;
	font-weight:normal;
	padding-bottom:3px;
}
.divModule_commande table tbody tr.trLesAutres th .divCaracteristique,.divCaracteristique *{
	color:#454545;
	font-size:11px;
}
.divModule_commande table tbody tr.trLesAutres .tdPrixUnitaireTTC{
	text-align:right;
}
.divModule_commande table tbody tr.trLesAutres .tdQuantite{
	text-align:right;
}
.divModule_commande table tbody tr.trLesAutres .tdPrixTTC{
	text-align:right;
	white-space:nowrap;
}
.divModule_commande table tbody tr.trLesAutres .tdSupprimer{
	text-align:right;
	padding-right:5px;
}
.divModule_commande table tbody tr.trLesAutresMessageWrong{
	border-top:0px solid #000000;
}
.divModule_commande table tbody tr.trLesAutresMessageWrong td .divMessageWrong{
	border-top:0px solid #000000;
	background-color:#a90101;
	color:#ffffff;
	margin-bottom:20px;
	padding:5px;
	display:none;
}
.divModule_commande table tbody .thTbodyPremier img{
	width:80px;
	margin-top:3px;
	margin-right:10px;
	float:left;
}
.tdIntituleArticle a:link{
	color:#000000;	
	background-color:transparent;
	text-decoration:underline;
}
.tdIntituleArticle a:visited{
	color:#000000;	
	background-color:transparent;
	text-decoration:underline;
}
.tdIntituleArticle a:hover{
	color:#ffffff;	
	background-color:#000000;
	text-decoration:none;
}
.tdIntituleArticle a:active{
	color:#ffffff;	
	background-color:#000000;
	text-decoration:none;
}
.tdIntituleArticle a:focus{
	color:#ffffff;	
	background-color:#000000;
	text-decoration:none;
}
/*
Tableau récapitulatif de la commande
*/
.divModule_commande .tablePanierTotal{	
	margin-bottom:20px;
}
.divModule_commande .tablePanierTotal tbody tr{	
	background-color:transparent;
}
.divModule_commande .tablePanierTotal tbody tr *{
	color:#454545;
	font-weight:bold;
}
.divModule_commande .tablePanierTotal tbody tr td{	
	vertical-align:middle;
	color:#454545;
	text-align:right;
	padding-right:25px;
}
.divModule_commande .tablePanierTotal tbody tr td.tdChiffre{
	white-space:nowrap;	
	color:#ff8d00;
	font-size:12px;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC{
	background-color:#a4c34e;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC th{
	color:#ffffff;
	font-weight:bold;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC td{
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
}
.divModule_commande .divMessageWrong{
	background-color:#a90101;
	color:#ffffff;
	font-weight:bold;
	padding:5px;	
}
.divModule_commande .tableCoordonneeLivraison{
	margin-bottom:20px;
}
.divModule_commande .tableCoordonneeLivraison tbody tr td{
	padding-left:10px;
}
.divModule_commande .tableCoordonneeLivraison tbody tr td div{
	margin-bottom:10px;
}
.divModule_commande .tableCoordonneeLivraison tbody tr td input{
	width:95%;
}
.divModule_commande .inputTextWrong{
	border:2px solid #a90101;
}
.divModule_commande .spanDisponible{
	color:#5fa23e;
	font-size:11px;
}
/*
Section : identification
*/
.divModule_commande .tableIdentification{
	margin-bottom:20px;
}
.divModule_commande form fieldset:first-child div{
	margin-bottom:10px;
}
.divModule_commande form legend{
}
.divModule_commande form label{
}
.divModule_commande form input{
}
.divModule_commande form select{
}
/* ----------------------- */
/* Mini-panier en AJAX (colonne de droite) */
/* ----------------------- */
.divModule_commandeMiniPanier{
	margin:0px;	
}
.divModule_commandeMiniPanier #spanPrixTotaux{
	font-size:16px;	
	color:#FFFFFF;
	background-image:url("/image/idSite_4/commandeBgPrix.gif");
	height:24px;
	display:block;
	padding-top:4px;
}
.divModule_commandeMiniPanier #divLienVersPanierHaut{
	text-align:center;	
	margin-bottom:20px;
}
.divModule_commandeMiniPanier #divLienVersPanierHaut a{
	font-size:16px;
}
.divModule_commandeMiniPanier .tableMiniPanier{
	width:100%;
}
.divModule_commandeMiniPanier .tableMiniPanier *{
	font-size:11px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr{
	background-image:url("/image/idSite_4/commandeBgProduitsSelectionne.gif");
	background-repeat:no-repeat;
	height:60px;
	padding-top:4px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr:hover{
}
.divModule_commandeMiniPanier .tableMiniPanier tr td{
	vertical-align:top;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdPhoto{
	padding-right:0px;
	width:40px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdPhoto img{
	border:1px solid #000000;
	width:40px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdPhoto a{
	background-color:transparent;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td .divMiniPanierImageVignetteZoom{
	position:absolute;
	top:0px;
	left:-105px;
	display:none;
	width:105px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td .divMiniPanierImageVignetteZoom img{
	border:1px solid #000000;
	width:100px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdQuantite{
	padding-right:4px;
	white-space:nowrap;
	text-align:right;
	width:25px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom{
	padding-right:4px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom a:link{
	color:#000000;
	background-color:transparent;
	text-decoration:underline;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom a:visited{
	color:#000000;
	background-color:transparent;
	text-decoration:underline;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom a:hover{
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom a:active{
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom a:focus{
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdNom .divCaracteristique{
	font-size:10px;
	color:#555555;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdSupprimer{
	width:12px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdSupprimer a{
	background-color:transparent;
}
.classePourLeTransfertAjoutDunArticleAuPanier{
	border:1px solid #000000;	
}	
#divMiniPanierArticle_vide{
	width:100%;
	height:30px;	
}
#divLienVoirLePanier{
	text-align:left;
	background-image:url("/image/idSite_4/commandeFlecheModifier.gif");
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:7px;
}
/*
Tableau des totaux du mini panier
*/
.divModule_commandeMiniPanier .tableMiniPanierTotal{
	width:100%;
	border-collapse:separate;
	margin-bottom:4px;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal *{
	font-size:11px;
	color:#FFFFFF;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal td{
	padding:0px;
	border:0px solid #FF0000;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal td.tdAvecChiffre{
	text-align:right;
	white-space:nowrap;	
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trTotal{
	background-color:#b2cb56;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trFraisDePort{
	background-color:#f6f6f6;	
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trTotaux{
	background-color:#b2cb56;
	font-weight:bold;
}