@charset "iso-8859-1";
/* my base styles */
IMG{ border:0; margin:0; padding:0; }
DIV{ border:0; margin:0; padding:0; }
TABLE{ border:0; margin:0; padding:0; border-collapse: collapse; }
TD{ vertical-align: top;font-size: 100%;border:0; margin:0; padding:0; }
LI { font-size: 100%; }
UL { font-size: 100%; }
OL { font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.just{ text-align: justify; }
/* base styles */
div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */

a:active {outline:none;}
:focus {-moz-outline-style:none;}

body {
	background: url("/communs/images/pageback.png") repeat-x top;
	background-color: #fff;
	line-height: 1.2em;
	font-size: 100%;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* Centers the page content container in IE 5 browsers. */;
	margin: 0;
	padding: 0;
}

H1{font-size:18px;padding:0;color:#800080;}
H2{font-size:18px;padding:0;color:#800080;}
H3{font-size:16px;padding:2px 0 2px 0px;color:#800080;}
H1.plan{font-size:22px;text-align: center;margin-top:10px;}
P.h1{font-size:18px;padding:0;color:#800080;margin:0;padding:0;}
TABLE#header{
	width:995px;
	height:96px;
	margin:0 auto;
	padding:0;
	border:0;
	background: url("/communs/images/header995sanslogo.jpg") no-repeat top;
}

DIV#header{
	width:995px;
	height:96px;
	margin:0 auto;
	background: url('/communs/images/header995sanslogo.jpg') no-repeat 50% top;
	text-align: left;
}
DIV#header DIV#ville{
	width:200px;
	height: 96px;
	/*border:1px solid gray;*/
	float: left;
}
DIV#header DIV#ville IMG#headlogo{
	margin:10px 0 10px 15px;
	width:153px;
	height:30px;
}
DIV#header DIV#ville P{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin:0;
	line-height:1.1em;
}
DIV#header DIV#ville P.tel{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin:0;
	line-height:1.0em;
}

DIV#header DIV#idcentre{
float: left;
margin-left: 0;
padding: 50px 0 0 35px;
}
DIV#header DIV#idcentre P{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	padding-top:5px;
}
TABLE#wrpr{
	margin-top:2px;
}

TD.btnbck{
	 height:44px;
	 width:200px;
	 text-align:left;
	 background: url("/communs/images/btn-bck.png") no-repeat top;
	 /*vertical-align: middle*/
	 overflow: hidden;
	 margin:0;
	 padding:0;
}
TD.btnbck P{
	margin:6px 0px 0px 50px;
	/*margin:0;*/
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
TD.sidecol{
	width:200px;
	background: #ffffff url("/communs/images/side-col-bck2.png") repeat-x top;
	/*background-color: #9F00F8;*/
	text-align:center;
	padding:0;
	margin:0;
	border:0;
}
TD.centercol{text-align:left; background-color:#FFFFFF; }
DIV#screendax{
	margin:0;
	padding:0;
	/*background-color:#9F00F8;*/
}

DIV#screen{
	margin:5px 0 0 0;
}

DIV.sidecolsolid{
	margin:0;
	padding:0;
	background-color:#9F00F8;
}
DIV#Xfams{
	visibility: hidden;
}
UL#listfam{
	margin: 15px 0 0 5px;
	padding: 0;
	list-style: none;
	text-align: left;
}
UL#listfam LI{
	padding: 2px 0px 2px 20px;
	background-image: url("/communs/images/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 .1em;
	/*background-color: #980099;*/
	background-color: #9F00F8;
	border-bottom: 1px solid gray;
	color:#fff;
	font-size:11px;
	/*font-weight: bold;*/
	text-transform: uppercase;
}
UL#listfam LI.nb{
	padding: 2px 0px 2px 20px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 .1em;
	/*background-color: #980099;*/
	background-color: #9F00F8;
	border-bottom: 1px solid gray;
	color:#fff;
	font-size:12px;
	font-weight: bold;
}
UL#listfam LI.panier{
	padding: 4px 0px 2px 22px;
	background-image: url("/communs/images/pictopanier.gif");
	background-repeat: no-repeat;
	background-position: 0 .6em;
	background-color: #9F00F8;
	border-bottom: 0px solid gray;
	color:#fff;
	font-size:11px;
	/*font-weight: bold;*/
	text-transform: none;
}
UL#listfam LI a{
	color: #ffd4f1;
	text-decoration: none;
}
UL#listfam LI a:hover{
	color: #fff;
	text-decoration: underline;
}

DIV#footer{
	width:800px;
	margin:30px auto 0 auto;
	border-top: 0px solid #999999;
}
/*  footermenu - legal/abonnements/brochures/PDF et contact*/
UL#footermenu{
	margin:10px 0 0px 0px;
	padding:0;
	list-style:none;
}
UL#footermenu LI{
	padding-left: 0px;
	float:left;
	width:200px;
}
UL#footermenu LI A{
	margin: 5px 0px 0px 0px;
	display: block;
	padding: 0;
	border-bottom: 1px solid transparent;
	color: #800080;
	font-weight: normal;
	font-size: x-small;
	line-height: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}
UL#footermenu LI A:hover{
	background-color: #F3F3F3;
	border-bottom: 1px #DDDDDD solid;
}

DIV#cond P{
	font-size:11px;
}
DIV#cadre-fam{height:200px;padding:25px;margin:5px 10px;border:1px solid gray;}
DIV#cadre-fam P{color:#ec00cb;font-weight:bold;font-size:13px;padding:0;margin:10px 0 0 0;line-height:1.1em;}

DIV.krumbs, P.krumbs{
	padding:2px 5px 2px 10px;
	margin:0;
	background-color: #f3f3f3;
	border: 1px solid #ededed;
}

P.krumbs{
	font-size:11px;
	color: #979797;
	font-weight:normal;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
P.krumbs A{
	font-size:11px;
	color: #979797;
	font-weight:normal;
	text-decoration:none;
}
P.krumbs A:active{
	text-decoration:underline;
	color: #686868;
}
P.krumbs A:hover{
	text-decoration:underline;
	color: #686868;
}
P.krumbs A.activecrumb:hover{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

P.krumbs A.activecrumb:active{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

P.krumbs A.activecrumb{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

/* /////////////////  tarifs /////////////////     */
DIV#medium {
  font-size:medium;
}
DIV#medium UL{
  font-size:medium;
  list-style: none;
  line-height:1.2em;
}
DIV#medium UL LI{
	margin:0 0 10px 0;
}

DIV#medium UL A{
	text-decoration: underline;
	color:blue;
}
DIV#medium UL UL{
  font-size:small;
  list-style: none;
  line-height:1.1em;
}


/* espace aquatique photo layout table */
TABLE#tblphotos IMG{
	border: 6px solid #ba00bb;
}
IMG.cadre{
	border: 6px solid #ba00bb;
}
IMG.cadre4{
	border: 4px solid #ba00bb;
}
IMG.cadre3{
	border: 3px solid #ba00bb;
}
IMG.cadre2{
	border: 2px solid #ba00bb;
}
H2.partcp{
	margin:0 0 0 10px;
	padding:0;
	/*color: #ba00bb;*/
	color: #336699; /*emph*/
	font-size:13px;
}
DIV.fotos{
	margin:10px 0;
	text-align: center;
}
DIV.fotos IMG{
	border: 5px solid #ba00bb;
}




/* content cell padding div*/
DIV.pad{
text-align: left;
margin: 0;
padding: 0 10px 5px 10px;
width: 574px;
}
DIV.pad P{
	line-height:1.2em;
}

.emph{
	color: #336699;
	font-style: italic;
	font-weight: bold;
	text-decoration:none;
}
.emph a, .emph a:visited{
	color: #336699;
	font-style: italic;
	font-weight: bold;
	text-decoration:none;
}
.emph a:hover, .emph a:visited:hover{
	text-decoration:underline;
}
.emph2{
	color: #336699;
	font-style: italic;
	font-weight: normal;
}
.emphrose{
	color: #c300c4;
	font-style: italic;
	font-weight: bold;
	text-decoration:none;
	font-size:medium;
}
.emphrose A, .emphrose A:hover, .emphrose A:visited, .emphrose A:active, .emphrose A:link {
	text-decoration: underline;
	color: #c300c4;
	font-style: italic;
	font-weight: bold;
	font-size:medium;
}
P.minititle{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/* hotel address*/
TD.adrs{
	text-align: right;
}
P.adrs{
	text-transform: uppercase;	
	font-size: 13px;
	padding:0;
	margin:0;
}
TABLE#saisons{
	margin-right:0px;
}
TD.hs{
	font-size: x-small;
	text-align: right;
	border: 1px dotted #999999;
	padding:3px;
	background-color: #d4d4d4;
}
TD.bs{
	font-size: x-small;
	text-align: right;
	border: 1px dotted #999999;
	padding:3px;
}

TD.ps{
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
TABLE.tbltrfs{
margin: 0;
padding: 0;
/*width: 560px;*/
border: 1px solid #999999;
border-collapse: collapse;
}
TABLE.tbltrfs CAPTION{
	font-size: 16px;
	font-weight: bold;
	color: #6c006c;
	text-align: left;
	padding: 0 0 4px 0;
	margin: 0;
}
TABLE.tbltrfs TD.bs{
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
TABLE.tbltrfs TD.hs{
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
TABLE.tbltrfs TD.firstcol{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #6e006e;
	padding:1px 2px 1px 2px;
	width:80px;
	white-space: nowrap;
	border-bottom: 1px solid #999999;
}
TABLE.tbltrfs TD.n4{
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}
TABLE.tbltrfs TD.n3{
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}
TABLE.tbltrfs TD.n2{
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}
TABLE.tbltrfs TD.n1{
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}
TABLE.tbltrfs TD.n1{
	background-color: #c652c6;
	border-bottom: 1px solid #999999;
}
TABLE.tbltrfs TD.n2{
	background-color: #d47ed4;
	border-bottom: 1px solid #999999;
}
TABLE.tbltrfs TD.n3{
	background-color: #ebc6eb;
	border-bottom: 1px solid #999999;
}
TABLE.tbltrfs TD.n4{
	background-color: #ffd9ff;
	border-bottom: 1px solid #999999;
}
DIV.notes, TD.notes{
	font-size: x-small;
	text-align: left;
	border: 1px dotted #999999;
	padding:5px;
	margin: 5px 0 0 0;
	line-height: 1em;
   background-color: #f1f1f1;
}
/*DIV.notes{
	width:98%;
}*/

DIV.mv{
	background-color: #7c297d;
	border: 1px dotted #d47ed4;
	padding:6px;
	margin:0 0 5px 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
TABLE.trfs TD{
	padding: 3px 0 2px 0;
	color: #bf0060;
	font-weight: bold;
	font-size: 13px;
}
P.tempo {
	color: #333399;
	margin: 0;
	padding: 0;
	font-size: small;
}
P.temposm{
	color: #333399;
	margin: 3px 0 5px 0;
	padding: 0;
	font-size:x-small;
}
TABLE.tblgps{
	margin-top:0;
	padding:0;
}
TABLE#tblgps TD{
padding:1px 3px 1px 5px;
margin:0;
font-size:11px;

}
TABLE#tblgps TD.gps1{
padding:0;
margin:0;
color: #336699;
font-style: italic;
font-weight: bold;
font-size:12px;
}

.uline {
text-decoration: underline;
}
.ulineemph {
color: #336699;
font-style: normal;
font-weight: bold;
text-decoration: underline;
}

DIV.padleft {
padding: 0px;
margin: 0px 0px 0px 190px;
}
TABLE#tblsalles{
width:100%;
height:280px;
border: 1px solid gray;
}
TABLE#tblsalles TD{
font-size:11px;
padding:2px 1px;
}
TABLE#tblsalles TD.rt{
font-size:11px;
text-align:right;
}
TABLE#tblsalles TD.m2{
font-size:11px;
text-align:center;
background-color:#DFDFDF;
}
DIV#leftcol{
width:280px;
height:200px;
border:0px solid red;
margin:0 280px 0 0;
}
DIV#rightcol{
width:280px;
height:280px;
border:0px solid red;
float:right;
}
DIV.mentionslegales{
font-size:small;
}
DIV.mentionslegales P{
margin:0;
padding:0;
}
DIV.mentionslegales P.redheader{
color: maroon;
font-weight: bold;
font-size: 13px;
margin: 0px 0 0px 0;
padding: 15px 0 2px 0;
}

.redheader{
color: maroon;
font-weight: bold;
font-size: 13px;
}
P.right10{
	text-align: right;
	padding:0;
	margin:0 15px 5px 0;
}
DIV#spaphotos{
	width:90%;
	margin:10px auto;
	text-align: center;
}
.blue{color: #000099;}
H2.blue{margin:10px 0 5px 0;padding:0;}
.blue12{color: #000099;font-size:12px;}
.blue13{color: #000099;font-size:13px;}
.blue14{color: #000099;font-size:14px;}
.bluesm{color: #000099;font-size: x-small;}
DIV.bluedot{
width: 98%;
padding: 1px 2px;
margin: 5px auto;
color: #000099;
font-size: x-small;
border: 1px dotted #000099;
}
DIV.ideecado{
width: 95%;
padding: 10px;
background-color: #99cccc;
border: 1px solid #4b9596;
margin: 0 auto;
}
DIV.ideecado p.title{
	color: #663366;
	font-size: 28px;
	font-family: Helvetica, Arial, "Times New Roman", "Comic Sans MS", sans-serif;
	margin:0;
	padding:0;
	font-weight: bold;
}
DIV.ideecado Table TD{
	padding:0;
	margin:0;
	color: #663366;
}

DIV.ideecado Table TD.cado{
	font-size: 14px;
	text-transform: uppercase;
	color: #cc3399;
	font-weight: bold;
}
DIV.ideecado Table TD.det{
	font-size: small;
	color: #721c56;
}
DIV.ideecado Table TD.detpink{
	font-size: x-small;
	color: #cc0099;
}
DIV.ideecado P.f2{
	background-color: #cc66cc;
	color: #ffffff;
	text-align: center;
	padding:15px;
	font-weight: bold;
}


/*   ///////////////          Espace Beaute massages Tarifs    */
TABLE#tblwrapper{
	width:100%;
}

TABLE#tblwrapper TD.wrapper{
	padding:0;
	width:50%;
}


TABLE.tblbeautemassages{
	border: 0px solid #cc99cc;
	width:250px;
}
TABLE.tblbeautemassages TD{
	color: #cc0099;
}
TABLE.tblbeautemassages TR.tr1{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
TABLE.tblbeautemassages TR.tr2{
	font-size: 12px;
}
TABLE.tblbeautemassages TD.txt{
	font-size: 11px;
	color: #000099;
	line-height: 1em;
	padding:2px 3px;
	/*text-align:justify;*/
}
TABLE.tblbeautemassages TD.txtrose{
	font-size: 11px;
	color: #cc0099;
	line-height: 1em;
	padding:2px 3px;
}
p.centertitle{
	text-align: center;
	color: #663366;
	font-size: 28px;
	font-family: Helvetica, Arial, "Times New Roman", "Comic Sans MS", sans-serif;
	margin:0;
	padding:5px 0;
	font-weight: bold;
}
SPAN.blt{
	font-size: 18px;
	margin-right:6px;
}
SPAN.bltbio{
	font-size: 20px;
	margin-right:6px;
	color: green;
}
P.bio{
	margin:0;
	padding:0;
	color:green;
	font-size: x-small;
	font-weight: bold;
}
SPAN.note{
	line-height: 1.0em;
	font-weight: normal;
	font-size: 11px;
	color: #000099;
	margin:5px 0 5px 5px;
}
P.note{
	line-height: 1.0em;
	font-weight: normal;
	font-size: 11px;
	color: #cc0099;
	margin:5px 10px 5px 0;
	text-align: justify;
}

/* //////////  tarifs autres soins */
DIV.cures{
	background-color: #ffecff;
	padding:10px 15px 5px 15px;
	color: #cc0099;
	margin:0;
}
DIV.cures P{
	line-height: 1.0em;
	color: #cc0099;
	margin:0;
	padding:0;
}
DIV.cures P.cure{
	line-height: 1.0em;
	font-weight: bold;
	font-size: 14px;
	color: #cc0099;
}
DIV.cures P.note{
	line-height: 1.0em;
	font-weight: normal;
	font-size: 11px;
	color: #cc0099;
}
TABLE.cpx{
	border: 0px solid #cc99cc;
	width:480px;
	padding:0;
	margin:0 auto;
}
TABLE.cpx TD{
	padding:0;
	margin:0;
	color: #cc0099;
	font-weight: bold;
	font-size: 12px;
}
DIV.cures SPAN.note{
	line-height: 1.0em;
	font-weight: normal;
	font-size: 11px;
	color: #cc0099;
	margin:5px 0 5px 5px;
}



TABLE.tblbeautemassages TR.tr11{
	font-size: 11px;
	font-weight: bold;
}
TABLE.tblbeautemassages TR.tr1b{
	font-size: 13px;
	font-weight: bold;
}
P.tr1b{
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;	
}
SPAN.tr1b{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

TABLE.escales{
	width: 100%;
	/*background-color: #ff99ff;*/
	background-color: #663333;
}
TABLE.escales TR.lite{
	/*background-color: #ff99ff;*/
	background-color: 663333;
}
TABLE.escales TR.dark{
	/*background-color: #ff99ff;*/
	background-color: #9900cc;	
}
TABLE.escales TR.lite TD.txt{
	color: #fff;
	padding:10px;
	text-align: center;
}
TABLE.escales TR.dark TD.txt{
	color: #ffffff;
	padding:10px;
	text-align: center;
}

TABLE.escales TD P.title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom:0;
	padding-bottom:0;
	color: #fff;
}
TABLE.escales TD P.prix{
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #fff;
}
TABLE.escales TD P.text{
	font-size: 11px;
	text-align: justify;
}
TD.cosmetic{
	background-color: #66cc66;
	color: #fff;
	font-size: 11px;
	text-align: center;
	/*line-height:20px;*/
	text-transform: uppercase;
}
TD.cosmetic SPAN{
	color: #ffffff;
	padding:0px 4px;
}

P.epi{
	color: #cc0099;
	font-weight: bold;
	font-size: 12px;
}
TD.half{
	width: 50%;
}
TD.half H1{
	margin-bottom:4px;
	/*padding:0;*/
}
/* bouton Promo Nouveautés Abonnement*/
IMG#promnouv{
	 margin:5px auto 20px auto;
	 width:193px;
	 height:148px; 
}
P.telrens{
	 font-size:small;
	 margin-top:100px;
}
SPAN.fax{
	font-size:small;
}
/* video sur pages multimedia */
DIV#video{
	width:100%;
	height:400px;
	text-align: center;
}
DIV#video DIV#flashcontent{
	width: 490px;
	margin: 0px auto;
	padding-top: 20px;
	border: 0px solid gray;
}
IMG.contactlogo {
	margin:10px 0 0 0;
	padding:0;
	width:150px;
	height:31px;
}
/*  multimedia buttons wrapper - 2 columns   */
DIV#mm2{
	width:100%;
}
DIV#mm2 DIV{
	width:270px;
	float: left;
	padding:0;
	margin:0;
	border: 0px solid gray;
}
/*  multimedia buttons wrapper - 3 columns   */
DIV#mm3{
	width:100%;
}
DIV#mm3 DIV{
	width:190px;
	float: left;
	padding:0;
	margin:0;
	border: 0px solid gray;
}
DIV#mm2 DIV IMG.mmbtn, DIV#mm3 DIV IMG.mmbtn {
	margin: 20px 0 30px 0;
}
TD.tiers{width: 33%;}
TD.demi{width: 50%;}

DIV#dp {
	display: none;
	border: 1px solid gray;
	padding:0 10px;
	background-color: #f4f4f4;
	margin:0 auto;
	width:80%;
	text-align: left;
	font-size: small;	
}
DIV#dp blockquote{
	line-height: 1.2em;
	font-size: small;
	
}
.smfont{font-size:11px;font-weight:normal;}
.font12{font-size:12px;}

/* ajouté 27/10/09 pr addceci bouton in video pages*/
TABLE.thisadd{ width:100%; }
TABLE.thisadd H1{ margin:0;padding:0; }
TABLE.thisadd TD{ padding:10px 0 0 0; }

DIV.touradour{
	width:990px;
	height:20px;
	margin:10px auto 0 auto;
	text-align: right;
}
DIV.touradour A, DIV.touradour A:link, DIV.touradour A:hover, DIV.touradour A:visited{
font-family: arial;
font-size: 11px;
color: #ccc;
text-decoration: none;
font-weight: normal;
}
DIV.touradour span.tour {
/*color: #0068cc;*/
color: #b2b2b2;
font-weight: bold;
}
DIV.touradour span.adour{
/*color: #ff0099;*/
color: #868686;
font-weight: bold;
}