Fiche de présentation

<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>
<div style="width: 450px; margin: auto;">
<div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>the queen of hearts</div>
<div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div>
<div style="border-top:1px dotted #ffffff; width:450px; height:300px; background-image: url(http://i39.servimg.com/u/f39/13/43/21/72/ima10.png);"></div>


<div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div>

<div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Description Physique</div>
<div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt.

Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
</span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div>


<div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Caractère</div>
<div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt.

Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
</span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div>

<div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Histoire</div>
<div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt.

Nullam bibendum, tortor vel mollis ultricies, orci est ullamcorper mauris, nec imperdiet mauris erat nec libero. Ut consectetur urna eu ligula sollicitudin cursus. Maecenas dolor mi, fringilla at libero accumsan, vestibulum rutrum sem. Praesent scelerisque magna id velit eleifend blandit. Phasellus tincidunt diam et nisi iaculis, vitae ullamcorper sem efficitur. Etiam facilisis lacus feugiat arcu pretium, vitae molestie dolor semper. Morbi faucibus justo id mauris iaculis, a ultrices quam euismod. Curabitur ac cursus ligula. Pellentesque vulputate dictum lectus et lobortis. Proin a fringilla erat, vel dictum ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur sed felis quis dui tristique condimentum et id lacus.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur facilisis elit sed rhoncus ornare. Aliquam erat volutpat. Sed vel dolor vitae velit interdum pellentesque. Donec mauris urna, facilisis egestas risus ut, interdum consectetur mi. Nulla vitae ante volutpat sapien euismod blandit quis et tortor. Fusce vel metus ullamcorper, gravida elit sed, lacinia ipsum. Aliquam sed massa accumsan, iaculis est vitae, interdum dolor. Nunc auctor lacus lacus, sit amet cursus enim ultricies non. Mauris sed lacus et velit lobortis aliquam at id magna. Integer semper a lectus in pellentesque. Aliquam ante magna, auctor eget fermentum at, euismod id elit. Donec finibus turpis et semper egestas. Nam ornare scelerisque eros, sit amet consequat nisi tincidunt ac. Duis maximus, tortor sit amet porta mattis, arcu ante ultricies ipsum, nec facilisis purus nibh at nisi. Phasellus feugiat, urna eget lobortis placerat, neque sapien congue nisi, et ultricies libero dolor quis urna.
</span></blockquote><div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD;"></div>


<div style="width:450px; font-family: 'Dynalight', cursive; font-size:55px; color:#CF1F39; line-height:80%; border-bottom:15px solid #D6C8BD; text-align: center;"><font color="#F5626C">❥</font>Derrière l'écran</div>
<div style="width:375px; height:15px; border-left:75px solid #CF1F39; background-color:#F5626C;"></div><blockquote><span style="text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec molestie elit. In hac habitasse platea dictumst. Donec dictum est turpis, scelerisque rhoncus est euismod nec. Etiam maximus odio id leo lacinia suscipit. Nulla facilisi. Sed nec nunc eleifend, sagittis nunc quis, vulputate lacus. Fusce ornare nec nisi a sagittis. In quis velit nec est tincidunt imperdiet. Ut interdum efficitur consequat. Mauris at mi a enim accumsan elementum at et ligula. Vivamus elementum in dui non pretium. Cras id facilisis enim, ut volutpat ante. Vestibulum accumsan orci non dignissim tincidunt.
</blockquote></span>
<div style="background-color:#CF1F39; height:25px; width:450px; border-top:1px dotted #fcfcfc; border-bottom:5px solid #D6C8BD; margin: auto; text-align: center;"><a href="http://www.never-utopia.com/">Zuiichi - Never-Utopia</a></div></div>

<style>.couverture_livre {background-image: url('http://i19.servimg.com/u/f19/18/91/36/39/couver10.jpg'); width: 530px; height: 950px; margin: auto; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; position: relative;} .couverture_livre:hover {transform: all; -webkit-transform: all; transition: 2s; -webkit-transition: 2s; z-index: 5;} .page_livre {color: #1F140B; font-family: courier new; text-align: justify; background-image: url('http://i19.servimg.com/u/f19/18/91/36/39/page_s10.jpg'); width: 530px; height: 950px; margin: auto; position: relative; display: block; opacity: 0; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; z-index: 1;} .page_livre:hover {opacity: 1; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s;} .tableau_steam {margin: auto;} .page_livre a{color: #6D2A0C !important; font-family: impact; transition: 1s; webkit-transition: 1s;} .page_livre a:hover{color: #D17923 !important; letter-spacing: 3px; text-shadow: 0px 0px 3px #1F140B;} .image_steam {width: 120px; height: 200px; overflow: hidden; background-color: rgba(204, 147, 56, 0.7);} .autre_cadre {font-family: courier new; text-align: left; width: 355px; height: 180px; overflow: auto; background-color: rgba(204, 147, 56, 0.7); padding: 10px; font-size: 14px;} .police_autre {font-weight: bold; font-family: 'Orbitron', sans-serif; font-size: 15px;} .grand_cadre {border-radius: 10px; width: 480px; overflow: auto; margin: auto; background-color: rgba(204, 147, 56, 0.7); padding: 10px;} .petit_cadre{height: 10px; opacity: 0; overflow: auto; -webkit-transition: all 1s; transition: all 1s; margin: auto;} .cadre_cache:hover .petit_cadre{height: 180px; width: 450px; opacity:1;} .police_titres {font-family: 'Aldrich', sans-serif; font-size: 18px; font-weight: bold; display: block; text-align: center;} .info_importante {font-family: 'Impact'; color: #49270D; letter-spacing: 2px;}</style>

<div class="couverture_livre"><div class="page_livre">

<table class="tableau_steam"><tr><td><img src="URL DE L'AVATAR ICI" alt="UN PETIT MOT SUR L'AVATAR" class="image_steam" style="border-radius: 10px 2px 2px 10px;" /></td><td><div class="autre_cadre" style="border-radius: 2px 10px 10px 2px;"><span class="police_autre">Nom</span> : Réponse

<span class="info_importante">Information à mettre en évidence</span>

<a href="LIEN DE L'URL">Titre de l'url</a>
</div></td></tr></table>

<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Physique</span><div class="petit_cadre">

Ton Physique.

</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Caractère</span><div class="petit_cadre">

Ton Caractère.

</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Histoire</span><div class="petit_cadre">

Ton Histoire.

</div></div></div>
<table class="tableau_steam"><tr><td><div class="autre_cadre" style="border-radius: 10px 2px 2px 10px;"><span class="police_autre">Nom</span> : Réponse
</div></td><td><img src="URL DE L'AVATAR ICI" alt="UN PETIT MOT SUR L'AVATAR" class="image_steam" style="border-radius: 2px 10px 10px 2px;" /></td></tr></table>

<a href="http://www.never-utopia.com/" style="text-align: center; color: #e0c060 !important; display: block; letter-spacing: 1px;">©Shaneliae | Never Utopia</a>

</div></div>
<link href='http://fonts.googleapis.com/css?family=Orbitron|Aldrich' rel='stylesheet' type='text/css'>

<div style="width: 95%; margin: auto; background: url(http://i38.servimg.com/u/f38/19/02/93/97/bg10.jpg) no-repeat #484029; border-bottom: 3px ridge #cc9900; border-top: 3px solid#e1dcd3; border-bottom: 3px ridge #e1dcd3;">

<span style="display: block;  margin-left: 430px; text-align: left; font-size: 72px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; margin-top: 40px; color: #ffffff; text-shadow: 0px 0px 20px #000000;">Nom</span>
<span style="display: block;  margin-left: 420px; text-align: left; margin-top: 5px; font-size: 18px; font-family: verdana; letter-spacing: 0px; font-style: regular; margin-top: 0px; color: #232617;"><a href="http://youtu.be/qQ2SE8sGSjM"><img src="http://img11.hostingpics.net/pics/528918boutonmusiquebg.png" /></a></span>

<div style="width: 52%; margin-left: 350px; margin-top: 0px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: verdana; letter-spacing: 1px; font-size: 11px; color: #ffffff; text-align: left; Line-Height: 12pt; padding: 5px;">
<span style="font-weight:bold; margin-left:10px;">Nom </span>:
<span style="font-weight:bold; margin-left:10px;">Prénom :</span>
<span style="font-weight:bold; margin-left:10px;">Sexe :</span>
<span style="font-weight:bold; margin-left:10px;">Age :</span>
<span style="font-weight:bold; margin-left:10px;">Rang parmi le peuple:</span>
<span style="font-weight:bold; margin-left:10px;">Orientation sexuelle:</span>
</div>

<span style="display: block; text-align: left; margin-left: 350px; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff;"><img src="http://img11.hostingpics.net/pics/701387TitreRPencours.png" /></span>
<div style="width: 52%; margin-left: 350px; margin-right: 330px; margin-top: -69px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: georgia; letter-spacing: 1px; font-size: 11px; color: #ffffff; text-align: justify; padding: 5px;">
<span style="font-weight:bold; margin-left:10px;">RP1 :</span>
<span style="font-weight:bold; margin-left:10px;">RP2 :</span>
<span style="font-weight:bold; margin-left:10px;">RP3 :</span></div>

<span style="display: block; text-align: left; margin-left: 9px; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff;"><img scr="http://img11.hostingpics.net/pics/433362Titresconnai.png" /></span>
<div style="width:  90%; margin-left: auto; margin-right: auto; margin-top: -69px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: verdana; letter-spacing: 0px; font-size: 12px; color: #ffffff; text-align: justify; Line-Height: 13pt; padding: 30px;">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies non justo nec sollicitudin. Duis tortor velit, sollicitudin in felis ac, consequat efficitur purus. Duis pellentesque est id blandit euismod. Quisque eu augue in neque iaculis finibus. Etiam bibendum fringilla nibh. Nullam varius iaculis pulvinar. Fusce ipsum metus, tincidunt et condimentum in, dignissim vitae orci. Maecenas a augue et ligula ornare dictum. Aliquam nulla lorem, bibendum eu elit non, efficitur fringilla tortor. Phasellus ut cursus mauris. Phasellus ultrices luctus nisi eu ultrices. Quisque ac lorem ut enim ultricies facilisis at a lectus. Nullam vehicula vestibulum erat, vitae ultricies urna pellentesque ac. Fusce in neque eget elit pulvinar iaculis nec ac ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque convallis ligula et ultricies feugiat.
</div>

<span style="display: block; text-align: left; margin-left: 9px; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff;"><img src="http://img11.hostingpics.net/pics/924580TitrePhysique.png" /></span>
<div style="width:  90%; margin-left: auto; margin-right: auto; margin-top: -69px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: verdana; letter-spacing: 0px; font-size: 12px; color: #ffffff; text-align: justify; Line-Height: 13pt; padding: 30px;">

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies non justo nec sollicitudin. Duis tortor velit, sollicitudin in felis ac, consequat efficitur purus. Duis pellentesque est id blandit euismod. Quisque eu augue in neque iaculis finibus. Etiam bibendum fringilla nibh. Nullam varius iaculis pulvinar. Fusce ipsum metus, tincidunt et condimentum in, dignissim vitae orci. Maecenas a augue et ligula ornare dictum. Aliquam nulla lorem, bibendum eu elit non, efficitur fringilla tortor. Phasellus ut cursus mauris. Phasellus ultrices luctus nisi eu ultrices. Quisque ac lorem ut enim ultricies facilisis at a lectus. Nullam vehicula vestibulum erat, vitae ultricies urna pellentesque ac. Fusce in neque eget elit pulvinar iaculis nec ac ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque convallis ligula et ultricies feugiat.
</div>

<span style="display: block; text-align: left; margin-left: 9px; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff;"><img src="http://img11.hostingpics.net/pics/530132Titrecaractere.png" /></span>
<div style="width:  90%; margin-left: auto; margin-right: auto; margin-top: -69px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: verdana; letter-spacing: 0px; font-size: 12px; color: #ffffff; text-align: justify; Line-Height: 13pt; padding: 30px;">

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies non justo nec sollicitudin. Duis tortor velit, sollicitudin in felis ac, consequat efficitur purus. Duis pellentesque est id blandit euismod. Quisque eu augue in neque iaculis finibus. Etiam bibendum fringilla nibh. Nullam varius iaculis pulvinar. Fusce ipsum metus, tincidunt et condimentum in, dignissim vitae orci. Maecenas a augue et ligula ornare dictum. Aliquam nulla lorem, bibendum eu elit non, efficitur fringilla tortor. Phasellus ut cursus mauris. Phasellus ultrices luctus nisi eu ultrices. Quisque ac lorem ut enim ultricies facilisis at a lectus. Nullam vehicula vestibulum erat, vitae ultricies urna pellentesque ac. Fusce in neque eget elit pulvinar iaculis nec ac ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque convallis ligula et ultricies feugiat. </div>

<span style="display: block; text-align: left; margin-left: 9px; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff;"><img src="http://img11.hostingpics.net/pics/439976TitreHistoire.png" /></span>
<div style="width:  90%; margin-left: auto; margin-right: auto; margin-top: -69px; border-top: 2px solid #e1dcd3; background: url(http://loups-solitaires.com/forum/styles/themedesloups/theme/images/row.png); font-family: verdana; letter-spacing: 0px; font-size: 12px; color: #ffffff; text-align: justify; Line-Height: 13pt; padding: 30px;">

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies non justo nec sollicitudin. Duis tortor velit, sollicitudin in felis ac, consequat efficitur purus. Duis pellentesque est id blandit euismod. Quisque eu augue in neque iaculis finibus. Etiam bibendum fringilla nibh. Nullam varius iaculis pulvinar. Fusce ipsum metus, tincidunt et condimentum in, dignissim vitae orci. Maecenas a augue et ligula ornare dictum. Aliquam nulla lorem, bibendum eu elit non, efficitur fringilla tortor. Phasellus ut cursus mauris. Phasellus ultrices luctus nisi eu ultrices. Quisque ac lorem ut enim ultricies facilisis at a lectus. Nullam vehicula vestibulum erat, vitae ultricies urna pellentesque ac. Fusce in neque eget elit pulvinar iaculis nec ac ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque convallis ligula et ultricies feugiat. </div>

<a style="display: block; text-align: center; color: #ffffff; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">Isy</a>
</div>