<style>.telephone{height: 640px; width: 300px; background-image:url(http://i.imgbox.com/PwaihRUs.png); overflow: hidden} .contact{text-align: center; position: absolute; background-color:#dfdfe9; width: 263.5px; padding-top: 15px; padding-bottom: 10px; margin-top: 100px; margin-left: 19.5px; opacity: 0.9; border-bottom: 1px solid black; font-family: Khula; font-size: 20px} .contenu{height:433px;width:263.5px;background-color:#ffffff; margin-top: 100px; padding-top: 20px; padding-bottom: 10px; overflow: auto; margin-left: 3px}.envoi{max-width: 160px; background-color: #298cfa; color: #ffffff; font-family: khula; padding: 8px; font-size: 13px; text-align: right; border-radius: 20px; margin-top: 15px; margin-right: 10px;}.reception{max-width: 160px; background-color: #e6e6eb; color: #000000; font-family: khula; padding: 8px; font-size: 13px; text-align: left; border-radius: 20px; margin-left: 10px; margin-top: 15px}</style><link href='http://fonts.googleapis.com/css?family=Khula' rel='stylesheet' type='text/css'>

<center><div class="telephone"><div class="contact">NOM</div><center><div class="contenu">
[right]<div class="envoi">blablabla</div>[/right]
[left]<div class="reception">blablabla toi aussi...</div>[/left]
[right]<div class="envoi">blablablablablabla</div>[/right]
[left]<div class="reception">blablablablablablablablablablablabla</div>[/left]
[right]<div class="envoi">blablablablablablablablabla </div>[/right]
[left]<div class="reception">blablablablablabla</div>[/left]
</div></center></div></center>