#container{width:750px;height:800px;background:#eff3f7;margin:0 auto;font-size:0;border-radius:5px;overflow:hidden;}main.chat{width:80%;height:auto;display:inline-block;font-size:15px;vertical-align:top;}.status{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;}.green{background-color:#58b666;}.orange{background-color:#ff725d;}.blue{background-color:#6fbced;margin-right:0;margin-left:7px;}main.chat header{height:auto;padding:30px 20px 30px 40px;}main.chat header > *{display:inline-block;vertical-align:top;}main.chat header img:first-child{border-radius:50%;}main.chat header img:last-child{width:24px;margin-top:8px;}main.chat header div{margin-left:10px;margin-right:145px;}main.chat header h2{font-size:16px;margin-bottom:5px;}main.chat header h3{font-size:14px;font-weight:normal;color:#7e818a;}#chat{padding-left:0;margin:0;list-style-type:none;overflow-y:scroll;height:535px;border-top:2px solid #fff;border-bottom:2px solid #fff;}#chat li{padding:10px 30px;}#chat h2,#chat h3{display:inline-block;font-size:13px;font-weight:normal;}#chat h3{color:#bbb;}#chat .entete{margin-bottom:5px;}#chat .message{padding:20px;color:#fff;line-height:25px;max-width:90%;display:inline-block;text-align:left;border-radius:5px;}#chat .me{text-align:right;}#chat .you .message{background-color:#58b666;}#chat .me .message{background-color:#6fbced;}#chat .triangle{width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;}#chat .you .triangle{border-color: transparent transparent #58b666 transparent;margin-left:15px;}#chat .me .triangle{border-color: transparent transparent #6fbced transparent;position: absolute;right: 5px;}main.chat footer{height:155px;padding:20px 30px 10px 20px;}main.chat footer textarea{resize:none;border:none;display:block;width:100%;height:80px;border-radius:3px;padding:20px;font-size:13px;margin-bottom:13px;}main.chat footer textarea::placeholder{color:#ddd;}main.chat footer img{height:30px;cursor:pointer;}main.chat footer a{text-decoration:none;text-transform:uppercase;font-weight:bold;color:#6fbced;vertical-align:top;margin-left:333px;margin-top:5px;display:inline-block;}