@charset "UTF-8";

body {
	background-image: url(../image/ground.jpg);
	background-repeat: repeat-x;
	background-color: #372D23;
}

body,td,th {
	font-family: Euro Sans Regular, Eurostile Bold;
	font-size: 11px;
	color: #CCC;
}
a {
	font-size: 11px;
	color: #FFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F90;
}
a:hover {
	text-decoration: none;
	color: #CD9500;
}
a:active {
	text-decoration: none;
	color: #CB9600;
}

#ground-accueil {
	background-image: url(../image/ground-accueil.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#titrecase {
	height: 43px;
	width: 196px;
	background-image: url(../image/selection-titre.png);
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#titrecasepresentation {
	height: 35px;
	width: 184px;
	background-image: url(../image/presentation-titre.png);
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#container {
	height: 640px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#ground-produit {
	background-image: url(../image/1800-1901-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#ground-produit1 {
	background-image: url(../image/1901-1950-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#ground-produit2 {
	background-image: url(../image/1926-1950-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#ground-produit3 {
	background-image: url(../image/1951-1975-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#ground-produit4 {
	background-image: url(../image/1976-2000-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#ground-produit5 {
	background-image: url(../image/2000-2009-ground.jpg);
	height: 732px;
	width: 948px;
	top: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
.titre {
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 18px;
	color: #E3C700;
	text-align: center;
	position: relative;
	height: 30px;
}
.titre:hover {
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 18px;
	color: #821518;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 50px;
}
.titrelien a{
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 12px;
	color: #D9B100;
	text-align: center;
	font-style: italic;
	text-decoration: none;
}
.titrelien a:hover {
	font-family: Eurostile, "Eurostile Condensed";
	color: #FFF;
	text-decoration: none;
}
#banner {
	height: 137px;
	width: 800px;
	list-style-position: outside;
	list-style-type: none;
}
#menu {
	position: relative;
	top: 2px;
}
#presentation-en {
	height: 420px;
	width: 285px;
	position: relative;
	left: 55px;
	float: left;
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 14px;
	line-height: 16px;
}

#presentation {
	height: 420px;
	width: 285px;
	position: relative;
	left: 55px;
	float: left;
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 13px;
	line-height: 14px;
}
.texte {
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}
#newsaccueil {
	height: 420px;
	width: 285px;
	position: relative;
	float: right;
	right: 63px;
}
#compteur {
	text-align: center;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	top: 10px;
	text-decoration: none;
	width: 800px;
	margin: auto;
}
#compteur a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
#compteur a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CBA015;
	text-decoration: none;
}
#footer {
	font-family: Eurostile, "Eurostile BoldCondensed", "Eurostile BoldExtendedTwo", "Eurostile Condensed", "Eurostile ExtendedTwo";
	font-size: 10px;
	height: 15px;
	width: 600px;
	position: relative;
	text-align: center;
	top: 10px;
	color: #FFFFFF;
	opacity : 0.7;
	filter : alpha(opacity=70);
	z-index: 10;
	background-color: #3C2516;
	line-height: 13px;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	float: left;
	margin: auto;
	left: 130px;
}
#footer   a {
	font-family: Eurostile, "Eurostile BoldCondensed", "Eurostile BoldExtendedTwo", "Eurostile Condensed", "Eurostile ExtendedTwo";
	color: #FFF;
	font-weight: bold;
}
#footer   a:hover {
	font-family: Eurostile, "Eurostile BoldCondensed", "Eurostile BoldExtendedTwo", "Eurostile Condensed", "Eurostile ExtendedTwo";
	color: #FC0;
}
#float {
	position: relative;
	height: 423px;
	width: 800px;
	top: 35px;
}
#photo-best {
	height: 90px;
	width: 47px;
	position: relative;
	top: 2px;
	left: 44px;
	float: left;
}
#recherche {
	height: 20px;
	width: 220px;
	position: relative;
	top: 25px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

input.texte {
	background-color: #685542;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	opacity : 0.9;
	filter : alpha(opacity=90);
	font-family: Eurostile, "Eurostile Condensed";
	color: #FFF;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none
}
	
input.texte:focus {
	background-color: #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	opacity : 0.9;
	filter : alpha(opacity=90);
	font-family: Eurostile, "Eurostile Condensed";
	color: #FFF;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none
}

input.submit {
	background-color: #9F2628;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	opacity : 0.8;
	filter : alpha(opacity=80);
	font-family: Eurostile, "Eurostile Condensed";
	color: #FFF;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 15px;
	width: 50px;
}
input.submit:hover {
	background-color: #000000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	opacity : 0.8;
	filter : alpha(opacity=80);
	font-family: Eurostile, "Eurostile Condensed";
	color: #FFF;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img, div { behavior: url(iepngfix.htc) }
#vins-best {
	background-image: url(../image/ground-best.png);
	height: 188px;
	width: 136px;
	position: relative;
	left: 2px;
	float: left;
	right: 2px;
	bottom: 5px;
	margin-right: 6px;
	margin-bottom: 6px;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	padding-top: 1px;
}
.description-best {
	font-size: 11px;
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	line-height: 13px;
	color: #FFF;
}
.titre-best {
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}
#panier {
	float: right;
	height: 28px;
	width: 30px;
	position: relative;
	top: 65px;
	left: -5px;
}
#product {
	float: left;
	height: 196px;
	width: 124px;
	position: relative;
	top: 48px;
	left: 59px;
	margin-right: 14px;
	margin-bottom: 12px;
}
#bouteille {
	height: 104px;
	width: 77px;
	position: relative;
	top: 11px;
	left: 25px;
}
.nom-bouteille {
	font-family: Eurostile, "Eurostile Condensed";
	text-align: center;
	position: relative;
	top: 19px;
	font-size: 12px;
}
.description {
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 12px;
	position: relative;
	left: 5px;
	width: 70px;
	top: 30px;
}
#panier-product {
	height: 30px;
	width: 30px;
	float: right;
	position: relative;
	right: 8px;
	top: 6px;
}
#fleche-droite {
	float: right;
	height: 34px;
	width: 48px;
	right: 75px;
	position: relative;
}
#fleche-gauche {
	float: left;
	height: 34px;
	width: 48px;
	left: 75px;
	position: relative;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 20px;
}
.panier {
	height: 420px;
	width: 285px;
	position: relative;
	left: 55px;
	float: left;
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 16px;
	line-height: 17px;
}

.panier a {
	
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 16px;
	line-height: 30px;
}
.jaune {
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 20px;
	line-height: 30px;
	color: #FCD24D;
}

.orange {
	text-align: center;
	font-family: Eurostile, "Eurostile Condensed";
	font-size: 16px;
	line-height: 30px;
	color: #F60;
	text-decoration: underline;
}

#caddieTable {display:none;width:100%}
#caddieTable td {padding:5px;}

#caddieResume {display:block;position:absolute; top:0;left:50%; z-index:1000; margin-left:140px;font-weight:bold;padding:3px;background:black;}