html { background-color: #1e0e00; }

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #fff8e1;  }

a { color: #fff8e1; }

#page { width: 960px; margin: 0 auto;  background: transparent url(../img/bg/content.png) no-repeat center 53px; }

#header { height: 60px; line-height: 50px; padding: 0 45px; }
#content { height: 350px; width: 870px; margin: 10px 45px; position: relative;}
#content span.content-loader { position: absolute; top: 0px; left: 0px; background: #1e0e00 url(../img/icons/loader_logo.gif) no-repeat center 110px; display: block; width: 870px; height: 160px; text-align: center; padding-top: 190px; }

#footer{ height: 130px;  background: url(../img/bg/footer.png) no-repeat 0 10px; position: relative; }

#footer a.email { display: block; width: 180px; height: 30px; position: absolute; top: 70px; left: 680px;}


#header ul#menu { line-height: 60px; height: 60px; }
#header ul#menu li { float: left;}
#header ul#menu li a { display: block; color: #fff8e1; text-decoration: none; background-repeat: no-repeat; height: 60px;}
#header ul#menu li a span { display: none; }

/* FRENCH */
#header ul#menu.language-fr li a { background-image: url(../img/bg/menu_fr.png); }

#header ul#menu.language-fr li#menu-hotel a { background-position: -35px 0; width: 100px; }
#header ul#menu.language-fr li#menu-hotel a:hover { background-position: -35px -60px; }

#header ul#menu.language-fr li#menu-bedrooms a { background-position: -130px 0; width: 130px; }
#header ul#menu.language-fr li#menu-bedrooms a:hover { background-position: -130px -60px; }

#header ul#menu.language-fr li#menu-suites a { background-position: -270px 0; width: 110px; }
#header ul#menu.language-fr li#menu-suites a:hover { background-position: -270px -60px; }

#header ul#menu.language-fr li#menu-spa a { background-position: -390px 0; width: 100px; }
#header ul#menu.language-fr li#menu-spa a:hover { background-position: -390px -60px; }

#header ul#menu.language-fr li#menu-seminar a { background-position: -490px 0; width: 130px; }
#header ul#menu.language-fr li#menu-seminar a:hover { background-position: -490px -60px; }

#header ul#menu.language-fr li#menu-prices-booking a { background-position: -630px 0; width: 170px; }
#header ul#menu.language-fr li#menu-prices-booking a:hover { background-position: -630px -60px; }

#header ul#menu.language-fr li#menu-press a { background-position: -800px 0; width: 120px; }
#header ul#menu.language-fr li#menu-press a:hover { background-position: -800px -60px; }


/* ENGLISH */
#header ul#menu.language-en li a { background-image: url(../img/bg/menu_en.png); }

#header ul#menu.language-en li#menu-hotel a { background-position: -35px 0; width: 110px; }
#header ul#menu.language-en li#menu-hotel a:hover { background-position: -35px -59px; }

#header ul#menu.language-en li#menu-bedrooms a { background-position: -150px 0; width: 110px; }
#header ul#menu.language-en li#menu-bedrooms a:hover { background-position: -150px -59px; }

#header ul#menu.language-en li#menu-suites a { background-position: -270px 0; width: 110px; }
#header ul#menu.language-en li#menu-suites a:hover { background-position: -270px -59px; }

#header ul#menu.language-en li#menu-spa a { background-position: -385px 0; width: 100px; }
#header ul#menu.language-en li#menu-spa a:hover { background-position: -385px -59px; }

#header ul#menu.language-en li#menu-seminar a { background-position: -490px 0; width: 170px; }
#header ul#menu.language-en li#menu-seminar a:hover { background-position: -490px -59px; }

#header ul#menu.language-en li#menu-prices-booking a { background-position: -670px 0; width: 170px; }
#header ul#menu.language-en li#menu-prices-booking a:hover { background-position: -670px -59px; }

#header ul#menu.language-en li#menu-press a { background-position: -840px 0; width: 90px; }
#header ul#menu.language-en li#menu-press a:hover { background-position: -840px -59px; }


/* SPANISH */
#header ul#menu.language-es li a { background-image: url(../img/bg/menu_es.png); }

#header ul#menu.language-es li#menu-hotel a { background-position: -35px 2px; width: 110px; }
#header ul#menu.language-es li#menu-hotel a:hover { background-position: -35px -59px; }

#header ul#menu.language-es li#menu-bedrooms a { background-position: -150px 2px; width: 150px; }
#header ul#menu.language-es li#menu-bedrooms a:hover { background-position: -150px -59px; }

#header ul#menu.language-es li#menu-suites a { background-position: -310px 2px; width: 110px; }
#header ul#menu.language-es li#menu-suites a:hover { background-position: -310px -59px; }

#header ul#menu.language-es li#menu-spa a { background-position: -440px 2px; width: 100px; }
#header ul#menu.language-es li#menu-spa a:hover { background-position: -440px -59px; }

#header ul#menu.language-es li#menu-seminar a { background-position: -540px 2px; width: 130px; }
#header ul#menu.language-es li#menu-seminar a:hover { background-position: -540px -59px; }

#header ul#menu.language-es li#menu-prices-booking a { background-position: -670px 2px; width: 150px; }
#header ul#menu.language-es li#menu-prices-booking a:hover { background-position: -670px -59px; }

#header ul#menu.language-es li#menu-press a { background-position: -830px 2px; width: 90px; }
#header ul#menu.language-es li#menu-press a:hover { background-position: -830px -59px; }



#header ul#menu li#menu-hotel {}
#header ul#menu li#menu-bedrooms {}
#header ul#menu li#menu-suites {}
#header ul#menu li#menu-spa {}
#header ul#menu li#menu-seminar {}
#header ul#menu li#menu-prices-booking {}
#header ul#menu li#menu-press {}


#footer ul#option-menu { padding: 0 45px; }
#footer ul#option-menu li { float: left; line-height: 30px; }
#footer ul#option-menu li#menu-english {}
#footer ul#option-menu li#menu-spanish {}
#footer ul#option-menu li#menu-sound {}
#footer ul#option-menu li#menu-credits {  }
#footer ul#option-menu li#menu-blog { float: right;  }
#footer ul#option-menu li#direct-reservation { float: right;  }

#footer ul#option-menu li a { display: block; color: #fff8e1;  text-decoration: none; text-transform: uppercase; height: 30px; }
#footer ul#option-menu li a span { display: none;}


/* FRENCH */
#footer ul#option-menu.language-fr li a { background-image: url(../img/bg/menu3_fr.png); }

#footer ul#option-menu.language-fr li#menu-english a { width: 60px; background-position: -15px 0; }
#footer ul#option-menu.language-fr li#menu-spanish a {width: 60px; background-position: -70px 0; }
#footer ul#option-menu.language-fr li#menu-sound a {width: 60px; background-position: -125px 0; }
#footer ul#option-menu.language-fr li#menu-sound a.sound-off { background-position: -243px 0; }
#footer ul#option-menu.language-fr li#menu-credits a { width: 60px; background-position: -182px 0; }


#footer ul#option-menu.language-fr li#menu-blog a { background-image: url(../img/bg/menu2_fr.png);  width: 80px; background-position: -160px 0; }
#footer ul#option-menu.language-fr li#menu-blog a:hover { background-position: -160px -30px; }
#footer ul#option-menu.language-fr li#direct-reservation a { background-image: url(../img/bg/menu2_fr.png);  width: 170px; background-position: -5px 0; }
#footer ul#option-menu.language-fr li#direct-reservation a:hover { background-position: -5px -30px; }

/* ENGLISH */
#footer ul#option-menu.language-en li a { background-image: url(../img/bg/menu3_en.png); }

#footer ul#option-menu.language-en li#menu-spanish a {width: 60px; background-position: -15px 0; }
#footer ul#option-menu.language-en li#menu-french a { width: 60px; background-position: -70px 0; }
#footer ul#option-menu.language-en li#menu-sound a {width: 75px; background-position: -125px 0; }
#footer ul#option-menu.language-en li#menu-sound a.sound-off { background-position: -256px 0; }
#footer ul#option-menu.language-en li#menu-credits a { width: 60px; background-position: -195px 0; }


#footer ul#option-menu.language-en li#menu-blog a { background-image: url(../img/bg/menu2_en.png);  width: 80px; background-position: -155px 0; }
#footer ul#option-menu.language-en li#menu-blog a:hover { background-position: -155px -30px; }
#footer ul#option-menu.language-en li#direct-reservation a { background-image: url(../img/bg/menu2_en.png);  width: 140px; background-position: -5px 0; }
#footer ul#option-menu.language-en li#direct-reservation a:hover { background-position: -5px -30px; }


/* SPANISH */
#footer ul#option-menu.language-es li a { background-image: url(../img/bg/menu3_es.png); }

#footer ul#option-menu.language-es li#menu-english a { width: 60px; background-position: -15px 0; }
#footer ul#option-menu.language-es li#menu-french a {width: 60px; background-position: -70px 0; }
#footer ul#option-menu.language-es li#menu-sound a {width: 75px; background-position: -130px 0; }
#footer ul#option-menu.language-es li#menu-sound a.sound-off { background-position: -264px 0; }
#footer ul#option-menu.language-es li#menu-credits a { width: 60px; background-position: -200px 0; }

#footer ul#option-menu.language-es li#menu-blog a { background-image: url(../img/bg/menu2_es.png);  width: 80px; background-position: -155px 0; }
#footer ul#option-menu.language-es li#menu-blog a:hover { background-position: -155px -30px; }
#footer ul#option-menu.language-es li#direct-reservation a { background-image: url(../img/bg/menu2_es.png);  width: 140px; background-position: -10px 0; }
#footer ul#option-menu.language-es li#direct-reservation a:hover { background-position: -10px -30px; }





#footer #hotel-infos { display: none; }



.page-content { width: 870px; height: 350px; }

.page-content .text { float: left; width: 215px; height: 300px; padding: 25px 20px 25px 45px;  background-repeat: no-repeat;}

/* TEXT BACKGROUNDS */

.page-content .text { overflow: hidden; }
.page-content .text h1 { text-transform: uppercase; padding-bottom: 20px; }
.page-content .text h2 { font-size: 12px; text-align: center; margin-top: 10px;}

.page-content .text p { line-height: 15px; font-size: 11px; }
.page-content .text a { margin-top: 10px; display: block;  font-size: 10px;}
.page-content .text a:hover { text-decoration: none; }

.page-content#hotel-index .text { background-image: url(../img/bg/page_text_hotel.png); text-align: right; }
.page-content#hotel-bedrooms .text { background-image: url(../img/bg/page_text_bedrooms.png); text-align: right; }
.page-content#hotel-suite_rouge .text,
.page-content#hotel-suite_reflets .text ,
.page-content#hotel-suite_rendez_vous .text { background-image: url(../img/bg/page_text_suites.png); text-align: right; }
.page-content#hotel-spa .text { background-image: url(../img/bg/page_text_spa.png); text-align: right; }
.page-content#hotel-conference_room .text { background-image: url(../img/bg/page_text_conference_room.png); text-align: right; }
.page-content#hotel-rates_and_reservation .text { background-image: url(../img/bg/page_text_rates_and_reservation.png);  }
.page-content#hotel-rates_and_reservation .text .rates { font-size: 11px;  position: relative; }
.page-content#hotel-rates_and_reservation .text .rates span.price { position: absolute; right: 0; }
.page-content#hotel-rates_and_reservation a { text-align: center; font-size: 12px; width: 50%; float: left; }
.page-content#hotel-rates_and_reservation  .text h1 { text-transform: uppercase; padding-bottom: 0px;text-align: center; }
.page-content#hotel-rates_and_reservation .text h3 { padding-bottom: 6px; text-align: center; }

.page-content#hotel-room_classique_single  .text,
.page-content#hotel-room_classique_double  .text,
.page-content#hotel-room_deluxe  .text,
.page-content#hotel-room_superieure  .text {
	text-align: right;
}


.page-content#hotel-press .text { background-image: url(../img/bg/page_text_press.png); text-align: right;  }



.page-content .text .two-links { margin: 0; padding: 0; }
.page-content .text .two-links a { float: left; font-size: 10px; width: 50%; text-align: center; }
.page-content .text ul li a { text-decoration: none;}
.page-content .text ul li a:hover { text-decoration: underline;}
.page-content .text ul li a.current { font-weight: bold;}



.page-content #picture-block { float: left;  width: 590px; height: 350px; overflow: hidden; }
#content a#see-gallery { z-index: 500; position: absolute; display: block; right: 0px; top: 0; width: 100px; height: 28px; background: #fff; color: #000; font-size: 11px; line-height: 12px; text-align: center; padding: 6px 8px; text-decoration: none;}
#content a#watch-video { z-index: 500; position: absolute; display: block; right: 0px; top: 41px; width: 100px; height: 14px; background: #fff; color: #000; font-size: 11px; line-height: 12px; text-align: center; padding: 6px 8px; text-decoration: none;}
#content a#see-gallery:hover,
#content a#watch-video:hover { font-weight: bold; } 

.page-content #picture-block ul.pictures {  height: 350px; }
.page-content #picture-block ul.pictures li { position: absolute; }
#picture-block ul.pictures li span.description { z-index: 1000; position: absolute; display: block; line-height: 16px; bottom: 50px; left: 0; font-size: 14px; background: #fff; color: #000; width: 90%; padding: 10px 5%;}
/* CARROUSEL */
#picture-block { position: relative; }
#picture-block span.carousel-loader { position: absolute; top: 0px; right: 0; margin-left: -100px; background: #1e0e00 url(../img/icons/loader_logo.gif) no-repeat center 110px; display: block; width: 590px; height: 350px; text-align: center; padding-top: 190px; }

#picture-block ul.pictures { position: absolute; left: 0; top: 0; height: 350px;}

#picture-block span#go-left,
#picture-block span#go-stop,
#picture-block span#go-right { position: absolute; bottom: 0; width: 30px; height: 30px; cursor: pointer;  }
#picture-block span#go-left { background: url(../img/icons/arrow_left.png) no-repeat center center; left: 0; }
#picture-block span#go-right { background: url(../img/icons/arrow_right.png) no-repeat center center; right: 0; }
#picture-block span#go-stop { left: 50%;  width: 20px; height: 20px; margin: 5px; margin-left: -15px; background-color: #fff; display: block;}


/* DBOX */
.dbox-container {background: #3B2615; position: absolute; border: 4px solid #28180B; display: none; z-index: 2000; border-top: none;overflow: hidden; }
.dbox-container .dbox-bar { width: 100%; height: 30px; line-height: 30px; background: #28180B url(../img/bg/dbox_bar.png) repeat-x; cursor: move; z-index: 2500; overflow: hidden; }
/* dbox bar title */
.dbox-container h3.dbox-title { display: none; }
.dbox-container .dbox-bar h3 { font-size: 14px; font-weight: bold; padding: 0 1%; color: #fff; width: 98%; height: 100%; }
/* dbox bar buttons */
.dbox-container a.dbox-bar-button { display: block; width: 30px; height: 30px; position: absolute; top: 0; z-index: 2600; }
/* close button */
.dbox-container a.dbox-close { right: 0; background: transparent url(../img/icons/dbox_close.png) no-repeat; behavior: url(http://www.le-mathurin.com/website/img/iepngfix.htc); }
.dbox-container a.dbox-close:hover { background: transparent url(../img/icons/dbox_close_hover.png) no-repeat; behavior: url(http://www.le-mathurin.com/website/img/iepngfix.htc); }

/*.dbox-container .dbox-resizer { width: 20px; height: 20px; position: absolute; right: -8px; bottom: -8px; background: transparent url(../img/icons/resizable.gif) no-repeat 2px 2px; cursor: se-resize;  z-index: 2100;}*/

.dbox-container .dbox-content {  width: 100%; overflow: auto; }

.dbox-container .dbox-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/icons/loader2.gif) no-repeat center 55%; z-index: 2300; }


/* IMAGEBOX */
.ibox-container { background-color: #3B2615; }


/* GALLERY */
#simple-content {  margin: 0 auto; width: 800px; }
#gallery { margin: 0 auto; width: 800px; padding: 100px 0;}
#gallery ul#gallery-menu { width: 200px; float: left; margin-top: 100px; }
#gallery ul#gallery-menu li a { line-height: 30px; font-size: 16px; text-decoration: none; }
#gallery ul#gallery-menu li a.selected { font-weight: bold; }
#gallery ul#gallery-thumbs { width: 600px; float: right; }
#gallery ul#gallery-thumbs li { padding: 20px 10px; float: left; }




/* CONTACT FORM */
.dbox-content {  }
.dbox-content p.contact-us { text-align: center; padding: 10px; }
form { width: 100%; }
form .form-line { float: left; padding: 10px 0; width: 100%;}
form .form-line label { color: #fff8e1; float: left; width: 100px; padding-left: 10px; line-height: 18px; font-size: 11px; }
form .form-line input,
form .form-line textarea,
form .form-line select{color: #fff8e1; float: left; width: 200px; padding: 3px; border: none; background-color: #8f7963; }
form .form-line textarea { height: 60px; }
form .form-line em.form-error {padding: 4px 0 0 110px; float: left; text-align: center; font-size: 10px; color: #fff; font-weight: bold;}

form .form-line.form-error {  background-color: #3F0D04; border-bottom: 1px solid #3B2615;}
form .form-line.form-focus { background-color: #2F1B0C; }

form .ajax-loader { background: url(../img/icons/loader2.gif) no-repeat center center; width: 100px; height: 30px; float: right;margin-right: 10px;}

form .submit-line { position: absolute; bottom: 0; left: 0;z-index: 20000; width: 340px; height: 40px;}

form .submit-line input {cursor: pointer; width: 80px; float: right; height: 30px; margin-right: 10px; border: none; background: transparent; color: #fff8e1; padding: 0px; color: #fff8e1; border-bottom: 2px solid #694d38; }
form .submit-line input:hover { color: #fff; background: #1E0E00; border-bottom: 2px solid #fff; }
form .submit-line p.form-success-message  { line-height: 14px;padding: 6px 10px; font-size: 12px; font-weight: bold; text-align: center; background: #AF9D8E; color: #3B2615; }


form#reservation-form label { width: 110px; text-align: right; padding-right: 10px; } 
form#reservation-form .form-line input,
form#reservation-form .form-line textarea{ width: 260px; }
form#reservation-form .form-line select { width: 255px; } 

form#reservation-form .form-line .form-half { float: left; width: 50%; padding: 5px 0; }
form#reservation-form .form-line .form-half label { }
form#reservation-form .form-line .form-half.form-error {  background-color: #3F0D04; border-bottom: 1px solid #3B2615;} 
form#reservation-form .form-line .form-half em.form-error { padding: 4px 0 0 20px; }
form#reservation-form .form-line .form-half input { width: 50px;}
form#reservation-form .submit-line { width: 420px; }
form#reservation-form .form-line em.form-error {padding: 4px 0 0 130px; }

form#reservation-form .form-line input.date-picker { display: block; width: 235px;	padding-left: 25px;	background: #8f7963 url(../img/icons/date.gif) no-repeat top left; cursor: pointer;}

form#reservation-form .form-line .dp_cal{	background-color: #fff;	border: 1px solid #DFD7D1;	position: absolute;	width: 260px; top: 0px; left: 0px;	margin: 0px 0px 3px 0px;}
form#reservation-form .form-line .dp_cal select{	margin: 2px 3px; font-size: 11px; width: 100px;}
form#reservation-form .form-line  .dp_cal td{ color: #000; }
form#reservation-form .form-line  .dp_cal td.dp_roll{	color: #000;	background: #fff6bf;}
form#reservation-form .form-line  .dp_cal .dp_selected{	color: #fff;	background: #1E0E00;}

/* CREDITS */
#website-credits { font-size: 12px; padding: 0 10px 30px; }
#website-credits h4 { text-transform: uppercase; padding-top: 10px; line-height: 18px; }
#website-credits p { line-height: 16px; text-align: justify;}
#website-credits a { text-decoration: none; }
#website-credits a:hover { text-decoration: underline; }

/* HOME PAGE */
ul#homepage { width: 870px; height: 350px; position: relative; overflow: hidden;}
ul#homepage li { position: absolute; }
span.home-loader { position: absolute; left: 50%; top: 110px; margin-left: -100px; background: transparent url(../img/icons/loader_logo.gif) no-repeat center 0; display: block; width: 200px; height: 100px; text-align: center; padding-top: 80px; }

#homepage-video { position: absolute; width: 640px; height: 425px; background: rgba(30, 14, 0, 0.9); border: 12px solid rgba(255,255,255, 0.2); z-index: 1000; }
	#home-video-container { width: 640px; height: 385px; background: #1e0e00; }
	a#skip-video { display: block; width: 150px; text-align: center; margin: 4px auto; line-height: 32px; font-weight: bold; text-decoration: none;}
	a#skip-video:hover { background: rgba(255, 255, 255, 0.3); }

/* MP3 PLAYER */
#mp3-player { z-index: -10; }


/* DATE PICKER */


input:focus.date-picker{	background: #fffce9 url(../img/icons/datefocus.gif) no-repeat top left;}
.dp_container{	position: relative;	padding: 0;	z-index: 10000; margin-left: 130px;}
.dp_cal{	background-color: #fff;	border: 1px solid #0070bf;	position: absolute;	width: 177px;	top: 24px;	left: 0;	margin: 0px 0px 3px 0px;}
.dp_cal table{	width: 100%;	border-collapse: collapse;	border-spacing: 0;}
.dp_cal select option{	padding: 1px 3px;}
.dp_cal th,
.dp_cal td{	width: 14.2857%;	text-align: center;	font-size: 11px;	padding: 2px 0;}
.dp_cal th{
	border: solid #0F0700;	border-width: 1px 0;	color: #797774;	background: #BFB8B3;	font-weight: bold;}
.dp_cal td{	cursor: pointer;}
.dp_cal thead th{	background: #DFD7D1;}
/* must have this for the IE6 select box hiding */
.dp_hide{	visibility: hidden;}
.dp_empty{	background: #eee;}
.dp_today{	background: #BFB8B3;}



/* FASTBOOKING */

#fastbooking { line-height: 20px;  margin: 0 auto; position: absolute; left: 10%; top: 0; width: 80%;}
#fastbooking .form-block { float: left; padding: 9px 6px; } 
#fastbooking .form-block label { float: left; font-size: 11px;  padding-right: 5px; }
#fastbooking .form-block input,
#fastbooking .form-block select { float: left; margin: 2px 0 0 3px;}
#fastbooking .form-block a { float: left; padding: 0 5px;}
#fastbooking .form-block .fb-button { margin: 0; } 
#fastbooking .button-block { float: right; }