f@charset "utf-8";
/* CSS Document */

/* body */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

h2, h3 {
	margin:15px 0;
}

img {
border:none;
outline:none;
}

html, body {
width:100%;
margin:0;
font-size:12px;
color:#666;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url("../images/bg-header.png") repeat-x scroll 0 0 #DDDDDD;
}

a, a:active{
text-decoration:none;
color:#666;
border:none;
outline:none;
}
a:hover {
	text-decoration:underline;
	cursor:pointer;
}


blockquote {
	margin: 20px 0px 20px 170px;
}


#conteneur {
	width:993px;
	position:relative;
	margin:0 auto 0 auto;
}

/* Logo */

#logo {
	float:left;
	height:201px;
	width:990px;
}

/* Slide Menu */
#header {
	clear:both;
	width:990px;
}
#kwick { 
	height: 201px;
	width:503px;
	position:absolute;
	right:0;
	margin:0;
	padding:0;
}

#kwicks {
	height:201px;
	display:block;
	height:201px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0pt;
}
 
#kwick .kwick {
	border-top:0px solid blue;
	overflow:hidden;
	display: block;
	width: 100px;
	height: 201px;
	float:left;
	margin:0px;
	padding:0pt;
}

/* Next code is for kwick slide menu to be compatible with IE7 */

#kwick li {
float:left;
list-style-image:none;
list-style-type:none;
list-style-position:outside;
margin:0pt;
padding:0pt;
}

/* technodata */



#icones {
float:left;
list-style-image:none;
list-style-type:none;
margin-top:40px;
margin-right:7px;
margin-left:40px;
}

.properties{
float:left;
margin-top:40px;
margin-left:105px;
padding-left:10px;
height:650px;
width:350px;
background:url(../produits/images/design.jpg);
}

.propertiesMS{
float:left;
margin-top:40px;
margin-left:105px;
padding-left:10px;
height:650px;
width:350px;
background:url(../produits/images/designMS.png);
}

.titleGrey{
color:#999999;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.littleTitleGrey {
color:#999999;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textGrey{
font-size:11px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.redLetter {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}

.imageRight {
 float:right;
 margin:30px;
 width:270px;
height:285px;
 }
 
 .bubbleRight {
 posiiton:relative;
 width:30px;
 height:30px;
 }
 
.imageLeft {
float:left;
margin:20px 20px 0px 20px;
	}
 
.couleurLeft {
float:left;
margin:30px 30px 0px 20px;
	}
	
	.couleurLeft2 {
float:left;
margin:30px 50px 0px 20px;
	}
  
.presTechno {
border-bottom: 1px #0000CC solid;
}

.dataTechno {
border-bottom: 1px #0000CC solid;
}

#dataMid {
width:991px;
float:left;
margin-top:10px;
}

.dataLeft {
	float:left;
	width:300px;
	margin:0px 15px;
	font-size:12px;
	color:#666666;
	
}
.dataLeft h2 {
	font-size:18px;
	font-weight:bold;
	margin:15px 0;
}
.titleBlue h2 {
	font-size:18px;
	font-weight:bold;
	clear:both;
	float:left;
	font-size:18px;
	font-weight:bold;
	width:100%;
}
.dataLeft p {
	text-align:justify;
}
.dataLeftImg {
	width:180px;
	margin:15px;
	padding:0 0 0 120px;
	display:block;
	float:left;
}
.dataLeftImg p {
	font-size:12px;
	color:#666;
}
.dataLeftImg p a {
	display:block;
	text-align:right;
	margin:10px 0 0 0;
}
.dataLeftImg h3 {
	font-size:14px;
	font-weight:bold;
	margin:15px 0;
	color:#666;
}
.dli-balneo {
	background:url(../images/accueil/balneo.jpg) no-repeat center left #DDD;
}
.dli-aroma {
	background:url(../images/accueil/aroma.jpg) no-repeat center left #DDD;
}
.dli-chromo {
	background:#DDD url(../images/accueil/chromo.jpg) center left no-repeat ;
}
.h1titles {
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px solid #E4F0F8;
color:#00CCFF;
font-size:1.5em;
font-weight:normal;
line-height:1.9em;
margin:20px 20px 20px 0;
}

.dataQuarterLeft p, .dataQuarter p, .dataQuarterBig p {
color:white;
font-size:12px;
}

.dataClear {
clear:both;
height:10px;
}

.dataQuarterImage {
float:left;
margin-left:25px;
margin-right:0;
padding:0;
width:430px;
}

.continueLink {
float:right;
margin-top:150px;
}

.continueLink a{
text-decoration:none;
font-size:12px;
}

.continueLink a:hover{
font-size:12px;
color:#0099CC;
}

.continueLinkContact {
float:right;
margin-top:30px;
}

.continueLinkContact a{
text-decoration:none;
font-size:12px;
}

.continueLinkContact a:hover{
font-size:12px;
color:#0099CC;
}

.info {
float:right;
margin:0px 30px 30px 20px;
padding:10px;
text-align:right;
width:270px;
}

.logoYear{
float:left;
margin:20px 40px 0px 0px;;
}

.years {
padding:40px;
}

#right {
background-image:url(../therapies/images/chromaFull.png);
}

.yearsLong {
padding:15px 0px 15px 20px;
}

.text_blue {
font-size:12px;
font-weight:normal;
line-height:1.5em;
padding:0px 20px 80px 60px;
text-align:justify;
}

.text_blue2 {
font-size:12px;
font-weight:normal;
line-height:1.5em;
padding:20px 20px 60px 20px;
background-color:#FFFFFF;
text-align:justify;
}

.text_blue3 {
font-size:10px;
font-weight:normal;
line-height:1.5em;
padding:0px 20px 20px 70px;
text-align:justify;
}

.text_blue4 {
font-size:12px;
font-weight:normal;
line-height:1.8em;
padding:20px 20px 20px 70px;
text-align:justify;
}

.text_blue4 a{
text-decoration:none;
font-size:12px;
}

.text_blue4 a:hover{
font-size:12px;
text-decoration:underline;
}



.suite{
float:right;
font-size:10px;
color:#3399CC;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.titleGreen{
color:#009933;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
padding-top:20px;
}

.dataType{
float:left;
width:225px;
height:225px;
margin:20px 31px 0px 0px;
}

#colonne {
background:white url(../images/accueil/colonne.jpg) no-repeat;
}

#colonne:hover {
background:white url(../images/accueil/colonneR.jpg) no-repeat;
color:#010178;
}

#spa {
background:white url(../images/accueil/spaV.jpg) no-repeat;
}

#spa:hover {
background:white url(../images/accueil/spaR.jpg) no-repeat;
color:#010178;
}

#baignoire {
background:white url(../images/accueil/baignoireV.jpg) no-repeat;
}

#baignoire:hover {
background:white url(../images/accueil/baignoireR.jpg) no-repeat;
color:#010178;
}

#sauna {
background:white url(../images/accueil/saunaV.jpg) no-repeat;
}

#sauna:hover {
background:white url(../images/accueil/saunaR.jpg) no-repeat;
color:#010178;
}

#hammam {
background:white url(../images/accueil/hammamV.jpg) no-repeat;
}

#hammam:hover {
background:white url(../images/accueil/hammamR.jpg) no-repeat;
color:#010178;
}

#msdb {
background:white url(../images/accueil/msdbV.jpg) no-repeat;
}

#msdb:hover {
background:white url(../images/accueil/msdbR.jpg) no-repeat;
color:#010178;
}

#garantie {
background:white url(../images/accueil/garantieV.jpg) no-repeat;
}

#garantie:hover {
background:white url(../images/accueil/garantieR.jpg) no-repeat;
color:#010178;
}

#contact {
background:white url(../images/accueil/contactV.jpg) no-repeat;
}

#contact:hover {
background:white url(../images/accueil/contactR.jpg) no-repeat;
color:#010178;
}


.dataType h1 {
font-size:14px;
margin:0;
padding:50px 0 0 20px;
}

.dataType p {
font-size:11px;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.details {
font-size:11px;
background:white url(../images/accueil/details.png) no-repeat;
padding:1px 0 0 35px;
}

/* Data Footer */

.left {
background-color:#a5a5a3;
height: 100px;
width: 190px;
float: left;
margin-top: 1px;
}

.right{
background-color:#a5a5a3;
height: 100px;
width: 190px;
float: left;
margin-left: 1px;
margin-top: 1px;
margin-bottom:1px;
}

.rightEnd{
background-color:#a5a5a3;
height: 100px;
width: 30px;
float: left;
margin-left: 1px;
margin-top: 1px;
margin-bottom:1px;
}

#selectedColors {
float:left;
margin-top:250px;
margin-left:-980px;
}

/* Footer */

#footer {
background:none repeat scroll 0 0 #F9FAFA;
clear:left;
color:#858B8D;
float:left;
margin-top:10px;
padding:20px 95px;
text-decoration:none;
width:801px;
}

#foot-left {
float:left;
margin-left:20px;
}

#foot-right {
float:left;
width:340px;
margin-left:50px;
}

#footer h1 {
font-size:10px;
font-variant:small-caps;
font-weight:700;
margin:5px 0;
}

.lef {
float:left;
list-style-type:none;
margin:0;
padding:0 0 2px;
width:140px;
font-size:10px;
}

.rig {
float:right;
width:140px;
}

#footer p {
margin:0 0 10px 5px;
}

#footer a {
margin:0 0 10px 5px;
color:#858B8D;
}

p {
text-align:left;
}

.centrer, .centrer p {
text-align:center;
}


#footer_bottom {
	text-align:center;
	width:991px;
	margin:15px 0;
	float:left;
	font-size:10px;
	color:#666;
}

#footer_bottom p {
	text-align:center;
	font-size:10px;
	color:#666;
}
#footer_bottom p a{
	text-align:center;
	font-size:10px;
	color:#666;
	font-weight:bold;
}
#dataAccesTarifs {
background:url(../documentation/images/accesTarifs.jpg);
	width: 993px;
	height: 400px;
	margin:20px 0px 20px 0;
	float:left;
	color:#336699;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:1.5em;
}

#dataAccesPro {
background:url(../pro/images/login.jpg) no-repeat center;
	width: 993px;
	height: 400px;
	margin:20px 0px 20px 0;
	float:left;
	color:black;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
line-height:1.5em;
}

.proSection {
background:url(../pro/images/proBg.jpg);
width:248px;
height:650px;
float:left;
}



.tablecontain {
margin-left:75px;
float:left;
margin-right:25px;
width:96%;
font-size:75%;
line-height:1.7em;
padding-top:150px;
}

.tablecontain2 {
float:left;
font-size:75%;
line-height:1.7em;
margin-left:0;
margin-right:0;
padding-top:20px;
width:600px;
}
#table {
margin-top:10px;
}

#table td {
font-size:9px;
}

.showroomtable {
color:#666;
font-size:13px;
line-height:30px;
}

.showroomtable2 {
color:#666666;
font-size:10px;
line-height:30px;
}

.showroomtable2 td.first {
padding: 0 0 0 20px;
}

/* slider */

/* apply the gallery design - links slider */
#gallery_container { width:200px ; height:80px ; padding:0px 0px 0px; display:block; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:200px ; height:80px ; margin:0px auto 0px; }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }

/* apply the gallery design - links slider */
#gallery_container2 { width:200px ; height:80px ; padding:0px 0px 0px; display:block; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:200px ; height:80px ; margin:0px auto 0px; }
/* the thumbnails container */
#thumbs2 { white-space:nowrap; display:block; position:relative; }

#thumbs2 a { padding:0px; margin:0px; }



/* the forward and backward buttons */
.addfwd { display:block; float:right; margin-top:-70px; cursor:pointer; width:50px; height:50px; background:url(../produits/images/fwdSlider.png) no-repeat; }
.addbkwd { display:block; position:absolute; margin-top:-70px; cursor:pointer; width:50px; height:50px; background:url(../produits/images/bckSlider.png) no-repeat; }
/* thumbnail slider end */

.prixProduits {
font-size:18px;
font-style:italic;
color:#003366;
}

.prixProduitsHT {
font-size:24px;
font-style:italic;
font-weight:bold;
color:#003366;
}

/* Balteco Prods */
.tabletitle {
	color:#5DA9B9;
	font-size:11px;
	
}

.balteco_modele {
	float:left;
	height:110px;
	margin:30px 0 0 11px;
	width:192px;
}

.bm_first{
	margin:30px 0 0 0;
}
.bm_first_pac {
	margin:30px 0 0 0;
	width:250px;
}

#data_balt h1 {
	color:#5DA9B9;
	font-size:18px;
	margin:0 0 0 -5px;
	padding:0 0 5px 5px;
}

.balteco_modele p {
	font-size:10px;
	margin:0;
	padding:20px 5px;
	background:#FFF;
	color:#666;
}

.b_logos {
margin:30px 0 0 0;	
float:left;
padding:15px;
width:570px;
clear:both;
background-color:#FFF;
}
.b_logos img {
float:left;
}

.b_logos img.i_rights {
float:right;
margin:0 0 0 10px;
}

.accs_logos img {
	float:left;
	margin:5px 0 0 5px
}

.accs_logos p {
	float:left;
	width:75px;
	margin:5px 0 5px 5px;
	font-size:10px;
}
.accs_pac span {
	display:block;
margin:5px 0 5px 5px;
	font-size:11px;
}
.accs_pac img, .accs_pac p {
	float:left;
}
.accs_pac p {
	width:200px;
	margin:0 0 20px 20px;
	height:75px;
}
.opts_pac p {
	width:600px;
}
.accs_pac, .opts_pac {
	float:left;
	color:#666;
	margin:25px 0 5px 0px;
	font-size:11px;
}

.prod_left {
	float:left;
	width:350px;
	
}

.prod_right {
	float:left;
	width:599px;
	margin:30px 0 0 40px;
}

.pdesc {
	width:182px;
	height:60px;
	float:left;
	color:#6C92B7;
	margin:60px 0 25px 0px;
	font-size:11px;
}
.cartouche-lien {
background:url("../produits/images/bg-link-txt.jpg") no-repeat scroll left center transparent;
display:block;
float:left;
font-size:16px;
height:39px;
line-height:39px;
margin:20px 10px 0 0;
padding:0 0 0 12px;
width:435px;
}
.cartouche-lien-dl, .cartouche-lien-dc {
background:url("../produits/images/bg-link-txt-fp-dl.jpg") no-repeat scroll left center transparent;
display:block;
float:left;
outline:none;
border:none;
font-weight:bold;
font-size:11px;
height:39px;
line-height:39px;
margin:6px 0;
padding:0 0 0 12px;
width:350px;
}
.cartouche-lien-dc {
background:url("../produits/images/bg-link-txt-fp.png") no-repeat scroll left center transparent;
}
.sys-balt {
background:url("../produits/baignoire/images/systemes_balteco.jpg") no-repeat scroll left bottom #FFF;
display:block;
float:left;
font-size:12px;
height:1759px;
margin:20px 0 0 0;
padding:0 30px 0 300px;
width:663px;
color:#666;
}
.sys-balt h2{
font-size:16px;
margin:20px 10px 0 0;
padding:0;
color:#666;
}
.sys-balt p{
text-align:justify;
}
.chr-balt {
background:url("../produits/baignoire/images/chromo_balteco.jpg") no-repeat scroll left bottom #FFF;
display:block;
float:left;
font-size:12px;
height:567px;
margin:20px 0 0 0;
padding:30px 30px 0 30px;
width:931px;
color:#666;
}
.chr-balt h2{
font-size:12px;
margin:20px 10px 0 0px;
padding:0;
font-style:italic;
color:#666;
}
.chr-balt p{
text-align:justify;
width:380px;
margin: 0 0 110px 0;
}
.nor-balt {
float:left;
width:453px;
color:#666;
font-size:12px;
margin:0;
background:#FFF;
}
.nbl {
margin: 0 20px 0 0;
}
.nor-balt h2{
font-size:16px;
margin:20px 10px 0 0;
padding:0;
color:#666;
}
.nor-balt p{
text-align:justify;
}


.clear {
 clear:both;
 height:30px;
}

.th_white {
	float:left;
	background:#FFF;
	margin:15px 0 ;
}

.th_white img {
	float:left;
	padding:70px 30px 0 30px;
}

.th_white p {
	float:left;
	padding:30px;
	width:700px;
}

.baignoire-pres {
	width:128px;
	margin:0 21px 20px 0;
	float:left;
}
.baignoire-pres a:hover {
	cursor:pointer;
}

.baignoire-pres p {
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	color:#5DA9B9;
	font-weight:bold;
}
.baignoire-pres h3 {
	text-align:center;
	margin:0;
	font-size:12px;
	padding:5px 0 0 0;
}