@media(max-width:700px){
    .chat_btn{position:fixed;z-index:900;right:100px;bottom:0px;width:250px;height:40px;padding:10px;border-radius:5px 5px 0 0;box-shadow:2px 2px 8px #000000;color: #ffffff;
              font-weight:500;font-size:30px;vertical-align:top;background-color:#13203d;text-shadow:2px 2px 4px #070707;cursor:pointer;transition:all 0.2s linear;}
    .chat_btn:hover{background-color:#1b2e58;}
    .chat_contenu iframe{border:0px;height:100%;width:99%;overflow-x:hidden}
    .chat_box{
        top:100px;left:10px;right:10px;
        bottom:0px;
        background-color:#ffffff;
        display:none;
        position:fixed;
        z-index:901;
        box-shadow:2px 2px 8px #000000;
        border-radius:3px;
    }
    .chat_top{color:#ffffff;font-weight:500;font-size:30px;vertical-align:top;background-color:#212221;height:40px;padding:10px;border-radius:5px 5px 0 0;}
    .chat_close{float:right;cursor:pointer;}
    .chat_contenu{padding:10px;overflow-x:auto;}
    .chat_top img{width:20px;}
}

@media(min-width:701px){
    .chat_contenu iframe{border:0px;height:100%;width:432px;overflow-x:hidden }
    .chat_btn{position:fixed;z-index:900;right:100px;bottom:0px;width:140px;height:20px;padding:10px;border-radius:5px 5px 0 0;box-shadow:2px 2px 8px #000000;color: #ffffff;
              font-weight:bold;font-size:15px;vertical-align:top;background-color:#13203d;text-shadow:2px 2px 4px #070707;cursor:pointer;transition:all 0.2s linear;}
    .chat_btn:hover{background-color:#1b2e58;}
    .chat_box{width:430px;background-color:#ffffff; display:none;position:fixed;z-index:901;right:100px;bottom:0px;box-shadow:2px 2px 8px #000000;border-radius:0 3px 0 0;}
    .chat_top{color:#ffffff;font-weight:500;font-size:17px;vertical-align:top;background-color:#212221;height:20px;padding:10px;border-radius:5px 5px 0 0;}
    .chat_close{float:right;cursor:pointer;}
    .chat_contenu{padding:10px; overflow-x:hidden;}
    .chat_btn > img{width:20px;}
    .chat_top img{width:20px;}
}
.pulse-effect_chat {
    background-color:#13203d;
}
.contener_general
{
    -webkit-animation:animball_two 1s infinite;
    -moz-animation:animball_two 1s infinite;
    -ms-animation:animball_two 1s infinite;
    animation:animball_two 1s infinite;
    width:44px; height:44px;
    top:33%;
    left: 43%;
    position:absolute;
}
.contener_mixte
{
    width:44px; height:44px; position:absolute;
}
.ballcolor
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.ball_1, .ball_2, .ball_3, .ball_4
{
    position: absolute;
    -webkit-animation:animball_one 1s infinite ease;
    -moz-animation:animball_one 1s infinite ease;
    -ms-animation:animball_one 1s infinite ease;
    animation:animball_one 1s infinite ease;
}
.ball_1
{
    background-color:#cb2025;
    top:0; left:0;
}
.ball_2
{
    background-color:#f8b334;
    top:0; left:24px;
}
.ball_3
{
    background-color:#00a096;
    top:24px; left:0;
}
.ball_4
{
    background-color:#97bf0d;
    top:24px; left:24px;
}
@-webkit-keyframes animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}
@-moz-keyframes animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}
@-ms-keyframes animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}
@keyframes animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}
@-webkit-keyframes animball_two
{
    0%{-webkit-transform:rotate(0deg) scale(1);}
    50%{-webkit-transform:rotate(360deg) scale(1.3);}
    100%{-webkit-transform:rotate(720deg) scale(1);}
}
@-moz-keyframes animball_two
{
    0%{-moz-transform:rotate(0deg) scale(1);}
    50%{-moz-transform:rotate(360deg) scale(1.3);}
    100%{-moz-transform:rotate(720deg) scale(1);}
}
@-ms-keyframes animball_two
{
    0%{-ms-transform:rotate(0deg) scale(1);}
    50%{-ms-transform:rotate(360deg) scale(1.3);}
    100%{-ms-transform:rotate(720deg) scale(1);}
}
@keyframes animball_two
{
    0%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(360deg) scale(1.3);}
    100%{transform:rotate(720deg) scale(1);}
}
#mydiv{
    height:400px
}
#frameChat{
    height:350px
}
.chat_box{
    height:400px
}