
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#996633;
	padding: 0; 
	text-align: center ;
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-arrow-color: #666666 ;
	scrollbar-3dlight-color:#FFFFFF ;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color: #FFFFFF;
	behavior: url(csshover.htc);

}

div#cadre {
 	width: 452px; 
 	height: 320px; 
    overflow: auto;
	border: 0px ;
    position:relative;
    top: 0px;
	background-color:"transparent";
}


div#txtcadre {
 	width: 470px; 
 	height: 320px; 
    overflow: auto;
	border: 2px ;
    position:relative;
    top: 0px;
	background-color:"transparent";
}
/* ################ TEXTES ################ */
.texte{
	font-family:"Myriad",Arial,Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#663333;
}
.titreorange{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FF9900;
}
.titre{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#996633;
	}
	
.titreKdo{
	font-family:"Tempus Sans ITC",Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#ff9933;
	}
.tel{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#996633;
	}
.mnu{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#996633;
	}

.copy{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	}

/* ################ LIENS ################ */
a{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#339900;
	TEXT-DECORATION: none;
	}

a:hover{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF6633;
	TEXT-DECORATION: none;
}
a.bob {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: normal;
	color: #00CCFF;
	background-color: none;
	text-decoration: none;
}
a.bob:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: normal;
	color: #00CCFF;
	background-color: none;
	text-decoration: none;
}

a.menu{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	margin-left:25px;
	TEXT-DECORATION: none;
	}

a.menu:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6633;
	margin-left:25px;
	TEXT-DECORATION: none;
}

a.marron{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996633;
	TEXT-DECORATION: none;
	}

a.marron:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996633;
	TEXT-DECORATION: none;
}
/* ################ CALQUES ################ */

div#pageprest{
	width: 100% ;
	height:100%;
	margin: 0 auto ;
	text-align: left ; 
}

.cadre_page{
 width: 100%;
 background-image: url(images/ctcaccueil_08.jpg);
 background-repeat: no-repeat;
 margin-left: 0px;
 margin-top: 0px; 
}

.cadre_menu_page{
 width: 50%;
 height:40px;
 background-image: url(images/picto.jpg);

 background-repeat: no-repeat;
 margin-left: 20px;
 margin-top: 0px;
 }


/************************************** GALETS ******************************************/
.nomgalet{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
}

.dureegalet{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.prixgalet{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
div#cadregalet {
 	width: 746; 
 	height: 300px; 
	padding-top: 400px;
	margin-top:50px;
	text-align:left;
}

div#galetHG{
/*bas gauche*/
	width:245px;
	height:215px;
	background-image: url(images/caillou2.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	text-align:center;
	left: 175px;
	top: 461px;
}


div#galetHD{
/*haut droit*/
	width:239px;
	height:215px;
	background-image: url(images/caillou3.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	
	text-align:left;
	left:512px;
	top: 312px;
}

div#galetBG{
/*bas milieu*/
	width:213px;
	height:181px;
	background-image: url(images/caillou1.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	
	text-align:left;
	left: 411px;
	top: 500px;
}

div#galetBM{
/*bas droit*/
	width:239px;
	height:211px;
	background-image: url(images/caillou5.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	
	text-align:left;
	left: 658px;
	top: 479px;
}

div#galetBD{
/*haut gauche*/
	width:239px;
	height:215px;
	background-image: url(images/caillou4.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	
	text-align:left;
	left:307px;
	top: 310px;
}

div#galetBIG1{
	width:338px;
	height:298px;
	background-image: url(images/caillouok_zoom.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 300px;
	top: 336px;
	z-index: 1;
	visibility: hidden;
}

div#galetBIG2{
	width:338px;
	height:298px;
	background-image: url(images/caillouok_zoom.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 300px;
	top: 336px;
	z-index: 1;
	visibility: hidden;
}

div#galetBIG3{
	width:338px;
	height:298px;
	background-image: url(images/caillouok_zoom.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 300px;
	top: 336px;
	z-index: 1;
	visibility: hidden;
}

div#galetBIG4{
	width:338px;
	height:298px;
	background-image: url(images/caillouok_zoom.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 300px;
	top: 336px;
	z-index: 1;
	visibility: hidden;
}

div#galetBIG5{
	width:338px;
	height:298px;
	background-image: url(images/caillouok_zoom.png);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 300px;
	top: 336px;
	z-index: 1;
	visibility: hidden;
}

div#anim{
 width:255px;
 height:295px;
 background-image: url(swf/anim_fleur.swf);
 background-repeat: no-repeat;
 margin-left: 0px;
 margin-top: 0px; 
 position:absolute;	
}


/*************************PAGE PRESTATIONS************************/
div#bandeaufleur{
	position: absolute; 
	left: 10px; 
	top: 15px; 
	width: 746px; 
	height: 70px; 
	background-image: url(images/prestation_onaiadespa.jpg);
}

 /****MASSAGES******/
div#Hcadreacc{
	position: absolute; 
	left: 10px; 
	top: 85px; 
	width: 507px; 
	height: 128px; 
	background-image: url(images/cadreacc_H.jpg);
	}

div#Bcadreacc{
 	position: absolute; 
 	left: 10px; 
 	top: 213px; 
 	width: 507px; 
 	height: 351px; 
 	background-image: url(images/cadreacc_B.jpg);  
}

 /****MASSAGES******/
div#Hcadremass{
	position: absolute; 
	left: 10px; 
	top: 85px; 
	width: 507px; 
	height: 128px; 
	background-image: url(images/cadremassage_H.jpg);
	}

div#Bcadremass{
 	position: absolute; 
 	left: 10px; 
 	top: 213px; 
 	width: 507px; 
 	height: 351px; 
 	background-image: url(images/cadremassage_B.jpg);  
}

 /****BEAUTE******/
div#Hcadrebea{
	position: absolute; 
	left: 10px; 
	top: 85px; 
	width: 507px; 
	height: 128px; 
	background-image: url(images/cadrebeaute_H.jpg);
	}

div#Bcadrebea{
 	position: absolute; 
 	left: 10px; 
 	top: 213px; 
 	width: 507px; 
 	height: 351px; 
 	background-image: url(images/cadrebeaute_B.jpg); 
}

 /****SOINS******/
div#Hcadresoi{
	position: absolute; 
	left: 10px; 
	top: 85px; 
	width: 507px; 
	height: 128px; 
	background-image: url(images/cadresoins_H.jpg);
	}

div#Bcadresoi{
 	position: absolute; 
 	left: 10px; 
 	top: 213px; 
 	width: 507px; 
 	height: 351px; 
 	background-image: url(images/cadresoins_B.jpg);  
}

 /****VOYAGE******/
div#Hcadrevoy{
	position: absolute; 
	left: 10px; 
	top: 85px; 
	width: 507px; 
	height: 128px; 
	background-image:  url("images/cadrevoy_H.jpg");
	}

div#Bcadrevoy{
 	position: absolute; 
 	left: 10px; 
 	top: 213px; 
 	width: 507px; 
 	height: 351px; 
 	background-image:  url("images/cadrevoy_B.jpg");  
}

/**************************LIENS MENUS *****************************/
/**************************massage*************************/	
div#menu4 {
	left: 517px; 
	top: 85px; 
	width: 239px; 
	height: 479px; 
	}
	
div#menumassage{
	left: 9px; 
	top: 10px; 
	height: 23px; 
	width: 80px; 
}

span.menumass{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:inherit;
	color:#FFCC99;
	text-align:
}

a.menumassage{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#ff6633;
	TEXT-DECORATION: none;
}
a.smenumassage{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ff6633;
	TEXT-DECORATION: none;
}
a.menumassage:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#999999;
	TEXT-DECORATION: none;
}
a.smenumassage:hover{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	TEXT-DECORATION: none;
}
div#titremass{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	color:#ff6633;
	position:absolute; 
	left:292px; 
	top:174px; 
	width:123px; 
	height:29px;
}
/**************************beaute*************************/
div#menubeaute{
	left: 9px; 
	top: 215px; 
	height: 23px; 
	width: 80px; 
}
a.menubeaute{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#009966;
	TEXT-DECORATION: none;
}
a.smenubeaute{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#009966;
	TEXT-DECORATION: none;
}
a.menubeaute:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#999999;
	TEXT-DECORATION: none;
}
a.smenubeaute:hover{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	TEXT-DECORATION: none;
}
span.menubea{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:inherit;
	color:#009966;
	text-align:
}
p.titrebea{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	color:#009966;
	position:absolute;
	left:292px; 
	top:174px; 
}
/**************************soin*************************/
div#menusoin{
	left: 9px; 
	top: 325px; 
	height: 23px; 
	width: 80px; 
}
a.menusoin{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#cc9966;
	TEXT-DECORATION: none;
}
a.smenusoin{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#cc9966;
	TEXT-DECORATION: none;
}
a.menusoin:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#999999;
	TEXT-DECORATION: none;
}
a.smenusoin:hover{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	TEXT-DECORATION: none;
}
span.menusoi{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:inherit;
	color:#996633;
	text-align:
}
span.titresoi{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	position:absolute
	color:#cc9966;
	left:292px; 
	top:174px; 
}
/**************************voyage*************************/
div#menuvoyage{
	left: 9px; 
	top: 435px; 
	height: 23px; 
	width: 80px; 
}
a.menuvoyage{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#996633;
	TEXT-DECORATION: none;
}
a.smenuvoyage{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#996633;
	TEXT-DECORATION: none;
}
a.menuvoyage:hover{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#999999;
	TEXT-DECORATION: none;
}
a.smenuvoyage:hover{
	font-family:"Myriad",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	TEXT-DECORATION: none;
}
span.menuvoy{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:inherit;
	color:#cc9966;
	text-align:
}
span.titrevoy{
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	color:#996633;
	position:absolute; 
	left:292px; 
	top:174px; 
	width:123px; 
	height:29px;
}
	
div#bas{
	width: 746px; 
	height: 19px;	
	left: 10px; 
	top: 564px; 
	position: absolute;
}

div#retour{
	width: 31px;
	height: 91px;
	background-image: url(images/retour-_menu.jpg);
	left: 10px;
	top: 250px;
	position:absolute;
	visibility: hidden;
}
	
/* ################ EFFET ZOOM ################ */

div#planZoom{
	width:284px;
	height:284px;
	background-image: url(images/plan.jpg);
	background-repeat: no-repeat;
	background-color:"transparent";
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	left: 311px;
	top: 364px;
	z-index: 1;
	visibility: hidden;
}
a.zoom{
border:0;
}

a.zoom:hover{
border:0;
}

a.zoom img:hover{
border:0;
width:300px;
height:300px;
}
 
dl.music{
 margin-left: 200px;
 margin-top: 100px;
 background-image: url(images/picto.jpg);
 background-repeat:no-repeat;
}

.menu_titre{
	margin-left: 15px;
	margin-top: 15px;
	position:absolute;
	visibility: visible;
 }
 
 .page{
 width: 100%;
 height:155px;
 margin-left: 20px;
 margin-top: 8px;
 }
 
/* ################ LISTE MENU VERTICAL ################ */
.menuIE {
    display:none !important;
    display:block;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    /*width:200px;*/
    height:20px; 
    display:block; 
    margin-right:1px; 
    text-align:left; 
    text-decoration:none; 
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#ff6633;
    line-height:18px; 
    overflow:hidden;
	float:right;
}

a.boutonIE:hover {
    overflow:visible;}

a.boutonIE:hover table {
    display:block; 
    border-collapse:collapse;
}

.boutonFF {
    /*width:200px;*/
    height:20px; 
    display:block !important; 
    display:none; 
    margin-right:1px; 
    text-align:left; 
    text-decoration:none; 
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#ff6633;
    line-height:18px; 
    overflow:hidden;
	float:right;
 }

.boutonFF:hover {
    height:auto; 
    cursor:pointer;
 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block; 
    width:200px !important; 
    /*width:200px;*/
    height:18px; 
    text-decoration:none; 
	font-family:"Maiandra GD","Myriad",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#663300;
    text-align:left;
	float:right;
}                                          

/* ################ FIN LISTE MENU VERTICAL ################ */
.cadre_diapo2{
 width: 100%;
 margin-left: 0px;
 margin-top: 0px; 
}

.haut{
 width: 100%;
 height:70px;
 background-image: url(images/prestation_nue_02.jpg);
 background-repeat: no-repeat;
 margin: 0px;
}

.page2{
 width: 507px;
 height:479px;
 background-image: url(images/prestation_nue_04.jpg);
 background-repeat: no-repeat;
 margin: 0px;
 float:left;
}

.diapo2{
 width: 239px;
 height:100%;
 margin: 0px;
 float:right;
}
div#diapo_mnu_massage{
 width: 239px;
 height:129px;
 background-image: ;
 background-repeat: no-repeat;
 margin: 0px;
}
.diapo_mnu_beaute{
 width: 239px;
 height:109px;
 background-image: url(images/prestation_nue_07.jpg);
 background-repeat: no-repeat;
 margin: 0px;
}

.diapo_mnu_voyage{
 width: 239px;
 height:112px;
 background-image: url(images/prestation_nue_08.jpg);
 background-repeat: no-repeat;
 margin: 0px;
}

.diapo_mnu_soin{
 width: 239px;
 height:129px;
 background-image: url(images/prestation_nue_10.jpg);
 background-repeat: no-repeat;
 margin: 0px;
}

/* ################ TABLEAUX - BORDURES ################ */
td.picto {
background-repeat:no-repeat; 
background-image:url(images/picto.jpg);
height:40px; 
}

dt.music{
 margin: 0;
 padding: 20;
 background-image: url(images/picto.jpg);
 background-repeat:no-repeat;
}

div#pop{

}

div#pophaut{
position: absolute; 
left: 0px; 
top: 0px; 
width: 710px; 
height: 120px; 
background-image:url(/pop/page_applati2_01.jpg);
background-repeat:no-repeat;
}

div#popmi{
position: absolute; 
left: 0px; 
top: 120px; 
width: 710px; 
height: 251px; 
background-image:url(/pop/page_applati2_02.jpg);
background-repeat:no-repeat;
}

div#popbas{
position: absolute; 
left: 0px; 
top: 371px; 
width: 710px; 
height: 59px;
background-image:url(/pop/page_applati2_03.jpg);
background-repeat:no-repeat;
}

