body {
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */
}
.position {
	margin-left: auto; 
  	margin-right: auto; 
  	width:1000px; /* largeur obligatoire pour être centré */ 
	text-align: left; /* on rétablit l'alignement normal du texte */ 
	position: relative; /* on positionne le conteneur */ 
}

p {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31291e;/*marron*/
	border-color:#ffe1cd;
	border:inherit;
}


a.alcool { 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	color: #c5beb3;/*rose foncé*/
}
#diapo {
	width:1000px;
	height: 444px;
}
.diapo {
	background-image:url(../images/bg_diapo.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:500px;
}
#vinimedia {
	width:200px;
	height: 20px;
	padding-top:455px;
	padding-left:20px;
}
.index {
	background-image:url(../images/bg_index.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:500px;
}


/*.......menu..................................................................................*/	
#menu {
	width: 990px;
	height: 20px;
	position:relative;
	border-bottom:#61503c;
	text-align:center;
}
ul { /* liste menu deroulant */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	list-style: none;
	text-decoration: none;
	padding-left:150px;
	color: #00ccff;
}
  
  li {
	float:left;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	width: 60px;
}
  li.historique {
	float: left;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	width: 125px;
}
  li.vignoble {
	float: left;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	width: 165px;
}
a.topnav:link { /* bt pas déroulant*/
	color: #ffe1cd; /*beige*/
}
a.topnav:visited { /* bt lorsque la souri passe*/
	color: #ffe1cd; /*beige*/
}
a.topnav:hover { /* bt lorsque la souri passe le bt change de couleur*/
	color: #bfac95; /*taupe*/
} 
/*.......closdesmurs..................................................................................*/	
#closdentrelesmurs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffe1cd; /*beige*/
	padding-left:25px;
	width:475px;
	height:15px
}
/*.......langue..................................................................................*/	
#langue {
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight: bold;
	font-size: 9px;
	width:450px;
	height:15px;
	padding-right:25px;
}
a.langue:link { 
	color: #ffe1cd; /*beige*/
}
a.langue:visited { /* bt lorsque la souri passe*/
	color: #ffe1cd; /*beige*/
}
a.langue:hover { /* bt lorsque la souri passe le bt change de couleur*/
	color: #bfac95; /*taupe*/
}
/*.......txt..................................................................................*/	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #31291e;/*marron*/
	text-decoration: underline;
	padding-top: 15px;
}
.tableborder {
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:500px;
}
#formulaire {
	width:450px;
	margin-left:25px;
	margin-top:15px;
}
#paragraphe {
	width:450px;
	margin-left:25px;
}
.paragraphe {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31291e;/*marron*/
	border-color:#ffe1cd;
	border:inherit;
}
.paragraphe_gras {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #31291e;/*marron*/
	border-color:#ffe1cd;
	border:inherit;
}
.paragraph_italique {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #31291e;/*marron*/
	border-color:#ffe1cd;
	border:inherit;
}
#photo {
	width:500px;
	padding-top:10px;
}
  /*.......liens..................................................................................*/	
a.link:link { /* lien ds la page*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #31291e;/*marron*/
}
a.link:visited { /* lien ds la page*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #31291e;/*marron*/
}
a.link:hover { /* lien ds la page*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: #ffe1cd; /*beige*/
} 

/*.......cuvees..................................................................................*/	
h2 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #ffe1cd;/*beige*/
	padding-top:15px;
}
h3 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 14px;
	font-weight:bold;
	color: #ffe1cd;/*beige*/
}
#paragraphevin {
	width:450px;
	margin-left:500px;
}
.cuvees_gras {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffe1cd;/*beige*/
}
.cuvees {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffe1cd;/*beige*/
	border-color:#ffe1cd;
	border:inherit;
}
.cuvees_legende {
	top:auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant:normal;/*capital*/
	color: #31291e;/*marron*/
}
#bouton {
	padding-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fcf3e8; /*beige*/
}

#gauche {
position: relative;
float: left;
width: 460px;
}

#droite {
position: relative;
margin-left: 500px;
width: 460px;
margin-top: -420px;
*margin-top: -450px;
margin-bottom: -20px;
}

#actu1 {
	width:450px;
	margin-left:25px;
}
a.bouton:link { 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fcf3e8; /*beige*/
}
a.bouton:visited { 
	color: #fcf3e8; /*beige*/
}
a.bouton:hover { /
	color: #31291e;/*marron*/
}
.bouteille1 {
	background-image:url(../images/bouteille1.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille2 {
	background-image:url(../images/bouteille2.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille3 {
	background-image:url(../images/bouteille3.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille4 {
	background-image:url(../images/bouteille4.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille5 {
	background-image:url(../images/bouteille5.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille6 {
	background-image:url(../images/bouteille6.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille7 {
	background-image:url(../images/bouteille7.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille8 {
	background-image:url(../images/bouteille8.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille9 {
	background-image:url(../images/bouteille9.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
.bouteille10 {
	background-image:url(../images/bouteille10.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
/*.......footer..................................................................................*/	
.footerindex {
	background-image:url(../images/navbg_index.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 320px;
	color: #31291e; /*marron*/
}
.footer {
	background-image:url(../images/navbg.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 30px;
	color: #fcf3e8; /*beige*/
}
.footercuvees {
	background-image:url(../images/navbg_cuvees.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 30px;
	color: #fcf3e8; /*beige*/
}


a.mail:link { /* bt pas déroulant ex l'entreprise*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fcf3e8; /*beige*/
	text-decoration: none;
	font-weight: bold;
}
a.mail:visited { /* bt pas déroulant ex entreprise lorsque la souri passe*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fcf3e8; /*beige*/
	text-decoration: none;
	font-weight: bold;
}
a.mail:hover { /* bt pas déroulant ex entreprise lorsque la souri passe le bt change de couleur*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fcf3e8; /*beige*/
	text-decoration: underline;
	font-weight: bold;
}