<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'/>

<div style="width: 550px ; height: 660px ; margin: auto ; background-image: url(http://zupimages.net/up/15/43/yw1k.png) ; border: 2px solid rgb(256,256,256) ; border-radius: 50px ;">
<div style="width: 500px ; height: 90px ; padding: 5px 25px 5px 25px ; font-family : Berkshire Swash ; font-size: 28px ; color: rgb(0,0,0) ; text-shadow: -2px 1px 1px rgb(256,256,256) ; text-align: center ;line-height: 28px ;">Titre que tu peux faire très très très très long sans qu'il n'y ait de soucis de place</div>

<div style="width: 500px; height: 30px ; margin: auto ; font-family: Berkshire Swash ; font-size: 17px ; color: rgb(0,0,0) ;">Featuring Someone</div>
<div style="width: 500px ; height: 420px ; margin: auto ; padding: 5px ; background-color: rgba(256,256,256,0.3) ; font-family: Coming Soon ; font-size: 14px ; color: rgb(0,0,0) ; text-align: justify ; overflow: auto ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus malesuada massa vel euismod. Fusce lacinia a lacus eu consectetur. Nulla facilisi. Aenean mattis egestas lorem, a euismod ipsum. Ut dui metus, lacinia sed orci et, placerat fringilla nunc. Duis vel leo viverra nulla mollis consequat. Aenean fermentum velit id ante dapibus molestie. Nullam hendrerit mollis lobortis. In vel enim venenatis, maximus velit sit amet, scelerisque eros. Ut vehicula malesuada tincidunt. Nunc finibus vestibulum risus, nec imperdiet nisl auctor rhoncus. Pellentesque mattis purus non mi ultricies eleifend.

Sed pharetra libero sed purus pulvinar vehicula. Integer eleifend ipsum at euismod dignissim. Mauris porta enim quam, et ullamcorper tortor sodales accumsan. Maecenas dapibus odio dapibus, consequat sem eu, mattis risus. Etiam dictum pulvinar rhoncus. In nec metus nec nulla blandit porttitor eu et est. Nunc vitae lacinia justo. Morbi a ex pulvinar lacus facilisis ornare tristique faucibus eros. Pellentesque id dolor in nisi faucibus sagittis. Vivamus tempus bibendum sem at posuere. Vestibulum a sem dignissim, cursus erat eget, cursus nunc.

Ut iaculis tortor ac nulla tempor, nec venenatis lectus pulvinar. Duis euismod ex a fringilla vulputate. Sed consectetur augue quis risus gravida porttitor. Proin imperdiet ultrices bibendum. Integer neque dui, pellentesque eget mi eu, lobortis viverra odio. Fusce at consequat magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ex euismod, posuere enim sed, malesuada erat. Donec efficitur gravida neque sed ultrices. Donec ut accumsan odio. Vestibulum ante ante, mollis at volutpat sit amet, tempus eu lorem. Donec vestibulum dictum eros, sit amet malesuada ipsum efficitur quis. Curabitur ac sem lorem. Pellentesque sem tortor, tempus aliquam iaculis ut, convallis sit amet ipsum. Nulla non pharetra eros. Sed sed ultricies elit, vel lobortis nibh.

Aenean imperdiet nisl vel mauris viverra consectetur. Maecenas sed lacus at diam viverra gravida. Maecenas sit amet magna volutpat, aliquam orci ut, vulputate nunc. Duis varius nisi in neque placerat, vel ullamcorper velit lacinia. Aenean augue quam, vulputate et varius eu, feugiat vel nisi. Nulla at felis eu arcu molestie bibendum et eu orci. Proin vitae nisi eget leo rhoncus finibus. Nunc fermentum blandit metus vel iaculis. In dictum ullamcorper consectetur. Ut quis iaculis mi. Quisque congue malesuada turpis, et lobortis nisi. Pellentesque convallis lacus in dolor egestas condimentum. Suspendisse in lectus eu enim faucibus gravida quis at quam. Vivamus id lacus lectus.

Nullam posuere, orci ac gravida luctus, erat elit condimentum elit, in fringilla purus nisi et velit. Cras venenatis augue vel augue mattis lobortis. Phasellus et lorem dui. Quisque faucibus molestie massa vitae lobortis. Vivamus commodo semper augue, et laoreet eros aliquet non. Curabitur fermentum ultricies orci, at blandit nunc maximus ut. Integer eget ex eu urna dictum aliquet sed et lacus. Vivamus volutpat blandit bibendum. Phasellus vitae tristique nisl. Sed sagittis leo in dui efficitur, a laoreet nisi consequat. Nam ex nulla, pretium bibendum dolor at, tristique porta velit. Cras nisi augue, auctor ac dui sit amet, convallis tempus mauris. Sed mollis orci non ex blandit ornare. Suspendisse tempus urna eu ligula tempor semper.</div>

<div style="width: 550px ; height: 10px ; font-family: times new roman ; font-size: 11px ; color: rgb(0,0,0) ; text-align: center">Code par xLitlle Rainbow</div>
</div>

<link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Copse' rel='stylesheet' type='text/css'/>

<div style="width: 450px ; height: 100px ; padding: 25px ; margin: auto ; background-image: url(http://25.media.tumblr.com/960828cf4f8a38e99083687d215a720b/tumblr_mwq48za2pd1s07v26o2_500.gif) ; border-radius: 60px ; font-family : Special Elite ; font-size: 32px ; color: rgb(0,0,0) ; text-shadow: 2px 1px 1px rgb(256,256,256) ; text-align: justify ; border: 5px solid rgb(63,0,0) ; position: relative ; z-index: 1 ; line-height: 28px ;">Titre qui doit pouvoir être super maxi trop long</div>
<div style="width: 580px ; height: auto ; padding: 60px 10px 5px 10px ; margin-left: 80px ; margin-top: -100px ; border: 7px double rgb(0,0,0) ; background-color: rgb(124,18,18) ; font-family: Copse ; font-size: 14px ; color: rgb(230,230,230) ; text-align: justify ; position: relative ; z-index: 0 ;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus malesuada massa vel euismod. Fusce lacinia a lacus eu consectetur. Nulla facilisi. Aenean mattis egestas lorem, a euismod ipsum. Ut dui metus, lacinia sed orci et, placerat fringilla nunc. Duis vel leo viverra nulla mollis consequat. Aenean fermentum velit id ante dapibus molestie. Nullam hendrerit mollis lobortis. In vel enim venenatis, maximus velit sit amet, scelerisque eros. Ut vehicula malesuada tincidunt. Nunc finibus vestibulum risus, nec imperdiet nisl auctor rhoncus. Pellentesque mattis purus non mi ultricies eleifend.

Sed pharetra libero sed purus pulvinar vehicula. Integer eleifend ipsum at euismod dignissim. Mauris porta enim quam, et ullamcorper tortor sodales accumsan. Maecenas dapibus odio dapibus, consequat sem eu, mattis risus. Etiam dictum pulvinar rhoncus. In nec metus nec nulla blandit porttitor eu et est. Nunc vitae lacinia justo. Morbi a ex pulvinar lacus facilisis ornare tristique faucibus eros. Pellentesque id dolor in nisi faucibus sagittis. Vivamus tempus bibendum sem at posuere. Vestibulum a sem dignissim, cursus erat eget, cursus nunc.

Ut iaculis tortor ac nulla tempor, nec venenatis lectus pulvinar. Duis euismod ex a fringilla vulputate. Sed consectetur augue quis risus gravida porttitor. Proin imperdiet ultrices bibendum. Integer neque dui, pellentesque eget mi eu, lobortis viverra odio. Fusce at consequat magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ex euismod, posuere enim sed, malesuada erat. Donec efficitur gravida neque sed ultrices. Donec ut accumsan odio. Vestibulum ante ante, mollis at volutpat sit amet, tempus eu lorem. Donec vestibulum dictum eros, sit amet malesuada ipsum efficitur quis. Curabitur ac sem lorem. Pellentesque sem tortor, tempus aliquam iaculis ut, convallis sit amet ipsum. Nulla non pharetra eros. Sed sed ultricies elit, vel lobortis nibh.

Aenean imperdiet nisl vel mauris viverra consectetur. Maecenas sed lacus at diam viverra gravida. Maecenas sit amet magna volutpat, aliquam orci ut, vulputate nunc. Duis varius nisi in neque placerat, vel ullamcorper velit lacinia. Aenean augue quam, vulputate et varius eu, feugiat vel nisi. Nulla at felis eu arcu molestie bibendum et eu orci. Proin vitae nisi eget leo rhoncus finibus. Nunc fermentum blandit metus vel iaculis. In dictum ullamcorper consectetur. Ut quis iaculis mi. Quisque congue malesuada turpis, et lobortis nisi. Pellentesque convallis lacus in dolor egestas condimentum. Suspendisse in lectus eu enim faucibus gravida quis at quam. Vivamus id lacus lectus.

Nullam posuere, orci ac gravida luctus, erat elit condimentum elit, in fringilla purus nisi et velit. Cras venenatis augue vel augue mattis lobortis. Phasellus et lorem dui. Quisque faucibus molestie massa vitae lobortis. Vivamus commodo semper augue, et laoreet eros aliquet non. Curabitur fermentum ultricies orci, at blandit nunc maximus ut. Integer eget ex eu urna dictum aliquet sed et lacus. Vivamus volutpat blandit bibendum. Phasellus vitae tristique nisl. Sed sagittis leo in dui efficitur, a laoreet nisi consequat. Nam ex nulla, pretium bibendum dolor at, tristique porta velit. Cras nisi augue, auctor ac dui sit amet, convallis tempus mauris. Sed mollis orci non ex blandit ornare. Suspendisse tempus urna eu ligula tempor semper.

<div style="width: 550px ; height: 10px ; font-family: times new roman ; font-size: 11px ; color: rgb(0,0,0) ; text-align: center">Code par xLitlle Rainbow</div></div>

<link href='https://fonts.googleapis.com/css?family=Lemon' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'/>

<div style="width: 500px ; height: 540px ; margin: auto ; background-image: url(http://zupimages.net/up/15/43/i6mo.png) ; border-radius: 50px ; box-shadow: 2px 1px 2px rgb(256,256,256) ; ">
<div style="width: 450px ; height: 50px ; margin: auto ; font-family: Lemon ; font-size: 24px ; text-align: center ; color: rgb(190,190,190) ; text-shadow: 0 0 1px rgb(0,0,0) ;">Titre qui peut certainement s'agrandir (en vrai il PEUT s'agrandir à fond)</div>
<div style="width: 480px ; padding: 10px ; font-family: Lemon ; font-size: 16px ; color: rgb(210,210,210) ; text-align: right ; text-shadow: 0 0 1px rgb(0,0,0) ;">Avec Quelqu'un</div>
<div style="width: 500px ; height: 350px ; padding: 0px 10px 0px 10px ; background-color: rgba(256,256,256,0.6) ; font-family: Coming Soon ; font-size: 13px ; color: rgb(7,7,63) ; text-align: justify ; overflow: auto ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus malesuada massa vel euismod. Fusce lacinia a lacus eu consectetur. Nulla facilisi. Aenean mattis egestas lorem, a euismod ipsum. Ut dui metus, lacinia sed orci et, placerat fringilla nunc. Duis vel leo viverra nulla mollis consequat. Aenean fermentum velit id ante dapibus molestie. Nullam hendrerit mollis lobortis. In vel enim venenatis, maximus velit sit amet, scelerisque eros. Ut vehicula malesuada tincidunt. Nunc finibus vestibulum risus, nec imperdiet nisl auctor rhoncus. Pellentesque mattis purus non mi ultricies eleifend.

Sed pharetra libero sed purus pulvinar vehicula. Integer eleifend ipsum at euismod dignissim. Mauris porta enim quam, et ullamcorper tortor sodales accumsan. Maecenas dapibus odio dapibus, consequat sem eu, mattis risus. Etiam dictum pulvinar rhoncus. In nec metus nec nulla blandit porttitor eu et est. Nunc vitae lacinia justo. Morbi a ex pulvinar lacus facilisis ornare tristique faucibus eros. Pellentesque id dolor in nisi faucibus sagittis. Vivamus tempus bibendum sem at posuere. Vestibulum a sem dignissim, cursus erat eget, cursus nunc.

Ut iaculis tortor ac nulla tempor, nec venenatis lectus pulvinar. Duis euismod ex a fringilla vulputate. Sed consectetur augue quis risus gravida porttitor. Proin imperdiet ultrices bibendum. Integer neque dui, pellentesque eget mi eu, lobortis viverra odio. Fusce at consequat magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ex euismod, posuere enim sed, malesuada erat. Donec efficitur gravida neque sed ultrices. Donec ut accumsan odio. Vestibulum ante ante, mollis at volutpat sit amet, tempus eu lorem. Donec vestibulum dictum eros, sit amet malesuada ipsum efficitur quis. Curabitur ac sem lorem. Pellentesque sem tortor, tempus aliquam iaculis ut, convallis sit amet ipsum. Nulla non pharetra eros. Sed sed ultricies elit, vel lobortis nibh.

Aenean imperdiet nisl vel mauris viverra consectetur. Maecenas sed lacus at diam viverra gravida. Maecenas sit amet magna volutpat, aliquam orci ut, vulputate nunc. Duis varius nisi in neque placerat, vel ullamcorper velit lacinia. Aenean augue quam, vulputate et varius eu, feugiat vel nisi. Nulla at felis eu arcu molestie bibendum et eu orci. Proin vitae nisi eget leo rhoncus finibus. Nunc fermentum blandit metus vel iaculis. In dictum ullamcorper consectetur. Ut quis iaculis mi. Quisque congue malesuada turpis, et lobortis nisi. Pellentesque convallis lacus in dolor egestas condimentum. Suspendisse in lectus eu enim faucibus gravida quis at quam. Vivamus id lacus lectus.

Nullam posuere, orci ac gravida luctus, erat elit condimentum elit, in fringilla purus nisi et velit. Cras venenatis augue vel augue mattis lobortis. Phasellus et lorem dui. Quisque faucibus molestie massa vitae lobortis. Vivamus commodo semper augue, et laoreet eros aliquet non. Curabitur fermentum ultricies orci, at blandit nunc maximus ut. Integer eget ex eu urna dictum aliquet sed et lacus. Vivamus volutpat blandit bibendum. Phasellus vitae tristique nisl. Sed sagittis leo in dui efficitur, a laoreet nisi consequat. Nam ex nulla, pretium bibendum dolor at, tristique porta velit. Cras nisi augue, auctor ac dui sit amet, convallis tempus mauris. Sed mollis orci non ex blandit ornare. Suspendisse tempus urna eu ligula tempor semper. </div>
<div style="width: 500px ; height: 10px ; font-family: times new roman ; font-size: 11px ; color: rgb(256,256,256) ; text-align: center">Code par xLitlle Rainbow</div>
</div>

<style>.titre_shiranui{width:250px;height:45px;padding:50px;margin:auto;background-image:url(http://zupimages.net/up/15/44/dneh.png);border-radius:5px;box-shadow: 0 0 1px rgb(0,0,0);font-family:Indie Flower;font-size:70px;color:rgb(0,0,0);text-shadow: 2px 2px 3px rgb(256,256,256);text-align:center;}.citation_shiranui{width:450px;height:auto;margin:auto;font-family:Courrier News;font-size:14px;color:rgb(66,197,218);text-shadow: 0 0 1px rgb(0,0,0);text-align:center;}.link_left_shira{width:190px;height:90px;padding:5px;background-color:rgba(256,256,256,0.6);position:relative;font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;}.link_left_shira img{opacity:1;top:0;left:0;position:absolute;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}.link_left_shira img:hover{opacity:0;}.zone_texte_shira{width:240px;height:450px;padding:5px;margin-left:210px;margin-top:-480px;background-color:rgb(180,180,180);border:7px double rgb(74,18,18);font-family:Poiret One;font-size:15px;color:rgb(52,59,159);text-align:justify;overflow:auto;}.link_right_shira{width:190px;height:90px;padding:5px;margin-left:480px;position:relative;background-color:rgba(256,256,256,0.6);font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.link_right_shira img{opacity:1;top:0;left:0;position:absolute;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}.link_right_shira img:hover{opacity:0;}.RP_shira_titre{font-family:Indie Flower;font-size:25px;color:rgb(0,0,0);text-shadow:0 0 1px rgb(256,256,256);text-align:center;}.RP_UC_shira{width:240px;height:220px;padding:5px;margin-left:75px;margin-top:20px;background-color:rgb(150,150,150);border: 5px solid rgb(54,230,219);border-radius:10px;font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.RP_finish_shira{width:240px;height:220px;padding:5px;margin-left:340px;margin-top:-257px;background-color:rgb(150,150,150);border: 5px solid rgb(54,230,219);border-radius:10px;font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;overflow:auto;}
</style>

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'/>

<div class="titre_shiranui">Shiranui</div>
<div class="citation_shiranui">Citation que tu peux rallonger à l'infini comme je le dis bien souvent dans mes titres o/</div>
<div class="link_left_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="zone_texte_shira">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam finibus accumsan ante id congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare luctus sem a porttitor. Aliquam at turpis neque. Pellentesque commodo finibus augue et blandit. Morbi iaculis, nisi quis ultricies finibus, libero dolor accumsan massa, egestas aliquet sem velit sed felis. Morbi sed odio eget est convallis eleifend. Donec scelerisque ultricies eros, quis venenatis mauris tempor id. Sed vulputate egestas lacus, non sodales dui sagittis consequat. Morbi quam elit, vehicula id magna ut, iaculis posuere dui. Nullam in pretium ex. Nam dictum semper ligula. Vivamus erat orci, lobortis ac lorem ut, interdum eleifend diam.

Quisque consequat cursus eros, non finibus neque sodales ac. Fusce eget tortor vel lorem feugiat vehicula ac nec felis. Maecenas iaculis, libero eget porttitor mattis, lorem velit congue leo, at hendrerit nunc massa sit amet dolor. Curabitur vehicula nulla nec lectus commodo, vel venenatis sem viverra. Nullam placerat quis nulla lobortis rutrum. Vestibulum ultrices sapien sed laoreet suscipit. Curabitur sit amet pellentesque nibh. Proin suscipit est sit amet porttitor lobortis.

Donec vel viverra mi, et dapibus est. Suspendisse elit odio, porttitor vel auctor vel, fringilla ac risus. Phasellus sit amet nibh at lectus euismod tempus. Nullam rhoncus eu dolor ac dapibus. Morbi ultricies imperdiet venenatis. Donec feugiat viverra erat, sed iaculis augue tristique in. Nulla viverra turpis vitae mi cursus faucibus sed nec ante. Morbi vehicula tristique egestas. Praesent nec mattis risus, porttitor viverra odio. Nunc eget risus placerat, pulvinar nulla ut, luctus nibh. Aliquam purus diam, commodo vitae ligula id, rhoncus condimentum turpis. </div>
<div class="link_right_shira" style="margin-top:-485px"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shira"><img src="http://zupimages.net/up/15/44/x02p.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="RP_UC_shira"><div class="RP_shira_titre">RPs en cours</div>Blablablabla</div>
<div class="RP_finish_shira"><div class="RP_shira_titre">RPs terminés</div>Blablablabla</div>

<style>.titre_shadowL{width:290px;height:45px;padding:50px 10px 50px 10px;margin:auto;background-image:url(http://zupimages.net/up/15/44/4a1w.jpg);border-radius:5px;box-shadow: 0 0 1px rgb(0,0,0);font-family:Indie Flower;font-size:60px;color:rgb(0,0,0);text-shadow: 2px 2px 3px rgb(256,256,256);text-align:center;}.citation_shadowL{width:450px;height:auto;margin:auto;font-family:Courrier News;font-size:14px;color:rgb(40,202,15);text-shadow: 0 0 1px rgb(0,0,0);text-align:center;}.link_left_shadowL{width:190px;height:90px;padding:5px;background-color:rgba(256,256,256,0.6);position:relative;font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;}.link_left_shadowL img{opacity:1;top:0;left:0;position:absolute;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}.link_left_shadowL img:hover{opacity:0;}.zone_texte_shadowL{width:240px;height:450px;padding:5px;margin-left:210px;margin-top:-480px;background-color:rgb(20,20,20);border:7px double rgb(29,114,16);font-family:Poiret One;font-size:15px;color:rgb(240,240,240);text-align:justify;overflow:auto;}.link_right_shadowL{width:190px;height:90px;padding:5px;margin-left:480px;position:relative;background-color:rgba(256,256,256,0.6);font-family:Poiret One;font-size:13px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.link_right_shadowL img{opacity:1;top:0;left:0;position:absolute;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}.link_right_shadowL img:hover{opacity:0;}.RP_shadowL_titre{font-family:Indie Flower;font-size:25px;color:rgb(0,0,0);text-shadow:0 0 1px rgb(256,256,256);text-align:center;}.RP_UC_shadowL{width:240px;height:220px;padding:5px;margin-left:75px;margin-top:20px;background-color:rgb(11,40,6);border: 5px solid rgb(0,0,0);border-radius:10px;font-family:Poiret One;font-size:13px;color:rgb(210,210,210);text-align:justify;overflow:auto;}.RP_finish_shadowL{width:240px;height:220px;padding:5px;margin-left:340px;margin-top:-257px;background-color:rgb(11,40,6);border: 5px solid rgb(0,0,0);border-radius:10px;font-family:Poiret One;font-size:13px;color:rgb(210,210,210);text-align:justify;overflow:auto;}
</style>

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'/>

<div class="titre_shadowL">ShadowLight</div>
<div class="citation_shadowL">Citation que tu peux rallonger à l'infini comme je le dis bien souvent dans mes titres o/</div>
<div class="link_left_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_left_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="zone_texte_shadowL">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam finibus accumsan ante id congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare luctus sem a porttitor. Aliquam at turpis neque. Pellentesque commodo finibus augue et blandit. Morbi iaculis, nisi quis ultricies finibus, libero dolor accumsan massa, egestas aliquet sem velit sed felis. Morbi sed odio eget est convallis eleifend. Donec scelerisque ultricies eros, quis venenatis mauris tempor id. Sed vulputate egestas lacus, non sodales dui sagittis consequat. Morbi quam elit, vehicula id magna ut, iaculis posuere dui. Nullam in pretium ex. Nam dictum semper ligula. Vivamus erat orci, lobortis ac lorem ut, interdum eleifend diam.

Quisque consequat cursus eros, non finibus neque sodales ac. Fusce eget tortor vel lorem feugiat vehicula ac nec felis. Maecenas iaculis, libero eget porttitor mattis, lorem velit congue leo, at hendrerit nunc massa sit amet dolor. Curabitur vehicula nulla nec lectus commodo, vel venenatis sem viverra. Nullam placerat quis nulla lobortis rutrum. Vestibulum ultrices sapien sed laoreet suscipit. Curabitur sit amet pellentesque nibh. Proin suscipit est sit amet porttitor lobortis.

Donec vel viverra mi, et dapibus est. Suspendisse elit odio, porttitor vel auctor vel, fringilla ac risus. Phasellus sit amet nibh at lectus euismod tempus. Nullam rhoncus eu dolor ac dapibus. Morbi ultricies imperdiet venenatis. Donec feugiat viverra erat, sed iaculis augue tristique in. Nulla viverra turpis vitae mi cursus faucibus sed nec ante. Morbi vehicula tristique egestas. Praesent nec mattis risus, porttitor viverra odio. Nunc eget risus placerat, pulvinar nulla ut, luctus nibh. Aliquam purus diam, commodo vitae ligula id, rhoncus condimentum turpis. </div>
<div class="link_right_shadowL" style="margin-top:-485px"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="link_right_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>
<div class="RP_UC_shadowL"><div class="RP_shadowL_titre">RPs en cours</div>Blablablabla</div>
<div class="RP_finish_shadowL"><div class="RP_shadowL_titre">RPs terminés</div>Blablablabla</div>

<div class="link_left_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>

<div class="link_right_shadowL"><img src="http://zupimages.net/up/15/44/grxh.png"/>Là tu peux écrire le descriptif de ton lien</div>

<style>.bg_keirano{width:600px;height:auto;margin:auto;border-left:8px solid rgb(0,0,0);border-right:8px solid rgb(0,0,0);background-color:rgb(104,5,5);}.title_keirano{width:300px;padding:15px;margin:auto;font-family:Black Ops One;font-size:50px;color:rgb(0,0,0);text-shadow:1px 1px rgb(102,176,195);text-align:center;}.citation_keirano{width:400px;height:50px;padding:10px;margin:auto;font-family: Courrier News;font-size:14px;color:rgb(0,0,0);text-shadow:0 0 1px rgb(256,256,256);text-align:center;}.ava_keirano{border-radius:35px;border:2px solid rgb(256,256,256);margin-left:15px;margin-top:15px;float:left;}.link_block_left{width:12px;height:132px;padding:4px 4px 4px 40px;margin-left:85px;margin-top:5px;background-color:rgba(256,256,256,0.7);border:5px double rgb(27,36,162);font-family:Gochi Hand;font-size:13px;color:rgb(0,0,0);text-align:justify;transition:2s;-moz-transition:2s;-webkit-trasition:2s;-o-transition:2s;overflow:auto;}.link_block_left:hover{width:156px;height:132px;}.link_block_right{width:12px;height:132px;padding:4px 4px 4px 40px;margin-left:300px;margin-top:5px;background-color:rgba(256,256,256,0.7);border:5px double rgb(27,36,162);font-family:Gochi Hand;font-size:13px;color:rgb(0,0,0);text-align:justify;transition:2s;-moz-transition:2s;-webkit-trasition:2s;-o-transition:2s;overflow:auto;}.link_block_right:hover{width:192px;height:132px;}.bg_keirano_img_left{width:80px;height:150px;margin-left:25px;margin-top:-150px;border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border:1px solid rgb(0,0,0);}.bg_keirano_img_right{width:80px;height:150px;margin-left:250px;margin-top:-150px;border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border:1px solid rgb(0,0,0);}.prez_keirano{width:538px;height:auto;margin:auto;padding:3px;margin:auto;border:3px solid rgb(27,36,162);background-color:rgba(256,256,256,0.7);text-align:justify;}.RP_UC_keirano{width:240px;height:240px;padding:5px;margin-left:35px;border:3px solid rgb(27,36,162);background-color:rgba(256,256,256,0.7);font-family:Gochi Hand;font-size:13px;color:rgb(0,0,0);text-align: left;overflow:auto;}.RP_UC_keirano a{text-decoration:none;text-shadow:1px 1px rgb(102,176,195);}.RP_finished_keirano{width:240px;height:240px;padding:5px;margin-left:320px;margin-top:-270px;border:3px solid rgb(27,36,162);background-color:rgba(256,256,256,0.7);font-family:Gochi Hand;font-size:13px;color:rgb(0,0,0);text-align:left;overflow:auto;}.RP_finished_keirano a{text-decoration:none;text-shadow:-1px 1px rgb(183,7,7);}.copy{width:500px;margin:auto;font-family:times new roman;font-size:10px;color:rgb(0,0,0);text-shadow:0 0 1px rgb(256,256,256);text-align:center;}.snd_title_keirano{width:230px;height:20px;font-family:Black Ops One;font-size:20px;color:rgb(0,0,0);text-align:center;}</style>

<link href='https://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'/>

<div class="bg_keirano">
<div class="title_keirano">Keïrano</div>
<div class="citation_keirano">Écris ici une citation ou un sous titre</div>
<div class="prez_keirano"><img src="http://zupimages.net/up/15/44/1r9p.png" class="ava_keirano">Blablabla la taille du truc va s'adapter à la longueur de ton texte


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc accumsan hendrerit metus, vel sollicitudin urna accumsan quis. Vivamus pellentesque nunc commodo purus cursus, sed bibendum magna varius. Ut pretium malesuada turpis, eu porta leo rutrum vitae. Morbi fringilla dapibus molestie. Aliquam lacinia faucibus lacus in venenatis. Ut sodales nibh a massa tristique sagittis. Ut pretium nisl molestie, mattis nibh quis, lacinia nulla. Aenean quis libero pulvinar, tempor nulla at, hendrerit ligula. Donec venenatis vel enim nec efficitur. Pellentesque sollicitudin rutrum interdum.

Donec id tincidunt eros. Ut non massa pulvinar, laoreet velit vel, tincidunt nulla. Vivamus euismod, augue vitae dignissim vestibulum, justo purus efficitur enim, sit amet luctus ante dolor sed purus. Curabitur porta metus et est pretium, placerat cursus velit lacinia. Maecenas tincidunt commodo sollicitudin. Nulla porta volutpat orci, sed fringilla nibh venenatis ac. Donec aliquet sit amet nisi eu mollis. Pellentesque eget erat et magna dapibus euismod a ac est. Sed mattis nisi tristique, molestie quam id, hendrerit nisl. Praesent vitae tellus id justo venenatis congue. Nulla viverra nibh quam, maximus tincidunt lorem pharetra sed. Vestibulum fermentum eget arcu et accumsan.

Morbi varius metus lacus, et suscipit felis venenatis vitae. Curabitur cursus odio nunc, vel dapibus lorem tincidunt facilisis. Phasellus tristique non libero non pretium. Nulla viverra vestibulum commodo. Vivamus ultrices gravida elit, faucibus malesuada ante mollis nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer nec dui eu risus tempus vehicula vitae et diam. Proin tempus erat id elit volutpat, id ornare elit porttitor. Ut hendrerit faucibus mauris ut scelerisque. Fusce nec lorem vitae purus pellentesque pellentesque. Sed pharetra eget orci vitae molestie. </div>

<div class="link_block_left">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/lnxo.gif" class="bg_keirano_img_left"/>
<div class="link_block_right">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/w9dp.png" class="bg_keirano_img_right"/>
<div class="link_block_left">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/lnxo.gif" class="bg_keirano_img_left"/>
<div class="link_block_right">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/w9dp.png" class="bg_keirano_img_right"/>
<div class="link_block_left">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/lnxo.gif" class="bg_keirano_img_left"/>
<div class="link_block_right">Blablabla décris ton lien</div><img src="http://zupimages.net/up/15/44/w9dp.png" class="bg_keirano_img_right"/>

<div class="RP_UC_keirano"><div class="snd_title_keirano">RPs en cours</div>
<a href="URL DU RP">Blop blop blop</a> rajoute un commentaire
<a href="URL DU RP">Blop blop blop</a> rajoute un commentaire</div>
<div class="RP_finished_keirano"><div class="snd_title_keirano">RPs en terminés</div>
<a href="URL DU RP">Blop blop blop</a> rajoute un commentaire
<a href="URL DU RP">Blop blop blop</a> rajoute un commentaire</div>

<div class="copy">Code par xLittleRainbow</div>
</div>

<link href='https://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'/>

<div style="width: 520px; height: auto ; padding: 15px ; margin: auto ; background: linear-gradient(rgb(32,68,165),rgb(178,14,14)) ; border-radius:50px ; border: 3px solid rgb(0,0,0) ; font-family: Gochi Hand ; font-size: 13px ; color: rgb(210,210,210) ; text-align: justify;">
<div style="width:500px ; height: 100px ; padding: 20px 25px 5px 25px; font-family: Black Ops One ; font-size: 27px ; line-height: 35px ; color: rgb(0,0,0) ; text-shadow: -2px 1px 1px rgb(256,256,256) ; text-align: center;">Titre qui peut se rallonger long long long long long</div>
<div style="width:530px; padding:5px ; font-family: Black Ops One ; font-size: 18px ; color: rgb(0,0,0) ; text-align: right;">Featuring Someone</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc accumsan hendrerit metus, vel sollicitudin urna accumsan quis. Vivamus pellentesque nunc commodo purus cursus, sed bibendum magna varius. Ut pretium malesuada turpis, eu porta leo rutrum vitae. Morbi fringilla dapibus molestie. Aliquam lacinia faucibus lacus in venenatis. Ut sodales nibh a massa tristique sagittis. Ut pretium nisl molestie, mattis nibh quis, lacinia nulla. Aenean quis libero pulvinar, tempor nulla at, hendrerit ligula. Donec venenatis vel enim nec efficitur. Pellentesque sollicitudin rutrum interdum.

Donec id tincidunt eros. Ut non massa pulvinar, laoreet velit vel, tincidunt nulla. Vivamus euismod, augue vitae dignissim vestibulum, justo purus efficitur enim, sit amet luctus ante dolor sed purus. Curabitur porta metus et est pretium, placerat cursus velit lacinia. Maecenas tincidunt commodo sollicitudin. Nulla porta volutpat orci, sed fringilla nibh venenatis ac. Donec aliquet sit amet nisi eu mollis. Pellentesque eget erat et magna dapibus euismod a ac est. Sed mattis nisi tristique, molestie quam id, hendrerit nisl. Praesent vitae tellus id justo venenatis congue. Nulla viverra nibh quam, maximus tincidunt lorem pharetra sed. Vestibulum fermentum eget arcu et accumsan.

Morbi varius metus lacus, et suscipit felis venenatis vitae. Curabitur cursus odio nunc, vel dapibus lorem tincidunt facilisis. Phasellus tristique non libero non pretium. Nulla viverra vestibulum commodo. Vivamus ultrices gravida elit, faucibus malesuada ante mollis nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer nec dui eu risus tempus vehicula vitae et diam. Proin tempus erat id elit volutpat, id ornare elit porttitor. Ut hendrerit faucibus mauris ut scelerisque. Fusce nec lorem vitae purus pellentesque pellentesque. Sed pharetra eget orci vitae molestie.

<div style="width: 550px ; font-family: times new roman ; font-size: 10px ; color: rgb(250,250,250) ; text-align: center">Code par xLittleRainbow</div>
</div>