bergere Montpel PARK, dessin en css pour composer des vidéos en langage multidirectionnel

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

.letout {

}



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




</style>


    <div style="margin-left: 700px; margin-top:180px;">
    <div class="bergerecorps"></div>
    <div class="bergerejambe"></div>
    <div class="bergerepied" style="margin-left:3px"></div>
    <div class="bergerepied" style="margin-left:85px"></div>
    <div class="bergereveste" style="margin-left:75px"></div>
    <div class="bergeremaind"></div>
    <div class="bergeremaing"></div>
    <div class="bergerecapuche">
    <div class="bergeretete">
    <div class="bergerevisage">
    <div class="bergereoeil" style="margin-left:4px;">
    <div class="bergerepupille"></div></div>
    <div class="bergereoeil" style="margin-left:27px;">
    <div class="bergerepupille"></div></div></div></div></div>
    </div>