[HMLT][CSS] Code htm pour le sommaire et son CSS

Petit "post'it" pour le sommaire de nep-gaming:

Le HTML :

<div class="sommaireBox">
<h3>Sommaire</h3>
<div class="p1">
<ul class="ulSommaire">
<li><a href="http://nep-gaming.fr/home/2014/07/la-foire-de-sombrelune/"> 1. Présentation </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/quetes/"> 2. Quêtes</a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/mini-jeux/"> 3. Mini-jeux </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/sets-darmure/">4. Sets d’armure </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/objets-heritage/">5. Objets héritage</a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/montures-et-mascottes/">6. Montures et mascottes</a></li>
</ul>
</div>
<div class="p1">
<ul class="ulSommaire">
<li><a href="http://nep-gaming.fr/home/2014/08/objets-divers/"> 7. Objets divers </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/hauts-faits-et-buffs-de-predictions/"> 8. hauts faits et buffs de prédictions </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/les-artefacts-de-sombrelune/"> 9. Les artefacts de Sombrelune</a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/lapin-de-sombrelune/"> 10. Lapin de Sombrelune </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/nouveautes-patch-5-1/"> 11. Nouveautés patch 5.1 </a></li>
<li><a href="http://nep-gaming.fr/home/2014/08/actualites-foiresombrelune/"> 12. Actualités (08/06/2014) </a></li>
</ul>
</div>
</div>

Le CSS :

/*CSS pour la box SOMMAIRE   3px solid #444444 */
.sommaireBox{
border: none;
width: 100%;
height: 100%;
background-color: #41a62a;
padding-top:15px;
margin-bottom:25px;
padding-bottom:0px;
border-radius: 1px;
box-shadow: 0px 10px 6px -6px #777777;
}
.sommaireBox h3 {
margin-bottom:-15px;
margin-left: 3%;
}
.sommaireBox div{
margin-left: 2%;
}
.sommaireBox div:last-child{
margin-left: 7%;
}
.sommaireBox a{
color:#fff;
}
.sommaireBox a:hover {
font-weight:bold;
color:#fff;
}
.p1
{
  display:inline-block;
}
.ulSommaire
{
  list-style:none;
  display:inline;
  margin-bottom:-15px;
}

.ulSommaire li a
{
  text-decoration:none;
}
.ulSommaire:first-child
{
  margin-right:15px;
}

/*CSS pour les ombres*/
.box-shadow-preview{
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #41a62a;
    border-width: 1px;
    border-color: #DDDDDD;
    border-radius: 1px;
    box-shadow: 0px 10px 6px -6px #777777;
}