/*
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{
}
.divModule_commande label span{
	color:#a90101;
}
.divModule_commande ul li a{
	text-decoration:underline;	
}
.divModule_commande .codeCoffrets{
	margin-top:20px;
	padding:10px;
	border:1px solid #D9D9D9;
	float:left;
	width:272px;
}

.divModule_commande .codeCoffrets .codeCoffretsMsg{
	font-weight:bold;
	color:red;
	margin-left:40px;
}

.divModule_commande .codeCoffrets legend{
	display:inline;
}
/*
Navigation entre les étapes (navigation du haut)
*/
.divNavigationParEtape{
	padding-bottom:10px;
}
.divModule_commande .divBoutonEtape{
	float:left;
	position:relative;
	margin-right:9px;
}
.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: 6px;
	left: 15px;
	color:#878787;
	font-weight:bold;
	font-size:11px;
}
.divModule_commande .divBoutonEtape span.spanEtapeValider{
	cursor:pointer;
	color:#878787;
	text-decoration:underline;	
}
.divModule_commande .divBoutonEtapeSelectionner{
	float:left;
	position:relative;
	margin-right:9px;
}
.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: 6px;
	left: 15px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}
/*
Navigation entre les étapes (navigation du bas)
*/
.divModule_commande .divButtonPanierSuivant{
	background:#9a9e1c;
	border:0px;
	border-radius:4px;
	padding:4px 32px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	height:16px;
	cursor:pointer;
	white-space:nowrap;
	float:right;
}
.divModule_commande .divButtonPanierValider{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	white-space:nowrap;
	width:173px;
	height:25px;
	background:url('/image/idSite_26/bouton_validerpanier.png') left top no-repeat;
	padding-top: 4px;
	text-transform: uppercase;
}
.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;
	text-align:center;
}
.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-image:url("/image/idSite_26/panier_th.png");
	background-repeat:repeat-x;
}
.divModule_commande table thead tr th{		
	color:#9a9e1c;
	text-transform:uppercase;
	text-align:left;
	padding-left:10px;
	height:32px;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
	padding-top:0px;	
}
.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{	
	background-image:url("/image/idSite_26/panier_th.png");
	background-repeat:no-repeat;
	background-position:left top;
	width:52%;
}
.divModule_commande table thead .thTheadDernier{	
	background-image:url("/image/idSite_26/panier_th.png");
	background-repeat:no-repeat;
	background-position:right top;
	width:50px;
}
.divModule_commande table tbody tr td,th{	
	text-align:left;
	padding-left:0px;
}
.divModule_commande table tbody tr{
}
.divModule_commande table tbody tr.trLesAutres{
	border-bottom:1px solid #D9D9D9;
}
.divModule_commande table tbody tr.trLesAutres td,th{
	vertical-align: middle;
	height: 40px;
	color: #9A9E1C;
	font-weight: normal;
	padding-bottom: 3px;
	font-size: 13px;
	padding-top:10px;
}
.divModule_commande table tbody tr.trLesAutres th .divCaracteristique,.divCaracteristique{
	font-weight:normal;
}
.divModule_commande table tbody tr.trLesAutres th .divCaracteristique,.divCaracteristique *{
	color:#a9a9a9;
	font-size:11px;
}
.divModule_commande table tbody tr.trLesAutres .tdPrixUnitaireTTC{
	text-align:right;
	font-weight:bold;
}
.divModule_commande table tbody tr.trLesAutres .tdQuantite{
	text-align:right;
}
.divModule_commande table tbody tr.trLesAutres .tdPrixTTC{
	text-align:right;
	white-space:nowrap;
	font-weight:bold;
}
.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{
	height:0px;
}
.divModule_commande table tbody tr.trLesAutresMessageWrong td .divMessageWrong{
	background-color:#a90101;
	color:#ffffff;
	margin: 0px 0px 10px 0px;
	padding:5px;
	display:none;
}
.divModule_commande table tbody .thTbodyPremier img{
	width:146px;
	float:left;
	margin:0px 0px 10px 0px;
}
.tdIntituleArticle,
.tdIntituleArticle a,
.tdIntituleArticle a:link,
.tdIntituleArticle a:hover{
	color:#9a9e1c;	
	text-decoration:none;
	font-weight:bold;
}
.tdIntituleArticle a:hover{
	text-decoration:underline;
}
/*
Tableau récapitulatif de la commande
*/
.divModule_commande .tablePanierTotal{	
	margin-bottom:20px;
}
.divModule_commande .tablePanierTotal tbody tr{	
	background-color:transparent;
	border-bottom: 1px solid #D9D9D9;
}
.divModule_commande .tablePanierTotal tbody tr *{
	color:#878787;
	font-size: 11px;
}
.divModule_commande .tablePanierTotal tbody tr td{	
	vertical-align:middle;
	color:#878787;
	text-align:right;
	padding-right:25px;
}
.divModule_commande .tablePanierTotal tbody tr td.tdChiffre{
	white-space:nowrap;	
	color: #9A9E1C;
	font-weight: bold;
	font-size: 13px;
	padding-right:60px;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC{
	background-color:#9A9E1C;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC th{
	color: white;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	height: 28px;
	padding-top: 2px;
}
.divModule_commande .tablePanierTotal tbody tr.trPanierTotalTotalTTC td{
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
	font-size: 14px;
	height: 32px;
}
.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;
}
.divModule_commande .spanInclutCoffretCadeau{
	font-size: 10px;
	font-style: italic;
}
/*
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;	
}
.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-color:transparent;	
}
.divModule_commandeMiniPanier .tableMiniPanier tr:hover{
	background-color:#aaaaaa;	
}
.divModule_commandeMiniPanier .tableMiniPanier tr td{
	vertical-align:top;
	padding-bottom:3px;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdPhoto{
	padding-right:2px;
	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.trMiniPanierProduit{ /* Afficher les produits ajouter dans le mini-panier */
	background-color:#FFFFFF;
}
.divModule_commandeMiniPanier .tableMiniPanier tr td.tdSupprimer a{
	background-color:transparent;
}
/*.classePourLeTransfertAjoutDunArticleAuPanier{
	border:1px solid #000000;	
}	*/
#divMiniPanierArticle_vide{
	width:100%;
	height:30px;	
}
#divLienVoirLePanier{
	text-align:center;	
}
/*
Tableau des totaux du mini panier
*/
.divModule_commandeMiniPanier .tableMiniPanierTotal{
	width:100%;
	border-collapse:separate;
	margin-bottom:10px;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal *{
	font-size:11px;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal td{
	padding:2px;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal td.tdAvecChiffre{
	text-align:right;
	white-space:nowrap;	
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trTotal{
	background-color:#aaaaaa;
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trFraisDePort{
	background-color:#cccccc;	
}
.divModule_commandeMiniPanier .tableMiniPanierTotal tr.trTotaux{
	background-color:#aaaaaa;
	font-weight:bold;
}

/* popup Message */
#divPanierChequeCadeauPopUp{
	display:none;
}

#divPanierChequeCadeauEditionMessageCache{
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.7;
}
#divPanierChequeCadeauEditionMessageBox{
	position:fixed;
	z-index:1001;
	left:0px;
	top:20px;
	width:100%;
	height:300px;
	background:none;
	text-align:center;
}
#divPanierChequeCadeauEditionMessage{
	width:421px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	border-radius:7px;
	position: relative;
	padding-bottom: 40px;
}
#divPanierChequeCadeauEditionMessage h2{
	background:#9a9e1c;
	color:#ffffff;
	font-size:18px;
	border-bottom:0px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	text-transform: none;
	padding: 3px 12px;
}
#divPanierChequeCadeauEditionMessage .divLabel{
	margin-bottom:6px;
}
#divPanierChequeCadeauEditionMessage .divLabel label{
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 10px;
}
#divPanierChequeCadeauEditionMessage .divLabel input,
#divPanierChequeCadeauEditionMessage .divLabel select{
	float:left;
	width:186px;
}
#divPanierChequeCadeauEditionMessage .aFermer{
	position: absolute;
	right: 11px;
	top: 7px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	background: url('/image/idSite_26/fermer_croix.png') center right no-repeat;
	color: white;
	padding-right: 16px;
	height: 16px;
}
#divPanierChequeCadeauEditionMessage .aFermer:hover{
	text-decoration: underline;
}

/* popup panier */
#divPanierPopup{
	display:none;
}

#divPanierPopupMessageCache{
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.7;
}
#divPanierPopupMessageBox{
	position:fixed;
	z-index:1001;
	left:0px;
	top:20px;
	width:100%;
	height:300px;
	background:none;
	text-align:center;
}
#divPanierPopupMessage{
	width:421px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	border-radius:7px;
	position: relative;
	padding-bottom: 40px;
}
#divPanierPopupMessage h2{
	background:#9a9e1c;
	color:#ffffff;
	font-size:18px;
	border-bottom:0px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	text-transform: none;
	padding: 3px 12px;
}

#divPanierPopupMessage ul{
	list-style:none;
	color:#9A9E1C;
	margin-top:25px;
}

#divPanierPopupMessage ul li{
	color:#9A9E1C;
	background:transparent;
}

#divPanierPopupMessage ul li a{
	color:#9A9E1C;
}

#divPanierPopupMessage ul li a:hover{
	font-weight:bold;
}

#divPanierPopupMessage #nomArticlePanierPopup{
	color:#9A9E1C;
	font-weight:bold;
}

#divPanierPopupMessage .aFermer{
	position: absolute;
	right: 11px;
	top: 7px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	background: url('/image/idSite_26/fermer_croix.png') center right no-repeat;
	color: white;
	padding-right: 16px;
	height: 16px;
}
#divPanierPopupMessage .aFermer:hover{
	text-decoration: underline;
}



/* Warning Coffrets cadeaux dans panier */
.divModule_commande .divListeCoffretCadeauProduitSelectionner{
	margin-bottom: 20px;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit{
	padding: 10px;
	background: #F6F6F6;
	border: 1px solid #D9D9D9;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divInfo{
	margin-bottom: 3px;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divInfo .divNom{
	color: #9A9E1C;
	font-weight: bold;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit{
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit{
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit.nonUtiliser{
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit .divImage{
	float: left;
	margin-right: 12px;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit .divImage a img{
	width: 50px;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit .divNom{
	font-weight: bold;
}
.divModule_commande .divListeCoffretCadeauProduitSelectionner .divCoffretCadeauProduit .divListeProduit .divProduit .divUtiliser{
	
}