html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*Base
----------------------------------------------------------------------------------------- */
body { font: 12px/20px Georgia, "Times New Roman", Times, serif; background: url('../images/bg2.jpg') 0 0 repeat; color: #43403d; }
#container { position: relative; width: 1000px; margin: 60px auto 0; }
h1 { position: absolute; top: -40px; left: 40px; width: 240px; height: 120px; text-indent: -50000px; background: url('../images/logo_mas_saint_jean_saint_caprais_blaye.png') 0 0 no-repeat; z-index: 5000; }
a { color: #b4a27c; }
p.tagline { position: absolute; top: -10px; color: #e3e7db; left: 280px; font-size: 14px; font-weight: bold; font-variant: small-caps; }

/*Nav-tools
----------------------------------------------------------------------------------------- */
#nav-tools { position: absolute; right: 20px; top: -20px; z-index: 5000; }
#nav-tools li { float: left; }
#nav-tools li a { display: block; width: 20px; height: 40px; background: url('../images/language.png') 0 0 no-repeat; text-indent: -50000px; }
#nav-tools li #french { background-position: 0 0; }
#nav-tools li #french.active, #nav-tools li #french:hover { background-position: 0 -40px; }
#nav-tools li #english { background-position: right 0; }
#nav-tools li #english.active, #nav-tools li #english:hover { background-position: right -40px; }

/*Nav-main
----------------------------------------------------------------------------------------- */
#nav-main { position: absolute; top: -20px; right: 80px; z-index: 5000; }
#nav-main li { float: left; }
#nav-main li a { display: block; width: 140px; height: 40px; background: url('../images/nav.png') 0 0 no-repeat; text-indent: -50000px; }
#nav-main.english li a { display: block; width: 140px; height: 40px; background: url('../images/nav_en.png') 0 0 no-repeat; text-indent: -50000px; }
#nav-main li #rooms-link { background-position: -20px 0; width: 120px; }
#nav-main li #informations-link { background-position: right 0; }

/*Presentation
----------------------------------------------------------------------------------------- */
#presentation.tabs { position: relative; height: 420px; width: 960px; padding: 20px; background: url('../images/presentation_bg.png') 0 0 no-repeat; margin-top: 5px; }
#presentation ul.tabNavigation { position: absolute; right: 40px; bottom: 42px; z-index: 5000; }
#presentation ul.tabNavigation li { float: left; } 
#presentation ul.tabNavigation li a { display: block; width: 20px; height: 20px; text-indent: -50000px; margin-left: 1px; background: url('../images/camera.png') no-repeat 0 0; }
#presentation ul.tabNavigation li a.selected, #presentation ul.tabNavigation li a:hover { background: url('../images/camera.png') no-repeat 0 -20px; }
#presentation .legend { position: absolute; bottom: 32px; height: 40px; width: 740px; line-height: 20px; margin-left: 20px; }

/*Rooms
----------------------------------------------------------------------------------------- */
#rooms.tabs { position: relative; height: 480px; width: 960px; padding: 20px; background: url('../images/rooms_bg.png') 0 0 no-repeat; margin-top: 5px; }
#rooms h2 { position: absolute; top: -20px; left: 40px; width: 170px; height: 80px; text-indent: -50000px; background: url('../images/rooms.png') 0 0 no-repeat; z-index: 5000; }
#rooms h2.english { background: url('../images/rooms_en.png') 0 0 no-repeat; }
#rooms ul.tabNavigation { list-style: none; margin: 0 0 0 20px; padding: 0; position: absolute; top: 20px; right: 40px; z-index: 5000; }
#rooms ul.tabNavigation li { float: left; margin-left: 1px; } 
#rooms ul.tabNavigation li a { display: block; width: 90px; height: 30px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 30px; text-decoration: none; color: #f6f6f0; }
#rooms ul.tabNavigation li a.selected, #rooms ul.tabNavigation li a:hover { background-color: #f6f6f0; color: #43403d; }
#rooms .description { position: absolute; height: 200px; width: 270px; top: 50px; right: 20px; background-color: #f6f6f0; padding: 20px; }
#rooms .commodities li { padding-left: 20px; background: url('../images/bullets.png') -6px -80px no-repeat; line-height: 18px; width: 250px; }
#rooms .price { font-size: 24px; line-height: 24px; font-weight: bold; margin-top: 20px; position: absolute; bottom: 70px; }
#rooms .service { font-size: 14px; font-style: italic; color: #b4a27c; position: absolute; bottom: 45px; }
#rooms .ps { position: absolute; bottom: 15px; }

/*Informations
----------------------------------------------------------------------------------------- */
#informations { position: relative; width: 470px; height: 500px; padding: 20px; background: url('../images/informations_bg.png') 0 0 no-repeat; }
#informations h2 { position: absolute; top: -20px; left: 40px; width: 170px; height: 80px; text-indent: -50000px; background: url('../images/informations.png') 0 0 no-repeat; z-index: 5000; }
#informations h3 { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#informations h4 { font-weight: normal; font-style: italic; }
#informations h4.brand { font-style: normal; font-variant: small-caps; }
#informations p { margin-bottom: 10px; }
#informations ul { margin-bottom: 20px; }
#informations .reservations { width: 210px; padding: 40px 0 20px 20px; }
#informations .coordinates { position: absolute; width: 210px; right: 30px; top: 60px; }
#informations .coordinates2 { position: absolute; width: 210px; right: 30px; top: 300px; }
#informations .POI { margin: 0 0 0 20px; }
#informations .POI h3 { padding-top: 5px; }
#informations .POI h3 + .col { margin-right: 20px; }
#informations .POI .col { float: left; width: 210px; }
#informations .POI ul li { padding-left: 20px; background: url('../images/bullets.png') -6px -120px no-repeat; float: left; width: 100%; }

/*Access
----------------------------------------------------------------------------------------- */
#map { position: absolute; bottom: 250px; right: 0; width: 470px; height: 500px; padding: 20px; background: url('../images/access_bg.png') 0 0 no-repeat; }
#map h2 { position: absolute; top: -20px; left: 40px; width: 170px; height: 80px; text-indent: -50000px; background: url('../images/access.png') 0 0 no-repeat; z-index: 5000; }
#map h2.english { background: url('../images/access_en.png') 0 0 no-repeat; z-index: 5000; }
#map h3 { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#map .googlemaps { position: relative; left: 5px; top: 5px; }



/*Descriptiond
----------------------------------------------------------------------------------------- */
#descriptiond { position: relative; width: 920px; height: 220px; padding: 40px; background: url('../images/description_bg.png') 0 0 no-repeat; }
#descriptiond ul { margin-bottom: 20px; }
#descriptiond h3 { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#descriptiond h3 + .col { margin-right: 20px; }
#descriptiond .col { float: left; width: 440px; }
#descriptiond ul li { padding-left: 20px; background: url('../images/bullets.png') -6px -120px no-repeat; float: left; width: 100%; }

/*Links
----------------------------------------------------------------------------------------- */
#links { position: relative; width: 920px; height: 110px; padding: 40px; background: url('../images/links_bg.png') 0 0 no-repeat; }
#links ul { margin-bottom: 20px; }
#links h3 { font-family: Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#links h3 + .col { margin-right: 20px; }
#links .col { float: left; width: 440px; }
#links ul li { padding-left: 20px; background: url('../images/bullets.png') -6px -120px no-repeat; float: left; width: 100%; }


/*Footer
----------------------------------------------------------------------------------------- */
#footer { color: #e3e7db; height: 40px; margin: 20px 20px; text-align: center; line-height: 40px; border-top:  1px solid #e3e7db; }
#footer p .brand { font-style: normal; font-variant: small-caps; }
#footer p a { color: #e3e7db; }