* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	background-color: #E8D086;
	margin: 0;
	padding: 0;
	background-image: url(../img/fond-page.jpg);
	background-position: -100px 141px;
	background-repeat: repeat;
	height: 100%;
}

img {border: 0;}

#container {
	position: absolute;
	left: 50%;
	top: 0;
	width: 820px;
	margin-top: 0px;
	margin-left: -410px;
	text-align: left;
	padding: 0px;
}

#container-A4 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 660px;
	height: 580px;
	margin-top: 0px;
	margin-left: -330px;
	text-align: left;
	padding: 0px;
}

a.mentions-legales,a.mentions-legales:visited, span.mentions-legales {
	font: bold 10px arial,verdana,helvetica,sans;
	color: #7E3606;
	text-decoration: none;
}

a.mentions-legales:hover {
	text-decoration: underline;
	color: #7E3606;
}

a.navigation, a.navigation:visited {
	display: block;
	height: 30px;
	font: bold 12px arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/fond-navigation.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding: 8px;
	padding-top: 8px;
}
a.navigation:hover,a.navigation-selected,a.navigation-selected:visited,a.navigation-selected:hover {
	display: block;
	height: 30px;
	font: bold 12px arial,verdana,helvetica,sans;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/fond-navigation-on.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding: 8px;
	padding-top: 8px;
}

input.bouton {
	font: bold 11px "trebuchet ms",arial,verdana,  helvetica, sans-serif,sans;
	color: #FFFFFF;
  background-color: #A8011F;
	border: 1px solid #731E1B;
	cursor: hand;
}

.input-text {
	font-family: "trebuchet ms",arial,verdana, helvetica, sans-serif,sans;
	font-size: 11px;
	color: #5A5A5A;
}

h1 {
	position: absolute; 
	width: 530px; 
	height: 70px; 
	left: 255px; 
	top: 51px;
	font: bold 19px "trebuchet ms",arial, helvetica, sans;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
h2 {
	position: absolute; 
	width: 530px; 
	height: 25px; 
	left: 255px; 
	top: 136px;
	font: bold 19px "trebuchet ms",arial, helvetica, sans;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

a.region,a.region:visited,a.region:hover {
	display: block;
	height: 18px;
	width: 100%;
	font: normal 12px "trebuchet ms",arial, helvetica, sans;
	background-color: #A8011F;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

a.categorie,a.categorie:visited,a.categorie:hover {
	display: block;
	height: 18px;
	width: 240px;
	font: normal 12px "trebuchet ms",arial, helvetica, sans;
	background-color: #FAF3C7;
	color: #A8011F;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

input.moteur {
	width: 160px;
	font: normal 11px "trebuchet ms",arial, helvetica, sans;
	color: #A8011F;
	border: solid 1px #731E1B;
}

.Titre-Vins {font-size: 16px; font-family: "trebuchet ms", arial,verdana, helvetica, sans-serif,sans; font-weight: normal; font-style: italic; color: #8C0018;}
a.Lien-Titre-Vins,a.Lien-Titre-Vins:visited {font-size: 16px; font-family: "trebuchet ms", arial,verdana, helvetica, sans-serif,sans; font-weight: normal; font-style: italic; color: #8C0018;}
a.Lien-Titre-Vins:hover {font-size: 16px; font-family: "trebuchet ms", arial,verdana, helvetica, sans-serif,sans; font-weight: normal; font-style: italic; color: #8C0018; text-decoration: none;}
.Titre-Produit {font-size: 16px; font-family: "trebuchet ms", arial,verdana, helvetica, sans-serif,sans; font-weight: normal; color: #8C0018;}
.Prix {font-size: 16px; font-family: "trebuchet ms", arial,verdana, helvetica, sans-serif,sans; font-weight: bold; color: #8C0018;}

.bouton {
	font: bold 11px "trebuchet ms",arial,verdana,  helvetica, sans-serif,sans;
	color: #FFFFFF;
  background-color: #BE0B14;
	border: 1px solid #8C0018;
	cursor: hand;
	background-image: url(../img/fond-bouton.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-left: 5px; padding-right: 5px;
}

.t10 {font-size: 10px;}
.t11 {font-size: 11px;}
.t12 {font-size: 12px;}
.t17 {font-size: 17px;}
.bold {font-weight: bold;}
.blanc {color: #FFFFFF;}
.bordeau {color: #8C0018;}

/* Styles partie ecommerce */

table.ecom-tableau, table.ecom-tableau td {
	border-collapse: collapse;
	border: solid 1px #8C0018;
}

td.ecom-tetiere {
	background-color: #8C0018;
	font-size: 12px;
	font-weight: bold;
}

table.ecom-cc {
	border-collapse: collapse; 
	border: 1px solid #8C0018;
	padding: 5px;
}
table.ecom-cc td {
	padding: 5px;
}

.ecom-form {
	font-family: "trebuchet ms",arial,verdana, helvetica, sans-serif,sans;
	font-size: 11px;
	color: #5A5A5A;
}

/* Fin styles partie ecommerce */

a.page-selected,a.page-selected:visited {
	font: normal 13px "trebuchet ms", arial,verdana, helvetica, sans-serif,sans;
  color:#8C0018;
	padding: 0px;
	padding-left: 2px; padding-right: 2px;
	border: solid 1px #8C0018;
	text-decoration: none;
}
a.page-selected:hover {
	font: normal 13px "trebuchet ms", arial,verdana, helvetica, sans-serif,sans;
  color:#8C0018;
	padding: 0px;
	padding-left: 2px; padding-right: 2px;
	border: solid 1px #8C0018;
	text-decoration: none;
}
a.page-unselected,a.page-unselected:visited {
	font: normal 13px "trebuchet ms", arial,verdana, helvetica, sans-serif,sans;
  color:#5A5A5A;
	text-decoration: underline;
}
a.page-unselected:hover {
	font: normal 13px "trebuchet ms", arial,verdana, helvetica, sans-serif,sans;
  color:#5A5A5A;
	text-decoration: none;
}