<style type="text/css">#iphone { width: 173px; height: 292px; position: relative; overflow: hidden; margin-left: -3px}#iphone .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; position: absolute; right: -0px; bottom: 0px; width: 173px; height: 292px; opacity: .99; }#iphone:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; right: -173px; opacity: .99}.date { width: 173px; background-image: -moz-linear-gradient(90deg,#393939,#131313); background-image: -webkit-gradient(linear,left bottom,left top,from(#393939),to(#131313)); font-family: 'Roboto', sans-serif; font-size: 25px; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #fff; text-transform: lowercase; line-height: 100%; font-weight: lighter; letter-spacing: -1px; text-shadow: 1px 1px 0px #000; opacity: .8 }
.caller { width: 173px; font-family: arial; font-size: 14px; color: #fff; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; background-image: -moz-linear-gradient(90deg,#7087a9,#9eafc1); background-image: -webkit-gradient(linear,left bottom,left top,from(#7087a9),to(#9eafc1)); font-weight: bold }.textyay { width: 50px; background-image: -moz-linear-gradient(90deg,#d9d9d9,#bababa); background-image: -webkit-gradient(linear,left bottom,left top,from(#d9d9d9),to(#bababa)); color: #000; font-family: arial; font-size: 9px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-align: justify; line-height: 100%; -moz-box-shadow: 1px 1px 1px #555; -webkit-box-shadow: 1px 1px 1px #555; -o-box-shadow: 1px 1px 1px #555; -ms-box-shadow: 1px 1px 1px #555; margin-bottom: 20px}.send { font-family: arial; font-size: 7px; color: #fff; line-height: 100%; text-align: center; padding: 5px;  background-image: -moz-linear-gradient(90deg,#7087a9,#9eafc1); background-image: -webkit-gradient(linear,left bottom,left top,from(#7087a9),to(#9eafc1)); width: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; font-weight: lighter; letter-spacing: 1px; }.bbar { width: 163px; background-image: -moz-linear-gradient(90deg,#bababa,#d9d9d9); background-image: -webkit-gradient(linear,left bottom,left top,from(#bababa),to(#d9d9d9)); padding: 5px; }.textsc::-webkit-scrollbar { background: transparent; width: 5px; }.textsc::-webkit-scrollbar-thumb { background: #f0f0f0; }</style><link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'><center><div style="width: 200px; height: 418px; background-image: url(http://i.imgur.com/nIR69p7.png);"><div style="height: 67.2px"></div><div id="iphone"><div class="sucks"><div style="width: 173px; height: 292px; background-image: url(IMAGE IMAGE IMAGE)"><div class="date">10:40 am</div><div style="height: 199px"></div><img src="http://i.imgur.com/9knaZom.png"/></div></div><div style="width: 173px; height: 292px; background-color: #dce2ee"><div class="caller">PRENOM NOM</div><div style="height: 10px"></div><table cellpadding="0" cellspacing="0"><td><div style="width: 60px"></div></td><td><div style="height: 210px; padding-right: 5px; overflow: auto; width: 90px;" class="textsc"><div class="textyay">MESSAGE ICI MESSAGE ICI MESSAGE ICI</div></div></td></table><div style="height: 10px"></div><div class="bbar"><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 10px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;"></div></td><td><div style="width: 10px"></div></td><td><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8724"><div class="send">send</div></a></td></table></div></div></div></div></div></center>