/* CSS PAGE SITE */

* {
    margin: 0;
    padding: 0;
}

body {
    padding: 30px 0;
    font: 13px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #f0f0f0;
    background: #411400 url(images/bg.gif) repeat-x top;
}

h1 {
    position: absolute;
    left: 285px;
    top: 38px;
    font: bold 30px "Times New Roman", Times, serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FEEEA7;
}

h2 {
    position: absolute;
    left: 285px;
    top: 90px;
    width: 280px;
    font: italic 13px/23px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FEEEA7;
}

h3 {
    padding: 0 45px 0 0;
    font: bold 14px/36px "Times New Roman", Times, serif;
    letter-spacing: 1px;
    text-align: right;
    color: #FEEEA7;
    background: url(images/h3.gif) no-repeat left;
}

h4 {
    margin: 25px 0 10px 0;
    padding: 0 0 10px 40px;
    font: 18px/35px "Times New Roman", Times, serif;
    color: #FEEEA7;
    background: #A93400 url(images/h4.gif) no-repeat;
}

h4.firsth4 {
    margin-top: 0;
}

p {
    padding: 5px 15px 5px 22px;
    font: 13px/18px Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #625D46;
}

i {
    font: italic 15px/18px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #625D46;
}

a {
    text-decoration: underline;
    color: #7691FE;
}

a:hover {
    text-decoration: none;
    color: #A9BAFE;
}

label {
    padding: 5px 15px 5px 22px;
    font: 13px/18px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #625D46;
}

#top {
    margin: 0 auto;
    width: 800px;
    height: 23px;
    background: url(images/top.gif);
    overflow: hidden;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 800px;
    text-align: left;
    background: #FEFDF4 url(images/bg_cent.gif);
}

#main_2 {
    min-height: 228px;
    background: url(images/top.jpg) no-repeat top right;
}

#left {
    float: left;
    padding: 0 0 25px 0;
}

#left_2 {
    margin: 0 0 0 1px;
    width: 270px;
}

#left_3 {
    float: left;
    padding: 0px 5px 0px 0px;
}

#left_top {
    height: 43px;
    background: Black;
}

#menu {
    background: #732501 url(images/menu.jpg) repeat-y;
}

#menu_2 {
    padding: 40px 60px 0 60px;
    text-align: center;
    background: url(images/menu_top.jpg) no-repeat top;
}

#menu_bot {
    height: 60px;
    background: url(images/menu_bot.gif) no-repeat bottom;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    display: block;
    border-bottom: 1px solid #C2714C;
}

#menu ul li.last_item {
    border-bottom: none;
}

#menu ul li a {
    font: 12px/32px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FEEEA7;
}

#menu ul li a:hover {
    text-decoration: none;
    color: #FEFDF4;
    background: #DC4400;
}

.box {
    margin: 15px 20px 0 20px;
    background: #E7D68E url(images/left_ul.jpg) repeat-y;
}

.box p {
    text-align: left;
}

.box ul {
    list-style: none;
    padding: 10px 0 0 0;
}

.box ul li {
    display: block;
    padding: 0 45px 0 0;
    text-align: right;
}

.box ul li.lastli {
    height: 45px;
    background: url(images/left_ulbot.gif) no-repeat bottom left;
}

.box ul li a {
    font: 12px/20px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: #732501;
}

.box ul li a:hover {
    text-decoration: underline;
    color: #DC4400;
}

#right {
    float: right;
}

#right_1 {
    float: right;
    margin: 5px 5px 5px 10px;
    width: 200px;
}

#right_2 {
    margin: 263px 16px 25px 0;
    width: 500px;
}

#right_3 {
    float: right;
    margin: 5px 5px 5px 10px;
    width: 200px;
}


#center {
    float: center;
    padding: 0px 0px 0px 15px;
}

#center_1 {
    float: center;
    padding: 0px 0px 0px 60px;
    width: 60px;
}

#center_2 {
    float: center;
    padding: 0px 0px 0px 40px;
}

#center_3 {
    float: center;
    padding: 0px 0px 0px 200px;
    width: 60px;
}

#center_4 {
    float: center;
    padding: 0px 0px 0px 140px;
}

#vignoble {
    background: url(images/vignes.jpg) no-repeat bottom;
}


#bottom {
    clear: both;
    background: url(images/bottom.gif) no-repeat bottom;
}

#bottom p {
    padding: 0 0 0 25px;
    font: 13px/40px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #9A9374;
}

#bottom a, #bottom a:hover {
    color: #9A9374;
}

#bottom_copyright {
    clear: both;
    font: 10px Arial, Helvetica, sans-serif;
}    

#bottom_copyright a, #bottom_copyright a:hover {
    color: #f0f0f0;
}


/* CSS LIGTBOX */

#bgPopup {  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
overflow:hidden;
top:0;  
left:0;  
background:#000000;  
z-index:1000;  
}  

#Popup {
display:none; 
position:fixed;
_position:absolute; /* hack for internet explorer 6*/  
z-index:1500;    
background-color: #000;
border:7px #000 solid;
text-align:justify;
padding:-10px;
-moz-border-radius : 10px; 
color:#fff;
font-family: verdana;
font-size:16px;
}

#fermer {
position:relative;  
float:right;
margin-top:-40px;
margin-right:-15px;
cursor:pointer;
}

#my_logo {
position:fixed;
_position:absolute; /* hack for internet explorer 6*/  
margin-top:-40px;
margin-left:-6px;
background-color:#000;
-moz-border-radius : 10px; 
padding:4px;
border:1px #000 solid;
}

#contenu {
position:absolute;
}
#load {
display:none;
}
a.lightbox {
cursor:pointer;
font:verdana 16px #fff;
padding:4px;
border:0px #ff0000 dotted;
background-color:#ffffff;
color:#ff0000;
}