.article_supprime {
    background: url(https://lieuxdedrague.fr/images/supp_blog_photo_1.png) no-repeat 0 0;
    background-size: 24px;
    width: 24px;
    height: 24px;
}
.article_supprime:hover {
    background: url(https://lieuxdedrague.fr/images/supp_blog_photo.png) no-repeat 0 0;
    background-size: 24px;
    width: 24px;
    height:24px;
}

.blog_cover {
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;justify-content: center;
    height: 120px;
    width: 100%;
}
.blog_cover_title {
    display: flex;
    font-weight: 600;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    height: 40px;
    text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
}
.blogueur_infos{
    display: flex;
    align-items: center;
    float: left;
    margin-left:7px;
    margin-right:2px;
    margin-bottom: 15px;
    margin-top:5px;
    width: 80%;
}

.blogueur_photo {
    width:50px;
    float: left;
    border-radius: 10px;
    margin-top:6px;
    margin-right:10px;
}

.cadre_repost {
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:6px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f0f2f5
}
.comment_bloc {
    display: table;
    border-collapse: separate;
    border-spacing: 5px 3px;
}

.comment_cadre {
    border-radius: 6px;
    background-color: #f0f2f5;
    margin-top: 2px;
    margin-bottom: 10px;
    padding: 2px 10px 2px 10px;
    display: table-cell;
}

.comment_textarea{
    width: 100%;
    background-color: #f0f2f5;
    margin-bottom: 0px;
    padding-left: 10px;
    vertical-align: middle;
    border : unset;
    border-radius: 6px;
}

.comment_supprime {
    background: url(https://lieuxdedrague.fr/images/supp_blog_photo_1.png) no-repeat 0 0;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.comment_supprime:hover {
    background: url(https://lieuxdedrague.fr/images/supp_blog_photo.png) no-repeat 0 0;
    background-size: 20px;
    width: 20px;
    height:20px;
}

.comment_zone {
    width: 96%;
    border-radius: 6px;
    margin-right: auto;
    margin-left: auto;
}

.form_comment {
    display:inline-block;
    width:88%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.info_comment {
    width: 49%;
    display: table;
    float: left;
    text-align: right;
    height: 35px;
}

.like_div {
    width: 45%;
    float: left;
    height: 35px;
    display: table;
}

.no_article {
    border-style: solid;
    border-width: 2px;
    border-color: #FF00FF;
    background-color: #FFF0FF;
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.no_blogueur_photo {
    width:50px;
    float: left;
    margin-top:6px;
    margin-right:10px;
}
.no_convert {
    background-color: #F0F0F0;
    border-style: solid;
    border-width: 1px;
    border-color: #D0D0D0;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 85%;
}
.no_video{
    background: #d8d8d8;
    background: -moz-linear-gradient(to top, #dddddd5e 0%,#dddddddb 100%);
    background: -webkit-linear-gradient(to top, #dddddd5e 0%,#dddddddb 100%);
    background: linear-gradient(to bottom, #dddddd5e 0%,#dddddddb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4a6ed', endColorstr='#e8dcea',GradientType=0 );
    border: 2px solid #e4e3e3;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 1px 1px 12px #d8d8d8;
}

.old_articles {
    display: none;
}

.partage_lien {
    display : flex;
    float: right;
}

.repost_contenu {
    width: 98%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.repost_infos {
    margin-left: 15px;
    border-top: 1px solid #ddd;
    margin-right: 15px;
    padding-top: 5px;
}
.signal_lien {
    display: table-cell;
    vertical-align: middle;
    text-align: end;
    width: 75px;
    color: grey;
}
.signal_lien:hover {
    color: #ff3914;
}
.signal_text {
    vertical-align: middle;
}
.separ_ligne {
    border-top: 1px solid #dadde1;
    margin-top: 0px;
    margin-bottom: 10px;
}

.supp_lien{
    display: flex;
    justify-content: flex-end;
    padding-top: 5px;
}

/* ================================================================== */
/* Mobile breakpoint */
/* ================================================================== */
@media (min-width: 200px) and (max-width: 767px) {
    .blogueur_infos{
        width: 75%;
    }
    .blog_cover {
        height : 90px;
    }
    .blog_cover_title {
        font-size :24px;
    }
    .supp_lien{
        padding-top: 5px;
        font-size: 12px;
        display: flex;
        flex-direction: row;
    }
    .like_div {
        width: 25%;
        float: left;
        height: 35px;
        display: table;
    }
    .info_comment {
        width: 65%;
        display: table;
        float: left;
        text-align: right;
        height: 35px;
    }
    .form_comment {
        width:80%;
    }

}