*{margin:0;padding:0;}
ul,li{list-style:none;}
a:active,a:hover{outline:none}
body {background:#D4E5ED url(img/fond_body.png) repeat-x left top;font:12px Arial, Helvetica, sans-serif;color:#333333}
.home #branding {position:relative;background:url(img/fd_3photo.jpg);}
.home .menuP {height:360px;}
.home h2{margin:20px 0 10px}

.spa #branding {position:relative;background:url(img/fd_page.png);}
.faq #branding {position:relative;background:url(img/fd_page.png);}
.relaxez #branding {position:relative;background:url(img/fd_page.png);}
.concept #branding {position:relative;background:url(img/fd_3photo.jpg);}

.votreprojet #branding {
	background-image: url(img/cadre_hd_jdprojet.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
.gamme #branding {
	background-image: url(img/fd_page.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
.gamme.color #branding,.gamme.assise #branding {position:relative;background: url(img/fd_3photo.jpg);}

#logo{position: absolute;left: 20px;top: 20px;}


#wrapper {background:url(img/fond_wrapper.png) no-repeat center top}

#options {
	height:227px;
	width:982px;
	margin:0 auto;
	background-image: url(img/options_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:50px;
	overflow:hidden;
	position:relative;
}

#site{
width:1000px;
margin:0 auto;
}
#upnav{
height:20px;
text-align:center;
padding-top:3px;
font-size:11px;
color:#0090d1;
letter-spacing:1px;
}
#upnav a{

text-decoration:none;
}
a img{
border:0;
}
#lnkbrochure{
position:absolute;
left:170px;
background-image:url(img/bg_pdf.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:193px;
	height:22px;

}
#lnkconcession{
position:absolute;
left:370px;
background-image:url(img/bg_map.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:223px;
	height:22px;
}
#lnkutiles{
position:absolute;
left:600px;
background-image:url(img/bg_bulle.png);
	background-repeat: no-repeat;
	background-position: center top;
		width:193px;
		height:22px;
}
a.raccourci{
display:block;
text-align:center;
font-size:11px;
color:white;
text-decoration:none;
padding-top:3px;
top:35px;
}

.spa #diaporama,.faq #diaporama,.gamme #diaporama,.relaxez #diaporama,.votreprojet #diaporama,.concept #diaporama{
width:641px;float:left;position:relative;top:92px;left:20px;padding-bottom:70px;}

.home #diaporama{
width:641px;
float:left;
position:relative;
top:114px;
left:20px;
padding-bottom:70px;
}

#diaporama.inside div{
padding:25px 7px;
}
#diaporama.inside div p{
line-height:150%;
margin-bottom:20px;
padding:0 5px;
text-align:justify;
}
#diaporama.inside div p,.home p{
line-height:150%;
padding:0 5px;
text-align:justify;
}
#diaporama.inside div h4{
margin:20px 0;
}

.menuP{
position:relative;
}

.menuP li{
float:left;
margin:0 0 0 6px;
background:transparent url(img/link_diapo.png) no-repeat scroll 0 -25px;
width:150px;
height:25px;
font:12px Arial, Helvetica, sans-serif;
}

.home .menuP li{margin:0 2px 0 7px;_margin:0 0 0 2px;}

.menuP li p.pictures{
position:absolute;
top:25px;
left:0px;
_left:-614px;
width:641px;
height:331px;
}
#diaporama .menuP li p.pictures a{
color:#333333;
}
p#pic1{
background:url(img/pictures1.jpg) top left no-repeat;
}
p#pic2{
background:url(img/pictures2.jpg) top left no-repeat;
}
p#pic3{
background:url(img/pictures3.jpg) top left no-repeat;
}
p#pic4{
background:url(img/pictures4.jpg) top left no-repeat;
}


#diaporama li.selected p.pictures{
display:block;
}
#diaporama li.hidden p.pictures{
display:none;
}

#diaporama li a{
display:block;
text-align:center;
color:#005697;
text-decoration:none;
padding-top:6px;
}
#diaporama li.on a{
display:block;
text-align:center;
color:#FFF;
text-decoration:none;
padding-top:6px;
}
#diaporama li.on{
background-position:0 0px;
}
#form_extrait{
width:315px;
height:371px;
position:absolute;
background:url(img/votre_projetpng.png) no-repeat top left;
top:100px;
left:665px
}
p.pictures span{
position:absolute;
font-size:11px;
top:115px;
left:30px;
width:300px;
}
p#pic1 span{
top:90px;
}
p#pic4 span{
top:90px;
width:350px;
}
p.pictures span a{
text-decoration:none;
color:#333;
}
p.pictures span strong.link {
	background-image: url(img/knowmore.png);
	height: 22px;
	width: 114px;
	display:block;
	margin-top:10px;
	margin-left:100px;
}

p.pictures span strong.link a{
display:block;
padding-top:3px;
text-align:center;
color:white;
text-decoration:none;
}
#options {
	height:227px;
	width:982px;
	margin:0 auto;
	background-image: url(img/options_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:50px;
	overflow:hidden;
	position:relative;
}
#options_list{
width:1883px;
height:167px;
position:absolute;
left:0px;
top:0px;
}
#options_conteneur{
width:900px;
height:167px;
position:absolute;
left:40px;
top:30px;
overflow:hidden;
}
div.option{
width:259px;
height:167px;
margin-right:10px;
float:left;
position:relative;
}
#option1{
background:url(img/options1.jpg) no-repeat top left;
}
#option2{
background:url(img/options2.jpg) no-repeat top left;
}
#option3{
background:url(img/options3.jpg) no-repeat top left;
}
#option4{
background:url(img/options4.jpg) no-repeat top left;
}
div.option span{
position:absolute;
bottom:0px;
left:0px;
display:block;
padding:10px;
font-size:11px;
color:white;
background:url(img/50.png) repeat;
}

#option1 span,#option2 span,#option3 span,#option4 span,#option5 span,#option6 span,#option7 span{
display:none;
}
#plus{
position:absolute;
top:100px;
left:0px;
z-index:100;
}

#moins{
position:absolute;
top:100px;
right:0px;
z-index:100;
}
#fleft{
position:absolute;
top:0px;
left:0px;
z-index:100;
}
#fright{
position:absolute;
top:0px;
right:0px;
z-index:100;
}
#footer{
margin:0 auto;
margin-top:10px;
background:url(img/footer.png) top left no-repeat;
height:50px;
margin-bottom:10px;
width:982px;
}
#footer{
text-align:center;
padding-top:10px;
font-size:11px;
color:#0090d1;
letter-spacing:1px;
}
#footer a{
text-decoration:none;
color:#0090d1;
}
#form_extrait form{
padding:0 10px;
padding-top:40px;
color:white;
line-height:100%;
font-size:11px;
}
#form_extrait form p{
padding:3px 10px;
margin:0px;
line-height:14px;
}
#form_extrait form h4{
font-weight:normal;
font-size:11px;
line-height:100%;
background:url(img/fond_4_form.png) top left no-repeat;
width:294px;
height:17px;
padding-top:5px;
padding-left:10px;
margin-top:10px;
}
fieldset{
border:none;
}
#diaporama.inside div p.legende{
font-size:11px;
border:1px solid #EEEEEE;
font-size:11px;
padding:5px 15px;
display:none;
background-color:white;
}
#diaporama.inside div p.legende strong{
font-size:12px;
font-weight:bold;
color:#005697;
display:block;
margin-top:10px;
}
#diaporama.inside div p.alter{
background:transparent url(img/knowmore.png) no-repeat scroll left top;
color:white;
height:22px;
padding:1px 0 0;
text-align:center;;
width:114px;
cursor:pointer;
}
span.encadre{
background:#CBDFE9 none repeat scroll 0 0;
display:block;
margin-bottom:10px;
margin-top:10px;
padding:10px;
}
p.deroulant{
cursor:pointer;
font-weight:bold;
}
p.deroulant span{
background:#CBDFE9 none repeat scroll 0 0;
border:solid 1px #005b8b;
font-weight:normal;

}
#diaporama.inside .project div{
padding:0px;
margin:0px;
}
#diaporama.inside .project div.big_bloc{
width:620px;
margin:0 auto 20px;
overflow:hidden;
background-color:#005B8B;
color:white;
font-size:11px;
}
#diaporama.inside .project div.content_bloc{
padding:10px 20px;
}
div.bottom_bloc{
background:transparent url(img/bloc_bas.png) no-repeat scroll left top;
height:10px;
overflow:hidden;
}
div.top_bloc{
background:transparent url(img/bloc_haut.png) no-repeat scroll left top;
height:10px;
overflow:hidden;
}
#diaporama.inside div.project form h4{
font-weight:normal;
font-size:11px;
line-height:100%;
background:url(img/fond_4_form.png) top left no-repeat;
width:294px;
height:17px;
padding-top:5px;
padding-left:10px;
margin-top:15px;
margin-bottom:15px;
}
.label_float{
display:block;
float:left;
width:150px;
}
#jdspa{
position:absolute;
top:32px;
right:20px;
}
#footer a, #upnav a{
color:#0090D1;
text-decoration:none;
}
#diaporama.inside div.concepts{
padding:0px;
position:relative;
padding-top:280px;
display:none;
}
#diaporama.inside div#therm1.concepts{
background:url(img/concept_hydro.jpg) top left no-repeat;
display:block;
}
#diaporama.inside div#therm2.concepts{
background:url(img/concept_eau.jpg) top left no-repeat;
}
#diaporama.inside div#therm3.concepts{
background:url(img/concept_jet.jpg) top left no-repeat;
}


#diaporama.inside div.thintro{
left:45px;
position:absolute;
top:0;
padding: 0;
}
div.thintro h2{margin:20px 0 20px;font:small-caps 24px/96% arial;color:#174581;}
div.thintro h2 strong{display:block;font:small-caps 21px/100% times;color:#FFF;}

div.thintro p{margin:0 0 0 15px;font-size:11px;width:295px;}
#diaporama.inside div.concepts p.alter{
background:transparent url(img/knowmore.png) no-repeat scroll left top;
color:white;
height:22px;
padding:1px 0 0;
text-align:center;;
width:114px;
cursor:pointer;
position:absolute;
left:42px;
top:230px;
}
.deroulantlegende{
display:none;
}
span.deroulant{
font-weight:bold;
display:block;
margin:10px auto;
}
img.fleche_g{
position:absolute;
left:0px;
top:120px;
cursor:pointer;
}
img.fleche_d{
position:absolute;
left:596px;
top:120px;
cursor:pointer;
}


/* ajout gr */
.concept h1,.votreprojet h1{margin:40px 0 18px 5px;}
h1{margin:30px 0;font:small-caps 22px/100% times;color:#174581;}
h1 strong{display:block;font:small-caps 15px/100% times;}
h2{margin:40px 0 20px;font:bold small-caps 14px/100% arial;color:#22719A;}
h2 sup{font:11px arial;}
h3{margin:30px 0 20px;font:bold 12px/100% arial;text-indent:4px}
.right{float:right}
#diaporama.inside div.legende{display:none;padding:0 0 20px 180px;width:580px}
.concept #diaporama.inside div.legende{padding:0 0 20px 25px;}
.intro{font-weight:bold}

/* spe page concept */
.concept #diaporama.inside div.legende p{display:block;width:auto;margin:30px 0 0;}
.concept #diaporama.inside div.legende p strong{display:block;}

#diaporama.inside div.legende p#hydrosil{padding:0 0 0 46px;background:url(img/ic_hydrosil.png) no-repeat;}
#diaporama.inside div.legende p#spafrog{padding:0 0 0 46px;background:url(img/ic_spafrog.png) no-repeat;}
#diaporama.inside div.legende p#aroma{padding:0 0 0 46px;background:url(img/ic_aroma.png) no-repeat;}
#diaporama.inside div.legende p#audio{padding:0 0 0 46px;background:url(img/ic_audio.png) no-repeat;}



#diaporama.inside div.legende p#cluster{margin:20px 0 0;padding:12px 0 12px 70px;background:url(img/jet_cluster.jpg) no-repeat 6px 8px;}
#diaporama.inside div.legende p#clusterpulsator{margin:0;padding:12px 0 12px 70px;background:url(img/jet_clusterpulsator.jpg) no-repeat 6px 14px;}
#diaporama.inside div.legende p#singlerotopolystorm{margin:0;padding:12px 0 12px 70px;background:url(img/jet_singlerotopolystorm.jpg) no-repeat;}
#diaporama.inside div.legende p#twinrotopolystorm{margin:10px 0 0;padding:12px 0 12px 70px;background:url(img/jet_twinrotopolystorm.jpg) no-repeat 0 10px;}
#diaporama.inside div.legende p#polystormdirectionnel{margin:10px 0 0;padding:12px 0 12px 70px;background:url(img/jet_polystormdirectionnel.jpg) no-repeat;}
#diaporama.inside div.legende p#massagepolystorm{margin:10px 0 0;padding:12px 0 12px 70px;background:url(img/jet_massagepolystorm.jpg) no-repeat 0 10px;}
#diaporama.inside div.legende p#powerstormadirectionnel{margin:10px 0 0;padding:12px 0 12px 70px;background:url(img/jet_powerstormadirectionnel.jpg) no-repeat 0 10px;}
#diaporama.inside div.legende p#twinrotopowerstorm{margin:10px 0 0;padding:12px 0 12px 70px;background:url(img/jet_twinrotopowerstorm.jpg) no-repeat 0 10px;}


/* spe page gamme */
h3.deroulant{cursor:pointer;}
h3.deroulant span{padding:0 4px;margin:0 10px 0 0;background:#CBDFE9;border:solid 1px #005b8b;font-weight:normal;}

.gamme #diaporama.inside div#tabcomp{padding:0 0 20px 10px;}
.gamme #diaporama.inside div.legende p{margin:0 0 10px;width:340px;text-align:left}
.gamme #diaporama.inside div.legende span{display:block;margin:20px 0 0;font:italic 11px arial}
.gamme .legende p img{margin:10px 0;}

.imcol{display:block;margin:0 0 10px;text-align:center}
.spcolcin{margin:0 0 0 158px}
.spcolgyp{margin:0 0 0 80px}
.spcolsil{margin:0 0 0 55px}
.spcolazu{margin:0 0 0 106px}
.spcolblu{margin:0 0 0 80px}
.spcolwhi{margin:0 0 0 78px}
.spcolmid{margin:0 0 0 72px}


/* spe page ambiance */
.ambiance #diaporama.inside div p.legende{display:block;}

/* spe page couleur */
.imgspa{margin:30px 40px 0 10px;}

/* spe page assise */
.imgAss{float:left;margin:0 14px 0 0;border:solid 1px #EEEEEE}

/* spe page carac */
.carac #diaporama.inside div.legende {padding: 0 0 20px 25px;width: 580px;}
.carac #diaporama.inside div p {margin:0 0 25px;padding:0}
.carac h3 {margin:10px 0 5px;text-indent:0}
.imgFct{position:absolute;top:500px;left:740px;padding:5px;border:1px solid #EEEEEE;}

/* spe form devis */
#diaporama.inside div p.imgValidForm {margin:20px 0 0}
.big_bloc label{margin:0 0 0 4px;}

/* spe form home */
#form_extrait label{margin:0 0 0 4px;}
#form_extrait form p.imgValidForm {float:right;margin:0 10px 0 0;|margin: -10px 10px 0 0;}
#form_extrait form p {|line-height:0px;|padding:0px;}


.input_float{width:150px;}
select.input_float{width:154px;}