@charset "utf-8";

/*  Body
/*  ---------------------------------------------------------------
*/

body
{
	margin: 5px 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #53412e ;
	background-image:url(../images/bg_body.jpg);
}

.spa {
list-style-image: url(http://www.thalassotherapie.com/images/puce.png)
}

#agenda{background-color:#47bad1; font-variant:small-caps; color:#ffffff; line-height:35px; text-align:center; padding-left:10px}

.Style18 {color: #564c3d; font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; text-align:center}
.Style19 {font-size: 18px}
.Style26 {font-size: 12}
.Style30 {font-size: 2em}
.Style31 {color: #FFFFFF}
.Style32 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 2em;}
.Style33 {font-family: Georgia, "Times New Roman", Times, serif}
.Style34 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
}
.Style35 {font-size: 1.6em}
.Style36 {font-size: 1em}
.Style322 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.5em;}
.Style77 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px; color:#1f7584}
.Style777 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 24px; color:#1f7584}
.image {border: 1px solid #000000;}

#faq {text-align:center; font-style:strong; font-size:14px; background-color:#695f55;line-height:30px;}

.listeimage1 {
list-style-image: url(../images/puce.png)
}



h2
{
	padding-left: 25px ;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:605px;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #825f01 ;
	border-bottom: 1px solid #825f01 ;
}

/*  animations
/*  ---------------------------------------------------------------
*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #027383;
overflow: scroll; /*leave this value alone*/
width: 400px; /*Width of Carousel Viewer itself*/
height: 180px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*  Flags
/*  ---------------------------------------------------------------
*/

div#tiptop
{
	width: 944px ;
	margin: 0 auto ;
	text-align: center ;
	font-size:9px;
	height:15px;
}

label {
  float:left;
}
div.inpContainer {
  float: right;
}


p#flag
{
	font-size: 10px ;
	margin: 0 ;
	line-height: 20px ;
	text-align: center ;
	color: #fff ;
}

/*  mep
/*  ---------------------------------------------------------------
*/

#aquacycling{background-color:#47bad1; font-variant:small-caps; color:#003366; line-height:35px; text-align:center}
#carte-spa {background-color:#00717f; font-variant:small-caps; color:#FFFFFF; line-height:35px;}
#carte-spa-soins-corps {background-color:#695F55; font-size:16px; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#carte-spa-soins-visage {background-color:#bbb4b0; font-size:16px; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#carte-spa-soins-amincissants {background-color:#d4cdc3; font-size:16px; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#carte-spa-soins-eau {background-color:#d4cdc3; font-size:16px; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#carte-spa-idees-kdo{background-color:#695F55; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#ticket-aquatonic{background-color:#00717F; font-variant:small-caps; color:#FFFFFF; line-height:35px; text-align:center}
#espace-bien-etre{background-color:#695F55; color:#FFFFFF; line-height:35px; text-align:center}
#promo-tb {background-color:#FFFFFF;}
#fond-offres {background-color:#FFFFFF;line-height:25px;}
#inauguration {font-size:10px; text-align:center; border-bottom:0px; border-top:opx; border-left:0px; border-right:0px; background-color:#e5dfd9; line-height:30px;}
.inauguration
{
border: 1px solid #fff;
}


#menu-soins-spa {background-color:#5a4c41; color:#FFFFFF; text-align:center; line-height:10px;}

#news 
{
background-color:#FFFFFF;
font-variant:small-caps;
font-size:14px;
line-height:35px;
text-align:center
}

div#resa 
{
width:405px;
background-color:#9b9932;
color:#FFFFFF;
font-variant:small-caps;
font-size:14px;
line-height:25px;
}

div#resa2
{
background-color:#9b9932;
color:#FFFFFF;
font-variant:small-caps;
font-size:14px;
line-height:25px;
}


div#abo 
{
background-color:#ab5f85;
color:#FFFFFF;
font-variant:small-caps;
line-height:30px;
padding-left: 20px; padding-right:20px; padding-bottom:10px; padding-top:10px}


div#aquaworld
{
	margin: 0 auto ;
	text-align: center ;
	background-color:#66CC00;
	line-height: 20px ;
}

.Style2 {color: #336600;font-weight: bold;font-size: 12px;}
.Style3 {font-size: 8px}
.Style4 {font-size: 1.2em}
.Style6 {font-size: 12px}
.Style9 {font-size: 10px}
.Style10 {color: #00717f;font-weight: bold;}
.Style11 {color: #FFFFFF;font-weight: bold;}

/*  Liens
/*  ---------------------------------------------------------------
*/

a:link {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	color: #594c40;
	text-decoration: underline;
}
a:visited {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	color: #594c40;
	text-decoration: underline;
}
a:hover {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	text-decoration: none;
	color: #006e7f;
	}

/*  M.E.P.
/*  ---------------------------------------------------------------
*/

div#conteneur
{
	width: 944px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #fff ;
	background-color:#f0ede8;
}

h1#header
{
	height: 130px ;
	margin: 0 ;
	background:url(../images/header_saint-malo.jpg) no-repeat left top;
}

h1#header a
{
	width: 200px ;
	height: 114px ;
	display: block ;
	background: url(../images/logotype_header.jpg) no-repeat ;
	position: relative ;
	left: 460px ;
	top: 7px ;
	text-indent: -5000px ;
}

div.row {margin: 0; padding: 0; width: 98.5%;}
div.cols2 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}

#menu {
	background: #fff;
	font: 14px "Trebuchet MS", helvetica, sans-serif ;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}


/*  Sous Menu Spa
/*  ---------------------------------------------------------------
*/

#sous-menu-spa {
	background: #5A4C41;
	font: 14px "Trebuchet MS", helvetica, sans-serif ;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sous-menu-spa li {
	float: left;
	font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#sous-menu-spa a {
	background: #5A4C41;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 36px;
	text-decoration: none;
}
#sous-menu-spa a:hover {
	background: #fff;
	color: #5A4C41;
}


div#contenu
{
	padding: 20px 0px 0 0px ;
	background-color:#F0EDE8;
}

div#contenu h2
{
	padding-left: 35px ;
	line-height: 32px ;
	font-size: 1.4em ;
	color: #594c40 ;
	border-bottom: 1px solid #594c40 ;
	
}

div#contenu h3
{
	text-indent: 2em ;
	font-size: 14px;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}

p#copyright
{
	font-size: 10px ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #594c40 ;
	background-color:#f0ede8;
}

p#footer
{
	font-size: 10px ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #594c40 ;
		background-color:#f0ede8;
}

p#flag
{
	font-size: 10px ;
	margin: 0 ;
	line-height: 20px ;
	text-align: center ;
	color: #fff ;
}

#color_footer  {color:#fff; }


pre
{
	overflow: auto ;
	background: #0065B3 ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

/*  Parcours Aquatonic
/*  ---------------------------------------------------------------
*/

div.row_jazt {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt {background-color: #007381; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

#blanc {color: #ffffff}
#a1 {height:24px}
#a2 {height:30px}


/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_spa {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_spa {background-color: #655c57; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_be {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_be {background-color: #693d3c; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_host {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_host {background-color: #999933; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Menu
/*  ---------------------------------------------------------------
*/
#menu li {
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-variant:small-caps;
}
#menu a {
	background: #fff url("../css/images/seperator.gif") bottom right no-repeat;
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 19px;
	text-decoration: none;
}
#menu a:hover {
	background: #006e7f url("../css/images/hover.png") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}




/*  Table
/*  ---------------------------------------------------------------
*/

#table-home { visibility: visible;width: 100%;position: center }
#table-home table { font-size: 14px;font-family: "Trebuchet MS",Arial,sans-serif;background-color: transparent}
#table-home td { padding: 0 4px; padding: 0 4px; text-align: center ; width: 50%; }
#table-home tr { width: 50%; }
#table-home th { color: #663; font-size: 14px; text-align: center ; padding: 0 4px; width: 50%; }

#table-packs { visibility: visible;width: 80%; }
#table-packs table { font-size: 14px;font-family: "Trebuchet MS",Arial,sans-serif;background-color: transparent}
#table-packs td { padding: 0 4px; padding: 0 4px; text-align: center ; width: 50%; border-left: 1px solid #000; border-right: 1px solid #000;border-bottom: 1px solid #000;border-top: 1px solid #000; line-height:30px; }
#table-packs tr { width: 50%; }

/*  Float
/*  ---------------------------------------------------------------
*/

.floatright
{
float: right;
width: 150px;
margin: 50px 0 5px 20px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}

.float_droite
{
float: right;
margin: 0px 25px 10px 15px;
border: 0px solid #ffffff;
padding: 0px;
}

.float_gauche
{
float: left;
margin: 0px 25px 10px 15px;
border: 0px solid #ffffff;
padding: 0px;
}

.float_up
{
padding: 50px 0px 0px 0px;
}


.float_gauche_faq
{
float: left;
margin: 15px 20px 5px 0px;
border: 1px solid #000000;
padding: 0px;
}

.float_gauche_faq_no-up
{
float: left;
margin: 5px 20px 5px 0px;
border: 1px solid #000000;
padding: 0px;
}

.float_gauche_faq_no-up_nbord
{
float: left;
margin: 5px 20px 5px 0px;
padding: 0px;
}

/*  ---------------------------------------------------------------
/*  Demande de doc
/*  ---------------------------------------------------------------
*/

form {
	width: 95%;
	padding: 10px 20px;
}
form h3 {
	margin: 0 0 1em 0;
	padding: 10px 20px;
	text-align: center;
	background: #99796c;
	color: white;
}
form p.blabla {
	margin: 1em 20px 1.5em 20px;
	color: #369;
}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
}
form div.gauche {
	width: 300px;
	margin: 0 0 1em 20px;
	float: left;
	display: inline; /* évite le Doubled Float-Margin Bug d'IE6 */
}
form div.gauche p {
	margin: .5em 0;
}
form div.gauche span.label {
	display: block;
	margin-bottom: .2em;
}
form div.gauche label {
	font-weight: bold;
	cursor: pointer;
}
form div.gauche span.controle {
	display: block;
}
form div.droite {
	margin: 0 20px 1em 310px;
}
form div.droite span.label {
	display: block;
	font-weight: bold;
}
form div.droite span.controle {
	display: block;
	margin: .5em 0 0 30px;
}
form div.droite span.controle input.bouton {
	position: absolute;
	margin-left: -30px;
	left: 750px;
	top: 553px;
}
form div.droite span.controle br {
	display: none;
}
form input.text {
	width: 95%;
	border: solid 1px #8a815a;
	padding: 2px 4px;
}
form textarea {
	border: solid 1px #8a815a;
	padding: 2px 0 0 4px;
}
form p.submit {
	clear: left;
	margin: 1em 20px 1em 310px;
}
form p.submit input {font-size: 0.9em;}