/* CSS Document */

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

* {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	outline:none;
}
.clr {
	clear:both;
	font-size:0;
	line-height: 0px;
}
p, h2, h3, h4, h5 {
	display:block;
}
#global {
	width:955px;
	margin:0 auto;}
	.bodyacc{
		background:url(images/bg_body.jpg) center 0 no-repeat #FFFFFF;
	}
	.bodyacc2{
		background:url(images/bg_body4.jpg) center 0 no-repeat #FFFFFF;
	}
	.bodypiscines{
		background:url(images/bg_body2.jpg) center 0 no-repeat #FFFFFF;
}
	.bodypiscines2{
		background:url(images/bg_body2bis.jpg) center 0 no-repeat #FFFFFF;
}
	.bodycntatct{
		background:url(images/bg_body3.jpg) center 0 no-repeat #FFFFFF;
}
	
	/*************************acceuil*****************/
#header{
width:955px;
background:url(images/img_header.jpg) no-repeat;
}
.logo {
margin-left:20px;
display:block;
float:left;
}

/**************************************    Menu   ******************************/

#menu{
clear:both;
width:700px;
height:70px;
padding:88px 30px 0 225px;
}

#menu ul{
float:right;
}

#menu li{
	margin-left:5px;
	float:left;
	font-size:17px;
}

#menu li a{
	float:left;
	background:url(images/coinmenu.gif) no-repeat left;
	padding:0 0 0 14px;
	display:block;
}
#menu li a:hover{
	background:url(images/coinmenu_hov.gif) no-repeat left;
}

#menu li a span{
	height:40px;
    float:left;
	display:block;
	background: url(images/fondmenu.gif) no-repeat right;
	padding:20px 20px 0 5px;
	color:#fff;
	cursor:pointer;
	white-space:nowrap;
	
}
#menu li a:hover span{
	background: url(images/fondmenu_hov.gif) no-repeat right;

}
#menu li a.actif span{
	background: url(images/fondmenu_hov.gif) no-repeat right;

}
#menu li a.actif{
	background:url(images/coinmenu_hov.gif) no-repeat left;

}
.picine{
width:893px;
float:left;
display:block;
margin-left:35px;
}
#contenu{ 
width:920px;
padding:0 0 20px 35px;
}

#contgauche{
width:298px;
float:left;
padding:0 10px 0 0;
text-align:justify;
}
.titrepresentaion{
width:298px;
font-size:20px;
color:#003c5b;
background:url(images/bg_type.gif) 210px 15px no-repeat;
}
.titrepresentaion span{
color:#FFFFFF;
font-size:16px;

}
.alignauto{
float:right;
display:block;
padding:0 0 0 5px;}
.parapresentation{
padding:5px 0 0 0;
color:#0072b0;
line-height:20px;
float:left;
}

.picinecentre{
float:left;
display:block;
}
#contcentre{
width:300px;
float:left;
padding:0 0 0 10px;
}
.devis{
width:200px;
background:url(images/img_devis.jpg) 7px 6px no-repeat;
float:left;
padding:18px 0 21px 90px;
font-size:18px;
}
.devis a{
color:#fff;
text-decoration:none;
}
.devis a:hover{
color:#ffaa00;
}
.blockserv{
width:284px;
float:left;
background:url(images/px_serv.gif) repeat-y;
}
.sblockserv{
float:left;
width:284px;
background:url(images/bg_serv.gif) top no-repeat ;
}
.alignbtm{
display:block;
padding-left:1px;
clear:both;
background-color:#FFFFFF;
}
.titreserv{
	font-size:21px;
	padding:30px 0 30px 10px;
	text-align: center;
}
.parasev{
color:#ffa800;
font-size:18px;
width:110px;
float:left;
background:url(images/puceserv.gif) 10px 15px no-repeat;
padding:10px 0 0 25px;
}

.contdrte{
width:278px;
background:url(images/pxactu.png) repeat-y;
_background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pxactu.png', sizingMethod='scale');
float:left;
}
.scontdrte{
color:#004871;
width:278px;
background:url(images/bg_actua.jpg) top no-repeat;
}
.paradate{
width:250px;
padding:10px 0 10px 20px;
}
.grand{
font-size:18px;
}
.paralire{
color:#FFFFFF;
background:url(images/lire.gif) 5px 0 no-repeat;
padding:0 0 5px 178px;
width:100px;
}
.paralire a{
color:#FFFFFF;
}
.paralire a:hover{
color:#16a7f6;
}
.titreactua{
color:#00446f;
padding:10px 0 30px 15px ;
font-size:16px;
}
/***************************************piscine********************************/
.titreqpicine{
color:#003c5b;
font-size:21px;
background:url(images/bg_type.gif) 230px 20px no-repeat;

}
.paraqpiscine{
width:426px;
float:left;
padding:15px 40px 0 0 ;
text-align:justify;
line-height:25px;
color:#004871;
}
#conthaut{
width:955px;
}
.titremplacement{
width:470px;
color:#ffaa00;
font-size:16px;
padding:20px 0 0 0;
line-height:22px;
float:left;
}
.fille{
display:block;
float:left;
}
#contbas{
width:293px;
float:left;
padding:10px 0 0 0 ;
}
.paraemplacement{
	width:278px;
	color:#ffaa00;
	background:url(images/puceserv.gif) 0 10px no-repeat;
	padding:2px 0 2px 20px;
	font-size:14px;
	line-height:25px;
	font-weight: bold;
}
.devis2{
display:block;
float:left;
padding:15px 0px 15px 10px;
width:430px;
background:url(images/bgdevis2.jpg) 0 10px no-repeat;
font-size:21px;
text-align:center;
}
.devis2 a{
color:#fff;
text-decoration:none;
}
.devis2 a:hover{
color:#ffaa00;
}

/***************************materiels*************************/
#contmateriels{
width:400px;
float:left;
}
.paramat{
width:345px;
float:left;
padding:5px 40px 5px 15px ;
text-align:justify;
color:#004871;
font-size:15px;
background:url(images/pucepbleu.gif) 0 6px no-repeat;
font-weight:bold;
}
.titremateriels{
color:#003c5b;
font-size:21px;
background:url(images/bg_type.gif) 230px 20px no-repeat;
padding:0 0 10px 0 ;

}
.alignimgmat{
width:427px;
padding:0 0 0 35px;
float:left;
}
#contbasmat{
clear:both;
width:350px;
float:left;
}
.titrebasmat{
width:340px;
color:#ffaa00;
font-size:17px;
padding:5px 0 5px 0 ;
line-height:18px;
}
.alignpdf{
width:175px;
float:left;
color:#004871;
padding:5px 0 15px 0px;
}
.alignpdf img{
display:block;
float:left;
padding:0 5px 0 0 ;
}
.alignpdf a{
color:#004871;
}

/*******************actualites****************************/
.alignhomme{
float:left;
display:block;
}
.contdrteact{
	width:278px;
	background:url(images/pxactu.png) repeat-y;
	_background:none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pxactu.png', sizingMethod='scale');
	float:left;
	margin: 0 20px 0 0;
}
.scontdrteact{
color:#004871;
width:278px;
background:url(images/bg_actua2.jpg) top no-repeat;
}

/******************contact************************************************/
.conseil{
width:893px;
float:left;
display:block;
margin-left:35px;
}
.contacter{
color:#003c5b;
font-size:21px;
background:url(images/bg_type2.gif) 180px 17px no-repeat;

}
#contcontacter{
width:588px;
float:left;
}
.garatinsons{
width:290px;
font-size:18px;
color:#005b9e;
font-style:italic;
padding:15px 0 15px 5px ;
float:left;
}
.garatinsons span{
width:290px;
line-height:18px;
}
.carte{
display:block;
margin-top:10px;}
.paratel{
width:188px;
font-weight:bold;
background:url(images/img_tel.gif) no-repeat;
padding:5px 0 20px 90px;
line-height:20px;
}
.cntactd strong{
color:#ff8400;
font-size:16px;
font-weight:bold;
}
.cntactd{
width:278px;
float:left;
padding:15px 0 0 8px;
color:#00569b;

}
.paradrmail{
width:248px;
padding:0 0 0 25px;
line-height:20px;
background:url(images/pucebleu.gif) no-repeat;
}
.paradrmail span{
display:block;
padding:0 0 0 10px;
}
.cntactd object{
position:relative;
top:4px;
}
/*------------------------------------CSS formulaire-----------------------------------*/
.alignfenetre2{
right:120px;
bottom:-95px;
position:absolute;
}
.formulaire{
		float:left;
		width:308px;
		color:#00569b;
		font-size:12px;
		padding:0 0 0 20px;
		background:url(images/bgcontact.gif) right 0 no-repeat;
}
.trtreform{
color:#003c5b;
font-size:21px;
width:300px;
padding:0 0 15px 0;
background:url(images/bg_type2.gif) 125px 17px no-repeat;

}
.formulaire p{
		margin:0 0 4px 0; 
		width:300px;
		padding:0;
		float:left;
}
 
.formulaire span{
		float:left;
		clear:left;
		font-size:12px;
		text-transform:uppercase;
}
 
.formulaire .info{
		clear: both;
		text-align:right;
}

 
 
.formulaire em{
		color:#EB7C00;
}

.formulaire .question{
		padding-top:10px;
}
 
.formulaire input{
		float:right;
		border:1px solid #43acd0;
		width:200px;
		height:17px;
		background-color:#b6daea;
		color:#00569b;
}
 
.formulaire textarea{
		float:right;
		border:1px solid #43acd0;
		height:80px;
		width:200px;
		background-color:#b6daea;
		overflow:hidden;
}
.formulaire .bout{
		width: 88px;
		height:16px;
		border:none;
	
}

.formulaire .rouge{
		color:#EB7C00;
		display:block;
		font-weight:bold;
		float:right;
		padding-top:5px;
}

/********************************mentions*******************************/

.titrafrom{
font-size:21px;
color:#003c5b;
font-style:italic;
}

.contenuMention{
width:920px;
padding:5px 0 20px 35px;
color:#0072b0;
}
.contenuMention em{
font-style:normal;
}
.contenuMention p{
	 padding:4px 0 4px 0;		
	 line-height:18px;
}

.contenuMention .fonce
{
	font-weight:bold;
	color:#003c5b;
}
#mentions .active
{	
	color:#FF6600;
}
.move{
text-transform:uppercase;
font-weight:bold;
color:#0072b0;
}
/**************************************    Footer   ******************************/

#footer{
	width:955px;
	margin:0 auto;
	padding:5px 0 20px 0;
	background:url(images/bg_footer.jpg) center 0 no-repeat;
	text-align:center;
	font-size:11px;
}

#footer p{
	color:#FFFFFF;
	font-size:11px;
	width:907px;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}

object{
	top:5px;
	position:relative;
}

#footer ul {
	width:907px;
	list-style-type:none;
	color:#FFFFFF;
	padding:7px 0 5px 0;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#ffffff;
	
}
 
#footer li a:hover{
	color:#ffd100;
}

#logo_bas {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 


#logo_bas a{
	font-size:9px;
	border:none;
	color:#004871; 

}

#logo_bas a:hover{
	color:#CC0000;
}
.contdrteact2 {
float:left;
color:#0072b0;
padding-left:20px;
}
.contdrteact2 img {
float:left;
margin-top:10px;
}
.contdrteact2 div {
float:left;
}
.scontdrteact li {
text-align:center;
padding-bottom:5px;
}

.scontdrteact li a {
color:#0072b0;
}
.scontdrteact li a:hover {
color:#FFFFFF;
}

/***************************************************************/
/***************************diapo*******************************/
/***************************************************************/

.diapo img{
	margin:0 15px 0 0;
	float:left;
	border: 1px solid #004871;
	}

.diapo #bas img {
	float:left;
	border: 1px solid #004871;
	margin: 0 15px 15px 0;
	cursor: pointer;
	}
	
#bas{
	margin:52px 0 0 0;
	float: left;
	width: 500px;
	}