Dominique Montpel PARK


<!DOCTYPE html>
<html>
  <head>
    <title>Dominique Montpel PARK</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: 200px;
  margin-top: 150px;
}

.letout {

}

.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;
}





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

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


.tourne60 {
    float: left;
    -ms-transform: rotate(60deg); 
    -webkit-transform: rotate(60deg); 
    transform: rotate(60deg); 
}

</style>
  </head>
  <body>
    <div class="letout" style="margin-left:25px ; margin-top:7px;">

    <div class="dominiquejambe">
    <div class="dominiquepied"></div></div>
    <div class="dominiquecorps">
    <div class="dominiqueveste">
    <div class="dominiquepoche" style="margin-top:85px; margin-left: 20px;"></div>
    <div class="dominiquepoche" style="margin-top:85px; margin-left: -45px;"></div></div>
    <div class="dominiquemaing"></div>
    <div class="dominiquemaind"></div></div>
    <div class="dominiquetete">
    <div class="dominiqueoeild tourne30m">
    <div class="dominiquepupilled"></div></div>
    <div class="dominiqueoeilg tourne30">
    <div class="dominiquepupilleg"></div></div>
    <div class="dominiquebouche" style="margin-top:85px;"></div></div>
    <div class="dominiquecasquette"></div>


</div>


    
  </body>
</html>