<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<div class="NINrp"><div class="NINrphead"><h2>Titre du rp</h2></div><img src="https://www.zupimages.net/up/20/17/jcjd.gif" class="NINrpimg" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin orci tempus arcu iaculis tempus. Morbi velit odio, luctus eget nisi eu, tincidunt faucibus nibh. Proin tincidunt et sapien sit amet mollis. Praesent aliquet sem rutrum metus vulputate placerat. Fusce cursus nec nisl sed blandit. Aenean tristique condimentum faucibus. In quis lectus ac diam pretium sodales. Quisque ut sollicitudin ante. Aliquam egestas tincidunt felis, vitae rhoncus arcu tempus et. Maecenas non volutpat arcu. Mauris ultrices lorem eu nisl semper, a egestas turpis congue. Nulla lobortis dolor at eleifend auctor. Etiam accumsan mi quis neque elementum condimentum. Praesent metus lectus, sodales nec auctor et, rutrum cursus est. Curabitur nulla ipsum, molestie vitae sapien ut, pulvinar mattis mauris.

Praesent venenatis odio sem, eu porttitor enim placerat vitae. Aenean sodales quam non orci efficitur tempus. Nulla ligula ante, condimentum id tristique at, scelerisque tempor augue. Morbi sit amet nisi at magna elementum pulvinar quis vitae elit. Vestibulum convallis metus massa, sed euismod elit egestas vel. In lorem purus, tempor ac tincidunt sed, feugiat vel tellus. Curabitur eget posuere purus, mollis iaculis sapien. Quisque dictum finibus nibh vel vehicula.

Pellentesque dignissim eget massa a rhoncus. Vestibulum efficitur tincidunt ante ac pellentesque. Ut non metus sed velit malesuada tempus ut mollis purus. Aliquam et dictum diam. Sed tempor, ex ut egestas sodales, tellus ipsum volutpat eros, eget iaculis turpis augue eu tellus. Sed pharetra arcu rutrum blandit cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc consequat lorem ac efficitur sagittis.

Integer eget leo lectus. Nulla convallis mauris nec sagittis egestas. Cras eget malesuada quam. Phasellus in varius tortor. Curabitur convallis auctor pellentesque. Maecenas sit amet venenatis neque. Suspendisse posuere, justo tempus elementum maximus, metus turpis tempor turpis, quis gravida tellus turpis eget turpis. Suspendisse a lacus purus.

Mauris diam mauris, facilisis ut molestie a, bibendum nec felis. Phasellus sit amet cursus leo. Mauris mi metus, malesuada quis scelerisque ac, scelerisque eu diam. Praesent non ex dapibus, tempor dolor eu, imperdiet mi. Quisque ac mauris mauris. Sed pretium tortor vitae libero ultrices tincidunt. Aliquam non eros at neque hendrerit suscipit. Quisque dolor lectus, fermentum id posuere sed, dignissim non augue. Aliquam placerat lacus viverra, imperdiet sem ac, placerat sem. Donec id est ornare, consectetur est eu, fringilla justo. Curabitur tristique interdum est id convallis. Donec et leo quam. Ut pretium tortor pretium, rutrum leo et, imperdiet ipsum. Etiam lacinia sed nibh et aliquam. Nunc elementum accumsan lectus id luctus. Integer at augue in nisi varius venenatis.

Integer ut posuere tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed ipsum dolor. In accumsan, dolor quis pulvinar tempus, metus neque placerat neque, et scelerisque metus tellus eget velit. Nam sem felis, fringilla vel commodo eget, luctus at elit. Duis egestas massa eget ornare ultricies. Duis non felis cursus tortor dignissim aliquam. Nulla dictum dapibus nisi, in efficitur quam consequat eu.

<span>- Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>

Phasellus et tortor laoreet, elementum est non, ultricies ante. In nec ullamcorper leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In interdum quam ac erat imperdiet tristique. Etiam fringilla maximus purus finibus vulputate. Cras eu posuere dolor, nec venenatis urna. Suspendisse quis mauris sit amet dolor lobortis sollicitudin id sit amet felis. Nunc convallis quam ac lectus volutpat, eu mattis erat efficitur. Suspendisse vehicula consectetur congue. In elementum velit nec quam consectetur porttitor. Fusce porttitor vehicula commodo. Proin ipsum est, porttitor eu lacus ut, elementum convallis turpis. Ut imperdiet volutpat augue nec tempus. Nullam convallis porta libero, sed placerat ante pharetra sed.
</p><div class="NINrpfoot">@"The Other"</div></div><a href="" class="NINcredit">(c) Nîniel</a>
<style type="text/css">.NINrp {box-sizing: border-box; width: 500px; background: #1B1B1C; text-align: justify; color: #ffffff; font-family: 'Arimo', sans-serif; font-size: 12px; line-height: 1.2; margin: auto;} .NINrphead {width: 500px; height: 100px; background: url('https://www.zupimages.net/up/20/13/ndrj.png') repeat; border-bottom: 5px solid #ffffff; text-align: center; padding: 10px 0 0 0; position: relative;} .NINrphead h2 {font-family: 'Helvetica', sans-serif; color: #D8261B; font-size: 18px; text-align: center; letter-spacing: 2px; font-weight: 1; text-transform: uppercase; text-shadow: none; margin: 2% auto;} img.NINrpimg {position: relative; top: -50px; display: block; margin: auto; height: 100px; border: 5px solid #ffffff;} .NINrp p {font-family: 'Arimo', sans-serif; padding: 0 5% 5% 5%; margin-top: -20px; column-count: 2; column-width: auto; column-gap: 10px;} .NINrp span {color: #D8261B; padding: 0 0 0 5%; display: inline-block; font-weight: lighter;} .NINrpfoot {box-sizing: border-box; width: 100%; height: 100px; background: url('https://www.zupimages.net/up/20/13/ndrj.png') repeat; border-top: 5px solid #ffffff; text-align: justify; padding: 5% 10%; font-size: 10px;} .NINrpfoot a {color: #D8261B !important;} a.NINcredit {text-align: center; font-size: 10px; display: block; margin: 0 10% 0 0; color: #dcd7d7; font-style: italic; text-transform: lowercase; letter-spacing: -1px; font-family: 'Helvetica', sans-serif;}</style>

<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<div class="NINrps"><div class="NINrphead"><h2>Titre du rp</h2></div><img src="http://static.tumblr.com/45fc2990e2bd4985992bfe5e1075a1ec/n6eshyc/o3qo3l7aj/tumblr_static_6sbfj7hi8gg8gwkw0s0o4880k.gif" class="NINrpimg" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin orci tempus arcu iaculis tempus. Morbi velit odio, luctus eget nisi eu, tincidunt faucibus nibh. Proin tincidunt et sapien sit amet mollis. Praesent aliquet sem rutrum metus vulputate placerat. Fusce cursus nec nisl sed blandit. Aenean tristique condimentum faucibus. In quis lectus ac diam pretium sodales. Quisque ut sollicitudin ante. Aliquam egestas tincidunt felis, vitae rhoncus arcu tempus et. Maecenas non volutpat arcu. Mauris ultrices lorem eu nisl semper, a egestas turpis congue. Nulla lobortis dolor at eleifend auctor. Etiam accumsan mi quis neque elementum condimentum. Praesent metus lectus, sodales nec auctor et, rutrum cursus est. Curabitur nulla ipsum, molestie vitae sapien ut, pulvinar mattis mauris.

Praesent venenatis odio sem, eu porttitor enim placerat vitae. Aenean sodales quam non orci efficitur tempus. Nulla ligula ante, condimentum id tristique at, scelerisque tempor augue. Morbi sit amet nisi at magna elementum pulvinar quis vitae elit. Vestibulum convallis metus massa, sed euismod elit egestas vel. In lorem purus, tempor ac tincidunt sed, feugiat vel tellus. Curabitur eget posuere purus, mollis iaculis sapien. Quisque dictum finibus nibh vel vehicula.

Pellentesque dignissim eget massa a rhoncus. Vestibulum efficitur tincidunt ante ac pellentesque. Ut non metus sed velit malesuada tempus ut mollis purus. Aliquam et dictum diam. Sed tempor, ex ut egestas sodales, tellus ipsum volutpat eros, eget iaculis turpis augue eu tellus. Sed pharetra arcu rutrum blandit cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc consequat lorem ac efficitur sagittis.

Integer eget leo lectus. Nulla convallis mauris nec sagittis egestas. Cras eget malesuada quam. Phasellus in varius tortor. Curabitur convallis auctor pellentesque. Maecenas sit amet venenatis neque. Suspendisse posuere, justo tempus elementum maximus, metus turpis tempor turpis, quis gravida tellus turpis eget turpis. Suspendisse a lacus purus.

Mauris diam mauris, facilisis ut molestie a, bibendum nec felis. Phasellus sit amet cursus leo. Mauris mi metus, malesuada quis scelerisque ac, scelerisque eu diam. Praesent non ex dapibus, tempor dolor eu, imperdiet mi. Quisque ac mauris mauris. Sed pretium tortor vitae libero ultrices tincidunt. Aliquam non eros at neque hendrerit suscipit. Quisque dolor lectus, fermentum id posuere sed, dignissim non augue. Aliquam placerat lacus viverra, imperdiet sem ac, placerat sem. Donec id est ornare, consectetur est eu, fringilla justo. Curabitur tristique interdum est id convallis. Donec et leo quam. Ut pretium tortor pretium, rutrum leo et, imperdiet ipsum. Etiam lacinia sed nibh et aliquam. Nunc elementum accumsan lectus id luctus. Integer at augue in nisi varius venenatis.

Integer ut posuere tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed ipsum dolor. In accumsan, dolor quis pulvinar tempus, metus neque placerat neque, et scelerisque metus tellus eget velit. Nam sem felis, fringilla vel commodo eget, luctus at elit. Duis egestas massa eget ornare ultricies. Duis non felis cursus tortor dignissim aliquam. Nulla dictum dapibus nisi, in efficitur quam consequat eu.

<span>- Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>

Phasellus et tortor laoreet, elementum est non, ultricies ante. In nec ullamcorper leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In interdum quam ac erat imperdiet tristique. Etiam fringilla maximus purus finibus vulputate. Cras eu posuere dolor, nec venenatis urna. Suspendisse quis mauris sit amet dolor lobortis sollicitudin id sit amet felis. Nunc convallis quam ac lectus volutpat, eu mattis erat efficitur. Suspendisse vehicula consectetur congue. In elementum velit nec quam consectetur porttitor. Fusce porttitor vehicula commodo. Proin ipsum est, porttitor eu lacus ut, elementum convallis turpis. Ut imperdiet volutpat augue nec tempus. Nullam convallis porta libero, sed placerat ante pharetra sed.
</p><div class="NINrpfoot">@"The Other"</div></div><a href="" class="NINcredit">(c) Nîniel</a>
<style type="text/css">.NINrps {box-sizing: border-box; width: 500px; background: #1B1B1C; text-align: justify; color: #ffffff; font-family: 'Arimo', sans-serif; font-size: 12px; line-height: 1.2; margin: auto;} .NINrphead {width: 500px; height: 100px; background: url('https://www.zupimages.net/up/20/13/ndrj.png') repeat; border-bottom: 5px solid #ffffff; text-align: center; padding: 10px 0 0 0; position: relative;} .NINrphead h2 {font-family: 'Helvetica', sans-serif; color: #D8261B; font-size: 18px; text-align: center; letter-spacing: 2px; font-weight: 1; text-transform: uppercase; text-shadow: none; margin: 2% auto;} img.NINrpimg {position: relative; top: -50px; display: block; margin: auto; height: 100px; border: 5px solid #ffffff;} .NINrps p {font-family: 'Arimo', sans-serif; padding: 0 10% 5% 10%; margin-top: -20px;} .NINrps span {color: #D8261B; padding: 0 0 0 5%; display: inline-block; font-weight: lighter;} .NINrpfoot {box-sizing: border-box; width: 100%; height: 100px; background: url('https://www.zupimages.net/up/20/13/ndrj.png') repeat; border-top: 5px solid #ffffff; text-align: justify; padding: 5% 10%; font-size: 10px;} .NINrpfoot a {color: #D8261B !important;} a.NINcredit {text-align: center; font-size: 10px; display: block; margin: 0 10% 0 0; color: #dcd7d7; font-style: italic; text-transform: lowercase; letter-spacing: -1px; font-family: 'Helvetica', sans-serif;}</style>