[STATISTIQUES DE GROUPES]

Code:: <div id="graph"><div class="titlegraph"> Statistiques</div> <div class="leslogos"> <div class="lesrectangles"><div class="STA"><div class="colorinside1">5</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="WOLF"><div class="colorinside2">5</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="fofo"><div class="colorinside3">7</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="truk"><div class="colorinside4">6</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="machin"><div class="colorinside5">7</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="etunautre"><div class="colorinside6">10</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div> <div class="thelast"><div class="colorinside7">9</div><img class="pourcentage" src="http://via.placeholder.com/40x40"></div></div> </div> <div class="bouhou"><a href="http://epsilon-ls.forumactif.com/">E P S I L O N</a></div></div></style>@import url('https://fonts.googleapis.com/css?family=Economica');.bouhou{ text-align:center;}.bouhou a{ text-decoration:none; color:grey; font-size:10px;}#graph{ background-color : #28393e; width:280px; height:360px;}.lesrectangles{ padding:10px; margin-right:20px;}.titlegraph{ font-family: 'Economica'; color: #cfe1b9; text-transform: uppercase; font-size: 29px; text-align: center; font-Weight: bold;}.STA{ height:25px; width: 200px; border: solid 5px #ba4e50;}.colorinside1{ height:25px; width: 60px; background-color: #ba4e50;}.pourcentage{ width:35px; height:35px; display:inline-block; float:right; margin-right:-50px; margin-top:-30px;}.WOLF{ height:25px; width: 200px; border: solid 5px #4CA6C7; margin-top:5px;}.colorinside2{ height:25px; width: 60px; background-color: #4CA6C7;}.fofo{ height:25px; width: 200px; border: solid 5px #bb6f52; margin-top:5px;}.colorinside3{ height:25px; width: 80px; background-color: #bb6f52;}.truk{ height:25px; width: 200px; border: solid 5px #7C5B9C; margin-top:5px;}.colorinside4{ height:25px; width: 70px; background-color: #7C5B9C;}.machin{ height:25px; width: 200px; border: solid 5px #6cb288; margin-top:5px;}.colorinside5{ height:25px; width: 80px; background-color: #6cb288;}.etunautre{ height:25px; width: 200px; border: solid 5px #596BC2; margin-top:5px;}.colorinside6{ height:25px; width: 120px; background-color: #596BC2;}.thelast{ height:25px; width: 200px; border: solid 5px #aba16e; margin-top:5px;}.colorinside7{ height:25px; width: 100px; background-color: #aba16e;}</style>