*, html { margin:0; padding:0; }

body { background: #fdf9f0 url(../gif/body/bg1.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #393925; padding-top: 34px;  }
a { outline: none; text-decoration: none; color: #b55240;  }
a:hover { color: #dc614a; }

#container { /*position: relative; top:28px; left:0;*/ width: 768px; margin: 0 auto; text-align: left; z-index: 3; background: url(../gif/body/bg2.gif) repeat-y; }

#menu { width: 700px; height: 20px; text-align: right; position: absolute; margin-top:0; z-index: 100; top: 90px; left: 59px; }
div#menu ul { list-style: none; position: absolute; top:0; right:0; font-family: Arial, Helvetica, sans-serif; margin: 4px; }
div#menu ul li { float: left; background: url(../images/bullet.gif) no-repeat 5px 5px; }
div#menu ul li.first { background: none; }
div#menu ul li a { color: #727a35; font-weight: bold; font-size: 10px; padding-left: 17px; }
div#menu ul li a:hover { color: #b4b58d; }

#head { position: relative; left:0; top:0; height: 125px; width: 768px; z-index: 99; }
#feuille { width: 295px; height: 226px; position: absolute; top:0; left:0; z-index: 1; }

#lien { position: absolute; margin-top:0; text-align: right; z-index: 100; top: 5px; right: 10px; width: 190px; }
#lienanglais { width: 160px; height: 20px; position: absolute; margin-top: 0; text-align: right; z-index: 100; top: 5px; right: 10px; }

/* CONTENT */
#content { width: 768px; }


/* Repeater */
#content .repeater { clear: left; }
#content .repeater div.left { width: 150px; float: left; margin: 10px 0 0 10px; }
#content .repeater div.left .photo { width: 125px; height: 151px; background: url(../gif/body/background_left_images.gif) no-repeat; margin: 0 auto; }
#content .repeater div.left .photo img { padding: 16px 8px 8px 8px; }

#content .repeater div.left .photosLinksLeft { width: 135px; background: #fefcf7; border: 2px solid #fff; margin-left: 5px; height: auto; }
#content .repeater div.left .photosLinksLeft dl { display: block; clear: both; border-top: 1px solid #ecdcbf; padding: 4px 0 4px 0;  }
#content .repeater div.left .photosLinksLeft dl dt { clear: both; float: left; padding-right: 0; width: 37px; height: 37px; }
#content .repeater div.left .photosLinksLeft dl dd { font-size: 11px; font-weight: bold; }
#content .repeater div.left .photosLinksLeft dl dd a { display: block; height: 32px; padding: 5px 0 0 0;  }

#content .repeater div.left .photosLinksLeft dl.noBorderTop { border: 0; }

#content .repeater div.left .bt10vide { width: 140px; position: relative; text-align: left; z-index: 0; float: left; }

#content .repeater div.middle { width: 400px; border-top: 1px solid #ecdcbf; padding: 0 0 20px 0; margin-left: 180px; }
#content .repeater div.middle h1 { color: #727a35; font-size: 14px; font-family: "Times New Roman", Times, serif; font-style: italic; padding: 12px 0 12px 0; }
#content .repeater div.middle h2 { font-size: 13px; text-transform: uppercase; color: #b55265; margin-top: 16px; }
#content .repeater div.middle h3 { font-size: 12px; color: #B55240; margin-top: 16px; }
#content .repeater div.middle h4 { font-size: 11px; color: #666633; margin-top: 16px; }
#content .repeater div.middle p { margin: 10px 0 10px 0; }
#content .repeater div.middle strong { color: #b55240; }

.dot { float: left; margin-top: 8px; }
div.desc { margin-left: 27px; }

/* CONTENTLEFT */

#content #contentLeft { width: 150px; float: left; margin: 10px 0 0 10px; position: relative; z-index: 0; }
#content #contentLeft .photo { width: 125px; height: 151px; background: url(../gif/body/background_left_images.gif) no-repeat; margin: 0 auto; position: relative; }
#content #contentLeft .photo img { padding: 16px 8px 8px 8px; }

#content #contentLeft .photosLinksLeft { width: 140px; background: #fefcf7; border: 2px solid #fff; margin-left: 0; height: auto; }
#content #contentLeft .photosLinksLeft dl { display: block; clear: both; border-top: 1px solid #ecdcbf; padding: 4px 0 4px 0;  }
#content #contentLeft .photosLinksLeft dl dt { clear: both; float: left; padding-right: 4px; width: 37px; height: 37px; }
#content #contentLeft .photosLinksLeft dl dd { font-size: 11px; font-weight: bold; }
#content #contentLeft .photosLinksLeft dl dd a { display: block; height: 32px; padding: 5px 0 0 2px;  }

#content #contentLeft .photosLinksLeft dl.noBorderTop { border: 0; }

#content #contentLeft .bt10vide { width: 140px; position: relative; text-align: left; z-index: 0; float: left; }


/* CONTENTMIDDLE */
#content #contentMiddle { width: 400px; border-top: 1px solid #ecdcbf; padding: 0 0 20px 0; margin-left: 180px; }
#content #contentMiddle h1 { color: #727a35; font-size: 14px; font-family: "Times New Roman", Times, serif; font-style: italic; padding: 12px 0 12px 0; }
#content #contentMiddle h2 { font-size: 13px; text-transform: uppercase; color: #b55265; margin-top: 16px; }
#content #contentMiddle h3 { font-size: 12px; color: #B55240; margin-top: 16px; }
#content #contentMiddle h4 { font-size: 11px; color: #666633; margin-top: 16px; }
#content #contentMiddle p { margin: 10px 0 10px 0; }
#content #contentMiddle strong { color: #b55240; }

#content #contentMiddle div.floatLeft { float: left; width: 150px; margin: 10px 0 0 10px; }
#content #contentMiddle div.floatLeft .photo { width: 125px; height: 151px; background: url(../gif/body/background_left_images.gif) no-repeat; margin: 0 auto; }
#content #contentMiddle div.floatLeft .photo img { padding: 16px 8px 8px 8px; }

#content #contentMiddle .photosLinksLeft { float: left; width: 150px; background: #fefcf7; border: 2px solid #fff; margin: 0 auto; height: auto; }
#content #contentMiddle .photosLinksLeft dl { display: block; clear: both; border-top: 1px solid #ecdcbf; padding: 4px 0 4px 0;  }
#content #contentMiddle .photosLinksLeft dl dt { clear: both; float: left; padding-right: 4px; width: 37px; height: 37px; }
#content #contentMiddle .photosLinksLeft dl dd { font-size: 10px; font-weight: bold; }
#content #contentMiddle .photosLinksLeft dl dd a { display: block; height: 37px;  }

#content #contentMiddle .bt10vide { width: 140px; position: relative; text-align: left; z-index: 0; float: left; }

#content .middle ul#sitemap { list-style: none; font-weight: bold; margin-top: 20px; }
#content .middle ul#sitemap li { padding-left: 12px; }
#content .middle ul#sitemap ul { font-weight: normal; list-style: none; padding: 2px; }
#content .middle ul#sitemap ul li { padding-left: 16px; }

/* CONTENTRIGHT */
#content #contentRight { width: 150px; margin: 0 10px 0 0; float: right; position: relative; z-index: 50; }
#content #contentRight ul { list-style: none;}
#content #contentRight ul li { text-align: right; padding: 3px;  } 
#content #contentRight ul li a { font-size: 11px; color: #b55240; font-weight: bold; }
#content #contentRight ul li a:hover { color: #e7614a; }
#petitefeuille { width: 112px; height: 119px; position: absolute; z-index:-1; top : 60px; left: 100px; background: url(gif/body/petitefeuille.gif) no-repeat; }

/* FOOTER */
#footer { background: #fdfaf4;  clear: both; border-top: 3px solid #fff; border-bottom: 3px solid #fff; margin-left: 12px; width: 740px;  text-align: right; padding:4px 12px 4px 0; height: 40px; }
#footer p { font-size: 10px; color: #ccb690; font-weight: bold; }
#footer p a { color: #ccb690; }
#footer p a:hover { color: #b55240; }

/* FOOTERCREDITS */
#footerCredits {  position: relative; top: 12px; right: 0; text-align: right; font-size: 10px; }
#footerCredits p { color: #e7d3ad; font-weight: normal; }
#footerCredits p a { color: #e7d3ad; }

/* DESCRIPTION CHAMBRES */
#confort { position:absolute; left:20px; top:16px; width:111px; height:124px; z-index:4; visibility: hidden; }
#superieur { position:absolute; left:20px; top:16px; width:111px; height:124px; z-index:5; visibility: hidden; }
#reguliere { position:absolute; left:20px; top:16px; width:111px; height:124px; z-index:6; visibility: hidden; }
#junior { position:absolute; left:20px; top:16px; width:111px; height:124px; z-index:7; visibility: hidden; }

/* TABLES DES DESCRIPTION DE CHAMBRES */
span.descriptionChambresDate { color: #9da272; font-size: 11px; font-weight: normal; }
span.descriptionChambresPrice { color: #b55240; font-size: 14px; font-weight: bold;  }
div.Style16, span.Style16 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #b55240; }

/* Galerie de photos */
#gallery { margin: 14px 0 0 0; }

#thumbnails { width: 402px; height: 120px; overflow: hidden; background: #f8f1e5; position: relative; margin: 0 auto; }
#thumbnails .section { width:1506px; position: relative; height: 135px; }
#thumbnails .section ul { list-style: none; width: 402px; float: left; display: block; margin: 0; padding: 3px 0 0 16px !important; padding: 3px 0 0 9px; }
#thumbnails .section ul li { float: left; margin: 2px 4px 2px 0; height: 45px; padding:1px; border: 1px solid #B4513F;  }
#thumbnails .section ul li a { height: 45px; width: 45px; display: block; border: none; }
#thumbnails .section ul li a img { border: none; }
#thumbnails .section ul li a:hover {  }

#thumbnails .section ul li a.active { }

#gallery div#mainPhoto { width: 400px; height: 275px; text-align: left; position: relative; border: 1px solid #e8d3ad;  }

#gallery img { margin: 0; padding:0; }
#gallery div#mainPhoto div#photo1 { position: absolute; top: 0; left: 0; z-index: 10; }
#gallery div#mainPhoto div#photo2 { position: absolute; top: 0; left: 0; z-index: 20; }
#gallery div#mainPhoto div#loader { background: url(../images/loadingAnimation.gif) no-repeat center center; position: absolute; top: 0; left: 0; z-index: 30; height: 275px; width: 400px; text-indent: -3000px; overflow: hidden; }

#gallery div#galNav { background: #ecdcbf;  height: 20px; font-size: 11px; margin:0; padding:0; font-weight: bold; padding: 4px; }
#gallery div#galNav ul { list-style: none; padding: 1px 0 0 12px;  }
#gallery div#galNav ul li { float: left; padding-left: 0; margin-right: 6px; }
#gallery div#galNav ul li a { display: block; width: 14px; height: 14px; float: left; padding:1px; border: 1px solid #B4513F; text-align: center;}
#gallery div#galNav ul li a:hover, #gallery div#galNav ul li a.active { background: #F8F1E5; }


/* SPLASH */

#splash { width: 608px; margin: 0 auto; border: 2px solid #fff; }
#splash #splashHead { background: url(../splash_images/top.jpg) no-repeat; height: 244px; text-align: left;  }
#splash #splashHead h1 { overflow: hidden; text-indent: -6000px; }

#splash #splashContent { background: url(../splash_images/logo_prix.gif) no-repeat 10px 0; font-family: Palatino Linotype, Times New Roman, serif; padding-top: 18px; font-size: 13px; line-height:16px; color: #7C4521; padding:0 30px 0 64px; height: 110px; }

#splash #splashContent p strong { color: #833226; font-size: 16px;  }
#splash #splashContent h3 { font-size: 20px; font-weight: normal; font-style: italic; padding-top: 10px; color:#707B36; }

#splashLinks {  font-family: Palatino Linotype, Times New Roman, serif; padding: 12px; padding-left:0; }
#splashLinks a { width: 108px; height: 28px; display: block; font-size: 15px; float: left; text-align:center; padding-top:11px; font-weight: bold; }
#splashLinks a#welcome { background: url(../splash_images/bg_welcome.png) no-repeat; color: #b2b97a; }
#splashLinks a#welcome:hover { color: #dae0aa; }
#splashLinks a#bienvenue { background: url(../splash_images/bg_bienvenue.png) no-repeat; color: #cb7848; }
#splashLinks a#bienvenue:hover { color: #f8c8ac; }

#splashLogos { margin: 0; padding-bottom: 20px; float: right; width: 220px; height: 80px; }
#splashLogos ul { list-style: none; }
#splashLogos ul#logos li { float: left; padding-right: 8px;  }

#splashFooter { background: #fdfaf4; clear: both; border-top: 3px solid #fff; text-align: right; padding:4px 12px 4px 0; }
#splashFooter p { font-size: 10px; color: #ccb690; font-weight: bold; }
#splashFooter p a { color: #ccb690; }
#splashFooter p a:hover { color: #b55240; }

#splashFooter p.credits { color: #e7d3ad; font-weight: normal; padding-top: 5px; }
#splashFooter p.credits a { color: #e7d3ad; }