html {
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
margin: 0;
padding: 0;
background: #a89877 url(/images/gris.gif) repeat-x 0 166px;
}
body {
height:100%;
margin: 30px 0 0 0;
padding: 0;
}
a {
color: #7d605b;
text-decoration: none;
margin: 0;
padding: 0;
}
#en, #de, #fr {
line-height: 0;
display: block;
position: absolute;
top: 173px;
z-index:  1100;
left: 50%;
font-size: 0;
width: 20px;
height: 12px;
padding: 0;
background: transparent url(/images/english-flag.png);
border: 1px solid white;
}
#de {
background: transparent url(/images/german-flag.png);
}
#fr {
background: transparent url(/images/french-flag.png);
}
.first_one {
margin : 0 0 0 404px;
}
.second_one {
margin : 0 0 0 432px;
}
a:hover {
color: black;
}
p {
margin: 0 0 8px 0;
padding: 0;
}
#bar {
display: block;
width: 296px;
margin: 20px 0 24px 182px;
padding: 10px;
color : white;
font-size: 20px;
line-height: 24px;
background: #c11e2a;
}
img {
border: 0;
margin: 0;
padding: 0;
}
.float_left {
float: left;
}
.clear_it_right {
clear: right;
}
.clear_it_left {
clear: left;
}
ul li span {
font-weight: bold;
color: #c21e2a;
}
ul li span.green {
color: #a08e57;
font-size: 12px;
}
p span, p.grey {
font-weight: bold;
margin: 0;
padding: 0;
}
.red {
color: #c21e2a;
}
.grey {
color: #ada595;
}
table {
border-collapse: collapse ;
margin: 2Px 0 10px 0;
padding: 0;
}
#exposants {
width: 690px;
}
td {
height: 26px;
margin: 0;
padding: 0 4px 0 0;
}
#exposants td{
height: auto;
padding: 4px;
}
#infos td {
height: auto;
padding: 5px;
}
.centered {
text-align: center;
background: #f2efe7;
border: 1px solid #e67c84;
}
.toright {
text-align: right;
}
tr.enlightened td{
background: #f2efe7;
}
td a {
display: block;
}
th {
font-size: 13px;
color: #c21e2a;
margin: 0;
padding: 0 10px 7px 10px;
border-bottom: 1px solid #e67c84;
}
input {
margin: 0 0 0 4px;
padding: 0 0 0 0;
}
#intro {
display: none;
position: absolute;
top: 70px;
left: 50%;
color: #bdb39f;
width: 450px;
line-height: 34px;
font-size: 28px;
margin : 0 0 0 -225px;
padding: 0;
}
h2 {
font-weight: normal;
line-height: 15px;
}
h3 {
line-height: 28px;
color: #c21e2a;
font-size: 28px;
margin: 0 0 28px 0;
padding: 0 10px 0 0;
}
#main.manifestation h3 {
line-height: 25px;
font-size: 24px;
}
#main.manifestation h3.float_left {
width: 330px;
}
h4 {
display: none;
z-index: 100;
position: absolute;
top: 386px;
left: 50%;
color: #c21e2a;
font-size: 16px;
margin: 0 0 0 268px;
padding: 0;
line-height: 20px;
}
#main.presentation h4, #main.infos h4 {
position: static;
display: block;
line-height: 14px;
color: #c21e2a;
font-size: 14px;
margin: 20px 0 10px 0;
padding: 0;
}
#main.presentation h4.float_left {
width: 200px;
}
#main.infos h4 {
margin: 20px 0 10px 0;
}
h5 {
display: inline;
width: 300px;
color: black;
line-height: 40px;
font-size: 12px;
margin: 0 0 10px 0;
padding: 0 0 0 15px;
background: transparent url(/images/square.png) no-repeat 0 2px;
}
#anim {
display: none;
position: absolute;
top: 200px;
left: 50%;
color: #bdb39f;
width: 0;
height: 0;
line-height: 34px;
font-size: 28px;
margin : 0 0 0 -230px;
padding: 0;
}
#anim-appelation, #anim-appelation2  {
float: right;
width: 360px;
margin : 0 0 0 4px;
padding: 10px 0 10px 10px;
background: transparent;
border: 1px solid #c21e2a;
}
#anim-appelation2 {
padding: 60px 0 10px 10px;
background: transparent url(/images/carte-beaujolais.png) no-repeat 10px 10px;
}
#anim-appelation img {
position: relative;
z-index: 5000;
margin: -58px 0 0 0;
}
#stop {
display: none;
position: absolute;
top: 670px;
left: 50%;
color: white;
text-decoration: underline;
width: 600px;
margin : 0 0 0 -300px;
padding: 0;
}
#chateau0, #chateau1, #chateau2, #chateau3 {
display: none;
position: absolute;
top: 270px;
left: 50%;
margin: 0 0 0 -10px;
padding: 0;
}
.brown a, .manifestation #content #links li a {
color: #a08e57;
}
.brown a:hover {
color: #6e5a1f;
}
.manifestation #content #links li a:hover {
color: #c21e2a;
}
#logo {
float: left;
}
#pub, .presentation #content img {
float: right;
}
.presentation #content img{
margin: 20px 0 20px 24px;
}
#main {
position: relative;
width: 916px;
height: 100%;
margin: 0 auto;
padding: 0;
background: transparent;
}
#menu {
z-index: 1000;
width: 790px;
height: 28px;
overflow: hidden;
position: absolute;
top: 166px;
left: 50%;
margin : 0 0 0 -290px;
padding: 0;
background: #bdb39f;
}
#menu li {
float: left;
list-style-type:none;
margin: 0 0 0 0;
padding: 0;
background: transparent;
}
#menu li a {
display: block;
width: 87px;
height: 10px;
color: white;
font-size: 11px;
margin: 0;
padding:  6px 0 12px 0;
background: #bdb39f;
}
#menu li a.long {
width: 110px;
}
#menu li a.short {
width: 74px;
}
#menu li a:hover {
background: #c21e2a;
}
#content {
text-align: left;
position: relative;
float: left;
clear: both;
width: 728px;
height: 100%;
min-height: 600px;
margin: 15px 0 10px -5px;
padding: 22px 18px 22px 170px;
background: white;
border: 5px solid #ac9d7b;
}
#content #menu2, #left_frame {
z-index: 6000;
position: absolute;
height: 98%;
width: 150px;
margin: -22px 26px 0 -170px;
padding: 10px 0 0 0;
background: #f2efe7;
}
#content #menu2 li {
width: 150px;
float:left;
clear:both;
list-style-type:none;
margin: 0;
padding: 0 0 0 0;
background: #f2efe7;
line-height: 16px;
border: 0;
}
#content #menu2 li h2 {
text-align: center;
text-transform: uppercase;
color: #c21e2a;
font-size: 11px;
margin: 5px 0 0 0;
padding: 0;
}
#content #menu2 li a{
text-align: left;
text-transform: none;
color: black;
display: block;
font-size: 13px;
margin:0;
padding: 4px 8px 4px 8px;
background: #f2efe7;
}
#content #menu2 li a:hover {
font-weight: bold;
color: #c21e2a;
background: #d9d2bc;
}
#content #menu2 ul {
width: auto;
}
#content #menu2 ul li a {
font-size: 11px;
margin:0;
padding: 1px 0 1px 3px;
}
#inscription, .presentation #content img#inscription {
z-index: 10000;
position: absolute;
top: 480px;
left: 50%;
margin : 0 0 0 -438px;
padding: 0;
}
#content ul {
float: left;
width: 310px;
font-size: 15px;
position: relative;
z-index: 5000;
margin : 0 0 0 0;
padding: 0;
}
.manifestation #content ul {
float: none;
margin : 0 0 10px 0;
}
.infos #content ul, .infos #content ul li {
float: none;
width: auto;
margin: 0 0 26px 0;
}
#content ul li {
line-height: 18px;
display: inline;
float: left;
list-style-type:none;
margin: 10px 0;
padding: 0 5px;
background: transparent;
border: 1px solid white;
}
.presentation #content #description-chateau {
float: none;
margin : 0;
padding: 10px 0 14px 0;
}
.presentation #content ul li {
width: 310px;
margin: 1px 0;
padding: 0;
}
.infos #content ul li {
display: block;
font-size: 12px;
margin : 0;
padding : 0 0 0 14px;
background: transparent url(/images/dash.png) no-repeat 3px 9px;
}
.infos #content ul.place li {
width: 344px;
height: 94px;
float: left;
background: transparent url(/images/point2.png) no-repeat 3px 11px;
border-left: 1px solid #e67c84;
}
.infos #content ul.large li {
width: 704px;
height: auto;
margin : 0;
}
.presentation #content #description-chateau li {
font-size: 11px;
font-weight: bold;
display: block;
float: none;
}
.manifestation #content ul li {
display: block;
float: none;
width: 281px;
font-size: 11px;
margin : 0;
}
#content #rdv, #content #rdv li {
position: static;
display: block;
font-size: 12px;
float: none;
width: auto;
margin: 14px 0;
padding: 0;
border: 0;
}
.manifestation #content #links {
position: relative;
z-index: 10000;
float: right;
width: 314px;
margin: 0 20px 40px 0;
}
.manifestation #content #links li {
float:left;
width: auto;
margin: 0 7px 0 0;
padding: 0;
border: 0;
}
.manifestation #content #links li a {
float: left;
display: block;
height: 15px;
width: auto;
font-weight: bold;
font-size: 11px;
padding: 0 12px 0 0;
background: url(/images/slash.png) right 4px no-repeat;
}
.manifestation #content #links li a.no_bg {
background: white;
}
#content #rdv li p {
display: inline;
padding: 0 0 0 14px;
background: url(/images/point.png) 0 5px no-repeat;
}
#content ul li p {
margin: 4px 0;
padding: 0;
}

html {
background: #a89877;
}
#intro, #anim, #stop, #fr {
display: block;
}
#anim {
width: 460px;
height: 460px;
}
#en, #de, #fr {
display: none;
}
#main, #menu {
opacity: 0;
}