/* INDEX - ACCUEIL STYLE */
/* Header H1*/
#index h1, #accueil h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #52B91F;
font-family: trebuchet ms, san-serif;
}

/* Header H2*/
#index h2, #accueil h2{
font-size: 12px;
margin-left: 0;
margin-top: 22px;
margin-bottom:2px;
border-bottom: 1px dotted #ccc;
color: #52B91F;
font-family: trebuchet ms, san-serif;
}

/* 3 Words Area*/
#index #txtDesc, #accueil #txtDesc{
border-left: 1px #999 solid;
background-image: url(../images/welcome.jpg);
}

/* AHREF LINKS*/
#index a:link, #index a:visited, #index a:active, #index a:hover{
color: #52B91F;
}

/* Right Content Area*/
#indexrContent, #accueilrContent{
font-size: 10px;
padding: 0 15px 0 15px;
font-family: Verdana, Arial, Helvetica, san-serif;
border-left: 1px solid #999; 
background-color: #f5f5f5;
}

/* LI MENU */
#navcontainer li#index a, #navcontainer li#accueil a
{
background-image: url(../images/home_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#index a:hover, #navcontainer ul li#indexPr a, #navcontainer ul li#accueil a:hover, #navcontainer ul li#accueilPr a
{
background-image: url(../images/home_menu_pr.gif);
background-position: bottom;
color: #52B91F;
}

/* HOTEL - hotel-ile-maurice */
/* H1*/
#hotel h1, #hotel-ile-maurice h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #AC93C3;
font-family: trebuchet ms, san-serif;
}

/* H2 */
#hotel h2, #hotel-ile-maurice h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #AC93C3;
font-family: trebuchet ms, san-serif;
}


/* Right Content Area */
#hotel-ile-mauricerContent, #hotelrContent{
border-left: 1px solid #999; 
background-image: url(../images/tarisa_resort.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}
/* LI MENU */
#navcontainer li#resort a
{
background-image: url(../images/resort_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#resort a:hover, #navcontainer ul li#resortPr a
{
background-image: url(../images/resort_menu_pr.gif);
background-position: bottom;
color: #AC93C3;
}

/* AHREF LINKS*/
#hotel a:link, #hotel a:visited, #hotel a:active, #hotel a:hover, #hotel-ile-maurice a:link, #hotel-ile-maurice a:visited, #hotel-ile-maurice a:active, #hotel-ile-maurice a:hover{
color: #AC93C3;
}

/* ACCOMMODATION - HEBERGEMENT*/
#accommodation h3, #hebergement h3{
font-size: 12px;
margin-top: 18px;
margin-bottom:2px;
font-weight: bold;
font-family: trebuchet ms, san-serif;
}

#accommodation ul, #hebergement ul{
margin: 0;
padding: 0;
}

#accommodation li, #hebergement li{
list-style-image: url(../images/bullet_accommodation.gif);
list-style-type: none;
list-style-position: outside;
padding-left: 0;
margin-left: 15px;
}

#accommodation h1, #hebergement h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #fc0;
}

#accommodation h2, #hebergement h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #fc0;
}

#accommodation a:link, #accommodation a:visited, #accommodation a:active, #accommodation a:hover, #hebergement a:link, #hebergement a:visited, #hebergement a:active, #hebergement a:hover
{
color: #fc0;
}

#accommodationrContent, #hebergementrContent{
border-left: 1px solid #999; 
background-image: url(../images/pillows.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}

#accommodationrContent #textarea, #hebergementrContent #textarea{
padding: 0 20px 20px 20px;
}

#accommodationrContent #textarea td, #hebergementrContent #textarea td{
padding: 2px;
font-size: 10px;
}

#navcontainer li#rooms a
{
background-image: url(../images/rooms_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#rooms a:hover, #navcontainer li#roomsPr a
{
background-image: url(../images/rooms_menu_pr.gif);
background-position: bottom;
color: #fc0;
}

/* FACILITIES - FACILITES*/
#facilities h1, #facilites h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #98CA45;
font-family: trebuchet ms, san-serif;
}

#facilities h2, #facilites h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #98CA45;
font-family: trebuchet ms, san-serif;
}


#facilities a:link, #facilities a:visited, #facilities a:active, #facilities a:hover, #facilites a:link, #facilites a:visited, #facilites a:active, #facilites a:hover
{
color: #98CA45;
}

#facilitiesrContent, #facilitesrContent{
border-left: 1px solid #999; 
background-image: url(../images/greens.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}

#navcontainer li#facilities a
{
background-image: url(../images/facilities_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#facilities a:hover, #navcontainer ul li#facilitiesPr a
{
background-image: url(../images/facilities_menu_pr.gif);
background-position: bottom;
color: #98CA45;
}

/* DINING - RESTAURATION*/

#dining h3, #restaurants h3{
font-size: 12px;
margin-top: 18px;
margin-bottom:2px;
font-weight: bold;
font-family: trebuchet ms, san-serif;
color: f90;}


#dining h1, #restaurants h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #f90;
font-family: trebuchet ms, san-serif;
}

#dining h2, #restaurants h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #f90;
font-family: trebuchet ms, san-serif;
}

#dining a:link, #dining a:visited, #dining a:active, #dining a:hover, #restaurants a:link, #restaurants a:visited, #restaurants a:active, #restaurants a:hover
{
color: #f90;
}

#diningrContent, #restaurantsrContent{
border-left: 1px solid #999; 
background-image: url(../images/spices.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}

#navcontainer li#dining a
{
background-image: url(../images/dining_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#dining a:hover, #navcontainer li#diningPr a
{
background-image: url(../images/dining_menu_pr.gif);
background-position: bottom;
color: #f90;
}

/* LEISURE - LOISIRS*/
#leisure h3, #loisirs h3{
font-size: 12px;
margin-top: 18px;
margin-bottom:2px;
font-weight: bold;
font-family: trebuchet ms, san-serif;
color: #02A0C6;
}


#leisure h1, #loisirs h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #02A0C6;
font-family: trebuchet ms, san-serif;
}

#leisure h2, #loisirs h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #02A0C6;
font-family: trebuchet ms, san-serif;
}

#leisure #txtDesc, #loisirs #txtDesc{
font-size: 18px;
margin-top:18px;
color: #fff;
margin-bottom:12px;
padding-left: 5px;
border-left: 1px #fff solid;
background-color: #02A0C6;
font-family: trebuchet ms, san-serif;
background-image: url(../images/leisure_txtdesc_bg.gif);
background-repeat: repeat-y;
}

#leisure a:link, #leisure a:visited, #leisure a:active, #leisure a:hover, #loisirs a:link, #loisirs a:visited, #loisirs a:active, #loisirs a:hover
{
color: #02A0C6;
}

#leisurerContent, #loisirsrContent{
border-left: 1px solid #999; 
background-image: url(../images/leisure.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}

#navcontainer li#leisure a
{
background-image: url(../images/leisure_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#leisure a:hover, #navcontainer li#leisurePr a
{
background-image: url(../images/leisure_menu_pr.gif);
background-position: bottom;
color: #02A0C6;
}

/*RESERVATION REQUEST*/
#requests h1, #reservation h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
color: #996699;
font-family: trebuchet ms, san-serif;
}

#requests h2, #reservation h2{
font-size: 12px;
margin-left: 20px;
margin-top: 18px;
margin-bottom:12px;
color: #996699;
font-family: trebuchet ms, san-serif;
}

#requests #txtDesc, #reservation #txtDesc{
border-left: 1px #999 solid;
background-color: #f5f5f5;
}

#requestsrContent, #reservationrContent{
font-size: 10px;
padding: 0 0px 20px 0;
font-family: Verdana, Arial, Helvetica, san-serif;
border-left: 1px solid #999; 
background-image: url(../images/reservation.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #f5f5f5;
}

#navcontainer li#requests a
{
background-image: url(../images/requests_menu.gif);
background-position: bottom;
color: #fff;
}

#navcontainer ul li#requests a:hover, #navcontainer li#requestsPr a
{
background-image: url(../images/requests_menu_pr.gif);
background-position: bottom;
color: #81649B;
}

/*STYLES*/
input, textarea, select{
border: 1px #636 solid;
font-family: verdana;
font-size: 10px;
}

body{
margin:0;
padding: 0;
background-image: url(../images/bg_tile.gif);
background-repeat: repeat;
}

headerBg{
background-color: #fff;
}

h1{
font-size: 18px;
margin-top:18px;
margin-bottom:12px;
border-bottom: 1px #ccc dotted;
font-family: trebuchet ms, san-serif;
}

#footer{
font-size: 10px;
border-top: 1px #999 solid;
padding-top: 0px;
padding-left: 15px;
font-family: Verdana, Arial, Helvetica, san-serif;
color: #ccc;
}

#contactDet{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, san-serif;
color: #333;
}
.mainBg{
background-color: #fff;
}

#lContent{
font-size: 10px;
padding: 0 0px 20px 15px;
font-family: Verdana, Arial, Helvetica, san-serif;
}

#lContent #textarea{
padding: 0 20px 20px 0;
text-align: justify;
}

#rContent{
font-size: 10px;
padding: 0 0px 20px 0;
font-family: Verdana, Arial, Helvetica, san-serif;
border-left: 1px solid #999; 
}

#rContent #textarea{
padding: 0 20px 20px 20px;
}

#lContent #textarea td{
padding: 2px;
font-size: 10px;}

#lContent #textArea .imgHome{
margin: 0px 15px 60px 0px;
border: 1px solid #52B91F;
padding: 1px;
}

#lContent #textArea .img{
margin: 0px 15px 60px 0px;
border: 1px solid #ccc;
padding: 1px;
}

#lContent #textArea .img2{
margin: 0px 15px 10px 0px;
border: 1px solid #ccc;
padding: 1px;
}

#lContent #textArea .imgLeisure{
margin: 0px 15px 10px 0px;
border: 1px solid #02A0C6;
padding: 1px;
}

#lContent #textArea .imgResto{
margin: 0px 15px 5px 0px;
border: 1px solid #f90;
padding: 1px;
}

#lContent #textArea .imgFacilities{
margin: 0px 15px 10px 0px;
border: 1px solid #98CA45;
padding: 1px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: transparent;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
padding: 0;
margin: 0;
vertical-align: bottom;
height: 35px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
color: #c1c1c1;
text-decoration: none;
float: left;
font-size: 10px;
font-weight: bold;
padding: 20px 0px 3px 0px;
text-transform: uppercase;
text-align: center;
width: 77px;
vertical-align: bottom;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
font-family: arial, helvetica, sans-serif;
}

a:link, a:active, a:visited{
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
text-decoration: underline;
color: #333;
}

a:hover{
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
text-decoration: none;
color: #333;
}

#tableTBg{
background-color: #666;
color: #fff;
font-size: 10px;
font-weight: bold;
padding: 3px;
}

#tableTBg2{
background-color: #999;
color: #fff;
font-size: 10px;
font-weight: bold;
padding: 3px;
}

#odd{
background-color: #f5f5f5;
font-size: 10px;
}

#weather{
font-size: 10px}

#weather .tempHl{
font-size: 12px;
font-weight: bold;
}

.navRule{
		border-bottom: 1px #999 solid
		}