/* j'affiche le berger allemand en image de fond 
http://css.mammouthland.net/image-de-fond-background-css.php */
body {
background-image:url("cadre-berger-allemand.png");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center;

}

/* j'affiche le chat par dessus et je crŽe un ID par image */


#chat1{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") 0px 0px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat2{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") -512px 0px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat3{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") 0px -256px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}


#chat4{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") -512px -256px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat5{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") 0px -512px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat6{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") -512px -512px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat7{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") 0px -768px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

#chat8{
  display:block;
  width:512px;
  height:256px;
  background:url("runningcat.png") -512px -768px no-repeat;
  
  position: absolute;
    left: 30%;
    top: 30%;
}

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