<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style>.wrap-phone {width: 323px;height: 503px;border-radius:25px;margin: auto;position: relative;background-color: #444;border: 1px solid #2f2f2f;font-family: 'Roboto', sans-serif;}.cadre-phone {width: 299px;height: 395px;background-color: #fff;margin: 50px auto 15px;}.haut-phone {background-color: #4355c3;height: 50px;padding-top: 1px;box-sizing: border-box;border-bottom: 1px solid #fff;box-shadow: 0 1px 0 #e6e6e6;}.haut-phone div {width: 32%;display: inline-block;vertical-align: top;font-size: 10px; color:white;}.haut-phone div:nth-child(4),.haut-phone div:nth-child(5),.haut-phone div:nth-child(6) {margin-top: 10px;}.points, .messages {padding-left: 4px;box-sizing: border-box;}.points span {display: inline-block;height: 5px;width: 5px;border-radius: 50%;background-color: #000;margin-right: 1px;margin-top: 4px;}.heure, .nom{text-align: center;}.batterie, .details {text-align: right;width: 30%!important;}.messages, .details {color: #0055f4;}.mid-phone {height:309px;position:relative;overflow:hidden;width:104%;}.mid-inner{overflow-x: hidden;overflow-y: scroll;height:100%;width:96%;}.scrollbar{text-align:justify;height:100%;width:100%;}bulle, bulle-rep {display: inline-block;width: 68%;background: #e5e4ea;border-radius: 10px;padding: 7px;margin: 5px 12px 5px;font-size: 12px;position: relative;}bulle-rep {background: #48bbfc;margin-left: 15%;color: #fff;display:block}bulle-rep:after {border-width: 10px 0 0 10px;border-color: transparent transparent transparent #48bbfc;left: initial;right: -7px;}.bas-phone {background-color: #f1f5f8;height: 30px;margin-top: 1px;padding: 7px 5px;box-sizing: border-box;border-top: 1px solid #fff;box-shadow: 0 -1px 0 #e6e6e6;color: #abaaaa;}.reponse {width: 55%;background: #fff;color: #ccc;font-size: 13px;border: 1px solid #ccc;border-radius: 5px;padding: 0 6px;display: inline-block;margin: -2px 10px;vertical-align: top;position: relative;}.reponse:after {content: "Envoyer";right: -48px;position: absolute;font-size: 11px;top: 1px;}.credit {position: absolute;width: 100%;text-align: center;text-transform: uppercase;font-size: 8px;letter-spacing: 3px;margin-top: 20px;}.credit a {color: #ccc!important;text-decoration: none!important;}cercle {display: block;height: 30px;width: 30px;background: #2f2f2f;border-radius: 50%;margin: auto;}.mini-bul{border-radius:50%;height:30px;overflow:hidden;width:30px;z-index:4;top:10px;left:4px;display: inline-block;position:relative;}.mini-bul img{-o-object-fit:cover;height:30px;object-fit:cover;width:30px;}.floaty{float:right!important;margin-right: 6px;}</style>

<div class="wrap-phone"><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful phone</a></div><div class="cadre-phone"><div class="haut-phone"><div class="points"><span></span><span></span><span></span><span></span><span></span></div><div class="heure">9:41 AM</div><div class="batterie"><i class="fa fa-battery-full" aria-hidden="true"></i></div><div class="messages"><i class="fa fa-chevron-left" aria-hidden="true"></i> Messages</div><div class="nom">Prénom</div><div class="details">Facebook</div></div><div class="mid-phone"><div class="mid-inner"><div class="mid">
<!-- IMAGE 40*40 COPAIN/INE --><div class="mini-bul"><img src="https://www.aht.li/3007827/5050BW.png" /></div><!--REPONSE COPAIN/INE  --><bulle>[size=13]Coucou[/size]</bulle>
<div class="mini-bul floaty"><!-- IMAGE 40*40  TOI --><img src="https://www.aht.li/3007827/5050BW.png" /></div><!-- REPONSE TOI --><bulle-rep>[size=13]Je suis une bulle et je m'étire si besoin, autant que possible alors on va écrire un long texte pour voir ça.[/size]</bulle-rep>
<div class="mini-bul floaty"><img src="https://www.aht.li/3007827/5050BW.png" /></div><bulle-rep>J'aime le poulet et les patates</bulle-rep><!--
--></div></div></div><div class="bas-phone"><i class="fa fa-camera" aria-hidden="true"></i><div class="reponse">Message</div></div></div><cercle></cercle></div>
[center][size=8](code @Terrible [url=https://terrible.forumactif.org]www[/url])[/size][/center]