* {margin: 0; padding: 0}

body {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
	background-color: #FFFFFF;
	}

#page {
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	}

#header {
	height: 74px;
	background: url(images/header.gif) no-repeat;
	border: 1px solid #CC0000;
	margin-bottom: 20px;
	}

#main {
	width: 760px;
	}

#content {
	padding: 10px;
	border: 1px  solid #CC0000;
	}

#foot {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	margin-top: 10px;
	padding: 0;
	height: 14px;
	background:url(images/ligne_R.gif) no-repeat center bottom;
	}


/*********************************     GENERAL      *****************************/

h1 {
	font-size: 1.6em;
	margin-bottom: 1em;
	}

h2 {
	border-bottom: 2px solid #FFCC00;
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	}

h3{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1em;
	}

p { 
	text-align: justify;
	margin-bottom:1em
	}

a { 
	text-decoration: none; 
	color: #000; 
	}

img { border: 1px solid #000000; }
img.right  { border: 0; }
img.left  { border: 0; }
img#basd { border:0; }

blockquote {
	font-style:italic;
	margin: 0 0 10px 0;
	}

li {
	list-style-type: none;
	}
	

hr {
	clear: both;
	height:6px;
	border:0;
	margin: 10px 0 16px 0;
	background:transparent url(images/ligne_R.gif) no-repeat center;
	}

.right {
	float: right;
	}

.left {
	float: left;
	margin: 0px 10px 0px 10px;
	}

#basd {
	position:absolute;
	top:430px;
	left:634px;
	}	
/*********************************      MENU       *****************************/


.menu {
	position: absolute;
	margin-top: 64px;
	}

.menu li {
	list-style-type: none;
	margin: 0 6px 0 6px;
	float:left;
   display:inline;
	}

.menu a {
	line-height:1.4em;
	color: #000 ;
	border: 1px solid #FFF;
	background-color: #FFF;
	}

.menu a:hover {
	line-height:1.4em;
	border: 1px solid #CC0000;
	background-color:#FFE04F;
	}

#cadre li {
	background:  url("images/puce_r.gif") no-repeat 0 4px;
	}
	
	
/********************************      TERROIR    *******************************/

.photo {
	height: 140px;
	}

#cepage {
	width:740px;
	}

#cepage img{
	float:left;
	margin:0 10px 10px 0;
	border:3px solid #ffcc00;
	}

#table {
	width:400px;
	margin-left: 240px ;
	text-align:right;
	}

#cepage table{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin-bottom:1em;
	}

#cepage caption  {
	text-align:left;
	text-decoration:underline;
	}


/*********************************      GAMME PRODUITS    *********************************/

#gamme ul, dl, dd{
	list-style-type: none;
	}

#gamme li {
	list-style-type: none;
	width: 160px;
	height: 64px;
	margin: 10px 0px 0px 0px;
	padding:0;
	}

#gamme li a {
	display: block;
	color: #000;
	}

#gamme li a:hover {
	border-bottom: 2px dashed #CC0000;
	}

#gamme img {
	float: left;
	margin-right: 8px;
	border:1px solid #000;
	}

#gamme dl {
	position: absolute;
	top: 180px;
	left: 200px;
	width: 560px;
	}

#gamme dt{
	font-size: 1em;
	font-weight:bold;
	margin: 0 10px 10px 0px;
	border-bottom: 2px solid #ffcc00;
	}

#gamme dd {
	margin:0 10px 6px 0;
	text-indent:0;
	text-align:justify;
	}
	


/*********************************      FORMULAIRE      *****************************/

fieldset { 
	padding: 1em; 
	border: 1px solid #FF0000; 
	}

legend {
	color: #000000;
	}

label { 
	display: inline;
	float: left;
	width: 10em;
	margin-top: 0.4em;
	} 

input {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 6px;
	width: 24em;
	}

textarea {
	width: 24em;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin-top:6px;
	}

#envoimail {
	margin: 1em 0 0 10em;
	}

#formgood {
	display:block;
	border: 1px solid #FF0000;
	height: 10em;
	}

#formgood p {
	margin-top: 4em ;
	text-align:center;
	}