<link href='http://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'><center><div class="sun-five">
<div class="sun-six">TITRE</div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.
Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.
Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.
</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.
Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.
Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.
</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.
Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.
Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.
</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.
Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.
Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.
</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>
</div></center><center><div style="Width: 360px; font-family: calibri; font-size: 7px; margin-top: 5px; text-align: right; text-transform: uppercase; letter-spacing: 1px; line-height: 100%;"><a href="">THANKS</a> <a href="">FELICITY</a>!</DIV></CENTER>
<style type="text/css"> #sunshine { width: 160px; height: 160px; overflow: hidden; } .sunny { width: 160px; height: 160px; position: relative; top: -320px; background-color: black; -webkit-transition-duration: .7s; -o-transition-duration: .7s; -moz-transition-duration: .7s; } #sunshine:hover .sunny { top: -160px; } .sun-one { margin-left: 30px; padding-top: 20px; padding-bottom: 20px; width: 100px; background-color: #fff; } .sun-two { font-family: roboto; font-size: 40px; text-align: center; line-height: 100%; color: #303030; margin-bottom: 2px; } .sun-three { font-family: calibri; font-size: 8px; text-align: center; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; } .sun-five { width: 400px; padding: 15px; background-color: black; } .sun-four { height: 30px; } .sun-six { width: 400px; padding-top: 25px; padding-bottom: 25px; background-color: black; font-family: roboto; font-size: 30px; text-align: center; line-height: 100%; margin-bottom: 5px; text-transform: uppercase; color: #fff; } .sun-seven { width: 160px; height: 160px; padding: 5px; background-color: #fff; border: 1px solid #eee; } .sun-eight { width: 5px; } .sun-nine { width: 201px; padding: 10px; background-color: #fff; border: 1px solid #eee; height: 150px; font-family: arial; font-size: 9px; text-align: justify; line-height: 100%; text-transform: lowercase; color: #333; } .sun { width: 196px; height: 150px; padding-right: 5px; overflow: auto; } .sun::-webkit-scrollbar {width: 5px;background: #fff;} .sun::-webkit-scrollbar-thumb {background: #4B403A;}.sun::-webkit-scrollbar-corner {background: #fff;} .sun-ten { height: 5px; } </style>
Accueil 
