/* INDEX  ################################################################################################################# */
/* BODY ########################################################################### */

body
	{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width:800px;
	height:620px;
	margin:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #686868;
	/*
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#686868;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#686868;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	*/
	
	}
	
iframe {overflow:hidden;
			}

ul { list-style-type: square; margin-left:20px; }
li {margin-bottom:2px;
}
/* BACK GROUND ########################################################################### */
.bgColor1 {background-color: #ACF638}
.bgColor2 {background-color: #95C83C}
.bgColor3 {background-color: #C354DF}
.bgColor4 {background-color: #983FAF}

/* TEXT ########################################################################### */

.text, .text a:link, .text a:visited, .text a:hover,
.textDark, .textDark a:link, .textDark a:visited, .textDark a:hover
 {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11.5px;
	text-decoration: none;
}	
.text{
text-align:justify;}
.text, .text a:link, .text a:visited { color: #FFFFFF; }	
.text a:link, .text a:visited {	text-decoration: underline; }	
.text a:hover {	color: #000000;	text-decoration: none; }

.textDark, .textDark a:link, .textDark a:visited { color: #505050; }	
.textDark a:link, .textDark a:visited {	text-decoration: underline; }	
.textDark a:hover {	color: #FFFFFF;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textGrey, .textGrey a:link, .textGrey a:visited, .textGrey a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #BEBEBE;
	font-size: 11.5px;
	text-decoration: none;
}	

.textGrey a:link, .textGrey a:visited {	text-decoration: underline; }	
.textGrey a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textBig, .textBig a:link, .textBig a:visited, .textBig a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	text-align:justify;
}	

.textBig a:link, .textBig a:visited {	text-decoration: none; }	
.textBig a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textBig1, .textBig1 a:link, .textBig1 a:visited, .textBig1 a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #C354DF;
	font-size: 12px;
	text-decoration: none;
	text-align:justify;
}	

.textBig1 a:link, .textBig1 a:visited {	text-decoration: none; }	
.textBig1 a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textSmall, .textSmall a:link, .textSmall a:visited, .textSmall a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10.5px;
	text-decoration: none;
}	

.textSmall a:link, .textSmall a:visited {	text-decoration: underline; }	
.textSmall a:hover {	color: #000000;	text-decoration: none; }

/* _______________________________________________________________________________ */

.textSmallGrey, .textSmallGrey a:link, .textSmallGrey a:visited, .textSmallGrey a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #BEBEBE;
	font-size: 10.5px;
	text-decoration: none;
}	

.textSmallGrey a:link, .textSmallGrey a:visited {	text-decoration: underline; }	
.textSmallGrey a:hover {	color: #000000;	text-decoration: none; }


/* EN TETE ########################################################################### */
#header{
float:right;
width:575px;
height:80px;
border:0px solid #FFF;
}

#banner{
width:575px;
height:60px;
margin-bottom:5px;
margin-top:0px;}

/* "SOUS-EN TETE" ########################################################################### */
#sous_header{

float:left;
width:268px;
height:130px;
border:1px solid #FF3333;
margin-left:15px;

}

/* LOGO ########################################################################### */
#logo{
float:right;
border:0px solid #FFF;
width:575px;
height:130px;
}
/* DIAPORAMA 1 ########################################################################### */
#slides{
float:right;
width:575px;
height:370px;
margin-bottom:50px;
border:0px solid #ff00ff;
}
#slide1{
float:left;
border:0px solid #FFF;
width:125px;
height:300px;
margin-top:30px;
margin-right:24px;
margin-bottom:0px;}
#logo_slide{
width:125px;
height:60px;
margin:0px;
border:0px solid #FFF;}
#iframe1{

margin-top:0px;
border:0px solid #00FF33;
}
#text_slide{
height:130px;
width:115px;
padding:5px;

background-color:#7A7A7A;

}
.linkHotel, .linkHotel a:link, .linkHotel a:visited, .linkHotel a:hover,
.linkRestaurant, .linkRestaurant a:link, .linkRestaurant a:visited, .linkRestaurant a:hover,
.linkLounge, .linkLounge a:link, .linkLounge a:visited, .linkLounge a:hover,
.linkSpa, .linkSpa a:link, .linkSpa a:visited, .linkSpa a:hover {
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11.5px;
	text-decoration: none;
	line-height: 20px;
	
}	

.linkHotel a:hover { color: #5C2D91; }
.linkRestaurant a:hover { color: #7D57A7; }
.linkLounge a:hover { color: #9D81BD; }
.linkSpa a:hover { color: #BEABD3; }

#text_bottom_slide{
width:125px;
/*height:40px;*//*augmente a 40 pour ajouter lodge*/
background-color:#7A7A7A;
}

/* DIAPORAMA 2 ########################################################################### */
#slide2{
float:left;
border:0px solid #FFF;
width:125px;
margin-top:30px;
margin-right:24px;
}
/* DIAPORAMA 3 ########################################################################### */
#slide3{
float:left;
border:0px solid #FFF;
width:125px;
margin-top:30px;
margin-right:24px;
}
/* DIAPORAMA 4 ########################################################################### */
#slide4{
float:left;
border:0px solid #FFF;
width:125px;
margin-top:30px;
margin-right:0px;
}
/* PIED DE PAGE ########################################################################### */
#foot{
float:left;
border:1px solid #FFF;}

/* FOOTER ######################################################################## */
#footer{
float:right;
width:580px;
height:25px;
border:0px solid #fff;
font-family: Arial, verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
font-weight:normal;
text-decoration: none;
margin-top:10px;}



.footer a:hover { color: #000000; }

/* HOTEL-SPAS-LOUNGE-RESTAURANT LIST PAGES ################################################################# */

#sous-logo{
float:right;
border:0px solid #FFF;
width:575px;
height:70px;
margin-left:15px;
font-size:24px;
font-weight:100;
text-align:left;
color: #CCCCCC;


}

#corps_reponse{
float:left;
width:450px;
/*height:580px;*/
border:0px solid #ddffdd;
margin-left:50px;


}

#sous_header_list{

width:420px;
height:65px;
border:0px solid #FF3333;
border-left:15px solid #663399;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:50px;
padding-left:5px;
}
#table{
float:left;
width:430px;
height:65px;
background-color:#7A7A7A;}

#sous-table{
margin-top:5px;
margin-left:5px;
width:300px;}

#contenu_hotel{

width:400px;

border:0px solid #CC0033;

}

<!-- Table resultats  !-->

table tr td.borderHotel img {border-left: 5px #5C2D91 solid;}
table tr td.borderHotelwh img {border-left: 5px #FFFFFF solid;}
table tr td.borderHotelur img {border-left: 5px #5C2D91 solid;}
td.borderRestaurant img {border-left: 5px #7D57A7 solid;}
td.borderRestaurantwh img {border-left: 5px #FFFFFF solid;}
td.borderLounge img {border-left: 5px #9D81BD solid;}
td.borderSpa img {border-left: 5px #BEABD3 solid;}
td.borderSpawh img {border-left: 5px #FFFFFF solid;}



#clindoeil{
float:right;
border:0px solid #FFF;
width:125px;
height:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;

}
#logo_clindoeil{
height:25px;
background-color:#C354DF;
margin-bottom:5px;}
#logo_clindoei2{
font-family: Arial, verdana, Helvetica, sans-serif;
font-size: 11.5px;
padding-left:5px;
padding-top:10px;
height:25px;
background-color:#983FAF;}
#iframe_list{

margin-top:5px;
border:0px solid #00FF33;
background-color:#BEBEBE;
width:125px;
height:220px;

}

#num_page{
float:left;
border:0px solid #FFFFFF;
width:400px;
height:15px;
margin-left:15px;
margin-top:5px;

font-size:10px;
font-weight:bold;
text-align:right;


}
.fleche_page{
color:#FFFFFF;
text-decoration:none;

}