<link href='https://fonts.googleapis.com/css?family=Abril|Engagement' rel='stylesheet' type='text/css'/>

<style>.container_Mystrall{width:85%;height:auto;margin:auto;border-left:4px solid rgb(7,191,212);border-right:4px solid rgb(7,191,212);border-radius:50px 50px 0px 0px/15px 15px 0px 0px;}.header_Mystrall{width:100%;height:200px;margin-top:-17px;padding:25px 0px 5px 0px;background-image:url(http://www.wallfizz.com/nature/montagne/4277-montagne-tres-enneigee-WallFizz.jpg);background-size:100% 100%; border-bottom:4px solid rgb(7,191,212);border-radius:50px 50px 0px 0px/15px 15px 0px 0px;font-family:Engagement;font-size:40px;text-align:center;line-height:35px;text-shadow:-3px 2px 8px rgb(256,256,256);}.feat_Mystrall{width:100%;height:50px;font-family:Engagement;font-size:28px;text-decoration:bold;text-align:center;}.texte_Mystrall{width:100%;height:auto;margin-top:-35px;background-color:rgb(235,235,235);font-family:Abril;font-size:15px;text-align:justify;color:rgb(216,26,52);}.copy_Mystrall{width:100%;font-family:Times New Roman;font-size:9px;color:rgb(0,0,0);text-align:center;}
</style>

<div class="container_Mystrall">
<div class="header_Mystrall">Titre qui peut être franchement long sans qu'il n'y ait le moindre soucis !
<div class="feat_Mystrall">Mystrall & Someone</div></div>

<div class="texte_Mystrall">
Blablablabla

</div>

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

<link href='https://fonts.googleapis.com/css?family=Berkshire+Swash|Comfortaa' rel='stylesheet' type='text/css'/>

<style>.title_container{width:80%;height:300px;margin:auto;padding:25px;background-image:url(http://img07.deviantart.net/a13d/i/2014/078/c/1/cherry_blossoms___violet_by_blossomthemeerkat-d7aut9j.jpg);background-size:100% 100%;}.title_Kora{width:50%;height:100px;margin:auto;font-family:Berkshire Swash;font-size:40px;color:rgb(74,35,112);text-shadow:0px 1px rgb(256,256,256);text-align:center;text-decoration:underline;line-height:40px;text-align:center;}.undertitle_Kora{width:60%;height:50px;line-height:110px;margin:auto;font-family:Berkshire Swash;font-size:30px;color:rgb(200,200,200);text-shadow:1px 1px rgb(0,0,0);text-align:center;}.container_links{width:80%;height:auto;margin:auto;margin-top:-40px;padding:25px;background-color:rgb(131,3,63);border-top:4px solid rgb(0,0,0);}.small_titles{width:100%;height:50px;line-height:50px;font-family:Berkshire Swash;font-size:18px;color:rgb(0,0,0);text-align:center;}.description_Kora{width:93%;height:140px;margin-top:-150px;padding:5px 10px 5px 10px;background-color:rgb(84,38,119);border:3px solid rgb(0,0,0);font-family:Comfortaa;font-size:14px;color:rgb(240,240,240);text-align:justify;overflow:auto;}.find_Kora{width:85%;height:300px;paddind:5px 10px 5px 10px;background-color:rgb(84,38,119);border:3px solid rgb(0,0,0);font-family:Comfortaa;font-size:14px;color:rgb(240,240,240);text-align:justify;overflow:auto;}.looking_for{width:85%;height:300px;paddind:5px 10px 5px 10px;background-color:rgb(84,38,119);border:3px solid rgb(0,0,0);font-family:Comfortaa;font-size:14px;color:rgb(240,240,240);text-align:justify;overflow:auto;}.image_Kora{width:85%;height:100px;paddind:5px 10px 5px 10px;margin:auto;background-color:rgb(84,38,119);border:3px solid rgb(0,0,0);position:relative;}.image_Kora img{position:absolute;top:5%;left:5%;}.RPs_Kora{width:85%;height:180px;margin:auto;paddind:5px 10px 5px 10px;background-color:rgb(84,38,119);border:3px solid rgb(0,0,0);font-family:Comfortaa;font-size:14px;color:rgb(240,240,240);text-align:justify;overflow:auto;}.RPs_Kora a{text-decoration:none;color:rgb(144,132,154);}.RPs_Kora a:hover{text-decoration:none;font-weight:bold;}.copy_Kora{width:100%;font-family:Times New Roman;font-size:9px;color:rgb(240,240,240);text-align:center;}</style>

<div class="title_container">
<div class="title_Kora">Titre dont la longueur peut s'adapter</div>
<div class="undertitle_Kora">Kora</div>
</div>

<div class="container_links">
<table width="100%">
<tr width="99%"><td colspan="3">
<div class="description_Kora"><div class="small_titles">Description</div>
Blablablabla
</div></td>
</tr>
<tr width="100%">
<td width="33%">
<div class="find_Kora"><div class="small_titles">J'ai trouvé</div>
Blablablabla
</div>
</td>
<td width="33%">
<div class="looking_for"><div class="small_titles">Je recherche</div>
Blablablabla
</div>
</td>
<td width="33%">
<div class="image_Kora"><img src="URL"/></div>
<div class="RPs_Kora"><div class="small_titles">RPs en cours</div>
<a href="URL">Ceci est un futur lien</a>
<a href="URL">Ceci est un futur lien</a>
<a href="URL">Ceci est un futur lien</a>
<a href="URL">Ceci est un futur lien</a>
</div>
</td>
</tr>
</table>

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

<link href='https://fonts.googleapis.com/css?family=Ruthie|Sofia' rel='stylesheet' type='text/css'/>

<style>.container_dream{width:85%;height:400px;margin:auto;padding:10px 12px 10px 12px;background-image:linear-gradient(rgb(250,250,250),rgb(120,120,120));position:relative;border-radius:60px 60px 0px 0px;}.container_dream img{width:100%;height:100%;position:absolute;top:0;left:0;transition:all 2s ease;border-radius:60px 60px 0px 0px;opacity:1;}.container_dream img:hover{opacity:0.1;}.title_dream{width:60%;height:250px;line-height:55px;margin:auto;font-family:Ruthie;font-size:50px;color:rgb(0,0,0);text-shadow:2px 3px 20px rgb(18,10,138);}.undertitle_dream{width:95%;height:50px;line-height:50px;margin:auto;font-family:Ruthie;font-size:30px;color:rgb(0,0,0);text-shadow:-2px 2px 15px rgb(163,103,242);}.text_dream{width:85%;height:auto;margin:auto;margin-top:-36px;padding:10px;border:2px solid rgb(25,8,91);background-color:rgb(170,170,170);font-family:Sofia;font-size:14px;color:rgb(0,16,124);text-align:justify;}.copy_dream {width:100%;font-family:Times New Roman;font-size:9px;color:rgb(0,0,0);text-align:center;}
</style>

<div class="container_dream"><img src="http://img0.ndsstatic.com/wallpapers/4d4f500ceafc66aabafa8af0b2472778_large.jpeg">
<div class="title_dream">Titre qui peut se rallonger de plus en plus, toujours plus !</div>

<div class="undertitle_dream">Featuring ou citation</div>
</div>

<div class="text_dream">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu nunc scelerisque, placerat enim nec, euismod nisi. Nulla ut iaculis felis, sit amet ultrices lectus. Etiam suscipit odio sit amet risus porta imperdiet. Integer purus nunc, blandit quis orci sit amet, blandit mollis eros. Morbi nec neque sed tortor dapibus dignissim. In aliquam mattis justo. Etiam a porttitor ipsum. Duis euismod eleifend nisi eget suscipit. In eget faucibus dui, blandit interdum odio.

Nullam ut euismod velit, suscipit tincidunt nisi. Cras tempor varius elementum. Nam porta ultrices tellus, vel congue turpis varius eu. Vivamus vel accumsan urna. Pellentesque vitae mi pellentesque, scelerisque eros eget, pulvinar nunc. Nulla erat est, molestie in ante eu, venenatis lobortis enim. Sed mollis ultrices tortor et fringilla.

Donec quis nisi urna. Sed molestie tempus lobortis. Integer euismod, ante eget bibendum viverra, augue urna malesuada felis, ac elementum lorem ipsum vitae sem. Sed cursus eros nibh, quis facilisis nulla dignissim nec. Quisque varius tincidunt egestas. Aliquam consequat mollis arcu, ac gravida enim dictum vitae. Praesent tristique in risus sollicitudin mollis.

Nunc interdum nulla lectus, quis fermentum risus placerat eget. Aliquam eget bibendum ex. Nam ultrices ullamcorper arcu ut rutrum. Donec et libero posuere, viverra elit non, gravida nibh. Sed molestie non tortor eu molestie. Ut eu augue vel ipsum vulputate lobortis. Sed libero diam, consectetur et nulla ac, blandit sodales elit. Nam elit sapien, porttitor vel risus et, ultricies vulputate lectus. Aenean semper ex sit amet accumsan auctor. Quisque a rutrum diam. Proin convallis mauris at pharetra dapibus. Nulla facilisi. Nullam odio libero, lacinia ac nisi id, consequat blandit ante. Quisque quis dapibus nisl. Ut vel bibendum quam, in maximus neque.

Fusce ut odio est. Vestibulum in vehicula diam. Proin imperdiet pulvinar leo. Nulla dictum, sem in auctor egestas, nisl diam tristique ante, sit amet eleifend magna nulla non lacus. Mauris dolor orci, rutrum ut velit ac, convallis pretium nunc. Donec a arcu eleifend, viverra enim quis, interdum dolor. Praesent non turpis ut orci pulvinar vulputate. Mauris lobortis molestie sapien, non faucibus dolor dapibus et. Donec posuere sed sem eleifend placerat. Duis sodales purus sed lorem elementum, non aliquam neque scelerisque.

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

<style>.container_June{width:80%;height:auto;margin:auto;padding:50px;background-color:rgb(127,127,127);font-family:Times New Roman;}.titles_June{width:100%;height:50px;line-height:50px;background-color:rgb(251,220,179);background-size:100% 100%;font-family:Times New Roman;font-size:16px;color:rgb(0,0,0);font-weight:bold;}.image_June{width:25%;height:150px;padding:5px;border:1px solid rgb(0,0,0);position:relative;border:1px solid rgb(0,0,0);float:left;}.image_June img{width:100%;height:100%;position:absolute;top:0;left:0;}.large_bloc{width:70%;height:150px;margin-top:-150px;margin-left:30%;background-color:rgb(245,245,245);float:right;font-size:13px;color:rgb(0,0,0);text-align:justify;overflow:auto;}.under_bloc{width:85%;height:250px;margin:auto;margin-top:40px;background-color:rgb(245,245,245);font-family:Times New Roman;font-size:13px;color:rgb(0,0,0);text-align:justify;display:inline-block;overflow:auto;}.copy_June{width:100%;font-size:9px;color:rgb(240,240,240);text-align:center;}
</style>

<div class="container_June">
<div class="image_June"><img src="URL"/></div>
<div class="large_bloc"><div class="titles_June">Un titre à mettre par ici</div>
Blablablabla</div>

<table width="100%"><tr><td><div class="under_bloc"><div class="titles_June">Encore une titre</div>
Blablablabla</div></td>
<td><div class="under_bloc"><div class="titles_June">Encore une titre</div>
Blablablabla</div></td>
<td><div class="under_bloc"><div class="titles_June">Encore une titre</div>
Blablablabla</div></td>
<td><div class="under_bloc"><div class="titles_June">Encore une titre</div>
Blablablabla</div></td></tr></table>

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

<div style="width: 80% ; height: 250px ; margin: auto ; background-image: url(http://f.hypotheses.org/wp-content/blogs.dir/1969/files/2015/09/tumblr_nefchkIlBV1rvn6njo1_500.gif) ; background-size: 100% 100% ; border-left:4px solid rgb(238,191,121) ; border-right:4px solid rgb(238,191,121) ; border-radius: 70px 70px 0px 0px"></div>

<div style="width: 80% ; height: auto ; margin: auto ; margin-top: -40px; background-color: rgb(245,226,154) ; border-left:4px solid rgb(238,191,121) ; border-right:4px solid rgb(238,191,121) ; font-family: Times New Roman ;">
<div style="width: 55% ; height: 120px ; font-size: 25px ; font-weight: bold ; color: rgb(39,42,129) ; text-align: center ; float: left ;">Titre qui peut se rallonger de plus en pluuus !</div>
<div style="width: 40% ; height: 120px ; margin-top:-20px ; line-height: 120px ; font-size: 18px ; color: rgb(39,42,129) ; text-align: center ; float: right ;">Feat. Someone</div>

<div style="width:75% ; height: auto ; margin: auto ; margin-top: 25px ; font-size: 13px ; color: rgb(0,0,0) ; text-align: justify ; clear: both ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel consequat nisl. Cras ullamcorper ullamcorper mauris, auctor pharetra erat dictum at. Vestibulum luctus leo scelerisque nisl finibus ullamcorper. Etiam nec mauris eget quam pretium tempor id non quam. Curabitur suscipit pellentesque erat non vulputate. Aenean arcu erat, semper ac dictum sed, scelerisque ut velit. Aliquam rhoncus elit neque.

In non scelerisque diam. Aenean feugiat turpis ut condimentum blandit. Morbi vel mattis ligula. Integer vulputate, nisi a pharetra eleifend, risus nibh pharetra turpis, nec tempus nulla neque pharetra arcu. Praesent id rhoncus massa, ut iaculis dui. Aenean quis laoreet eros. Maecenas nec massa ac dolor laoreet viverra.

Praesent imperdiet felis leo, sed tincidunt augue luctus sollicitudin. Quisque vel augue odio. Aliquam erat volutpat. Aliquam erat volutpat. Donec consequat quam quis malesuada auctor. Sed posuere molestie tortor quis rutrum. Aenean egestas nisl non felis ultrices congue. Sed at dolor risus. Morbi ornare mi lorem, convallis condimentum nunc rutrum ac. Donec non felis scelerisque, fringilla neque in, eleifend nibh. Nulla a ligula purus. Nunc nec tellus et nunc facilisis elementum. Suspendisse ultrices quam eu tortor gravida faucibus. Praesent laoreet enim non egestas hendrerit. Aliquam dictum lobortis neque quis condimentum.

Nullam ac placerat ligula. Maecenas eu lorem in risus iaculis laoreet quis quis felis. Phasellus mauris neque, viverra at iaculis eu, auctor quis massa. Nam sodales magna id consectetur tempor. Nulla sed sollicitudin augue. Nunc ac nisl cursus, condimentum nibh at, eleifend nulla. Pellentesque at felis dapibus, euismod neque sit amet, placerat mauris. Vivamus blandit risus et eros rhoncus volutpat. Donec neque sem, feugiat sollicitudin magna ut, pretium pulvinar metus. Donec vitae maximus tortor. Aenean lectus purus, dictum at convallis at, aliquam a eros. Morbi nec ligula lacus. Nunc eros mi, pharetra ut nulla non, semper tristique odio. Proin mollis orci dictum dolor tempus, nec sollicitudin diam blandit. Donec vel purus eu orci finibus fermentum. Nam tempor et dolor vitae placerat.

Nam molestie eros ex. Sed lacus diam, placerat sit amet nisi porta, ultrices fermentum turpis. Integer dictum sapien nisl, non accumsan dolor porttitor in. Suspendisse porta pellentesque vulputate. Nam convallis efficitur vestibulum. Sed quis nisl vel tortor ultrices blandit. Proin lobortis massa velit, in pretium ligula pulvinar sed. </div>

<div style="width:100% ; font-size:9px ; color: rgb(0,0,0) ; text-align: center">Code par xLittleRainbow</div></div>

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

<div style="width: 85% ; height: auto ; margin: auto ; background-image: linear-gradient(rgb(171,206,233),rgb(249,203,250)) ; border-radius: 100px 0px 100px 0px ; border: 3px dotted rgb(59,78,172); font-family: Indie Flower ;">
<div style="width: 60% ; height: 120px ; margin: auto ; font-size: 34px ;line-height: 28px ; color: rgb(144,84,154) ; text-align: center ; text-shadow: 2px 1px 10px rgb(215,81,255) ; boder-bottom: 1px solid rgb(0,0,0);">Titre qui peut se faire de plus en plus long en fonction des besoins</div>
<div style="width: 100% ; height: 50px ; font-size: 20px ; color: rgb(210,213,215) ; text-align: center ; text-shadow: 0px 0px 8px rgb(0,0,0) ;">Featuring Someone</div>

<div style="width: 80% ; height: auto ; margin: auto ; font-size: 15px ; color: rgb(0,0,0) ; text-align: justify ;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum pellentesque magna. Nullam vitae gravida lectus. Vestibulum ullamcorper sodales risus, ac condimentum elit varius quis. Proin scelerisque vehicula arcu, et euismod enim eleifend sit amet. Vivamus accumsan fermentum congue. Vivamus pellentesque, sem sed vulputate hendrerit, diam purus fringilla mi, in hendrerit turpis felis non justo. Nulla vitae tempus nunc. Sed porttitor cursus nisl, id rutrum nunc maximus et. Fusce condimentum tellus eros, non viverra tellus varius nec.

Duis ac pellentesque lorem. Suspendisse vulputate nisl a quam interdum viverra. Ut ac tempus massa, vestibulum elementum ante. Suspendisse mattis accumsan lacinia. Proin consequat dui quis turpis pharetra accumsan. Integer porttitor lorem facilisis risus aliquam imperdiet. Phasellus eget placerat tellus.

Phasellus quis ligula nulla. Donec et felis finibus, aliquet ligula ac, sodales nunc. Ut erat massa, placerat non odio nec, scelerisque dignissim massa. Sed molestie purus mi, sed faucibus justo scelerisque nec. Phasellus finibus tempus eros sit amet fermentum. Fusce rhoncus dolor id tristique volutpat. Fusce sit amet fringilla dui. Cras non ex lacinia, eleifend dui quis, suscipit erat. Donec vitae enim id dui pulvinar fringilla vitae a massa. Duis id fringilla sapien, id fermentum nunc. Nam rutrum semper tristique.

Aenean cursus metus elementum, ultrices tortor quis, pellentesque turpis. Etiam non sollicitudin felis. Integer id tortor consequat, accumsan magna et, bibendum mi. Praesent blandit semper quam. Sed porta ac ligula at pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce tempus vel odio sit amet venenatis. Nullam pellentesque ex mollis ex tincidunt, vitae fringilla nulla efficitur. Nulla facilisi. Aenean nec eleifend nibh. Praesent lobortis sem ligula, ut cursus lectus eleifend ac. Aliquam ut leo pulvinar, viverra ante efficitur, imperdiet nisl. Nullam gravida est rhoncus, viverra lectus sed, sagittis arcu. Maecenas posuere aliquam sem non malesuada. Ut non risus tincidunt, tincidunt arcu vel, auctor neque. Integer urna justo, lobortis at sem at, dictum scelerisque est.

Vestibulum et luctus nibh. Phasellus commodo massa purus, lacinia iaculis lacus ultrices ut. Nulla ac odio non metus porta viverra. Etiam non justo id sem aliquet suscipit ut et lectus. Donec posuere ipsum ut augue scelerisque fringilla. Nullam malesuada, nisl nec pretium venenatis, lacus mi laoreet orci, id facilisis nunc odio vitae ligula. Nullam iaculis velit eu lobortis elementum. Nullam non mi placerat, pulvinar nulla at, mattis augue. Pellentesque rhoncus eu nisl non efficitur. Praesent varius pellentesque ligula, ac aliquet ipsum gravida nec. In consequat varius arcu, eu mattis est. Duis molestie eleifend nibh, quis placerat magna pharetra eget. Aliquam porttitor vel nisi ut venenatis. Quisque volutpat ultricies massa, non iaculis velit posuere pharetra. Nullam imperdiet bibendum condimentum. Integer orci sapien, luctus sed eros id, ultricies posuere enim. </div>

<div style="width: 100% ; font-family: Times New Roman ; font-size: 9px ; color: rgb(0,0,0) ; text-align: center ;">Code par xLittleRainbow</div></div>