<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://nsa38.casimages.com/img/2015/08/24/150824073525619870.png" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Prénom P² Nom</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(http://i18.servimg.com/u/f18/16/54/79/22/15082410.png);"></div><div class="asaoinfobulle"><span class="asaoask">Nom : </span> réponse
   <span class="asaoask">Prénom : </span> réponse
   <span class="asaoask">Âge : </span> réponse
   <span class="asaoask">Surnom : </span> réponse
   <span class="asaoask">Sexe : </span> réponse
   <span class="asaoask">Orientation : </span> réponse
   <span class="asaoask">Lieu de naissance : </span> réponse</div></div><div class="asaoinfos" style="float:left; margin-right:20px;"><div class="asaoicone" style="background-image: url(http://i18.servimg.com/u/f18/16/54/79/22/15082412.png);"></div><div class="asaoinfobulle"><span class="asaoask">Race : </span> réponse
   <span class="asaoask">Groupe : </span> réponse
   <span class="asaoask">Rang : </span> réponse
   <span class="asaoask">Classe : </span> réponse
   <span class="asaoask">Équipage : </span> réponse
   <span class="asaoask">Rêves : </span> réponse</div></div><div class="asaoinfos" style="float:left; margin-right:20px;"><div class="asaoicone" style="background-image: url(http://i18.servimg.com/u/f18/16/54/79/22/15082411.png);"></div><div class="asaoinfobulle"><span class="asaoask">Fruit du Démon : </span> réponse
   <span class="asaoask">Haki : </span> réponse
   <span class="asaoask">Armes : </span> réponse
   <span class="asaoask">Autres Pouvoirs : </span> réponse
   <span class="asaoask">Points forts : </span> réponse
   <span class="asaoask">Points faibles : </span> réponse</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>Décrivez ici le physique de votre personnage en 5 lignes.</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>Décrivez ici le caractère de votre personnage en 5 lignes.</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>Décrivez ici l'histoire de votre personnage en 10 lignes.</div>

   <div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(http://i18.servimg.com/u/f18/16/54/79/22/monkey11.jpg)"></div></div> <div style="float: right; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 10px; text-align: justify; font-size: 14px; width: 280px; height: 300px; oveflow: auto; min-height: 50px; box-shadow: 0px 0px 5px black">Prénom/Pseudo :
Age :
Mangas favoris :
Jeux vidéos préférés :
Aime :
Déteste :
Personnages préférés de One Piece :</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>

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css' />
      <div class="bloc_pcp"><div class="entete_pres"> <br/><span style="font-size: 23px; font-family: Berkshire Swash; letter-spacing: 2px;">Nom Prénom</span></div><div class="colonne_gauche"><div class="colg_text">
<span class="police">Âge : </span> réponse
<span class="police">Surnom :</span> réponse
<span class="police">Orientation :</span> réponse
<span class="police">Lieu de Naissance :</span> réponse
<span class="police">Race :</span> réponse

<span class="police">Groupe :</span> réponse
<span class="police">Rang :</span> réponse
<span class="police">Classe :</span> réponse
<span class="police">Équipage :</span> réponse
<span class="police">Rêve :</span> réponse

<span class="police">Fruit du Démon :</span> réponse
<span class="police">Haki :</span> réponse
<span class="police">Armes :</span> réponse
<span class="police">Autres Pouvoirs :</span> réponse
<span class="police">Points forts :</span> réponse
<span class="police">Points faibles :</span> réponse
</div><a href="http://www.never-utopia.com/" target="_blank"><span style="font-size: 11px;"> |Never Utopia|</span></a></div><div class="cate"><div class="cate_img"><img src="http://img11.hostingpics.net/pics/997941physique.png" /></div><div class="cate_description"> <br />  <span class="police"> Physique </span>

      Décrivez ici le caractère de votre personnage en 10 lignes. texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div><div class="cate"><div class="cate_img"><img src="http://img11.hostingpics.net/pics/657947caractere.png" /></div><div class="cate_description"> <br />  <span class="police"> Caractère </span>

      Décrivez ici le caractère de votre personnage en 10 lignes. texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div><div class="cate"><div class="cate_img"><img src="http://img11.hostingpics.net/pics/399523histoire.png" /></div><div class="cate_description"><br />  <span class="police"> Histoire </span>

      Décrivez ici l'histoire de votre personnage en 20 lignes. texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div>
      </div>

<div class="content_fichepresa"> <div class="entete_presa"><img src="https://nsa40.casimages.com/img/2020/04/30/200430052226736128.png"/></div><div class="infos_perso"><h1>Nom Prénom</h1></div><div class="infos_member"><img src="https://nsa40.casimages.com/img/2020/04/30/200430052221534782.png" alt="icone_membre_75x75"/> <p>Nom : réponse
Prénom : réponse
Âge : réponse
Surnom : réponse
Sexe : réponse
Orientation : réponse
Lieu de naissance : réponse</p></div><div class="infos_member"><img src="https://nsa40.casimages.com/img/2020/04/30/200430052222269487.png" alt="icone_membre_75x75"/> <p>Race : réponse
Groupe : réponse
Rang : réponse
Classe : réponse
Équipage : réponse
Rêves : réponse</p></div><div class="infos_member"><img src="https://nsa40.casimages.com/img/2020/04/30/200430052223123896.png" alt="icone_membre_75x75"/> <p>Fruit du Démon : réponse
Haki : réponse
Armes : réponse
Autres Pouvoirs : réponse
Points forts : réponse
Points faibles : réponse</p></div><div class="block_phy_ca"><h2>Physique</h2> <p>Décrivez ici le physique de votre personnage en 5 lignes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis congue sagittis. Mauris in metus suscipit, congue magna et, tristique turpis. In et ante lacus. Sed pellentesque, sem eleifend hendrerit eleifend, nibh ante faucibus sem, sit amet cursus nunc ante eu neque. Cras euismod, augue et varius imperdiet, nulla massa iaculis felis, nec congue neque nunc quis dolor. Sed auctor nunc tempus odio malesuada, eget egestas leo blandit. Aenean non lacus magna. Nulla ac dui est. Morbi ullamcorper feugiat enim vitae blandit. Duis a placerat est, vehicula tristique nibh. Nullam nec tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla blandit commodo dapibus. Suspendisse potenti. Integer ornare neque quis nulla malesuada, ullamcorper pharetra odio tempor.Sed quis posuere ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae feugiat massa. Praesent consequat odio magna, quis consequat nisi vulputate a. Suspendisse potenti. Mauris et diam vehicula, hendrerit lectus vel, fermentum diam. Mauris ac risus eu lectus sagittis interdum. Quisque interdum nibh vitae tellus aliquam dignissim.</p></div><div class="block_phy_ca"><h2>Caractère</h2> <p>Décrivez ici le caractère de votre personnage en 5 lignes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis congue sagittis. Mauris in metus suscipit, congue magna et, tristique turpis. In et ante lacus. Sed pellentesque, sem eleifend hendrerit eleifend, nibh ante faucibus sem, sit amet cursus nunc ante eu neque. Cras euismod, augue et varius imperdiet, nulla massa iaculis felis, nec congue neque nunc quis dolor. Sed auctor nunc tempus odio malesuada, eget egestas leo blandit. Aenean non lacus magna. Nulla ac dui est. Morbi ullamcorper feugiat enim vitae blandit. Duis a placerat est, vehicula tristique nibh. Nullam nec tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla blandit commodo dapibus. Suspendisse potenti. Integer ornare neque quis nulla malesuada, ullamcorper pharetra odio tempor.Sed quis posuere ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae feugiat massa. Praesent consequat odio magna, quis consequat nisi vulputate a. Suspendisse potenti. Mauris et diam vehicula, hendrerit lectus vel, fermentum diam. Mauris ac risus eu lectus sagittis interdum. Quisque interdum nibh vitae tellus aliquam dignissim.</p></div><div class="block_history"><h2>Histoire</h2> <p>Décrivez ici l'histoire de votre personnage en 10 lignes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sagittis congue sagittis. Mauris in metus suscipit, congue magna et, tristique turpis. In et ante lacus. Sed pellentesque, sem eleifend hendrerit eleifend, nibh ante faucibus sem, sit amet cursus nunc ante eu neque. Cras euismod, augue et varius imperdiet, nulla massa iaculis felis, nec congue neque nunc quis dolor. Sed auctor nunc tempus odio malesuada, eget egestas leo blandit. Aenean non lacus magna. Nulla ac dui est. Morbi ullamcorper feugiat enim vitae blandit. Duis a placerat est, vehicula tristique nibh. Nullam nec tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla blandit commodo dapibus. Suspendisse potenti. Integer ornare neque quis nulla malesuada, ullamcorper pharetra odio tempor.Sed quis posuere ex. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae feugiat massa. Praesent consequat odio magna, quis consequat nisi vulputate a. Suspendisse potenti. Mauris et diam vehicula, hendrerit lectus vel, fermentum diam. Mauris ac risus eu lectus sagittis interdum. Quisque interdum nibh vitae tellus aliquam dignissim.Duis cursus, ipsum a tempus fringilla, metus magna pharetra purus, ac mollis sem ante ut dui. Nullam ac facilisis massa. Curabitur blandit purus nisi, ut tincidunt augue laoreet ut. Nullam pulvinar tincidunt sapien et mattis. Donec aliquam mi ac dignissim mattis. Fusce et bibendum sem. Etiam ut tortor orci. Maecenas fermentum rutrum ex, at semper velit egestas sit amet. Phasellus consectetur mauris ac metus tincidunt bibendum.</p></div><div class="infos_member"><img src="https://nsa40.casimages.com/img/2020/04/30/200430052223930159.png" alt="icone_membre_75x75"/> <p>Prénom/Pseudo :
Age :
Mangas favoris :
Jeux vidéos préférés :
Aime :
Déteste :
Personnages préférés de One Piece :</p></div><div class="credits_arte">artemis | <a href="http://www.epicode-entraide.com/">www</a></div></div>
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400|Source+Sans+Pro&display=swap" rel="stylesheet"/>