/*
COULEURS générales
vert = #306717
gris = #646464
noir = #000
rouge = #933
*/

/* ******************** */
body {
	margin: 0; padding: 0;
	background: #eee url(../img/page_t.jpg); 
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
a, a:visited { color: #306717; text-decoration: none; font-weight: bold;}
a:hover { color: #306717; text-decoration: underline;}
p {margin: 0 0 1em 0; padding: 0; line-height: 1.35em;}
#page { background: #fff; position: absolute; top:0; left: 50%; width: 800px; margin-left: -400px;}

/* ***** */
#top {
  clear: both;
  width: 800px;
  height: 184px;
  background: #306717 url(../img/banner_top.jpg);
}
#top img { padding: 0; margin: 0; border: 0;}
.bt-bodega {
	padding: 0; margin: 0; border: 0;
	position: absolute;
	top:0px;
	left: 350px;
}
a#linkHome, a#linkHome:visited, a#linkHome:hover {
  display: block;
  position: absolute;
  top: 25px; left: 40px;
  padding: 111px 0 0 35px;
  margin: 0;
  border: 0;
  color: #fff;
  text-decoration: none;
  font-family: Arial, Helvetica, "Times New Roman", Times, Tahoma, sans-serif;
  font-weight: bold;
  font-size: 16px;
  width: 265px;
}

/* ***** */
#topBar { margin: 0; padding: 0;}
form#recherche {width: auto; padding: 0; margin: 0 0 0 10px; float: left; }
form#recherche input.recherche { font-size: 12px; padding: 2px; margin: 0; border: solid 1px #999; background: #fff; width: 136px; height: 10px;}
form#recherche input.btnValider { font-size: 12px; padding: 0 2px; margin: 0; border: solid 1px #000; width: auto; }


#content {clear: both; background: #fff; padding: 10px 0 0 0;}
/* COLONNE GAUCHE */
#colGauche {width: 150px; float: left; margin: 0; padding: 0 0 10px 10px; background: #fff;}
/* MENU rubriques (produits) */
#menuRubriquesTitre,
#menuConditionsTitre,
#boxTopVentesTitre
 {padding: 0; margin: 0; background: #fff; background-repeat: no-repeat; width: 140px; height: 53px;}
#menuRubriquesTitre { background: url(../img/box_v_haut_produit_01.jpg); }
#menuConditionsTitre { background: url(../img/box_v_haut_infos_01.jpg); margin-top: 15px; }
#boxTopVentesTitre { background: url(../img/box_v_haut_topvente_01.jpg); margin-top: 0; }
#menuTourPriprioTitre {padding: 0; margin: 15px 0 0 0; background: url(../img/box_r_haut_proprietaire.jpg); background-repeat: no-repeat; width: 140px; height: 83px;}
ul#menuRubriques,
ul#menuConditions,
ol#boxTopVentes
 { min-height: 123px; list-style: none; padding: 0; margin: 0; background: url(../img/box_v_milieu.jpg); background-repeat: no-repeat; }
ol#boxTopVentes {list-style: decimal; }
ol#boxTopVentes {margin: 0;}
ul#menuTourProprio { min-height: 65px; list-style: none; padding: 0; margin: 0; background: url(../img/box_r_milieu.jpg); background-repeat: no-repeat; }
ul#menuRubriques li,
ul#menuConditions li,
ul#menuTourProprio li,
ol#boxTopVentes li
 { margin: 0; padding: 0 0 8px 19px; font-size: 9px; font-weight: bold; }
ol#boxTopVentes li { list-style-position: inside; font-weight: bold;}
ul#menuRubriques li a,
ul#menuConditions li a,
ul#menuTourProprio li a,
ol#boxTopVentes li a
 { margin: 0; color: #000; text-decoration: none; padding: 1px; }
ol#boxTopVentes li a { font-weight: normal; }
ul#menuRubriques li a:hover, ul#menuRubriques li a.active,
ul#menuConditions li a:hover, ul#menuConditions li a.active,
ul#menuTourProprio li a:hover, ul#menuTourProprio li a.active,
ol#boxTopVentes li a:hover, ul#boxTopVentes li a.active
 { color: #fff; background: #306717; }
#menuRubriquesBottom,
#menuConditionsBottom,
#boxTopVentesBottom { padding: 0; margin: 0; background: url(../img/box_v_bas.jpg); background-repeat: no-repeat; width: 140px; height: 26px; }
#menuTourProprioBottom { padding: 0; margin: 0; background: url(../img/box_r_bas_04.jpg); background-repeat: no-repeat; width: 140px; height: 12px; }
.standardBoxBack { /* pour remplir le fond si la taille du ul dépasse les 123 pixels*/
	background: url(../img/box_v_extension.jpg);
	background-repeat: repeat-y;
}
.redBoxBack { /* pour remplir le fond si la taille du ul dépasse les 65 pixels*/
	background: url(../img/box_r_extension.jpg);
	background-repeat: repeat-y;
}



/* MENU contenus */
ul#menuContenus {}
ul#menuContenus li {}
ul#menuContenus li a{}
ul#menuContenus li a:hover, ul#menuContenus li a.active{}


/* COLONNE DU CENTRE / CONTENU PRINCIPAL */
#colCentre {
	width: 480px; float: left;
	background: #fff;
	margin: 0; padding: 0 0 10px 0;
	border: 0;
}


.homeProduitPromo {
	border: solid 1px #999;
	width: 170px; height: 221px;
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
}
.homeProduitPromoTitle {
	font-weight: bold; font-size: 1.5em; margin: 0.25em 0;
	text-transform : uppercase;
	color: #933;
}
.homeProduitPromoPrix { margin: 0.25em 0; padding: 0; }
.homeProduitPromoPrixPromo { font-weight: bold; font-size: 1.25em; color: #933; }
.homeProduitPromo img {	border: 0; }
.homeProduitPromoPlusInfos {
	background: #eee;
	display: block; width: 160px;
	margin: 1em 0 0 0; height: 1.4em; line-height: 1.4em;
	text-align: right;
	padding: 0 10px 0 0;
	/* border-bottom: 1px solid #999; */
}
.homeProduitPromoPlusInfos:first-letter {
	/* font-weight: bold; color: #933; */
}

#bannerFlash { margin: 0; }
p.bannerHome {
	background: #fff url(../img/home_centre_bas.jpg);
	background-repeat: no-repeat;
	width: 283px; height: 220px;
	padding: 46px 0 0 197px;
	color: #646464;
	font-size: 15px;
	font-style: italic;
	margin: 10px 0 0 0;
}

#colCentre .pageTitle { background: #fff; font-size: 2em; font-weight: bold; padding: 0; margin: 0 0 1em 0; color: #933; }

/* LISTE PRODUITS (rubrique) */
.listeProduits {}
table.listeProduitsItem {
	 width: 475px; cell-collapse: collapse;
	 margin: 0 0 0.9em 0; clear: both; padding: 5px; min-height: 100px;
	 border: 1px solid #999;
}
table.listeProduitsItem td { border: 0; }
table.listeProduitsItem td.listeProduitsItemCellImg { width: 100px; padding: 0; }
table.listeProduitsItem td.listeProduitsItemCellinfos { padding: 0 0 0 10px; }
table.listeProduitsItem td.listeProduitsItemCellBoutons { padding: 0; }

a.addToCart, a.plusInfos {
	width: 44px; height: 24px;
	background: #eee;
 	padding: 10px 3px; margin:0;  border: 1px solid #999;
 	font-size: 0.8em;
 	display: block;
 	text-align: center;
 	float: right;
}
a.addToCart:hover { border: 1px solid #333; }
a.addToCart {
	padding: 30px 3px 3px 3px;
	height: 17px;
	background: #eee url(../img/panier.png); background-repeat: no-repeat; background-position: top center;
}
a.addToCart:hover, a.plusInfos:hover { border: 1px solid #333; }


.listeProduitsItemThumb { width: 100px; display: block; float: left; }
.listeProduitsItemThumb img { border: 0;}
.listeProduitsItemTitre { display: block; margin: 0 0 0.5em 0; font-size: 1.25em; font-weight: bold; }
.listeProduitsItemChapo { display: block; margin: 0 0 1em 0;}
.listeProduitsItemPrix { display: inline; font-weight: bold; margin: 0 0 0.5em 0; }

.listeProduitsItemPrixNormal, .listeProduitsItemPrixPourcentagePromo {
	display: inline;
	background: #fff;
	font-weight: bold;
	color: #933;
	padding: 0.1em; margin: 0;
}

/* FICHE PRODUIT (produits) */
fieldset.ficheProduit { margin: 0; padding: 1em 0; border: 1px solid #999; position: relative; }
fieldset.ficheProduit legend { font-size: 1.3em; padding: 0 .75em .75em .75em; margin: 0;}
fieldset.ficheProduit .infosContainer { padding: 0 89px; }
fieldset.ficheProduit .infosContainer .ficheProduitTitre {}
fieldset.ficheProduit .infosContainer .ficheProduitChapo { display: block; margin-bottom: 1em; font-size: 1.1em; font-weight: bold; }
fieldset.ficheProduit .infosContainerp p.photozoom { text-align: center; }
fieldset.ficheProduit .infosContainer img#photozoom { margin-top: 1em; border: 0; /*border: #ccc 1px solid;*/ }
fieldset.ficheProduit .infosContainer .ficheProduitDescription {display: block; margin: 1em 0; text-align: justify; width: 300px;}
fieldset.ficheProduit .infosContainer .prixEtAdd { text-align: left; clear: both; margin: 4em 0 1em 0; }
fieldset.ficheProduit .infosContainer .prixEtAdd .addToCart { position: absolute; bottom: 0; right: 90px; text-align: right; }
fieldset.ficheProduit .infosContainer .prixEtAdd .prix { display: block; font-weight: bold; margin-bottom: 0.5em; }
fieldset.ficheProduit .infosContainer .prixEtAdd .prixNormal { display: block; margin-bottom: 0.25em; color: #933; font-weight: bold; }
fieldset.ficheProduit .infosContainer .prixEtAdd .prixPourcentagePromo { display: block; margin-bottom: 0.5em; color: #933; font-weight: bold; }

a.backListeProduits {}
/* PANIER */
table.panier {width: 100%; border-collapse: collapse; font-size: 0.9em;}
table.panier td, table.panier th {padding: 3px; vertical-align: top; }
table.panier th {font-weight: bold; padding: 6px 3px; background: #ddd;}
table.panier td {padding-bottom: 12px;}
table.panier .colRefProduit { text-align: left;}
table.panier .colPrix { text-align: right;}
table.panier .colQuantite { text-align: right;}
table.panier .colMontant { text-align: right;}
table.panier .colSupprimer { text-align: right;}
table.panier form {margin: 0; padding: 0;}
table.panier .total {font-weight: bold; text-align: right;}
/* BOUTONS */
/*a.addToCart,
a.removeFromCart,
a.btnContinuerAchats,
a.btnValiderCommande,
a.QuantitePlusMoins,
a.btnValider {
}
a.addToCart:hover,
a.removeFromCart:hover,
a.btnContinuerAchats:hover,
a.btnValiderCommande:hover,
a.QuantitePlusMoins:hover,
a.btnValider:hover {

}*/
a.btnContinuerAchats,
a.btnValiderCommande,
a.btnValider, .btnValider {
	background: #306717; color: #fff;
	padding: 2px 5px;
	font-weight: normal;
	border: 1px solid #999;
}

a.removeFromCart {
	background: #fff url(../img/icon-delete-5.png); background-repeat: no-repeat; background-position: 0;
 	padding: 0 2px 2px 22px; margin-left: 10px;
 	height: 16px; line-height: 16px;
}

/* commande Process*/
#commandeProcess { list-style: none; margin: 0; padding: 0;}
#commandeProcess li {
	float: left; width: 98px; height: 32px;
	margin: 0 10px 2em 0; padding: 5px;
	border: #ccc 1px solid;
	font-size: .9em;
	color: #999;
}
#commandeProcess li.active {
	border: #000 1px solid;
	color: #000;
}

/* CONNEXION */
fieldset {margin:0; padding: 1em; border: 1px solid #999;}
fieldset legend {font-size: 1.3em; padding: 0 0 0.75em 0; margin: 0;}
table.formConnexion {width: 100%; border-collapse: collapse; font-size: 0.9em;}
table.formConnexion td {border: 0; padding: 0.25em; vertical-align: top;}
table.formConnexion label {text-align: right; display: block;}
form#connexion {margin:0; padding:0;}
form#nouveau {margin: 3em 0 0 0; padding:0;} /* connexion.php, 2ème form */
form#modifier2 {margin: 3em 0 0 0; padding:0;} /* compte_modifier.php, 2ème form */
.formError {color: #c00; font-weight: bold; display: block; margin-bottom: 0.65em;}
.formSuccess {color: #090; font-weight: bold; display: block; margin-bottom: 0.65em;}

/* COLONNE DROITE */
#colDroite {
	width: 140px; float: left;
	margin: 0; padding: 0 10px 10px 10px;
	background: #fff;
}

/* BOXES */
.boxTitle { font-weight: bold; font-size: 1.1em; margin: 0 0 1em 0; display: block;}
#boxPanier {border: 1px solid #999; padding: 5px; margin-bottom: 15px;}
#boxPanier .boxTitle {
	background: #fff url(../img/panier.png); background-repeat: no-repeat; background-position: 0 0;
 	padding: 0 0 0 36px; line-height: 32px; margin: 0;
 	display: block;
}
#boxPanier p {margin: 0 0 5px 0; padding: 0;}

#boxMonCompte { margin: 0; position: absolute; right: 10px;}
#boxMonCompte .boxTitle { margin: 0; display: inline;}
#boxMonCompte a { font-weight: bold; text-align: left; display: inline; margin-left: 1em; padding-left: 1em; border-left: 1px solid #999; }

/* FOOTER */
#footer { background: #eee; clear: both; text-align: right; font-size: 0.9em; color: #666; padding: 1em 10px 1em 10px; }
#footer a, #footer a:visited, #footer a:hover { color: #777; text-decoration: none; }