body {
background-color:black;
width:10000px;
}

#robot{
	float:left;
	position:relative;
	width:200px;
	height:200px;
}

#bloc1 {
position : absolute;
width : 248px;
height : 202px;
background:url("tete.jpg");
left:0;
top:0;
}


#bloc2{
	float:left;
	width:109px;
	height:500px;
	background:url("bloc1.jpg");
}

#bloc3{
	float:left;
	width:75px;
	height:470px;
	background:url("bloc2.jpg");
}

#bloc4{
	float:left;
	width:90px;
	height:345px;
	background:url("bloc4.jpg");
	margin-top: 15px;
}

#bloc5{
	float:left;
	width:67px;
	height:250px;
	background:url("bloc3.jpg");
}

#bloc6{
	float:left;
	width:70px;
	height:320px;
	background:url("bloc5.jpg");
}

#bloc7{
	float:left;
	width:103px;
	height:400px;
	background:url("bloc6.jpg");
	margin-top: 40px
}

#bloc8{
	float:left;
	width:74px;
	height:300px;
	background:url("bloc7.jpg");
	margin-top: 45px
}

#bloc9{
	float:left;
	width:40px;
	height:173px;
	background:url("bloc8.jpg");
}

#bloc10{
	float:left;
	width:57px;
	height:350px;
	background:url("bloc9.jpg");
}

#bloc11{
	float:left;
	width:61px;
	height:119px;
	background:url("bloc10.jpg");
}

#bloc12{
	float:left;
	width:97px;
	height:260px;
	background:url("bloc11.jpg");
	margin-top: 65px
}

#bloc13{
	float:left;
	width:118px;
	height:400px;
	background:url("bloc12.jpg");
	margin-top:70px
}

#bloc14{
	float:left;
	width:80px;
	height:224px;
	background:url("bloc13.jpg");
}

#bloc15{
	float:left;
	width:70px;
	height:227px;
	background:url("bloc14.jpg");
}

#bloc16{
	float:left;
	width:100px;
	height:300px;
	background:url("bloc15.jpg");
}

#bloc17{
	float:left;
	width:100px;
	height:264px;
	background:url("bloc16.jpg");
}

#bloc18{
	float:left;
	width:90px;
	height:273px;
	background:url("bloc17.jpg");
}

#bloc19{
	float:left;
	width:99px;
	height:261px;
	background:url("bloc18.jpg");
	margin-top: 25px
}

#bloc20{
	float:left;
	width:90px;
	height:521px;
	background:url("bloc19.jpg");
}

#bloc21{
	float:left;
	width:70px;
	height:367px;
	background:url("bloc20.jpg");
}

#bloc22{
	float:left;
	width:80px;
	height:485px;
	background:url("bloc21.jpg");
}

#bloc23{
	float:left;
	width:80px;
	height:190px;
	background:url("bloc22.jpg");
}

#bloc24{
	float:left;
	width:164px;
	height:400px;
	background:url("bloc23.jpg");
}

#bloc25{
	float:left;
	width:60px;
	height:354px;
	background:url("bloc24.jpg");
}

#bloc26{
	float:left;
	width:50px;
	height:236px;
	background:url("bloc25.jpg");
	margin-top: 60px
}

#bloc27{
	float:left;
	width:60px;
	height:231px;
	background:url("bloc26.jpg");
}

#bloc28{
	float:left;
	width:70px;
	height:164px;
	background:url("bloc27.jpg");
}

#bloc29{
	float:left;
	width:80px;
	height:520px;
	background:url("bloc28.jpg");
}

#bloc30{
	float:left;
	width:45px;
	height:700px;
	background:url("bloc29.jpg");
	margin-top: 60px
}



#oeil1 {
position : absolute;
   width: 40px;
    height: 70px;
    background: black;
    -webkit-border-radius: 20px / 35px;
    -moz-border-radius:    20px / 35px; 
    border-radius:         20px / 35px;
    left:117px;
    top:0px;
    
}

#oeil2 {
position : absolute;
   width: 40px;
    height: 70px;
    background: black;
    -webkit-border-radius: 20px / 35px;
    -moz-border-radius:    20px / 35px; 
    border-radius:         20px / 35px;
    left:170px;
    top:0px;
    
}

#pupille1 {
position : absolute;
   width: 20px;
    height: 30px;
    background: white;
    -webkit-border-radius: 10px / 15px;
    -moz-border-radius:    10px / 15px; 
    border-radius:         10px / 15px;
    left:124px;
    top:4px;
    
}


#pupille2 {
position : absolute;
   width: 20px;
    height: 30px;
    background: white;
    -webkit-border-radius: 10px / 15px;
    -moz-border-radius:    10px / 15px; 
    border-radius:         10px / 15px;
    left:179px;
    top:4px;
    
}