/* CSS Document */

BODY{
	background-color: #FFFFFF;
	color:#003366;
	margin: 0px;
	height:100%;
}

DIV {
	position: absolute;
	margin:0px;
	padding:0px;
}

P{
 margin:0px;
 padding:0px;	
}

IMG{
	border: none;
}

TABLE{
	border:none;
	margin:0px;
	padding:0px;
}

FORM{
	margin:0px;
	padding:0px;
	margin-top:10px;
}
/* */ 



/*----------------------------------ID----------------------------------------------*/





/*----------------------------------Flash----------------------------------------------*/
#flash {
top:10px;
left:10px;
width:987px;
height:386px;
z-index:1;
}


/*----------------------------------HP----------------------------------------------*/

#hp-push-gauche {
top:396px;
left:10px;
width:198px;
height:254px;
background-image:url(../images/push-aufildeleau.gif);
z-index:1;
}

#hp-push-centre-haut {
top:396px;
left:208px;
width:558px;
height:222px;
background-image:url(../images/hp-push-standard-sur-mesure.jpg);
z-index:1;
}

#hp-push-centre-bas {
top:618px;
left:207px;
width:558px;
height:608px;
background-image:url(../images/hp-push-produits.gif);
background-repeat:no-repeat;
z-index:1;
}

#hp-push-droite-haut {
top:396px;
left:765px;
width:232px;
height:154px;
background-image:url(../images/push-reseaunde.jpg);
z-index:1;
}

#hp-push-droite-haut A{
text-decoration:none;
color:#003366;
}

#impl-push-droite-haut {
top:396px;
left:765px;
width:232px;
height:154px;
background-image:url(../images/push-annonce.jpg);
z-index:1;
}
#impl-push-droite-haut A{
text-decoration:none;
color:#003366;
}

#hp-push-droite-bas {
top:550px;
left:765px;
width:232px;
height:155px;
background-image:url(../images/push-espacepro.jpg);
z-index:1;
}

#hp-push-navig-haut {
top:10px;
left:768px;
width:198px;
height:153px;
padding-right:5px;
z-index:3;
}

#hp-push-kezakeau {
top:105px;
left:767px;
width:198px;
height:122px;
padding-right:5px;
z-index:2;
}

#hp-push-navig-bas {
top:234px;
left:765px;
width:198px;
height:153px;
padding-right:5px;
background-image:url(../images/push-nav-bleu.gif);
background-repeat:no-repeat;
z-index:2;
}

#hp-push-navig-bas A{
text-decoration:none;
color:#003366;
}

#hp-push-navig-haut {
top:11px;
left:767px;
width:198px;
height:103px;
padding-right:5px;
z-index:2;
}

#hp-texte-particulier {
top:515px;
left:383px;
width:190px;
height:90px;
z-index:2;
}
#hp-texte-particulier A{
text-decoration:none;
color:#003366;
}

#hp-texte-pro {
top:515px;
left:583px;
width:174px;
height:90px;
z-index:2;
}

#hp-osmoseurs {
top:696px;
left:211px;
width:257px;
height:131px;
background-image:url(../images/hp-osmoseurs.jpg);
z-index:2;
}
#hp-osmoseurs A{
text-decoration:none;
color:#003366;
}

#hp-filtres {
top:829px;
left:211px;
width:257px;
height:133px;
background-image:url(../images/hp-filtres.jpg);
z-index:2;
}
#hp-filtres A{
text-decoration:none;
color:#003366;
}

#hp-adoucisseurs {
top:696px;
left:470px;
width:285px;
height:130px;
background-image:url(../images/hp-adoucisseurs.jpg);
z-index:2;
}
#hp-adoucisseurs A{
text-decoration:none;
color:#003366;
}

#hp-dosage {
top:828px;
left:470px;
width:284px;
height:134px;
background-image:url(../images/hp-pompe.jpg);
z-index:2;
}
#hp-dosage A{
text-decoration:none;
color:#003366;
}

#hp-consommables {
top:973px;
left:221px;
width:292px;
height:25px;
z-index:2;
}

#hp-partenaires {
top:1000px;
left:212px;
width:428px;
height:152px;
background-image:url(../images/hp-partenaires.gif);
z-index:2;
}


#footer {
position:relative;
height:40px;
left:0px;
width:560px;
text-align:center;
height:15px;
z-index:1;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}


/*----------------------------------Entreprise / Partenaires----------------------------------------------*/

#entreprise-partenaire-push-gauche {
top:396px;
left:10px;
width:198px;
height:270px;
background-image:url(../images/push-menu-entreprise.gif);
z-index:1;
}



#entreprise-partenaire-push-centre {
top:396px;
left:208px;
width:558px;
height:auto;
background-image:url(../images/push-central.gif);
z-index:1;
}

#entreprise-partenaire-push-droitehaut {
top:396px;
left:765px;
width:232px;
height:143px;
background-image:url(../images/push-visuel-hp.jpg);
z-index:1;
}

#entreprise-partenaire-push-droitebas {
top:541px;
left:765px;
width:232px;
height:160px;
background-image:url(../images/push-newsletter.jpg);
z-index:1;
}

#entreprise-devis-push-droitebas {
top:541px;
left:765px;
width:232px;
height:160px;
background-image:url(../images/push-devis.jpg);
z-index:1;
}

#entreprise-devis-push-droitebas A{
text-decoration:none;
color:#003366;
}
#entreprise-form {
top:635px;
left:783px;
width:232px;
height:25px;
z-index:2;
}


/*----------------------------------Nous rejoindre----------------------------------------------*/


#nous-rejoindre-push-gauche {
top:396px;
left:10px;
width:198px;
height:180px;
background-image:url(../images/push-menu-nous-rejoindre.gif);
z-index:1;
}



#nous-rejoindre-push-centre {
top:396px;
left:208px;
width:555px;
height:auto;
background-image:url(../images/push-central-bleu.gif);
z-index:1;
}


/*----------------------------------Produits----------------------------------------------*/

#produit-push-gauche-haut {
top:395px;
left:10px;
width:198px;
height:140px;
background-image:url(../images/produit-push-gauche-haut.gif);
z-index:1;
}

#produit-filtres-push-gauche-haut {
top:395px;
left:10px;
width:198px;
height:210px;
background-image:url(../images/produit-filtres-push-gauche.gif);
z-index:1;
}

#produit-osmoseurs-push-gauche-haut {
top:395px;
left:10px;
width:198px;
height:92px;
background-image:url(../images/produit-osmo-push-gauche.gif);
z-index:1;
}

#produit-uv-push-gauche-haut {
top:395px;
left:10px;
width:198px;
height:55px;
background-image:url(../images/produit-uv-push-gauche.gif);
z-index:1;
}

#produit-push-gauche-bas {
top:535px;
left:10px;
width:198px;
height:183px;
background-image:url(../images/produit-push-gauche-bas.gif);
z-index:1;
}

#produit-filtres-push-gauche-bas {
top:607px;
left:10px;
width:198px;
height:183px;
background-image:url(../images/produit-push-gauche-bas.gif);
z-index:1;
}

#produit-osmoseurs-push-gauche-bas {
top:487px;
left:10px;
width:198px;
height:183px;
background-image:url(../images/produit-push-gauche-bas.gif);
z-index:1;
}

#produit-uv-push-gauche-bas {
top:450px;
left:10px;
width:198px;
height:183px;
background-image:url(../images/produit-push-gauche-bas.gif);
z-index:1;
}

#produit-push-centre {
top:396px;
left:208px;
width:558px;
height:auto;
background-image:url(../images/produit-push-centre2.gif);
z-index:1;
}

#produit-push-visuel-haut {
top:494px;
left:531px;
width:231px;
height:139px;
z-index:2;
}

#produit-push-droite-temoignage {
top:396px;
left:765px;
width:200px;
height:480px;
background-image:url(../images/produit-push-temoignage.gif);
z-index:1;
}

#produit-push-droite-contact {
top:876px;
left:765px;
width:232px;
height:82px;
background-image:url(../images/produit-push-contact.gif);
z-index:1;
}

#produit-push-droite-espacepro {
top:958px;
left:765px;
width:232px;
height:77px;
background-image:url(../images/produit-push-espacepro.gif);
z-index:1;
}

/*----------------------------------CLASS----------------------------------------------*/
H2{
	padding-top:25px;
	margin-bottom:0px;
}

.paragraphe{
margin-left:20px;
margin-right:25px;
margin-top:5px;
}

#colonne-droite {
top:396px;
left:765px;
width:232px;
}

#colonne-gauche{
top:396px;
left:10px;
width:198px;
z-index:1;
height:auto;
}

#navigation-gauche{
	background-image:url(../images/navigation-gauche-fond.gif);
	position:relative;
}

#savoir-plus{
position:relative;
margin:0px;
padding:0px;
width:198px;
background-image:url(../images/navigation-gauche-fond.gif);
}

.titre-saviez-vous{
	margin-top:0px;
	margin-left:5px;
}

.texte-saviez-vous{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	
}

UL.menu-niv1{
margin:0px;
padding-left:40px;
}

UL.menu-niv2-on{
margin:0px;
padding:0px;
padding-left:20px;
line-height:-20px;
}
UL.menu-niv2-off{
margin:0px;
padding:0px;
padding-left:20px;
line-height:-20px;
display:none;
}

LI.menu-niv1-on{
	display: list-item;
	list-style-image: url(../images/puce-bleu-clair.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
	margin-top:5px;
}

LI.menu-niv1-off{
	display: list-item;
	list-style-image: url(../images/goutte-bleu-clair.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
	margin-top:5px;
}

LI.menu-niv2-on{
	display: list-item;
	list-style-image: url(../images/puce-bleu-clair-mini.gif);
	margin:0px;
	padding:0px;
	margin-top:0px;
	list-style-position:outside;
}

LI.menu-niv2-off{
	display: list-item;
	list-style-image: url(../images/point-bleu.gif);
	margin:0px;
	padding:0px;
	margin-top:0px;
}

LI.corps-eau{
	display:list-item;
	list-style-type:disc;
	margin-left: 20px;
}

LI.plan-niv1{
	display: list-item;
	list-style-image: url(../images/goutte-bleu-clair2.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
	margin-top:5px;
}

LI.plan-niv3{
	display: list-item;
	list-style-image: url(../images/point-bleu-map.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
}

/* ESPACE PRO */
UL.menu-niv1-pro {
	margin:0px;
	padding-left:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

LI.menu-niv1-pro-on{
	display: list-item;
	list-style-image: url(../images/puce-bleu-clair.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
	margin-top:5px;
}

LI.menu-niv1-pro-off{
	display: list-item;
	list-style-image: url(../images/goutte-bleu-clair.gif);
	margin:0px;
	padding:0px;
	margin-left:-5px;
	margin-top:5px;
}

LI.menu-niv1-pro-on a, LI.menu-niv1-pro-on a:hover, LI.menu-niv1-pro-off a, LI.menu-niv1-pro-off a:hover {
	text-decoration: none;
	color: #003366;
}

a.lien-menu-pro {
	text-decoration: none;
	color: #003366;
}

a:hover.lien-menu-pro {
	text-decoration: none;
	color: #003366;
}

/* *********** */


.texte-noir-10 {
color:#000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

.texte-bleu-9 {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px;
text-decoration:none;
}

.texte-bleu-9-gras {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
font-weight:bold;
}

.texte-bleu-10 {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

.texte-bleu-10-gras {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold; 
}

.texte-bleu-10-gras-souligne {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold; 
text-decoration:underline;
}

.texte-bleu-11-gras-souligne {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:bold; 
text-decoration:underline;
}

.texte-bleu-11-gras {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:bold;
}

.texte-bleu-11 {
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
}

.texte-bleu-12-gras {
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.texte-bleu-clair-12-gras {
color:#0075A6;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.texte-bleu-clair-13-gras {
color:#0075A6;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.texte-bleu-clair-15-gras {
color:#0075A6;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:15px;
font-weight:bold;
text-decoration:none;
}

.texte-vert-12-gras {
color:#168882;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.texte-vert-11-gras {
color:#168882;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
}

.texte-vert-12-gras {
color:#168882;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.texte-vert-14-gras {
color:#168882; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
}

.texte-gris-10 {
color:#414141; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

.texte-blanc-10-gras {
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.texte-gris-10-gras {
color:#414141; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:bold;
}

.texte-bleu-10-gras {
color:#0066ff; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:bold;
}

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

.texte-bleu-fonce-titre {
color:#3399CC; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:20px;
}

.lien-bleu-10{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:underline;
}

.lien-bleu-10:hover{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:underline;
}

.lien-vert-11-gras{
color:#168882; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.lien-vert-11-gras:hover{
color:#168882; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.lien-vert-14-gras{
color:#168882; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.lien-vert-14-gras:hover{
color:#168882; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.lien-bleu-11-gras{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:bold;
text-decoration:none;
}

.lien-bleu-11-gras:hover{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:bold;
text-decoration:none;
}

.lien-gris-10{
color:#414141; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:none;
}

.lien-gris-10:hover{
color:#414141; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:none;
}

.lien-bleu-10{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:none;
}

.lien-bleu-10:hover{
color:#003366; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:none;
}

/*///////////////// PUSHS /////////////////*/
#reseau-nde {
width:200px;
height:154px;
background-image:url(../images/push-reseaunde.jpg);
position:relative;
clear:both;
}

#newsletter {
width:200px;
height:160px;
background-image:url(../images/push-newsletter.jpg);
position:relative;
clear:both;
}