/* CSS Document */
body, div, p,  li, dd   { 
	color: #393939; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}
b,strong{
	color:#8bab30;
	font-weight:bold;
}
a.green{
	color:#8bab30;
	font-weight:bold;
	text-decoration:none;
}
body  {	
	overflow: auto;
	background-image:url(../img_commun/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	background-color:#FFFFFF;	
}
h3 {
color: #8bab30;
background-color: #f9fbf0;
margin: 10px 0 0 0;
padding: 2px 0;
}
h3.revue {
color: #fff;
background-color: #fbc09e;
margin: 0 0 8px 0;
padding: 2px 4px;
}
h4.revue {
margin: 2px 0 8px 0;
padding: 2px 4px;
border-width: 1px 0; 
border-style: solid; 
border-color: #8cac31;
color: #d6dd00;
text-transform: uppercase;
}
form { margin:0px;padding:0px }
a       { color: #d62d00; font-weight: bold; text-decoration: underline;  }
a:hover { text-decoration: none; }
input, textarea, select {
	color:#393939;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border: inset 1px #393939;
	background-color:#FFFFFF;
	font-size:10px;
	padding:2px;
}
.texte1colonne dt {
	margin-left: 10px;
}
.texte1colonne dd {
	margin-bottom: 1em;
}
.texte1colonne li {
	margin-bottom: 0.8em;
}
.texte1colonne li.motsimportants li {
	font-weight: normal;
}
.submit {
	border: outset 1px #393939;
}
.error { font-size:12px; color:#FF0000; }
#puce { color:#f75c01 }
.imgZoom {  cursor: pointer; cursor:-moz-zoom-in; cursor: url(../img_commun/zoom.ico); border:solid 1px #666666; }
.imagepng  { behavior:	url(../scripts/pngbehavior.htc); }
#container {
	width:948px;
	height:638px;
	margin:0px;
	padding:0px;
	position: absolute;
	left: 50%;
	top:14px;
	margin-left: -475px;
	border:solid 1px #c7c7c7;
}
/* Styles du menu  */
	.titreaccueil{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:0px;
	}
	
	.titrelevignoble{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:65px;
	}
	.titrelacave{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:158px;
	}
	
	.titrelescepages{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:220px;
	}
	
	.titreboutique{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:313px;
	}
	
	.titreconfrerie{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:396px;
	}
	.titreactualite{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:490px;
	}
	
	.titrelien{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:579px;
	}
	.titrecoordonnes{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:628px;
	}
	
	.titrecontact{
		position:absolute;
		bottom:474px;
		z-index:99;
		left:733px;
	}
	
/* FIN Styles du menu  */
/* Styles contenu des pages  */
.contContenu{
	position:absolute;
	background-image:url(../img_commun/fond_contenu.jpg);
	background-repeat:no-repeat;
	top:180px;
	width:810px;
	height:312px;
	padding:10px 10px 10px 0px;
}
#thumbs {
	margin-top:10px;
}
#thumbs img {
	margin:1px;
	cursor:pointer;
	border: solid 1px #666666;
}
	
	.imagegauche{
		width:240px;
		height:312px;
		border-right:solid 1px #c7c7c7;
		padding:0px 5px 0px 5px;
		text-align:center;
	}
	
	.titre {
		position:static;
		right:10px;
	}
	
		.texte1colonne{
		float:left;
		width:500px;
		text-align:justify;
		padding-right:15px;
	}
	
	.tableau{
		float:left;
		width:100%;
		text-align:justify;
		padding-left:10px;
	}
	
	.texte2colonnesgauche{
		float:left;
		width:254px;
		text-align:justify;
		padding-right:15px;
	}
	
	.texte2colonnesdroite{
		float:left;
		width:254px;
		text-align:justify;
	}
	
		.scroll{
		position:absolute;
		top:7px;
		left:256px;
		height:292px; 
		overflow: auto;
		width:540px;
		padding:10px;
	 	}
		
		.scroll ul, .scroll li, { 
	line-height:1.5em;
	display: list-item;
  	list-style-image: url(../img_commun/puce.gif);
 
}
		.lettrine{
		color:#8bab30;
		font-weight:bold;
		font-size:20px;
		}
		.soustitre
		{
		color:#dc3f12;
		font-weight:bold;
		font-size:14px;
		text-align:left;
		}
		
		.titre_recette{
		text-align:center;
		color:#8bab30;
background-color:#e8eec8;
font-size:13px;
font-weight:bold;
		}
		
				.auteur
		{
		color:#999999;
		font-weight:bold;
		
		font-size:14px;
		}
		
		
		.aligncenter{
			text-align:center;
		}
	
		.alignright{
			text-align:right;
		}
		
		.alignleft{
			text-align:left;
		}
		
		.motsimportants, dt{
		color:#8bab30;
		font-weight:bold;
		}
	
	.agrandissement{
		background-color:#333333;
	
	}
		.margeinterieur{
		padding:5px;
		}
#imagehaut {
	
}
	
/* FIN Styles du contenu des pages  */	
/* Styles du bandeau droite  */		
#contRight {
	position:absolute;
	background-image:url(../img_commun/fond_droite.jpg);
	top:180px;
	left:817px;
	width:131px;
	height:344px;
}
/* FIN Styles du bandeau droite  */	
/* Styles du bandeau bas  */	
#contBottom {
	position:absolute;
	background-image:url(../img_commun/fond_bas.jpg);
	width:948px;
	height:126px;
	top:512px;
}
	.promotion{
		background-repeat:no-repeat;
		margin:10px;
		width:387px;
		height:105px;
	}
	/*.promotion img {
		height:105px;
		margin: 0 45px;
	}*/
		.description{
			position:absolute;
			left:140px;
			top:37px;
			color:#8bab30;
		}
		
		.prix{
			position:absolute;
			text-align:right;
			left:270px;
			top:100px;
			color:#FFFFFF;
			font-weight:bold;
		}
		
			.strike{
				text-decoration: line-through;
			}
	
	.actualites{
		position:absolute;
		background-repeat:no-repeat;
		margin:10px;
		width:387px;
		top:0px;
		height:105px;
		left: 420px;
	}
	
		.descriptionactu{
			position:absolute;
			left:159px;
			top:27px;
			color:#d62d00;
		}
		
/* FIN Styles du bandeau bas  */	
/* Styles slogan*/
#slogan{
	position:absolute;
	width:506px;
	height:20px;
	top:643px;
	left:438px;	
}
#mention{
	position:absolute;
	width:928px;
	height:18px;
	top:645px;
	left:10px;	
}
#cont_top_menu {
	width:948px;
	height:21px;
	top:174px;
	left:0px;
	position: absolute;
	left: 50%;
	margin-left: -474px;
	z-index:200;
	text-align:left;
	background-image:url(../img_commun/cleebourg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#footer {
	width:934px;
	top:638px;
	margin:0px;
	padding:7px;
	position: absolute;
	left: 50%;
	margin-left: -475px;
	font-size:9px;
}
.pp   { font-size: 9px; font-weight: normal; text-decoration: none; color:#4f4f4f;}
.pp a   { font-size: 9px; font-weight: normal; text-decoration: none; color: #4f4f4f;}
.pp a:hover { color: #4f4f4f; text-decoration: underline;  }
.pp a:visited  { font-size: 9px; font-weight: normal; text-decoration: none; color: #4f4f4f;}
.pp a:visited:hover   { color: #4f4f4f; text-decoration: underline;  }
/*--------------------tableaux--------------------*/
.tab table {
font-size:9px;
border-collapse:collapse;
empty-cells:hide;
margin:auto;
}
.tab thead, .tab tfoot {
text-align:center;
border:1px solid #ffffff;
background-color:#fbc3a0;
color:#d62d00;
}
.tab thead.recette {
font-size:11px;
text-align:center;
color:#d62d00;
}
.tab tbody {
border:1px solid #ffffff;
color:#8bab30;
}
.tab tbody th {
text-align:right;
border:1px solid #ffffff;
background-color:#e8eec8;
} 
.tab th {
border:1px solid #ffffff;
padding:1px 3px  1px 3px;
}
.tab th.recette {
border:1px solid #fbc3a0;
background-color:#fbc3a0;
padding:3px;
} 
.tab th.recette2 {
color:#8bab30;
border:1px solid #e8eec8;
background-color:#e8eec8;
padding:3px;
}
.tab th.cepage {
color:#8bab30;
border:1px solid #e8eec8;
background-color:#e8eec8;
padding:3px;
text-align:left;
text-indent:5px;
}
.tab td {
border:1px solid #c7c7c7;
padding:1xp 3px  1px 3px;
text-align:center;
height:25px;
font-size:14px;
}
.tab td.recette {
border:1px solid #c7c7c7;
color: #393939; 
padding:8px;
text-align:left;
font-size:11px;
}
.tab td.cepage {
border:1px solid #c7c7c7;
color: #393939; 
padding:8px;
text-align:justify;
font-size:11px;
vertical-align:top;
}
td.form {
border:0px;
color: #393939; 
padding:2px;
text-align:left;
font-size:10px;
}
td.autre {
border:1px solid #c7c7c7;
color: #393939; 
padding:0 4px 0 4px;
text-align:right;
font-size:10px;
}
.bull {
color: #8bab30;
font-size:14px; 
}
.tbl   { border: solid 1pt #D52C01; border-collapse: collapse; text-align:left }
.tblnews   { color:#D52C01; background-color: #F7BB97;  }
.bgNewsPj { background-color:#fcfbfb; }
.nostyle {
	border:none;
}
.millesimes { border-collapse: collapse; }
.millesimes thead { background: #fff9ff; }
.millesimes .col {  }
.millesimes th, .millesimes td {
	text-align: center;
	vertical-align: middle;
	padding: 1px 0;
	border: 1px solid #d52c01;
	cursor: default;
	width: 48px;
	padding: 2px 0;
	background: #fff;
}