Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

Pages : 1

#1 Le 26/12/2015, à 00:30

temps

Mais où est le panda ?

Bonjour,
je commence une base de construction sur mais ou est le panda en vidéo interactif (au clique sur le panda une action avec un panda mouvant avant de disparaître) pour ceux qui veulent participer, voici la première base :

<!DOCTYPE html>
<html>
  <head>
    <title>Mais ou est le panda</title>

<script type="text/javascript">

    	 var mua1 = 0;

function action1Press(){
	mua1 = mua1 + 1;
	if(mua1>3){
        mua1 =0;
  	}
	multitouchea(mua1);
  }

  function multitouchea(mua1){

  if(mua1==0){

  var multia1 = document.getElementById("1awav");
  multia1.play();
  }
  else if(mua1==1){

  var multia2 = document.getElementById("1bwav");
  multia2.play();
  }
  else if(mua1==2){

  var multia3 = document.getElementById("1cwav");
  multia3.play();
  }
  else if(mua1==3){

  var multia4 = document.getElementById("1dwav");
  multia4.play();
  }
  }

</script>
<style>
body {
  position: absolute;
  margin-left: 20px;
  margin-top: 20px;
}

.tete{position: absolute; width: 80px; height: 80px; border: 5px solid black;background:white; -webkit-border-radius:80px 80px 80px 80px/40px 40px 40px 40px; border-radius:100px 100px 100px 100px/80px 80px 80px 80px;-moz-border-radius:80px 80px 80px 80px/40px 40px 40px 40px;-o-border-radius:80px 80px 80px 80px/40px 40px 40px 40px;}
.corps{position: absolute; width: 100px; height: 100px; border: 5px solid black;background:white; -webkit-border-radius:80px 80px 80px 80px/40px 40px 40px 40px; border-radius:100px 100px 100px 100px/80px 80px 80px 80px;-moz-border-radius:80px 80px 80px 80px/40px 40px 40px 40px;-o-border-radius:80px 80px 80px 80px/40px 40px 40px 40px;}

.oeil{position: absolute; width:12px; height:12px; background:black; -webkit-border-radius:8px 8px 8px 8px/8px 8px 8px 8px; border-radius:8px 8px 8px 8px/8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px/8px 8px 8px 8px;-o-border-radius:8px 8px 8px 8px/8px 8px 8px 8px;}

.nez{position: absolute; border-color: red transparent transparent; border-style: solid; border-width: 40px 4px 0px; height: 0;}

.mabande{position: absolute; height: 80px; width:1350px;background:white;margin-top:700px;margin-left:-50px ;}

.tourne15 { float: left; -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
.tourne30 { float: left; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);}
.tourne45 { float: left; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tourne60 { float: left; -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg);}
.tourne75 { float: left; -ms-transform: rotate(75deg); -webkit-transform: rotate(75deg); transform: rotate(75deg);}
.tourne90 { float: left; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.tourne105 { float: left; -ms-transform: rotate(105deg); -webkit-transform: rotate(105deg); transform: rotate(105deg);}
.tourne120 { float: left; -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg);}
.tourne135 { float: left; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.tourne150 { float: left; -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg);}
.tourne165 { float: left; -ms-transform: rotate(165deg); -webkit-transform: rotate(165deg); transform: rotate(165deg);}
.tourne180 { float: left; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.tourne165m { float: left; -ms-transform: rotate(-165deg); -webkit-transform: rotate(-165deg); transform: rotate(-165deg);}
.tourne150m { float: left; -ms-transform: rotate(-150deg); -webkit-transform: rotate(-150deg); transform: rotate(-150deg);}
.tourne135m { float: left; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.tourne120m { float: left; -ms-transform: rotate(-120deg); -webkit-transform: rotate(-120deg); transform: rotate(-120deg);}
.tourne105m { float: left; -ms-transform: rotate(-105deg); -webkit-transform: rotate(-105deg); transform: rotate(-105deg);}
.tourne90m { float: left; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.tourne75m { float: left; -ms-transform: rotate(-75deg); -webkit-transform: rotate(-75deg); transform: rotate(-75deg);}
.tourne60m { float: left; -ms-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-60deg);}
.tourne45m { float: left; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.tourne30m { float: left; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
.tourne15m { float: left; -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
.tourne5 { float: left; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
.tourne7 { float: left; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);}
.tourne10 { float: left; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
.tourne20m { float: left; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg);}
.tourne70 { float: left; -ms-transform: rotate(70deg); -webkit-transform: rotate(70deg); transform: rotate(70deg);}
.tourne70m { float: left; -ms-transform: rotate(-70deg); -webkit-transform: rotate(-70deg); transform: rotate(-70deg);}
.tourne18 { float: left; -ms-transform: rotate(18deg); -webkit-transform: rotate(18deg); transform: rotate(18deg);}
.tourne22 { float: left; -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg);}
.tourne42 { float: left; -ms-transform: rotate(42deg); -webkit-transform: rotate(42deg); transform: rotate(42deg);}
.tourne5m { float: left; -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
.tourne50m { float: left; -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); transform: rotate(-50deg);}
.tourne56m { float: left; -ms-transform: rotate(-56deg); -webkit-transform: rotate(-56deg); transform: rotate(-56deg);}
.tourne80 { float: left; -ms-transform: rotate(80deg); -webkit-transform: rotate(80deg); transform: rotate(80deg);}
.tourne35 { float: left; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg);}
.tourne12m { float: left; -ms-transform: rotate(-12deg); -webkit-transform: rotate(-12deg); transform: rotate(-12deg);}
.tourne215 { float: left; -ms-transform: rotate(215deg); -webkit-transform: rotate(215deg); transform: rotate(215deg);}
</style>
  </head>
  <body>


    <div style="left:-10px ; top:70px;">

<!-- 9 --> 

<div class="corps" style="margin-left:-12px ; margin-top:-49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:79px ; margin-top:-30px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:76px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:189px ; margin-top:-35px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:288px ; margin-top:-49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:392px ; margin-top:-36px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:495px ; margin-top:-33px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:602px ; margin-top:-25px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:74px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:704px ; margin-top:-20px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:799px ; margin-top:-10px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:908px ; margin-top:-10px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1008px ; margin-top:-10px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1112px ; margin-top:-10px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 8 --> 

<div class="corps" style="margin-left:-40px ; margin-top:45px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:70px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:42px ; margin-top:49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:138px ; margin-top:49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:89px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:260px ; margin-top:49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:358px ; margin-top:49px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:463px ; margin-top:52px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:555px ; margin-top:54px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:660px ; margin-top:57px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:74px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:768px ; margin-top:69px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:874px ; margin-top:69px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:980px ; margin-top:72px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:72px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1066px ; margin-top:76px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1168px ; margin-top:74px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 7 --> 


<div class="corps" style="margin-left:-45px ; margin-top:115px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:52px;width:50px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:32px ; margin-top:110px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:136px ; margin-top:114px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:242px ; margin-top:114px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:332px ; margin-top:122px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:425px ; margin-top:126px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:535px ; margin-top:136px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:78px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:634px ; margin-top:140px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:72px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:728px ; margin-top:136px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:835px ; margin-top:146px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:76px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:930px ; margin-top:164px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1022px ; margin-top:164px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1118px ; margin-top:174px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:76px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 6 --> 


<div class="corps" style="margin-left:-5px ; margin-top:184px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:92px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:108px ; margin-top:194px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:217px ; margin-top:194px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:307px ; margin-top:208px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:405px ; margin-top:208px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:86px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:522px ; margin-top:201px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:600px ; margin-top:218px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:690px ; margin-top:228px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:788px ; margin-top:224px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:890px ; margin-top:232px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:984px ; margin-top:242px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:70px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1062px ; margin-top:260px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1156px ; margin-top:270px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 5 --> 

<div class="corps" style="margin-left:-37px ; margin-top:264px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:80px ; margin-top:266px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:89px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:180px ; margin-top:278px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:270px ; margin-top:288px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:360px ; margin-top:288px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:472px ; margin-top:291px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:566px ; margin-top:308px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:660px ; margin-top:318px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:72px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:740px ; margin-top:318px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:820px ; margin-top:322px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:82px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:914px ; margin-top:332px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1004px ; margin-top:338px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1100px ; margin-top:342px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:74px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 4 --> 


<div class="corps" style="margin-left:-50px ; margin-top:380px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:74px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:45px ; margin-top:378px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:85px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:144px ; margin-top:382px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:78px;width:78px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:234px ; margin-top:385px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:314px ; margin-top:385px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:77px;width:77px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:406px ; margin-top:380px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:511px ; margin-top:398px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:79px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:607px ; margin-top:400px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:695px ; margin-top:400px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:72px;width:70px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:770px ; margin-top:410px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:865px ; margin-top:417px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:954px ; margin-top:420px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:75px;width:77px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1045px ; margin-top:430px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:82px;width:83px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1155px ; margin-top:430px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 3 --> 


<div class="corps" style="margin-left:-15px ; margin-top:424px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:84px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:94px ; margin-top:440px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:188px ; margin-top:444px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:276px ; margin-top:455px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:87px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:366px ; margin-top:477px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:80px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:465px ; margin-top:488px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:571px ; margin-top:493px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:79px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:676px ; margin-top:493px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:776px ; margin-top:499px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:87px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:878px ; margin-top:509px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:980px ; margin-top:537px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:79px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1089px ; margin-top:537px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:79px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 2 --> 


<div class="corps" style="margin-left:-50px ; margin-top:528px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:74px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:45px ; margin-top:521px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:148px ; margin-top:534px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:245px ; margin-top:525px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:334px ; margin-top:537px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:77px;width:77px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:420px ; margin-top:542px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:521px ; margin-top:543px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;height:79px;width:77px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:620px ; margin-top:549px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:738px ; margin-top:562px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:835px ; margin-top:570px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:927px ; margin-top:579px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:88px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1042px ; margin-top:585px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1135px ; margin-top:588px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>

<!-- 1 --> 

<div class="corps" style="margin-left:0px ; margin-top:622px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:108px ; margin-top:632px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:208px ; margin-top:632px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:302px ; margin-top:637px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:397px ; margin-top:647px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:489px ; margin-top:657px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:581px ; margin-top:663px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:89px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:678px ; margin-top:665px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:778px ; margin-top:665px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:84px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:882px ; margin-top:665px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:985px ; margin-top:665px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1082px ; margin-top:685px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:74px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>
<div class="corps" style="margin-left:1165px ; margin-top:688px;">
    <div class="oeil" style="left:44px ; top:20px;"></div>
    <div class="oeil" style="left:44px ; top:40px;"></div>
    <div class="tete" style="left:10px ; top:-70px;width:80px;">
    <div class="oeil" style="left:20px ; top:20px;"></div>
    <div class="oeil" style="left:60px ; top:20px;"></div>
    <div class="nez" style="left:40px ; top:25px;"></div>
    </div></div>


	</div>


    <div class="mabande"></div>






  </body>
</html>

Je place les dernière avancées du projet sur cette page
Pour récupérer le code et le modifier il faut entrer dans un terminal

wget -c http://www.letime.net/alpha/banque/base6/1.html

Cordialement

Dernière modification par temps (Le 26/12/2015, à 02:04)

Parce que l'USB bootable est le support des systèmes experts,
Parce que l'USB bootable contient sa propre image au démarrage.
L'USB bootable permet de créer un monde à la dimension de son imagination
https://www.letime.net

Hors ligne

#2 Le 28/12/2015, à 04:56

temps

Re : Mais où est le panda ?

Bonjour,
J'ai mis en ligne une première version vidéo interactive.
Au clique sur le panda, la vidéo change.
C'est sur cette page

Pour récupérer le code et le modifier il faut entrer dans un terminal

wget -c http://www.letime.net/alpha/banque/base6/index.html

Cordialement

Parce que l'USB bootable est le support des systèmes experts,
Parce que l'USB bootable contient sa propre image au démarrage.
L'USB bootable permet de créer un monde à la dimension de son imagination
https://www.letime.net

Hors ligne

Pages : 1