<br><link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<center><!-- COQUE TELEPHONE--><div style="width: 250px; height: 430px; ;border: 10px solid #13182d; border-top: 40px solid #13182d; border-bottom: 40px solid #13182d; border-radius: 20px; box-shadow: 3px 3px 0px #7d7f8a;"><!-- BARRE RESEAU--><div style="height: 17px; background-color: #bbe69e; font-family: helvetica; color: #5d5a53; font-size: 10px; letter-spacing: 1px;"><div style="float: left; margin-left: 0px; width: 70px; height: 17px;">●◦◦◦◦ 2G</div> 14:20 <div style="float: right; margin-right: 7px; width: 70px; height: 17px; text-align: right;">10%<img src="http://ultraimg.com/images/Clipboardimage2016-05-17032823.png" style="height: 15px; width: 15px;"></div></div><!--FIN BARRE RESEAU--><!--BARRE NOM--><div style="height: 50px; background-color: #e7f6dc;"><div style="float: left; margin: 15px; width: 20px; height: 20px; border-radius: 50px; background-color: #bbe69e; line-height: 20px; color: #e1e1e1; font-family: oswald;"></div><div style="width: 210px; height: 50px; line-height: 50px; font-family: roboto; color: #5d5a53; font-size: 20px; letter-spacing: -1px;">TON NOM/SURNOM JSP</div><!--FIN BARRE NOM--><!--DEBUT CADRE MESSAGE--><div style="height: 300px; overflow: auto; padding: 10px; background-color: #DBDBDB; border-top: 1px solid #bbe69e;"><!-- PREMIER MESSAGE--><div style="margin-bottom: 3px; width: 190px; float: left; text-align: justify;"><div style="float: left; width: 10px; line-height: 30px; font-family: helvetica; font-size: 30px; color: #EAEAEA;">◄</div><div style="border-radius: 10px; background-color: #EAEAEA; padding: 10px; margin-left: 10px; width: 150px; color: #5d5a53; line-height: 11px; font-size: 11px;">Tu peux me spam.</div></div><!--DEUXIEME MESSAGE--><div style="margin-bottom: 3px; width: 190px; float: left; text-align: justify;"><div style="float: left; width: 10px; line-height: 30px; font-family: helvetica; font-size: 30px; color: #EAEAEA;">◄</div><div style="border-radius: 10px; background-color: #EAEAEA; padding: 10px; margin-left: 10px; width: 150px; color: #5d5a53; line-height: 11px; font-size: 11px;">Salut cv.</div></div><div style="margin-bottom: 3px; width: 190px; float: left; text-align: justify;"><!--TROISIEME MESSAGE--><div style="float: left; width: 10px; line-height: 30px; font-family: helvetica; font-size: 30px; color: #EAEAEA;">◄</div><div style="border-radius: 10px; background-color: #EAEAEA; padding: 10px; margin-left: 10px; width: 150px; color: #5d5a53; line-height: 11px; font-size: 11px;">ON BZ.</div></div><!--QUATRIEME MESSAGE--><div style="margin-bottom: 3px; width: 190px; float: left; text-align: justify;"><div style="float: left; width: 10px; line-height: 30px; font-family: helvetica; font-size: 30px; color: #EAEAEA;">◄</div><div style="border-radius: 10px; background-color: #EAEAEA; padding: 10px; margin-left: 10px; width: 150px; color: #5d5a53; line-height: 11px; font-size: 11px;">Et tu peux en supprimer des messages,
 demande moi si t'es nul :/</div></div></div><!-- FIN BOITE MESSAGE--><div style="height: 43px; background-color: #bbe69e; border-top: 1px solid #DBDBDB;"><div style="float: left; margin: 12px; width: 20px; height: 15px;"><img src="http://ultraimg.com/images/Clipboardimage2016-05-17033036.png" style="height: 20px; width: 25px; opacity: 0.4;"></a></div><div style="margin-left: 35px; width: 210px; height: 33px; padding-top: 10px; line-height: 13px; font-family: helvetica; color: #5d5a53; font-size: 10px; letter-spacing: 0px;"><div style="margin: 10px; margin-top: 0px; background-color: #FBFBFB; border-radius: 5px; padding: 5px; text-align: left;">Message</div></div></div></div></center><br>