Montpel'
libre




Montpel'
libre




Montpel'
libre




Montpel'
libre




Montpel'
libre




Montpel'
libre




Montpel'
libre





Montpel'

libre
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titre du dessin animé interactif</title>

<script>


	var persistanceretinienne = 7;
	var nbimg = null;
	var nbboucle = 70;
    	var mua1 = 0;
	var vitesseDuVent = 220;
	var ouioui;
	var joueur = 'fleur';
	var joueur1;
	var joueur2;
	var version = 1;
	var joueur3 = 'bisfleur';
	var joueur4;
	var joueur5 = 'bis';
	var joueur7;
	var joueur8;




function acelereLeVent(){

  if(vitesseDuVent>123){
  clearInterval(nbimg);
vitesseDuVent = vitesseDuVent -40;
nbboucle = 70;
lancertout();
  }

}

function diminuLeVent(){
  clearInterval(nbimg);
vitesseDuVent = vitesseDuVent + 300;
nbboucle = 70;
lancertout();
}

function decoupe2(joueur4){//1
  document.getElementById(joueur4).className = 'cachemoi';
}//3

function decoupe1(joueur2){//1
  document.getElementById(joueur2).className = 'cachemoi';
}//3

function decoupe3(joueur1){//1
  document.getElementById(joueur1).className = 'sortdutrou';
}//3

function restecalme(joueur1,joueur8,ouioui){//1



  if(version == 1){//2

for (var placier = 1; placier < ouioui; placier++) {//3


	joueur2 = joueur + placier;
  document.getElementById(joueur2).className = 'cachemoi';

}//3

for (var placier = ouioui+1; placier < 9; placier++) {//3


	joueur2 = joueur + placier;
  document.getElementById(joueur2).className = 'cachemoi';

}//3

for (var placier = 1; placier < ouioui; placier++) {//3


	joueur4 = joueur3 + placier;
  document.getElementById(joueur4).className = 'cachemoi';

}//3

for (var placier = ouioui+1; placier < 9; placier++) {//3

	joueur4 = joueur3 + placier;
  document.getElementById(joueur4).className = 'cachemoi';


}//3


  document.getElementById(joueur1).className = 'sortdutrou';
  document.getElementById(joueur8).className = 'cachemoi';

}//2



  if(version == 2){//2



for (var placier = 1; placier < ouioui; placier++) {//3


	joueur4 = joueur3 + placier;
  document.getElementById(joueur4).className = 'cachemoi';

}//3

for (var placier = ouioui+1; placier < 9; placier++) {//3

	joueur4 = joueur3 + placier;
  document.getElementById(joueur4).className = 'cachemoi';


}//3

for (var placier = 1; placier < ouioui; placier++) {//3


	joueur2 = joueur + placier;
  document.getElementById(joueur2).className = 'cachemoi';

}//3

for (var placier = ouioui+1; placier < 9; placier++) {//3


	joueur2 = joueur + placier;
  document.getElementById(joueur2).className = 'cachemoi';

}//3


  document.getElementById(joueur8).className = 'sortdutrou';

  document.getElementById(joueur1).className = 'cachemoi';


}

}



function change(persistanceretinienne)
{

  switch (persistanceretinienne) {

    	case 0:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon17();
   	break;
    	case 1:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon13();
   	break;
    	case 2:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon9();
   	break;
    	case 3:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon26();
   	break;
    	case 4:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon25();
   	break;
    	case 5:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon2();
   	break;
    	case 6:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon24();
   	break;
    	case 7:
	ouioui = persistanceretinienne + 1;
	joueur1 = joueur + ouioui;
	joueur8 = joueur3 + ouioui;
	restecalme(joueur1,joueur8,ouioui);
JoueLeSon23();
   	break;

 
  }

}



function durermax()
{
  clearInterval(nbimg);
/*   lancerChange4();	*/
}
function seance()
{



change(persistanceretinienne);
  persistanceretinienne--;
if ((nbboucle>1)&&(persistanceretinienne<0))
{ 
/* selection du nombre d'image*/
/* persistanceretinienne = 3;*/
persistanceretinienne = 7;
nbboucle = nbboucle-1;
}


}
function lancertout()
{
  nbimg = setInterval(seance, vitesseDuVent);
  setTimeout(durermax, persistanceretinienne * 81000);
change(persistanceretinienne)
}	

  function JoueLeSon(mua1){

  if(mua1==0){

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

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

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

  var multia4 = document.getElementById("22awav");
  multia4.play();
  }
  }

  function JoueLeSon1(){
  var multib1 = document.getElementById("24awav");
  multib1.play();
  }
  function JoueLeSon2(){
  var multic1 = document.getElementById("25awav");
  multic1.play();
  }
  function JoueLeSon3(){
  var multic1 = document.getElementById("26awav");
  multic1.play();
  }
  function JoueLeSon4(){
  var multic1 = document.getElementById("27awav");
  multic1.play();
  }
  function JoueLeSon5(){
  var multic1 = document.getElementById("28awav");
  multic1.play();
  }
  function JoueLeSon6(){
  var multic1 = document.getElementById("29awav");
  multic1.play();
  }
  function JoueLeSon7(){
  var multic1 = document.getElementById("30awav");
  multic1.play();
  }
  function JoueLeSon8(){
  var multic1 = document.getElementById("31awav");
  multic1.play();
  }
  function JoueLeSon9(){
  var multic1 = document.getElementById("32awav");
  multic1.play();
  }
  function JoueLeSon10(){
  var multic1 = document.getElementById("33awav");
  multic1.play();
  }
  function JoueLeSon11(){
  var multic1 = document.getElementById("34awav");
  multic1.play();
  }
  function JoueLeSon12(){
  var multic1 = document.getElementById("35awav");
  multic1.play();
  }
  function JoueLeSon13(){
  var multic1 = document.getElementById("36awav");
  multic1.play();
  }
  function JoueLeSon14(){
  var multic1 = document.getElementById("37awav");
  multic1.play();
  }
  function JoueLeSon15(){
  var multic1 = document.getElementById("38awav");
  multic1.play();
  }
  function JoueLeSon16(){
  var multic1 = document.getElementById("39awav");
  multic1.play();
  }
  function JoueLeSon20(){
  var multic1 = document.getElementById("40awav");
  multic1.play();
  }
  function JoueLeSon21(){
  var multic1 = document.getElementById("41awav");
  multic1.play();
  }
  function JoueLeSon22(){
  var multic1 = document.getElementById("42awav");
  multic1.play();
  }
  function JoueLeSon23(){
  var multic1 = document.getElementById("43awav");
  multic1.play();
  }
  function JoueLeSon24(){
  var multic1 = document.getElementById("44awav");
  multic1.play();
  }
  function JoueLeSon25(){
  var multic1 = document.getElementById("45awav");
  multic1.play();
  }
  function JoueLeSon26(){
  var multic1 = document.getElementById("46awav");
  multic1.play();
  }
  function JoueLeSon27(){
  var multic1 = document.getElementById("47awav");
  multic1.play();
  }
  function JoueLeSon17(){
  var multic1 = document.getElementById("20awav");
  multic1.play();
  }
  function JoueLeSon18(){
  var multic1 = document.getElementById("21awav");
  multic1.play();
  }
  function JoueLeSon19(){
  var multic1 = document.getElementById("22awav");
  multic1.play();
  }

function action1Press(){
	version = version + 1;
	if(version>2){
        version = 1;
  	}
  }


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

.petales1 {


position: absolute;
width: 130px;
height: 50px;

    border-radius: 250px 25px;

opacity:0.5;
border-width: 75px 22px 0;
border-style: solid;
border-color: #CCCCFF transparent;
}

.petales2 {
position: absolute;
width: 130px;
height: 50px;
    border-radius: 250px 25px;
opacity:0.5;
background-color: #b0c4de;
}
.petales3 {
position: absolute;
width: 130px;
height: 50px;
    border-radius: 250px 25px;
opacity:0.5;
background-color: #b0c4de;
}

.petales4 {
position: absolute;
width: 130px;
height: 50px;
    border-radius: 250px 25px;
}
.petales5 {
position: absolute;
width: 130px;
height: 50px;
    border-radius: 250px 25px;

    background-color: red;
    -webkit-animation-name: bouge1; 
    -webkit-animation-duration: 0.4s; 
    animation-name: bouge1;
    animation-duration: 0.4s;
}
.petales6 {
position: absolute;
display:block;
width: 126px;
height: 180px;
background-color: #FF9999;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}
/*
@-webkit-keyframes bouge1 {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}*/


@keyframes bouge1 {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

.tourne15 {
    float: left;
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Safari */
    transform: rotate(15deg);
}
.tourne30 {
    float: left;
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);
}
.tourne45 {
    float: left;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}
.tourne60 {
    float: left;
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Safari */
    transform: rotate(60deg);
}
.tourne75 {
    float: left;
    -ms-transform: rotate(75deg); /* IE 9 */
    -webkit-transform: rotate(75deg); /* Safari */
    transform: rotate(75deg);
}
.tourne90 {
    float: left;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
}
.tourne105 {
    float: left;
    -ms-transform: rotate(105deg); /* IE 9 */
    -webkit-transform: rotate(105deg); /* Safari */
    transform: rotate(105deg);
}
.tourne120 {
    float: left;
    -ms-transform: rotate(120deg); /* IE 9 */
    -webkit-transform: rotate(120deg); /* Safari */
    transform: rotate(120deg);
}
.tourne135 {
    float: left;
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Safari */
    transform: rotate(135deg);
}
.tourne150 {
    float: left;
    -ms-transform: rotate(150deg); /* IE 9 */
    -webkit-transform: rotate(150deg); /* Safari */
    transform: rotate(150deg);
}
.tourne165 {
    float: left;
    -ms-transform: rotate(165deg); /* IE 9 */
    -webkit-transform: rotate(165deg); /* Safari */
    transform: rotate(165deg);
}
.tourne180 {
    float: left;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}
.tourne165m {
    float: left;
    -ms-transform: rotate(-165deg); /* IE 9 */
    -webkit-transform: rotate(-165deg); /* Safari */
    transform: rotate(-165deg);
}
.tourne150m {
    float: left;
    -ms-transform: rotate(-150deg); /* IE 9 */
    -webkit-transform: rotate(-150deg); /* Safari */
    transform: rotate(-150deg);
}
.tourne135m {
    float: left;
    -ms-transform: rotate(-135deg); /* IE 9 */
    -webkit-transform: rotate(-135deg); /* Safari */
    transform: rotate(-135deg);
}
.tourne120m {
    float: left;
    -ms-transform: rotate(-120deg); /* IE 9 */
    -webkit-transform: rotate(-120deg); /* Safari */
    transform: rotate(-120deg);
}
.tourne105m {
    float: left;
    -ms-transform: rotate(-105deg); /* IE 9 */
    -webkit-transform: rotate(-105deg); /* Safari */
    transform: rotate(-105deg);
}
.tourne90m {
    float: left;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}
.tourne75m {
    float: left;
    -ms-transform: rotate(-75deg); /* IE 9 */
    -webkit-transform: rotate(-75deg); /* Safari */
    transform: rotate(-75deg);
}
.tourne60m {
    float: left;
    -ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari */
    transform: rotate(-60deg);
}
.tourne45m {
    float: left;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
}
.tourne30m {
    float: left;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg);
}
.tourne15m {
    float: left;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Safari */
    transform: rotate(-15deg);
}

.tourne5 {
    float: left;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
}
.tourne10 {
    float: left;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}

.letout {

}
.corps{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width:500px;
	height:500px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid black;
}

.corps::after{
	content:'';
	position: absolute;
	margin-top:-100px;
	margin-left:50px;
   display:block;
	width:400px;
	height:250px;
	background:black;
   -webkit-border-radius: 50%  50%  20%  20%  / 50%  50%   20%  20%;
   border-radius:        50%  50%  20%  20%  / 50%  50%   20%  20%;
  border:2px solid black;
}

.oeil_droit {
  left: 260px;
  top: -10px;
  position: absolute;
  height: 135px;
  width: 100px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.oeil_gauche {
  left: 110px;
  top: -50px;
  position: absolute;
  height: 180px;
  width: 150px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}


.oeil_droitpupille {
  left: 5px;
  top:40px;
  position: absolute;
  height: 60px;
  width: 30px;
  background-color: black;
  border-radius: 100% 100% 100% 100%
}

.oeil_gauchepupille {
  left: 110px;
  top: 65px;
  position: absolute;
  height: 70px;
  width: 35px;
  background-color: black;
  border-radius: 100% 100% 100% 100%
}

.reflet_droit {
  left: 12px;
  top: 2px;
  position: absolute;
  height: 20px;
  width: 17px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.reflet_gauche {
  left: 11px;
  top: 2px;
  position: absolute;
  height: 35px;
  width: 17px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}


.lebec {

	position: absolute;
margin-left: 245px;
margin-top: 35px;
  left: -60px;
  top: 110px;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 120px solid orange;
}

.lebecplus {

	position: absolute;
margin-left: 245px;
margin-top: 35px;
  left: -60px;
  top: 100px;
	width:120px;
	height:20px;
	background:orange;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.aile_gauche {
	position: absolute;
margin-left: 280px;
  left: -380px;
  top: 100px;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
    border-radius: 100px / 50px;
    width: 180px;
    height: 90px;
    background: black;
}
.aile_gauche:active{
  -webkit-transform:perspective(13px) rotatey(-6deg);
  transform:perspective(13px) rotatey(-6deg);
  margin-top:205px;
}

.aile_droite {
	position: absolute;
margin-left: 260px;
  left: 190px;
  top: 100px;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
    border-radius: 100px / 50px;
    width: 180px;
    height: 90px;
    background: black;
}

.aile_droite:active{
  -webkit-transform:perspective(13px) rotatey(-6deg);
  transform:perspective(13px) rotatey(-6deg);
  margin-top:205px;
}

.ventre {
  left: 75px;
  top: 100px;
  position: absolute;
	width:350px;
	height:400px;
  border-radius: 50% 50% 50% 50%;
  background-color: white;
text-align: center;
/*  color="#0066FF";*/
    background: #ffffb3;
font-size: xx-large;
}

.pied_gauche {
  position: absolute;
  left: 360px;
  top: 420px;
  height:90px;
  width:180px;
  border-radius: 90px 90px 10px 10px;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  background:orange;
}

.pied_droit {
  position: absolute;
  left: 80px;
  top: 420px;
  height:90px;
  width:180px;
  border-radius: 90px 90px 10px 10px;
  -moz-border-radius: 90px 90px 10px 10px;
  -webkit-border-radius: 90px 90px 10px 10px;
  background:orange;
}
.pied_droit:active{
  background-color: black;
}

div#angle1 {
    -ms-transform: rotate(20deg); 
    -webkit-transform: rotate(20deg); 
    transform: rotate(20deg); 
}

div#angle2 {
    -ms-transform: rotate(160deg); 
    -webkit-transform: rotate(160deg); 
    transform: rotate(160deg); 
}


.indique{
  cursor:pointer;
}
.cachemoi {
    display: none;
}

.sortdutrou {
    display: inline;
}



.bergeretete{
	position: absolute;
	margin-top:50px;
	margin-left:25px;
	width:100px;
	height:100px;
	background:#800000;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}


.bergerecapuche{
	position: absolute;
	margin-top:35px;
	margin-left:0px;
	width:150px;
	height:150px;
	background:#ff6600;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}

.bergerevisage{
	position: absolute;
	margin-top:1px;
	margin-left:27px;
	width:50px;
	height:96px;
	background:#ffe5e5;;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}

.bergereoeil {
	position: absolute;
	margin-top:25px;
	width:20px;
	height:31px;
	background:white;
	-webkit-border-radius:7px / 20px;
	-moz-border-radius:7px / 20px;
	-o-border-radius:7px / 20px;
	border-radius:7px / 20px;
}

.bergerepupille{
	position: absolute;
	margin-top:15px;
	margin-left:8px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}

.bergerecorps{
	position: absolute;
border-bottom: 100px solid #ff6600;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
height: 0;
width: 100px;
	margin-top:165px;
	margin-left:-15px;
}

.bergerejambe {
	position: absolute;
width: 140px;
height: 15px;
background: #ff6600;
  margin-top: 265px;
  margin-left: 6px;
}
.bergerepied {
	position: absolute;
width: 65px;
height: 4px;
background: #800000;
  margin-top: 280px;
  margin-left: 6px;
}

.bergereveste {
	position: absolute;
width: 3px;
height: 65px;
background: #800000;
  margin-top: 200px;
}

.bergeremaind{
	position: absolute;
	margin-top:245px;
	margin-left:140px;
	width:30px;
	height:30px;
	background:#800000;
  border-radius: 100% 100% 100% 100%
}

bergeremaind:active{
	background:white;
}

.bergeremaing{
	position: absolute;
	margin-top:245px;
	margin-left:-17px;
	width:30px;
	height:30px;
	background:#800000;
  border-radius: 100% 100% 100% 100%
}

bergeremaing:active{
	background:white;
}


.dominiquereverbonnet{
  width: 150px;
  height: 60px;
  border: 0px;
  border-top: 20px solid red;
  border-top-left-radius: 70px;
  border-top-right-radius:70px; 
  margin-top: -5px
}

.dominiquetete{
	position: absolute;
	margin-top:35px;
	margin-left:0px;
	width:150px;
	height:150px;
	background:#ffe5e5;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid #ffe5e5;
}

.dominiquepompon{
	position: absolute;
	margin-top:-5px;
	margin-left:68px;
	width:25px;
	height:25px;
	background:red;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.dominiquebonnet{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width:150px;
	height:150px;
	background:blue;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid blue;
}

.dominiqueoeild {
  left: 86px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.dominiqueoeilg {
  left: 36px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.dominiquepupilled{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.dominiquepupilleg{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}


.dominiquebouche{
	position: absolute;
  width: 35px;
  height: 10px;
  border: 0px;
  border-top: 4px solid #ff6666;
  border-top-left-radius: 30px;
  border-top-right-radius:30px; 
  margin-left: 60px;
}

.dominiquejambe {
	position: absolute;
width: 70px;
height: 50px;
background: blue;
  margin-top: 315px;
  margin-left: 40px;
}
.dominiquepied {
	position: absolute;
width: 80px;
height: 3px;
background: black;
  margin-top: 47px;
  margin-left: -5px;
}

.dominiquecorps{
	position: absolute;
display:block;
width: 156px;
height: 180px;
background-color: #cc3300;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  margin-top: 160px;
  margin-left: -5px;
}
.dominiquecasquette{
	position: absolute;
	width:63px;
	height:1px;
	border:50px solid green;
	border-color:green transparent transparent transparent;
	border-bottom:70px;
}

.dominiqueveste {
	position: absolute;
width: 3px;
height: 120px;
background: black;
  margin-top: 40px;
  margin-left: 78px;
}

.dominiquepoche {
	position: absolute;
	margin-top:25px;
	margin-left:-10px;
	width:25px;
	height:25px;
	border:3px solid green;
border-color:transparent green green green;

}

.dominiquemaind{
	position: absolute;
	margin-top:105px;
	margin-left:126px;
	width:30px;
	height:30px;
	background:green;
  border-radius: 100% 100% 100% 100%
}

dominiquemaind:active{
	background:white;
}

.dominiquemaing{
	position: absolute;
	margin-top:105px;
	margin-left:0px;
	width:30px;
	height:30px;
	background:green;
  border-radius: 100% 100% 100% 100%
}

dominiquemaing:active{
	background:white;
}


.jefreverbonnet{
  width: 300px;
  height: 60px;
  border: 0px;
  border-top: 20px solid yellow;
  border-top-left-radius: 70px;
  border-top-right-radius:70px; 
  margin-top: -5px
}

.jeftete{
	position: absolute;
	margin-top:35px;
	margin-left:0px;
	width:300px;
	height:150px;
	background:#ffe5e5;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid #ffe5e5;
}

.jefpompon{
	position: absolute;
	margin-top:-5px;
	margin-left:118px;
	width:50px;
	height:25px;
	background:yellow;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.jefbonnet{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width:300px;
	height:150px;
	background:blue;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid blue;
}

.jefoeild {
  left: 86px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.jefoeilg {
  left: 36px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.jefpupilled{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.jefpupilleg{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}


.jefbouche{
	position: absolute;
  width: 60px;
  height: 10px;
  border: 0px;
  border-top: 20px solid black;
  border-top-left-radius: 20px;
  border-top-right-radius:20px; 
  margin-top: 15px;
  margin-left: 60px;
}

.jefjambe {
	position: absolute;
width: 140px;
height: 50px;
background: blue;
  margin-top: 315px;
  margin-left: 80px;
}
.jefpied {
	position: absolute;
width: 160px;
height: 3px;
background: black;
  margin-top: 47px;
  margin-left: -5px;
}

.jefcorps{
	position: absolute;
display:block;
width: 312px;
height: 180px;
background-color: red;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  margin-top: 160px;
  margin-left: -5px;
}
/*
.jefcorps::after{
	content:'';
	position: absolute;
	position: absolute;
display:block;
width: 156px;
height: 180px;
background-color: red;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  margin-top: 160px;
  margin-left: -5px;
}
*/
.jefveste {
	position: absolute;
width: 3px;
height: 120px;
background: black;
  margin-top: 40px;
  margin-left: 78px;
}

.jefbouton1 {
	position: absolute;
	margin-top:25px;
	margin-left:-10px;
	width:4px;
	height:4px;
	background:black;
  border-radius: 100% 100% 100% 100%
}

.jefmaind{
	position: absolute;
	margin-top:105px;
	margin-left:250px;
	width:60px;
	height:30px;
	background:yellow;
  border-radius: 100% 100% 100% 100%
}

jefmaind:active{
	background:white;
}

.jefmaing{
	position: absolute;
	margin-top:105px;
	margin-left:0px;
	width:60px;
	height:30px;
	background:yellow;
  border-radius: 100% 100% 100% 100%
}

jefmaing:active{
	background:white;
}


.nicolasreverbonnet{
  width: 150px;
  height: 60px;
  border: 0px;
  border-top: 20px solid red;
  border-top-left-radius: 70px;
  border-top-right-radius:70px; 
  margin-top: -5px
}

.nicolastete{
	position: absolute;
	margin-top:35px;
	margin-left:0px;
	width:150px;
	height:150px;
	background:#ffe5e5;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid #ffe5e5;
}

.nicolaspompon{
	position: absolute;
	margin-top:-5px;
	margin-left:68px;
	width:25px;
	height:25px;
	background:red;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.nicolasbonnet{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width:150px;
	height:150px;
	background:blue;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
  border:2px solid blue;
}

.nicolasoeild {
  left: 86px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.nicolasoeilg {
  left: 36px;
  top: 15px;
  position: absolute;
  height: 60px;
  width: 33px;
  background-color: white;
  border-radius: 100% 100% 100% 100%
}

.nicolaspupilled{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}
.nicolaspupilleg{
	position: absolute;
	margin-top:25px;
	margin-left:10px;
	width:4px;
	height:4px;
	background:black;
	-webkit-border-radius:50% / 50%;
	-moz-border-radius:50% / 50%;
	-o-border-radius:50% / 50%;
	border-radius:50% / 50%;
}


.nicolasbouche{
	position: absolute;
  width: 30px;
  height: 10px;
  border: 0px;
  border-top: 20px solid black;
  border-top-left-radius: 20px;
  border-top-right-radius:20px; 
  margin-top: 15px;
  margin-left: 60px;
}

.nicolasjambe {
	position: absolute;
width: 70px;
height: 50px;
background: blue;
  margin-top: 315px;
  margin-left: 40px;
}
.nicolaspied {
	position: absolute;
width: 80px;
height: 3px;
background: black;
  margin-top: 47px;
  margin-left: -5px;
}

.nicolascorps{
	position: absolute;
display:block;
width: 156px;
height: 180px;
background-color: #993333;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  margin-top: 160px;
  margin-left: -5px;
}
/*
.nicolascorps::after{
	content:'';
	position: absolute;
	position: absolute;
display:block;
width: 156px;
height: 180px;
background-color: red;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  margin-top: 160px;
  margin-left: -5px;
}
*/
.nicolasveste {
	position: absolute;
width: 3px;
height: 120px;
background: black;
  margin-top: 40px;
  margin-left: 78px;
}

.nicolasbouton1 {
	position: absolute;
	margin-top:25px;
	margin-left:-10px;
	width:4px;
	height:4px;
	background:black;
  border-radius: 100% 100% 100% 100%
}

.nicolasmaind{
	position: absolute;
	margin-top:105px;
	margin-left:126px;
	width:30px;
	height:30px;
	background:#ffe5e5;
  border-radius: 100% 100% 100% 100%
}

nicolasmaind:active{
	background:white;
}

.nicolasmaing{
	position: absolute;
	margin-top:105px;
	margin-left:0px;
	width:30px;
	height:30px;
	background:#ffe5e5;
  border-radius: 100% 100% 100% 100%
}

nicolasmaing:active{
	background:white;
}


.tete {
	position: absolute;
	width: 50px;
	height: 60px;
	background: #ff9999;
	-webkit-border-radius: 25px / 30px;
	-moz-border-radius:    25px / 30px; 
	border-radius:         25px / 30px; 
	}

.corpsf{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 50px;
	height: 180px;
	background: #ff9999;
	-webkit-border-radius:25px / 90px;
	-moz-border-radius:25px / 90px;
	-o-border-radius:25px / 90px;
	border-radius:25px / 90px;
}
.cuisse_g{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 40px;
	height: 120px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
}
.cuisse_d{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 40px;
	height: 120px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
    border-top: 1.5px dotted #ffcccc;
    border-right: 1.5px dotted #ffcccc;
    border-bottom: 1.5px dotted #ffcccc;
    border-left: 1.5px dotted #ffcccc;
}
.molet_g{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 30px;
	height: 120px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
}
.molet_d{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 30px;
	height: 120px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;

    border-right: 1.5px dotted #ffcccc;
    border-bottom: 1.5px dotted #ffcccc;
    border-left: 1.5px dotted #ffcccc;
}

.bras_g{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 40px;
	height: 100px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
}
.bras_d{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 40px;
	height: 100px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
    border-top: 1.5px dotted #ffcccc;
    border-right: 1.5px dotted #ffcccc;
    border-bottom: 1.5px dotted #ffcccc;
    border-left: 1.5px dotted #ffcccc;
}
.a_bras_g{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 30px;
	height: 90px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
}
.a_bras_d{
	position: absolute;
	margin-top:0px;
	margin-left:0px;
	width: 30px;
	height: 90px;
	background: #ff9999;
	-webkit-border-radius:20px / 60px;
	-moz-border-radius:20px / 60px;
	-o-border-radius:20px / 60px;
	border-radius:20px / 60px;
    border-top: 1.5px dotted #ffcccc;
    border-right: 1.5px dotted #ffcccc;
    border-bottom: 1.5px dotted #ffcccc;
    border-left: 1.5px dotted #ffcccc;
}

.pied_gauchef {
  position: absolute;
    width: 36px;
    height: 15px;
	background: #ff9999;
    -webkit-border-radius: 
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    -moz-border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px;
}

.pied_droitf {
  position: absolute;
    width: 36px;
    height: 15px;
	background: #ff9999;
    -webkit-border-radius: 
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    -moz-border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
}
.pied_droitf:active{
  background-color: black;
}

.pied_droitfp {
  position: absolute;
    width: 27px;
    height: 15px;
	background: #ff9999;
    -webkit-border-radius: 
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    -moz-border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
}
.pied_droitfpf {
  position: absolute;
    width: 9px;
    height: 8px;
	background: #ff9999;
    -webkit-border-radius: 
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px; 
    -moz-border-radius:
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px;  
    border-radius:
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px; 
}
.pied_gaucheffp {
  position: absolute;
    width: 27px;
    height: 15px;
	background: #ff9999;
    -webkit-border-radius: 
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    -moz-border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
    border-radius:
               10px 75px 10px 10px / 10px 30px 10px 10px; 
}
.pied_gaucheffpf {
  position: absolute;
    width: 9px;
    height: 8px;
	background: #ff9999;
    -webkit-border-radius: 
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px; 
    -moz-border-radius:
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px;  
    border-radius:
               2.5px 20px 2.5px 2.5px / 2.5px 8px 2.5px 2.5px; 
}
.tourne5 {
    float: left;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
}
.tourne10 {
    float: left;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}
.tourne20m {
    float: left;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
}
.tourne70 {
    float: left;
    -ms-transform: rotate(70deg); /* IE 9 */
    -webkit-transform: rotate(70deg); /* Safari */
    transform: rotate(70deg);
}
.tourne70m {
    float: left;
    -ms-transform: rotate(-70deg); /* IE 9 */
    -webkit-transform: rotate(-70deg); /* Safari */
    transform: rotate(-70deg);
}
.tourne18 {
    float: left;
    -ms-transform: rotate(18deg); /* IE 9 */
    -webkit-transform: rotate(18deg); /* Safari */
    transform: rotate(18deg);
}
.tourne42 {
    float: left;
    -ms-transform: rotate(42deg); /* IE 9 */
    -webkit-transform: rotate(42deg); /* Safari */
    transform: rotate(42deg);
}
.tourne5m {
    float: left;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);
}

.tourne80 {
    float: left;
    -ms-transform: rotate(80deg); /* IE 9 */
    -webkit-transform: rotate(80deg); /* Safari */
    transform: rotate(80deg);
}

.tourne35 {
    float: left;
    -ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Safari */
    transform: rotate(35deg);
}

.tourne12m {
    float: left;
    -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Safari */
    transform: rotate(-12deg);
}

</style>
</head>

<body onload="javascript:lancertout();">





<div><audio id="20awav" preload> 
<source src="http://www.letime.net/alpha/2/son/16.wav">
</audio></div>

<div><audio id="21awav" preload> 
<source src="http://www.letime.net/alpha/2/son/17.wav">
</audio></div>

<div><audio id="22awav" preload> 
<source src="http://www.letime.net/alpha/2/son/18.wav">
</audio></div>








<div><audio id="23awav" src="http://www.letime.net/alpha/2/son/1.wav" preload></audio></div>

<div><audio id="24awav" src="http://www.letime.net/alpha/2/son/2.wav" preload></audio></div>

<div><audio id="25awav" src="http://www.letime.net/alpha/2/son/3.wav" preload></audio></div>

<div><audio id="26awav" src="http://www.letime.net/alpha/2/son/4.wav" preload></audio></div>

<div><audio id="27awav" src="http://www.letime.net/alpha/2/son/5.wav" preload></audio></div>

<div><audio id="28awav" src="http://www.letime.net/alpha/2/son/6.wav" preload></audio></div>

<div><audio id="29awav" src="http://www.letime.net/alpha/2/son/7.wav" preload></audio></div>

<div><audio id="30awav" src="http://www.letime.net/alpha/2/son/8.wav" preload></audio></div>

<div><audio id="31awav" src="http://www.letime.net/alpha/2/son/9.wav" preload></audio></div>

<div><audio id="32awav" src="http://www.letime.net/alpha/2/son/10.wav" preload></audio></div>

<div><audio id="33awav" src="http://www.letime.net/alpha/2/son/11.wav" preload></audio></div>

<div><audio id="34awav" src="http://www.letime.net/alpha/2/son/12.wav" preload></audio></div>

<div><audio id="35awav" src="http://www.letime.net/alpha/2/son/14.wav" preload></audio></div>

<div><audio id="36awav" src="http://www.letime.net/alpha/2/son/15.wav" preload></audio></div>

<div><audio id="37awav" src="http://www.letime.net/alpha/2/son/19.wav" preload></audio></div>

<div><audio id="38awav" src="http://www.letime.net/alpha/2/son/20.wav" preload></audio></div>

<div><audio id="39awav" src="http://www.letime.net/alpha/2/son/21.wav" preload></audio></div>

<div><audio id="40awav" src="http://www.letime.net/alpha/2/son/22.wav" preload></audio></div>

<div><audio id="41awav" src="http://www.letime.net/alpha/2/son/23.wav" preload></audio></div>

<div><audio id="42awav" src="http://www.letime.net/alpha/2/son/24.wav" preload></audio></div>

<div><audio id="43awav" src="http://www.letime.net/alpha/2/son/25.wav" preload></audio></div>

<div><audio id="44awav" src="http://www.letime.net/alpha/2/son/26.wav" preload></audio></div>

<div><audio id="45awav" src="http://www.letime.net/alpha/2/son/27.wav" preload></audio></div>

<div><audio id="46awav" src="http://www.letime.net/alpha/2/son/28.wav" preload></audio></div>

<div><audio id="47awav" src="http://www.letime.net/alpha/2/son/29.wav" preload></audio></div>



 <div id="fleur1" class="cachemoi" >
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne35" style="margin-left:-18px ; margin-top:60px;"></div>
    <div class="a_bras_g tourne20m" style="margin-left:-30px ; margin-top:140px;"></div>

    <div class="cuisse_g" style="margin-left:-10px ; margin-top:210px;"></div>
    <div class="molet_g" style="margin-left:-10px ; margin-top:290px;"></div>
    <div class="pied_gaucheffp" style="margin-left:10px ; margin-top:400px;"></div>
    <div class="pied_gaucheffpf tourne15m" style="margin-left:30px ; margin-top:400px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d" style="margin-left:0px ; margin-top:60px;">
    <div class="a_bras_d tourne90" style="margin-left:40px ; margin-top:50px;"></div>
</div>

    <div class="cuisse_d tourne10" style="margin-left:-22px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-70px ; margin-top:280px;"></div>
    <div class="pied_droitf  tourne45" style="margin-left:-110px ; margin-top:370px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur1" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->


 <div id="fleur2" class="cachemoi" >
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne35" style="margin-left:-18px ; margin-top:60px;"></div>
    <div class="a_bras_g tourne20m" style="margin-left:-30px ; margin-top:140px;"></div>

    <div class="cuisse_g" style="margin-left:-10px ; margin-top:210px;"></div>
    <div class="molet_g" style="margin-left:-10px ; margin-top:290px;"></div>
    <div class="pied_gaucheffp" style="margin-left:10px ; margin-top:400px;"></div>
    <div class="pied_gaucheffpf tourne15m" style="margin-left:30px ; margin-top:400px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d" style="margin-left:0px ; margin-top:60px;">
    <div class="a_bras_d tourne90" style="margin-left:40px ; margin-top:50px;"></div>
</div>

    <div class="cuisse_d tourne10" style="margin-left:-22px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-70px ; margin-top:280px;"></div>
    <div class="pied_droitf  tourne45" style="margin-left:-110px ; margin-top:370px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur2" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->

 <div id="fleur3" class="cachemoi">
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne45" style="margin-left:-28px ; margin-top:50px;"></div>
    <div class="a_bras_g tourne5m" style="margin-left:-50px ; margin-top:120px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g" style="margin-left:64px ; margin-top:260px;"></div>
    <div class="pied_gaucheffp" style="margin-left:75px ; margin-top:373px;"></div>
    <div class="pied_gaucheffpf tourne15m" style="margin-left:95px ; margin-top:373px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne15m" style="margin-left:18px ; margin-top:63px;">
    <div class="a_bras_d tourne105" style="margin-left:37px ; margin-top:58px;"></div>
</div>

    <div class="cuisse_d tourne15" style="margin-left:-27px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-75px ; margin-top:280px;"></div>
    <div class="pied_droitf  tourne45" style="margin-left:-115px ; margin-top:370px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur3" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->

 <div id="fleur4" class="cachemoi">
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne45" style="margin-left:-28px ; margin-top:50px;"></div>
    <div class="a_bras_g tourne5m" style="margin-left:-50px ; margin-top:120px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g" style="margin-left:64px ; margin-top:260px;"></div>
    <div class="pied_gaucheffp" style="margin-left:75px ; margin-top:373px;"></div>
    <div class="pied_gaucheffpf tourne15m" style="margin-left:95px ; margin-top:373px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne15m" style="margin-left:18px ; margin-top:63px;">
    <div class="a_bras_d tourne105" style="margin-left:37px ; margin-top:58px;"></div>
</div>

    <div class="cuisse_d tourne15" style="margin-left:-27px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-75px ; margin-top:280px;"></div>
    <div class="pied_droitf  tourne45" style="margin-left:-115px ; margin-top:370px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur4" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->


 <div id="fleur5" class="cachemoi">
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne60" style="margin-left:-40px ; margin-top:45px;"></div>
    <div class="a_bras_g tourne5" style="margin-left:-75px ; margin-top:100px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g tourne30m" style="margin-left:94px ; margin-top:270px;"></div>
    <div class="pied_gauchef tourne30m" style="margin-left:135px ; margin-top:362px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne30m" style="margin-left:30px ; margin-top:60px;">
    <div class="a_bras_d tourne120" style="margin-left:37px ; margin-top:68px;"></div>
</div>

    <div class="cuisse_d tourne30" style="margin-left:-47px ; margin-top:205px;"></div>
    <div class="molet_d tourne75" style="margin-left:-117px ; margin-top:260px;"></div>
    <div class="pied_droitf  tourne75" style="margin-left:-165px ; margin-top:350px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur5" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->


 <div id="fleur6" class="cachemoi" >
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne60" style="margin-left:-40px ; margin-top:45px;"></div>
    <div class="a_bras_g tourne5" style="margin-left:-75px ; margin-top:100px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g tourne30m" style="margin-left:94px ; margin-top:270px;"></div>
    <div class="pied_gauchef tourne30m" style="margin-left:135px ; margin-top:362px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne30m" style="margin-left:30px ; margin-top:60px;">
    <div class="a_bras_d tourne120" style="margin-left:37px ; margin-top:68px;"></div>
</div>

    <div class="cuisse_d tourne30" style="margin-left:-47px ; margin-top:205px;"></div>
    <div class="molet_d tourne75" style="margin-left:-117px ; margin-top:260px;"></div>
    <div class="pied_droitf  tourne75" style="margin-left:-165px ; margin-top:350px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur6" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->

 <div id="fleur7" class="cachemoi">
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne80" style="margin-left:-40px ; margin-top:35px;"></div>
    <div class="a_bras_g tourne30" style="margin-left:-90px ; margin-top:70px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g tourne45m" style="margin-left:104px ; margin-top:270px;"></div>
    <div class="pied_gauchef tourne30m" style="margin-left:155px ; margin-top:362px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne45m" style="margin-left:30px ; margin-top:50px;">
    <div class="a_bras_d tourne120" style="margin-left:37px ; margin-top:68px;"></div>
</div>
    <div class="cuisse_d tourne30" style="margin-left:-47px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-107px ; margin-top:280px;"></div>
    <div class="pied_droitfp  tourne75" style="margin-left:-152px ; margin-top:378px;"></div>
    <div class="pied_droitfpf" style="margin-left:-142px ; margin-top:417px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur7" class="cachemoi" >
    <div class="letout">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><b>Montpel'<br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->

 <div id="fleur8" class="cachemoi">
    <div class="tete" style="margin-left:0px ; margin-top:0px;"></div>
    <div class="bras_g tourne80" style="margin-left:-40px ; margin-top:35px;"></div>
    <div class="a_bras_g tourne30" style="margin-left:-90px ; margin-top:70px;"></div>

    <div class="cuisse_g tourne45m" style="margin-left:30px ; margin-top:190px;"></div>
    <div class="molet_g tourne45m" style="margin-left:104px ; margin-top:270px;"></div>
    <div class="pied_gauchef tourne30m" style="margin-left:155px ; margin-top:362px;"></div>

    <div class="corpsf tourne5" style="border-left: 1.5px dotted #ffcccc; border-right: 1.5px dotted #ffcccc; margin-left:-10px ; margin-top:60px;"></div>

    <div class="bras_d tourne45m" style="margin-left:30px ; margin-top:50px;">
    <div class="a_bras_d tourne120" style="margin-left:37px ; margin-top:68px;"></div>
</div>
    <div class="cuisse_d tourne30" style="margin-left:-47px ; margin-top:205px;"></div>
    <div class="molet_d tourne60" style="margin-left:-107px ; margin-top:280px;"></div>
    <div class="pied_droitfp  tourne75" style="margin-left:-152px ; margin-top:378px;"></div>
    <div class="pied_droitfpf" style="margin-left:-142px ; margin-top:417px;"></div>
 </div>

<!--bis-->
 <div id="bisfleur8" class="cachemoi" >
    <div class="letout" style="margin-left:10px ; margin-top:12px;">
      <div class="corps">        
<div class="ventre"><br/><br/><br/><br/><br/><b>Montpel'<br/><br/>libre </b></div>
        <div class="pied_droit" onMouseDown="action1Press();"></div>
        <div class="pied_gauche" onMouseDown="diminuLeVent();" style="margin-left:-5px;"></div>
      </div>
<div class="oeil_gauche">
          <div class="oeil_gauchepupille" style="margin-left:-55px ; margin-top:12px;">
            <div class="reflet_gauche"></div>
          </div>
        </div>
<div class="oeil_droit">
          <div class="oeil_droitpupille" style="margin-left:30px ; margin-top:12px;">
            <div class="reflet_droit"></div> </div></div>
        <div  class="aile_gauche" onMouseDown="action1Press();"></div>
        <div  class="aile_droite" onMouseDown="action1Press();"></div>
        <div class="lebec"></div>
        <div class="lebecplus"></div></div>
 </div>
<!--fin bis-->

 


</body>

</html>