#entete{
  overflow:hidden;
}

#conteneurLogoStyle{
  margin-left:15px;
  overflow:hidden;
  float:left;
  width:300px;
}

#logo{
  width:300px;
  height:74px;
  background-image: url("progimax_on.jpeg");
}


#espaceClient{
  float:right;
  margin-right:15px;
  width:220px;
  overflow:hidden;
}

#style{
  width:120px;
  margin-left:auto;
  margin-right:auto;
  margin-top:3px;
  overflow:hidden;
}

.style{
  width:10px;
  height:10px; 
  float:left;
  margin-left:1px;
  margin-right:1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-right-color: #cccccc;
  
}

.style:hover{
  margin-right:2px;
  margin-top:2px;  
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #f6ffc7;
  border-bottom-color: #f6ffc7;
  border-left-color: #f6ffc7;
  border-right-color: #f6ffc7;
}

#fleche_haut{
  background-image: url("../image/fleche_haut.gif");
  width:10px;
  height:5px; 
}

#fleche_bas{
  background-image: url("../image/fleche_bas.gif");
  width:10px;
  height:5px; 
}

#style0{
  background-image: url("../image/style0.gif");
}

#style1{
  background-image: url("../image/style1.gif");
}

#style2{
  background-image: url("../image/style2.gif");
}

#style3{
  background-image: url("../image/style3.gif");
}

#style4{
  background-image: url("../image/style4.gif");
}

#style5{
  background-image: url("../image/style5.gif");
}


#espaceClientHautDroit{
  float:left;
  width:10px;
  height:10px;
  background-image: url("contenuHautDroit.gif");
  background-repeat:no-repeat;
  overflow: hidden;
}

#espaceClientHautCentre{
  float:left;  
  height:10px;
  width:200px;
  background-image: url("contenuHautCentre.gif");
  background-repeat: repeat-x;
  overflow: hidden;
}

#espaceClientHautGauche{
  float:left;
  width:10px;
  height:10px;
  background-image: url("contenuHautGauche.gif");
  background-repeat:no-repeat;
  overflow: hidden;
}

#espaceClientCentre{
  width:220px;
  background-image: url("espaceClientCentre.gif");
  background-repeat: repeat-y;
  overflow:hidden;
}

#espaceClientBasDroit{
  float:left;
  width:10px;
  height:10px;
  background-image: url("contenuBasDroit.gif");
  background-repeat:no-repeat;
}

#espaceClientBasCentre{
  float:left;  
  height:10px;
  width:200px;
  background-image: url("contenuBasCentre.gif");
  background-repeat: repeat-x;
}

#espaceClientBasGauche{
  float:left;
  width:10px;
  height:10px;
  background-image: url("contenuBasGauche.gif");
  background-repeat:no-repeat;
}

#boutonConnection{
  margin-top:5px;
  margin-left:20px;
  float:left;
}


#enteteHautDroit{
  float:right;
  width:10px;
  height:10px;
  background-image: url("enteteHautDroit.gif");
  overflow:hidden;
  background-repeat:no-repeat;
}

#enteteHautCentre{
  float:left;  
  height:10px;
  width:730px;
  background-image: url("enteteHautCentre.gif");
  background-repeat: repeat-x;
  overflow:hidden;
}

#enteteHautGauche{
  float:left;
  width:10px;
  height:10px;
  background-image: url("enteteHautGauche.gif");
  background-repeat:no-repeat;
  overflow:hidden;
}

#enteteCentreCentre{
  height:110px;
  background-image: url("fondCentre.gif");
  background-repeat: repeat-y;
  overflow: hidden;
}