body {
margin: 0;
background-color: #fff;
text-align: center;
}
.conteneur {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #fff;
}
img {
border:0;
}
.haut {
	float: left;
	width: 800px;
}
.hautgauche {
	float: left;
	width: 584px;
}
.hautdroite {
	float: right;
}
.boutons {
float:left;
width:800px;
height:16px;

}
.contenu {
	float:left;
	width:800px;
	height:471px;
	padding-top:20px;
	background-image: url(../images/fond-piscines-bretagne_11.jpg);
}
.contenuac {
	float:left;
	width:800px;
	height:470px;
	padding-top:20px;
	background-image: url(../images/fond-bulle-g_04.jpg);
	background-repeat:no-repeat;
}
.contenup {
	float:left;
	width:800px;
	height:470px;
	padding-top:10px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/fond-bulle-p_04.jpg);
}
.margepiscine {
float:left;
width:40px;
height:200px;
}
.margeaccessoires {
float:left;
width:20px;
height:200px;
}
.contenuacces {
	float:left;
	width:800px;
	height:470px;
	padding-top:20px;
	background-image: url(../images/fond-bulle-acces_04.jpg);
}
.contenuace {
	float:left;
	width:800px;
	height:470px;
	padding-top:20px;
	background-image: url(../images/bullesac_04.jpg);
}
.contenubienetre {
	float:left;
	width:800px;
	height:470px;
	padding-top:20px;
	background-image: url(../images/bullesbienetre_04.jpg);
}
.contenucontact {
	float:left;
	width:800px;
	height:470px;
	padding-top:20px;
	background-image: url(../images/fond-bulle-cont_04.jpg);
}
.contenugauche {
float:left;
width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
}
.contenugaucheac {
float:left;
width:170px;
height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
}
.ac {
float:right;
margin-right:20px;

}
.spas {
float:right;
margin-right:20px;
}
.contenugrand {
float:left;
width:520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
}
.contenumentions {
float:left;
width:760px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
}
.photoaccueil {
float:left;
width:411px;
margin-top:20px;
margin-left:10px;
}
.actu {
	float:right;
	width:115px;
	margin-right:6px;
	margin-top:40px;
}
.actu-milieu {

	margin-top:-5px;
	padding-top:10px;
	width:115px;
	height:100px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/actumilieu_08.gif);
	background-repeat:repeat;
}


.actu-bas {
	float:right;
	width:115x;
	height:16px;
}
.photosbas {
float:left;
width:700px;
margin-top:5px;
margin-left:50px;
}
.photosbas img{
margin-left:20px;
}
.photosbas-ac {
float:left;
width:200px;
margin-top:5px;
margin-left:50px;
}
.photosbas-ac img{
margin-left:20px;
}
.pied {
	float:left;
	width:800px;
		font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:150px;
	margin-top:-14px;

}
.pied a{
text-decoration:none;
color:#336699;
}
.pied a:link{
text-decoration:none;
color:#336699;
}
.pied a:hover{
text-decoration:underline;
color:#336699;
}
.mabaleine {
float:right;
padding-right:320px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:-68px;
}
.mabaleine  a{
text-decoration:none;
color:#336699;
}
.mabaleine  a:link{
text-decoration:none;
color:#336699;
}
.mabaleine  a:hover{
text-decoration:underline;
color:#336699;
}
.mabaleine2 {
float:right;
margin-right:150px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:-70px;
}
.mabaleine2  a{
text-decoration:none;
color:#336699;
}
.mabaleine2  a:link{
text-decoration:none;
color:#336699;
}
.mabaleine2  a:hover{
text-decoration:underline;
color:#336699;
}
.piscine {
float:left;
width:800px;
height:400px;
}


.textepiscine {
float:left;
width:450px;
margin-top:10px;
margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.accessoires {
float:left;
width:250px;
margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.titreaccessoires {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
color:#336699;
font-weight:bold;
}
.accessoires img{
float:left;
margin-right:6px;
margin-top:2px;
}
.pointille {
	float:left;
	width:9px;
	height:121px;
background-image:url(images/pointille_11.gif);
	background-repeat:repeat;
}
.margeaccessoires {
float:left;
width:20px;
}
.cons {
float:left;
margin-left:30px;
margin-top:10px;
}
.magasingauche {
float:left;
width:380px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.magasingauche2 {
float:left;
width:280px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.magasindroite {
float:right;
width:470px;

}
.contenugauche {
float:left;
width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.contenugaucheaccueil {
float:left;
width:220px;
margin-top:20px;
margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.contenugauchecontact {
float:left;
width:270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:15px;
}
.contenugauchebienetre {
float:left;
width:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:15px;
}
.contenudroitecontact {
float:right;
width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	
.bleu {
font-weight:bold;
color:#336699;

}

.popup {
float:left;
width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.popupspa {
float:left;
width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	.popupspa img{
	float:left;
	}


a{
text-decoration:none;
color:#336699;
}
a:link{
text-decoration:none;
color:#336699;
}
a:hover{
text-decoration:underline;
color:#336699;
}

.logosspas{
float:left;
width:700px;
height:50px;
margin-left:10px;
margin-top:-50px;
}

.mabaleinespa {

text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
.mabaleinespa a{
text-decoration:none;
color:#336699;
}
.mabaleinespa a:link{
text-decoration:none;
color:#336699;
}
.mabaleinespa a:hover{
text-decoration:underline;
color:#336699;
}