/* Styles Menu déroulant ------------------------------------------------------------ */

body {
	padding: 0;
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	margin-top: 10px;
	background-color: #736147;
	color: #333333;
	scrollbar-DarkShadow-Color:#483313;
	scrollbar-3dLight-Color:#736147; 
	scrollbar-Arrow-Color:#5C4A31;
	scrollbar-Base-Color:#8C7A58;
	scrollbar-Face-Color:#B7AD87;
	scrollbar-Highlight-Color:#D9D99D;
	scrollbar-Shadow-Color:#D9D99D;
	scrollbar-Track-Color:#BFBA88;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: relative; /* placement du menu, à modifier selon vos besoins */
	top: 0px;
	left: 0;
	z-index:100;
	width: 100%; /* correction pour Opera */
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu dl {
float: left;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	height: 24px;
	vertical-align: middle;
}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
text-shadow:#FFFFFF;
/*border-bottom: #FFF solid 1px;*/
}
#menu dt a:hover, #menu dt a:focus {
	color: #FFFFFF;
	background-color: #3A3327;/*filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; -khtml-opacity: 0.75;*/
}
#menu dd {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	width: inherit;
	top: -72px;
	display: none;
}
#menu dd.infos {
	top: -96px;
}
#menu li {
	text-align: center;
	/*filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; -khtml-opacity: 0.75;*/
	height:24px;
	background-color: #DADAA6;
}
#menu li a {
color: #3A3327;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a:hover, #menu li a:focus {
color: #FFFFFF;
background-color: #3A3327;
}
#site {
z-index: 1;
}
.first {
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
}
.between {
	border-bottom: #FFF solid 1px;
}
.last {
	border-bottom: #FFF solid 1px;
}
.petit {
	font-size:13px;
	padding-top:4px;
}
/* Styles généraux ------------------------------------------------------------ */
.texte {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	color: #483313;
	line-height: 16px;
	font-style: italic;
	text-align: justify;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.texte strong {
	font-weight: bolder;
}
.texte a:link {
	text-decoration: none;
	color: #483313;
}
.texte a:visited {
	text-decoration: none;
	color: #483313;
}
.texte a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.texte a:active {
	text-decoration: none;
	color: #483313;
}
h1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}
h2 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
}
hr {
	color: #483313;
	width: 600px;
	height: 1px;
}
.lien {
	color:#D56210;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 5px;
}
.lien a:link {
	color:#9A6C3B;
}
.lien a:visited {
	color:#9A6C3B;
}
.lien a:active {
	color:#9A6C3B;
}
.lien a:hover {
	color:#FFFFFF;
}
.lienPagination {
	color:#FFF;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:10;
	padding-top:0;
	text-decoration:none;
}
.lienPagination a:link {
	color:#FFF;
	text-decoration:none;
}
.lienPagination a:visited {
	color:#FFF;
	text-decoration:none;
}
.lienPagination a:active {
	color:#FFF;
	text-decoration:none;
}
.lienPagination a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.menu {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin: 2px;
}
.menu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.menu a:active {
	text-decoration: none;
	color: #FFFFFF;
}
a.menu td {
	background-color: #B6A993;
}
a.menu:link td {
	border-color: #FFFFFF;
	border-width: 5px;
	background-color: #B6A993;
}
a.menu:hover td {
	border-color: #000000;
	border-width: 5px;
	background-color: #FFFFFF;
}
#nav {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	height: 31px;
	line-height: 10px;
}
	#nav td {
		text-align: center;
		vertical-align: middle;
	}
	#nav td a {
		color: #FFFFFF;
		background: #B6A993;
		display: block;
		height: 31px;
		text-decoration: none;
	}
	#nav td a:hover {
		color: #3D301B;
		background: #FFFFFF url("images/nav_bg.gif") 0px 1px repeat-x;
		text-decoration: none;
	}

.Blanc {
	color: #FFFFFF;
	text-shadow: 0 0 3px #928547;
}
.Blanc a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.Blanc a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.Blanc a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.Blanc a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.Jaune {
	color: #f9d906;
	text-shadow: 0 0 3px #928547;
}
.Jaune a:link {
	color: #f9d906;
	text-decoration: none;
}
.Jaune a:visited {
	color: #f9d906;
	text-decoration: none;
}
.Jaune a:hover {
	color: #f9d906;
	text-decoration: underline;
}
.Jaune a:active {
	color: #f9d906;
	text-decoration: underline;
}
.Noir {
	color: #000000;
}
.Noir a:link {
	color: #483313;
	text-decoration: underline;
}
.Noir a:visited {
	color: #483313;
	text-decoration: underline;
}
.Noir a:hover {
	color: #7C6334;
	text-decoration: underline;
}
.Noir a:active {
	color: #483313;
	text-decoration: underline;
}
.Beige {
	color: #877454;
}
.Violet {
	color: #622D35;
}
.b1Violet {
	background-color: #622D35;
}
.b2Violet {
	background-color: #673038;
}
.Rouge {
	color: #640210;
}
.b1Rouge {
	background-color: #640210;
}
.b2Rouge {
	background-color: #750213;
}
.Magenta{
	color: #B01527;
}
.b1Magenta {
	background-color: #B01527;
}
.b2Magenta {
	background-color: #C1172D;
}
.Orange {
	color: #D56210;
}
.b1Orange {
	background-color: #D56210;
}
.b2Orange {
	background-color: #ED7012;
}
.Bordeau {
	color: #621C27;
}
.b1Bordeau {
	background-color: #621C27;
}
.b2Bordeau {
	background-color: #72212D;
}
.Bleu {
	color: #554E63;
}
.b1Bleu {
	background-color: #554E63;
}
.b2Bleu {
	background-color: #595267;
}
.Turquoise {
	color: #137174;
}
.b1Turquoise {
	background-color: #137174;
}
.b2Turquoise {
	background-color: #157B7D;
}
.Or {
	color: #9A6C3B;
}
.b1Or {
	background-color: #9A6C3B;
}
.b2Or {
	background-color: #A87640;
}
.Kaki {
	color: #757745;
}
.b1Kaki {
	background-color: #757745;
}
.b2Kaki {
	background-color: #6D7041;
}
.Anis {
	color: #A99721;
}
.b1Anis {
	background-color: #A99721;
}
.b2Anis {
	background-color: #B4A223;
}
.Vert {
	color: #6D6E1B;
}
.b1Vert {
	background-color: #6D6E1B;
}
.b2Vert {
	background-color: #7E7E1F;
}
.Chocolat {
	color: #4A2A1A;
}
.b1Chocolat {
	background-color: #4A2A1A;
}
.b2Chocolat {
	background-color: #532F1E;
}
.int18 {
	line-height: 18px;
}
.int17 {
	line-height: 17px;
}
.int16 {
	line-height: 16px;
}
.int15 {
	line-height: 15px;
}
.MAJ {
	text-transform: uppercase;
}
.center {
	text-align:center;
}
.16 {
	font-size:16;
	line-height: 14px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.24 {
	font-size:24px;
}
.exp {
	font-size: 9px;
}
.texteForm {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: 40566F;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.texteFormBlanc {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: 1px;
	margin-right: 20px;
	margin-bottom: 1px;
	margin-left: 0px;
}
.boxForm {
	color: #483313;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	font-style: italic;
	font-weight: bold;
}
.boxFormRouge {
	color: #4A456D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E0D8CD;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 5px;
}
a.photo img {
	border-color: #FFFFFF;
	border-width: 5px;
}
a.photo:link img {
	border-color: #FFFFFF;
	border-width: 5px;
}
a.photo:hover img {
	border-color: #F7EB09;
	border-width: 5px;
}

/* Styles graphiques ------------------------------------------------------------ */
#fondCuvees {
	z-index:2;
	position: relative; 
	top: 0;
	left: 0;
	width: 1000px;
	height: 500px;
}
#fond {
	z-index:2;
	position: relative; 
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
}
#fondJournal {
	z-index:2;
	position: relative; 
	top: 0;
	left: 0;
	width: 642px!important;
	width: 667px;
	height: 450px!important;
	height: 500px;
	padding-left:25px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:50px;
	overflow:auto;
}
#fondCalendrier {
	z-index:2;
	position: relative; 
	width: 333px;
	height: 500px;
}
#imgGauche {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
#imgDroite {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}
#barreColor {
	z-index:3;
	position:absolute;
	width:333;
	height:10;
	top:490;
	left:0;
	line-height:0;
	font-size:0;
}
#carreBeige {
	z-index:3;
	position:absolute;
	width:61;
	height:61;
	top:189;
	left:189;
	background-color:#D9D99D;
}
#texte1Historique {
	z-index:3;
	position: absolute; 
	top: 75;
	left: 140;
	width: 335px;
	display:inline;
}
#texte2Historique {
	z-index:4;
	position: absolute; 
	top: 213;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Historique {
	z-index:5;
	position: absolute;
	top: 319;
	left: 25;
	width: 275px;
	display:inline;
}
#texte1Degustation {
	z-index:3;
	position: absolute; 
	top: 80;
	left: 160;
	width: 315px;
	display:inline;
}
#texte2Degustation {
	z-index:4;
	position: absolute; 
	top: 185;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Degustation {
	z-index:5;
	position: absolute;
	top: 300;
	left: 25;
	width: 315px;
	display:inline;
}
#texte3GrandCru {
	z-index:5;
	position: absolute;
	top: 285;
	left: 25;
	width: 315px;
	display:inline;
}
#texte1Terroirs {
	z-index:3;
	position: absolute;
	top: 70;
	left: 25;
	width: 350px;
	display:inline;
}
#texte2Terroirs {
	z-index:4;
	position: absolute;
	top: 135;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Terroirs {
	z-index:5;
	position: absolute; 
	top: 435;
	left: 150;
	width: 325px;
	display:inline;
}
#texte1Chateauneuf {
	z-index:3;
	position: absolute;
	top: 80;
	left: 165;
	width: 310px;
	display:inline;
}
#texte2Chateauneuf {
	z-index:4;
	position: absolute;
	top: 246;
	left: 25;
	width: 275px;
	display:inline;
}
#texte1Culture {
	z-index:3;
	position: absolute; 
	top: 82;
	left: 215;
	width: 260px;
	display:inline;
}
#texte2Culture {
	z-index:4;
	position: absolute; 
	top: 200;
	left: 25;
	width: 450px;
	display:inline;
}
#texte2Philosophy {
	z-index:4;
	position: absolute; 
	top: 190;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Culture {
	z-index:5;
	position: absolute;
	top: 250;
	left: 25;
	width: 275px;
	display:inline;
}
#texte1Encepagement {
	z-index:3;
	position: absolute;
	top: 70;
	left: 25;
	width: 375px;
	display:inline;
}
#texte2Encepagement {
	z-index:4;
	position: absolute;
	top: 160;
	left: 25;
	width: 450px;
	display:inline;
}
#texte2Grapevarieties {
	z-index:4;
	position: absolute;
	top: 175;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Encepagement {
	z-index:5;
	position: absolute; 
	top: 340;
	left: 125;
	width: 350px;
	display:inline;
}
#texte3Grapevarieties {
	z-index:5;
	position: absolute; 
	top: 370;
	left: 125;
	width: 350px;
	display:inline;
}
#texte1Vendanges {
	z-index:3;
	position: absolute; 
	top: 85;
	left: 150;
	width: 325px;
	display:inline;
}
#texte2Vendanges {
	z-index:4;
	position: absolute; 
	top: 255;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Vendanges {
	z-index:5;
	position: absolute;
	top: 335;
	left: 25;
	width: 225px;
	display:inline;
}
#texte1Vinification {
	z-index:3;
	position: absolute;
	top: 80;
	left: 25;
	width: 365px;
	display:inline;
}
#texte1Process {
	z-index:3;
	position: absolute;
	top: 70;
	left: 25;
	width: 380px;
	display:inline;
}
#texte2Vinification {
	z-index:4;
	position: absolute;
	top: 255;
	left: 25;
	width: 450px;
	display:inline;
}
#texte2Process {
	z-index:4;
	position: absolute;
	top: 228;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Vinification {
	z-index:5;
	position: absolute; 
	top: 340;
	left: 265;
	width: 210px;
	display:inline;
}
#texte1Elevage {
	z-index:3;
	position: absolute; 
	top: 85;
	left: 25;
	width: 355px;
	display:inline;
}
#texte2Elevage {
	z-index:4;
	position: absolute; 
	top: 178;
	left: 25;
	width: 450px;
	display:inline;
}
#texte3Elevage {
	z-index:5;
	position: absolute;
	top: 370;
	left: 275;
	width: 200px;
	display:inline;
}
#texte3Maturing {
	z-index:5;
	position: absolute;
	top: 376;
	left: 275;
	width: 200px;
	display:inline;
}
#texte1Plan {
	z-index:3;
	position: absolute;
	top: 75;
	left: 145;
	width: 150px;
	display:inline;
}
#texte2Plan {
	z-index:4;
	position: absolute;
	top: 75;
	left: 320;
	width: 155px;
	display:inline;
}
#texte3Plan {
	z-index:4;
	position: absolute;
	top: 260;
	left: 25;
	width: 225px;
	display:inline;
}
#texte1Mentions {
	z-index:3;
	position: absolute;
	top: 75;
	left: 25;
	width: 212px;
	display:inline;
}
#texte2Mentions {
	z-index:4;
	position: absolute;
	top: 75;
	left: 262;
	width: 213px;
	display:inline;
}
#texte3Mentions {
	z-index:5;
	position: absolute;
	top: 50;
	left: 25;
	width: 200px;
	display:inline;
}
#texte4Mentions {
	z-index:5;
	position: absolute;
	top: 50;
	left: 275;
	width: 200px;
	display:inline;
}
#textecontact {
	z-index:3;
	position: absolute;
	top:75;
	left:25;
	width:450;
	display:inline;
}
#texteContactOk {
	z-index:3;
	position: absolute;
	top:75;
	left:25;
	width:450;
	display:inline;
}
#text1 {
	z-index:3;
	position: absolute;
	top:15;
	left:515;
	width:300;
	height:500;
	display:none;
}
#text2 {
	z-index:3;
	position: absolute;
	top:15;
	left:681;
	width:300;
	height:500;
	display:none;
}
#text3 {
	z-index:3;
	position: absolute;
	top:15;
	left:182;
	width:300;
	height:500;
	display:none;
}