/* rollover image1 => image2 */
#chat1:hover{
  background-position:-512px 0px;
}

/* rollover image2 => image3 */
#chat2:hover{
  background-position:0px -256px;
}

/* rollover image3 => image4 */
#chat3:hover{
  background-position:-512px -256px;
}

/* rollover image4 => image5 */
#chat4:hover{
  background-position:0px -512px;
}

/* rollover image5 => image6 */
#chat5:hover{
  background-position:-512px -512px;
}
/* rollover image6 => image7 */
#chat6:hover{
  background-position:0px -768px;
}
/* rollover image7 => image8 */
#chat7:hover{
  background-position:-512px -768px;
}

/* rollover image8 => image1 */
#chat8:hover{
  background-position:0px 0px;
}

/* permet de cacher le texte du lien */
#chat1 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat2 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat3 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat4 span{
  display:inline-block;
  text-indent: -5000px;
}


#chat5 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat6 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat7 span{
  display:inline-block;
  text-indent: -5000px;
}

#chat8 span{
  display:inline-block;
  text-indent: -5000px;
}