<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css' />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Fiche Pub (c) Sunhae</title>

<style type="text/css">
*{
  font-size: 10px;
  font-family: arial;
  color: #240146;
}
 
.blocprinci{
  background: #DACAAB;
  width: 500px;
  height: 335px;
}
 
.titrespe{
  text-transform: uppercase;
  font-family: open sans condensed;
  font-size: 13px;
  color: #947D7A;
  font-weight: lighter;
  padding-right: 5px;
  letter-spacing: 1px;
  text-align: center;
}
 
.blocs{
  overflow: auto;
  text-align: justify;
  line-height: 11px;
}
 
.newtitre{
  text-transform: lowercase;
  background: #EDDDC3;
  width: 150px;
  line-height: 0px;
  height: 3px;
  text-align: center;
  font-size: 16px;
  margin-top: 1px;
  font-family: 'Dancing Script', cursive;
}
 
.contexte{
  margin-left: 20px;
  width: 250px;
  height: 100px;
}
 
.statistique{
  width: 430px;
  height: 70px;
}
 
.images{
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin-left: 15px;
  border: 3px #EDDDC3 solid;
}
 
a{
  text-transform: uppercase;
  font-family: open sans condensed;
  font-size: 13px;
  font-weight: lighter; 
  letter-spacing: 1px;
  color: #947D7A;
  text-decoration: none;
  outline: none;
  -moz-transition-property: color;
  -webkit-transition-property: color;
  -o-transition-property: color;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
}

a:hover{
  color: #240146;
  text-decoration: none !important;
}
 
a:link{
  text-decoration: none;
}
 
a:visited{
  text-decoration: none;
}
 
::-webkit-scrollbar-thumb{
  background-color: #EDDDC3;
  height: auto;
}

::-webkit-scrollbar{
  height: auto;
  width: 5px;
  background-color: #947D7A;
  border: 2px solid #DACAAB;
}
</style>

<center>

<img src="http://i.imgur.com/JHun5sA.png" /><div class="blocprinci">
    <table><tr><td rowspan="2"><div style="height: 100px;">
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div><br />
      <div class="newtitre">xx.xx.xx - nouveauté</div>
    </div></td><td>
      <div class="titrespe">Contexte</div>
    </td></tr><tr><td><div class="blocs contexte">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna
      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
      ullamco laboris nisi ut aliquip ex ea commodo consequat.
      Duis aute irure dolor in reprehenderit in voluptate velit
      esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum
      dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim
      ad minim veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat. Duis aute irure
      dolor in reprehenderit in voluptate velit esse cillum dolore
      eu fugiat nulla pariatur.
    </div></td></tr></table>
    <br />
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a> -
      <a href="#">LIEN</a>
    <br /><br /><div class="titrespe">Statistiques</div>
    <div class="blocs statistique">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna
      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
      ullamco laboris nisi ut aliquip ex ea commodo consequat.
      Duis aute irure dolor in reprehenderit in voluptate velit
      esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum
      dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim
      ad minim veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat. Duis aute irure
      dolor in reprehenderit in voluptate velit esse cillum dolore
      eu fugiat nulla pariatur.
    </div>
    <br /><table style="margin-left: -20px;"><tr><td>
      <div class="images"><img src="http://i.imgur.com/YTjgyLZ.png" /></div>
    </td><td>
      <div class="images"><img src="http://i.imgur.com/YTjgyLZ.png" /></div>
    </td><td>
      <div class="images"><img src="http://i.imgur.com/YTjgyLZ.png" /></div>
    </td></tr></table>
    <br />
      <div style="font-family: open sans condensed; font-size: 10px; color: #947D7A;">
        FICHE PUB © SUNHAE DE <a href="http://libre-graph.forumperso.com/" style="font-size: 9px;">LIBRE GRAPH</a>
      </div>
   
   
   
   
   
</div>
 
</center>

<center>
<link href='http://fonts.googleapis.com/css?family=Snippet' rel='stylesheet' type='text/css'>
<div style="background-color:#F7F2E3; border-radius:20px;padding:20px;margin:20px;width:500px;font-size:11px;color:#3B3131;text-align:justify;border-bottom: 1px solid #F7A751; border-right: 1px solid #F7A751"><div style="font-family: 'Snippet', sans-serif; font-size: 25px; color: #F7A751;text-shadow: 2px 1px 0px white;"> Avatars & Signatures</div>
<b>ACTE 1 -</b> Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum.
<div style="border-bottom: 1px solid #F7A751;margin-top:10px;"></div>
<b>ACTE 2 -</b> Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum.
</div> <!--

--> <div style="background-color:#F7F2E3; border-radius:20px;padding:20px;margin:20px;width:500px;font-size:11px;color:#3B3131;text-align:justify;border-bottom: 1px solid #F7A751; border-right: 1px solid #F7A751"><div style="font-family: 'Snippet', sans-serif; font-size: 25px; color: #F7A751;text-shadow: 2px 1px 0px white;"> Règles de RP</div>
<b>ACTE 1 -</b> Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum.
<div style="border-bottom: 1px solid #F7A751;margin-top:10px;"></div>
<b>ACTE 2 -</b> Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum.

[center][url=http://libre-graph.forumperso.com/]<font color="#C9C9C9">©[size=9] FICHE CRÉÉE PAR REIRA DE LIBRE GRAPH'[/size]</font>[/url][/center]
</div>
</center>