<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pa constance</title>
<style type="text/css">
<!--
/* infobulle*/
.tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
position: absolute;
left: -1000px;
visibility: hidden;
color: #80b06f;
border: 2px solid #718d85;
width:100px;
height:100px;
background-color:#dbe4e1;
text-align:center;
margin:auto;
padding: 8px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; }
.thumbnail span img{}
.thumbnail:hover span{
visibility: visible;
top: -0px;
left: 20px;
width: 150px;}
.crédit {font-size: 11px}
/*fin infobulle*/
.titre {
font-family: "Jellyka, Saint-Andrew's Queen"; font-size:35px; font-weight:900;}
#titrerace, #titrenews , #titrepart , #titrecredit{
font-size: 25px;
font-family: "Jellyka, Saint-Andrew's Queen"; font-weight:900 ;
letter-spacing: 2px;
text-shadow: 1px 1px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
background-color: #8cb89c;
height: 14px;
margin-top: -10px;
width: 200px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-radius: 0px 0px 0px 35px;
border-radius: 0px 0px 0px 35px;
}
#titretop{
font-size: 25px;
font-family: "Jellyka, Saint-Andrew's Queen"; font-weight:900 ;
letter-spacing: 2px;
text-shadow: 1px 1px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
background-color: #8cb89c;
height: 14px;
margin-top: -10px;
width: 70px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 35px 0px;
border-radius: 0px 0px 35px 0px;
}
#news {
padding: 7px;
font-size: 15px;
border: 1px solid #8cb89c;
width: 210px;
height: 200px;
margin:auto;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-radius: 0px 0px 35px 35px;
border-radius: 0px 0px 35px 35px;
}
#race {
padding: 7px;
font-size: 10px;
border: 1px solid #8cb89c;
width: 175px;
height: 165px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-radius: 0px 0px 35px 35px;
border-radius: 0px 0px 35px 35px;
}
#topsite {
padding: 7px;
font-size: 10px;
border: 1px solid #8cb89c;
width: 75px;
height: 165px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-radius: 0px 0px 25px 25px;
border-radius: 0px 0px 25px 25px;
}
#partenaire {
padding: 7px;
font-size: 10px;
border: 1px solid #8cb89c;
width: 270px;
height: 90px;
}
#credit {
padding: 7px;
font-size: 10px;
border: 1px solid #8cb89c;
width: 270px;
height: 80px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
-webkit-border-radius: 0px 0px 35px 35px;
border-radius: 0px 0px 35px 35px;
}
#contexte {
padding: 7px;
font-size: 11px;
overflow: auto;
border: 1px solid #8cb89c;
width: 300px;
height: 250px;
margin:auto;
}
a { text-decoration:none;}
.red {color: #FF0000;font-family:"luna Bar", Pristina;}
.green {color: #009933; font-family:"luna Bar", Pristina;}
-->
</style>
</head>
<body><table width="894" border="0">
<tr>
<td width="247" rowspan="3" valign="top"><div id="news"><div id="titrenews" align="center">News</div><br />
<ul><li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
<li> votre texte ici </li>
</ul>
</div>
<br />
<div id="news"><div id="titrenews" align="center">Staff</div><br /><br />
<table width="100" border="0" align="center">
<tr>
<td><div class="thumbnail">
<div><img src="http://img4.hostingpics.net/pics/391978Infobullesstaff.png" /><span></span></div>
<div class="tstaff"><br />
<span><br />nom prénom<br />
rang ;<br />
<a href="http://shadowofesperance.fantastique.tv/privmsg?mode=post&u=1">mp</a> </span></div>
</div></td>
<td><div class="thumbnail">
<div><img src="http://img4.hostingpics.net/pics/391978Infobullesstaff.png" /><span></span></div>
<div class="tstaff"><br />
<span><br />nom prénom<br />
rang ;<br />
<a href="http://shadowofesperance.fantastique.tv/privmsg?mode=post&u=2">mp</a> </span></div>
</div></td>
</tr>
<tr>
<td><div class="thumbnail">
<div><img src="http://img4.hostingpics.net/pics/391978Infobullesstaff.png" /><span></span></div>
<div class="tstaff"><br />
<span><br />nom prénom<br />
rang ;<br />
<a href="http://shadowofesperance.fantastique.tv/privmsg?mode=post&u=5">mp</a> </span></div>
</div></td>
<td><div class="thumbnail">
<div><img src="http://img4.hostingpics.net/pics/391978Infobullesstaff.png" /><span></span></div>
<div class="tstaff"><br />
<span><br />nom prénom<br />
rang ;<br />
<a href="http://shadowofesperance.fantastique.tv/privmsg?mode=post&u=s">mp</a> </span></div>
</div></td>
</tr>
</table>
</div> </td>
<td colspan="3" rowspan="3" valign="top"><div align="center"><span class="titre">Shadow of Esperance</span><br />
<img src="http://img4.hostingpics.net/pics/929084PAAshadow.png" border="0"/></div> <br /> <div id="contexte" align="justify"> <div id="titrenews" align="center">Contexte</div><br /> <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ultrices bibendum sem id rhoncus. Fusce lacus sapien, tempor in pulvinar vitae, tristique non nunc. Etiam iaculis fringilla magna, a tempor sem venenatis a. Sed consectetur tristique eros, sit amet consequat nulla ullamcorper interdum. Mauris molestie, odio sit amet placerat fermentum, sem ipsum eleifend mi, at scelerisque nisi mauris a mauris. Donec congue suscipit sem vitae congue. Praesent semper aliquet felis, eu cursus odio feugiat ac. Proin ac mauris lectus, eget accumsan risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam molestie molestie arcu ut ullamcorper. Sed cursus rhoncus orci nec commodo. Pellentesque scelerisque neque a ante porttitor posuere. Duis sodales elit urna, a pharetra nisi.<br /><a href="http://shadowofesperance.fantastique.tv/t2-le-contexte">Plus ?</a> </marquee>
</div></td>
<td width="191" valign="top"><div id="race"><div id="titrerace" align="center">Races</div>
<div align="center"><br /><br>
Habitants des Abîmes ○ <span class="green">V</span><br>
Fées ○ <span class="green">V</span><br>
Humains ○ <span class="green">V</span><br>
Vampires ○ <span class="red">X</span><br>
Dryades ○<span class="green">V</span> <br>
Elfes ○ <span class="green">V</span> </div>
</div></td>
<td width="104" valign="top"><div id="topsite">
<div id="titretop" align="center">Vote</div><br><br><br>
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7842"> > Here ! < </a> <br>
<a href="http://www.root-top.com/topsite/horsevalleys/in.php?ID=1150"> > Here ! < </a> <br>
<a href="http://www.root-top.com/topsite/streamrpg/in.php?ID=475"> > Here ! < </a>
</div> </td>
</tr>
<tr>
<td height="90" colspan="2" valign="top"><br><div id="partenaire">
<div id="titrepart" align="center">Partenaires</div>
<div align="center"><br>
</div>
<marquee behavior="scroll" direction="left" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();">
<div align="center"><a href="#"><img src="http://i44.servimg.com/u/f44/16/24/40/16/0212.png" border="0" /></a> • <a href="#"><img src="http://i44.servimg.com/u/f44/16/24/40/16/0212.png" border="0" /></a> •</div>
</marquee>
<div align="center"><br>
<a href="http://shadowofesperance.fantastique.tv/f9-partenariat">[Plus ?] </a> | <a href="http://shadowofesperance.fantastique.tv/f9-partenariat"> [Vous ?] </a> </div>
</div></td>
</tr>
<tr>
<td height="70" colspan="2" valign="top"><br><div id="credit">
<div id="titrecredit" align="center">Crédits</div>
<div align="center"><br>
PA by Alysha <br>
<a href="http://www.sos-rpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img200.imageshack.us/img200/2130/100ut.png" alt="" width="100" height="31-5" border="0" /></a> </div>
</div></td>
</tr>
</table>
</body>
</html>
