*
{
	margin:0;
	padding:0;
	font-family:"Trebuchet Ms";
}
a img
{
	border:0;
}

body
{
	background-image: url(bkg.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
}
.conteneur
{
	width:880px;
	position:relative;
	margin:0 auto;
}
.conteneur .header
{
	width:880px;
	height:120px;
	position:relative;
}
.conteneur .header .logo
{
	position:absolute;
	top:17px;
	left:-1px;
}
.conteneur .header .headerlinks
{
	position:absolute;
	right:5px;
	top:24px;
}
.conteneur .header .headerlinks a
{
	color:#b7b7b7;
	font:400 12px "Trebuchet Ms";
	padding:0 5px;
	border-right:1px solid #b7b7b7;
}
.conteneur .header .headerlinks a.last
{
	border:0;
}
.conteneur .header .headerlinks1
{
	position:absolute;
	right:-25px;
	top:31px;
	width: 550px;
}
.conteneur .header .headerlinks1 a
{
	color:#b7b7b7;
	font:400 12px "Trebuchet Ms";
	padding:0 5px;
	border-right:1px solid #b7b7b7;
}
.conteneur .header .headerlinks1 a.last
{
	border:0;
}

.conteneur .main
{
	width:882px;
	height:305px;
	position:relative;
	overflow:visible;
}
.conteneur .main a
{
	position:relative;
	text-decoration:none;
	display:block;
	width:288px;
	height:290px;
	float:left;
	cursor:pointer;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
.conteneur .main a.pj
{
	border:1px solid #448fc7;
	background:url("home-01.jpg") 0 0px  no-repeat;
}
.conteneur .main a.heral
{
	border:1px solid #93a504;
	background:url(home-04.jpg) 0 0px  no-repeat;
}
.conteneur .main a.deco
{
	border:1px solid #858585;
	background:url(home-05.jpg) 0 0px  no-repeat;
}
.conteneur .main .pj:hover
{
	border:1px solid #b7b7b7;
	background: #333 url("home-01-over.jpg") no-repeat;
}
.conteneur .main .heral:hover
{
	border:1px solid #b7b7b7;
	background: #333 url("home-04-over.jpg") no-repeat;
}
.conteneur .main .deco:hover
{
	border:1px solid #b7b7b7;
	background: #333 url("home-05-over.jpg") no-repeat;
}
.conteneur .main a span
{
	position:absolute;
	top:150px;
	padding:20px 10px 0;
	color:#fff;
	font:400 11px "Trebuchet Ms";
	width:265px;
}
.conteneur .main a span img
{
	margin:6px 0 0 -10px;
}
.conteneur .magasin
{
	width:882px;
	height:290px;
	position:relative;
	overflow:visible;
}
.conteneur .magasin a
{
	position:relative;
	text-decoration:none;
	display:block;
	width:435px;
	height:260px;
	float:left;
	cursor:pointer;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
.conteneur .magasin a.magduisans
{
	border:1px solid #1ba399;
	background:url("magasin-piscine-duisans.jpg") 0 0px no-repeat;
}
.conteneur  .magasin  a.maglille
{
	border:1px solid #1ba399;
	background:url("magasin-piscine-villeneuve-dascq.jpg") 0 -0px no-repeat;
}
.conteneur .magasin .magduisans:hover
{
	border:1px solid #b7b7b7;
	background: #333 url("magasin-piscine-duisans.jpg") no-repeat;
}
.conteneur .magasin .maglille:hover
{
	border:1px solid #b7b7b7;
	background: #333 url("magasin-piscine-villeneuve-dascq.jpg") no-repeat;
}
.conteneur .magasin a span
{
	position:absolute;
	top:150px;
	padding:20px 10px 0;
	color:#fff;
	font:400 11px "Trebuchet Ms";
	width:420px;
}
.conteneur .magasin a span img
{
	margin:6px 0 0 -10px;
}


.conteneur .blog
{
	width:878px;
	height:115px;
	position:relative;
	overflow:visible;
}
.conteneur .blog a
{
	position:relative;
	text-decoration:none;
	display:block;
	width:878px;
	height:70px;
	float:left;
	cursor:pointer;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}

.conteneur .blog a span
{
	position:absolute;
	top:-11px;
	padding:20px 10px 0;
	color:#fff;
	font:400 11px "Trebuchet Ms";
	width:857px;
}
.conteneur .blog a span img
{
	margin:6px 0 0 -10px;
}


.conteneur .footer
{
	width:880px;
	height:190px;
	position:relative;
}
.conteneur .footer .para1
{
	width:667px;
	padding:20px 0;
}
.conteneur .footer .para1 p
{
	color:#a0a0a0;
	font:400 14px "Trebuchet Ms";
	padding:0 20px;
	border-right:1px solid #575757;
}
.conteneur .footer .para2
{
	position:absolute;
	right:22px;
	top:52px;
	color:#a0a0a0;
	font:400 14px "Trebuchet Ms";
	text-align:right;
	width: 166px;
}	
.conteneur .footer .para3
{
	position:absolute;
	right:20px;
	top:100px;
	color:#a0a0a0;
	font:400 14px "Trebuchet Ms";
	text-align:right;
	width: 168px;
}	

.conteneur .footer .para5
{
	position:absolute;
	right:20px;
	top:148px;
	color:#a0a0a0;
	font:400 14px "Trebuchet Ms";
	text-align:right;
	width: 168px;
}	
.conteneur .footer .para4
{
	position:absolute;
	right:20px;
	top:4px;
	color:#a0a0a0;
	font:400 14px "Trebuchet Ms";
	text-align:right;
	width: 168px;
}	
.baspage
{
	width:660px;
	font:400 10px arial;
	display:block;
	text-align:left;
	color:#b7b7b7;
	position:relative;
	margin:1em auto;
	padding:0 200px 0 20px;
}