body {background: #e8e9e8 url('i/backgrounds/page.jpg') repeat-x;}
body.domain {background-image: url('i/backgrounds/page-domain.jpg');}

#container {padding-top: 25px; background: url('i/backgrounds/header.gif') 196px 23px no-repeat; min-height: 400px;}
.domain #container {background: url('i/backgrounds/header-domain.gif') 237px 29px no-repeat;}

#content {width: 694px; margin-right: 14px; float: right; padding-top: 113px;}
.domain #content {color: #000;}

#breadcrumbs {color: #697976; padding-left: 186px; font-size: 0.9em; margin: 3px 0 0.7em 0;}
.domain #breadcrumbs strong {color: #4d96a3;}
#breadcrumbs strong {color: #b67979; font-weight: normal;}
#breadcrumbs a {color: #697976;}
#breadcrumbs a:hover {text-decoration: underline;}

.bottled .lorem {width: 468px; float: left;}
.bottled .bottle {width: 196px; float: right;}

.content a {color: #c59a9a; text-decoration: underline;}

.content .cap {font-size: 1.1em;}

.content .intro {padding: 0 0 0 186px; min-height: 36px; margin-bottom: 0.5em;}
.content h1 {color: #b67979; font-size: 2em; font-weight: normal;}
.content .intro h1 {line-height: 1.25;}
.domain .content .intro h1 {color: #4d96a3; padding-bottom: 6px; background: url('i/backgrounds/domain-h1.gif') 0 100% no-repeat; margin-bottom: 1em;}
.content .bottled h1 {text-align: right;}

.content .byDate {color: #b67979; font-size: 0.95em;}
.content .byDate a {color: #b67979;}
.content .byDate a:hover {text-decoration: underline;}

.content h2 {font-size: 1.3em; margin-bottom: 0.7em;}
.domain .content h2 {color: #4d96a3;}

.content .specs {margin-top: 0.7em;}
.content .specs h2 {color: #b67979; font-weight: normal; border-bottom: solid 1px #fff; font-size: 1.25em; margin-bottom: 0.7em;}

.content .specs .odd-block {background: url('i/backgrounds/vine-1.gif') 100% 0.6em no-repeat; min-height: 70px; padding-bottom: 1px;}
.content .specs .even-block {background: url('i/backgrounds/vine-2.gif') 100% 0.7em no-repeat; min-height: 70px;  padding-bottom: 1px;}
.content .specs .desc {padding: 0 70px 0 59px; background: url('i/backgrounds/spec-desc.gif') 43px 2px no-repeat;}

.wrapper {background: #f6f6f6 url('i/backgrounds/wrapper-a.png') 0 0 no-repeat; margin: 0 2px 1em 0;}
.bottle .wrapper {margin-right: 0;}
.wrapper-b {background: url('i/backgrounds/wrapper-b.png') 100% 0 no-repeat;}
.wrapper-c {background: url('i/backgrounds/wrapper-c.png') 100% 100% no-repeat;}
.wrapper-d {background: url('i/backgrounds/wrapper-d.png') 0 100% no-repeat; padding: 10px;}

.bottle .wrapper img {margin: 0 auto; display: block;}

.split .main {width: 440px; float: left;}

.split .related {width: 227px; float: right;}


.inset {background: url('i/backgrounds/inset-a.gif') 0 0 no-repeat; margin-bottom: 1em;}
.inset-b {background: url('i/backgrounds/inset-b.gif') 100% 0 no-repeat;}
.inset-c {background: url('i/backgrounds/inset-c.gif') 100% 100% no-repeat;}
.inset-d {background: url('i/backgrounds/inset-d.gif') 0 100% no-repeat; padding: 15px;}

.paddedInset {padding: 25px;}


.content .dated h2 {color: #b6797a; font-size: 1.2em;}
.content .dated p {margin-bottom: 0.1em;}
.content .dated .meta {color: #666; font-size: 0.95em;}
.content .dated .event a {color: #c59a9a;}
.content .period .date {width: 60px; margin-right: 5px; float: left;}
.content .period .events {float: left; width: 575px; padding-top: 0.1em;}
.content .dated .event {margin-bottom: 0.8em; color: #333;}
.content .period h3 {font-size: 1.1em; }

.wine-event h3 {padding: 0 0 0 18px; background: url('i/backgrounds/spec-desc.gif') 0 0.2em no-repeat;}
.domain-event h3 {padding: 0 0 0 18px; background: url('i/backgrounds/house.gif') 0 0.3em no-repeat;}

.separator {display: block; height: 60px; background: url('i/backgrounds/separator.gif') 50% 50% no-repeat;}
.backUp {display: block; text-align: right; margin-bottom: 1em;}
.backUp a {color: #fff; background: url('i/backgrounds/top.gif') 100% 0 no-repeat; display: -moz-inline-stack; display: block; text-decoration: none; padding: 3px 38px 0 0; font-weight: bold;}


table.fullTable {width: 100%;}
.content table * {margin-bottom: 0;}

td,
th {padding: 3px 8px; background: #fff;}
th {vertical-align: bottom;}
td {border-right: solid 1px #e8e9e8; vertical-align: top;}

.cellLeft {text-align: left;}
.cellRight {text-align: right;}
.cellCenter {text-align: center;}
.cellTop {vertical-align: top;}
.cellBottom {vertical-align: bottom;}
.cellMiddle {vertical-align: middle;}

.cell1 {background: #b67979; color: #fff;}
.content .cell1 a {color: #fff;}
.cell2 {background: #ccc; color: #fff;}
.content .cell2 a {color: #fff;}
.cell3 {color: #b67979; font-size: 1.1em; padding: 8px;}
.content .cell3 a {color: #b67979;}

th,
td.th {font-weight: bold; text-align: left; border-right: solid 1px #fff; border-bottom: solid 1px #e8e9e8; color: #999;}


.contact button {width: 73px; height: 27px; background: url('i/backgrounds/envoyer.gif') 0 0 no-repeat; text-indent: -9999px; float: right;}

.contact input {border: solid 1px #ccc; padding: 1px 2px; width: 200px;}
.contact select {border: solid 1px #ccc;}
.contact textarea {border: solid 1px #ccc; padding: 1px 2px; width: 350px;}

.contact label {display: block; margin-bottom: 0.3em;}
.contact label span {display: block; width: 140px; float: left; margin-right: 10px;}

.contact h2 {color: #fff; padding: 0 0 0.2em 0; border-bottom: dotted 2px #fff; font-size: 1.5em;}

.contact .mandatory {color: #14778c;}
.contact .box label input {border: none; width: auto; padding: 0;}

.contact .cp input {width: 4em;}
.contact .email input {width: 120px;}
.contact .passwd input {width: 100px;}
.contact .birthdate input {width: 6em;}

.contact .delimited {padding: 0.5em 0 0 0; margin: 1.5em 0 0 150px; border-top: solid 1px #fff;}

.products button,
.products .button {background: #DBDBD2; border: solid 1px #fff; color: #156D84; padding: 2px 10px; float: right; margin: 1em 0; text-transform: small-caps; outline: solid 1px #dfdfdf; font-size: 1.05em; cursor: pointer; display: block; text-decoration: none;}
.products button:hover,
.products .button:hover {outline: solid 1px #efefef;}
.products select {margin-right: 0.5em;}
.products label {display: block; margin: 0 0 0.3em 0;}

.products table {width: 100%;}
.products td,
.products th {text-align: right;}
.products .wine {text-align: left;}
.products .total td {border-top: solid 1px #efefef;}

.error {color: red; margin-bottom: 1.5em;}

.photos {background: #a1c9d1; width: 671px; margin-bottom: 10px;}
.content .photos li {float: left; margin: 0; list-style: none; margin-right: 8px;}
.content .photos li.call4 {margin-right: 0;}
.photos li a {display: block; overflow: hidden; text-decoration: none; text-indent: -9999px;}
.photos li.call1 a {width: 163px; height: 151px; background: url('../../media/diapo/player1-1.jpg'); margin-right: ;}
.photos li.call2 a {width: 159px; height: 151px; background: url('../../media/diapo/player1-2.jpg');}
.photos li.call3 a {width: 159px; height: 151px; background: url('../../media/diapo/player1-3.jpg');}
.photos li.call4 a {width: 166px; height: 151px; background: url('../../media/diapo/player1-4.jpg');}

.photos2 {background: #a1c9d1; width: 671px; margin-bottom: 10px;}
.content .photos2 li {float: left; margin: 0; list-style: none; margin-right: 8px;}
.content .photos2 li.call4 {margin-right: 0;}
.photos2 li a {display: block; overflow: hidden; text-decoration: none; text-indent: -9999px;}
.photos2 li.call1 a {width: 163px; height: 151px; background: url('../../media/diapo/player2-1.jpg'); margin-right: ;}
.photos2 li.call2 a {width: 159px; height: 151px; background: url('../../media/diapo/player2-2.jpg');}
.photos2 li.call3 a {width: 159px; height: 151px; background: url('../../media/diapo/player2-3.jpg');}
.photos2 li.call4 a {width: 166px; height: 151px; background: url('../../media/diapo/player2-4.jpg');}


.gMap {border: solid 1px #8B96A5;}

#page .printer {float: right; background: url('i/backgrounds/printer.png') 0 50% no-repeat; padding-left: 14px; text-decoration: none; }

/* 
---------------------- */

#sideBar {margin: 10px 0 0 12px; float: left; width: 204px;}

#navigation .inner {line-height: 1.3;}

#navigation li strong {font-weight: normal;}
#navigation li,
#navigation li * {font-family: 'Times New Roman', Times, serif;}
#navigation li li,
#navigation li li * {font-family: arial,verdana,sans-serif;}
#navigation li {font-size: 1.25em;}
#navigation li li {font-size: 0.75em; margin: 1px 0;}

#navigation a {color: #848402; display: block; padding: 2px 15px 2px 25px; background: url('i/backgrounds/nav-icons.gif') 0 2px no-repeat;}
#navigation strong a,
#navigation a:hover {color: #333; background-position: 0 -98px;}

#navigation li.n-news a {background-position: -245px 2px;}
#navigation li.n-news a:hover,
#navigation li.n-news strong a {background-position: -245px -98px;}
#navigation li.n-contact a {background-position: -500px 2px;}
#navigation li.n-contact a:hover,
#navigation li.n-contact strong a {background-position: -500px -98px;}
#navigation li.n-map a {background-position: -747px 2px;}
#navigation li.n-map a:hover,
#navigation li.n-map strong a {background-position: -747px -98px;}


#navigation ul ul {margin: 3px 0 3px 20px;}
#navigation li li a {padding: 2px 10px 1px 16px; color: #666; background: none;}
#navigation li li a:hover {color: #b67979;}
#navigation li li strong a {background: #b67979; color: #fff;}
#navigation li li strong a:hover {color: #fff;}

#navigation li li.strike {background: url('i/backgrounds/nav-strike.png') 0 0 no-repeat; padding-top: 8px;}

#aoc {text-align: center; color: #8b96a5;}
#aoc .inner {background-position: 50% 36px; background-repeat: no-repeat; background-image: url('i/backgrounds/blason.png'); padding-top: 175px;}

#navigation-domain {padding-top: 14px; background: url('i/backgrounds/domain-nav.gif') 0 0 no-repeat; margin-bottom: 5px;}
#navigation-domain .inner {background: url('i/backgrounds/domain-nav.gif') 0 100% no-repeat; padding: 0 16px 12px 16px;}

#navigation-domain ul {margin: 1px 0 8px 0; padding-top: 5px; border-top: solid 1px #14778c;}
#navigation-domain ul li {padding-left: 18px;}
#navigation-domain a {color: #14778c;}
#navigation-domain a:hover,
#navigation-domain li strong a {color: #000;}
#navigation-domain li strong {font-weight: normal;}

#navigation-domain p a {display: block; overflow: hidden; width: 160px; height: 12px; background: url('i/backgrounds/la-maison.gif') 0 0 no-repeat; text-indent: -9999px; padding: 2px 0;}
#navigation-domain p a:hover,
#navigation-domain p em a {background-position: 0 -50px;}
#navigation-domain p em {font-style: normal;}

#authenticHotels {line-height: 1.3; background: url('i/backgrounds/authentic-hotels-h.png') 0 14px no-repeat;}
#authenticHotels a {color: #333; display: block; padding: 60px 0 0 0;}
#authenticHotels a:hover {text-decoration: underline;}


/* Floats
---------------------- */
.bottled:after,
.split:after,
.period:after,
.contact label:after,
.photos:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.photos2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}