/********************************************
/* Elements de base */
/********************************************/
a, a:hover {
	outline:none;
}
input, input:active, input:hover {
	outline:none 0px;
}
a:link, a:visited { color:#ab893e; font-weight:bold; text-decoration:none;	 }
a:hover, a:active { text-decoration:underline; }

html, body {
	background:#bebfbf url(../img/com/degrade.gif) left top repeat-x;
	height: 100%;
	}

body {
	background:#bebfbf url(../img/com/degrade.gif) left top repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	margin:0;
	padding:0;
	}

h1 {
	margin-bottom:20px;
	}
h2 {
	font-size:14px;
	text-transform:uppercase;
	border-bottom:1px solid #bac0c0;
	display:inline;
	}
	h2 span{	
		color:#9c7d37;
		border:0px solid red;
		}
	
h3 {
	font-size:18px;
	color:#5d6262;
	margin-top:-2px;
	}
	
h4 {
	font-size:18px;
	color:#9c7d37;
	text-transform:uppercase;
	margin-top:-5px;
	}
	h4 span {
	vertical-align:bottom;
	}

h5 {
	font-size:13px;
	font-weight:bold;
	color:#353939;
	padding-top:20px;
	}
	h5 span{
		color:#9c7d37;			
		}
	h5.notes {
		margin-bottom:5px;
		}
	h5.blc {
		color:#fff;
		margin-top:-20px;
		line-height:18px;
		}
h6 {
	font-size:12px;
	font-weight:bold;
	color:#9c7d37;
	margin-bottom:5px;
	vertical-align:top;
	}
	h6 span{			
		color:#000;
		font-size:14px;
		text-decoration:underline;
		}
img {
	border: 0;
	}

sup {
	font-size: 8px;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background:transparent url(../img/com/picto_pdf.gif) left top no-repeat;
	padding-left:18px; 
	padding-top:5px;
	padding-bottom:25px;
	line-height:20px;
	}

/********************************************/
/* Conteneurs généraux */
/********************************************/

#center {
	position: relative;
	width: 990px;
	height: 100%;
	margin: auto;
	padding: 0;
	}
	#center #global {
		margin-top: -1px;
		padding: 0;
		z-index:1;
		text-align:left;
		}
	#header {
		background:transparent url(../img/com/au-coeur-des-siecles.gif) left top no-repeat;
		width:984px;
		height:132px;
		margin:0;
		padding:0;
		top:0;
		float:left;
		}
		#logo {
			width:151px;
			height:206px;
			margin:0;
			padding:0;
			top:5px;
			left:15px;
			position:absolute;
			}
		#monCompte {
			background:transparent url(../img/fr/mon-compte.png) left top no-repeat;
			width:118px;
			height:71px;
			margin:0;
			padding:18px 0 0 5px;
			top:22px;
			right:205px;
			position:absolute;
			font-size:9px;
			}
		#monCompteGb {
			background:transparent url(../img/gb/mon-compte.png) left top no-repeat;
			width:118px;
			height:71px;
			margin:0;
			padding:18px 0 0 5px;
			top:22px;
			right:50px;
			position:absolute;
			font-size:9px;
			}
		#monCompteCn {
			background:transparent url(../img/cn/mon-compte.png) left top no-repeat;
			width:118px;
			height:71px;
			margin:0;
			padding:18px 0 0 5px;
			top:22px;
			right:50px;
			position:absolute;
			font-size:9px;
			}
			#monCompte input,
			#monCompteGb input,
			#monCompteCn input {
				font-size:9px;
				border:none;
				margin-bottom:1px;
				}
			#monCompte input.btn,
			#monCompteGb input.btn,
			#monCompteCn input.btn {
				background-color:#b2a78f;
				color: #fff;
				font-weight: bold;
				margin: 0;
				padding: 2px;
				}
		#maCommande {
			background:transparent url(../img/fr/ma-commande.png) left top no-repeat;
			width:148px;
			height:100px;
			margin:0;
			padding:0;
			top:22px;
			right:50px;
			text-align:right;
			vertical-align:text-bottom;
			font-size:10px;
			position:absolute;
			}
			#prix {
				color:#1a171b;
				padding:25px 5px 0 0;
				}
			#nbreArticles {
				color:#886b2a;
				font-style:italic;
				padding:0 5px 10px 0;
				}
	#flash {
		width:876px;
		height:478px;
		top:75px;
		right:4px;
		position:absolute;
		z-index:1;
		}
	#contenuHp {
		background:transparent url(../img/com/fd-index.png) left top repeat-y;
		width:990px;
		min-height: 440px;
		height: auto !important;
		height: 440px;
		float:left;
		margin:0;
		padding:0 44px 0 30px;
		color:#525050;
		top:0;
		}
		#intro {
			color:#706d6d;
			padding-top:80px;
			width:400px;
			text-align:justify;
			z-index:1;
			}	
		
		
/* Template Pleine Page */
		#contenuV1 {
			background:transparent url(../img/com/fd-index.png) left top repeat-y;
			width:990px;
			min-height: 400px;
			height: auto !important;
			height: 400px;
			float:left;
			margin:0;
			padding:0;
			color:#525050;
			top:0;
			}
		#contenuV1 #PleinePage {
			background:transparent url(../img/com/crachoir.gif) right bottom no-repeat;
			width:886px;
			min-height:400px;
			margin:100px 0 0 50px;
			padding-right:50px;
			text-align:justify;
			}
			#contenuV1 #PleinePage table {
				width:800px;
				margin:0 25px;
				}
				#contenuV1 #PleinePage table th {
					padding-right:30px;
/*					text-align:left;*/
					color:#9c7d37;
					}
			#contenuV1 #PleinePage table.DetailCommande {
				width:800px;
				margin:0 25px;
				background-color:#fff;
				}
				#contenuV1 #PleinePage table.DetailCommande th {
					padding:5px;
					background-color:#a5b0b0;
					color:#fff; 
					border:1px solid #a5b0b0;
					}
				#contenuV1 #PleinePage table.DetailCommande td {
					border:1px solid #a5b0b0;
					padding:5px;
					}
			#contenuV1 #PleinePage table.champQte {
				margin:0;
				padding:0;
				width:auto;
				}
				#contenuV1 #PleinePage table.champQte td {
					border:0px solid;
					}

			#identityLoginForm {
				border-collapse: separate;
				width:630px;
				}
				#identityLoginForm td {
					background-color: #ffffff;
					border:1px solid #a5b0b0;
					padding: 10px;
					vertical-align: top;
					width: 40%;
					}
					#identityLoginForm td.separate {
						border-style: none;
						width: 1%;
						}
			#contenuV1 #PleinePage table.Form {
				margin:0 25px;
				}
				#contenuV1 #PleinePage table.Form th {
					padding-left:10px;
					text-align:left;
					color:#fff;
					background-color:#a5b0b0;
					font-weight:normal;
					}
				#contenuV1 #PleinePage table.Form td {
					padding-left:10px;
					}
/* Template 2 colonnes */
		#contenuV2 {
			background:transparent url(../img/com/fd.png) left top repeat-y;
			width:950px;
			min-height: 400px;
			height: auto !important;
			height: 400px;
			float:left;
			margin:0;
			padding:0 0 0 40px;
			color:#000;
			top:0;
			}
		#contenuV2 #BlocGauche {
			background:transparent url(../img/com/crachoir.gif) right bottom no-repeat;
			width:550px;
			min-height:400px;
			margin:85px 1px 0 10px;
			padding-right:45px;
			padding-bottom:30px;
			float:left;
			text-align:justify;
			}
			#contenuV2 #BlocGauche table {
				margin:0;
				}
				#contenuV2 #BlocGauche table th {	
					padding-right:40px;
					vertical-align:top;
					}
				#contenuV2 #BlocGauche table td {
					vertical-align:top;
					padding-right:30px;
					}
				#contenuV2 #BlocGauche table.Vins td{
					vertical-align:top;
					padding-right:30px;
					font-size:10px;
					}
					#contenuV2 #BlocGauche table.Vins tr td a:link,
					#contenuV2 #BlocGauche table.Vins tr td a:visited {
						color:#464647;
						}
					#contenuV2 #BlocGauche table.Vins tr td a:hover,
					#contenuV2 #BlocGauche table.Vins tr td a:active {
						text-decoration:none;
						color:#ab893e;
						}
					
			#contenuV2 #BlocGauche table.Form {
				margin:0 25px;
				}
				#contenuV2 #BlocGauche table.Form th {
					padding-right:30px;
					text-align:left;
					color:#9c7d37;
					}
			#contenuV2 #BlocGauche table.Distinctions td {
				padding-top:10px;
				margin:0;
				text-align:center;
				}
			#contenuV2 #BlocGauche table.Distinctions th {
				padding-top:10px;
				padding-left:5px;
				font-weight:normal;
				vertical-align:top;
				}
			#contenuV2 #BlocGauche table.Developpement{
				border:1px solid #9c7d37;
				padding:10px;
					}
		#contenuV2 #BlocDroite {
			width:320px;
			padding-bottom:30px;
			margin-top:50px;
			float:left;
			color:#fff;
			}
			#contenuV2 #BlocDroite #actualites {
				background:url(../img/fr/bloc-actualites-presse.gif) left top no-repeat;
				width:295px;
				height:153px;
				margin:25px 0 0 -20px;
				padding-left:38px;
				color:#000;
				float:left;
				}
			#contenuV2 #BlocDroite #actualitesGb {
				background:url(../img/gb/bloc-actualites-presse.gif) left top no-repeat;
				width:295px;
				height:153px;
				margin:25px 0 0 -20px;
				padding-left:38px;
				color:#000;
				float:left;
				}
			#contenuV2 #BlocDroite #actualitesCn {
				background:url(../img/cn/bloc-actualites-presse.gif) left top no-repeat;
				width:295px;
				height:153px;
				margin:25px 0 0 -20px;
				padding-left:38px;
				color:#000;
				float:left;
				}
				#contenuV2 #BlocDroite #actualites h1,
				#contenuV2 #BlocDroite #actualitesGb h1,
				#contenuV2 #BlocDroite #actualitesCn h1 {
					font-weight:bold;
					font-size:11px;
					line-height:13px;
					color:#9c7d37;
					text-decoration:underline;
					padding-top:10px;
					}
				#contenuV2 #BlocDroite #actualites p,
				#contenuV2 #BlocDroite #actualitesGb p,
				#contenuV2 #BlocDroite #actualitesCn p {
					width:170px;
					text-align:justify;
					margin-top:-10px;
					}
				#contenuV2 #BlocDroite #actualites .Img,
				#contenuV2 #BlocDroite #actualitesGb .Img,
				#contenuV2 #BlocDroite #actualitesCn .Img {
					float: right;
					margin:0;
					padding:0;
					}
			#contenuV2 #BlocDroite #developpementDurable {
				width:307px;
				height:111px;
				margin-left:7px;
				margin-top:40px;
				float:left;
				}
			#contenuV2 #BlocDroite #distinctions {
				background:url(../img/fr/bloc-distinctions.gif) left top no-repeat;
				width:307px;
				height:141px;
				margin-left:7px;
				margin-top:40px;
				padding-top:50px;
				padding-left:15px;
				color:#9c7d37;
				float:left;
				font-size:10px;
				}
			#contenuV2 #BlocDroite #distinctionsGb {
				background:url(../img/gb/bloc-distinctions.gif) left top no-repeat;
				width:307px;
				height:141px;
				margin-left:7px;
				margin-top:40px;
				padding-top:50px;
				padding-left:15px;
				color:#9c7d37;
				float:left;
				font-size:10px;
				}
			#contenuV2 #BlocDroite #distinctionsCn {
				background:url(../img/cn/bloc-distinctions.gif) left top no-repeat;
				width:307px;
				height:141px;
				margin-left:7px;
				margin-top:40px;
				padding-top:50px;
				padding-left:15px;
				color:#9c7d37;
				float:left;
				font-size:10px;
				}
				#contenuV2 #BlocDroite #distinctions a,
				#contenuV2 #BlocDroite #distinctionsGb a,
				#contenuV2 #BlocDroite #distinctionsCn a {
					text-decoration:underline;
					color:#9c7d37;
					}
				#contenuV2 #BlocDroite #distinctions table td,
				#contenuV2 #BlocDroite #distinctionsGb table td,
				#contenuV2 #BlocDroite #distinctionsCn table td {
					vertical-align:top;
					text-align:left;
					font-style:normal;
					}/*
				#contenuV2 #BlocDroite #distinctions ul li {
					
					font-size:10px;
					margin-left:-15px;
					width:180px;
					vertical-align:text-top;
					}*/
			#contenuV2 #BlocDroite input {
				font-size:9px;
				border:none;
				margin-right:7px;
				}
			 	#contenuV2 #BlocDroite input.btn {
					background-color:#b2a78f;
					color: #fff;
					font-weight: bold;
					margin-right: 7px;
					padding: 2px;
					}
			#contenuV2 #BlocDroite #encartSyrah {
				background-color:#647070;
				margin:10px;
				padding:10px;
				color:#fff;
				text-align:justify;
				float:left;
				}
			#contenuV2 #BlocDroite #economies {
				background-color:#647070;
				margin:10px;
				padding:10px;
				color:#fff;
				text-align:left;
				float:left;
				}
			#contenuV2 #BlocDroite #coordonneesGPS {
				background:transparent url(../img/fr/coordonnees-gps-adresse.gif) right top no-repeat;
				width:269px;
				margin-right:7px;
				padding-top:30px;
				padding-right:5px;
				float:right;
				color:#fff;
				font-style:normal;
				text-align:right;
				}
			#contenuV2 #BlocDroite #coordonneesGPSGb {
				background:transparent url(../img/gb/coordonnees-gps-adresse.gif) right top no-repeat;
				width:269px;
				margin-right:7px;
				padding-top:30px;
				padding-right:5px;
				float:right;
				color:#fff;
				font-style:normal;
				text-align:right;
				}
			#contenuV2 #BlocDroite #coordonneesGPSCn {
				background:transparent url(../img/cn/coordonnees-gps-adresse.gif) right top no-repeat;
				width:269px;
				margin-right:7px;
				padding-top:30px;
				padding-right:5px;
				float:right;
				color:#fff;
				font-style:normal;
				text-align:right;
				}
			#contenuV2 #BlocDroite #txt {
				width:280px;
				margin:10px;
				padding:10px;
				color:#fff;
				font-style:normal;
				text-align:justify;
				float:left;
				}
			#contenuV2 #BlocDroite table {
				width:90%;
				}
				#contenuV2 #BlocDroite table tr td {
					text-align:center;
					font-size:12px;
					font-style:italic;
					vertical-align:text-top;
					}
					#contenuV2 #BlocDroite table tr td a:link,
					#contenuV2 #BlocDroite table tr td a:visited {
						color:#fff;
						}
					#contenuV2 #BlocDroite table tr td a:hover,
					#contenuV2 #BlocDroite table tr td a:active {
						text-decoration:none;
						color:#ab893e;
						}
			#contenuV2 #BlocDroite #AchatsEnLigne {
				width:320px;
				height:auto;
				margin:30px 0 0 -20px;
				padding:0;
				color:#fff;
				float:left;
				}
				#contenuV2 #BlocDroite #AchatsEnLigne #cartouche {
					background:transparent url(../img/fr/achats-en-ligne.gif) left top no-repeat;
					width:24px;
					height:132px;
					float:left;
					}
				#contenuV2 #BlocDroite #AchatsEnLigne #cartoucheGb {
					background:transparent url(../img/gb/achats-en-ligne.gif) left top no-repeat;
					width:24px;
					height:132px;
					float:left;
					}
				#contenuV2 #BlocDroite #AchatsEnLigne #cartoucheCn {
					background:transparent url(../img/cn/achats-en-ligne.gif) left top no-repeat;
					width:24px;
					height:132px;
					float:left;
					}
				#contenuV2 #BlocDroite #AchatsEnLigne #commande {
					background-color:#7d8787;
					width:295px;
					height:auto;
					float:left;
					}
					#contenuV2 #BlocDroite #AchatsEnLigne #commande table {
						width:295px;
						}
					#contenuV2 #BlocDroite #AchatsEnLigne #commande table tr td {
						font-style:normal;
						padding-right:5px;
						}
	#bdp {
		margin:0;
		padding-top:10px;
		width:990px;
		height:30px;
		color:#646565;
		font-size:10px;
		text-align:center;
		float:left;
		}
		#bdp a:link, #bdp a:visited,
		#bdpHp a:link, #bdpHp a:visited {
			color:#646565;
			}
		#bdp a:hover, #bdp a:active 
		#bdpHp a:hover, #bdpHp a:active {
			color:#fff;
			text-decoration:underline;
			}
			#bdp .alcool {
				font-size:9px;
				}
	
/********************************************/
/* Les classes */
/********************************************/

.asterisque {
	font-size: 19px;
	font-weight: bold;
	color: #e21818;
	}
.ImgLeft {
	padding-right:15px;
	float: left;
	}
.ImgRight {
	padding-left:15px;
	float: right;
	}
.ImgRightDistinctions {
	padding-left:5px;
	float: right;
	}

.ImgTop { 
	margin-top:50px;
	}
.NosVinsRares { 
	margin-top:125px;
	margin-bottom:5px;
	}	
.pictoVinsRares { 
	margin-left:50px;
	margin-top:5px;
	}
.quantite {width: 30px; text-align: center;}

.Police11px { 
	font-size:11px;
	}	

.PrixTTC { 
	font-size:10px;
	font-style:italic;
	}
input {
	border:1px solid #b2a78f;
	margin-bottom:1px;
	font-size:11px;
	}
input.btn {
	background-color:#b2a78f;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 2px;
	letter-spacing:2px;
	}	
input.btn:hover  {
	cursor:pointer;
	background-color:#a1864d;
	}
.dore  {
	color:#9c7d37;
	}
.representant  {
	color:#9c7d37;
	font-weight:bold;
	}
.noir  {
	color:#000;
	}
/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}
.gauche {
	float: left;
	}
.center {
	text-align:center;
	}
.Justifie {
	text-align:justify;
	}
.TextDroite{
	text-align:right;
	}
.pright {
	text-align:right;
	margin-right:7px;
}
.bottom{
	vertical-align:text-bottom;
	}
.big{
	font-size:14px;
	}
.ClearBoth {
	clear: both;
	}
hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #afacac dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	padding-bottom:5px;
	}