<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>