Codage pour les présentations validées

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #475876; background-image: url(BACK GROUNG); background-repeat: repeat; border-top:10px solid #9BAFD1; border-bottom: 10px solid #9BAFD1; border-left: 1px solid #9BAFD1; border-right: 1px solid #9BAFD1; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #9BAFD1; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #9BAFD1} .soustitre{font-family: 'Playball', cursive; color: #283351; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB} .bloc{background-color: #9BAFD1; border-left: 2px solid #9BAFD1; border-right: 2px solid #9BAFD1; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #283351; font-family: times new roman; font-size: 12px}.mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style><div class="fond" style="position: relative; "><div style="position: absolute; width: 102px; height: 102px; text-align: center; top: -35px; left: -55px; "><img src="http://i35.servimg.com/u/f35/16/82/25/18/sans_t10.png" class="icone" style="width: 60px; "></div>
  <div class="soustitre">Félicitations[NOM]! </div><div class="bloc">Félicitations! Tu as complété ta fiche personnage avec brio! Te voici prêt/prête à aller jouer dans <span class="mef1">[nom de ville/pays/univers]</span>. Tu as été ajouté au groupe <span class="mef2">[nom groupe]</span>, mais pour une expérience optimale, pense bien à <span class="mef3">recenser ton avatar</span>! Tu peux aussi <span class="mef4">chercher des relations</span> en créant ta fiche de liens [url=ici]ici[/url], <span class="mef5">demander un logement</span> dans [url=cette section]cette section[/url] et tenir à jour <span class="mef6">l'inventaire de tes possessions</span> en créant un sujet [url=ici]ici[/url]!Si tu as la moindre question, n'hésite pas à contacter tes administrateurs et modérateurs chéris que sont <span class="mef7">[nom des comptes admin à contacter]</span></div><br /><center><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px">© Narja - Never-Utopia</a></center></div>

<link href="https://fonts.googleapis.com/css?family=Finger+Paint" rel="stylesheet" type="text/css"><link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/AZA_RP.css" rel="stylesheet" type="text/css"><div class="AZA"><!-- TITRE --><div class="tleAZA">Titre du rp</div><!-- CREDIT --><a class="cdtAZA" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- MESSAGE --><div class="msgAZA">Message.</div><!-- FT --><div class="ftAZA">ft. prénom</div></div>

<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/YPL_RP.css" rel="stylesheet" type="text/css"><div id="YPL"><!-- BANNIERE - COULEUR BORDURE PERSONNALISABLE --><div class="bannYPL" style="border-color:#1d222c;"><!-- FT DISSIMULE --><!-- TITRE --><div class="tleYPL" style="color:white;">「 Félicitations 」</div><!-- IMAGE 495 * 150 - COULEUR BORDURE PERSONNALISABLE --><img class="bgimgYPL" style="border-color:#81383f;" src="http://www.plixup.com/pics_core3/14701808677821code.png" /><!-- CREDIT --><a class="cdtYPL" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a></div><!-- MESSAGE - COULEURS PERSONNALISABLES --><div class="msgYPL" style="background-color:#1d222c; color:rgba(250,250,250,0.9);">Message.</div></div>

<div class="hfond"> <div class="hhaut">Validation</div> <div class="hicon"><img src="http://images2.fanpop.com/images/photos/5900000/Howl-s-Moving-Castle-howls-moving-castle-5911810-100-100.gif"/></div> <div class="hquote">Félicitations pour ta validation, pseudo !</div> <div class="htexte">
---
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

Haec et huius modi quaedam innumerabilia ultrix facinorum impiorum bonorumque praemiatrix aliquotiens operatur Adrastia atque utinam semper quam vocabulo duplici etiam Nemesim appellamus: ius quoddam sublime numinis efficacis, humanarum mentium opinione lunari circulo superpositum, vel ut definiunt alii, substantialis tutela generali potentia partilibus praesidens fatis, quam theologi veteres fingentes Iustitiae filiam ex abdita quadam aeternitate tradunt omnia despectare terrena.

Exsistit autem hoc loco quaedam quaestio subdifficilis, num quando amici novi, digni amicitia, veteribus sint anteponendi, ut equis vetulis teneros anteponere solemus. Indigna homine dubitatio! Non enim debent esse amicitiarum sicut aliarum rerum satietates; veterrima quaeque, ut ea vina, quae vetustatem ferunt, esse debet suavissima; verumque illud est, quod dicitur, multos modios salis simul edendos esse, ut amicitiae munus expletum sit.</div></div><div class="cred">© ASHLING POUR <a href="http://epicode.bbactif.com/">EPICODE</a></div>

<link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><style>.hfond{line-height:14px;width:360px;padding-bottom:20px;margin:auto}.hhaut{color:#0C0250;font-family:playfair display;font-size:20px;text-transform:uppercase;padding-left:130px;padding-top:30px;width:230px;height:30px;border-bottom:1px solid #D3D3D3}.hicon{margin-top:-51px;margin-left:10px;overflow:hidden;height:100px;width:100px;position:absolute;border-radius:90px;padding:2px;border:2px solid #BFBFBF}.hicon img{height:100px;width:100px;border-radius:90px}.hquote{color:#000;padding-left:130px;text-align:justify;width:220px;margin-top:10px;font-family:playfair display;font-size:12px}.htexte{color:#494949;font-family:arial;font-size:11px;width:320px;margin-left:20px;margin-top:20px;text-align:justify}.cred{margin:auto;text-align:center;font-size:8px;font-family:arial;letter-spacing:2px;margin-top:10px;color:#b4b4b4}.cred a {color:#b4b4b4;}</style>