@charset "utf-8";
/* CSS Document */
/*
	Art Virtuel 2009 tous droits réservés
	fév-mars 2009
	
	Terre           : AF4D1E
	Olive           : 7F841A
	Vin             : 69193B
	Autres produits : 928D75

*/
#bandeauTitreBoutique {
	background: url(../images/bandeau_titre/titre_boutique.gif);
	float: left;
	width: 733px;
	height: 135px;
	border-top: 1px #000 solid;
}
/* --- Navigation Bandeau Titre dans boutique --- */
#bandeauTitreBoutique #navBandeauTitre {
	font: 18px Verdana, Geneva, sans-serif;
	padding: 55px 0 10px 444px;
}
#bandeauTitreBoutique #navBandeauTitre ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#bandeauTitreBoutique #navBandeauTitre ul li {
	margin-right: 19px;
	display: inline;
}
#bandeauTitreBoutique li a { text-decoration: none }

#bandeauTitreBoutique li.lienBoutiqueOlive a,
#bandeauTitreBoutique li.lienBoutiqueOlive a:visited {
	color: #7F841A;
}
#bandeauTitreBoutique li.lienBoutiqueOliveActif a,
#bandeauTitreBoutique li.lienBoutiqueOlive a:hover {
	border-bottom: 2px #7F841A solid;
}
#bandeauTitreBoutique li.lienBoutiqueVin a,
#bandeauTitreBoutique li.lienBoutiqueVin a:visited {
	color: #6F1E31;
}
#bandeauTitreBoutique li.lienBoutiqueVinActif,
#bandeauTitreBoutique li.lienBoutiqueVin a:hover {
	border-bottom: 2px #6F1E31 solid;
}
#bandeauTitreBoutique li.lienBoutiqueAutresProduits a,
#bandeauTitreBoutique li.lienBoutiqueAutresProduits a:visited {
	color: #928D75;
}
#bandeauTitreBoutique li.lienBoutiqueAutresProduitsActif,
#bandeauTitreBoutique li.lienBoutiqueAutresProduits a:hover {
	border-bottom: 2px #928D75 solid;
}
/* --- fin nav bandeau titre dans boutique ---*/
/* -- Bandeau droit --*/
#bandeauDroitOlive {
	background: #7F841A url(../images/matrice/panier_olive.gif) no-repeat;
	float: right;
	width: 222px;
	height: 64px;
}
#bandeauDroitVin {
	background: #69193B url(../images/matrice/panier_vin.gif) no-repeat;
	float: right;
	width: 222px;
	height: 64px;
}
#bandeauDroitAutresProduits {
	background: #928D75 url(../images/matrice/panier_autres_produits.gif) no-repeat;
	float: right;
	width: 222px;
	height: 64px;
}
/* -- fin Bandeau droit --*/

p.separator {
	padding: 0px;
	margin: 0 0 0px 0;
	border: 1px solid #000;
}
/* ============================= Contenu avec Achat ========================== */
#contenuAchat {
	position: relative;
	background: #FFF;
	float: left;
	width: 733px;
}
#bandeauMonPanier {
	background: url(../images/matrice/bandeau_mon_panier.gif) no-repeat;
	float: left;
	width: 733px;
	height: 145px;
}
#contenuAchat #menuGauche {
	float: left;
	width: 198px;
}
/* --- Contenu Boutique --- */
#contenuAchat #contenuBoutique {
	float: right;
	width: 535px;
	height: 320px;
}
#dansPanier {
	position: absolute;
	top : 400px;
	left: 180px;
	z-index: 99;
	font: 11px Verdana, Geneva, sans-serif;
	background: #FFF;
	border: 1px #000 solid;
	width: 580px;
	height: 290px;
}
#contenuAchat #contenuBoutique #contenuBoutiqueBdD {
	float: left;
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
	width: 285px;
	height: 266px;
}
#contenuAchat #contenuBoutique h3.nomArticle {
	font: bold 14px Verdana, Geneva, sans-serif;
	margin: 0;
	padding-top: 10px;
	padding-left: 14px;
}
#contenuAchat #contenuBoutique p.description {
	margin: 0;
	padding-top: 12px;
	padding-left: 14px;
}
#contenuAchat #contenuBoutique p.reference {
	margin: 0;
	font: italic 10px Verdana, Geneva, sans-serif;
	padding-top: 15px;
	padding-left: 14px;
}
#contenuAchat #contenuBoutique form#formQte {
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
	width: 250px;
	margin-top: 18px;
	margin-left: 14px;
}
#contenuAchat #contenuBoutique form#formQte table {
	font: 12px Verdana, Geneva, sans-serif;
}
#contenuAchat #contenuBoutique form input.boutonCommander,
form input.boutonCompte {
	background: #CCC url(../images/boutique/bouton_commander.gif) repeat-x left center;
	border: 1px solid #999;
	border-right-color: #666;
	border-bottom-color: #666;
}
table#panier {
	font: 12px Verdana, Geneva, sans-serif;
}
.horsFraisPort {
	font: italic 10px Verdana, Geneva, sans-serif;
}
/* --------- Bouton -----------*/
/* moins restrictif à cause de l'appel de code avant */
form input.boutonRecalculer {
	background: #6F6 url(../images/boutique/bouton_recalculer.gif) repeat-x left center;
	border-top: 1px solid #6C0;
	border-right: 1px solid #393;
	border-bottom: 1px solid #393;
	border-left: 1px solid #6C0;
}
form input.boutonPanier {
	background: #C4C6B4 url(../images/boutique/bouton_panier.gif) repeat-x left center;
	border: 1px solid #999;
	border-right-color: #666;
	border-bottom-color: #666;
}
#contenuAchat #contenuBoutique #contenuBoutiqueImg {
	float: right;
	width: 250px;
	height: 266px;
	padding: 0;
}
#contenuAchat #contenuBoutique #contenuBoutiqueImgZoom {
	display: none;
	float: right;
	width: 250px;
	height: 266px;
	padding: 0;
}
#contenuAchat #contenuBoutique div#contenuBoutiqueBas {
	background: url(../images/boutique/fond_basContenuBoutique.gif) no-repeat;
	width: 535px;
	height: 54px;
	clear: both;
}
#contenuAchat #contenuBoutique div#voirPanier {
	float: left;
	margin-top: 10px;
	margin-left: 14px;
}
#contenuAchat #contenuBoutique div#zoom {
	float: right;
	margin-top: 19px;
	padding-right: 30px;
}
#contenuAchat #contenuBoutique div#voirPanier img {
	vertical-align: middle;
}
#contenuAchat #contenuBoutique div#voirPanier a,
#contenuAchat #contenuBoutique div#voirPanier a:visited,
#contenuAchat #contenuBoutique div#voirPanier a:hover,
#contenuAchat #contenuBoutique div#zoom a,
#contenuAchat #contenuBoutique div#zoom a:visited,
#contenuAchat #contenuBoutique div#zoom a:hover {
	font: 12px Verdana, Geneva, sans-serif;
	color: #858585;
	text-decoration: none;
}
/* --- fin contenu ---*/
/* compte */
#indentification {
	width: 733px;
	height: 120px;
	background: url(../images/compte/identification.png) no-repeat;
}
#sinscrire {
	width: 733px;
	height: 120px;
	background:url(../images/compte/sinscrire.png) no-repeat;
}
#inscrit {
	width: 733px;
	height: 120px;
	background:url(../images/compte/inscrit.png) no-repeat;
}
#nomCompte {
	width: 733px;
	height: 120px;
	background:url(../images/compte/compte.png) no-repeat;
}
#infoPerso {
	width: 733px;
	height: 120px;
	background:url(../images/compte/info_perso.png) no-repeat;
}
#adresses {
	width: 733px;
	height: 120px;
	background:url(../images/compte/adresses.png) no-repeat;
}
#recapitulatif {
	width: 733px;
	height: 120px;
	background:url(../images/compte/recapitulatif.png) no-repeat;
}
#deconnexion {
	width: 733px;
	height: 120px;
	background:url(../images/compte/logout.png) no-repeat;
}
#zoneCompte {
	background-color: #FFF;
	padding: 20px 20px;
}
#zoneCompte form table tr td.droite, #zoneCompte table tr td.droite {
	text-align: right;
}