<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet" type="text/css" />
<title>Fiche de pub</title>
<style>
/*PA HUNIA*/
a{
color:black;}
#pa-hunia{
font-family: 'Oranienbaum', serif;
color:#DBDBDB;
background-image:url('http://zupimages.net/up/14/01/dbc9.jpg');
width:650px;
height:320px;
border:3px solid #8A6A39;
border-radius: 0px 0px 0px 35px;}
#table1{
text-align:center;
width:80px;
height:250px;
padding:10px;}
#table2{
width:400px;
height:250px;
border-right:3px solid #8A6A39;
border-left:3px solid #8A6A39;
padding:10px;}
#table3{
text-align:center;
width:100px;
padding:10px;}
#table4{
height:20px;
border-right:3px solid #8A6A39;
border-top:3px solid #8A6A39;
padding:10px;}
#pa-hunia span{
font-family: 'The Girl Next Door', cursive;
color:#604a27;
text-shadow:1px 1px #291f11;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
font-variant:small-caps;}
#pa-hunia span:hover{
color:#291f11;
text-shadow:1px 1px #604a27;}
.lien-pa{
text-transform: lowercase;
letter-spacing:0px;
transition: all 1s ease;}
.lien-pa:hover{
letter-spacing:-2px;}
#tiiiitre{
font-family: 'The Girl Next Door', cursive;
font-size:28px;
color:white;
text-shadow: 1px 1px white, -1px -1px #444;
text-align:center;}
.pa-contexte{
background-color: #8A6A39;
text-align:justify;
border:1px solid black;
width:110px;
height:140px;
padding:6px;
overflow:auto;}
.pa-contexte:hover{
background-color: white;
opacity:0.8;
color:#8A6A39;
border:2px solid #8A6A39;
transition: all 1s ease;}
a.infobulle-pa{
position:relative;
text-decoration:none;}
a.infobulle-pa span{
display: none}
a.infobulle-pa:hover span{
overflow:auto;
display:block;
font-family: 'Oranienbaum', serif !important;
top:-25px;
width:95px;
height:30px;
position:absolute;
font-size:12px !important;
border:2px solid #8A6A39;
background-color:white;
color:black;
text-align: center;
text-shadow:none;
padding:3px;
letter-spacing:0px;
font-variant:normal !important;}
.rang-pseudo{
margin-bottom:-10px;
margin-top:-10px;
font-family: 'The Girl Next Door', cursive;
color:#604a27;
font-size:15px !important;}
</style>
</head>
<body>
<div id="pa-hunia">
<table>
<tbody>
<tr>
<td><div id="table1">
<span>Navigation</span><br />
<a href="http://laguerredesclans.f-orum.com/t1-reglement-viens-lire-ici#1" class="lien-pa">Règlements</a><br /><a href="http://laguerredesclans.f-orum.com/f2-inscription " class="lien-pa">Présentations</a><br /><a href="http://laguerredesclans.f-orum.com/f80-predefinis" class="lien-pa">Prédéfinis</a> <br /> <a href="http://laguerredesclans.f-orum.com/f27-demandes-de-liens" class="lien-pa">Demandes de liens</a> <br /> <a href="http://laguerredesclans.f-orum.com/f8-qui-veut-rpayer" class="lien-pa">Demandes de rp</a> <br />
</div></td>
<td><div id="table2">
<div id="tiiiitre">La guerre des clans </div>
<table>
<tr><td><span>Contexte</span></td>
<td><span>Saison</span></td>
<td><span>Prophétie</span></td></tr>
<tr><td><div class="pa-contexte"> blabla </div></td>
<td><div class="pa-contexte">blabla </div></td>
<td><div class="pa-contexte"> blabla </div></td></tr>
</table>
</div></td>
<td rowspan="2"><div id="table3">
<span>Staff</span>
<a href="#" class="infobulle-pa"><img src="http://img15.hostingpics.net/pics/910062hoholol.jpg" />
<span> <div style="" class="rang-pseudo">Miel </div>
blablbalblblhzirhbe
</span></a>
<a href="#" class="infobulle-pa"><img src="http://img15.hostingpics.net/pics/910062hoholol.jpg" />
<span> <div style="" class="rang-pseudo">Etoile</div>
blablbalblblhzirhbe
</span></a>
<a href="#" class="infobulle-pa"><img src="http://img15.hostingpics.net/pics/910062hoholol.jpg" />
<span> <div style="" class="rang-pseudo">Pseudo </div>
blablbalblblhzirhbe
</span></a>
<a href="#" class="infobulle-pa"><img src="http://img15.hostingpics.net/pics/910062hoholol.jpg" />
<span> <div style="" class="rang-pseudo">Pseudo + rang </div>
blablbalblblhzirhbe
</span></a>
<a href="#" class="infobulle-pa"><img src="http://img15.hostingpics.net/pics/910062hoholol.jpg" />
<span> <div style="" class="rang-pseudo"> Pseudo + rang </div>
blablbalblblhzirhbess
</span></a>
</div></td></tr>
<tr>
<td colspan="2">
<div style="" id="table4"> <marquee> News...! </marquee> </div>
</td></tr></tbody>
</table>
</div>
</body>
</html>
Accueil 
