body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #3a3a3a;
    background: url("images/bg.jpg") repeat center top;
}

a, a:visited {
    color: #3a3a3a;
    text-decoration: none;
}

a:hover {
    color: #75d121;
    text-decoration: none;
}

a img {
    border: none;
}

ul, li, h1, h2, h3, p, form {
    margin: 0;
    padding: 0;
    list-style: none;
}

header {
    background-color: #ffffff;
    font-size: 14px;
}

.navbar-brand {
    background-image: url("images/logo.png");
    width: 149px;
    height: 43px;
}

.nav-link {
    text-transform: uppercase;
    font-weight: 600;
    border-top: 4px solid transparent;
}

.nav-link:hover {
    border-top: 4px solid #75d121;
    color: #3a3a3a;
}

.nav-item form {
    padding: 0 20px;
    position: relative;
}

.searchform {
    display: inline-block;
    width: auto;
    border: 1px solid #dbdada;
    background-color: #f7f7f7;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 14px;
    height: calc(1.5em + .75rem + 9px);
}

.searchform::placeholder {
    color: #a8a8a8 !important;
}

.searchbutton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    background-color: #3a3a3a;
    color: #ffffff;
}

.searchbutton i {
    padding: 0.375rem 0;
    color: #ffffff;
}

.searchhint {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    display: none;
    background-color: #f7f7f7;
}

.searchhint li {
    padding: .375rem .75rem;
}

.searchhint li:hover {
    background-color: #C9C9C9;
}

.searchhint a, .searchhint a:visited {
    color: #333333;
    display: block;
    text-decoration: none;
}

.dropdown .dropdown-menu > li > a,
.dropdown .dropdown-menu > li > a:visited,
.dropdown .dropdown-menu > li > span {
    text-decoration: none;
    display: block;
    padding: 5px;
}

.dropdown .dropdown-menu a:hover {
    background-color: #75d121;
    color: #ffffff;
}

.dropdown-menu .dropdown-item.deactivated {
    background-color: transparent;
}

.menuuserhd {
    /*width: 21px;
    height: 16px;
    display: block;
    margin-left: 5px;
    background: url(images/hd.png);*/
    color: #75d121;
}

.menuuserpremium {
    /*width: 21px;
    height: 16px;
    display: block;
    margin-left: 5px;
    background: url(images/pre.png);*/
    color: #75d121;
}

.menuuserhd.off, .menuuserpremium.off {
    /*background-position: 0 -16px;*/
    color: #3a3a3a;
}

.content {
    background-color: #ffffff;
}

.blockcontent {
    padding: 15px;
}

.messagebox {
    background-color: #3a3a3a;
    color: #ffffff;
    padding: 12px;
    text-align: center;
    position: relative;
}

.messagebox a, .messagebox a:visited {
    color: #75d121;
}

.messagebox a:hover {
    text-decoration: none;
}

.messageboxclose {
    top: 9px;
    right: 10px;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: url(images/messageclose.png) no-repeat;
}

.messageboxvideo {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}

.messageboxvideo2 {
    margin-left: -15px;
    margin-right: -15px;
}

/* Items */
.titlecontent {
    font-size: 24px;
    font-weight: 600;
}

.titleborder {
    border-bottom: 4px solid #75d121;
    width: 55px;
}

.plug {
    margin-bottom: 20px;
}

.thumblink {
    width: 100%;
    display: block;
    position: relative;
}

.blocktitle {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.titleitem {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
    margin: 4px 0 2px 0;
}

.titleitem a:hover {
    color: #a8a8a8;
    text-decoration: none;
}

.blockbutton {
    display: flex;
    justify-content: flex-end;
}

.dropdown-classement {
    position: relative;
}

.classement, .classement:visited {
    color: #616161;
    border: 1px solid #afafaf;
    border-radius: 5px;
    background-color: #f7f7f7;
    padding: 5px 10px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 18px;
    margin-right: 5px;
    font-weight: bold;
    display: block;
}

.blocklist {
    position: relative;
}

.reload, .reload:visited {
    font-size: 18px;
    color: #afafaf;
    background-color: #f7f7f7;
    border: 1px solid #afafaf;
    padding: 5px;
    border-radius: 5px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.morebutton, .morebutton:visited,
.morelink, .morelink:visited {
    font-size: 18px;
    color: #afafaf;
    background-color: #f7f7f7;
    border: 1px solid #afafaf;
    padding: 5px;
    border-radius: 5px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.morelink2 {
    position: absolute;
    top: -60px;
    right: 0;
}

.morelink3 {
    position: absolute;
    top: -55px;
    right: 0;
}

.morelink4 {
    position: absolute;
    top: -62px;
    right: 160px;
}

.morelink5 {
    position: absolute;
    top: -62px;
    right: 35px;
    width: 30px;
    text-align: center;
}

.morelink6 {
    position: absolute;
    top: -62px;
    right: 173px;
    width: 30px;
    text-align: center;
}

.morelink7 {
    position: absolute;
    top: -62px;
    right: 35px;
    width: 30px;
    text-align: center;
}

.home .morelink {
    display: none;
}

.infoitem {
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.infoitem li {

}

#timeitem, #viewitem {
    color: #616161;
}

#voteitem {
    color: #488113;
}

.tag {
    background-color: #75d121;
    color: #ffffff;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.8;
    padding: 0 3px 4px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Icones */
.premium {
    /*display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(images/premium.png);
    background-size: contain;*/
    background: url("images/blue_flame.png");
    display: block;
    height: 24px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
}

.premiumconnected {
    background: url("images/blue_flame.png");
    display: block;
    height: 24px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
}

.premiumconnectedwithfrench {
    right: 30px !important;
}

.french {
    background: url("images/flag-fr.png");
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 25px;
}

.fatality {
    background: url("images/diable.png");
    display: block;
    height: 25px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 25px;
}

.new {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background: url("images/new.png");
}

.categorynew {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background: url("images/new.png");
}

/* Catégories */
.itemscategoryimage {
    width: 100%;
    aspect-ratio: 168/176;
}

.imageitem {
    aspect-ratio: 160/120;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.blockthumbcategory {
    position: relative;
}

.blockthumbcategory > span {
    color: #ffffff;
    background-color: #59b307;
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 600;
    position: absolute;
    bottom: 3px;
    right: 3px;
    opacity: 0.9;
}

.itemscategoryname {
    padding: 5px 0;
    text-align: center;
}

.itemscategoryname a, .itemscategoryname a:visited {
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
}

.itemscategoryname a:hover {
    text-decoration: none;
}

.iconadd,
.iconadd:visited {
    position: absolute;
    top: 0;
    right: 15px;
    width: 32px;
    height: 32px;
    background: url("images/iconadd.png");
    display: block;
    border: none;
}

.iconadd:hover,
.iconadd.removed:hover {
    background-position: 0 -32px;
}

.iconadd.removed,
.iconadd.removed:visited {
    background: url("images/iconremove.png");
}

/* Pagination */
ul.pagination,
.pagination ul {
    margin: 90px 0 130px 0;
    font-weight: 600;
    flex-wrap: wrap;
}

.pagination .page-item .page-link,
.pagination .page-item .page-link:visited,
.pagination ul li a,
.pagination ul li a:visited {
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    border-radius: 5px;
    margin: 0 3px;
    padding: 10px 12px;
    color: #3a3a3a;
    width: 42px;
    text-align: center;
    display: block;
}

.pagination .page-item.zero .page-link,
.pagination .page-item.zero .page-link:visited {
    background-color: #59b307;
    border: 1px solid #dbdada;
    border-radius: 5px;
    margin: 0 3px;
    padding: 10px 12px;
    color: #ffffff;
    width: 42px;
    text-align: center;
}

.pagination .page-item.next .page-link,
.pagination .page-item.previous .page-link {
    width: auto;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover,
.pagination ul li.active a,
.pagnination ul li.active a:visited,
.pagination ul li a:hover {
    background-color: #59b307;
    color: #ffffff;
}

#videopagination ul {
    display: flex;
}

/* Video */
.titlevideo {
    font-size: 28px;
    font-weight: 600;
    margin-right: 32px;
}

.blockvideo {
    display: flex;
    justify-content: space-between;
}

/*.playervideo {
    width: 100%;
    height: 100%;
}*/
.playerwrapper {
    overflow: hidden;
    position: relative;
}

.playerwrapper:after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.wrappercontent {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.playervideo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.notevideo {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.infovideo {
    font-size: 45px;
    line-height: 45px;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    border-radius: 10px;
    padding: 10px;
    width: 72px;
    height: 72px;
    text-align: center;
}

.infovideo span {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    background-color: #79c137;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    opacity: 0.9;
}

.numbervotevideo {
    text-align: center;
}

.videoright .advert {
    margin-bottom: 10px;
    overflow: hidden;
}

.playerpremium {
    background: url(images/player-premium.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    padding-top: 56.25%;
    display: block;
}

/* Nombre d'items par ligne */
.itemsoneline {
    max-height: 197px;
    overflow: hidden;
}

.itemstwolines {
    /**max-height: 395px;*/
    overflow: hidden;
}

.itemsfourlines {
    max-height: 820px;
    overflow: hidden;
}

.categoriesoneline {
    /*height: 380px;*/
    overflow: hidden;
}

.playlistsoneline {
    /**height: 380px;*/
    overflow: hidden;
}

/* Footer */
footer {
    background-color: #3a3a3a;
}

.footerlogo {
    background: url("images/logo-footer.png") no-repeat center top;
    height: 45px;
}

.footerlink {
    text-align: center;
    color: #fff;
    display: block;
}

/* Page upload */
#uploadfilebutton {
    position: relative;
    width: 400px;
    height: 40px;
    display: block;
    text-decoration: none;
    margin: auto;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: #3a3a3a;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 6px;
}

#uploadfilebutton:hover {
    color: #75d121;
}

#uploadfile {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 400px;
    /*height: 300px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#uploadform > label.full,
#uploadform > input,
#uploadform > textarea {
    display: block;
    width: 400px;
}

#uploadform label {
    text-align: center;
    margin: auto;
}

#uploadform input, #uploadform textarea {
    margin: 5px auto 10px auto;
    border: 1px solid #dbdada;
    border-radius: 5px;
    background-color: #f7f7f7;
    padding: 3px;
}

#uploadform input::placeholder, #uploadform textarea::placeholder {
    color: #a8a8a8;
}

#uploadprogress {
    font-size: 32px;
    text-align: center;
}

#uploadprogress .red {
    color: #ff0000;
    font-size: 22px;
}

#uploadstep2, #uploadstep3 {
    display: none;
}

#uploaderror {
    color: #3F0000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

#uploadinfos {
    color: #75d121;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

/* User */
.usermenu {
    padding-top: 4px;
}

.usermenu a, .usermenu a:visited {
    border-bottom: 4px solid transparent;
}

.usermenu a:hover {
    border-bottom: 4px solid #75d121;
    color: #3a3a3a;
    text-decoration: none;
}

.message {
    color: #75d121;
    font-weight: bold;
    text-align: center;
}

/* News */
.news {
    margin-bottom: 25px;
}

.news a, .news a:visited {
    color: #75d121;
}

.news p {
    text-align: justify;
    font-size: 11px;
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.news p.active {
    height: auto;
    margin: 0 0 10px 0;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
}

/* User infos */
.userinfosform {
    margin-bottom: 30px;
}

.birth {
    display: flex;
}

.birth select:nth-child(1),
.birth select:nth-child(2) {
    margin-right: 5px;
}

.custom-file-label::after {
    content: "Parcourir";
}

.thumbprofile {
    display: block;
    margin: auto;
    max-width: 100%;
}

.button {
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    border-radius: 5px;
}

.button:hover {
    background-color: #59b307;
    color: #ffffff;
}

.button:disabled {
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    color: #000;
}

/* User videos */
.uservideos {
    width: 100%;
    border-bottom: 1px solid #a8a8a8;
}

.uservideos th {
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

.downloadon, .downloadon:hover {
    color: #75d121;
    padding: 0 10%;
}

.downloadoff, .downloadoff:hover {
    color: #A80002;
    padding: 0 10%;
}

.delete, .delete:hover {
    color: #A80002;
    padding: 0 10%;
}

.delete2 {
    color: transparent;
    padding: 0 10%;
}

/* Public profil */
.avatar {
    float: right;
}

.infoname {
    font-weight: 600;
}

.name {
    color: #75d121;
}

/* Inscription */
.register2infos {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    padding: 5px;
}

.register2infostext {

}

.register2infostext div {
    font-size: 20px;
    color: #75d121;
    font-weight: 600;
}

.linkmenu a, .linkmenu a:visited {
    color: #ee0ab6;
}

.starvideo {
    display: flex;
    justify-content: center;
}

.description span {
    text-transform: lowercase;
}

.description a, .description a:hover {
    color: #75d121;
}

.grouptitle {
    position: relative;
}

.margin {
    margin-left: 5px;
}

/* Commentaires */
.videocommentlink {
    border: 1px solid #dbdada;
    width: max-content;
    background-color: #f7f7f7;
}

.blockcomment {
    overflow: hidden;
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    margin: 8px 0 0 0;
    position: relative;
    display: flex;
    justify-content: start;
    padding: 4px 2px;
}

.commentavatar {
    position: relative;
    float: left;
    width: 102px;
    height: 122px;
    border: 1px solid #dbdada;
}

.mpimage {
    position: absolute;
    bottom: 2px;
    right: 3px;
}

.mpimage i {
    font-size: 18px;
    color: #f7f7f7;
}

.commentavatarconnected {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    padding: 2px 3px;
    font-size: 11px;
}

.commentblocktext {
    width: 100%;
}

.commenttitle {
    display: flex;
    justify-content: space-between;
}

.commentpseudo {
    color: #75d121;
}

.commentvoteplus {
    color: #75d121;
}

.commentvotemoins {
    color: red;
}

.commentvotemoinsbutton:hover i {
    color: red;
}

.commenttext {
    text-align: justify;
    padding: 20px 20px 30px 0;
    font-size: 11px;
    overflow-wrap: break-word;
    word-break: break-all;
}

.commentoptions {
    display: flex;
    justify-content: space-between;
}

.commentresponse, .commentbtn {
    position: absolute;
    bottom: 0;
}

.commentbtn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.commentquotebutton, .commentanswerbutton, .commenteditbutton, .commentalertbutton {
    float: right;
    background-color: #75d121;
    border: 1px solid #75d121;
    cursor: pointer;
    font-size: 10px;
    margin: 2px 2px 2px 0;
}

.answerslink .caret-right {
    display: inline-block;
    margin-right: 2px;
    color: #75d121;
}

.answerslink .caret-down {
    display: none;
}

.answerslink.open .caret-right {
    display: none;
}

.answerslink.open .caret-down {
    display: inline-block;
    margin-right: 2px;
    color: #75d121;
}

.blockcommentreponse {
    overflow: hidden;
    background-color: #e7e7e7;
    border: 1px solid #dbdada;
    margin: 8px 0 0 33px;
    position: relative;
    display: flex;
    justify-content: start;
    padding: 4px 2px;
}

.blockcommentreponse blockquote {
    padding: 5px;
    margin: 0;
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
}

.blockcommentreponse .commentoptions,
.topcomment .commentoptions {
    display: flex;
    justify-content: flex-end;
}

.commentform {
    border: 1px solid #dbdada;
    background-color: #f7f7f7;
    transition: height ease-in 1s;
    overflow: hidden;
}

.commentformcontent {
    padding: 10px;
}

.commentformbuttons {
    padding: 3px 0 0 5px;
    overflow: hidden;
}

.commentmessage {
    clear: both;
    padding: 10px 0 0 5px;
    color: #FF0000;
}

#CommentText {
    background-color: #e7e7e7;
    border: 1px solid #dbdada;
    resize: none;
    width: 100%;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    padding: 2px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: height ease-in 0.3s;
    height: 200px;
}

.commentform.small .commentformbuttons,
.commentform.small .commentmessage,
.commentform.small .commentformsubmit {
    display: none;
}

.commentform.small #CommentText {
    height: 26px;
}

.commentdeactivated {
    opacity: 0.6;
}

.commentformsubmit {
    margin: 10px 0 5px;
    display: block;
    background-color: #75d121;
    border: 1px solid #75d121;
    cursor: pointer;
    padding: 3px 40px;
    font-weight: bold;
}

#comments {
    display: none;
    margin: 0 0 20px 0;
}

.commentpagination {
    text-align: center;
    padding: 10px 0;
}

.commentpagination span, .commentpagination a, .commentpagination a:visited {
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    padding: 2px 6px;
    text-align: center;
    margin: 2px;
}

.topcomment {
    /*background: url(images/topcomment.jpg) no-repeat center bottom #012b41;*/
    border: 1px solid #afafaf;
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .itemsoneline {
        max-height: 172px;
        overflow: hidden;
    }

    .itemstwolines {
        max-height: 344px;
        overflow: hidden;
    }

    .itemsfourlines {
        max-height: 717px;
        overflow: hidden;
    }

    .categoriesoneline {
        height: 165px;
        overflow: hidden;
    }

    .playlistsoneline {
        height: 170px;
        overflow: hidden;
    }

    .infovideo {
        font-size: 35px;
        line-height: 35px;
        width: 60px;
        height: 60px;
    }

    .starvideo img {
        width: 42px;
        height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .infoitem {
        font-size: 10px;
    }

    .navbar-nav {
        font-size: 11px;
    }

    .searchform,
    .searchform::placeholder {
        font-size: 12px !important;
    }

    .videoright {
        padding: 0 !important;
    }
}

@media (max-width: 992px) {
    .itemsoneline {
        max-height: 232px;
        overflow: hidden;
    }

    .itemstwolines {
        max-height: 472px;
        overflow: hidden;
    }

    .itemsfourlines {
        max-height: 958px;
        overflow: hidden;
    }

    .categoriesoneline {
        height: 247px;
        overflow: hidden;
    }

    .playlistsoneline {
        height: 247px;
        overflow: hidden;
    }

    .navbar-nav {
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .25rem;
        margin: 5px;
        padding: 10px;
    }

    .messagebox {
        padding: 25px 20px;
    }

    .messageboxclose {
        top: 5px;
        right: 5px;
    }

    .menuuser {
        font-size: 1rem;
    }

    .dropdown-item {
        display: inline-block;
        padding: .25rem 0;
    }

    .menuuser li {
        width: 50%;
        float: left;
    }

    .menuvideo {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        font-size: 1rem;
    }

    .menuvideo li a, .menuvideo li a:visited {
        display: block;
        padding: 0.5rem 0;
    }

    .nav-link {
        border-top: none;
    }

    .dropdown-item:hover,
    .nav-link:hover,
    .menuvideo li a:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
        border-top: none;
        color: #75d121;
    }

    .nav-item form {
        margin-bottom: 10px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .itemsoneline {
        /**max-height: 250px;*/
        overflow: hidden;
    }

    .itemstwolines {
        /**max-height: 500px;*/
        overflow: hidden;
    }

    .itemsfourlines {
        max-height: 1020px;
        overflow: hidden;
    }

    .categoriesoneline {
        height: auto;
    }

    .playlistsoneline {
        height: auto;
    }

    .infovideo {
        font-size: 30px;
        line-height: 30px;
        width: 55px;
        height: 55px;
    }

    .starvideo img {
        width: 19px;
        height: 18px;
    }

    .messagebox {
        padding: 25px 20px;
    }

    .dropdown-menu {
        right: 14px !important;
        left: auto !important;
    }

    .titlecontent {
        font-size: 18px;
    }

    .titlevideo {
        font-size: 15px;
    }

    .classement, .classement:visited {
        margin-right: 5px;
        font-size: 10px;
        font-weight: normal;
        padding: 5px;
        min-width: 85px;
    }

    .morelink, .morelink:visited,
    .morebutton, .morebutton:visited {
        font-size: 14px;
    }

    .morelink4 {
        position: absolute;
        top: -30px;
        right: 5px;
    }

    .morelink5 {
        top: -55px;
        right: 30px;
        width: 26px;
    }

    .morelink6 {
        right: 118px;
        width: 26px;
    }

    .morelink7 {
        right: 30px;
        width: 26px;
    }

    .home .morelink {
        display: flex;
    }

    .reload, .reload:visited {
        display: none;
    }

    .home .itemstwolines ul li:nth-child(n+7) {
        display: none;
    }

    .news iframe {
        width: 100% !important;
    }

    .notevideo {
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .categorymenu {
        display: none;
    }

    .itemsoneline,
    .itemstwolines,
    .itemsfourlines {
        max-height: none;
    }

    .itemsoneline ul li:nth-child(n+7),
    .itemstwolines ul li:nth-child(n+13),
    .itemsfourlines ul li:nth-child(n+25) {
        display: none;
    }

    .categoriesoneline ul li:nth-child(n+13) {
        display: none;
    }

    .playlistsoneline ul li:nth-child(n+13) {
        display: none;
    }

    .page-link {
        font-size: 12px;
    }

    .container {
        padding: 0;
    }

    .notevideo {
        justify-content: center;
    }

    .infovideo {
        font-size: 20px;
        line-height: 20px;
        margin: 0 5px;
        width: 40px;
        height: 40px;
    }

    .infovideo span {
        font-size: 10px;
        line-height: 14px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        bottom: 0;
    }

    .starvideo img {
        width: 15px;
        height: 15px;
    }

    .uservideos tr th:nth-child(4),
    .uservideos tr th:nth-child(5),
    .uservideos tr th:nth-child(6),
    .uservideos tr td:nth-child(4),
    .uservideos tr td:nth-child(5),
    .uservideos tr td:nth-child(6) {
        display: none;
    }

    #uploadform > label.full, #uploadform > input, #uploadform > textarea {
        display: block;
        width: 280px;
    }

    #uploadfile {
        width: 280px;
    }

    #uploadfilebutton {
        width: 280px;
    }

    .commenttext {
        font-size: 14px;
    }

    .commenttext img {
        max-width: 100%;
    }

    .commentresponse {
        position: static;
        margin-bottom: 20px;
    }

    /*.pagination .page-item {
        display: none;
    }
    .pagination .page-item.active,
    .pagination .page-item.next,
    .pagination .page-item.previous {
        display: block;
    }*/
}

.videos-advert {
    background-color: #3a3a3a;
    padding: 10px;
    margin-bottom: 20px;
}

.commentitems {
    margin: 10px;
}

.commentitems li {
    background-color: #f7f7f7;
    border: 1px solid #dbdada;
    padding: 5px;
    margin: 0 0 10px 0;
}

.commentitems .commentquote {
    font-style: italic;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    margin: 10px;
}

.mobileicon {
    top: 2px;
    color: green;
}

.commenttext img {
    max-width: 100%;
}

.userprofilepagination ul {
    margin: 20px 0;
}

/* Disclaimer */
.disclaimer-content{
    display: none;
    bottom: 0;
    background-image: url('images/bg.jpg');
    background-repeat: repeat;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    text-align: center;
}
.disclaimer-content .disclaimer-popup{
    border-radius: 4px;
    padding: 28px;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    background-color: white;
    width: 33%;
    text-align: center;
    margin: auto;
}

@media (max-width: 767px) {
    .disclaimer-content .disclaimer-popup{
        width: auto;
        margin: 10px;
    }
    .disclaimer-content .titlecontent{
        font-weight: bold;
    }
}

.commentvote button{
    background:none;
    border:0;
    padding:0;
    margin:0;
    font:inherit;
    color:inherit;
    cursor:pointer;
}
/* Harmonisation visuelle commentaires */

/* boutons actions */
.blockcomment .commentquotebutton,
.blockcomment .commentanswerbutton,
.blockcomment .commenteditbutton,
.blockcomment .commentalertbutton,
.blockcommentreponse .commentquotebutton,
.blockcommentreponse .commentanswerbutton,
.blockcommentreponse .commenteditbutton,
.blockcommentreponse .commentalertbutton{
    border-radius:20px;
    padding:4px 10px;
    font-size:11px;
    line-height:1.2;
    cursor:pointer;
}

.blockcomment .commentquotebutton,
.blockcomment .commentanswerbutton,
.blockcomment .commenteditbutton,
.blockcommentreponse .commentquotebutton,
.blockcommentreponse .commentanswerbutton,
.blockcommentreponse .commenteditbutton{
    background:#75d121;
    border:1px solid #75d121;
    color:#fff;
}

.blockcomment .commentalertbutton,
.blockcommentreponse .commentalertbutton{
    background:#f7f7f7;
    border:1px solid #dbdada;
    color:#666;
}

.blockcomment .commentbtn button,
.blockcommentreponse .commentbtn button{
    margin-left:6px;
}

/* avatar */
.blockcomment .commentavatar,
.blockcomment .commentavatar img,
.blockcommentreponse .commentavatar,
.blockcommentreponse .commentavatar img{
    border-radius:12px;
}

.blockcomment .commentavatar,
.blockcommentreponse .commentavatar{
    overflow:hidden;
}

/* votes commentaires */
.blockcomment .commentvote,
.blockcommentreponse .commentvote{
    border-radius:999px;
    padding:6px 10px;
    background:#fff;
    border:1px solid #dbdada;
}

.blockcomment .commentvoteplusbutton,
.blockcomment .commentvotemoinsbutton,
.blockcommentreponse .commentvoteplusbutton,
.blockcommentreponse .commentvotemoinsbutton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    transition:all .15s ease;
}

.blockcomment .commentvoteplusbutton:hover,
.blockcommentreponse .commentvoteplusbutton:hover{
    background:rgba(117,209,33,.15);
}

.blockcomment .commentvotemoinsbutton:hover,
.blockcommentreponse .commentvotemoinsbutton:hover{
    background:rgba(255,0,0,.12);
}

.blockcomment .commentvoteplus,
.blockcommentreponse .commentvoteplus{
    color:#75d121;
    font-weight:700;
}

.blockcomment .commentvotemoins,
.blockcommentreponse .commentvotemoins{
    color:#e10000;
    font-weight:700;
}

/* utilisateur */
.blockcomment .commentpseudo,
.blockcommentreponse .commentpseudo{
    font-size:15px;
    font-weight:700;
    color:#75d121;
}

.blockcomment .commentvip,
.blockcommentreponse .commentvip{
    font-size:12px;
    color:#555;
}

.blockcomment .commentinfouser,
.blockcommentreponse .commentinfouser{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 10px;
    line-height:1.4;
}

.blockcomment .commenttime,
.blockcommentreponse .commenttime{
    display:block;
    width:100%;
    font-size:12px;
    color:#999;
}

@media (min-width:992px){
    .blockcomment .commentpseudo,
    .blockcommentreponse .commentpseudo{
        font-size:16px;
    }
}

@media (max-width:576px){
    .blockcomment .commentvote,
    .blockcommentreponse .commentvote{
        background:transparent;
        border:none;
        padding:4px 0;
    }

    .blockcomment .commentvoteplusbutton,
    .blockcomment .commentvotemoinsbutton,
    .blockcommentreponse .commentvoteplusbutton,
    .blockcommentreponse .commentvotemoinsbutton{
        background:#fff;
        border:1px solid #dbdada;
    }
}


/* ===== PLAYER MOBILE OPTIMISÉ ===== */
@media (max-width:576px){

    .notevideo{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:6px;
        overflow:hidden;
        margin-top:4px;
    }

    /* icônes */
    .notevideo .infovideo{
        flex:0 0 34px;
        width:34px;
        height:34px;
        padding:4px;
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* bloc étoiles + texte */
    .notevideo .numbervotevideo{
        flex:1 1 auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        min-width:0;
        text-align:center;
    }

    /* étoiles */
    .notevideo .starvideo{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:2px;
        overflow:hidden;
    }

    .notevideo .starvideo img{
        width:30px;
        height:30px;
    }

    /* texte sous étoiles */
    .notevideo .numbervotevideo{
        font-size:11px;
        margin-top:2px;
        white-space:nowrap;
    }

    /* rapproche du player */
    .playerwrapper{
        margin-bottom:4px !important;
    }

    .wrappercontent{
        margin-bottom:4px !important;
    }
}