body  { background-color: #b11a3b; text-align: center }
img  { margin: 0; border: 0 }
strong  { color: #000 }
em  { font-style: italic; font-weight: bold }
hr  {visibility: hidden; margin: 0; clear: both}
.english {font-style: italic}
img#home  { padding-bottom: 70px }

div#main               { background-color: #000; margin-right: auto; margin-left: auto; width: 780px; height: 100px }
div#bandeau                  { background-color: #000; background-image: url(../img_headers/bandeau_fond.gif); background-repeat: no-repeat; background-position: 5px bottom; text-align: right; margin-right: auto; margin-left: auto; border: solid 1px #f8b800 }
div#bandeau img      { margin-top: 4px; margin-right: 4px; margin-bottom: 4px }

ul#menu              {list-style-type: none; margin: 0; padding: 0 }
ul#menu li       { display: inline; margin: 0; padding: 0}
ul#menu li a          { background-repeat: no-repeat; background-position: 0 0; display: block; float: left; border-right: 1px solid #f8b800 }
ul#menu li a.first  { border-left: 1px solid #f8b800 }

a#histoire       { background-image: url(../img_headers/nav_histoire.gif) }
a#tourisme       { background-image: url(../img_headers/nav_tourisme.gif) }
a#terroir      { background-image: url(../img_headers/nav_terroir.gif) }
a#services      { background-image: url(../img_headers/nav_services.gif) }
a#vignerons      { background-image: url(../img_headers/nav_vignerons.gif) }
a#hebergements      { background-image: url(../img_headers/nav_hebergements.gif) }
a#venir      { background-image: url(../img_headers/nav_venir.gif) }
ul#menu li a:hover  { background-position: 0 -30px }

div#bottom                             { color: #323232; font-size: 11px; font-family: Verdana; background-color: #fffde5; background-image: url(../img_headers/bande_j.gif); background-repeat: repeat-y; background-position: 600px top; margin: 0; padding: 0; border-right: 1px solid #f8b800; border-bottom: 1px solid #f8b800; border-left: 1px solid #f8b800 }
/* hack ie */
* html div#bottom  { width: 780px }

div#left                { background-color: #fffde5; background-image: url(../img_headers/filigrane.gif); background-repeat: no-repeat; background-position: center; text-align: left; width: 590px; float: left }
div#bottom img.photo            { margin-top: 20px; margin-bottom: 20px; float: left; border-style: solid; border-width: 1px 1px 1px 10px; border-color: #b11a3b }

div.info      { padding-right: 30px; padding-left: 50px }
div.info  h1            { color: #b11a3b; font-size: 18px; font-family: Helvetica; font-variant: small-caps; letter-spacing: 0.1em; margin-top: 15px; margin-bottom: 10px; margin-left: -30px }
div.info img.vignette             { margin-right: 15px; margin-bottom: 10px; margin-left: -30px; float: left; border: solid 1px #000 }
div.info p              { text-align: justify }