Yui, fille de Diane et Jérémy

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Shadows+Into+Light&subset=latin-ext,latin' rel='stylesheet' type='text/css'><style>#asaofond {width: 500px; background-color: #150000; margin: auto; overflow: hidden; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; background-clip: border-box; background-image: url(http://i18.servimg.com/u/f18/16/54/79/22/parche11.jpg)} #asaohead {width: 600px; opacity: 0.5; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; transition: 1s} #asaohead:hover {opacity: 1; transition: 1s;} #asaotitre {width: 600px; height: 40px; background: #F2A85F;  transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; text-align: center; } .asaorealtitre {color: #FC5200 ; font-family: 'Shadows Into Light', cursive; font-size: 50px; display: inline-block; border-bottom: 2px solid #FC5200; padding-bottom: 13px; transition: 1s; } .asaorealtitre:hover {color: black; border-bottom: 2px solid black; padding-bottom: 13px; transition 1s; } .asaoicone {width: 100px; height: 100px; border-radius: 50px; background-clip: border-box; background-size: cover; transition: 1s} .asaoicone:hover {transform: rotate(360deg); transition: 1s; } .asaoinfos {position:relative; height: 100px; width: 100px; overflow: visible;}.asaoinfos .asaoinfos .asaoicone:hover {background-color: red;}.asaoinfos .asaoinfobulle {position: absolute; top: 80px; left: -50px; width: 200px; height: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; opacity: 0; visibility: hidden;} .asaoinfos:hover .asaoinfobulle {opacity: 1; visibility: visible; z-index: 999;} .asaoask {font-style: italic; text-shadow: 1px 1px 0px black; font-weight: bold} #asaoavatar {width: 200px; height: 320px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; overflow: hidden;} #asaocoulisse{width: 200px; height: 320px; background-size: cover; transform: translateY(0px) transition: 1s;}  #asaodescriptif {width: 190px; height: 310px; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px;}</style>

  <div id="asaofond"><img src="http://images6.fanpop.com/image/photos/38300000/Merry-Nightmare-merry-nightmare-38353650-1280-720.png" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Yui Shiba (ou Raitei)</span></div>

  <div align="center" style="margin:auto; width: 400px;"><div class="asaoinfos" style="float:left; margin-right:20px;"><div class="asaoicone" style="background-image: url(https://i1.sndcdn.com/artworks-000240066640-tmd9ej-large.jpg);"></div><div class="asaoinfobulle"><span class="asaoask">Nom : </span> Shiba ou Raitei (au choix)
  <span class="asaoask">Prénom : </span> Yui
  <span class="asaoask">Âge : </span> 19 ans
  <span class="asaoask">Surnom : </span> au choix
  <span class="asaoask">Sexe : </span> femme
  <span class="asaoask">Orientation : </span> Bisexuel
  <span class="asaoask">Lieu de naissance : </span> West Blue</div></div><div class="asaoinfos" style="float:left; margin-right:20px;"><div class="asaoicone" style="background-image: url(http://aniavatars.com/data/avatars/185/40.gif);"></div><div class="asaoinfobulle"><span class="asaoask">Race : </span> Humaine
 <span class="asaoask">Groupe : </span> civil, mais peu changer
  <span class="asaoask">Rang : </span> au choix
  <span class="asaoask">Classe : </span> au choix
  <span class="asaoask">Équipage : </span> au choix
  <span class="asaoask">Rêves : </span> Retrouver ces parents disparu, et au choix pour la suite</div></div><div class="asaoinfos" style="float:left; margin-right:20px;"><div class="asaoicone" style="background-image: url(https://www.nautiljon.com/imagesmin/perso/00/59/merry_nightmare_7595.jpg);"></div><div class="asaoinfobulle"><span class="asaoask">Fruit du Démon : </span> au choix
  <span class="asaoask">Haki : </span> au choix
  <span class="asaoask">Armes : </span> au choix
  <span class="asaoask">Autres Pouvoirs : </span> Samouraï ou épéiste
  <span class="asaoask">Points forts : </span> Courageuse, déterminé
  <span class="asaoask">Points faibles : </span> peu se faire facilement manipuler si elle n'est pas surveiller</div></div><div style="clear: both"></div></div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Mon Physique...</div>Merry de Yumekui Merry

https://i.pinimg.com/736x/2b/67/a8/2b67a8a8fbde2871f2f929a6aa232b52--kil-twilight-princess.jpg</div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Mon Mental...</div>Autoritaire, loyal, fêtarde, gaie, énergique, imprudente, joueuse, naïve, décontractée, espiègle, puérile, gentille et courageuse
</div>

  <div style="margin: auto; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Mon Histoire...</div>Se référer à l'histoire de Diane pour le début de la votre.</div>

<div style="text-align: center; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; clear: both"><a href="http://www.never-utopia.com/" style="font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; text-decoration: none!important">Narja/Ehawee pour Never-Utopia</a></div>
  </div>