@charset "UTF-8";
html{margin:0;padding:0;background:#fcf29c url(../site2_fichiers/img/body.jpg) repeat-x center top;cursor:default;}
html:before{content:"Vous voyez ce calque depuis sa source originale. Visitez notre site : www.clos-thou.fr.";}
html#thou-com:before{display:none;}
/* ------ Fonts: ------------------ */
body,p{font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, Sans-serif;margin:0;padding:0;}
p,ul,ol,fieldset{font-size:0.8em;margin-left:0.3em;font-style:normal;margin-bottom:0.7em;color:#613318;}
h1, h2{font-family:Times,Georgia,"Trebuchet MS", Helvetiva, Sans-serif;font-size: 1.3em;color:#547336;font-weight:normal;margin-top:0.6em;letter-spacing:0.02em;}
h1{font-size:1.6em;margin:0 0 26px 0;color:#1569AE;}
h2{margin-bottom: 0.4em;color:#AE4812;}
h3, h4{font-family: Arial, Helvetica, Sans-serif; font-size: 0.7em;color:#613318;margin-top:1em;margin-bottom:0.6em;}
label{font-size: 0.75em; font-family: Verdana, Helvetica, Sans-serif;color:#777;} small{color: #888;}
#content ul{margin-left: 2em; padding: 0;}
blockquote{font-style: italic; margin: 0; padding: 0;}
/* ------ Positionering: ---------- */
body{margin:0;top:30px;background:#f9f1c2 url(../site2_fichiers/img/main.gif) 0 0 repeat-x;position:absolute;width:100%;}
#page{background: transparent url(../img/content.gif) top center repeat-y scroll;margin-bottom:-5px;margin-top:-42px;} /* margin-bottom voor IE */
#content{
width:396px;
padding:0px 17px 0px 179px;
position:relative;
margin:0 0 -39px -375px;
max-height:auto;
min-height:505px;
top:-39px;
right: 0px;
left:50%;
}
/* Boite content */
html>body #content{width:396px;padding-bottom:16px;}
#footer{height:51px;background: #fcf29c url(../img/footer.jpg) repeat-x scroll center top; font-size: 0.6em;
font-family:Verdana, Tahoma, Helvetica, Sans-serif;color:#1569AE;
padding-top:17px;text-align:center;margin:0;}
html>body #footer{line-height:0px;padding-top:24px;} /* Om te voorkomen dat de footer wrapt in Gecko-browsers */
.bar{position: absolute; top: 121px; left: 50%; width: 160px; z-index: 2; padding: 0 10px 0 12px; display: table-cell; height: 452px;
voice-family: "\"}\"";
voice-family:inherit;
width: 138px;} /* Met topwaarde voor IE en Box Model hack*/
html>body .bar{width: 138px; height:auto;}
#sidebar1{margin-left: -372px;}
#sidebar2{margin-left: 215px; background: transparent url(../img/rside.jpg) no-repeat;}
.bar p, .bar address, .bar ul{font-size: 0.7em;}
.bar ul{margin: 0; padding-left: 1.8em; line-height: 1.7em; color: #1569AE; list-style-type: square;}
#content ul{list-style-image: url(../site2_fichiers/img/li.gif);line-height:1.8em;}
#content ol{list-style-image: none; margin-left: 40px; padding: 0;}
/* ------ Menu ------------------- */
li#logo{position:absolute;top:8px;z-index:3;left:13px;}
#nav{
list-style:none;
margin:0 0 0 -386px;
padding:0 0px 0 200px;
position:relative;
left:50%;top:0px;
width:750px;
height:164px;
background: transparent url(../img/header.jpg) no-repeat;
}
#nav li {margin:0;float:left;}
#nav1{width:77px;}
#nav2{width:90px;}
#nav3{width:121px;}
#nav4{width:114px;}
#nav5{width:80px;}
#nav a{
display:block;
margin:0;
padding:5px 0 10px 0;
color:#FCF29C;
text-decoration:none;
font-size:1em;
text-align: center;
font-weight: bold;
font-family: Verdana, Helvetica, Sans-serif;
}
#nav a:hover{color:#F6AA57;text-decoration:underline;}
p.news{background: transparent url(../img/newsdate.gif) 0px 2px no-repeat scroll;}
a{color:#66829E;} a:hover{text-decoration: none;}
#sidebar2 h4, #sidebar2 h3{text-align: left;}
.bar p{color: #613318;}
.bar a{color:#1569AE;}
.bar a:hover{color:#FFF;background:#1569AE;}
a img{border:0;}
kbd, #content code{font-size: 1.2em;}
#sidebar2 p.news em{font-style: normal; display: block; color:#EAFBCC;line-height: 1.25em; float: left; margin:0.2em 0.4em 0 0; font-size: 0.85em; text-align: center; letter-spacing:-0.05em;padding: 1px 0; text-transform: uppercase;font-weight: normal;}
#sidebar2 p.news strong{font-size: 1.65em; display: block; letter-spacing: 1px; padding-bottom: 3px; font-family: Garamond, Georgia, Times, Helvetica, Sans-serif; position: relative; left: 1px; top: 1px;}
#sidebar2 p.news:hover em{color: #FFF;}
/* ------ Forms: ------------------ */
fieldset{border:0;margin:0;margin-top:15px;}
input, textarea, select{font-family: Verdana, Helvetica, Sans-serif; font-size: 0.75em; margin-bottom: 0.4em;}
.bar fieldset{padding:0;}
#content select,#content input, #content textarea{border: 1px solid #F6AA57; background: #FFF url(../img/form.gif) 0px -3px repeat-x scroll; padding: 0.3em;margin-left:12px;}
#content textarea{background: #FFF url(../img/frm_ta.gif) 0px -8px repeat-x scroll;width: 353px; height: 75px; overflow: auto;}
html>body #content textarea{width: 350px;}
#content input{width: 220px;}
#content input:hover, #content textarea:hover,
#content input:focus, #content textarea:focus{border-color: #AAA; background-position: 0px -5px;}
#content textarea:hover, #content textarea:focus{background-position: 0px -14px;}
#content input.knop{width: 9em; color: #AE4812; background-position: 0px 0px;}
#content input.knop:hover{background-position: 0px -2px; color:#F6AA57;}
#content label:hover + br + input, #content label:hover + br + textarea{border: 1px solid #AE4812;}
#content input:hover - br - label{color:#000;}
#content form fieldset input:hover{color:#AE4812;}
fieldset p, ul ol{font-size: 1em;}
/* ------ Image sidebar gauche: ------------- */
body#home #content p{margin-bottom:23px;text-indent:0.6em;}
body#contact #content{background: transparent url(/img/plan1.gif) no-repeat 0px 38px;}
body#acc #content{background: transparent url(../img/raisin.jpg) 0px 38px no-repeat;}
body#dom #content{background: transparent url(/img/vin_fut.jpg) no-repeat 0px 38px;}
body#deg #content{background: transparent url(/img/jurancon_moelleux.jpg) no-repeat 0px 38px;}
body#vin #content{background: transparent url(/img/jurancon_sec.jpg) no-repeat 0px 38px;}
/* ------ FOOTER --------- */
#footer a{text-decoration: none; color:#613318;}
#footer a:hover{color:#1569AE;}
#footer abbr{cursor:pointer;}
#footer abbr{border:0;}