BODY{	margin-top:0px; font-family: Verdana, Arial;}
FORM{
	margin-top: 0px; margin-bottom: 0px;
}
#fond{position:relative; width:980px; height: 550px; margin-top:10px; margin-left:auto; margin-right:auto; border: 1px solid #000000; } 

#menu{float: left; width: 980px;	height: 150px;	background-image: url(fr/images/bandeau-haut.jpg);	background-repeat: no-repeat;	background-position: top;}

#zone-travail{float: left; width: 980px;	height: 400px;	background-image: url(fr/images/fond-site.jpg);	background-repeat: no-repeat;	background-position: top;}
#zone-travail-accueil{float: left; width: 980px;	height: 400px;	background-image: url(fr/images/fond-accueil.jpg);	background-repeat: no-repeat;	background-position: top;}
#position-sous-menu{float:left;width: 925px;	height:100px; padding:0px 0px 0px 45px; }

#sous-menu{float: left; width: 870px;	height: 20px; padding: 0px 0px 0px 10px; background-image: url(fr/images/fond-ss-menu.jpg);	background-repeat: no-repeat;	background-position: top;   }
#sous-menu-alone{float:left;width:720px; height: 18px; padding: 2px 0px 0px 0px;}
#sous-menu-retour{float: left; width: 140px;	height: 18px; text-align:right; padding: 2px 0px 0px 0px;}


#zone-centrale{float: left; width: 980px;	height: 350px; padding-top:20px;	}
#zone-centrale2{position:relative; width: 980px;	height: 350px; }

#zone-centrale-climatisation{position: absolute; left: 45px; top: 30px; width: 889px;	height: 319px;	background-image: url(fr/images/fond-climatisation.jpg);	background-repeat: no-repeat;	background-position: top;}

#pied-de-page{	float: left; width: 980px;	height: 30px; text-align: center;}

#menu-accueil{position: absolute; left: 0px; top: 0px;}

#menu-entreprise{position: absolute; left: 622px; top: 7px;}
#menu-metier{position: absolute; left: 619px; top: 20px;}
#menu-service{position: absolute; left: 615px; top: 33px;}
#menu-reference{position: absolute; left: 608px; top: 46px;}
#menu-recrutement{position: absolute; left: 593px; top: 60px;}
#menu-newsletter{position: absolute; left: 582px; top: 73px;}
#menu-astreinte{position: absolute; left: 563px; top: 86px;}

#menu-contact{position: absolute; left: 543px; top: 103px;}
#menu-mentions_legales{position: absolute; left: 522px; top: 116px;}
#menu-plan{position: absolute; left: 495px; top: 129px;}

#baseline{position:relative; width:980px; height: 550px; margin-top:5px; margin-left:auto; margin-right:auto; } 
#baseline P{font-family: Verdana, Arial; font-size: 9px; color: #003399;} 
#baseline A{font-family: Verdana, Arial; font-size: 9px; color: #003399;} 
#baseline A:hover{font-family: Verdana, Arial; font-size: 9px; color: #59B224;} 


LI{list-style-type: square;}


A.{font-family: Verdana, Arial; text-decoration: none; }

.ligne_famille1{}
.ligne_famille2{background-color: #8cd9ff; }


.style_01{font-family: Verdana, Arial; font-size: 9px; color: #003399;}
.style_02{font-family: Verdana, Arial; font-size: 11px; color: #003399; text-align: justify;}
.style_03{font-family: Verdana, Arial; font-size: 11px; color: #6699CC; }
.style_04{font-family: Verdana, Arial; font-size: 11px; color: #59B224; font-weight: bold;}
.style_05{font-family: Verdana, Arial; font-size: 9px; color: #FFFFFF; }

.lien_01{	font-family: Verdana, Arial; font-size: 11px;  color: #003399; font-weight: bold; text-decoration: none;    }
.lien_01:hover{	font-family: Verdana, Arial; font-size: 11px;  color: #59B224; font-weight: bold; text-decoration: none; }

.lien_02{	font-family: Verdana, Arial; font-size: 11px;  color: #003399; font-weight: normal; text-decoration: none;   }
.lien_02:hover{	font-family: Verdana, Arial; font-size: 11px;  color: #59B224; font-weight: normal; text-decoration: none; }

.lien_03{	font-family: Verdana, Arial; font-size: 11px;  color: #003399; font-weight: normal; text-decoration: none;   }
.lien_03:hover{	font-family: Verdana, Arial; font-size: 11px;  color: #6699CC; font-weight: normal; text-decoration: none; }

.lien_04{	font-family: Verdana, Arial; font-size: 11px;  color: #59B224; font-weight: bold; text-decoration: none;    }
.lien_04:hover{	font-family: Verdana, Arial; font-size: 11px;  color: #003399; font-weight: bold; text-decoration: none; }

.lien_05{	font-family: Verdana, Arial; font-size: 11px;  color: #003399; font-weight: bold; text-decoration: none;   }
.lien_05:hover{	font-family: Verdana, Arial; font-size: 11px;  color: #6699CC; font-weight: bold; text-decoration: none; }



/*** Page centrale ***/

#encart-climatisation{position: absolute; left: 40px; top: 27px;}
#encart-ventilation{position: absolute; left: 272px; top: 27px;}
#encart-chauffage{position: absolute; left: 503px; top: 27px;}
#encart-regulation{position: absolute; left: 735px; top: 27px;}


/* identification*/


#identification{	position: absolute; left: 0px; top: 310px; width: 980px; height: 30px;     }

#identification #login {	position: absolute; left: 357px; top: 9px;  }
#identification #login INPUT{	width: 146px; height: 18px;  border: 0px solid #0D2C89;  background-color: #e5ebf3;  color: #0d2b88;       }
#identification #password{	position: absolute; left: 517px; top: 9px;  }
#identification #password INPUT{	width: 146px; height: 18px;  border: 0px solid #0D2C89; background-color: #e5ebf3;  color: #0d2b88;  }
#identification #valider{	position: absolute; left: 675px; top: 10px;     }
#identification #message{	position: absolute; left: 780px; top: 8px; width: 200px font-family: Verdana, Arial; font-size: 11px;  color: red; font-weight: bold; text-decoration: none; text-align: center;   }

/*

"encart_climatisation.jpg" : position 40-47, taille 213*258
"encart_ventilation.jpg" : position 272-47, taille 213*258
"encart_chauffage.jpg" : position 503-47, taille 213*258
"encart_regulation.jpg" : position 735-47, taille 213*258

champ login : position 355-340, taille 150*20px, #e5ebf3
texte "Login" : verdana, 11px, #0d2b88

champ mot de passe : position 515-340, taille 150*20px, #e5ebf3

"btn-valider-accueil.jpg" : position 675-340, taille 66*26px

*/