<style>.bg_times{width:600px;height:600px;margin:auto;background-image:url(http://zupimages.net/up/15/45/aiu7.png);border-radius:80px;border:2px solid rgb(243,211,51);}.title_times{width:500px;height:70px;padding-top:10px;margin:auto;font-family:Creepster;font-size:32px;color:rgb(0,0,0);text-shadow:-2px 1px 5px rgb(101,44,1);text-align:center;line-height:30px;}.featuring_times{width:590px;height:20px;font-family:Creepster;font-size:17px;text-align:right;color:rgb(210,210,210);}.text_times{width:550px;height:400px;margin:auto;padding:10px;background-color:rgba(256,256,256,0.7);font-family:times new roman;font-size:13px;color:rgb(101,44,1);text-align:justify;opacity:0.2;transition:all 2s ease;overflow:auto;}.text_times:hover{opacity:1;}.copy_xLittleRainbow{width:600px;font-family:times new roman;font-size:10px;color:rgb(256,256,256);text-align:center;}</style>

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

<div class="bg_times"><div class="title_times">Titre qui pourra être long de la mort qui tue tout</div><div class="featuring_times">featuring Someone</div>
<div class="text_times">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi massa, malesuada sit amet hendrerit id, vulputate vitae nunc. Aenean elementum sapien sit amet arcu egestas laoreet quis non ante. Nam nisl neque, viverra sed nisl et, scelerisque accumsan lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eu felis purus. Phasellus ut hendrerit metus. Vestibulum nec neque mi. Nam rutrum elit dui.

Nam venenatis, erat in eleifend finibus, est sem lobortis quam, vitae porttitor lacus diam ut magna. Mauris sed placerat augue, suscipit sagittis massa. Vivamus hendrerit condimentum ante. Ut euismod felis sed dui tempus fermentum. Praesent accumsan libero eu risus rhoncus, vel convallis nisl ullamcorper. Mauris tempus justo at nisi hendrerit, sed faucibus ligula elementum. Aenean ac sodales ligula. Nulla metus sapien, semper semper porttitor id, lobortis et ligula. Etiam gravida odio turpis, id condimentum nulla facilisis vel. Morbi at placerat arcu, vitae tincidunt tortor. Vestibulum metus lacus, viverra id mattis eget, elementum eget dui. Sed vehicula, est nec elementum pretium, libero lectus pretium elit, vel facilisis odio dolor ut risus.

Aenean ut quam congue, lobortis dolor sit amet, blandit est. Suspendisse potenti. Praesent dolor lorem, luctus vel imperdiet ac, vehicula et sem. Mauris vel ligula faucibus, tincidunt lorem ut, auctor lectus. Morbi id maximus magna. Integer euismod, tortor et convallis scelerisque, velit urna euismod lectus, iaculis pretium nisl sapien ut arcu. Donec tristique mi a orci pretium, vitae laoreet orci pulvinar. Nullam sed nunc ex. Suspendisse bibendum gravida porta. Phasellus eget malesuada risus, ut volutpat tortor. Aenean vitae posuere odio. Donec porta elementum augue ac faucibus. Integer tincidunt, metus eu pretium sodales, arcu urna tempor lorem, in tempor risus dolor mollis nulla. Ut finibus vel purus vel volutpat. Praesent tincidunt lacinia lacus, quis volutpat ex gravida quis. Etiam porta purus sit amet nunc accumsan, non laoreet turpis gravida.

Curabitur tempus nibh ac ligula finibus, et fermentum leo vestibulum. Sed faucibus luctus urna ac blandit. Morbi varius sed ipsum non finibus. Praesent accumsan sem iaculis augue auctor, eget iaculis lectus hendrerit. Etiam quam risus, porttitor quis sodales sit amet, aliquam ut magna. Fusce aliquam auctor massa vel semper. Fusce tincidunt dictum magna vel aliquet. Sed sit amet convallis odio. Sed condimentum pharetra libero tristique dictum. Maecenas vitae dapibus nisl, quis eleifend risus. Phasellus egestas at nisl sit amet euismod. Integer rutrum malesuada odio non lacinia. Praesent eu odio congue leo ultricies ullamcorper sit amet et sem. Proin eget orci tortor.

Mauris risus lacus, elementum sed sollicitudin ut, ornare ut massa. Pellentesque ac gravida est, quis blandit nulla. Suspendisse sed ullamcorper sapien, eget fringilla massa. Donec placerat tincidunt lectus. Donec lobortis velit quis justo fermentum, sit amet luctus erat blandit. Duis viverra vitae dolor eget malesuada. Nunc justo arcu, ultricies ac magna consequat, accumsan dictum lacus. Nunc id faucibus nunc. Pellentesque neque ex, tempor in risus tristique, porta venenatis diam. Fusce diam ligula, posuere efficitur imperdiet eu, convallis sed est. </div>

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

<style>.bg_Darkness{width:500px;height:300px;margin:auto;border-radius:80px 80px 0px 0px;background-image:url(http://zupimages.net/up/15/45/rpot.jpg);}.title_Darkness{width:350px;height:180px;margin:auto;padding:50px 0px 0px 0px;border-bottom:2px dashed rgb(0,0,0);font-family:Comic Sans MS;font-size:32px;line-height:28px;color:rgb(63,242,63);text-shadow:-2px 2px 5px rgb(0,0,0);text-align:center;}.featuring_Darkness{widht:590px;height:20px;margin:auto;font-family:Comic Sans MS;font-size:15px;color:rgb(240,240,240);text-align:center;text-shadow: 2px 1px 4px rgb(0,0,0);}.text_Darkness{width:476px;height:auto;margin:auto;margin-top:-25px;padding:5px 10px 5px 10px;background-color:rgb(110,110,110);border:2px solid rgb(12,171,12);font-family:Comic Sans MS;font-size:13px;color:rgb(109,206,109);text-align:justify;}.copy_xLittleRainbow1{width:500px;font-family:times new roman;font-size:10px;color:rgb(256,256,256);text-align:center;}
</style>

<div class="bg_Darkness">
<div class="title_Darkness">Titre qui peut se rallonger à l'envie, cela ne dépend que de toi</div>
<div class="featuring_Darkness">Featuring Someone</div></div>
<div class="text_Darkness">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non quam et diam lacinia eleifend quis ut tortor. Sed augue ante, pretium nec dictum sit amet, condimentum in orci. Cras in sapien vitae massa porttitor elementum quis ut magna. Sed nec nulla eget dolor blandit condimentum. Nulla placerat cursus enim a viverra. In elementum gravida urna, a luctus dolor varius a. Nullam lobortis nunc est, in tristique nulla vestibulum in. Aliquam porttitor ipsum id ultrices accumsan.

Fusce aliquam egestas quam, a auctor neque consequat eu. In at purus dictum, posuere ex a, hendrerit nulla. Aenean vulputate efficitur massa, ac ultrices sem iaculis non. Sed dictum purus ut luctus fringilla. Proin ex lorem, aliquet ac cursus nec, semper eget mauris. Sed quis accumsan metus. Nullam condimentum euismod interdum. Pellentesque lorem erat, consectetur at dignissim sit amet, commodo sed tortor. Nulla sed tempor turpis.

Curabitur id massa placerat, volutpat risus quis, condimentum quam. Maecenas quis tincidunt ante. Maecenas porttitor tortor a placerat bibendum. In id massa ut nunc consectetur maximus. Suspendisse quis consequat justo. Duis quis est urna. Ut et ex velit. Nulla metus mi, malesuada id mi viverra, finibus vulputate orci. Vivamus sit amet fringilla turpis. Sed a hendrerit tortor, vitae auctor ligula. Donec at scelerisque leo.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras vestibulum eros vel ligula sagittis, in egestas nunc commodo. Duis tempor condimentum eros, id pharetra quam finibus ac. Nam fringilla porta fermentum. Ut pharetra accumsan dui, nec accumsan magna molestie ac. In egestas quam ullamcorper, hendrerit enim nec, pharetra nulla. Sed nunc sapien, ultrices vitae arcu id, venenatis faucibus metus. Vivamus lobortis sollicitudin auctor.

Sed bibendum dapibus bibendum. Vivamus mattis, leo id vulputate imperdiet, dolor libero condimentum ex, ornare mattis orci enim ut lacus. Phasellus scelerisque enim nulla, sed ornare dolor laoreet molestie. Vestibulum gravida, erat lacinia rhoncus mattis, quam velit fermentum mi, eu commodo magna nulla in ipsum. Mauris venenatis tortor velit, nec porttitor arcu fermentum id. Nunc eget sem imperdiet, lacinia turpis sed, tincidunt risus. Curabitur vitae auctor massa. Maecenas et ligula ligula. Nullam volutpat ipsum vel porttitor sollicitudin.
<div class="copy_xLittleRainbow1">Code par xLittleRainbow</div></div>

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

<div style="width:560px ; height: 230px ; margin: auto ; padding: 5px 20px 5px 20px ; background-color: rgb(0,188,255) ; border-radius: 40px ; border: 4px solid rgb(256,256,256) ; font-family: Parisienne ; color: rgb(250,250,250) ; text-shadow: 0 0 6px rgb(256,256,256) ;">
<img src="http://img15.hostingpics.net/pics/832728fleur1fichedada.png" style="width: 150px; height: 100px; float: left ;"/><div style="font-size: 50px ; margin-top: 20px;">~ Pixel Boutique</div>

<img src="http://img15.hostingpics.net/pics/602224fleur2fichedada.png" style="width: 150px ; height: 100px ; float: right;margin-top: 25px;"/><div style="font-size: 32px ; margin-top: 70px; margin-left: 25px;">gérée par Hikn ou Aidream</div></div>

<div style="width: 600px ; height: 860px ; margin: auto ; background-image: url(http://zupimages.net/up/15/46/q1h9.jpg) ; border: 4px solid rgb(256,256,256) ;">
<div style="width: 550px ; height: 270px ; padding: 5px ; margin: auto ; background-color: rgba(256,256,256,0.4) ; font-family: Comic Sans MS ; color: rgb(250,250,250) ; overflow: auto;">
<div style="text-decoration: underline ; font-size: 24px ; text-align: center ;">Présentation</div>
<div style="font-size: 14px ; text-align: justify ;">Blablablablablabla</div>
</div>
<div style="width: 550px ; height: 270px ; padding: 5px ; margin: auto ; background-color: rgba(256,256,256,0.4) ; font-family: Comic Sans MS ; color: rgb(250,250,250) ; overflow: auto;">
<div style="text-decoration: underline ; font-size: 24px ; text-align: center ;">Règlement</div>
<div style="font-size: 14px ; text-align: justify ;">Blablablablablabla</div>
</div>

<div style="width: 250px ; height: 190px ; padding: 5px ; margin-left: 40px ; background-color: rgba(256,256,256,0.4) ; font-family: Comic Sans MS ; color: rgb(256,256,256) ;">
<div style="text-decoration: underline ; font-size: 20px ;">Commandes en cours</div>
<div style="font-size: 14px ; overflow: auto ;">Blablablablablabla</div>
</div>

<div style="width: 250px ; height: 190px ; padding: 5px ; margin-top: -235px ; margin-left: 320px ; background-color: rgba(256,256,256,0.4) ; font-family: Comic Sans MS ; color: rgb(256,256,256) ; overflow: auto ;">
<div style="text-decoration: underline ; font-size: 20px ;">Commandes terminées</div>
<div style="font-size: 14px ;">Blablablablablabla</div>
</div><div style="width: 600px ; font-family: times new roman ; font-size: 10px ; color: rgb(240,240,240) ; text-align: center">Code par xLittleRainbow</div></div>

<link href='https://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Bubblegum+Sans' rel='stylesheet' type='text/css'/>

<div style="width: 500px; height: 720px; margin: auto ; background-image: url(http://zupimages.net/up/15/46/goc1.png) ; border-radius: 100px ; border: 2px solid rgb(230,230,230) ;">
<div style="width: 300px ; height: 150px ; margin: auto ; padding: 5px 30px 5px 30px ; font-family: Jim Nightshade ; font-size: 45px ; color: rgb(110,49,156) ; text-align: center ; text-shadow: 2px 1px 4px rgb(0,0,0) ; line-height: 43px ;">Titre que tu vas pouvoir rallonger à l'envie</div>

<div style="width: 440px ; height: 450px ; margin:auto ; padding: 5px ; background-color: rgba(0,0,0,0.6) ; font-family: Bubblegum Sans ; font-size: 14px ; color: rgb(245,245,245) ; text-align: justify ; overflow: auto ;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed ultricies lacus. Mauris auctor, sem a cursus bibendum, purus metus ultricies nulla, accumsan elementum turpis enim non risus. Fusce pretium bibendum eros ac auctor. Ut viverra neque consequat nulla ullamcorper, tristique sagittis augue efficitur. Vivamus feugiat aliquet justo eu finibus. Sed sit amet viverra est, vel condimentum tellus. Proin vitae quam sed augue feugiat tincidunt a vel felis. Donec sit amet vulputate elit. Maecenas ac lacus eu justo porta scelerisque. Mauris non velit in velit dictum rutrum. Vestibulum lobortis bibendum congue. Mauris commodo felis mi, sed convallis tellus auctor nec. Quisque congue pellentesque mi et rhoncus. Nam rhoncus auctor consectetur. Vestibulum et nisi lorem. Maecenas convallis massa et libero facilisis pellentesque.

Aliquam diam sem, varius eget malesuada non, scelerisque consectetur risus. Quisque ac ex mi. Vivamus non euismod enim, eget pulvinar arcu. Fusce vel feugiat dui. Nullam non tincidunt orci. Duis enim odio, fringilla eu tortor in, condimentum congue tortor. Vivamus et porta nulla. Cras felis nulla, faucibus ac bibendum vitae, consectetur at massa. Duis eget turpis tortor. Aenean gravida sodales ullamcorper. Duis eu tortor mollis sapien semper eleifend maximus eget sem. Phasellus non elit quis odio faucibus posuere. Integer viverra tristique sapien eu efficitur. Cras metus ligula, facilisis sit amet justo vitae, vehicula condimentum dui. Proin sit amet sapien felis.

Nam vel pulvinar erat. Mauris ultrices suscipit lacinia. Aliquam accumsan rhoncus urna, nec porttitor purus elementum ut. Integer id purus dapibus, rhoncus ante vitae, fringilla nisi. Donec at ante in dolor dictum accumsan. Vivamus sit amet risus molestie, semper velit ut, finibus justo. Integer et justo eget ante iaculis condimentum vel eget lorem. Nulla eu magna quam. Fusce sagittis suscipit enim, sit amet pulvinar ex posuere eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam rutrum, mi fringilla scelerisque pretium, tortor dolor euismod augue, ac accumsan risus lacus at mi. Fusce nec risus quis erat placerat placerat. Fusce ullamcorper et dui id rutrum.
</div>
<div style="width: 440px ; font-family: times new roman ; font-size: 10px ; color: rgb(240,240,240) ; text-align: center">Code par xLittleRainbow</div></div>