@charset "UTF-8";

@import "reset.css";

/* ------------------------------------ */
/*                                      */
/*            GENERAL	                */
/*                                      */
/* ------------------------------------ */
BODY {
	background-color:#e7e3db;
	color:#333333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	/*letter-spacing:-1px;*/
}

A {
}
A:hover {
}

P {
	margin-bottom:15px;
}


.photoDroite,
.photoGauche {
	float:right;
	font-size:10px;
	line-height:13px;
	color:#f2efe7;
	clear:both;
}
.photoDroite {
	float:right;
	text-align:right;
	margin:0 0 3px 10px;
}
.photoGauche {
	float:left;
	margin:0 10px 3px 0;
	text-align:left;
}
.photoDroite IMG,
.photoGauche IMG  {
	display:block;
}


/* ------------------------------------ */
/*                                      */
/*            HAUT                      */
/*                                      */
/* ------------------------------------ */
#hautsite {
	width:900px;
	margin:0 auto;
}
#hautsite #logoSite {
	width:280px;
	height:0;
	padding-top:47px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/logo_chateau-thivin.png);
	background-position:0 0;
	background-repeat:repeat;
	margin:11px 0 0 9px;
}

#hautsite #selectlangue {
	float:right;
	text-align:right;
	color:#4f3a31;
	font-size:14px;
	margin-top:22px;
}
#hautsite #selectlangue A {
	color:#4f3a31;
}
#hautsite #selectlangue A:hover {
	color:#7d2721;
	text-decoration:none;
}
#hautsite #selectlangue A#activee {
	font-weight:bold;
}

#hautsite #menuAccueil {
	width:898px;
	height:24px;
	border:1px solid #ffffff;
	background-color:#4f3a31;
	color:#e7e3db;
	/*padding-left:3px;*/
	margin-top:4px;
}
#hautsite #menuAccueil LI {
	display:inline;
}
#hautsite #menuAccueil LI A {
	color:#e7e3db;
	display:block;
	float:left;
	padding:5px 16px 4px 15px;
	
	background-image:url(../_image/separateur.png);
	background-position:right;
	background-repeat:no-repeat;
}
#hautsite #menuAccueil LI A:hover,
#hautsite #menuAccueil LI#mn-gite A:hover {
	text-decoration:none;
	/*background-color:#7d2721;*/
	background-color:#6d7951;
	color:#e7e3db;
}
#hautsite #menuAccueil LI A:active,
#hautsite #menuAccueil LI#mn-gite A:active,
#hautsite #menuAccueil.thivin LI#mn-thivin A ,
#hautsite #menuAccueil.vin LI#mn-vin A ,
#hautsite #menuAccueil.culture LI#mn-culture A ,
#hautsite #menuAccueil.vente LI#mn-vente A ,
#hautsite #menuAccueil.actualite LI#mn-actualite A ,
#hautsite #menuAccueil.contact LI#mn-contact A {
	text-decoration:none;
	background-color:#7d2721;
}
#hautsite #menuAccueil LI#mn-contact A {
	padding-right:15px;
	background-image:none
}
#hautsite #menuAccueil LI#mn-gite A {
	float:right;
	padding-right:15px;
	background-image:none;
	background-color:#dba33f;
	color:#4f3a31;
}




/* ------------------------------------ */
/*                                      */
/*            BAS                       */
/*                                      */
/* ------------------------------------ */
BODY #bassite {
	width:900px;
	margin:0 auto;
	color:#4f3a31;
	clear:both;
	position:relative;
	padding-top:7px;
}
BODY #bassite A {
	color:#4f3a31;
}
BODY #bassite DIV#pmpconcept A {
	width:25px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background-image:url(../_image/pmpconcept.png);
	background-position:0 0;
	background-repeat:no-repeat;
	
	position:absolute;
	top:6px;
	left:860px;
}
BODY #bassite DIV#pmpconcept A:hover {
	/*background-position:-25px 0;*/
}


/* ------------------------------------ */
/*                                      */
/*            COEUR SITE                */
/*                                      */
/* ------------------------------------ */
BODY #coeursite {
	width:898px;
	border:solid #ffffff;
	border-width:0 1px 1px 1px;
	background-color:#c3b6a3;
	margin:0 auto;
	min-height:400px;
	overflow:hidden;
}

BODY #giteThivin {
	width:878px;
	border:solid #ffffff;
	border-width:1px;
	background-color:#dba33f;
	color:#4f3a31;
	margin:0 auto;
	padding:10px;
	margin-top:9px;
	font-family:Arial;
	position:relative;
}
BODY #giteThivin H2 {
	color:#4f3a31;
	font-size:27px;
	line-height:20px;
}
BODY #giteThivin H2 STRONG {
	color:#ffffff;
	display:block;
	font-size:18px;
	font-weight:bold;
}
BODY #giteThivin H2 A:hover {
	text-decoration:none;
}
BODY #giteThivin P {
	width:260px;
	padding-top:8px;
	line-height:13px;
}
BODY #giteThivin A {
	color:#4f3a31;
}
BODY #giteThivin #galerieGite {
	position:absolute;
	top:13px;
	left:267px;
}
BODY #giteThivin #galerieGite LI {
	display:inline;
	padding-left:22px;
}
BODY #giteThivin #galerieGite IMG {
	border:2px solid #ffffff;
}

#conteneur {
	padding:15px 19px;
	color:#333333;
	background-color:#c3b6a3;
	min-height:540px;
	position:relative;
}
#conteneur H1,
#conteneur H2 {
	font-size:24px;
	line-height:24px;
	color:#ffffff;
	margin-bottom:15px;
	font-weight:normal;
}
#conteneur H1 SPAN,
#conteneur H2 SPAN {
	font-size:18px;
	color:#f1ede4;
}
#conteneur H3 {
	font-size:14px;
	line-height:14px;
	color:#7d2721;
	padding-top:15px;
	margin-bottom:5px;
	font-weight:bold;
}
#conteneur H3.titre {
	padding-top:0;
}
#conteneur A {
	color:#953f2a;
	text-decoration:underline;
}
#conteneur A:hover {
	color:#a25b1e;
	text-decoration:underline;
}


#conteneur P.firstLine {
   margin-top:0px;
}
#conteneur P.firstLine:first-letter {
   float:left;
   font:bold 30px/28px verdana, sans-serif;
   color:#bb8638;
   float:left;
   padding-right:3px;
}

/*2 colonnes*/
BODY #coeursite.deuxcol {
	background-color:#9fae75;
	background-image:url(../_image/fond_coeursite_deuxcol.gif);
	background-position:250px 0;
	background-repeat:repeat-y;
}
BODY #coeursite.deuxcol #conteneur {
	width:609px;
	float:right;
}
BODY #coeursite.deuxcol #colgauche {
	width:250px;
	float:left;
}

BODY #coeursite.deuxcol #colgauche #sousmenu {
	height:420px;
	border-bottom:1px solid #ffffff;
	background-color:#4f3a31;	
	padding-top:17px;
}
BODY #coeursite.deuxcol #colgauche #sousmenu UL {
}
BODY #coeursite.deuxcol #colgauche #sousmenu UL LI {
}
BODY #coeursite.deuxcol #colgauche #sousmenu UL LI A {
	/*color:#e7e3db;*/
	color:#fff;
	padding:0 10px;
	font-family:Arial;
	font-size:12px;
	line-height:17px;
	display:block;
	height:17px;
	width:230px;
	
	background-image:url(../_image/fond_ss.png);
	background-repeat:repeat-x;
	background-position:0 0;
}
BODY #coeursite.deuxcol #colgauche #sousmenu UL LI A:hover {
	text-decoration:none;
	background-position:0 -34px;
}
BODY #coeursite.deuxcol #colgauche #sousmenu.ss1 UL LI#ss1 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss2 UL LI#ss2 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss3 UL LI#ss3 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss4 UL LI#ss4 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss5 UL LI#ss5 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss6 UL LI#ss6 A,
BODY #coeursite.deuxcol #colgauche #sousmenu.ss7 UL LI#ss7 A {
	background-position:0 -17px;
	color:#fff;
}
.fondgauche01 {
	background-image:url(../_image/fond_gauche_01.jpg);
}
.fondgauche02 {
	background-image:url(../_image/fond_gauche_02.jpg);
}
.fondgauche03 {
	background-image:url(../_image/fond_gauche_03.jpg);
}
.fondgauche04 {
	background-image:url(../_image/fond_gauche_04.jpg);
}
.fondgauche05 {
	background-image:url(../_image/fond_gauche_05.jpg);
}
.fondgauche06 {
	background-image:url(../_image/fond_gauche_06.jpg);
}
.fondgauche07 {
	background-image:url(../_image/fond_gauche_07.jpg);
}
.fondgauche08 {
	background-image:url(../_image/fond_gauche_08.jpg);
}


.fondgauche-cote-de-brouilly,
.fondgauche-cote-de-brouilly_cuvee-zacharie,
.fondgauche-cote-de-brouilly_cuvee-la-chapelle {
	background-image:url(../_image/fond_cote-de-brouilly.jpg);
}
.fondgauche-brouilly {
	background-image:url(../_image/fond_brouilly.jpg);
}
.fondgauche-beaujolais-villages-rouge {
	background-image:url(../_image/fond_beaujolais-villages-rouge.jpg);
}
.fondgauche-beaujolais-villages-rose {
	background-image:url(../_image/fond_beaujolais-villages-rose.jpg);
}
.fondgauche-beaujolais-villages-blanc {
	background-image:url(../_image/fond_beaujolais-villages-blanc.jpg);
}

#blason {
	width:90px;
	height:97px;
	background-image:url(../_image/blason-chateau-thivin.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:15px auto;
}
#soleil {
	width:122px;
	height:126px;
	background-image:url(../_image/soleil.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:15px auto;
}
#lechateau {
	width:173px;
	height:65px;
	background-image:url(../_image/chateau-thivin.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:15px auto;
}

/*liste vins*/
#listevins {
	margin-left:-19px;
}
#listevins LI {
	width:138px;
	display:inline;
	font-size:14px;
}
#listevins LI A {
	text-decoration:none;
	width:138px;
	height:179px;
	display:block;
	text-align:center;
	padding:5px 0;
	float:left;
	margin-left:19px;
	margin-bottom:10px;
	color:#333333;
}
#listevins LI A:hover {
	background-color:#9fae75;
	color:#333333;
	text-decoration:none;
}
#listevins LI A IMG {
	display:block;
	margin-bottom:3px;
}
#listevins LI A SPAN {
	font-size:12px;
	color:#7d2721;
}

/*fiche vin*/
#conteneur #fichevin {
	width:386px;
}

#conteneur #fichevin P {
	text-align:justify;
}
#conteneur #fichevin P.firstLine {
	font-size:14px;
	line-height:16px;
	color:#7d2721;
}
#conteneur #fichevin P.firstLine:first-letter {
	color:#7d2721;
	font:bold 30px/28px verdana, sans-serif;
}
#conteneur #etiquettevin {
	width:207px;
	font-size:10px;
	line-height:13px;
	font-family:Arial;
	color:#7d2721;
	text-align:center;
	position:absolute;
	top:52px;
	left:421px;
}
#conteneur #etiquettevin IMG {
	margin-bottom:10px;
}
/*menu vin*/
#conteneur #menuvin {
	text-align:left;
}
#menuvin {
	background-color:#ded2c1;
	border:1px solid #ffffff;
	/*border-right:0px;
	width:225px;*/
}
#menuvin .titre {
	border-bottom:1px solid #ffffff;
	background-color:#4f3a31;
	color:#fff;
	padding:3px 5px 2px;
}
#menuvin UL {
	padding:3px 5px 2px;
}
#menuvin UL LI {
	margin-bottom:2px;
}
.mv1 #mv1 A,
.mv2 #mv2 A,
.mv3 #mv3 A,
.mv4 #mv4 A,
.mv5 #mv5 A,
.mv6 #mv6 A,
.mv7 #mv7 A {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

#fichetech LI {
	line-height:16px;
	color:#333333;
	font-size:12px;
}
#fichetech LI.color {
	background-color:#b1b28c;
}
#fichetech LI STRONG {
	padding-left:10px;
	width:137px;
	font-size:13px;
	color:#4f3a31;
	font-weight:normal;
	display:block;
	float:left;
}

/** CONTACT **/
.formulaire .erreursaisie,
.rouge {
	color:#990000;
	font-weight:bold;
}
.formulaire td,
.formulaire th {
	padding:2px;
	vertical-align:top;
}
.formulaire th {
	text-align:right;
	font-size:12px;
	font-weight:normal;
	padding-right:5px;
	padding-top:5px
}
.formulaire td {
	text-align:left;
	font-size:11px;
}
.formulaire td input,
.formulaire td textarea {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #e7e3db;
	padding:1px 2px 1px 2px;
	width:200px;
}
.formulaire td textarea {
	height:70px;
}
.formulaire td input.num {
	width:60px;
}
.formulaire td input.autre {
	width:150px;
}
.formulaire td input.no {
	width:auto;
	border:0 none;
}
.infoForm {
	font-size:10px;
}
#conteneur .formulaire  A.boutonForm {
	padding:4px 10px 4px 10px;
	text-decoration:none;
	font-size:14px;
	font-variant:small-caps;
	color:#fff;
	background-color:#4f3a31;
	border:1px solid;
	border-color:#e7e3db;
}
#conteneur .formulaire  a.boutonForm:hover {
	color:#fff;
	background-color:#9fae75;
}

.coordonnees {
	width:230px;
	float:right;
	margin-bottom:20px;
}
.coordonnees IMG {
	margin-top:20px;
}
ADDRESS {
	margin-bottom:15px;
}

#degustation-vente {
	clear:both;	padding:15px;
	background-color:#e7e3db;
	border:1px solid #fff;
}
#degustation-vente H3 {
	padding-top:0;
}
#degustation-vente P {
	margin:0;
}

/**PLAN D'ACCES**/
#planacces { /*#conteneur*/
	background-image:url(../_image/logo_chateau-thivin.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#e7e3db;
	border:1px solid #979797;
	width:609px;
	height:390px;
}