/* CSS Document */
html, body{height:100%;}
body{background-color:#fff;
	margin:0;
    padding:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background:url(images_integr/fond_body.gif) 0 0 repeat-x;
	color:#7E7378;
	}
img{border:0px;}

p{display:block;
	margin:0;
	padding:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#7E7378;
	text-align:justify;
	}
h3.accueil{display:block;
	width:251px;
	position:relative;
	float:left;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#E83480;
	padding:13px 0 0 0;
	margin:0 0 14px 0; 
	overflow:hidden;
	text-align:center;
	}
h3{display:block;
	width:514px;
	position:relative;
	float:left;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0 0 0 0;
	margin:0 0 14px 0; 
	overflow:hidden;
	text-align:left;
	}
h4{display:block;
	width:514px;
	position:relative;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0 0 0 0;
	margin:0 0 14px 0; 
	overflow:hidden;
	text-align:left;
	}
h5{display:block;
	float:left;
	font:bold 18px/51px Arial, Helvetica, sans-serif;
	color:#4B463F;
	padding:0 0 0 0;
	margin:0 0 0 0; 
	overflow:hidden;
	text-align:left;
	}
a{color:#43ABDC;
  text-decoration:underline;
  }
a:hover{color:#000000;
  }

a.lien_suite{color:#43ABDC;
  text-decoration:none;
  }
a:hover.lien_suite{color:#000000;
  }
a.marron{color:#7E7378;
			text-decoration:none;
			}
a:hover.marron{color:#333333;
		text-decoration:underline;
		}
a.violet{color:#E93481;
			text-decoration:none;
			font:bold 12px Arial, Helvetica, sans-serif;
			}
span.prix_piscine{font:bold 14px Arial, Helvetica, sans-serif;
										color:#000000;}
a:hover.violet{color:#333333;
		text-decoration:underline;
		}

		a.lien_dl{font:normal 11px Arial, Helvetica, sans-serif;
					padding-left:8px;
					line-height:19px;
					color:#FFFFFF;
					text-decoration:none;
				}
		a:hover.lien_dl{
					text-decoration:underline;
				}			
strong{color:#666666;}


a.onglet_bleu{display:block;
				width:111px;
				height:22px;
				background:url(images_integr/bouton_telechargement.gif) 0 0 no-repeat;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				text-decoration:none;
				color:#FFFFFF;
				font:bold 12px/22px Arial, Helvetica, sans-serif;
				text-align:center;
				}
a:hover.onglet_bleu{background:url(images_integr/bouton_telechargement.gif) -111px 0 no-repeat;}


a.bouton_rappel{display:block;
				width:168px;
				height:39px;
				background:url(images_integr/centre/bouton_rappel.png) 0 0 no-repeat;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				text-decoration:none;
				color:#FFFFFF;
				font:bold 12px/39px Arial, Helvetica, sans-serif;
				text-align:center;
				}
a:hover.bouton_rappel{background:url(images_integr/centre/bouton_rappel.png) -168px 0 no-repeat;}

a.bouton_devis2{display:block;
				height:30px;
				width:169px;
				font:normal 11px/30px Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				text-decoration:none;
				padding:0 0 0 35px;
				letter-spacing:1px;
				background:url(images_integr/devis2.gif) 0 0 no-repeat;
				}		
a:hover.bouton_devis2{color:#F661A1;}

a.bouton_rappel2{display:block;
				height:30px;
				width:169px;
				font:normal 11px/30px Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				text-decoration:none;
				padding:0 0 0 35px;
				letter-spacing:1px;
				background:url(images_integr/rappel2.gif) 0 0 no-repeat;
				}		
a:hover.bouton_rappel2{color:#8BBD1C;}

.rose{color:#E83480;}

span.lettre{color:#9E9197;
			font-weight:bold;
			line-height:35px;
			font-size:30px;
			margin-right:10px;
			}

												.add_panier{display: block;
												width:111px;
												position:relative;
												float:left;
												padding:0;
												margin:12px 0 0 0;
												text-align:center;
												text-decoration:none;
												color:#FFFFFF;
												font:normal 12px/22px Arial, Helvetica, sans-serif;
												background:url(images_integr/ajout_panier.png) 0 0 no-repeat;
												}


div#global{width:990px;
			margin:0 auto 0 auto;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			}
/* BANNIERE */
div#banniere{width:990px;
			height:94px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#logo{width:276px;
			height:94px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#droite_banniere{width:714px;
			height:94px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(images_integr/droite_banniere.jpg) 0 0 no-repeat;
			}

/* MENU ET ACCROCHE */
div#menu_et_h1{width:990px;
			height:25px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(images_integr/menu_et_h1.jpg) 0 0 no-repeat;
			}
	div#accroche{width:383px;
				height:25px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				left:0;
				top:0;
				overflow:hidden;
				}
				#accroche h1{display:block;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							padding:0 0 0 22px;
							margin:0;
							letter-spacing:1px;
							}
	
	div#menu_haut{width:600px;
				height:25px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				left:0;
				top:0;
				overflow:hidden;
				}
		#menu_haut a.accueil{display:block;
							width:81px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/accueil.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.accueil{background:url(images_integr/menu_haut/accueil.jpg) -81px 0 no-repeat;
									}
		
		#menu_haut a.lexique{display:block;
							width:81px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/lexique.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.lexique{background:url(images_integr/menu_haut/lexique.jpg) -81px 0 no-repeat;
									}
		
		#menu_haut a.panier{display:block;
							width:73px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/panier.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.panier{background:url(images_integr/menu_haut/panier.jpg) -73px 0 no-repeat;
									}
		
		#menu_haut a.montage{display:block;
							width:72px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/montage.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.montage{background:url(images_integr/menu_haut/montage.jpg) -72px 0 no-repeat;
									}
		
		#menu_haut a.catalogue{display:block;
							width:83px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/catalogue.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.catalogue{background:url(images_integr/menu_haut/catalogue.jpg) -83px 0 no-repeat;
									}
		
		#menu_haut a.services{display:block;
							width:68px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/services.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.services{background:url(images_integr/menu_haut/services.jpg) -68px 0 no-repeat;
									}
		
		#menu_haut a.contact{display:block;
							width:70px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/contact.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.contact{background:url(images_integr/menu_haut/contact.jpg) -70px 0 no-repeat;
									}
									
		#menu_haut a.devis{display:block;
							width:67px;
							position:relative;
							float:left;
							padding:0;
							margin:0;
							top:0;
							left:0;
							background:url(images_integr/menu_haut/devis.jpg) 0 0 no-repeat;
							font:bold 12px/25px Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							text-decoration:none;
							text-align:center;
							}
		#menu_haut a:hover.devis{background:url(images_integr/menu_haut/devis.jpg) -67px 0 no-repeat;
									}

/* MENU PISCINES et FLASH */
div#menu_piscine_et_flash{width:990px;
			height:156px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#menu_piscine{width:496px;
			height:156px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(images_integr/fond_menu_piscines.jpg) 0 0 no-repeat;
			}
		div#contenu_menu_piscine{width:484px;
			height:156px;
			position:relative;
			float:left;
			margin:0;
			padding:0 0 0 12px;
			left:0;
			top:0;
			overflow:hidden;
			}
			#contenu_menu_piscine h2{display:block;
									width:484px;
									position:relative;
									float:left;
									font:bold 14px/26px Arial, Helvetica, sans-serif;
									color:#FFFFFF;
									padding:0 0 0 10px;
									margin:12px 0 14px 0; 
									overflow:hidden;
									background:url(images_integr/h1_menu_piscines.gif) 0 0 no-repeat;
									}
			#contenu_menu_piscine ul{list-style-type:none;
									margin:0 0 0 0;
									padding:0 0 0 10px;
									}
			#contenu_menu_piscine ul li{display:block;
										width:148px;
										position:relative;
										float:left;
										padding:0 0 0 8px;
										margin:0 0 0 0;
										top:0;
										left:0;
										background:url(images_integr/puce_menu.gif) 0 6px no-repeat;
										line-height:16px;
										}
			#contenu_menu_piscine ul li a{display:block;
										width:140px;
										color:#271F16;
										font-size:11px;
										text-decoration:none;
										padding-left:4px;}
			#contenu_menu_piscine ul li a:hover{color:#FFFFFF;
												background-color:#9E9197;}
			
			
	div#flash_banniere{width:494px;
			height:156px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(images_integr/fond_flash_banniere.jpg) 0 0 no-repeat;
			}

/* CENTER */
div#center{width:990px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(images_integr/fond_center_1px.jpg) 0 0 repeat-y;
			}
		
			
	/* MENU GAUCHE */
	div#menu_gauche{width:188px;
				position:relative;
				float:left;
				margin:0;
				padding:0 0 0 12px;
				left:0;
				top:0;
				overflow:hidden;
				}
				#menu_gauche h2{display:block;
								width:188px;
								position:relative;
								float:left;
								font:bold 14px/26px Arial, Helvetica, sans-serif;
								color:#FFFFFF;
								padding:0 0 0 10px;
								margin:0 0 14px 0; 
								overflow:hidden;
								background:url(images_integr/h1_menu_gauche.gif) 0 0 no-repeat;
								}
				#menu_gauche ul{
								list-style-type:none;
								margin:0 0 0 0;
								padding:0 0 0 10px;
								}
				#menu_gauche ul li{display:block;
									width:156px;
									position:relative;
									float:left;
									padding:0 0 0 8px;
									margin:0 0 0 0;
									top:0;
									left:0;
									background:url(images_integr/puce_menu.gif) 0 6px no-repeat;
									line-height:16px;
									}
				#menu_gauche ul li a{display:block;
									width:156px;
									color:#271F16;
									font-size:11px;
									text-decoration:none;
									padding-left:4px;}
				#menu_gauche ul li a:hover{color:#FFFFFF;
											background-color:#9E9197;}
	
	
	#menu_gauche a.devis{display:block;
								height:59px;
								width:115px;
								font:normal 11px/14px Arial, Helvetica, sans-serif;
								color:#FFFFFF;
								text-decoration:none;
								padding:15px 0 0 60px;
								letter-spacing:1px;
								margin:0 0 0 5px;
								background:url(images_integr/onglet_devis.jpg) 0 0 no-repeat;
								}
		#menu_gauche a:hover.devis{color:#F661A1;}
	
	/* CONTENU CENTRAL */
	div#div_centrale{width:778px;
				position:relative;
				float:left;
				margin:0;
				padding:0 0 0 0;
				left:0;
				top:0;
				overflow:hidden;
				background-color:#FFFFFF;
				}
				#div_centrale h2{display:block;
								width:778px;
								position:relative;
								float:left;
								font:bold 13px/26px Arial, Helvetica, sans-serif;
								color:#FFFFFF;
								padding:0 0 0 12px;
								margin:0 0 14px 0; 
								overflow:hidden;
								background:url(images_integr/h1_full_large.gif) 0 0 no-repeat;
								}
				#div_centrale h2.clair{display:block;
								width:778px;
								position:relative;
								float:left;
								font:bold 13px/26px Arial, Helvetica, sans-serif;
								color:#FFFFFF;
								padding:0 0 0 12px;
								margin:20px 0 14px 0; 
								overflow:hidden;
								background:url(images_integr/h1_full_large_clair.gif) 0 0 no-repeat;
								}
				div#contenu_central{width:754px;
										position:relative;
										float:left;
										margin:0;
										padding:0 0 0 12px;
										left:0;
										top:0;
										overflow:hidden;
										}
					
					div.haut_bloc_categorie_produit{width:754px;
											height:12px;
											position:relative;
											float:left;
											margin:6px 0 0 0;
											padding:0;
											left:0;
											top:0;
											overflow:hidden;
											background:url(images_integr/arrondi_haut_bloc_cat.gif) 0 0 no-repeat;
											}
					div.bloc_categorie_produit{width:730px;
											position:relative;
											float:left;
											margin:0;
											padding:0 12px 0 12px;
											left:0;
											top:0;
											overflow:hidden;
											background:url(images_integr/fond_bloc_cat.gif) 0 0 repeat-y;
											}
						.bloc_categorie_produit a.titre{display:block;
												position:relative;
												float:left;
												font:bold 14px/16px Arial, Helvetica, sans-serif;
												color:#1C7DAD;
												padding:0 0 3px 0;
												margin:0 0 0 0; 
												overflow:hidden;
												text-align:left;
												text-decoration:none;
												}
						.bloc_categorie_produit a:hover.titre{color:#000000;}
						.bloc_categorie_produit p{display:block;
												position:relative;
												float:left;
												width:730px;
												font:normal 11px/12px Arial, Helvetica, sans-serif;
												padding:0;
												margin:0 0 0 0; 
												overflow:hidden;
												text-align:justify;
												}
					div.bas_bloc_categorie_produit{width:754px;
											height:12px;
											position:relative;
											float:left;
											margin:0;
											padding:0;
											left:0;
											top:0;
											overflow:hidden;
											background:url(images_integr/arrondi_bas_bloc_cat.gif) 0 0 no-repeat;
											}
					a.lien_img_bloc_cat{display:block;
								width:70px;
								position:relative;
								float:left;
								border:2px #FFFFFF solid;
								overflow:hidden;
								}
					a:hover.lien_img_bloc_cat{border:2px #000000 solid;}
					
					
					
						a.lien_puce{height:18px;
									position:relative;
									float:left;
									font:bold 12px/18px Arial, Helvetica, sans-serif;
									color:#43ABDC;
									padding:0 0 0 20px;
									margin:0 0 10px 0;
									background:url(images_integr/puce_centre.gif) 0 0 no-repeat;
									text-decoration:none;
									}
						a:hover.lien_puce{color:#000000;}
						
						
					
	div#arrondi_bas_center{width:990px;
			height:30px;
			background:url(images_integr/arrondi_bas_center.jpg) 0 0 no-repeat;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}

/* FOOTER */
div#footer{width:990px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
	#footer p{text-align:center;
				padding-bottom:20px;
				cursor:default;
				}
	#footer a{color:#7E7378;
			text-decoration:none;
			}
	#footer a:hover{color:#333333;
					text-decoration:underline;
					}