.zoomooz_conteneur{
  float:left;
  position:relative;
	width:700px;
	height:450px;
}

.zoomooz_1 div{
	float: left;
	margin:5% 0 0 5%;
}

.zoomooz_1 .level0 {
  background:#ccc;
  width:90%;
  height:90%;
}

.zoomooz_1 .level2 {
  width:40%;
  height:40%;
	background: #aaa;
}

.zoomooz_1 .level1 {
  width:40%;
  height:40%;
	background: #ddd;
	float: left;
	font-size:30px;
	line-height:2em;
	text-align:center;
}



.zoomooz_2 #element1 {
	position:absolute;
	width:300px;
	height:200px;
	background-color:#cfc;
	top:300px;
	left:700px;
	border:1px solid green;
  -webkit-transform: rotate(175deg);
  -khtml-transform: rotate(175deg);
  -moz-transform: rotate(175deg);
  -ms-transform: rotate(175deg);
  -o-transform: rotate(175deg);
  transform: rotate(175deg);
}

.zoomooz_2 #element2 {
	position:absolute;
	width:400px;
	height:200px;
	top:400px;
	left:400px;
	background-color:#cff;
	border:1px solid cyan;
  -webkit-transform: rotate(-175deg);
  -khtml-transform: rotate(-175deg);
  -moz-transform: rotate(-175deg);
  -ms-transform: rotate(-175deg);
  -o-transform: rotate(-175deg);
  transform: rotate(-175deg);
}

.zoomooz_2 #element3 {
	position:absolute;
	width:100px;
	height:100px;
	top:20px;
	left:100px;
	background-color:#ccf;
	border:1px solid cyan;
  -webkit-transform: skewX(25deg) skewY(10deg);
  -khtml-transform: skewX(25deg) skewY(10deg);
  -moz-transform: skewX(25deg) skewY(10deg);
  -ms-transform: skewX(25deg) skewY(10deg);
  -o-transform: skewX(25deg) skewY(10deg);
  transform: skewX(25deg) skewY(10deg);
}