body{	
	margin: 0;	
	padding: 0;	
	background-image: url(../images/structure-website-labourdonnais-hotel-mauritius/body.jpg);	
	background-position: center top;	
	background-repeat:repeat-x;	
	background-color: black;
}

html{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e7e5d3;
}

#container{margin:auto;}
h1, h2, h3{ padding: 0; margin: 0;}
ul{padding:0; margin: 0;}
a{	text-decoration: none;}
table{ border: none;}

#header, #contenu, #footer{ float: left;}
.link_bold{ font-weight: bold; color:white; text-decoration: none;}
.underline{ text-decoration: underline;}
.float_left{ float: left;}
.preload{ display: none; visibility: hidden; margin: 0; padding: 0; height: 0; width: 0;}
.top_up{ color:gray;}

/*--- Header ---*/
#flash_section{ background-repeat: no-repeat;}
#logo_labourdonnais{ background-image: url(../images/logo-labourdonnais-hotel-mauritius.gif); background-repeat: no-repeat; float: left; width: 325px; height: 100px; margin-top:20px; }
#logo_labourdonnais a{padding:0 0 100px 325px;}
#langue{ float: left; margin: 20px 0 0 160px; height: auto; width: 325px;}
#langue table{ color: white; float: left;}
.change_language a{ color: white; text-decoration: none; font-weight: bold; font-size: 10px;}
.adress_laboudonnais{ font-size: 11px;}
.adress_laboudonnais a{color: white; font-weight: bold; text-decoration: none; font-size: 11px;}
.texte_flash{ margin-top: 217px; height:59px; padding: 20px 0 0 15px; font-size: 19px;}
#portfolio li{ list-style: none;}

/* Menu */
#menu li{ float: left; list-style:none; padding: 5px 0 7px 0;}
#menu a{ text-transform: uppercase; font-weight: bold; color: #c0c0b3; text-decoration: none; font-size: 11px; padding: 7px 16px 7px 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu a:hover{ background-image: url(../images/button/nav_top_hover.jpg); background-repeat: no-repeat; background-position: left; background-color: #2c2713;}
.visiting_page{ background-image: url(../images/button/nav_top_hover.jpg); background-repeat: no-repeat; background-position: left; background-color: #2c2713;}


/*--- Contenu ---*/
#left, #center, #right{ float: left;}
#contenu{ background-image: url(../images/structure-website-labourdonnais-hotel-mauritius/contenu_bg.jpg); background-repeat: repeat-y; height: auto;}
#contenu_sitemap{ background-color: #303227; float: left;}
.link_bold_interne{ font-weight: bold; color:white; text-decoration: underline;}
h1{ font-size: 16px; margin-bottom: 15px; color: white; font-family: Arial, Helvetica, sans-serif;}
#left{padding:20px 0; }
.left_first{text-decoration: none; color:#e7e5d3; font-weight: bold; font-size: 13px; margin-left: 10px;}
.time_weather{ margin: 40px 0 0 15px; color: #6a695b; }
.indent_texte_contenu_index{ padding: 30px 20px 20px 20px;}
.indent_texte_contenu{ padding: 10px 20px 20px 20px;}
.indent_texte_contenu_room{ padding: 10px 20px 20px 20px; height: 250px; overflow: auto; width: 445px; float: left; }
.indent_texte_contenu_index p{ line-height: 24px; text-align: justify;}
.indent_texte_contenu p{ text-align: justify;}
.inside_menu a{ text-transform: uppercase; color:#e7e5d3; font-size: 9px; font-weight: bold;  }
.inside_menu{ margin-bottom: 10px; text-align: left;}
.indent_right{ padding: 20px 12px;}
#right p{ margin:0 0 15px 0; font-size: 11px; line-height: 17px;}
#right h3{ font-size: 13px; font-weight: bold; color: white;}
.read_more{ color: #e7e5d3; font-size: 12px;}
#contenu h2{ font-size: 15px; font-weight: bold; color: white;}
#contenu h4{ font-size: 12px; color: white;}
ul.ul_contenu{ margin-left: 15px;}
.ul_contenu li{ padding-left: 15px; margin: 7px 0;}
.job_title{ font-weight: bold;}
#triggers a{ padding-left: 20px; background-image: url(../images/icons/fleche.jpg); background-position: left; background-repeat: no-repeat; width: 15px; height: 15px;}
/*.table_padding td{ padding: 5px 70px 5px 15px;}*/
.holidayTbl td{ padding: 7px; border-bottom: 3px solid #303227; color: black;}
.brownTd{ background-color: #877d6f;}
.greyTd{ background-color: #c2bdb6;}
#contenu_banquet_type{ padding: 15px 20px; background-color: #303227;}
.vancancies_details{ line-height: 20px;}
#center p{ line-height: 18px;}
.photo_interne{ float: right; width: 200px; height: 150px; margin: 0 0 15px 15px;}
.seperator{ margin: 3px 0;}
.backTop{ text-decoration: none; color: black; font-weight: bold;}
.sub-title{ font-size: 13px; font-weight: bold; color: white;}
.bookingTbl td{ color: #e7e5d3;}
.onglet div{ float: left; width: 150px; height: 183px; background-color: white; cursor: pointer;}
.onglet div div{ 
	position: relative; 
	top: 135px; 
	height: 48px; 
	padding: 0px 8px 0 10px; 
	width: 132px; 
	background-color: black;
	opacity:0.7;
	filter: alpha(opacity=70);
}
.onglet span{ text-align: left; font-size: 11px; padding-top: 0; margin-top: 0; color: white;}
.onglet_care{ margin-left: 50px; background-image: url(../images/button/care_carbon_offset1.jpg); background-repeat: no-repeat;}
.onglet_food{ background-image: url(../images/button/events_food.jpg); background-repeat: no-repeat; margin-left: 50px;}



/* Left Menu */
.menu_left li{ list-style: none; margin-bottom: 5px;}
.menu_left a{ text-decoration: none; color:#6a695b; width: 140px; padding:2px 5px 2px 20px; display: block; font-size: 12px; }
.menu_left li:hover{ background-color:#6f6147;}
.menu_left a:hover{text-decoration: none; color:white; width: 140px; padding:2px 0 2px 20px; display: block; background-color:#6f6147;}
.menu_left_two li{ list-style: none; margin-left: 10px; margin-top: 20px;}
.menu_left_two a{ color:#e7e5d3; font-weight: bold; font-size: 12px; }
a.visiting_two{ text-decoration: underline; color: #6f6147; font-weight: bold; font-size: 12px;}
a.visiting{ color:white; width: 145px; padding:2px 0 2px 20px; display: block; background-color:#6f6147; color:white; }
/* -------- */

.left_info{ color: white; font-size: 11px; line-height: 22px; background-color: #393831; padding:10px 15px; }
.left_info p{ margin-top: 0;}

/* Button, Select and other */
.book_online{ background-image: url(../images/button/bouton_book_online.jpg); width: 108px; height: 28px;}
.book_online:hover{ background-image: url(../images/button/bouton_book_online_hover.jpg);}
.book_online a{ color: #e7e5d3; font-weight: bold; padding: 6px 7px; display: block;}

/*--- Footer ---*/
#footer{ 
	height:65px; 
	position: absolute;
	left: 0;
	background-color:  #21221a;
	width: 100%; 
}
.indent_footer{ text-align: center; margin-top:15px; font-weight: bold; font-size: 10px; }
#footer a{ color: #e7e5d3; }

/* --- Virtual Tour --- */
#flashcontent {
	padding: 0px;
	height: 120px;
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#flashcontent p{
	padding: 0px;
	margin: 0px;
}
.Style2 {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}

/* Site Map*/
.sitemap{ padding: 20px 20px;}
.sitemap li{ list-style: none; margin: 0 0 5px 5px;}
.sitemap div{ margin-right: 23px; }
.sitemap h1{ color: black; font-size: 16px;}
.sitemap li a{ text-decoration: none; color: gray; font-size: 13px;}
.sitemap li a:hover{color: white;}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/button/x.gif); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:29px; 
    width:25px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}






