/*** major document sections
******************************************************************/
a:link, a:visited {text-decoration: underline;color: #3C3327;}
a:focus, a:hover {text-decoration: underline;color: #3C3327;}


h1 {
 width: 281px;
 height: 130px;
 background: transparent url(/style/logo.gif) no-repeat;
 font: 2.5em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 margin: 10px 0 0 20px;
 float: left;
}


h2 {
 font: 2.0em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 padding: 2px 0;
 height: 46px;
 left: 0;
 right: 0;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: bottom;
 position: absolute;
 margin: 100px 0 0 0;
}
	*html h2{width: 100%; left: 24%;}

    #accueil h2 {display: none;}
    
    #actualite .fr h2 {background-image: url(/style/titre/fr/actualites.gif);}
	#archive .fr h2 {background-image: url(/style/titre/fr/archives.gif);}
    #domaine .fr h2 {background-image: url(/style/titre/fr/histoire.gif);}
	#philosophie .fr h2{background-image: url(/style/titre/fr/philosophie.gif);}
	#savoir-faire .fr h2{background-image: url(/style/titre/fr/savoirfaire.gif);}
	#blanc .fr h2{background-image: url(/style/titre/fr/savoirfaire.gif);}
	#rouge.fr h2{background-image: url(/style/titre/fr/savoirfaire.gif);}
	#degustation .fr h2, #vin-blanc .fr h2, #vin-rouge .fr h2 {background-image: url(/style/titre/fr/appellations.gif);}
	#millesimes .fr h2 {background-image: url(/style/titre/fr/millesimes.gif);}
	#presse .fr h2 {background-image: url(/style/titre/fr/presse.gif);}	
	#galerie .fr h2 {background-image: url(/style/titre/fr/galerie.gif);}
	#nousrencontrer .fr h2 {background-image: url(/style/titre/fr/acces.gif);}
	#mention .fr h2 {background-image: url(/style/titre/fr/mention.gif);}
	#liens .fr h2 {background-image: url(/style/titre/fr/liens.gif);}
	#err404 .fr h2 {background-image: url(/style/titre/fr/404.gif);}
	
	#actualite .en h2 {background-image: url(/style/titre/en/actualites.gif);}
	#archive .en h2 {background-image: url(/style/titre/en/archives.gif);}
    #domaine .en h2 {background-image: url(/style/titre/en/histoire.gif);}
	#philosophie .en h2{background-image: url(/style/titre/en/philosophie.gif);}
	#savoir-faire .en h2{background-image: url(/style/titre/en/savoirfaire.gif);}
	#blanc .en h2{background-image: url(/style/titre/en/savoirfaire.gif);}
	#rouge.en h2{background-image: url(/style/titre/en/savoirfaire.gif);}
	#degustation .en h2, #vin-blanc .en h2, #vin-rouge .en h2 {background-image: url(/style/titre/en/appellations.gif);}
	#millesimes .en h2 {background-image: url(/style/titre/en/millesimes.gif);}
	#presse .en h2 {background-image: url(/style/titre/en/presse.gif);}	
	#galerie .en h2 {background-image: url(/style/titre/en/galerie.gif);}
	#nousrencontrer .en h2 {background-image: url(/style/titre/en/acces.gif);}
	#mention .en h2 {background-image: url(/style/titre/en/mention.gif);}
	#liens .en h2 {background-image: url(/style/titre/en/liens.gif);}
	#err404 .en h2 {background-image: url(/style/titre/en/404.gif);}
    

h3{
 background-color: transparent;
 background-position: left top;
 background-repeat: no-repeat;
 height: 16px;
 margin-bottom: 15px;
}

	.fr h3.edito{background-image: url(/style/titre/fr/accueil-edito.gif);}
	.fr h3.actu{background-image: url(/style/titre/fr/accueil-actu.gif);}
	
	.en h3.edito{background-image: url(/style/titre/en/accueil-edito.gif);}
	.en h3.actu{background-image: url(/style/titre/en/accueil-actu.gif);}
	
	#mention h3{margin-bottom: 0;}
	
h4 {
  font: bold 1.4em/1.2em Georgia, Times, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  padding: 0 0 0 15px;
}
	h4.vin-rouge{
	 border-bottom: 1px solid #8C2312;
	 background: transparent url(/style/degustation/carre-rouge.gif) no-repeat left center;
	}
	
	h4.vin-blanc{
	 border-bottom: 1px solid #D5B373;
	 background: transparent url(/style/degustation/carre-blanc.gif) no-repeat left center;
	}
	
p, dl, #maincontent ul {
 /* Par défaut, ce texte s'affichera à 11px */
 font: 1.1em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 line-height: 1.3;
}

/*** body
*********************************/
body {
 text-align: center;
 background: #e3dbd4 url(/style/fond-site.gif) repeat-x;
 color: #3C3327;
}

/*** page
*********************************/
#page {
 margin: 20px auto;
 width: 898px;
 border: 1px solid #3C3327;
 text-align: left;
 background: #fff url(/style/bandeau.jpg) no-repeat center top;
 padding: 100px 0 0 0;
}


/*** header
*********************************/
#header {
 width: 100%;
 height: 170px;
}

/*** main
*********************************/
#main {
 background-color: #C0B7AC;
 width: 100%;
}

#maincontent {
 background-position: left top;
 background-repeat: no-repeat;
 background-color: transaprent;
 min-height: 383px;
 width: 100%;
}
* html #maincontent {height: 400px;}

	#accueil #maincontent {background-image: url(/style/fond/fond-accueil.jpg);}
	#actualite #maincontent {background-image: url(/style/fond/fond-presse.jpg);}
	#archive #maincontent {background-image: url(/style/fond/fond-presse.jpg);}
	#domaine #maincontent {background-image: url(/style/fond/fond-histoire.jpg);}
	#philosophie #maincontent {background-image: url(/style/fond/fond-philosophie.jpg);}
	#savoir-faire #maincontent {background-image: url(/style/fond/fond-savoirfaire.jpg);}
	#blanc #maincontent {background-image: url(/style/fond/fond-savoirfaire.jpg);}
	#rouge #maincontent {background-image: url(/style/fond/fond-savoirfaire.jpg);}
	#degustation #maincontent {background-image: url(/style/fond/fond-appellations.jpg);}
	#vin-rouge #maincontent {background-image: url(/style/fond/fond-appellations-rouges.jpg);}
	#vin-blanc #maincontent {background-image: url(/style/fond/fond-appellations-blancs.jpg);}
	#millesimes #maincontent {background-image: url(/style/fond/fond-millesimes.jpg);}
	#presse #maincontent {background-image: url(/style/fond/fond-presse.jpg);}
	#nousrencontrer #maincontent {background-image: url(/style/fond/fond-acces.jpg);}
	#mention #maincontent , #liens #maincontent, #err404 #maincontent {background-image: url(/style/fond/fond-histoire.jpg);}

/*** footer
*********************************/
#footer {
 margin: 80px 0 0 0;
 width: 100%;
 font-size: 1.1em;
}

#footer .content {
 width: 100%;
 background-color: #3C3327;
}

#footer ul {
 width: 710px;
 margin: 0 auto;
 padding: 10px 0 20px 0;
 color: #fff;
}
*html #footer ul{width: 750px; padding: 10px 0;}

#footer li {
 float: left;
 letter-spacing: 1px;
 margin: 0 30px;
 font-variant: small-caps;
}

#footer a:link, #footer a:visited {text-decoration: none; color: #fff;}
#footer a:focus, #footer a:hover {text-decoration: underline;}

#contact-print {
 display: none;
 margin-top: 30px;
 border-top: 1px solid #000;
 padding-top: 5px;
}

/*** nav-main
*********************************/
#nav-main{
 border-top: 1px solid #DEA762;
 border-bottom: 1px solid #DEA762;
 padding: 5px 0;
}

#nav-main .content {
 height: 22px;
 background: #3C3327; 
}

#nav-main  ul {
 position: relative;
 height: 22px;
 margin-left: 225px;
}

#nav-main li.section {
 float: left;
 position: relative;
 margin: 0 10px;
 line-height: 1;
 text-align: center;
}

#nav-main a.section {
 display: block;
 padding: 3px 5px;
 font: 12px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
 letter-spacing: 2px;
}

#nav-main a.section:link, #nav-main a.section:visited {text-decoration: none; color: #FFF;}
 
#nav-main li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 0;
 margin-top: 22px;
 width: 100%;
 padding-top: 10px;
 margin-left: 0;
 background: transparent url(/style/blank.gif);
}

#nav-main li li {
 padding-bottom: 3px;
 text-align: center;
 font: 11px/11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#nav-main li li a:link, #nav-main li li a:visited {text-decoration: none; color: #000;}
#nav-main li li a:focus, #nav-main li li a:hover {text-decoration: underline;}

#nav-lang {display: none;}

#nav-fr, #nav-en{
 padding: 5px 0 0 0;
}

/*** colonne
*********************************/
#maincol {width: 57%; margin: 0 0 0 320px;}
	#galerie #maincol{margin-left: 0px;}

#leftcol {
 margin: 0 25px 0 320px;
 float: left;
 width: 290px
}
*html #leftcol{margin: 0 10px 0 170px;}

	#vin-blanc #leftcol, #vin-rouge #leftcol{
	 margin: 0 25px 0 215px;
	 width: 395px
	}
	
	*html #vin-blanc #leftcol, *html #vin-rouge #leftcol{
	 margin: 0 25px 0 117px;
	 width: 378px
	}


#rightcol {
 width: 210px;
 float: left;
}

	#accueil #rightcol{
	 border-left: 1px solid #DEA762;
	 padding: 0 0 0 25px;
	}
	#degustation #rightcol, #vin-blanc #rightcol, #vin-rouge #rightcol{
	 width: 258px;
	}


#maincol .content, #leftcol .content, #rightcol .content {padding: 0;}

.colx2 {
 width: 46%;
 padding-right: 15px;
 float: left;
}

    #leftcol .colx2 {
     width: 35%;
     margin-left: 10%;
    }


/*** article
*********************************/
    
    dl.edito {
     
    }
    
    dl.actu img {
     margin: 0 0 0.9em 0;
    }

/*** millesime
*********************************/
dl.millesime,
dl.millesime-detail {
 margin-left: 15px;
}

dl.millesime {
 margin-bottom: 1em;
}

dl.millesime dt strong,
dl.millesime-detail dt strong {
 color: #3C3327;
 font-size:1.5em;
 line-height: 1;
 letter-spacing: 0.1em;
}

dl.millesime dd,
dl.millesime-detail dd {
 padding-top: 1em;
}

/*** presse
*********************************/
.encart {
 border: 1px solid #3C3327;
 padding: 10px;
}

.encart .article2 dt, .encart .article2 dd {
 float: right;
 width: 175px;
}

.encart .article2 dd.photo {
 float: left;
 width: 175px;
}

.encart .article2 dd.photo img {
 display: block;
 margin: 0 auto;
}

.articles .article1 {

}

.articles .article1 dt {
 padding: 2px;
}

/* texte + photo flotante à gauche */
.article dt {
  color: #3C3327;
  font: bold 1.4em/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
}

.article .article2 img {
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}

.produit dt {
  font: bold 1.4em/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
  margin-bottom: 0.5em;
  margin-top: 1.0em;
}
	#vin-blanc .produit dt{
	 color: #D5B373;
	}
	#vin-rouge .produit dt{
	 color: #8C2312;
	}

.produit img {
  float: left;
  margin: 0 0 5px 5px;
}

.produit p {
  margin-bottom: 10px;
}


dl.actualite {
 float: left;
}

dl.actualite dt, dl.actualite-detail dt {
 font: bold 1.2em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 line-height: 1.1em;
}


dl.actualite dt small, dl.actualite-detail dt small{
 font: bold 0.8em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
 font-weight: normal;
}

dl.actualite dt img, dl.actualite-detail dt img {
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}


/*** minor document sections
******************************************************************/
.top {
 padding-top: 1.5em;
}

.decale{
 padding-left: 105px;
}

.fleche{
 color: #DEA762;
}

/*** a
*********************************/
.next a:link, .back a:link, .print-page a:link,
.next a:visited, .back a:visited, .print-page a:visited {
 text-decoration: underline;
}

/*** address (accès)
*********************************/
address {
 font-size: 1.3em;
 line-height: 1.4em;
 font-weight: bold;
 text-align: center;
 color: #3C3327;
 padding: 350px 0 0 150px;
}

/*** blockquote (accroches)
*********************************/
blockquote {
    color: #DE7045;
    margin-bottom: 1em;
    font: bold 1.2em/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#leftcol .colx2 blockquote {
    text-align: right;
}

/*** h
*********************************/


/*** img
*********************************/


/*** descriptif
*********************************/

/*** p
*********************************/
p.legende{
 font-size: 1.4em;
 line-height: 1.6em;
 font-weight: bold;
 margin: 10px 0; 
}

p.next, p.back, p.print-page {

}

p.print-page img {
 vertical-align: baseline;
}

p.produits {

}

p.avertissement {
 padding: 5px 0;
 text-align: center;
 font-variant: small-caps;
 font-size: 1.0em;
}

/*** ul
*********************************/
ul.produits {
 list-style-type: disc;
 line-height: 1.6;
 padding-left: 20px;
}

ul.vins-rouges {

}

ul.vins-blancs {

}

p.type-vins-blancs {
 padding-bottom: 30px;
}

p.type-vins-rouges {
 padding-bottom: 30px;
}

/*** printer styles
******************************************************************/
@media print {
 #page{border: none;}
 #nav-main{display: none;}
 #leftcol{margin: 0; text-align: left;}
 #rightcol{display: none;}
 h2{display: none;}
 #footer{display: none;}
}


#parallax {
 position:relative;
 overflow:hidden;
 width:800px;
 height:300px;
}