/*--------------------------------------------------------------
## COMMENTAIRES
--------------------------------------------------------------*/
.comment-edit-link,
.comment-reply-link {
    display: inline-block;
    border: 0;
    padding: 4px 12px;
    background: #000000;
    color: #fff;
    line-height: 1;
    transition: all .4s;
    text-decoration: none;
}

.comment-edit-link {
    margin-left: 10px
}

.comment-edit-link:hover,.comment-reply-link:hover {
    background: #000000;
}

.comment-metadata > a {
    pointer-events: none;
    text-decoration: none
}

.comment-content {
    padding: 20px;
    margin: 5px 0 20px
}

.comment-metadata {
    color: #000000;
    font-size: 80%;
}

.comment-list {
    padding-left: 0;
    list-style: none;
}

.comment-list .children {
    list-style: none;
}

.reply {
    margin-bottom: 10px
}

.comment-form p:not(.comment-form-cookies-consent) label {
    display: block;
    margin-bottom: 5px
}

.comment-form .comment-form-author input,.comment-form .comment-form-email input {
    display: block;
    width: 100%
}

.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form-cookies-consent {
    display: none
}

@media screen and (min-width: 768px) {
    .comment-form-author,.comment-form-email {
        float:left;
        width: 50%
    }

    .comment-form-author {
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .submit {
        width:100%
    }
}