NBASPIRIT

HTML

<div class="first-round">
        <div id="west">
                <dl class="magic">
                        <dt>Orlando Magic</dt>
                        <dd>52W - 30L</dd>
                        <dd class="last">0</dd>
                </dl>
        </div>
        <div class="game-info">
                <div class="latest">
                        <h4>Dernier match</h4>
                        <p><strong>MAGIC </strong> - HAWKS </p>
                </div>
                <div class="next">
                        <h4>Prochain match</h4>
                        <p> Samedi G1 @ 1H </p>
                </div>
        </div>
        <div id="east">
                <dl class="hawks">
                        <dt>Atlanta Hawks</dt>
                        <dd>44W - 38L</dd>
                        <dd class="last">0</dd>
                </dl>
        </div>
</div>

CSS

.first-round { font-family:arial; width:750px; position:relative; margin:0 auto;}
    .game-info { border: 1px solid #BDBDB9; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; background-image:-moz-linear-gradient(center top, #F3F3F3, #E2E2E2); left: 258px; text-align:center; padding: 5px 10px; position: absolute; width: 215px; }
    .game-info h4 { font-size:12px; margin:0; padding:0; color:#757575; text-shadow:0 1px 0 #E5E5EE; }
    .game-info p { font-size:12px; clear:both; margin:0 0 3px; }
        .game-info p strong { font-weight:bold; }

    dl { margin:6px 0; padding:10px; width:220px; border:1px solid #BDBDB9; color:#757575; float:left; position:relative; -moz-border-radius:15px; text-shadow: 0px 1px 0px #e5e5ee; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; background:#FFF; }
        dt { font-size:13px; line-height:24px; font-weight:bold; text-transform:uppercase; color:#000; }
        dd { font-size:12px; }

#west { float:left; width:50%; }
    #west dl:before { position:absolute; left:-5px; top:-5px; background:#FFF; -moz-border-radius:60px; border:1px solid #777; -moz-box-shadow: 0px 2px 5px #888; width:15px; height:15px; font-size:10px; line-height:15px; font-weight:normal; text-align:center; text-shadow:none; }
    #west dt:before { content:""; -moz-border-radius:50px; width:35px; height:35px; display:block; float:left; margin:0 10px 0 0; -moz-box-shadow: 0px 2px 5px #888; }
    #west dd.last { position:absolute; right:15px; top:15px; font-size:30px; font-weight:bold; }

#west .lakers dt:before { background:#FFF url(http://www.pubquizreference.co.uk/trivref/ussports/basketball/los_angeles_lakers.png) no-repeat center center; border:3px solid #5E2480; }
#west .lakers:before { content:"2"; background:#5E2480; color:#FFF; }

#west .magic dt:before { background:#FFF url(http://nbapronostics.free.fr/images/magic.gif) no-repeat center center; border:3px solid #0177C1; }
#west...