/*	www.epokhe.com
	Code et design : Arnaud Briand
	*** Le code est original ***
	Date de création : Septembre 2006
*/

@import url(submissionforms.css);

/* ------------------------------------------------------------------------------------
Styles de mise à plat
------------------------------------------------------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
font-size: 11px;
}

html, body {font-size: 11px;}

ul, li {
list-style-type: none;
line-height: 15px;
}

fieldset {border: none}

.linkIn {}
.linkOut {color: #000; text-decoration: underline;}


/* ------------------------------------------------------------------------------------
body
------------------------------------------------------------------------------------ */
body {background-color: #6E1C1B;}


/* ------------------------------------------------------------------------------------
wrapper
------------------------------------------------------------------------------------ */
div#wrapper {
position: relative;
margin: 0px auto 0px;
width: 666px;
height: auto;
}


/* ------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------ */
div#header {
position: relative;
margin: 0px auto 0px;
width: 666px;
height: 141px;
background: url(../i/header-tour.gif) no-repeat 0 0;
}

div#header a {
display: block;
width: 666px;
height: 141px;
}

div#header a span {display: none;}


/* ------------------------------------------------------------------------------------
content
------------------------------------------------------------------------------------ */
div#content {
position: relative;
margin: 0px auto 0px;
width: 666px;
height: auto;
background: url(../i/content-contour.gif) repeat-y 0 0;
}

div#content div#titre {
position: relative;
margin: 0px auto 0px;
width: 600px;
height: 225px;
background: url(../i/titre-lestertresduplantou.gif) transparent no-repeat -10px 0;
}

div#content div#breabcrumb {
margin: 20px 0px 0px 80px;
background: url(../i/feuille.png) transparent no-repeat 0% 50%;
}

div#content div#breabcrumb p {
font: normal 1em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
text-decoration: none;
text-indent: 24px;
}

div#content div#breabcrumb p a {
color: #6E1C1B;
font: normal 1em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
text-decoration: underline;
}

div#content div#entry {
position: relative;
margin: 0px 50px 0px 50px;
height: auto;
background-color: transparent;
}

div#content div#entry p {
margin: 20px 30px 0px 30px;
font: normal 12px/160% "Trebuchet MS", Georgia, Tahoma, Arial;
text-decoration: none;
}

div#content div#texte {
margin: 20px 80px 0px 80px;
height: auto;
background: url(../i/bouteille_verres_gf.png) transparent no-repeat 100% 90%;
}

div#content div#texte h1 {
margin: 5px 0px 10px 0px;
font: bold 1.4em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
color: #6E1C1B;
text-decoration: underline;
}

div#content div#texte h2 {
margin: 10px 0px 0px 0px;
font: bold 1.2em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
color: #B58204;
text-decoration: none;
background: url(../i/feuille.png) transparent no-repeat 16px 50%;
text-indent: 40px;
}

div#content div#texte h2 a {
color: #B58204;
text-decoration: none;
}

div#content div#texte h2 a:hover {
color: #B58204;
text-decoration: underline;
}

.iconOuter {border: none;}

div#content div#texte p {
margin: 10px 0px 5px 0px;
font: normal 1.1em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
text-decoration: none;
}
div#content div#texte p a {color: #6E1C1B; text-decoration: underline;}
div#content div#texte p a:hover {color: #6E1C1B; text-decoration: none;}
div#content div#texte p a:active {color: #6E1C1B; text-decoration: underline;}
div#content div#texte p a:visited {color: #6E1C1B; text-decoration: underline;}

div#content div#texte p.middle {text-align: center; font-weight: bold;}
div#content div#texte img.illusRight {float: right; margin: 15px 15px 10px; border: 2px solid #6E1C1B;}
div#content div#texte img.illusLeft {float: left; margin: 10px 15px 10px; border: 2px solid #6E1C1B;}

div#content div#texte ul li {
margin: 10px 0px 5px 0px;
font: normal 1.1em/160% "Trebuchet MS", Georgia, Tahoma, Arial;
text-decoration: none;
}

.hightlight {background-color: #FFFFCC;}
.logo {
margin: 0px 10px 10px 0px;
float: right; 
border: none;
}

div#subnav {
float: right;
margin: 0 0 10px 20px;
list-style: none;
color: #B58204;
border: 1px solid #FFF;
padding: 5px;
}

div#subnav ul li {
font: normal 13px/160% "Trebuchet MS", Georgia, Tahoma, Arial;
padding: 3px 0;
color: #6E1C1B;
}

div#subnav ul li a {
text-decoration: underline;
color: #B58204;
}

div#subnav ul li a:hover {
text-decoration: none;
color: #B58204;
}


/* ------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------ */
div#footer {
position: relative;
margin: -10px auto 0px;
width: 650px;
height: 274px;
background: url(../i/footer-contour.gif) no-repeat 0 0;
padding-top: 30px;
color: #B58204;
}

div#footer h6 {margin: 0px 0px 0px 80px;}

div#footer h6 a {
font: normal 1em/100% Arial, Verdana;
color: #B58204;
text-decoration: none;
}

div#footer h6 a:hover {text-decoration: underline;}
div#footer h6 a:active {text-decoration: underline;}
div#footer h6 a:visited {text-decoration: none;}


/* ------------------------------------------------------------------------------------
menu
------------------------------------------------------------------------------------ */
#menu {
margin: 0px 60px 0px;
width: 600px;
overflow: hidden;
line-height: 2em;
background-color: transparent;
}

#menu ul {
list-style: none;
margin: 0 auto;
padding: 0;
text-align: left;
width: 500px;
}

#menu ul li {
background: none;
text-align: center;
display: inline;
float: left;
list-style-type: none;
padding: 0px 5px 0px 5px;
color: #6E1C1B;
font: bold 1.05em/100% "Trebuchet MS", Georgia, Tahoma, Arial;
}

#menu ul li a {
display: block;
height: 30px;
text-align: center;
color: #B58204;
overflow: hidden;
padding: 0px 0px 0 0px;
text-decoration: none !important;
font: bold 1.05em/100% "Trebuchet MS", Georgia, Tahoma, Arial;
}
* html #menu ul li a {float: left;} /* IE WIN HACK */

#topnav ul li a#active {
color: #FFF !important;
font-weight: bold;
background-color: #999;
font: bold 1.05em/100% "Trebuchet MS", Georgia, Tahoma, Arial;
}

#topnav ul li a:hover {color: #fff !important;}












div#content h1.histoire {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/histoire.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.histoire {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.histoire span {display: none;}

div#content h1.objectifs {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/objectifs.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.objectifs {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.objectifs span {display: none;}

div#content h1.distinctions {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/distinctions.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.distinctions {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.distinctions span {display: none;}

div#content h1.visite {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/visite.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.visite {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.visite span {display: none;}

div#content h1.vignoble {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/vignoble.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.vignoble {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.vignoble span {display: none;}

div#content h1.vins-rouges {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/vins-rouges.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.vins-rouges {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.vins-rouges span {display: none;}

div#content h1.tradition-rouge2005 {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/tradition-rouge-2005.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.tradition-rouge2005 {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.tradition-rouge2005 span {display: none;}

div#content h1.tradition-rouge2004 {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/tradition-rouge-2004.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.tradition-rouge2004 {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.tradition-rouge2004 span {display: none;}

div#content h1.tradition-rouge2003 {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/tradition-rouge-2003.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.tradition-rouge2003 {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.tradition-rouge2003 span {display: none;}

div#content h1.cotes-rouge2004 {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/cotes-rouge-2004.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.cotes-rouge2004 {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.cotes-rouge2004 span {display: none;}

div#content h1.cotes-rouge2003 {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/cotes-rouge-2003.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.cotes-rouge2003 {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.cotes-rouge2003 span {display: none;}

div#content h1.vins-blancs {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/vins-blancs.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.vins-blancs {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.vins-blancs span {display: none;}

div#content h1.cuvee-lies {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/cuvee-lies.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.cuvee-lies {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.cuvee-lies span {display: none;}

div#content h1.blanc-sec {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/blanc-sec.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.blanc-sec {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.blanc-sec span {display: none;}

div#content h1.cuvee-douceur {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/cuvee-douceur.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.cuvee-douceur {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.cuvee-douceur span {display: none;}

div#content h1.bergerac-rose {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/bergerac-rose.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.bergerac-rose {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.bergerac-rose span {display: none;}

div#content h1.contact {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/contact.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.contact {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.contact span {display: none;}

div#content h1.credits {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/credits.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.credits {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.credits span {display: none;}

div#content h1.sites-amis {
font: normal 0.6em/160% "Trebuchet MS", Verdana, sans-serif;
color: #FF8600;
background: url(../i/hn/sites-amis.png) transparent no-repeat 0 0; 
width: 500px;
height: 60px;
}
html > body div#content h1.sites-amis {font: normal 1.1em/100% "Trebuchet MS", Verdana, sans-serif;}
div#content h1.sites-amis span {display: none;}

div#audience {display: none;}



hr.separateur {border:1px solid transparent;clear:both;}
html > body hr.separateur {display: block; margin: 0 0 210px 0;}


#pic {
background-color: #FFF;
left: 10px;
float: left;
top: 10px;
}

#pic a .large {
border: 0px;
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
}

#pic a img {border: 2px solid #6E1C1B;}

#pic a.p1, #pic a.p1:visited {
background: #FFFFFF;
display: block;
height: 90px;
left: 0;
text-decoration: none;
top: 0;
width: 135px;
}

#pic a.p1:hover {
background-color: #8C97A3;
color: #000000;
text-decoration: none;
}
html > body #pic a.p1:hover {background-color: #FFFFFF;}

#pic a.p1:hover .large {
border: 1px solid #000000;
display: block;
height: 526px;
left: -118px;
position: absolute;
top: 50px;
width: 400px;
}