/* --------------- BASE ----------------- */
*{
	margin: 0;
	padding: 0;
}
body, html{
	background: #888a8f url(images/bg.png) center repeat-y;
	color: #4b4a50;
	font: 12px Trebuchet MS, Arial, sans-serif;
	height: 100%;
}
h1{
font-size: 27px;
	margin: 0 0 8px 0;
padding: 0 0 5px 0;
	letter-spacing: -0.02em;
	color: #F28F00;
border-bottom: 1px #f1f1f1 solid;
}
h2{
	font-size: 25px;
	margin: 0 0 8px 0;
padding: 0 0 5px 0;
	letter-spacing: -0.02em;
	color: #F28F00;
border-bottom: 1px #f1f1f1 solid;
}
h3{
	font-size: 15px;
	margin: 4px 0 4px 0;
font-weight: normal;
	letter-spacing: -0.02em;
	color: #821432;
}
p{
	margin: 5px;
line-height: 20px;

}
img{
	border: none;
}
.titreImageHeader{
	position: absolute;
	width: 670px;
	margin: 310px 0px 0 0;
	text-align: right;
	z-index: 22;
border: none;
}

.titreImageHeader2, .titreImageHeader2_bis{
	position: absolute;
	width: 670px;
	text-align: right;
	top:315px;
	z-index: 22;
border: none;
}
.surImage{
	position:absolute;
	z-index:16;
	top:0;
}
.diaporama{
	width: 682px;
	height: 348px;
	display: block;
	overflow: hidden;
	z-index: 15;
}
.diaporama img{
display:none;
}

.sousImage{
	position:absolute;
	z-index: 5;
}
.diaporama{
	background: url("http://www.gymspa.fr/nouveau/images/loader.gif") 50% 50% no-repeat;
}

.left{
	float:left;
}
.clear{
	clear:both;
}
.imgLeft{
	float: left;
	margin: 9px 25px 5px 0;
	border-bottom: 2px solid #4db3e1;
}
.imgRight{
	float: right;
	margin: 9px 0 5px 10px;
	border-bottom: 2px solid #4db3e1;
}
ul{
	margin: 10px 0;
}
li{
	font-size: 12px;
	margin: 0 0 03px 25px;
	list-style-image: url(images/puces/puce_carre_orange.gif);
}
.prix{
font-weight: bold;
font-size: 18px;
letter-spacing: -0.04em;
}
.chapo{
padding: 12px;
margin: 0 0 15px 0;
font-size: 13px;
font-style: italic;
/*background: #f9f9f9;*/
-moz-border-radius: 1em; 
-webkit-border-radius: 1em;

background: transparent url(images/bgChapo.png) bottom repeat-x;
}	
/* --------------- LIENS ----------------- */
a{
	color: #009be1;
	text-decoration: none;
}
.bandeOrange a{
	color: #4b4a50;
}
.background{
	width: 100%;
	overflow: hidden;
	background: fixed;
}
.vignettesArchives{
	float: left;
}
.fuschia{
	color: #DC006A;
}
.chapoproduit{
	padding: 0 15px 0 0;
	color: #888888;
line-height: 15px;
font-style: italic;
}
/* --------------- BOITES ----------------- */
.general{
	width: 926px;
	margin: 0 auto;
}
.entreDeuxMenu{
padding: 5px 0 25px 0;
background: transparent url(images/illustrations/sous_menu_01.png) no-repeat;
}
.droite{
	width: 682px;
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 20px;
	padding: 0 0 30px 0;
}
.sousDroite{
	width: 682px;
	float: right;
	margin: 0 0 35px 20px;
	height: 22px;
	background: transparent url(images/bas_droite.png) bottom no-repeat;
}
.contenu{
	padding: 20px;
}
.contenuAccueil{

}
.blocGauche{
	float: left;
	width: 410px;
	padding: 20px;
}
.blocDroit{
	float: right;
	width: 210px;
	padding: 20px 10px;
	background: #F2F2F2;
}
.lireLaSuite a{
	border-top: 1px solid #4b4a50;
	border-bottom: 1px solid #4b4a50;
	margin: 15px 0;
	padding: 4px;
	width: 600px;
	display: block;
}
.chemin{
	background: #F1F1F1;
	padding: 5px 0 5px 15px;
	color: #888a90;
	border-bottom: 1px solid #e1e1e1;
}
.chemin a{
	color: #aaaaaa;
}
.chemin a:hover{
	color: #4c4a51;
}
/* --------------- CREATION ESPACE ----------------- */	


/* --------------- MENU PRINCIPAL ----------------- */
.bandeOrange{
	/*background: #f28f00;*/
	height: 100%;
	width: 224px;
	float: left;
}
.logo{
	width: 224px;
	display: block;

}
.menuPrincipal{
padding: 0 0 5px 0;
background: #f28f00;
}
.menuPrincipal h3{
	font-size: 19px;
	letter-spacing: -0.02em;
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 0;
}
.menuPrincipal h4{
	font: 13px arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0;
	padding: 2px 0;
	text-align: center;
}
.menuPrincipal h4 a{
	color: #FFFFFF;
}
.autresMenus h3{
	text-align: right;
	margin: 0 10px 0 0;
	font-size: 18px;
	color: #4b4a50;
}
.autresMenus a{
	padding: 16px 0 0 30px;
	letter-spacing: -0.02em;
	line-height: 15px;
	font-size: 17px;
	color: #4db3e1;
	margin: 0 auto;
	width: 187px;
	height: 48px;
	display: block;
	background: transparent url(images/boutons/bouton_menu_gauche.png) no-repeat;
}
.autresMenus a:hover{
	color: #009CE2;
	background: transparent url(images/boutons/bouton_menu_gauche.png) 0 -62px no-repeat;
}
.menuPrincipal input{
	display: block;
	width: 184px;
	height: 24px;
	border: 1px solid #a0a0a0;
	margin: 0 auto 25px auto;
	font: 12px Arial, sans-serif;
	color: #666666;
	padding: 0 9px;
}
.logoIncruste{
	width: 224px;
	height: 192px;

	margin: 0 auto;
	background: transparent url(images/illustrations/logo_gymspa_incruste.png) no-repeat;
}
.mentions a{
	font-size: 12px;
	color: #a0a0a0;
}
.footer{
	width: 100%;
	float: left;
	text-align: center;
	background: #000000;
	position: fixed;
	bottom: 0;
}
.footer a{
color: #666666;
}
.footer a:hover{
	color: #999999;
}
#listeproduits{
	clear:both;
}
.listingProduits{
border-bottom: 1px #cccccc dotted;
margin: 10px 0;
padding: 0 0 10px 0;

}	
.ouvertureToggler{
	cursor: pointer;
	padding: 9px 0 0 20px;
	letter-spacing: -0.02em;
	line-height: 18px;
	font-size: 17px;
	color: #4db3e1;
	height: 25px;
border: none;

	display: block;
	background: transparent url(images/boutons/ouvertureToggler.png) no-repeat;
}
.ouvertureToggler:hover{
	background: transparent url(images/boutons/ouvertureToggler.png) 0 -32px no-repeat;
}
#evenementouvert{
	background: transparent url(images/boutons/ouvertureToggler.png) 0 -32px no-repeat;	
}
.ouvertureToggler a{
	display:block;
}
.un_produit{
	clear:both;
	float:left;
	width:650px;
	margin:0 0 15px 0;
}
.infoproduit{
	width:508px;
	margin: 6px 0 0 10px;
}
.largImg{
	width:114px;
}
.infoSansImg{
	width:640px;
}
.liresuiteavecimg{
	width:500px;
	margin:0 0 0 10px;
}
.liresuitesansimg{
	width:640px;
}
.infoSansImg {
	background: transparent url(images/boutons/ouvertureTogglerGrand.png) no-repeat;
}
.infoSansImg:hover{
	background: transparent url(images/boutons/ouvertureTogglerGrand.png) 0 -33px no-repeat;
}
.element2{
	border-top: 1px dotted #888888;
	/*border-bottom: 1px dotted #888888;*/
	margin: 10px 18px 20px 18px;
}
#contactFormContainer{
	position:absolute;
	margin: 0 0 0 470px;
	z-index: 20;
}
#contactForm {
	height:137px;
	width: 205px;
padding: 10px 10px 0 10px;
	background: transparent url('images/boutons/fond_creation_espace.png') bottom no-repeat;
	display:none;
}
#contactLink a{
overflow: hidden;
text-indent: -9000px;
	height:20px;
	width:225px;
	background: transparent url('images/boutons/bouton_creer_espace.png') bottom no-repeat;
	display:block;
	cursor:pointer;

}
fieldset{
border: none;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
padding: 15px;
margin: 0 0 15px 0;
background: #f9f9f9;
}
legend{
font-weight: normal;
color: #821432;
font-size: 13px;
padding: 0 15px;
}
label{
width: 295px;
display: block;
text-align: right;
float: left;
padding: 10px 15px 5px 0;
font-size: 13px;
}
.droite input{
width: 200px;
height: 25px;
float: left;
margin: 0 0 5px 0;
border: 1px solid #d0d0d0;
padding:0 5px 0 5px;
}
select{
width: 218px;

float: left;
margin: 8px 0 5px 0;
padding:1px 0px 1px 5px;
border: 1px solid #d0d0d0;
}
textarea{
width: 200px;
border: 1px solid #d0d0d0;
padding:5px 5px 0 5px;
margin: 0 0 5px 0;
font: 13px Arial, sans-serif;
}
.obligatoire{
color: #ff0000;
}
.submit input{
width: 170px;
height: 25px;
margin: 10px 0 0 343px;
border: none;
}
table{
margin: 20px 0 0 0;
}
th{
text-align: center;
color: #F28F00;
font-size: 13px;
}
td{
padding: 4px 15px;
text-align: center;
}
#etapesDeCommande li{
display:inline;

}
#etapesDeCommande li span{
margin: 0 5px 0 0;
color:#d0d0d0;
}
#etapesDeCommande .selection{
font-weight:bold;
color:#F28F00;
}
.listeProduitSpa{
padding: 10px 0;
border-bottom: #cccccc solid 1px;
}
blockquote{
font-style: italic;
margin: 10px 0;
padding: 20px;
font-size: 13px;
background: #f5f5f5;
-moz-border-radius: 1em; 
-webkit-border-radius: 1em;
background: transparent url(images/bgChapo.png) bottom repeat-x;
}
.obligaoire{
color: #821432;
}
#recherche input{
width:154px;
float:left;
margin:0 0 0 5px;
border: 4px solid #d0d0d0;
}
#recherche input[type=submit]{
width:32px;
height:32px;
margin:0 0 0 0;
border: 4px solid #d0d0d0;
text-indent:50px;
background: #d0d0d0 url('./images/loupe.png') top left no-repeat;
cursor:pointer
}

.titreImageHeader2{
	display:none;
border: none;
}


ul.thumb {
	float: left !important;
	list-style: none !important;
	margin: 0; 
	padding: 10px;
	width: 450px !important;
	margin-bottom: 15px;
}
ul.thumb li {
	margin-top: 15px !important;
	margin-bottom: 7px;
	padding: 5px;
	float: left !important;
	position: relative;
	width: 150px;
	height: 85px;
	list-style-image: none !important;
}
ul.thumb li img {
	width: 150px; 
	height: 85px;
	-ms-interpolation-mode: bicubic;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; 
	top: 0;
}
ul.thumb li img.hover {
	background: #f0f0f0;
	
}
ul.thumb li p {
	width: 145px !important;
	text-align: center !important;
	font-size: 12px !important;
	margin-top: 92px;
}


.backLeftScroll {
	float: left;
	background: url('client/document/backwidget.png') no-repeat;
	width: 108px;
	width: 33px;
	height: 246px;
	margin-left: 0px;
	margin-top: 60px;
	position: fixed;
}


.blocLeftScroll {
	float: left;
	background: url('client/document/widget.png') no-repeat;
	width: 108px;
	height: 181px;
	margin-top: 33px;
}

#clickReturn {
	float: left;
	position: absolute;
	width: 25px;
	height: 25px;
	background-image: url('client/document/fleche.png');
	background-repeat: no-repeat;
	margin-left: 75px;
	margin-top: 32px;
}