<center><div style="width: 500px; background-image: url('http://i73.servimg.com/u/f73/17/97/89/15/13638111.png');"><img src="URL IMAGE EN-TETE" style="width: 500px;">
<div style="font-family: 'Happy Monkey', cursive; font-size: 35px; color: #624F3E; text-align: center; margin-top: -15px; width: 500px; height: 30px; background-color: #CEC4B8; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); padding-top: 10px;">TITRE</div>


URL PLAYLIST GROOVESHARK OU YOUTUBE


<center><div style="font-family: 'Happy Monkey', cursive; font-size: 20px; color: #624F3E; text-align: left; padding-top: 10px;">Relations</div>
<div style="width: 410px; height: 300px; overflow: auto; padding: 15px; text-align: justify; background-color: #F1EFE0; color: #624F48; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 4px #624F48 solid; border-top: 10px #624F48 dotted; border-right: 4px #624F48 solid; border-left: 4px #624F48 solid;"><table><tr><td><center><img src="URL IMAGE 1" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 2" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 3" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 4" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 5" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 6" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table>
<table><tr><td><center><img src="URL IMAGE 7" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td></center></tr></table>
<table><tr><td width="100px;"></td><td><div style="background-color: #C4B7A8; width: 200px; height: 100px; overflow: auto; color: #624F48; margin-top: -9px;">TEXTE TEXTE TEXTE TEXTE</div></td><td><center><img src="URL IMAGE 8" style="width: 100px;"><div style="font-family: 'Happy Monkey', cursive; font-size: 17px; color: #624F3E; margin-top: -20px; padding-top: 10px;">NAME</div></td></center></tr></table></div></center>

<div style="font-family: 'Happy Monkey', cursive; font-size: 20px; color: #624F3E; text-align: left; padding-top: 10px;">Liste des RP</div>
<div style="width: 410px; height: 100px; overflow: auto; padding: 15px; text-align: justify; background-color: #F1EFE0; color: #624F48; -moz-border-radius: 0px 0px 14px 14px ; border-bottom: 4px #624F48 solid; border-top: 10px #624F48 dotted; border-right: 4px #624F48 solid; border-left: 4px #624F48 solid;"><a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="URL RP"><b>Titre du RP</b></a> <span style="color: #C4B7A8;">▬ with ...</span>

</div>

<img src="URL IMAGE DE FIN" style="height: 70px; border: 3px solid #FFFFFF; box-shadow: 2px 2px 10px #DBD5D4; -moz-box-shadow:2px 2px 10px #DBD5D4; -webkit-box-shadow:2px 2px 10px #DBD5D4;">
<a style="color: #624F48 !important; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://www.never-utopia.com">© Halloween sur Never-Utopia</a></div></center>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Overlock+SC' rel='stylesheet' type='text/css'>

    <link href='http://fonts.googleapis.com/css?family=Dosis:200|Merriweather|Handlee' rel='stylesheet' type='text/css'><style type='text/css'>.nom {display:block; text-align:right; font-style:italic; font-size:15px; color:PaleVioletRed; opacity:0.8; font-family: 'Dosis', sans-serif; padding-right:3px;} .image {border-bottom:3px PaleVioletRed solid; width:140px; height:90px; margin-left:15px} .relation {height:85px; overflow:auto; padding:5px;} </style><div style="width:550px; margin:auto;"><div style="display:inline-block; width:175px; height:600px; padding:10px; background:MistyRose; border-top: 2px Lavender solid; border-left: 2px Lavender solid; border-bottom: 2px Lavender solid; position:relative; top:-28px;"><span style="display:block; font-size:30px; text:align:center; text-shadow: 2px 2px 0px Thistle; color:PaleVioletRed; margin-top:10px; font-family: 'Handlee', cursive; padding-bottom:10px;">Fiche de Relations</span><div style="height:530px; overflow:auto;">
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/474949SpringRinOkumura.png" alt="" class="image" /><br/>
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/127716SpringRinOkumura02.png" alt="" class="image" /><br/>
    <span class="nom">Prénom Nom</span><img src="http://img11.hostingpics.net/pics/596242SpringRinOkumura03.png" alt="" class="image" /><br/>

    </div><a href="http://www.never-utopia.com/" style="display:block; text-align:center; text-decoration:none; color:PaleVioletRed; opacity:0.9;">© A-Lice</a></div><div style="display:inline-block; width:325px; height:600px; padding:10px; background:Lavender; border-radius:0px 20px 20px 0px; border-top: 2px MistyRose solid; border-right: 2px MistyRose solid; border-bottom: 2px MistyRose solid;"><span style="display:block; height:28px; overflow:auto; font-size:13px; text:align:center; color:PaleVioletRed; margin-top:10px; font-family: 'Handlee', cursive; padding-bottom:10px;">Some words about you ~</span>
    <span style="display:block; text-align:justify; color:PaleVioletRed; overflow:auto; height:530px; padding-right:3px; font-family: 'Merriweather', serif;">
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>
    <div class="relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget erat nec enim feugiat condimentum. Nullam feugiat consectetur nibh, et euismod tellus blandit at. Phasellus viverra a nunc non rutrum. Fusce rutrum tincidunt tristique. Integer pulvinar in nunc sit amet elementum. Quisque dignissim urna ac tellus vestibulum, vitae ullamcorper velit tempor. Quisque aliquam eget ipsum id semper.</div><br/>

    </span>

    </div></div>

<center><style type="text/css">div.cadre_jap {background: url(http://i39.servimg.com/u/f39/18/01/25/82/1280_810.jpg); width: 500px; overflow: hidden; padding-top: 10px; padding-left: 10px;} div.cadre2_jap {background-color: #bf1834; border-top: 4px #90071b solid; border-left: 4px #90071b solid; text-align: justify; color: white; font-family: Sans-serif;} div.jap_main_title {font-family: 'Tulpen One'; font-size: 60px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin: 2px;} div.perso_jap { width: 400px; height: 200px; color: white; text-align: justify; margin: auto; z-index: 4; font-size: 13px; margin-top: 15px;} div.img_perso_jap { position: relative; z-index: 4; width: 400px; height: 200px; margin-left: 0px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s;  -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s;-webkit-transition: 1s;  opacity: 1;-moz-opacity: 1; -khtml-opacity: 1;filter: alpha(opacity=1);overflow: hidden;} div.perso_jap:hover .img_perso_jap{ opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity=0);transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; z-index: 1;} div.info_perso_jap {position: relative; z-index: 1; width: 380px; height: 180px; margin-top: -200px; text-align: justify; font-size: 13px; color: white; padding: 10px; overflow: auto;} div.link_cadre_jap {background-color: #bf1834; border: 4px #90071b solid; width: 200px; height: 250px; margin: 10px; display: inline-block;} div.link_name_jap {font-family: 'Tulpen One'; font-size: 50px; color: #90071b; text-shadow: 0px 0px 2px white; text-align: center; margin-top: -10px; z-index: 6;} div.link_info_jap {padding: 7px; text-align: justify; height: 115px; overflow: auto;} </style><link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>

<div class="cadre_jap"><div class="cadre2_jap"><div class="jap_main_title">Nom Prénom</div><div class="perso_jap"><div class="img_perso_jap"><img src="http://i39.servimg.com/u/f39/18/01/25/82/lien_b10.jpg"/></div><div class="info_perso_jap">
<center>✿ Infos personnage ✿
....
❀ Lien recherchés ❀
....</center>
</div></div>

<center><div class="link_cadre_jap"><div class="link_name_jap">❀ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom  ❀</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center>
<center><div class="link_cadre_jap"><div class="link_name_jap">✿ Nom Prénom</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div><div class="link_cadre_jap"><div class="link_name_jap">Nom Prénom ✿</div><div style="width: 200px; height: 100px; overflow: hidden; background: url(http://i39.servimg.com/u/f39/18/01/25/82/makoto10.jpg);"></div><div class="link_info_jap">Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.</div></div></center><div style="text-align: right; font-size: 10px; color: lightgrey; margin-right: 5px;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></div></div></center>

<link href='http://fonts.googleapis.com/css?family=Indie+Flower|Rock+Salt' rel='stylesheet' type='text/css'><div style="width:85%; margin:auto; background-color:#342428; padding:20px; border-top-left-radius: 300px; border-bottom-right-radius: 300px; border:3px Brown solid;">
<style type="text/css">.link_1{width:80%; padding:10px; font-size:0px; margin-left:10px; background-image:url(http://fc05.deviantart.net/fs70/f/2010/130/2/d/Sombre__by_haris_1991.jpg); height:150px; overflow:hidden; border-radius:50px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s; -o-transition:1s;} .link_1:hover{background:none; width:80%; margin-left:10px; height:150px; overflow:auto; border-radius:50px; font-size:12px; color:white; text-align:justify; padding:10px; transition:1s; -moz-transition:1s; -webkit-transition:1s; -ms-transition:1s; -o-transition:1s;} </style>
<div style="transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); border:2px dotted white; background-color:pink; color:white; font-size:25px; text-align:center; padding:8px; border-radius:35px; width:70%; margin-left:20%; font-family: 'Rock Salt', cursive;">RELATIONSHIP</div>
<p><div style="float:left; width:40%; margin-top:110px; text-align:justify; font-size:11px; font-style:italic; color:white; padding:5px; margin-right:50px; margin-left:20px;">« citation en mode Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. »</div><div style="border-radius:150px; border:2px solid Brown; overflow:hidden; width:300px; height:300px; box-shadow:2px 2px 2px white;"><img src="http://data3.whicdn.com/images/118979474/large.jpg" alt="" /></div></p>
<span style="margin-top:-50px; font-size:20px; text-indent:20px; display:block; color:white; text-shadow:2px 2px 3px Crimson; font-family: 'Indie Flower', cursive;">A small description ~</span>
<p><span style="text-align:justify; font-size:14px; color:pink; overflow:auto; height:150px; padding:5px; display:inline-block; column-count:2; -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et.
Suspendisse eu metus non justo varius dictum. Cras iaculis placerat lorem, et malesuada lectus. Nam nisi mauris, gravida sit amet augue vel, ultrices egestas leo. Vestibulum sollicitudin semper lorem, id sagittis dui hendrerit sed. Nulla malesuada tristique bibendum. Suspendisse gravida sodales ligula, at malesuada sapien egestas ac. Nulla facilisi. Proin quis quam sit amet arcu bibendum ultricies. Etiam tempus tristique libero egestas sodales. Praesent lobortis leo sed arcu congue bibendum. Quisque id velit ut arcu egestas consequat. Vestibulum consequat turpis in diam eleifend rutrum id quis turpis. Nunc dignissim consequat congue. Aenean quis interdum erat. Nunc tempus metus id lectus consectetur, et posuere enim porttitor. Sed vel posuere nunc.
</span></p>
<p><div class="link_1">Je recherche ...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at tellus diam. Mauris varius sit amet dolor eget pretium. Morbi nec tortor bibendum eros scelerisque pellentesque. Nam auctor ultrices dictum. Etiam venenatis bibendum risus. Curabitur commodo nunc a lorem lobortis congue. Integer dictum lorem risus, eu facilisis diam consectetur et.</div></p><a href="http://www.never-utopia.com/" style="text-decoration:none; display:block; text-align:center;">© By A-Lice sur Never-Utopia</a></div>

<center><div style="background: url(http://i57.servimg.com/u/f57/18/01/25/82/00011010.png); border-right: 10px black solid; border-left: 10px black solid; border-bottom: 2px black solid; width: 550px; min-height: 1000px;"><img src="http://i57.servimg.com/u/f57/18/01/25/82/black210.jpg"/><div style="border-top: 10px black solid;"></div>
<div style="width: 500px;"><center>
<div style="background: rgba(0,0,0,0.5); border: black 4px solid; color: lightgrey; text-align: justify; width: 48%; height: 200px; overflow: auto; float: left; margin-right: -8px;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">I am...</div><div style="margin: 10px;">Description du personnage</div></div><div style="background: rgba(0,0,0,0.6); border-top: black 4px solid; border-bottom: black 4px solid; border-right: black 4px solid;color: lightgrey; text-align: justify; width: 48%; height: 200px; overflow: auto;"><div style="border-bottom: 4px solid black; font-family: Georgia; font-size: 25px; text-shadow: 1px 1px 0px black; text-align: center; padding: 5px;">I want...</div><div style="margin: 10px; ">Liens recherchés</div></div>
</center></div>
<div style="border-top: 8px solid rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; margin-left: -2px; transform: rotate(1deg); width: 102%; margin-bottom: 5px;"></div><div style=" border-top: 8px solid black; margin-left: -2px; width: 102%; margin-bottom: 5px; transform: rotate(-2deg);"></div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
<div style="background: rgba(0,0,0,0.5); box-shadow: 0px 0px 6px black; padding: 7px; padding-bottom: 4px; float: left; margin: 12px; transform: rotate(-2deg);"><div style="height: 100px; width: 100px; border: 4px black solid;"><img src="..."/></div><div style="text-align: center; font-size: 14px; text-shadow: 1px 1px 0px black; color: white; margin-top: -12px;">Nom Prénom</div></div><div style="background: rgba(0,0,0,0.7); border: 4px black solid; color: lightgrey; padding: 10px; height: 100px; margin: 12px; overflow: auto; transform: rotate(1deg); text-align: justify;">Description du lien</div>
</div></center>
<center><div style="background-color: black; text-align: right; font-size: 10px; color: lightgrey; padding: 5px; width: 60%;">Code de Frosty Blue de <a href="http://www.never-utopia.com/">Never Utopia</a></div></center>

<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 80%; margin: auto; background-color: #FFE173; color: #695D3E; border: 5px white double; border-radius: 10px; padding: 30px; text-align: justify;"><table style="width: 100%;"><tr><span style="display: block; font-variant: small-caps; font-family: 'Bad Script', cursive; font-size:32px; font-weight: bold; letter-spacing: -4px; color : #695D3E; margin-bottom: -10px;" align="center">NOM Prénom</span>
<span style="display: block; text-transform: lowercase; font-family: 'Bad Script', cursive; font-size:20px; letter-spacing: -2px; color : #695D3E; margin-bottom: -10px;" align="center">Une citation illustrant ce que je suis ou ce que je veux</span></tr><tr><td><div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 100px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-left-radius: 100px; border-top-right-radius: 90px; margin-top: -80px;"></div>
<div style="width: 100px; height: 100px; background: url(http://i61.photobucket.com/albums/h58/bourniio/challenge6.png); border: 3px solid white; border-bottom-right-radius: 100px; border-top-left-radius: 100px; margin-left: 90px; margin-top: -80px;"></div></td>
<td><div style="width:90%; margin: auto; font-size: 10px; background-color: white; opacity: 0.8; padding: 10px; border-radius: 20px; box-shadow: 2px 2px 5px #807868;">Qui je suis. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;</div>
<div style="width:90%; margin: auto; font-size: 10px; background-color: white; opacity: 0.8; padding: 10px; border-radius: 20px; box-shadow: 2px 2px 5px #807868;">Ce que je recherche. Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest;</div>
</td></tr></table>
<div style="text-align: right; color:#FFBC00; font-size: 8px; margin-bottom: -30px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div></div>

</link>

<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<div style="width: 300px; margin: auto; font-family: 'Bad Script', cursive; font-size:40px; letter-spacing: -2px; color : white; text-align: center; font-variant: small-caps;">Titre du groupe</div>
<div style="border-bottom: 10px solid #FFE173; width: 500px; margin: auto; border-radius: 100px; box-shadow: 2px 2px 5px #807868; margin-top: -20px;"></div><div style=" width: 500px; margin-left: auto; margin-right: auto; margin-top: -5px; text-align: right; color:#FFBC00; font-size: 7px;">(c) Codage par Asmareth pour <a href="http://www.never-utopia.com/" style="color: white;">Never Utopia</a></div>

<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>
<span style="display: block; font-family: 'Bad Script', cursive; font-size:26px; letter-spacing: -2px; color : white; margin-left: 120px; margin-bottom: -25px;"><span style="font-variant: small-caps;">Nom du lien ¤</span> Nature du lien</span><div style="float: left; margin-top: 18px; width: 100px; height: 100px; background: url(http://26.media.tumblr.com/tumblr_m2ubovhj4d1r65ymxo3_500.gif); border: 2px solid #FFE173; border-top-left-radius: 100px; border-bottom-left-radius: 100px; box-shadow: -2px 2px 5px #807868;"></div>
<div style="margin-left: 100px; width: 400px; padding-left: 10px; height : 104px; background-color: #FFE173; border-top-right-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 2px 2px 5px #807868;"><div style="height: 90px; width: 350px; padding: 15px 5px 5px 5px; overflow: auto; font-size: 11px; line-height: 1.3; color: #695D3E;">Mon texte ici. Blabla blabla. Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla.Mon texte ici. Blabla blabla. encore encore encore encore encore</div></div>

</link>