* {margin: 0; padding: 0; list-style: none; border: 0; background-repeat: no-repeat; text-decoration: none; outline: none;}
body {background: #868475 url("../images/bg.jpg") repeat 50% 0; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px;}

a:link, a:visited, a:hover, a:active {color: #d2c9b9;}
a:hover {text-decoration: underline;}
img {display: block; border:none;}
input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
em {font-style: normal; font-weight: bold;}
strong {color:white;}
.clearer { height: 0.1em; clear: both;}

#container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;}
#wrapper {border: 6px solid #FFF;}
#main {background: #f8f3ea; height: 494px; position: relative; overflow: hidden; border: 9px solid #cac7b5;}
 
h1 {width: 174px; height: 174px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
h1 a {text-indent: -3000px; overflow: hidden; background:url("../images/logo.gif"); display: block; height: 100%; width: 100%;}
h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
h4.louviere {margin-bottom: 5px;}
 
#main_menu {width: 142px; position: absolute; top: 232px; left: 603px; padding: 1px 0 0; background:url("../images/dotted.gif"); background-repeat: repeat-x;}
#main_menu li {padding: 0 0 1px; background:url("../images/dotted.gif"); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {border-bottom:none; display: block; height: 20px; background-position: -137px 6px; text-indent: -3000px; background-repeat: no-repeat;}
#main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {border-bottom:none; background-position: 5px 6px;}

.accueil {background:url("../images/accueil.gif");}
.region {background:url("../images/region.gif");}
.mas {background:url("../images/mas.gif");}
.chambres {background:url("../images/chambres.gif"); background-repeat: no-repeat; background-position: 5px 6px;}
.plan {background:url("../images/plan.gif");}
.tarifs {background:url("../images/tarifs.gif");}
.contact {background:url("../images/contact.gif");} 

#contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
#contents {width: 3952px; height: 100%; position: relative;}
.content {width: 494px;  position: absolute; overflow: hidden; }
#home {left: 0; top: 0;}
 
#accueil {left: 494px; top: 0; background-image:url("../images/accueil.jpg"); padding: 248px 0 0;}
#accueil .description {background-color: #4f4138; height: 170px; padding: 12px 125px 38px 40px; color: #c8b18b; height:250px;}
#accueil h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}

#region {left: 988px; top: 0; background-image:url("../images/region.jpg"); padding: 248px 0 0;}
#region .description {background-color: #6f765e; height: 170px; padding: 12px 125px 38px 40px; color: #c8b18b; height:250px;}
#region h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}

#linkage {width:100%;}
#linkage ul {padding: 1em; margin: 5px 0; list-style-type:none;}
#linkage ul li {float: left; padding: 0 3px 2px 7px; width: 143px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix {height: 1px;}

#mas {left: 1482px; top: 0; background-image:url("../images/lemas.jpg"); padding: 248px 0 0;}
#mas .description {background-color: #4f4138; height: 170px; padding: 12px 105px 38px 40px; color: #c8b18b; height:250px;}
#mas h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}


#chambres {left: 1976px; top: 0; height: 494px; overflow: hidden;}
#photos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
#photos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
#photos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer;}
#photo_up { background-image:url("../images/up.png"); visibility: hidden;}
#photo_down { background-image:url("../images/down.png");}
#photos_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
#photos {  width: 494px; position: absolute; top: 0; left: 0;}
#photos li { position: relative; left: 0; top: 0; float: left; clear: left;}
#photos li img {display: block;}
#photos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}
#photos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden;}
#chambres:hover #photos_nav2 {visibility: visible;} 
#photos_nav2 ul {float: right; padding: 5px;}
#photos_nav2 li {float: left; padding-right: 1px;}
#photos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url("../images/menu.png");}
#photos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; text-decoration: none;}
#photos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
#plan {left: 2470px; top: 0; background-image:url("../images/plan.jpg"); padding: 248px 0 0;}
#plan .description {background-color: #6f765e; height: 170px; padding: 12px 125px 38px 40px; color: #c8b18b; height:250px;}
#plan h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}
 
#tarifs {left: 2964px; top: 0; background-image:url("../images/tarifs.jpg"); padding: 248px 0 0;}
#tarifs .description {background-color: #616362; height: 170px; padding: 12px 105px 38px 40px; color: #c8b18b; height:250px;}
#tarifs h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}
#tarifs dt, #tarifs dd {display: inline;}
#tarifs dt {color: #fff;}
#tarifs dl, #tarifs p {line-height: 14px; margin-top:10px;}
#padding-tarifs {padding:7px 0;}

#contact {left: 3458px;  top: 0; height: 494px; overflow: hidden;}
#formulaire_contact {position: absolute; left: 0;  top: 0; background-color: #24201D; background-image:url("../images/contact.jpg"); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
#formulaire_contact .description {background-color: #4C413F; height: 170px; padding: 12px 125px 38px 40px; color: #c8b18b; height:250px;}
#formulaire_contact h4 {font: normal 14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif; color: #FFF; padding:3px 0;}

#footer {position: relative; top: 0; left: 0; padding: 8px 5px 0 0;}
#footer p {float: right; margin: -1px 0 0 0; line-height: 13px; color: #3b2314; font-size: 11px; font-weight:bold;}
#lang {float: left; margin: 1px 0 0 5px; display: inline;}
#lang li {float: left; padding: 0 13px 0 0;}

iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}