<link href='http://fonts.googleapis.com/css?family=Calligraffitti|Courgette' rel='stylesheet' type='text/css'>
 <style>div.fiche{margin-top:2px;text-align:justify; font-family:Century Gothic; font-size:16px; position: relative; width:800px; margin: auto; height:75px; overflow:hidden; display: inline-block;background-image:url(http://img11.hostingpics.net/pics/917278parchopenroll4.png); background-size: 670px 750px; background-repeat:no-repeat; background-position:top center; -webkit-transition: all 0.3s linear 0s;-moz-transition: all 1.8s linear 0.3s;-o-transition: all 1.8s linear 0.3s;transition: all 1.8s linear 0.3s;}div.fiche:hover{width:800px; height:750px}.barre{margin-top: 10px; margin-left:100px; overflow:auto; width:615px; height:590px; opacity:0.8; font-family:'Calligraffitti'; color: #442419;}.sceau{width:800px; height:77px; background-image:url(http://i84.servimg.com/u/f84/18/53/37/48/fqeghr11.png); background-size: 68px 70px; background-repeat:no-repeat; background-position:center;}.titre{padding: 10px; width:780px; height:70px; color: #ECEBF0; font-family: 'Courgette'; font-size: 40px; text-shadow: 3px 3px 4px #000000;  -webkit-transition: all 1.8s; -moz-transition: all 1.8s; -o-transition: all 1.8s; transition: all 1.8s;}.titre:hover{opacity:0}
 </style>
 <table style="width: 600px; margin: auto;"><tr><td></td><td valign="top" width="600"><br><div class="fiche"><div class="sceau"><div class="titre"><div align="center"><font color="#ECEBF0" size="+1">TITRE</font></div></div></div><div class="barre">
[b]De[/b] : Blblbl
[b]A[/b] : Blblbl

Blblblblbl
Blblblblbl
Blblblblbl
 </div></div></td></tr></table><div style="text-align: center;"><a style="color: #0c8bd8 !important; font-size: 8px; cursive; letter-spacing: 2px;" href="http://www.never-utopia.com/">(c) Ayameko@Never-Utopia.com</a></div>