


body {
	background: url(../img/background.jpg);
    margin:0;
	padding:0;

}
a {outline:none;}

.disp0{
	display:none;
}

hr{
	border-top:1px dotted #919191;
	border-bottom:0;
	border-left:0;
	border-right:0;
	margin:15px 0px 0 0px;
}

/* Fiche de produit */

.ficheVin .etiquette{
	float:left;
	margin:10px 10px 10px 0px;
	border:1px solid #dedcce;
}

.ficheVin table{

}
.ficheVin td{
	
	padding:2px 0px;
	border-collapse:collapse;
}
.ficheVin td.prodLabel{
	padding:2px 10px 2px 0px;
	font-weight:bold;
}
.ficheVin .altA{
	/* background-color: #ddf; */
}
.ficheVin tr{

}

/* FIN Fiche de produit */


/* producteur */
#prodLogo{
	float:left;
	margin:0 10px 10px 0;
}

	/* liste des producteurs */
	table.producteurs{
		border:0;
		
	}
	table.producteurs td.logo{
		padding:0;
		width:140px;
	}
	table.producteurs td.nom{
		padding:4px 0 4px 12px;
		vertical-align:middle;
	}
	

/* fin producteur */

	img{border:none;}
	#wrap{
		position:relative;
		display:block;
		width:960px;
		margin:0 auto;
		background:#fff;
		border-left:5px solid #919191;
		border-right:5px solid #919191;
	}
	
	#shareFB{
		margin:8px 0 8px 550px;
	}
	
		#header{
			display:block;
			height:188px;
			background: url(../img/img_header.jpg) top left no-repeat;
		}
		#contenu{

			display:block;
			width:960px;
			margin:0 auto;
			background: url(../img/bg_colRight.gif) top right repeat-y;
		}
		#basContenu{
			display:block;
			padding:5px 40px;
			width:880px;
			margin:0 auto;
			background: url(../img/bg_colRight.gif) top right repeat-y;
		}
		/* MENU */
			#contenu .menu{
				display:block;
				height:31px;
				background:#320032;
				padding:0 0 0 28px;
	            font-size:12px;
				color:#fff;
				height:31px;
				text-transform:uppercase;
				font-family:arial, helvetica, sans-serif;
			}

			#mainNavig{

				height:31px;
				line-height:31px;
				
				font-weight:bold;
            	float:left;

			}
            #mainNavig a{
				padding:8px 12px;
				color:#fff;
				border:none;
				border-right:1px solid #fff;
				text-decoration:none;

				margin:0;
				margin-left:-3px;
			}
			 #mainNavig a:first-child{
			 	border-left:1px solid #fff;
			 	margin-left:6px;
			 }
            #mainNavig a.open,#mainNavig a:hover{
				background:#5c385c;
				color:#fff;
			}
			
			#contenu .menu span{
            	margin:0px 14px;
			}

			/* Menu standalone */
			#standalone{
				clear:both;
				text-transform:lowercase;
				width:661px;
				float:left;
				/* border:1px red dotted; */
				margin:0px 0px 15px 0px;
				padding:5px 0 5px 35px;
				font-weight:bold;
				background:#dedcc9;

			}
			#standalone a{
				text-decoration:none;
				color:#67665c;
				font-size:11px;
				font-family:arial;
			}
			#standalone a:hover{text-decoration:underline;}
			#standalone a.open{
				color:#484740;
				text-decoration:none;
			}
			.descVin {
				float:left;
				width:90%;
				padding-bottom:10px;
				border-bottom:1px solid #e4e4e4;
				margin-bottom:14px;
			}
			.vinSaq{
				padding-top:7px;
				font-size:12px;
				font-family:verdana;
			}
			/*
				#contenu .menu a{
					float:left;
					height:31px;
					text-indent:-10000px;
				}
					#contenu .menu a.btnAccueil{
						width:82px;
						background: url(../img/btn_accueil.jpg) top left no-repeat;
					}
					#contenu .menu a.btnPropos{
						width:102px;
						background: url(../img/btn_apropros.jpg) top left no-repeat;
					}
					#contenu .menu a.btnProduits{
						width:198px;
						background: url(../img/btn_produits.jpg) top left no-repeat;
					}
					#contenu .menu a.btnNouveaute{
						width:122px;
						background: url(../img/btn_nouveaute.jpg) top left no-repeat;
					}
					#contenu .menu a.btnContact{
						width:147px;
						background: url(../img/btn_contact.jpg) top left no-repeat;
					}
					*/
					
					#contenu .menu .utility{
						float:right;
						width:120px;
						padding: 6px 0 0 0;
					}
                    #contenu .menu .utility a{
						float:left;
						height:31px;
						padding:0px;
						font-size:11px;
						font-weight:normal;
						text-indent:-10000px;
					}
						#contenu .menu a.lang{
							float:left;
							width:67px; height:19px;
							line-height:19px;
							text-indent:0;
							text-align:center;
							color:#fff;
							background:url(../img/btn_recherche.gif) top left no-repeat;
							text-decoration:none;
							margin: 0 5px 0 0;
						}
						#contenu .menu a.cart{
							float:left;
							width:29px; height:19px;
							background:url(../img/btn_cart.gif) top left no-repeat;
						}

				#contenu .colLeft{
					float:left;
					width:641px;
					padding-left:35px;
					padding-right:20px;
				}
				
				
				
					#contenu .colLeft a.vignoble{
						display:block;
						padding: 0px 8px 6px 8px;
						text-decoration:underline;
					}
						#contenu .colLeft a.vignoble:hover{text-decoration:none;}
				
					#contenu .colLeft .search{
						float:left;
						width:209px; height:91px;
						margin: 30px 10px 10px 0;
						background: url(../img/bg_recherche.gif) top left no-repeat;
					}
						#contenu .colLeft .search p{
							display:block;
							padding: 10px 0 0 0;
							text-indent:36px;
							font-size:12px;
							color:#fff;
							font-weight:bold;
							text-transform:uppercase;
							font-family:arial;
						}
						#contenu .colLeft .search form{
							display:block;
							margin:0;
							padding:13px 0 0 0;
						}
							#contenu .colLeft .search form input.searchInput{
								float:left;
								display:inline;
								height:18px;
								width:161px;
								border:1px solid #000;
								margin: 0 3px 0 12px;
							}
							#contenu .colLeft .search form input.submit{
								float:left;
								width:20px; height:20px;
								margin-top:1px;
								background:url(../img/bg_send.gif) top left no-repeat;
								border:none;
								cursor:pointer;
							}
					#contenu .colLeft .welcome{
						float:left;
						width:409px;
						padding-top:28px;
					}
						#contenu .colLeft .welcome h5{
							margin:0; padding:0;
						}
							#contenu .colLeft .welcome p{padding-top:5px;}
					
					/* SEARCH FORM */		
							
					#contenu .colLeft .searchWine {
						display:block;
					}		
						#contenu .colLeft .searchWine label{
							display:block;
							margin:0;
							padding:4px;
						}	
							#contenu .colLeft .searchWine label span{
								display:block;
								padding: 0 0 4px 0;
								margin:0;
								font-size:12px;
								font-weight:bold;
							}	
							#contenu .colLeft .searchWine label select{
								display:block;

							}
					/* le h4 est défini dans fonts.css */

						#contenu .colLeft .listeProduits{
							float:left;
							width:632px;
							padding: 10px 0;
							border-bottom:1px dotted #919191;
						}
							#contenu .colLeft .listeProduits:last-child{
								border-bottom:none;
							}
							/* petite etiquette dans les listes de vin */
							#contenu .colLeft .listeProduits div.etiquetteSmall{
								float:left;
								width:50px;


								border:1px #fff solid;
								margin: 0 7px 0 3px;
							}
							/* bg de l'etiquette quand pas de photo (voir html) */
							.listeProduits div.bgEtiquette0{
								background:url(../img/etiquette_bg.jpg) top left no-repeat;
								height:80px;
							}
							.bgEtiquetteBig0{
								background:url(../img/etiquette_bg_big.jpg) top left no-repeat;
								width:170px;
								height:170px;
								float:left;
							}
							#contenu .colLeft .listeProduits .desc{
								float:left;
								width:490px;
								padding: 0 10px 0 0;
							}
								 .listeProduits .desc .titreVin {
									color:#400040;
									font-weight:bold;
								}
								 .listeProduits .desc .anneeVin, .listeProduits .desc .anneeVin a{
									color:#383737;
									font-weight:bold;
									text-decoration:none;
								}

							 .listeProduits .prevente{
							 	color:#879f29;
							 	margin:3px 0 0 0;

							 	font-weight:bold;
							 	font-style:italic;
							 }
							 .ficheVin .prevente{
							 	color:#879f29;
							 	margin:6px 0;
								font-size:14px;
							 	font-weight:bold;
							 	font-style:italic;
							 }
						
							#contenu .colLeft .listeProduits .prix{
								float:left;
								width:65px;
								font-size:13px;
							}
								#contenu .colLeft .listeProduits .prix a.details{
									display:block;
									width:50px; height:16px;
									background: url(../img/btn_detail.gif) top left no-repeat;
									text-decoration:none;
									font-weight:bold;
									font-size:10px;
									margin:5px 0px;
									padding:4px 0px 0px 0px;
									text-align:center;
									color:#383737;
								}

								.add_ip{

								}
								.add_saq{/* n'affiche pas le add to cart aux produits SAQ */
									display:none;
								}

								a.addCart{
									display:block;
									width:50px; height:20px;
									text-indent:-10000px;
									margin:3px 0px;
									background: url(../img/btn_plusbasquet.jpg) top left no-repeat;
								}

							div.linkPdf{
								clear:both;
                                border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								background:#f6f6f6 url("../img/btn_pdf.gif") no-repeat 4px 4px;
								border:1px #dedcc9 solid;
								margin: 10px;
								padding:6px 0px 6px 30px;
								height:16px;
								font-weight:bold;

							}


			#contenu .colRight{
				float:left;
				width:261px;
				padding: 0 0 0 1px;
			}	
				#contenu .colRight .listeEnvoi{
					display:block;
					padding:0px 20px 13px 20px;
		
				}	
					#contenu .colRight .listeEnvoi h5{padding:10px 0 0 0;}
					
						#contenu .colRight .listeEnvoi form span{
							display:none;
						}
						#contenu .colRight .listeEnvoi form{
							margin:0; padding:0;
						} 
							.listeEnvoi form input#email, .listeEnvoi form input#prenom{
								display:block;
								width:180px;
								height:16px;
								border:1px solid #6d6d6d;
								color:#6d6d6d;
								font-size:10px;
								padding:1px;
							} 
							#contenu .colRight .listeEnvoi form input.submit{
								padding:3px 0 20px 0;
								margin:10px 0 0 0;
								display:block;
								height:22px; width:61px;
								text-align:center;
								color:#fff;
								background: url(../img/btn_email.jpg) top left no-repeat;
								border:none;
								font-size:10px;
								font-weight:bold;
								cursor:pointer;
							}
				#contenu .colRight .eventsBox{
					background:#eeeeee;
				
					border-top:1px dotted #cbc6a8;
				}
					#contenu .colRight .eventsBox h5{
						text-indent:20px;
						padding:15px 0 0 0;
					}
					#contenu .colRight .eventsBox div.events{
						display:block;
						color:#000;
						font-size:11px;
						font-family:verdana;
						text-decoration:none;
						
						padding:13px 20px;
						border-bottom:1px dotted #cbc6a8;
						
					}	
						#contenu .colRight .eventsBox div.events:last-child{
							border-bottom:none;
						}
						#contenu .colRight .eventsBox div.events img{
							display:block;
							clear:both;
							padding:2px;
							background:#fff;
							border:1px solid #c1c1c1;
							margin-bottom:5px;

						}
		#footer{	
			display:block;
			height:141px;
			background:url(../img/bg_footer.jpg) top left no-repeat;
			margin:0 auto;
		}
			#footer .text{
				display:block;
				text-align:center;
				padding: 30px 0 0 0;
				line-height:20px;
			}	
				#footer .text a{
					color:#414141;
					text-decoration:none;
				}
					#footer .text a:hover{text-decoration:underline;}
						
						
		/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0;
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */		

/* PAGING */
.paging{
	display:block;
	position:relative;
	clear:both;
	height:20px;
	line-height:20px;
	background:#f7f7f7;
	border:1px solid #e4e4e4;
	margin: 0 21px 17px 15px;
	text-align:center;
}
	.paging a{

		text-decoration:none;
		font-size:10px;
		padding:1px 3px 1px 3px;
		background:#320032; color:#fff;
		font-weight:bold;
	}
	 .paging a:hover{text-decoration:underline;}
	 .paging a.open{color:#a6a6a6;font-weight:normal; background:transparent;}
	 .paging a.prev{
			position:absolute;
			top:0; left:0;
			margin: -1px 0 0px -1px;
			display:block;
			height:20px;
			border:1px solid #e4e4e4;
			padding: 0 10px;
			font-weight:normal;
			background:#F7F7F7;
			color:#A6A6A6;
		 }
	 .paging a.next{
			position:absolute;
			top:0; right:0;
			margin: -1px -1px 0px 0;
			display:block;
			height:20px;
			border:1px solid #e4e4e4;
			padding: 0 10px;
			background:#F7F7F7;
			font-weight:normal;
			color:#A6A6A6;
		 }

/* ******************** BASKET **************************/
#basket{
	clear:both;
}
table.basket{
	border-collapse:collapse;
	margin: 10px 12px 20px 0px;
	width:600px

}
tr.basketLabels{
	background:#320032 url(../img/bg_titreForm.jpg) top left no-repeat;
	color:#fff;
}
tr.basketLabels td{

	font-weight:bold;
	padding:4px 12px;
	border:1px grey solid;

}

table.basket td{

	padding:4px 12px;
}
tr.alt_0 td{
	background:#dedcc9;
	border:1px #fff solid;
}
tr.alt_1 td{
	background:#fff;
	border:1px #dedcc9 solid;
}

.inpQty{
	width:18px;
	
}
div.basketInfos{
	float:left;
	padding:4px 20px 6px 10px;
	width: 232px;
	text-align:right;
}

/* Formulaires & basket -**************************************************** */


div.formTitle {
	display:block;
	width:600px;
	clear:both;
	margin:10px 0 0 0px; padding:0;
	font-family: verdana;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	height:32px;
	text-indent:35px;
	background:#320032 url(../img/bg_titreForm.jpg) top left no-repeat;
}

div.formText{
	width:558px;
	clear:both;
	background:#fafafa;
	border:1px solid #c0c0c0;
	margin:0 0 15px 0px;
	padding:10px 20px;


}
.bouton, .bouton_small{
	background:#320032 url(../img/bg_bouton.gif) top left repeat-x;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:3px #c0c0c0 double;
	text-decoration:none;
	margin:8px 12px;
}
.bouton{
	padding:1px 20px;

}
.bouton_small{
	padding:1px 3px;

}
			div.formText input.checkbox{float:left; margin:6px 6px 0 0;}
				div.formText select {margin:4px 3px 0 0;}
				div.formText .radio {margin:4px 3px 0 0;}
				form div.wrapLine{
					float:left;
					width:100%;
					padding: 0 0 7px 0;
					font-size:11px;
					color:#838383;;
				}
				form p{padding-left:0px !important;}
				form input.text{
					display:inline;
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px !important;
					margin: 4px 4px 0 0;
					padding:4px 0 0 0;

				}

				form textarea.text{
					border:1px solid #dadcde;
					float:left;
					height:90px;
					width:310px;
					margin: 4px 4px 0 0;
					padding-top:4px;

				}
				form select.text{
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px;
					margin: 4px 4px 0 0;
					padding-top:0px;

				}
				form input.small{width:50px;}
				form div.label{
					color:#838383;
					font-size:11px;
					float:left;
					padding:6px 7px 0 0;
					width:125px;

				}
.step2{
	display:none;
}

div.formNormal{
    clear:both;
    margin:4px auto 10px auto;
	padding:10px;
	border:1px grey solid;
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#eee;
	width:400px;
}
div.formNormal .critere{
	clear:both;
	margin:3px 0px;
}
div.formNormal .label{
	width:100px;
	float:left;
}
div.formNormal div.input{
	width:100px;
	float:left;
}

div.center{
	margin:auto;
	text-align:center;
}
.erreur{
	color:red !important;
}

/* les evenements */
h2.titreEvent{
	margin:0px 0px 0px 0px;
}
div.dateEvent{
	font-style:italic;
	margin:0px 0px 6px 0px;
}
div.descEvent{
	margin:0px 0px 20px 0px;
}
