<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>

<center><div class="fondtitreforumpa"><span><div class="titreforumpa"> Nom De Votre Forum </div></span></div>
<table>
<tr>
<td rowspan="2">
<div class="titrepa">Navigation</div>
<div class="cadrepa" style="width:200px;">
<br /><center><div style="height:296px; padding: 3px; overflow: auto;">
<ul id="navigationPA">
  <li><a href="http://" title="aller au menu 1">Menu 1</a></li>
  <li><a href="http://" title="aller au menu 2">Menu 2</a></li>
  <li><a href="http://" title="aller au menu 3">Menu 3</a></li>
  <li><a href="http://" title="aller au menu 4">Menu 4</a></li>
  <li><a href="http://" title="aller au menu 5">Menu 5</a></li>
  <li><a href="http://" title="aller au menu 6">Menu 6</a></li>
  <li><a href="http://" title="aller au menu 7">Menu 7</a></li>
  <li><a href="http://" title="aller au menu 8">Menu 8</a></li>
  <li><a href="http://" title="aller au menu 9">Menu 9</a></li>
  <li><a href="http://" title="aller au menu 10">Menu 10</a></li>
</ul></div>
</center></div></div>
</td>
<td colspan="2">
<div class="titrepa">Contexte</div>
<div  class="cadrepa" style="width:574px;overflow: auto;">
<br /><center><div style="height:133px; padding: 3px; overflow: auto; text-align:justify;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<br /><br /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Lire la suite ? •</a>
</center></div></div>
</td>
</tr>
<tr>
<td>
<div class="titrepa">Staff</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:102px; padding: 3px; overflow: auto; text-align:center;">
<center><table><tr><td>
<div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 1</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td><td><div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 2</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td><td><div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 3</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td></tr></table></center>
</center></div></div>
<td>
<div class="titrepa">Scénarios</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:102px; padding: 3px; overflow: auto; text-align:center;">
<center><table>
<tbody>
<tr>
<td><div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg" /></div>
</td>
</tr>
</tbody>
</table><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous les scénarios •</a></center>
</center></div></div>
</td>
</tr>
<tr>
<td>
<div class="titrepa">Crédits</div>
<div  class="cadrepa" style="width:200px;overflow: auto;">
<br /><center><div style="height:60px; padding: 3px; overflow: auto; text-align:justify;">
Design: ... | PA: <a href="http://blackeden.fr" class="postlink" target="_blank" rel="nofollow" style="color: #6B323A">BLACK EDEN</a> | Catégories: ... |Qeel: ...
<br /><br />
</center></div></div>
</td>
<td>
<div class="titrepa">Affiliés</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:60px; padding: 3px; overflow: auto; text-align:center;">
<marquee><a href="http://blackeden.fr/" class="postlink" target="_blank" rel="nofollow" title="Black Eden"><img border="0" src="http://kiarie.free.fr/eden/images/link/88x31-20.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #2"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-88x31.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #3"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-88x31.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #4"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-88x31.jpg" alt="" /></a></marquee>
<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous nos affiliés •</a></div>
</center></div></div>
</td>
<td>
<div class="titrepa">Top Forum</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:60px; padding: 3px; overflow: auto; text-align:center;">
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #1"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-31x31.jpg" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #2"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-31x31.jpg" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #3"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-31x31.jpg" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #4"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-31x31.jpg" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #5"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-31x31.jpg" alt="" /></a>
<br />• Votez toutes les 2 heures! •</div>
</center></div></div>
</td>
</tr>
</table></center><br />

/****************************************** PANNEAU ACCUEIL BLACK EDEN N°2 ******************************************/
.fondtitreforumpa{
    margin:30px;
  padding:-20px;
  text-align:center;
  position:relative;
  line-height:10px;
  box-shadow:0 15px 0 0 #6B323A inset;
}
.fondtitreforumpa span{
  background-color:#6B323A;
  padding:0 0px;
}
.titreforumpa {
  font-size: 60px;
  font-family: 'Shadows Into Light', cursive;
  text-shadow: 2px 2px 0px #B1AAB5;
  color: #40313B;
}
.cadrepa {
  background-color: #E8E4ED;
  box-shadow: 0px 0px 5px #E8E4ED;
  font-family: calibri;
  font-size: 12px;
  color: #40313B;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-align:justify;
  line-height: 15px;
  border-bottom: 2px solid #40313B;
}
.titrepa {
  font-size: 20px;
  letter-spacing : 10px;
  font-family: 'Shadows Into Light', cursive;
  text-shadow: 1px 1px 0px #B1AAB5;
  text-align:center;
  color: #40313B;
  background-color : #6B323A;
  border: 1px solid #6B323A;
}
#navigationPA {
  width: 190px;
  height : 20px;
  line-height:20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigationPA li {
  background: #E8E4ED;
  color: #40313B;
  padding: 4px 0 ;
}
#navigationPA li a {
  display: block;
  background: #E8E4ED;
  color: #40313B;
  font-family: calibri;
  text-align: center;
  text-decoration: none!important;

}
#navigationPA li a:hover, #navigationPA li a:focus, #navigationPA li a:active {
  background: #6B323A;
  color: #B1AAB5;
  height : 20px;
  line-height:20px;
  text-decoration: none!important;
  text-transform: uppercase;
  font-weight: bold;
}
.imagesurvole {
  text-decoration:none;
}
.imagesurvole span {
  display:none;
  border: 1px solid #40313B;
  color: #40313;
  background: #E8E4ED;
}
.imagesurvole span img {
  margin:0px 8px 8px 0;
}
.imagesurvole:hover span {
  display:block;
  position:absolute;
  z-index: 999;
  width:auto;
  max-width:200px;
  border: 1px solid #40313B;
  margin-top:-10px;
  margin-left:-10px;
  overflow:hidden;
  padding:10px;
}
.textessimage {
  background-color: #6B323A;
  width: 50px;
  height: 80px;
  overflow: auto;
  font-family: calibri;
  font-size: 10px;
  color: #E8E4ED;
  text-align:center;
}
.imagesrtexte a {
  color: #E8E4ED;
}
.imagesrtexte img {
  margin-top: -80px;
  transition: transform 5s;
  -moz-transition: -moz-transform 5s;
  -o-transition: -o-transform 5s;
  -webkit-transition: -webkit-transform 5s;
}
.imagesrtexte:hover img {
  display: none;
}