@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

body {
	background:#42c3e1 url("../images/bg_main.jpg") left repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#9c9c9c;
	/*text-align:center;*/
	}

img {border:0;}

table tr td {
font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#1e1a1d;
	}



/* =========================================== BASIC LAYOUT ================================================= */
/*#siteWrapper {
	width: 960px;
	margin:0 auto;
}*/

#top {
	position:absolute;
	background:url("../images/bg_top.jpg") no-repeat;
	width:960px;
	top:0px;
	left:0px;	
}

#contentWrapper {
	position:absolute;
	left:0px;
	top:150px;
	width:960px;
	background:url("../images/bg_contentWrapper.gif") repeat-y;
	
	
	}
	
	#leftCol {
		background:url("../images/bg_cornerTL.gif") left top no-repeat;
		width:380px;
		float:left;
		}
	
		
	#rightCol {
		background:url("../images/bg_cornerTR.gif") right top no-repeat;
		width:580px;
		float:right;
	}
	#contentFooter {
		width:960px;
		height:11px;
		background-image: url("../images/bg_mainDivFtr.gif");
		background-repeat: no-repeat;
		background-position: bottom;
		clear:both;
	}
	#pageFooter {
		background:url("../images/bg_main.jpg") repeat-y;
		width:960px;
		color:#fff;
		font-weight: bold;
		font-size: 10pt;
		text-align:center;
		padding-top:10px;
	}
	
/* ============================================================================================================= */
/* ================================================ HEADER ===================================================== */

#top_head {
	width: 960px;
	float:left;
	height: 113px;
	}
#top_nav {
	width:960px;
	padding-left: 63px;
	float:left;
	}
	
	#top_head .logo {
		width: 300px;
		padding-left: 61px;
		float:left;
		}
	#top_head .message {
		width: 500px;
		margin-top: 20px;
		float: left;
		}
	#top_head h1 {
		font-family:Arial;
		font-size:22px;
		color: #fff;
		font-weight:bold;
		margin: 30px 0 0 0;
		
	}
	#top_head h2 {
		font-family:Arial;
		font-size:18px;
		color: #36c3f3;
		font-weight:bold;
		margin:0;
		display:inline;
	}
	#top_head a.search {
		background:url("../images/search.gif") left no-repeat;
		font-family:Arial;
		font-size:14px;
		color: #fff;
		font-weight:bold;
		text-decoration:none;
		padding-left:20px;
		margin-left:35px;
		}
		
		
/* ============================================================================================================= */	
/* ================================================ FOOTER ===================================================== */
#pageFooter a:link, #pageFooter a:visited {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
	}
#pageFooter a:hover, #pageFooter a:active {
		color:#fff;
		font-weight:normal;
		text-decoration:underline;
	}


/* ============================================================================================================= */
/* =============================================== LEFT COLUMN ==================================================*/


/* ---- NAVIGATION ----- */
#piscSpaNav {padding-left:63px;}
#navPiscine {
	background:url("../images/bg_navPanel_piscine.gif") top no-repeat;
	width: 153px;
	height: 311px;
	float:left;	
	margin-right: 5px;
	}
	ul.nav {
		margin:5px 0 0 7px;
		padding:0 10px 0 5px;
		list-style:none;
		}
		ul.nav li {
			display: block;
			line-height: 25px;
			font-family:Arial;
			color:#3a3a3a;
			font-size:12px;			
			}
			li.border {background:url("../images/nav_dots.gif") left bottom no-repeat;}
			li.border2 {background:url("../images/nav_dots2.gif") left bottom no-repeat;}
			
		#navPiscine a:link, #navPiscine a:visited, #navSpa a:link, #navSpa a:visited {
			color:#3a3a3a;
			text-decoration:none;
		}
		#navPiscine a:hover, #navPiscine a:active, #navSpa a:hover, #navSpa a:active {
			color:#fff;
			font-style:italic;
		}
	
#navSpa {
	background:url("../images/bg_navPanel_spa.gif") top no-repeat;
	width: 153px;
	height: 311px;
	float:left;		
}	
		
/* ---- LEFT COLUMN BOXES ----- */
#leftColBoxes {
	width:380px;
	left:0px;
	float:left;
	}
		
	#leftCol_news {
		width: 379px;
		height: 115px;
		}
		#news {
				background:url("../images/bg_left_box1.jpg") right top no-repeat;
				width: 290px;
				height:95px;
				padding:20px 50px 0 40px;
				}
				
	#leftCol_tips {
		width:379px;
		height:138px;
		}
		#tips {
			background:url("../images/bg_left_box2.jpg") right top no-repeat;
			width: 290px;
			height:138px;
			padding:15px 50px 0 40px;
			}
			#tips #SpanArea {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#9c9c9c;
			}
			
			#tips a{
				width:15px;
				height:15px;
				color:#44c3e1;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				padding: 2px;
				margin-top:5px;
				}
				#tips a:link, #tips a:visited, #tips a:active {
					background:#fff;
					color:#44c3e1;
				}
				#tips a:hover {
					background:#44c3e1;
					color:#fff;
				}
			
	#leftCol_tagCloud {
		width:379px;
		height:160px;
		}
		#tagCloud {
			background:url("../images/bg_left_box3.jpg") right top no-repeat;
			width: 325px;
			padding:20px 0 0 55px;
			}
			
		#leftCol_certif {
		width:330px;
		height:115px;
		padding-left: 50px;
		margin-top:20px;
		}
		#certif {
			background:#fff;
			width: 290px;
			height:100px;
			padding:15px 50px 0 40px;
			}
		
#news h1, #tips h1, #tagCloud h1 {
	font-family:Arial;
	font-size: 14pt;
	font-weight:bold;
	color:#44c3e1;
	margin: 0 0 0 20px;
	padding-bottom: 5px;
	border-bottom:#cccccc 2px dotted;
	}
#news p, #tips p, #tagCloud p {
	margin:0;
	padding:5px 5px 0 25px;
	}
	
	
/* =====================================================================================================================*/
/* =============================================== CONTENT COLUMN ======================================================*/



/* ---- CONTENT HEADER ----- */		
#rightCol #contentHeader {
	width: 552px;
	float:left;
	}
	#contentHeader h1  {
		
		}
	
	#rightCol .accueilHdr {
		background:url("../images/accueil_header_bg.jpg") left top no-repeat;
		height:22px;
		padding:124px 0 0 20px;
		}
		.accueilHdr h1 {
			visibility:visible;
			font-family:Arial;
			font-size:11pt;
			color:#1e1a1d;
			display:inline;
			}
	#rightCol .conseilsHdr {
		background:url("../images/entete_conseils.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .entrepriseHdr {
		background:url("../images/entete_entreprise.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .manuelsHdr {
		background:url("../images/entete_manuels.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .liensHdr {
		background:url("../images/entete_liens.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .contactHdr {
		background:url("../images/entete_contact.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .piscinesHdr {
		background:url("../images/entete_piscine.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .spasHdr {
		background:url("../images/entete_spa.gif") left top no-repeat;
		height:90px;
		}
	#rightCol .regionsHdr {
		background:url("../images/entete_regions.gif") left top no-repeat;
		height:90px;
		}
		
		.regionsHdr h1, .spasHdr h1, .piscinesHdr h1, .contactHdr h1, .liensHdr h1, .entrepriseHdr h1,
		.manuelsHdr h1, .contactHdr h1, .conseilsHdr h1 {visibility:hidden;}

/* ---- CONTENT NAVIGATION ----- */
#rightCol #contentNav {
		height:160px;
		float:left;
		padding-left:10px;
		}
		
/* ---- CONTENT TEXT ----- */
#rightCol #content {
	width:500px;
	/*font-family:Arial;
	font-size:10pt;*/
	color:#1e1a1d;
	text-align:justify;
	float:left;
	padding:0 25px;
	}
	
#content p.remarque {font-weight:bold;}
#content span.smaller{font-size:8pt;}

#content h1 {
	font-size:14pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	}
#content h2 {
	font-size: 12pt;
	font-weight:normal;
	color:#9c9c9c;
	margin:0 0 30px 0;
	}
	#content h2 span.bold {font-weight:bold;}
	
#content h3 {
	font-size: 12pt;
	font-weight:bold;

	}	

#content span.divider {
	display:block;
	border-top:#cccccc 2px dotted;
	height: 10px;
	margin:5px 0;
	}
	
#content table tr.blueRow td {background-color:#DEF3FA;}
	
/*#content li.articleList {
	line-height:25px;
	height: 25px;
	}*/
#content a.pdf {
	background:url("../images/pdf.gif") left no-repeat;
	padding-left: 20px;
	color:#44c3e1;
	text-decoration:none;
	}
	
	#rightCol .accueilTxt {
		background:url("../images/accueil_content_bg.gif") left top repeat-y;
		width:552px;
		padding:10px 0 0 25px;
		margin-left: -25px;
		}
		.accueilTxt p {padding-right: 40px;}
		#rightCol .accueilCartes {
			background:#fff;
			text-align:left;
			margin-left: -25px;
			padding-left:15px;
			}
	#rightCol .conseils {padding: 0 30px;}
	
	
	.conseils h1 {color:#8dc641;}
	.conseils h3, span.hConseil {color:#8dc641;}
	.piscines h1, .piscines h3, span.hPiscines {color:#6cdaff;}
	.spas h1, .spas h3, span.hSpa {color:#aadff1;}
	.entreprise h1, .manuels h1, .liens h1, .regions h1, .contact h1, .accueilCartes h1,
	.entreprise h3, .manuels h3, .liens h3, .regions h3, .contact h3, .accueilCartes h3, span.hGrl {color:#44c3e1;}