/* CSS Document */

/****************************************************************************************************************************/
/*																															*/
/*															GENERAL															*/
/*																															*/
/****************************************************************************************************************************/

BODY { margin: 0px;  height: 100%;}

DIV {
	position: absolute;
	left: 143px;
	top: 41px;
	width: 59px;
}

SUP { font-size: 9px; }	

#logo {
	top: 5px;
	left: 90px;
	width: 262px;
	height: 36px;
	z-index: 1;
}

#contact {
	top: 17px;
	left: 360px;
	width: 357px;
	height: 12px;
	background-image: url(images/separateur-haut.gif);
	background-position: bottom right;
	background-repeat: repeat-x;
	text-align: right;
	z-index: 1;
} 

#logo-engagement-progres {
	top: 0px;
	left: 877px;
	width: 38px;
	height: 41px;
	z-index: 1;
} 

#bandeau-haut {
	top: 41px;
	left: 56px;
	width: 905px;
	height: 233px;
	z-index: 1;
} 

#navig-gauche {
	top: 196px;
	left: 10px;
	width: 46px;
	height: 417px;
	z-index: 1;
}

#contenu-principal-1 {
	top: 274px;
	left: 56px;
	width: 377px;
	height: 335px;
	background-image: url(images/rayures-vert-clair.gif);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 1;
}
#contenu-annexe-1 {
	top: 274px;
	left: 478px;
	width: 446px;
	height: 301px;
	background-image: url(images/fond-1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}

#ombre-bas-contenu-1 {
	top: 609px;
	left: 54px;
	width: 427px;
	height: 5px;
	z-index: 1;
}

#ombre-mention-1 {
	top: 574px;
	left: 478px;
	width: 449px;
	height: 36px;
	background-image: url(images/ombre-bas-mention.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 7px;
	text-align: right;
	z-index: 1;
}

#ombre-droite {
	top: 274px;
	left: 924px;
	width: 5px;
	height: 301px;
	z-index: 1;
}

A.lien11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; text-decoration: underline; }
A.lien11:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; text-decoration: none; }
A.lien11noir { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
A.lien11noir:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline; }
A.lien11gris { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; text-decoration: none; }
A.lien11gris:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; text-decoration: underline; }
A.lien11grisfonce { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
A.lien11grisfonce:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline; }
A.lien11violet { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #78007F; text-decoration: underline; }
A.lien11vert { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #99CC33; text-decoration: underline; }
A.lien11vert:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #99CC33; text-decoration: none; }
A.lien11rouge { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0033; text-decoration: underline; }
A.lien11rouge:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0033; text-decoration: none; }
A.lien10gris { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; }
A.lien10gris:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: underline; }
A.lien10vert { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #99CC33; text-decoration: underline; }
A.lien10vert:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #99CC33; text-decoration: none; }
A.lien10grisfonce { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636363; text-decoration: underline; }
A.lien10grisfonce:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636363; text-decoration: none; }
A.lien10grisfonce2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636363; text-decoration: none; }
A.lien10grisfonce2:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636363; text-decoration: underline; }
A.lien14vert { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #99CC33; text-decoration: none; }
A.lien14vert:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #99CC33; text-decoration: underline; }
	
.texte10noir { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.texte10grisfonce{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #636363; }
.texte10gris { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; }
.texte11gris { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #636363; }
.texte11noir { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.texte11rouge { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; }
.texte11vert { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #99CC33; }
.texte12gris { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #636363; }
.texte12noir { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.texte12vert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #99CC33; }
.texte14vert { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #99CC33; }

.titrementions { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; color: #99CC33; }
.asterisque { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; }

/****************************************************************************************************************************/
/*																															*/
/*														HP GAMMA CHIMIE														*/
/*																															*/
/****************************************************************************************************************************/

#mentions {
	top: 608px;
	left: 58px;
	width: 357px;
	height: 21px;
	z-index: 2;
}
#bloc-porosite {
	top: 274px;
	left: 110px;
	width: 115px;
	height: 135px;
	z-index: 2;
}
#bloc-pollution {
	top: 274px;
	left: 235px;
	width: 115px;
	height: 135px;
	z-index: 2;
}
#bloc-vandalisme {
	top: 274px;
	left: 350px;
	width: 115px;
	height: 135px;
	z-index: 2;
}
#titre-produits {
	top: 395px;
	left: 82px;
	width: 266px;
	height: 36px;
	z-index: 2;
}
#gamme-produits {
	top: 460px;
	left: 110px;
	width: 360px;
	height: 250px;
	z-index: 2;
}

#gamme-produits P {
	margin-bottom: 12px;
	margin-top: 0px;
}

#actu-titre {
	top: 275px;
	left: 500px;
	width: 120px;
	height: 27px;
	z-index: 2;
}
#actu-texte {
	top: 305px;
	left: 530px;
	width: 225px;
	height: 70px;
	z-index: 2;
}
#references-titre {
	top: 370px;
	left: 500px;
	width: 133px;
	height: 28px;
	z-index: 2;
}
#references-texte {
	top: 400px;
	left: 530px;
	width: 225px;
	height: 70px;
	z-index: 2;
}
#applicateur-agree {
	top: 285px;
	left: 780px;
	width: 139px;
	height: 150px;
	z-index: 2;
}

#atouts {
	top: 462px;
	left: 523px;
	width: 187px;
	height: 90px;
	z-index: 2;
}

#retd {
	top: 470px;
	left: 721px;
	width: 204px;
	height: 90px;
	z-index: 2;
}

#lien-telechargement2  {
	top: 527px;
	left: 586px;
	width: 72px;
	height: 21px;
	z-index: 2;
}

/****************************************************************************************************************************/
/*																															*/
/*														PAGE PRODUIT														*/
/*																															*/
/****************************************************************************************************************************/

#contenu-principal-2 {
	top: 274px;
	left: 56px;
	width: 453px;
	height: 335px;
	background-image: url(images/rayures-vert-clair.gif);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 1;
}

#contenu-annexe-2 {
	top: 274px;
	left: 554px;
	width: 370px;
	height: 301px;
	background-image: url(images/fond-2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}

#ombre-bas-contenu-2 {
	top: 609px;
	left: 54px;
	width: 503px;
	height: 5px;
	z-index: 1;
}

#ombre-mention-2 {
	top: 574px;
	left: 554px;
	width: 373px;
	height: 36px;
	background-image: url(images/ombre-bas-mention2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 10px;
	text-align: right;
	z-index: 1;
}

#produits-titre  {
	top: 290px;
	left: 580px;
	width: 325px;
	height: 40px;
	z-index: 2;
}

#produits-texte  {
	top: 340px;
	left: 595px;
	width: 310px;
	height: 71px;
	z-index: 2;
}

#fiche-technique  {
	top: 429px;
	left: 562px;
	width: 138px;
	height: 105px;
	z-index: 2;
}

#lien-telechargement  {
	top: 530px;
	left: 584px;
	width: 129px;
	height: 35px;
	z-index: 2;
}

#references  {
	top: 450px;
	left: 731px;
	width: 185px;
	height: 115px;
	z-index: 2;
}

/****************************************************************************************************************************/
/*																															*/
/*														PAGE LABO															*/
/*																															*/
/****************************************************************************************************************************/


#contenu-annexe-labo {
	top: 274px;
	left: 639px;
	width: 285px;
	height: 301px;
	background-image: url(images/fond-3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}
#contenu-principal-labo {
	top: 274px;
	left: 56px;
	width: 583px;
	height: 335px;
	background-image: url(images/rayures-vert-clair.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 45px;
	z-index: 1;
}
#contenu-principal-1-hp-labo {
	top: 274px;
	left: 56px;
	width: 278px;
	height: 335px;
	background-image: url(images/rayures-vert-clair.gif);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 1;
}
#contenu-principal-2-hp-labo {
	top: 274px;
	left: 334px;
	width: 305px;
	height: 335px;
	background-image: url(images/rayures-blanches.gif);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #F5F5F5;
	z-index: 1;
}
#actu-titre-labo {
	top: 275px;
	left: 658px;
	width: 120px;
	height: 27px;
	z-index: 2;
}
#actu-texte-labo {
	top: 305px;
	left: 685px;
	width: 212px;
	height: 70px;
	z-index: 2;
}
#references-titre-labo {
	top: 385px;
	left: 658px;
	width: 133px;
	height: 28px;
	z-index: 2;
}
#references-texte-labo {
	top: 415px;
	left: 685px;
	width: 225px;
	height: 70px;
	line-height:12px;
	z-index: 2;
}
#certification-texte-labo {
	top: 490px;
	left: 685px;
	width: 225px;
	height: 70px;
	z-index: 2;
}

#ombre-mention-hp {
	top: 574px;
	left: 639px;
	width: 289px;
	height: 36px;
	background-image: url(images/ombre-bas-mention3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 7px;
	text-align: right;
	z-index: 1;
}

#ombre-bas-contenu-labo {
	top: 609px;
	left: 54px;
	width: 587px;
	height: 5px;
	z-index: 1;
}

/****************************************************************************************************************************/
/*																															*/
/*														HP LABO																*/
/*																															*/
/****************************************************************************************************************************/


#icone-environnement {
	top: 279px;
	left: 100px;
	width: 91px;
	height: 80px;
	z-index: 2;
}
#texte-environnement {
	top: 303px;
	left: 200px;
	width: 130px;
	height: 64px;
	z-index: 2;
}
#icone-mesures {
	top: 390px;
	left: 79px;
	width: 161px;
	height: 33px;
	z-index: 2;
}
#texte-mesures {
	top: 440px;
	left: 100px;
	width: 229px;
	height: 139px;
	z-index: 2;
}

#icones-1 {
	top: 300px;
	left: 375px;
	width: 115px;
	height: 200px;
	z-index: 2;
}

#icones-2 {
	top: 300px;
	left: 495px;
	width: 120px;
	height: 200px;
	z-index: 2;
}
	
#btn-etude {
	top: 540px;
	left: 375px;
	width: 166px;
	height: 37px;
	z-index: 2;
}