.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5000;
	background: url(images/fond.jpg) fixed;
	background-image: url(../images/fond.jpg);
}
h1 {
	color: #333;
	text-align: center;
	padding: 0px;
	font: bold 2.1em "Times New Roman", Times, serif;
	margin: 20px 0px 0px 0px;
}
h2 {
	font-size: 1.5em;
}

p {
	text-align: left;
	color: #333;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

span {
	font-weight: bold;
	letter-spacing: normal;
}
body {
	margin: 0px;
	padding: 0px;
	background: #2D4A82;
	width: 100%;
	font-size: 62.5%;
}
#conteneur {
	padding: 0px;
	width: 100%;
	margin: 10px auto 0;
	position: relative;
	z-index: 10;
	font: 1em "Times New Roman", Times, serif;
	height: 100%;
}
ul#bienvenue {
	padding: 0;
	list-style-type: none;
	margin: 0;
	text-align: left;/* 500 si disponible */
	font: bold 1.7em "Times New Roman", Times, serif;
	width: 980px;

}
#bienvenue li {
	display: inline;
}

#bienvenue li a {
	text-decoration: none;
	display: block;
	width: 326.4px;
	text-align: center;
	float: left;
	color: #CCC;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	background: #181818;
}
#bienvenue  a:hover, #bienvenue  a:focus {
	color: #FFF;
	background-color: #333;
}

#header {
	height: 165px;
	width: 980px;
	position: relative;
	background: #181818 url(images/head_noir.jpg);
	margin-right: auto;
	margin-left: auto;
}
#header_galerie {
	height: 90px;
	width: 980px;
	background: #181818 url(images/galerie.jpg);
	margin-right: auto;
	margin-left: auto;
}
#milieu {
	width: 980px;
	z-index: auto;
	font-family: "Times New Roman", Times, serif;
	height: 420px;
	background: #FFFFFF;
	overflow: hidden;
	margin: 10px auto;
}
#milieu_index {
	width: 980px;
	z-index: 15;
	height: 360px;
	background: #181818;
	margin: 10px auto;
	overflow: visible;
	color: #333333;
	padding-top: 60px;
}

#imgpl {
	float: right;
	height: 200px;
	width: 300px;
	display: inline;
	margin: 20px 25px 0px 20px;
	background: url(photos/portrait.jpg);
}
.actualite {
	color: #993333
}
.actualite a {
	text-decoration: none;
	color: #993333;
}
.actualite  a:hover {
	color: #707A31;
}


.vigneron {
	font-size: 1.7em;
	color: #333;
	text-align: justify;
	margin: 0;
	letter-spacing: normal;
	padding: 8px 0px 0px 25px;
}

.vigneron a {
	color: #993333;
	font-weight: bold;
	text-decoration: none;
}
.allm {
	font-size: 1.3em;
	color: #333;
	text-align: justify;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	letter-spacing: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#historique {
	width: 650px;
	float: left;
	font-size: 1.8em;
	color: #333;
	z-index: 8;
	position: relative;
	line-height: 1.2em;
	text-align: justify;
	padding: 26px 30px 16px 25px;
	height: auto;
	margin: 0px;
	overflow: hidden;
}
.historique a {
	text-decoration: underline;
	color: #993333;
	font-size: 0.8em;
	letter-spacing: normal;
	text-align: right;
	font-weight: bold;
}

#imgterre {
	height: 340px;
	width: 230px;
	float: right;
	padding-top: 5px;
	margin-right: 20px;
}
.news {
	font-size: 1.3em;
	margin-left: 40px;
	letter-spacing: normal;
	margin-right: 40px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
}
.news a {
	color: #993333;
	font-weight: bold;
}
.news  a:hover  {
	color: #1D2F5D;
	font-weight: normal;
	text-decoration: none;
}

ul#presse {
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	font-size: 1.7em;
}

#presse  li {
	list-style-type: none;
	line-height: 2em;
}
#presse  a {
	height: 350px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	display: inline;
	color: #333;
}
#adresse {
	width: 250px;
	float: left;
	font-size: 1.4em;
	color: #333;
	text-align: center;
	height: 330px;
	padding-left: 20px;
	padding-bottom: 25px;
}
#adresse a {
	color: #6E3929;
	font-weight: bold;
}
#plan {
	text-align: center;
	font-size: 1.7em;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 20px;
}
#droite {
	float: right;
	width: 250px;
	text-align: center;
	z-index: 19;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0px;
	padding: 20px 20px 25px 0px;
	height: 330px;
}

#gauche {
	text-align: left;
	float: left;
	margin-left: 25px;
	width: 400px;
	line-height: 1.2em;
	padding: 90px 0px 25px;
	color: #333333;
	height: auto;
	font-size: 1.8em;
	
}
#gauche a {
	color: #694E30;
	font-weight: normal;
}

#parcelles   {
	text-align: center;
	width: 520px;
	float: right;
	text-decoration: none;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 40px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0;
}
#vin {
	width: 910px;
	color: #333;
	text-align: justify;
	padding: 10px 35px;
	font: 1.7em "Times New Roman", Times, serif;
	margin: 0px auto 10px;
}



#vin a {
	color: #993333;
	font-weight: normal;
	text-decoration: underline;
}


.blass {
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	height: 410px;
	width: 260px;
	margin-top: 5px;
	margin-left: 20px;
	z-index: 10;
	margin-bottom: 3px;
}
.blass a {
	background-image: url(photos/bouteilles/blass_400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.blass a:hover {
	background-image: url(Etiquettes/blassinges.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.barrique {
	overflow: auto;
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	height: 410px;
	width: 260px;
	margin-top: 5px;
	margin-left: 20px;
	z-index: 10;
	margin-bottom: 3px;
}
.barrique a {
	background-image: url(photos/bouteilles/bar_400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.barrique a:hover {
	background-image: url(Etiquettes/barrique.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.pg {
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	height: 410px;
	width: 260px;
	margin-top: 5px;
	margin-left: 20px;
	z-index: 10;
	margin-bottom: 3px;
}
.pg a {
	background-image: url(photos/bouteilles/pg_400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.pg a:hover {
	background-image: url(Etiquettes/pinot_gamay.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.pn {
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	height: 410px;
	width: 260px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.pn a {
	background-image: url(photos/bouteilles/pn_400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.pn a:hover {
	background-image: url(Etiquettes/pinot_noir.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.rhin {
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	height: 410px;
	width: 260px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 3px;
}
.rhin  a {
	background-image: url(photos/bouteilles/rhin_400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
.rhin  a:hover {
	background-image: url(Etiquettes/plant_rhin.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 410px;
	width: 260px;
}
#centre {
	height: 340px;
	width: 620px;
	margin-top: 40px;
	float: left;
	text-align: justify;
	z-index: 21;
	margin-left: 30px;
	font-size: 1.8em;
	overflow: auto;
	padding-right: 20px;
	margin-bottom: 10px;
}
#suivant {
	width:150px;
	height:18px;
	z-index:10;
	float: right;
	text-align: center;
	padding-right: 3px;
	left: 791px;
	top: 598px;
	font: 1.5em "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #333333;
}

#suivant a {
	text-decoration: none;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}
#suivant_news {
	width:92px;
	height:18px;
	z-index:25;
	float: right;
	text-align: center;
	padding-right: 3px;
	position: absolute;
	left: 624px;
	top: 144px;
}
#suivant_news a {
	text-decoration: none;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}

.vin {
	margin-top: 0;
	height: 210px;
	width: 170px;
	padding: 0;
	color: #333;
	margin-left: 21px;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}
.nom {
	text-align: center;
	list-style-type: none;
	height: 15px;
	width: 170px;
	color: #333;
	float: left;
	display: inline;
	font: bold 1.5em "Times New Roman", Times, serif;
	padding: 0 0 3px;
	margin: 10px 0px 10px 21px;
}
ul.ref {
	text-align: left;
	font-size: 1.7em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.ref  li {
	list-style-type: none;
	line-height: 1.8em;
	font-weight: normal;
}
.ref  a {
	display: inline;
	color: #993333;
	text-decoration: none;
	font-weight: bold;
}
.ref  a:hover, #ref  a:focus {
	color: #707A31;
	text-decoration: none;
}

.ref {
	margin-left: 30px;
	font-weight: bold;
	font-size: 1.7em;
	letter-spacing: normal;
}
.ancre {
	color: #707A31;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

#overflow {
	height:320px;
	z-index:100;
	overflow: auto;
	margin-left: auto;
	padding-right: 20px;
	text-decoration: none;
	margin-bottom: 21px;
	width: 830px;
	background: url(images/fond_blanc.jpg) right;
	margin-right: auto;
	padding-bottom: 20px;
}
.haut {
	float: right;
	height: auto;
	width: 120px;
	padding-bottom: 20px;
}

ul#menu {
	padding: 0;
	list-style-type: none;
	height: 30px;
	margin: 0;
	text-align: left;/* 500 si disponible */
	font: bold 1.7em "Times New Roman", Times, serif;
	width: 980px;

}
#menu li {
	margin: 0;
	padding: 0;
	display: inline;
}
#menu a {
	text-decoration: none;
	display: block;
	width: 140px;
	text-align: center;
	float: left;
	color: #CCC;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	background: #181818;
}
#menu      a:hover,#menu a:focus       {
	color: #FFF;
	background-color: #333;
}
#menu a.hover {
	color: #FFF;
	background-color: #333;
}

#barre {
	height: 8px;
	clear: both;
	float: left;
	margin: 0px;
	width: 980px;
}
.index {
	background-color: #999999;
}
.presentation {
	background-color: #707A31;
	margin: 0px;
	padding: 0px;
}
.terre {
	background-color: #545559;
}
.vins {
	background-color: #DC9D4E;
}
.parcelles {
	background-color: #336B44;
}

.contact {
	background-color: #6E3929;
}
.presse {
	background: #999999;
}
.references {
	background-color: #691900;

}

.galerie {
	background-color: #181818;
}
#foot {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

#bas {
	text-align: center;
	background: #181818 url(images/bas.jpg);
	width: 980px;
	float: left;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#flashcontent {
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2em;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background: #CC6666;
}
#flashcontent a {
	color: #CCCCCC;
	font-weight: bold;
}
#galerie {
	background: #181818;
	height: 515px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

hr {
	clear:both;
	visibility:hidden;
	margin: 0px;
	padding: 0px;
}