<div style="background: rgb(115, 115, 115) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 840px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;"><font style="" 5="" size="5"><span style="font-family: Georgia;"><span style="font-style: italic;">Bienvenue</span> Invité</span></font></div><div style="background-image: url(image_ici); opacity: 50% ; background-repeat: no-repeat;"><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 20%;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 15px;
line-height: 15px;
text-align: center;
font-variant:  small-caps;
font-weight: bold;
border: 1px solid black;
background-image: url(http://img513.imageshack.us/img513/6769/67626032.png);
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
}



}
#menu li {
font-variant:  small-caps;
text-align: center;
background-image: url(http://img513.imageshack.us/img513/6769/67626032.png);
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
font-variant:  small-caps;
display: block;
border: 0 none;
height: 100%;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
}
#menu li a:hover, #menu dt a:hover {
color: #FF0000;
}

-->
</style>
<!-- FIN DU CSS --><div id="menu">

<dt onclick="javascript:montre('smenu1');">Pour bien commencer</dt>
<dd id="smenu1">
<ul>
<li><a href="url-de-renvoi">Règlement du forum</a></li>
<li><a href="url-de-renvoi">Règlement du RPG</a></li>
<li><a href="url-de-renvoi">Contexte</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu2');">Personnages</dt>
<dd id="smenu2">
<ul>
<li><a href="url-de-renvoi">Avatars</a></li>
<li><a href="url-de-renvoi">Humains</a></li>
<li><a href="url-de-renvoi">Loups</a></li>
<li><a href="url-de-renvoi">Vampires</a></li>
<li><a href="url-de-renvoi">PVs des Membres</a></li>
</ul>
</dd>



<dl>
<dt onclick="javascript:montre('smenu3');">Gestion</dt>
<dd id="smenu3">
<ul>
<li><a href="url-de-renvoi">Présentations</a></li>
<li><a href="url-de-renvoi">Gérer ses Relations</a></li>
<li><a href="url-de-renvoi">Gérer ses Sujets</a></li>
<li><a href="url-de-renvoi">Scénarii</a></li>
<li><a href="url-de-renvoi">Requêtes</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onclick="javascript:montre('smenu4');">En Plus</dt>
<dd id="smenu4">
<li><a href="url-de-renvoi">Questions & Problèmes</a></li>
<li><a href="url-de-renvoi">Besoin d'Aide ?</a></li>
<li><a href="url-de-renvoi">L'Équipe</a></li>
</dd>
</dl>


</div></div>