@charset "utf-8";

/********************************************
/* Elements de base */
/********************************************/
a:link, a:visited { color:#646463; font-weight:bold; text-decoration:none;	outline:none; }
a:hover, a:active { color:#b3a751; text-decoration:underline;	outline:none; }

html, body {
	background:#464647 url(../img/com/img-fd.gif) center top no-repeat;
	height: 100%;
	}

body {
	background:#464647 url(../img/com/img-fd.gif) center top no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#404033;
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:0;
	}

h1 {
	padding-bottom:5px;
	}
h2 {
	font-size:14px;
	text-decoration:underline;
	}
	h2 span {
		color:#817543;
		}
h3 {
	font-size:12px;
	font-weight:bold;
	color:#b3a751;
	text-transform:uppercase;
	}
h4 {
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	}

h5 {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	}

img {
	border: 0;
	}

sup {
	font-size: 8px;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
	}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background:transparent url(../img/com/picto_pdf.gif) left top no-repeat;
	padding-left:18px; 
	padding-top:5px;
	padding-bottom:25px;
	line-height:20px;
	}

/********************************************/
/* Conteneurs généraux */
/********************************************/

#center {
	position: relative;
	width: 990px;
	height: 100%;
	margin: auto;
	padding: 0;
	}

	#center #global {
	position: absolute;
	width:990px;
	/*min-height: 579px;
		height: auto !important;
		height: 579px;*/
		left: 514px;
	margin-left: -507px;
	margin-top: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	top: -1px;
	z-index:1;
		}
	
	#header {
		background:transparent url(../img/com/header.png) left top no-repeat;
		width:990px;
		height:199px;
		margin:0;
		padding:0;
		top:0;
		float:left;
		}
		
	#contenuHp {
		background:transparent url(../img/com/fd-contenu.png) left top repeat-y;
		width:990px;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		float:left;
		}
	#contenu {
		background:transparent url(../img/com/fd-contenu.png) left top repeat-y;
		width:990px;
		*min-height: 400px;
		height: auto !important;
		height: 400px;
		float:left;
		}
		#contenu ul li {
			list-style: disc;
			color:#b3a751;
			line-height:16px;
			}
			#contenu ul li span {
				color:#000;
				}
			#contenu ul li.tourisme  {
				list-style:decimal;
				color:#000;
				}
		#actualites {
			background:transparent url(../img/fr/actualites.gif) left top no-repeat;
			margin-left:40px;
			padding: 30px 0 0 15px;
			width:300px;
			height: 187px;
			font-size:10px;
			text-align:justify;
			color:#000;
			float:left;
			}
		#actualitesGb {
			background:transparent url(../img/gb/actualites.gif) left top no-repeat;
			margin-left:40px;
			padding: 30px 0 0 15px;
			width:300px;
			height: 187px;
			font-size:10px;
			text-align:justify;
			color:#000;
			float:left;
			}
			#actualites a:active, #actualites a:hover,
			#actualitesGb a:active, #actualitesGb a:hover {
				text-decoration:underline;
				}
		#mentionsLegales {
			left:55px;
			top:390px;
			color:#5b5757;
			font-size:9px;
			font-weight:bold;
			position:absolute;
			}
		#bienvenue {
			margin-left:400px;
			width:480px;
			height:150px;
			color:#000;
			}
			#bienvenue #newsletter {
				margin-top:20px;
				padding:15px 10px 10px 35px;
				width:60%;
				border:1px solid #b3a751;
				color:#b3a751;
				font-weight:bold;
				}
#AccueilExcellence {
	margin-top:20px;
	color:#757272;
	font-style:italic;
	font-size:10px;
	}
/* Template 2 colonnes */
		#contenu #BlocGauche {
			width:215px;
			margin: 0 25px 0 30px;
			padding:0;
			float:left;
			font-size:10px;
			}
			#contenu #BlocGauche a:link,
			#contenu #BlocGauche a:visited, {
				color:#646463;
				line-height:13px;
				}
			#contenu #BlocGauche a:hover,
			#contenu #BlocGauche a:active, {
				color:#b3a751;
				text-decoration:none;
				}
			#contenu #BlocGauche table {
				width:215px;
				text-align:center;
				}
				
		#contenu #BlocCentre {
			width:660px;
			margin:0 30px 30px 0;
			padding:0;
			text-align:justify;
			float:left;
			}
			#contenu #BlocCentre a {
				color:#b3a751;
				}

/* Template 3 colonnes */
		#contenu #BlocCentre2 {
			width:440px;
			margin-bottom:30px;
			padding:0;
			float:left;
			text-align:justify;
			}
			#contenu #BlocCentre2 #TemperatureDeService {
				background:transparent url(../img/fr/temperature-de-service.gif) left top no-repeat;
				margin-top:20px;
				padding:25px 0 0 20px;
				width:108px;
				height:39px;
				float:left
				}
			#contenu #BlocCentre2 #TemperatureDeServiceGb {
				background:transparent url(../img/gb/temperature-de-service.gif) left top no-repeat;
				margin-top:20px;
				padding:25px 0 0 20px;
				width:165px;
				height:39px;
				float:left
				}
			#contenu #BlocCentre2 #Garde {
				background:transparent url(../img/fr/garde.gif) left top no-repeat;
				margin-top:20px;
				padding:25px 0 0 20px;
				width:64px;
				height:39px;
				float:left
				}
			#contenu #BlocCentre2 #GardeGb {
				background:transparent url(../img/gb/garde.gif) left top no-repeat;
				margin-top:20px;
				padding:25px 0 0 20px;
				width:93px;
				height:39px;
				float:left
				}
		#contenu #BlocDroite {
			width:205px;
			margin: 30px 20px 0 20px;
			padding:0;
			float:left;
			color:#8a8b8c;
			text-align:center;
			}
			#contenu #BlocDroite .etiquette {
				border:1px solid #e7e8e8;
				margin-bottom:10px;
				}
			

/* Template Pleine Page */
		#contenu #PleinePage {
			width:930px;
			margin: 0 30px;
			padding:0;
			text-align:justify;
			}
			#contenu #PleinePage table {
				width:930px;
				margin:0;
				padding:0;
				}
			/*#contenu #PleinePage table a {
				color:#b3a751;
				}*/
				#contenu #PleinePage table tr td {
					vertical-align:top;
					padding-right:10px;
					text-align:justify;
					}
				#contenu #PleinePage table tr th {
					margin:0;
					padding:0;
					}
			#contenu #PleinePage table.cuvees {
				width:215px;
				margin: 0 25px 0 30px;
				padding:0;
				float:left;
				font-size:10px;
				text-align:center;
				}
				#contenu #PleinePage table.cuvees td {
					text-align:center;
					}
				#contenu #PleinePage table.cuvees a:link,
				#contenu #PleinePage table.cuvees a:visited, {
					color:#646463;
					line-height:13px;
					}
				#contenu #PleinePage table.cuvees a:hover,
				#contenu #PleinePage table.cuvees a:active, {
					color:#b3a751;
					text-decoration:none;
					}
			
				#contenu #PleinePage table.Liens tr td {
					vertical-align:top;
					text-align:center;
					color:#646463; 
					font-weight:bold; 
					padding-bottom:35px;
					}
				
				#contenu #PleinePage table.Contact tr th {
					font-weight:bold;
					text-align:left;
					width:300px;
					}
				#contenu #PleinePage table.Contact textarea,
				#contenu #PleinePage table.Contact  input,
				#contenu #PleinePage table.Contact select {
					border:1px solid #b3a751;
					}
				#contenu #PleinePage table.Contact select {
					font-size:11px;
					}
				#contenu #PleinePage #gps {
					background:transparent url(../img/com/picto-gps.gif) 5px 3px no-repeat;
					padding:15px 10px 10px 35px;
					border:1px solid #b3a751;
					}
				#contenu #PleinePage #secteurMercurol	{
					position:absolute;
					top:800px;
					left:550px;
					width:200px;
					height:auto;
					background-color:#f1edd4;
					padding:10px;
					border:2px solid #b3a751;
					visibility:hidden;
					}
				#contenu #PleinePage #secteurBeaumontMonteux	{
					position:absolute;
					top:720px;
					left:670px;
					width:200px;
					height:auto;
					background-color:#f1edd4;
					padding:10px;
					border:2px solid #b3a751;
					visibility:hidden;
					}
				#contenu #PleinePage #secteurChanosCurson	{
					position:absolute;
					top:600px;
					left:510px;
					width:200px;
					height:auto;
					background-color:#f1edd4;
					padding:10px;
					border:2px solid #b3a751;
					visibility:hidden;
					}
				
	#photosbdp {
		padding: 0 10px;
		width:969px;
		height:205px;
		float:left;
		}
	#bdp {
		margin:0;
		padding:10px 0;
		width:990px;
		height:30px;
		background:transparent url(../img/com/bdp.png) left top no-repeat;
		color:#fff;
		text-align:center;
		float:left;
		}
		#bdp a:link, #bdp a:visited,
		#bdpHp a:link, #bdpHp a:visited {
			color:#fff;
			}
		#bdp a:over, #bdp a:active 
		#bdpHp a:over, #bdpHp a:active {
			color:#fff;
			text-decoration:underline;
			}
	#bouteilles{
		margin:0;
		padding:0;
		width:330px;
		text-align:center;
		position:absolute;
		top:420px;
		right:25px;
		}
	#AnimFamillesVignerons
		{
		position:absolute;
		left:30px;
		top:180px;
		z-index:0;
		}
/********************************************/
/* Les classes */
/********************************************/

.asterisque {
	font-size: 17px;
	font-weight: bold;
	color: #e21818;
	}

.gris { color:#8d8d8f;	}

.kaki { color:#817543;	}

.police11px { font-size:11px;	}
.police10px { font-size:10px;	}

.AbusAlcool {
	font-style:italic;
	font-size:10px;
	color:#c4c4c7;
	}
span { color:#000; }

.imgNewsHp {
	padding: 0 15px;
	float:right;
	border:0;
	}
.floatLeft {
	float:left;
	}

#RecompensesCuvees {
/*	color:#8d8d8f;
*/	color:#b3a751;
	font-size:10px;
	margin-bottom:15px;
	padding: 5px;
	width:210px;
	height:auto;
	/*float:right;*/
	border-left:1px #e8e3c4 solid;
	}
/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}
.gauche {
	float: left;
	}
.Centre {
	text-align:center;
	}
.TxtBottom {
	vertical-align:bottom;
	}
.Justifie {
	text-align:justify;
	}

.ClearBoth {
	clear: both;
	}
hr { 
	clear: both;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #ccc dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	padding-bottom:5px;
	}