body {background: #586867 url('i/backgrounds/home.jpg') 0 0 repeat-x; padding-top: 29px; height: auto;}
#page {background: url('i/backgrounds/home-inner.jpg') 0 0 no-repeat; border: solid 1px #96a4a8;}

#container {min-height: 580px;}

#logo {position: absolute; top: -9999px; left: -9999px;}

#content {width: 185px; height: 275px; margin: 180px 20px 10px 35px; float: left;}

#content h2 {background: url('i/titles/notre-actualite.gif') 0 0 no-repeat; width: 179px; height: 55px; text-indent: -9999px;}

#news {height: 210px; overflow-y: auto; line-height: 1.25; margin-left: 5px;}

#news a {color: #333;}
#news a:hover {text-decoration: underline;}

#news h3 {text-transform: uppercase; font-weight: normal;}
#news .n1 h3 {color: #9d4646;}
#news .n2 h3 {color: #14778c;}

#sideBar {width: 254px; margin: 30px 27px 10px 20px; float: right;}

#illustration img,
#illustration object {display: block;}


.medieval {background: url('i/backgrounds/medieval-h.gif') 50% 0 repeat-y; padding: 5px 0; margin: 0 0 5px 0;}
.medieval .inner {background: #fff; border-top: solid 3px #f9f8f8; border-bottom: solid 3px #f9f8f8; padding: 12px 0; margin: 0 12px;}

#navigation {width: 254px;}

#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 25px 2px 15px; background: url('i/backgrounds/nav-icons.gif') 210px 2px no-repeat; text-align: right;}
#navigation strong a,
#navigation a:hover {color: #333; background-position: 210px -98px;}

#navigation li.n-news a {background-position: -36px 2px;}
#navigation li.n-news a:hover,
#navigation li.n-news strong a {background-position: -36px -98px;}
#navigation li.n-contact a {background-position: -292px 2px;}
#navigation li.n-contact a:hover,
#navigation li.n-contact strong a {background-position: -292px -98px;}
#navigation li.n-map a {background-position: -539px 2px;}
#navigation li.n-map a:hover,
#navigation li.n-map strong a {background-position: -539px -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-domain {padding-top: 14px; background: url('i/backgrounds/domain-nav-h.gif') 0 0 no-repeat; margin-bottom: 5px;}
#navigation-domain .inner {background: url('i/backgrounds/domain-nav-h.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: 222px; height: 12px; background: url('i/backgrounds/la-maison-h.gif') 100% 0 no-repeat; text-indent: -9999px; padding: 2px 0;}
#navigation-domain p a:hover,
#navigation-domain p em a {background-position: 100% -50px;}
#navigation-domain p em {font-style: normal;}






#aoc {margin: 0 0 1em 14px; background: url('i/backgrounds/sartene-home.gif') 0 100% no-repeat; color: #8b96a5; line-height: 1.3;}
#aoc a {color: #8b96a5;}
#aoc .inner {padding: 30px 0 0 68px;}

#authenticHotels {width: 272px; position: absolute; bottom: 12px; right: 12px; line-height: 1.3; background: url('i/backgrounds/authentic-hotels.png') 0 0 no-repeat;}
#authenticHotels a {color: #8b96a5; display: block; padding: 16px 0 0 122px;}
#authenticHotels a:hover {text-decoration: underline;}

#footer {color: #8b96a5; border: none; margin-right: 300px; margin-left: 200px; margin-top: -2.5em; text-align: center; position: relative;}
#footer a {color: #8b96a5;}

/* Floats
---------------------- */
#page:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}