body{
    font-family:"Source Sans Pro";
    margin:0;
    color:#fff;
    text-align:justify;
    background-image:url(https://scan-trad.fr/images/motif.png);
    background-color:#11161C;
    padding-bottom:80px;
    position:relative;
    min-height:calc(100vh - 80px)
}
a{
    text-decoration:none;
    color:#f05a28
}
nav{
    display:flex;
    align-items:center
}
body>header{
    height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#1e2834;
    padding-left:20px;
    box-sizing:border-box;
    border-bottom:1px solid RGB(50,72,94)
}
#qc-cmp2-persistent-link {
    display: none;
}

.sub{
    height:100%;
    margin:0 auto;
    width:1325px;
    display:flex;
    justify-content:center
}
.navigation{
    display:flex;
    align-items:center
}
.logo{
    width:163px;
    height:64px;
    background:url(../images/logo.png);
    margin-top:9px;
    margin-right:20px
}
.navigation > a{
    color:#fff;
    font-size:20px;
    font-weight:700;
    position:relative;
    display:block;
    margin:0 20px
}
.navigation > a::after{
    content:"";
    height:4px;
    width:0;
    background:#f05a28;
    position:absolute;
    bottom:-18px;
    left:0;
    transition:width .1s ease-in-out
}
.navigation > a:hover::after,a.na-active::after{
    width:100%
}
.propulse{
    height:260px
}
.propulse img{
    height:260px;
    object-fit:cover;
    width:100%;
    object-position:center
}
.main{
    padding:40px;
    max-width:2000px;
    margin:0 auto;
    padding-top: 0;
}
.pp-main{
    margin:20px;
    position:absolute
}
.pp-top{
    background:#1e2834;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    width:305px;
    color:#fff;
    font-size:30px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:5px
}
.pp-sub{
    text-transform:uppercase;
    font-weight:700;
    width:305px;
    color:#000;
    background:RGB(255,255,255);
    display:flex;
    align-items:center;
    justify-content:center;
    height:35px
}
.home{
    display:flex;
    max-width:1500px;
    margin:0 auto;
    width:100%;
    justify-content:space-between;
    box-sizing: border-box;
}
.home-manga{
    display:flex;
    align-items:center;
    background:#1e2834;
    justify-content:space-between;
    color:#fff;
    padding:0 10px 0 0;
    box-sizing:border-box;
    margin-bottom:10px;
    border-radius:100px 5px 5px 100px
}
.home-titre{
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    font-size:24px
}
.h-left,.h-right{
    width:100%;
    box-sizing:border-box;
    padding-right:20px
}
.h-right .home-manga{
    border-radius:5px;
    align-items:center;
    height:65px;
    padding-left:20px;
    padding-right:20px
}
.hm-image{
    height:65px;
    width:65px;
    position:relative;
    margin-right:15px;
    border-radius:100px
}
.hm-info{
    font-size:18px;
    position: relative;
    z-index: 10;
	display: inline-flex;
	flex-direction: column;
	width: max-content;
}
.hm-right{
    direction:rtl;
    flex-shrink:5
}
.hm-image::after{
    position:absolute;
    height:65px;
    width:65px;
    content:"";
    left:3px;
    background:#000;
    border-radius:100px
}
.hm-image img{
    width:inherit;
    height:inherit;
    object-fit:cover;
    position:relative;
    z-index:100;
    border-radius:100px;
    object-position:center
}
.hm-left{
    display:flex;
    align-items:center;
    color:#fff
}
.new-chapter .hm-left{
    color:#fff
}
.hmit-numero{
    font-weight:700
}
.hmr-comment{
    position:relative;
    justify-content:flex-end;
    direction:ltr;
    display:flex;
    align-items:center;
    color:#df5d6b;
    font-weight:700
}
.hmr-comment::before{
    content:"";
    background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath style='fill:%23df5d6b;' d='M24.85,10.126c2.018-4.783,6.628-8.125,11.99-8.125c7.223,0,12.425,6.179,13.079,13.543 c0,0,0.353,1.828-0.424,5.119c-1.058,4.482-3.545,8.464-6.898,11.503L24.85,48L7.402,32.165c-3.353-3.038-5.84-7.021-6.898-11.503 c-0.777-3.291-0.424-5.119-0.424-5.119C0.734,8.179,5.936,2,13.159,2C18.522,2,22.832,5.343,24.85,10.126z'/%3E%3C/svg%3E");
    height:16px;
    display:block;
    width:16px;
    margin-right:4px
}
.hmr-date{
    font-weight:500
}
.hma-etat{
    color:#e55f6d;
    font-weight:700
}
.hm-progress{
    width:100%;
    height:10px;
    border-radius:100px;
    background:#fff
}
.hm-avance-nom{
    margin-bottom:5px
}
.hm-pmain{
    width:100%
}
#navigation{
    display:none
}
.lab_nav{
    display:none;
    cursor:pointer
}
.home-manga .hmi-titre,.home-manga .hmi-titre a{
    font-weight:400;
    color:inherit;
    font-size:18px
}
.new-chapter .hmi-titre::before{
    content:'';
    display:inline-block;
    margin-right:5px;
    background-position:-64px 0;
    height:14px;
    width:13px;
   background:url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23FF6536;' d='M54.211,249.7c0,0,20.228,29.717,62.624,54.871c0,0-30.705-259.502,169.358-304.571 c-51.257,188.121,65.2,241.174,107.651,141.786c70.893,94.651,17.066,177.229,17.066,177.229 c29.069,4.188,53.487-27.57,53.487-27.57c0.218,3.912,0.34,7.851,0.34,11.818C464.738,418.545,371.283,512,256,512 S47.262,418.545,47.262,303.262C47.262,284.744,49.686,266.794,54.211,249.7z'/%3E%3Cpath style='fill:%23FF421D;' d='M464.398,291.445c0,0-24.418,31.758-53.487,27.57c0,0,53.827-82.578-17.066-177.229 C351.394,241.174,234.937,188.121,286.194,0C275.479,2.414,265.431,5.447,256,9.018V512c115.283,0,208.738-93.455,208.738-208.738 C464.738,299.295,464.616,295.357,464.398,291.445z'/%3E%3Cpath style='fill:%23FBBF00;' d='M164.456,420.456C164.456,471.014,205.442,512,256,512s91.544-40.986,91.544-91.544 c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122 C270.612,274.196,164.456,287.499,164.456,420.456z'/%3E%3Cpath style='fill:%23FFA900;' d='M347.544,420.456c0-27.061-11.741-51.379-30.408-68.138c-35.394,48.085-85.832-24.856-46.524-78.122 c0,0-5.768,0.725-14.612,3.516V512C306.558,512,347.544,471.014,347.544,420.456z'/%3E%3C/svg%3E") no-repeat
}
.new-chapter{
    background:#3d485a;
    color:#fff
}
div.new-chapter:hover{
    background:#f2d4c2
}
.hmi-sub{
    font-size:16px;
    color:inherit
}
.m-manga .h-right{
    flex-shrink:1.8
}
.home-manga:hover{
    background:#34465b
}
.form label{
    display:block;
    color:#fff;
    font-weight:700;
    margin-bottom:12px;
    font-size:17px
}
.form input{
    border:none;
    padding:10px;
    font-family:"Source Sans Pro";
    font-size:17px;
    border-radius:5px;
    width:100%;
    box-sizing:border-box;
    color:#000
}
.form{
    margin-bottom:20px
}
.form-box img{
    margin-bottom:30px
}
.form input:focus{
    box-shadow:0 0 10px #948cf1
}
.form-box{
    max-width:600px;
    flex-basis:600px;
    background:#1e2834;
    padding:20px;
    border-radius:10px;
    margin:0 auto;
    box-shadow:0 10px 15px 0 rgba(0,0,0,.41)
}
.compte-avatar{
    background:#fff;
    border-radius:100px;
    height:36px;
    width:36px;
    margin-right:11px;
    overflow:hidden
}
.compte{
    display:flex;
    align-items:center;
    height:100%;
    padding:0 20px;
    padding-left: 0;
}
.compte-info{
    display:flex;
    align-items:center
}
.compte-info a{
    display:block;
    color:#687a86
}
a.compte-pseudo{
    font-weight:700;
    color:#fff;
    transition:color .1s ease-in-out
}
a.compte-pseudo:hover{
    color:#f05a28
}
.compte-avatar img{
    width:100%;
    height:100%;
    object-fit:cover
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    user-select:none;
    outline:0
}
.form-phrase{
    text-align:center;
    font-size:16px;
    text-decoration:none;
    color:#fff;
    display:block;
    margin:40px auto 0
}
.form-button{
    background:#f05a28;
    color:#fff;
    border-radius:5px;
    border:none;
    font-family:"Source Sans Pro";
    font-size:17px;
    cursor:pointer;
    padding:10px 50px;
    transition:background .3s ease;
    display:inline-block;
    margin-top:5px
}
.form-button:hover{
    background:#993b1c
}
.alert{
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px;
    max-width:600px;
    width:auto;
    flex-basis:600px;
    margin:20px auto
}
.alert-danger{
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.alert-warning{
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.nav-compte{
    display:flex;
    text-align:center;
    justify-content:flex-start;
    margin-left:30px;
    flex-shrink:0;
    height:100%;
    overflow:visible
}
.m-connexion{
    align-items:center;
    justify-content:center;
    height:calc(100vh - 100px);
    box-sizing:border-box
}
.n-lien{
    padding:10px 30px;
    height:100%;
    box-sizing:border-box;
    vertical-align:middle;
    transform:skew(30deg);
    position:relative;
    color:#fff;
    display:flex;
    align-items:center;
    font-size:17px;
    margin-right:15px
}
.n-lien span{
    transform:skew(-30deg);
    display:block
}
.n-actif,.n-actif:focus,.n-actif:hover{
    background:#f05a28;
    border:none;
    z-index:1
}
.c-titre{
    color:#fff;
    font-weight:700;
    font-size:25px;
    border-left:4px solid #f05a28;
    padding-left:20px
}
.m-membre{
    display:flex;
    /*! justify-content: space-between;
     */
    padding-top:100px
}
.c-commentaire{
    margin-top:20px;
    padding:20px;
    color:#fff;
    background:#1e2834;
    box-shadow:0 0 9px -3px #000;
    border-radius:4px
}
.c-commentaire a{
    color:#f05a28;
    font-style:italic
    /*! display: block;
     */
}
.cc-text{
    font-style:italic;
    font-size:18px
}
.comments{
    margin-left:100px
}
.avatar{
    border-radius:100px;
    margin-bottom:20px
}
.m-membre{
    display:flex
}
.cc-media img{
    width:64px;
    display:block
}
.cc-media{
    margin-right:10px;
    border-radius:10px;
    overflow:hidden
}
.c-titre{
    margin-bottom:20px
}
.avatar{
    height:200px;
    width:200px;
    display:block;
    background-color:#000;
    display:flex;
    align-items:center;
    position:relative;
    justify-content:center
}
.cc-abonnement{
    display:flex;
    flex-wrap:wrap
}
.cc-quand{
    margin-top:10px
}
.alert-info{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.update-avatar{
    position:absolute;
    background:#fff;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    bottom:0;
    cursor:pointer;
    right:19px;
    box-shadow:0 0 4px -3px #000
}
.avatar img{
    object-fit:cover;
    height:200px;
    border-radius:100px;
    width:200px
}
.pseudo{
    text-align:center;
    font-size:30px;
    color:#fff;
    font-weight:700;
    text-shadow:4px 3px 1px #000
}
.mm-center{
    text-align:center
}
.izneo iframe{
    background:RGB(30,40,52);
    padding:10px;
    height:220px;
    overflow:hidden
}
.content{
    width:100%;
    background:#1e2834;
    padding:20px;
    box-sizing:border-box;
    border:1px solid #32485e;
    border-radius:10px
}
.news{
    display:flex;
    align-items:center
}
.news-titre{
    text-transform:uppercase;
    font-weight:700;
    margin-right:20px
}
.home-news{
    background:#1e2834;
    color:#fff;
    display:flex;
    margin-bottom:0;
    border-bottom:1px solid #3e4b5b;
    border-radius:0;
    padding:3px 20px;
    height:45px
}
.hmr-flex{
    display:flex;
    align-items:center;
    direction:ltr;
    justify-content:flex-end
}
.hmr-like::before{
    content:'';
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
    height:16px;
    width:16px;
   background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 454.8 454.8' fill='%23FFF' style='enable-background:new 0 0 454.8 454.8;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M386.4,97.09c-41.2-26.8-97.6-43.2-159.2-43.2c-61.6,0-118,16.4-158.8,43.2C26,124.69,0,163.09,0,206.29 c0,43.2,26,81.6,68.4,109.6c40.8,26.4,97.2,42.8,158.8,42.8c3.6,0,8.8-0.4,14-0.4c-9.6,8-20,14-26.8,18c-3.6,2-6.4,3.6-8,5.2 c-2.4,2-4,4.8-4.4,8c-0.8,6.8,8.8,15.6,28.4,9.2c8-2.8,19.6-6.8,33.2-12.4c69.6-28,191.2-90.4,191.2-179.6 C454.8,163.49,428.8,125.09,386.4,97.09z M276.8,353.89c0.8-1.2,1.6-2.8,2.4-4.4c3.2-6,0.8-13.2-5.2-16c-2-1.2-4.4-1.6-6.8-1.2 c-2.8,0.4-28,2.4-40.4,2.4c-57.2,0-108.8-14.8-145.6-39.2c-35.6-23.2-57.6-54.8-57.6-89.2c0.4-34.4,22.4-66,58-89.2 c37.2-24.4,88.8-39.2,145.6-39.2c57.2,0,108.8,14.8,145.6,39.2c35.6,23.2,57.6,54.8,57.6,89.2 C430.4,273.09,341.2,325.09,276.8,353.89z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M136.8,181.49c-0.4-0.4-0.4-0.4-0.8-0.8c-6-5.6-14.4-9.6-23.2-9.6c-8.8,0-16.4,3.2-22.4,8.8c-0.4,0.4-0.4,0.4-0.8,0.8 c-6,6-9.6,14-9.6,23.2c0,8.8,3.2,16.4,8.8,22.4c0,0.4,0.4,0.8,0.8,0.8c6,6,14,9.6,23.2,9.6c8.8,0,16.4-3.2,22.4-8.8 c0.4-0.4,0.4-0.4,0.8-0.8c6-6,9.6-14,9.6-23.2C145.6,195.09,142.4,187.49,136.8,181.49z M119.2,210.69l-0.4,0.4 c-1.6,1.2-3.6,2-6,2c-2.4,0-4.8-0.8-6.4-2.4l-0.4-0.4c-1.2-1.6-2-3.6-2-6c0-2.8,0.8-4.8,2.4-6.4l0.4-0.4c1.6-1.2,3.6-2,6-2 c2.4,0,4.8,0.8,6.4,2.4l0.4,0.4c1.2,1.6,2,3.6,2,6C121.6,206.69,120.8,209.09,119.2,210.69z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M250.4,180.69c-6-5.6-14-9.6-23.2-9.6s-17.2,3.6-23.2,9.6s-9.6,14-9.6,23.2s3.6,17.6,9.6,23.2c6,6,14,9.6,23.2,9.6 c8.8,0,16.4-3.2,22.4-8.8c0.4-0.4,0.4-0.4,0.8-0.8c6-6,9.6-14,9.6-23.2C260,194.69,256.4,186.69,250.4,180.69z M233.6,210.69 l-0.4,0.4c-1.6,1.2-3.6,2-6,2c-2.4,0-4.8-0.8-6.4-2.4c-1.6-1.6-2.4-4-2.4-6.4c0-2.8,0.8-4.8,2.4-6.4c1.6-1.6,4-2.4,6.4-2.4 c2.4,0,4.8,0.8,6.4,2.4c1.6,1.6,2.4,4,2.4,6.4C236,206.69,235.2,209.09,233.6,210.69z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M364.8,180.69c-6-5.6-14-9.6-23.2-9.6s-17.2,3.6-23.2,9.6s-9.6,14-9.6,23.2s3.6,17.2,9.6,23.2s14.4,9.6,23.2,9.6 s16.4-3.2,22.4-8.8c0.4-0.4,0.4-0.4,0.8-0.8c6-6,9.6-14,9.6-23.2C374.4,194.69,370.8,186.69,364.8,180.69z M348.4,210.69l-0.4,0.4 c-1.6,1.2-3.6,2-6,2c-2.4,0-4.8-0.8-6.4-2.4c-1.6-1.6-2.4-4-2.4-6.4c-0.4-2.8,0.8-4.8,2.4-6.4c1.6-1.6,4-2.4,6.4-2.4 c2.4,0,4.8,0.8,6.4,2.4c1.6,1.6,2.4,4,2.4,6.4C350.8,206.69,350,209.09,348.4,210.69z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.hmr-like{
    position:relative;
    width:16px;
    height:16px;
    margin-left:8px
}
.main-fiche{
    max-width:1500px;
    margin:50px auto;
    display:flex;
    justify-content:center;
    align-items:flex-start
}
.chapitre{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    background-color:#1e2834;
    padding:15px 20px;
    border-bottom:1px solid #32485e
}
.chl-titre{
    font-weight:400;
    font-size:20px
}
.chl-num{
    font-weight:700;
    margin-right:5px
}
.chl-date{
    font-size:13px;
    font-weight:400;
    margin-top:5px
}
.ch-right{
    display:flex;
}
.ch-right .chr-button:nth-child(1){
    margin-right:10px
}
.chr-button,.chr-follow{
    background:#f05a28;
    color:#fff;
    padding:7px 20px;
    cursor:pointer;
    font-size:17px;
    transition:background .2s ease-in-out;
    border-radius:4px
}
.chr-follow{
    display:flex;
    align-items:center;
    background:#32485e
}
.chr-follow:hover{
    background:#fa424e
}
.mf-chapitre{
    width:100%;
    margin-right:50px
}
.mf-info{
    flex-shrink:1.8;
    width:100%;
    background:RGB(30,40,52);
    padding:20px;
    box-sizing:border-box
}
.synopsis{
    font-size:17px;
    line-height:1.6
}
.poster{
    margin:-20px -20px 20px
}
.poster img{
    width:100%
}
.titre{
    font-weight:700;
    font-size:32px;
    text-shadow:4px 3px 1px #000;
    margin-bottom:15px
}
.mf-info{
    border-radius:0 0 20px 0;
    overflow:hidden;
    border-bottom:3px solid #32485e;
    border-right:1px solid #32485e
}
.chr-button:hover{
    background:#e2661a
}
.mf-chapitre .chapitre:last-child{
    border-bottom-width:3px;
    border-radius:0 0 1px 20px
}
.fl{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px
}
.chr-follow svg{
    width:17px;
    fill:#fff;
    margin-right:10px;
    stroke:#fff
}
.full-back{
    position:fixed;
    background:rgba(0,0,0,.64);
    left:0;
    display:none;
    right:0;
    top:0;
    bottom:0;
    z-index:1000
    /*! filter: blur(100px);
     */
}
.notification{
    background:RGB(30,40,52);
    position:absolute;
    right:-1000px;
    max-width:550px;
    width:100%;
    box-shadow:0 0 10px 5px #000;
    padding:20px;
    box-sizing:border-box;
    transition:.5s ease-in-out;
    overflow:auto;
    max-height:70vh
}



.notif-commentaire{
    display:flex;
    align-items:center;
    margin:0 -20px;
    padding:10px 20px;
    border-bottom:1px solid #32485e;
    border-top:1px solid #32485e;
    margin-bottom:-1px
}
.notification-avatar{
    height:48px;
    width:48px;
    overflow:hidden;
    border-radius:100px;
    margin-right:10px
}
.notification-avatar img{
    width:100%;
    object-fit:cover
}
.notification-date{
    font-style:italic
}
.notification-text{
    font-size:17px
}
.ch-ntf+.full-back{
    display:none
}
.ch-ntf:checked+.full-back{
    display:block
}
.ch-ntf:checked+.full-back .notification{
    right:0
}
.close{
    font-size:33px;
    position:absolute;
    right:20px;
    top:38px;
    color:#fff;
    cursor:pointer;
    transition:color .4s ease
}
.close:hover{
    color:#f05a28
}
.notif-new .notification-date{
    color:#fff
}
.notif-new{
    border-left:2px solid #f05a28;
    color:#f05a28
}
.notification-text a{
    color:#fff
}
.notif-new a{
    color:#f05a28
}
.notif-c{
    margin-right:15px;
    border-right:1px solid #32485e;
    padding-right:15px;
    padding-top:5px;
    box-sizing:border-box
}
.notif-c svg{
    fill:transparent;
    stroke:RGB(255,255,255);
    cursor:pointer;
    transition:fill .1s ease-in-out,stroke .1s ease-in-out
}
.notif-c svg:hover{
    fill:#fff;
    stroke:transparent
}
.editeur{
    color:#f15928
}
.sub-i{
    font-weight:700
}
.sub-i span{
    font-weight:400
}
.info{
    margin-bottom:20px
}
.f-right a::after{
    height:4px;
    width:4px;
    border-radius:10px;
    background:#fff;
    content:"";
    display:block;
    margin:0 8px
}
.hmr-comment:hover{
    color:#ae2d3b;
    cursor:pointer
}
.f-right a:last-child::after{
    display:none
}
.f-right a{
    color:#fff;
    display:flex;
    align-items:center
}
.f-right{
    display:flex;
    align-items:center
}
.f-right a:first-child{
    margin-left:15px
}
footer{
    display:flex;
    max-width:1500px;
    justify-content:space-between;
    margin:0 auto;
    position:absolute;
    bottom:40px;
    right:0;
    left:0
}
.navbar-nav{
    display:flex;
    align-items:center;
    margin-left:auto;
    transform: scale(0.65);
}
.discord,.facebook,.rss,.twitter{
    background-image:url(https://scan-trad.fr/css/icons.png);
    background-repeat:no-repeat;
    display:block;
    margin-right:7px
}
.discord{
    background-position:-205px 0;
    height:31px;
    width:27px
}
.discord:hover{
    background-position:-252px 0
}
.facebook{
    background-position:-299px 0;
    height:28px;
    width:28px
}
.facebook:hover{
    background-position:-395px 0
}
.rss{
    background-position:-491px 0;
    height:28px;
    width:28px
}
.rss:hover{
    background-position:-539px 0
}
.twitter{
    background-position:-347px 0;
    height:28px;
    width:28px
}
.twitter:hover{
    background-position:-443px 0
}
@media (max-width:1425px){
    .navigation > a{
        margin:0 10px
    }
    .nav-compte{
        margin-left:0
    }
}
@media (max-width:1240px){
    body>header{
        height:auto
    }
    .navbar-nav{
        display:none
    }
}

@media(max-width:600px){
    .children{
        margin-left:30px!important
    }
}
@media(max-width:400px){
    .post-avatar{
        display:none
    }
    .children{
        margin-left:10px!important
    }
    .post{
        border-left:1px solid #32485e;
        padding-left:10px;
        box-sizing:border-box
    }
}
@media (max-width:935px){
    .home{
        display:block
    }
    .h-left,.h-right{
        padding-right:0;
        margin-top:50px
    }
    .main{
        padding:40px 20px
    }
    .home-titre{
        font-size:20px
    }
    .main-fiche{
        flex-direction:column-reverse;
        padding:20px
    }
    .fl{
        display:block;
        margin-top:30px
    }
    .chapitre{
        border-radius:0!important;
        display:block;
        border:1px solid #32485e!important
    }
    .chl-titre{
        font-size:15px
    }
    .mf-info{
        border-radius:0!important;
        border:1px solid #32485e!important
    }
    .mm-center{
        margin-bottom:50px
    }
    .m-membre{
        flex-direction:column;
        padding-top:30px
    }
    .avatar{
        margin:0 auto
    }
    .comments{
        margin-bottom:40px;
        margin-left:0!important
    }
}
.hm-avance-nom{
    font-weight:700
}
span.hma-etat{
    font-weight:400
}
.trad .hma-etat{
    color:#e36d63
}
.check .hma-etat{
    color:#e39565
}
.clean .hma-etat{
    color:#e4c768
}
.edition .hma-etat{
    color:#d4e369
}
.qcheck .hma-etat{
    color:#e39565
}
.nextchap .hma-etat{
    color:#929292
}
.trad .hmp{
    width:14.28%;
    background:#e36d63
}
.check .hmp{
    width:28.56%;
    background:#e39565
}
.hmp{
    height:100%;
    border-radius:100px
}
.clean .hmp{
    width:calc(14.28%*3);
    background:#e4c768
}
.edition .hmp{
    width:calc(14.28%*4);
    background:#d4e369
}
.qcheck .hmp{
    width:calc(14.28*%5);
    background:#e39565
}
.nextchap .hmp{
    width:100%;
    background:#929292
}
.new-chapter .hm-left{
    color:#fff
}
div.new-chapter:hover{
    background:#1e2834
}
 .h-left, .h-right {
     width: 100%;
     flex-shrink: unset;
     width: 100%;
     flex-shrink: unset 
}
 body{
     text-align: left;
     padding-top: 52px;
}
 .main_img {
     text-align: center;
     display: flex;
     transition: transform 0.3s ease-in-out;
     height: 100% 
}
 .sc-lel {
     overflow: hidden;
     flex-shrink: 0;
     display: flex;
     justify-content: space-around;
     align-items: flex-start;
     width: 100%;
     flex-direction: column;
     height: 100% 
}
 .compte-info {
     margin-right: 6px 
}
 .notif-c {
     margin-right: 15px;
     border-right: unset;
     border-left: unset;
     padding-right: 10px;
     direction: ltr 
}
 .hasNotif {
     background: #EB5050;
     font-size: 13px;
     font-weight: bold;
     width: 17px;
     height: 17px;
     vertical-align: ;
     line-height: 17px;
     display: flex;
     align-items: center;
     justify-content: center;
     align-self: flex-start;
     margin-top: -2px 
}
 .ccc-right {
     display: flex;
     align-items: center;
     direction: ltr;
}
 .header-main {
     width: 100%;
     position: relative;
     overflow-x: hidden;
     max-width: 1500px;
     margin: 50px auto 40px;
     border-radius: 10px;
     box-shadow: 0 0px 13px 7px rgb(0, 0, 0);
}
 .lel_nextpage {
     transition: width .2s ease-in-out;
     position: fixed;
     top: 50%;
     margin-top: -40px;
     width: 86px;
     height: 80px;
     background: rgba(0, 0, 0, .5);
     text-align: center;
     cursor: pointer;
     right: 0;
     display: flex;
     align-items: center;
     padding: 20px;
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     overflow: hidden;
     user-select: none;
     z-index: 100 
}
 .sc-nxttxt {
     overflow-wrap: unset;
     white-space: nowrap;
     color: #fff;
     float: right;
     opacity: 0;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 1.2rem;
     display: block;
     margin: 0;
     transition: opacity .1s ease, .5s margin .1s ease 
}
 .abon-button:hover {
     border: 1px solid #34465b;
     background: #34465b 
}
 .nav-search {
     width: 100%;
     border-left: 0;
     height: 100%;
     height: 36px;
     display: flex;
     flex-direction: column;
     direction: rtl;
     position: relative 
}
 .recherche {
     display: block!important;
     margin-right: 10px;
}
 .nav-search input {
     font-size: 1em;
     font-family: inherit;
     border: none;
     background: #1B2028 url(/images/search-solid.png) no-repeat scroll left;
     background-size: auto;
     background-size: 14px;
     width: 225px;
     box-sizing: border-box;
     border-radius: 100px;
     flex-shrink: 0;
     padding: 9px 0px 10px 39px;
     outline: unset;
     color: #FFF;
     position: relative;
     z-index: 100;
     background-position: left 10px center;
     padding: 9px 0px 9px 35px;
     height: 36px;
     color: #6c7d93;
     border-radius: 4px;
     font-size: 14px;
     line-height: 1.5;
     border: 2px solid transparent;
     transition: all .4s;
}
 input.rechercheFoc {
     width: 400px;
     background-color: #14191f;
     color: #ddd;
     border-color: #4d698e;
     outline: none;
}
 .navigation-right {
     display: flex;
     margin-left: auto;
}
 ::placeholder {
     color: #6c7d93;
     opacity: 1;
}
 .compte-info {
     padding: 6px 12px 6px 9px;
}
 .compte-info:hover {
     background: #101418;
     border-radius: 100px;
}
 .tr-general {
     position: relative;
     top: 70px;
     margin-left: -200px;
     background: #fff;
     box-shadow: 0 1px 10px -4px rgba(0, 0, 0, .67);
     display: none;
     flex-direction: column;
     width: 800px;
     direction: ltr;
     left: 0;
}
 #recherche{
     direction: ltr;
}
 .lel_prevpage {
     transition: width .2s ease-in-out;
     position: fixed;
     top: 50%;
     margin-top: -40px;
     width: 86px;
     height: 80px;
     background: rgba(0, 0, 0, .5);
     text-align: center;
     cursor: pointer;
     display: flex;
     align-items: center;
     padding: 20px;
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 100 
}
 .lel_prevpage svg {
     fill: #fff;
     flex-shrink: 0;
     position: absolute;
     left: 30px 
}
 .lel_prevpage:hover {
     width: 190px 
}
 .lel_nextpage svg {
     fill: #fff;
     flex-shrink: 0;
     position: absolute;
     right: 30px;
     transform: rotate(180deg) 
}
 .lel_nextpage:hover, .lel_prevpage:hover {
     opacity: 1 
}
 .lel_nextpage:hover {
     width: 175px 
}
 .lel_nextpage:hover .sc-nxttxt {
     transition: 2s opacity .1s ease, .5s margin .1s ease;
     margin: 0 40px 0 0;
     opacity: 1 
}
 .home .h-right {
     width: 30% 
}
 a.hmit-numero {
     font-weight: 700!important 
}
 .hmi-sub {
     color: inherit;
     display: block 
}
 .home-news {
     min-height: 45px;
     height: unset 
}
 .navigation > a {
     white-space: pre;
     color: transparent;
     font-size: 20px;
     font-weight: 700;
     position: relative;
     display: block;
     margin: 0;
     border-radius: 5px;
     padding: 1px 13px;
     white-space: pre;
     display: flex;
     align-items: center;
     flex-direction: column;
     width: 42px;
     padding: 0px 13px;
     height: 46px;
     justify-content: center;
}
 label {
     cursor: pointer 
}
 #sff img {
     width: 14px 
}
 #home-chapter {
     background: #3D485A5E;
     padding: 15px;
     box-sizing: border-box;
     margin-right: 50px;
     border-radius: 10px;
}
 .hms-right:hover {
     background: #364353 
}
 @media (max-width:1015px) {
     #home-chapter {
         padding: 0;
         background: unset;
         margin-right: 0 
    }
}
 .superfoot {
     z-index: 1000 
}
 .abon-button {
     cursor: pointer 
}
 .hmsabon {
     background: #34465B 
}
 .activePage a:nth-child(1) {
     transform: rotate(-90deg);
     display: block 
}
 .activePage a:nth-child(2) {
     transform: rotate(90deg);
     display: block 
}
 .activePage a:last-child {
     transform: rotate(90deg);
     display: block 
}
 .activePage a img {
     width: 15px 
}
 .activePage a {
     margin: 0 30px 
}
 .firstPage:after {
     content: "…" 
}
 .pagination {
     display: flex 
}
 .totalPage, .firstPage {
     color: #ea5065;
     display: block;
}
 .totalPage:before, .firstPage:after {
     content: "…";
     color: #B0B0AF;
     margin: 0 10px 
}
 .activePage {
     margin: 0 26px;
     display: flex;
     align-items: center 
}
/* .hmr-date::before {
     display: inline-block;
     content: "";
     background: url('/images/heure.png');
     width: 18px;
     height: 15px;
     margin-right: 10px;
     vertical-align: -3px 
}
*/
 .chl-image {
     flex-shrink: 0;
     width: 47px;
     margin-right: 14px;
     width: 180px 
}
 .chl-titre {
     display: flex;
     font-size: 17px;
     margin-right: 5px 
}
 .flex {
     align-items: flex-start;
     display: flex 
}
 .aujour {
     color: #EB5368 
}
 div.new-chapter:hover, div.home-manga:hover {
     background: #171E26;
     box-shadow: 0 0 0px 3px #34465B 
}
 .chr-button {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 7px 15px;
     border: 1px solid #2f3945;
     background: none 
}
 .chr-button svg {
     padding: 0;
     margin-left: -5px;
     margin-left: 0;
     background: transparent 
}
 .chl-date svg {
     height: 19px;
     fill: #FFF;
     margin-right: 10px;
}
 .grid-bottom:last-child {
     padding-bottom: 0;
}
 .home-right {
     max-width: 350px;
     flex-basis: 350px;
     flex-shrink: 0;
}
 .subgrid .home-manga:last-child {
     margin-bottom: 0;
}
 .home-right .subgrid {
     padding: 0;
}
 .subgrid .home-manga {
     display: flex;
}
 @media (max-width:935px) {
     .chapitre {
         display: flex 
    }
     .fl {
         display: flex 
    }
     .chr-follow {
         display: inline-flex 
    }
     .home-right{
         width: 100%;
    }
     .main-fiche {
         display: flex;
         padding: 20px;
         flex-direction: row 
    }
     .chr-button {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px 
    }
     .chr-button span {
         display: none 
    }
     .chr-button svg {
         padding-right: unset;
         margin-left: unset 
    }
}
 @media (max-width:840px) {
     .fl {
         display: block 
    }
     .main-fiche {
         flex-direction: column-reverse;
         padding: 20px 
    }
     .chr-button {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px 
    }
     .chr-button span {
         display: none 
    }
}
 .new-main {
     background: rgba(32, 40, 51, 0.6);
     padding: 20px;
     margin-bottom: 30px 
}
 .fl {
     margin-bottom: 0 
}
 .chr-button, .chr-follow {
     font-size: 15px 
}
 .chapitre {
     background: #10151b;
     border-bottom: 0;
     padding: 10px;
     margin-top: 10px;
     border-radius: 10px 
}
 .mf-chapitre .chapitre:last-child {
     border-radius: 10px 
}
 .chl-date {
     width: 150px;
     width: 100px;
     text-align: left;
     margin-left: auto; 
}
 .snm-button {
     font-weight: bold!important;
     text-transform: uppercase;
     padding: 5px 10px;
     display: inline-block;
     font-size: 14px;
     border-radius: 5px;
     background: #171E26 
}
 .home-manga.new-chapter, .home-manga {
     transition: 0.3s ease box-shadow;
     background: #171E26;
     height: unset;
     border-radius: 9px;
     padding: 20px 
}
 .sub-newmain {
     margin-bottom: 15px 
}
 .titre-sub {
     font-size: 15px;
     font-weight: 400 
}
 .ctt-img {
     width: 210px;
     height: 310px;
     overflow: hidden;
     margin-right: 20px;
     border: 2px solid #FFF;
     border-radius: 5px;
     box-shadow: 2px 2px 32px #000 
}
 .ctt-img img {
     width: 100%;
     height: 100%;
     object-fit: cover 
}
 .ct-top {
     display: flex;
     align-items: flex-end;
     margin-bottom: 40px 
}
 .info {
     margin-bottom: 0 
}
 .sub-i {
     margin-bottom: 10px 
}
 .main-fiche .home-titre {
     text-transform: unset;
     margin-bottom: 20px;
     font-size: 25px 
}
 .mea {
     font-weight: bold;
     color: #ed5166 
}
 .chamazon {
     height: 300px;
     transition: 0.3s ease height;
     background: #171E26;
     padding: 20px;
     position: relative 
}
 .snmb-ac {
     background: #0E1217 
}
 .histoireama {
     margin-top: 20px;
     padding: 20px;
     background: #10151b;
     border-radius: 10px 
}
 .histoireama p {
     margin: 0 
}
 .fiche_cover {
     height: 305px;
     background-position: center center 
}
 .ch-left {
     color: #FFF;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     flex: 6;
     height: 100%;
}
 .chl-titre.snm-button.snmb-ac.snmbig {
     font-size: 20px;
     display: flex;
     align-items: center;
     padding: 11px;
     background: transparent 
}
 .flexvolume {
     justify-content: center;
     margin-top: 22px 
}
 .chapitre.chamazon.flex::after {
     content: "";
     position: absolute;
     bottom: 0;
     height: 20px;
     background: #171E26;
     width: 100% 
}
 .checkvolume:checked+div {
     height: 30px;
     overflow: hidden 
}
 .checkvolume+.chapitre .snmb-ac {
     display: none 
}
 .checkvolume:checked+.chapitre .snmb-ac {
     display: flex;
     align-items: center 
}
 .checkvolume:checked+.chapitre .snmbig {
     display: block 
}
 .showvolume{
     user-select: none;
     cursor: pointer;
     margin-left: auto;
}
 .showvolume i {
     font-size: 29px;
     transform: rotate(0);
     margin-left: 10px;
}
 .checkvolume:checked+.chapitre .showvolume i {
     transform: rotate(180deg);
}
 .snmb-ac i{
     margin-right: 10px;
     font-size: 26px;
}
 .checkvolume:checked + .chamazon .snmb-ac i {
     font-size: 14px;
}
 .mf-info {
     background: none;
     border: none;
     padding-right: 0;
}
 .mfi-mea {
     font-size: 20px;
     text-align: justify;
}
 .checkvolume {
     display: none 
}
 .home-manga {
     position: relative 
}
/*.navigation > a::before {
     white-space: pre;
     height: 42px;
     width: 42px;
     background-image: url('/images/menu.png');
     content: "";
     display: block;
     transform: scale(0.8);
     margin-top: 2px;
}
*/
 .navigation-left {
     display: flex;
     align-items: center;
}
 .navigation > a:hover {
     background: #313B4B 
}
 body>header {
     z-index: 10;
     height: 52px;
     top: 0;
     position: fixed !important;
     background: #141A1F;
     padding-left: 0;
     box-sizing: border-box;
     border-bottom: 1px solid #1B2028;
     position: relative;
     z-index: 10000;
     background: rgba(20,25,31,0.98);
     position: fixed;
     width: 100%;
     box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
 span.hma-etat {
     text-transform: uppercase;
     font-weight: normal 
}
 .navigation {
     margin: 0 auto 
}
 .compte {
     margin-left: auto;
     padding-right: 0;
}
 .notification {
     background: #202832;
     width: 320px;
     right: 120px 
}
 .titre-notif {
	color: #6c7d93;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 12px 15px;
	border-bottom: 1px solid #1b2028;
	margin: 0;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
 .notification-titre {
     font-weight: bold;
     font-size: 17px;
     color: #FFF 
}
 .notification-content {
     font-size: 15px;
     color: #ACACAC 
}
 .navigation > a::after {
     bottom: -3px 
}
 .navigation > a:hover span {
     display: block;
     margin-top: 0px;
     z-index: 10000;
     color: #46464A;
     background: #C9C8D2;
     padding: 5px 17px;
     border-radius: 10px;
     box-shadow: 0 6px 7px -4px #000;
     top: 55px;
     position: absolute;
     font-size: 16px;
     font-weight: normal;
}
 .navigation > a:hover::after {
     width: unset 
}
 .sub {
     height: 100%;
     margin: 0 auto;
     width: 100%;
     display: flex;
     justify-content: space-between;
     margin-right: auto;
     margin-left: auto;
     width: 1500px;
     box-sizing: border-box;
}
 .nav-compte {
     margin-left: auto;
     margin-right: 30px 
}
 .navbar-nav {
     display: none 
}
 .navigation > a:nth-child(1)::before {
     background-position: right 111px bottom -24px 
}
 .navigation > a:nth-child(2)::before {
     background-position: right 231px bottom -23px 
}
 .navigation > a:nth-child(3)::before {
     background-position: right 347px bottom -22px 
}
 .navigation > a:nth-child(4)::before {
     background-position: right 452px bottom -23px 
}
 .navigation > a:nth-child(5)::before {
     background-position: right 555px bottom -23px 
}
 .navigation > a:nth-child(6)::before {
     background-position: right 667px bottom -24px 
}
 .navigation > a:nth-child(7)::before {
     background-position: right 728px bottom -24px 
}
 .navigation > a span {
     display: none 
}
 .filtre {
     transition: 0.3s ease background;
     padding: 4px 10px;
     border: 1px solid #364353;
     border-radius: 5px;
     margin-left: 20px;
     background: #171E26;
     color: #B2B3B5;
     font-weight: bold;
     font-size: 20px 
}
 .ppo-jaime::before {
     background-url: ;
     background: url('/images/jaime.png') no-repeat;
     content: "";
     height: 25px;
     width: 27px;
     display: block;
     margin-right: 5px 
}
 .ppo-right {
     display: flex 
}
 .ppo-button, .filtre, .hms-left, .hms-right, .ppo-jaime {
     display: flex;
     align-items: center 
}
 .hm-avance-nom {
     margin-bottom: 20px;
     margin-top: 30px;
     font-size: 25px;
     font-weight: bold 
}
 .trad .hma-etat {
     color: #E36D63 
}
 .check .hma-etat {
     color: #E39565 
}
 .clean .hma-etat {
     color: #E4C768 
}
 .manga {
     background: #171E26;
     display: flex;
     align-items: center;
     flex-basis: calc(100vw / 5);
     margin: 10px;
     box-sizing: border-box;
     padding: 20px;
     border-radius: 10px;
     flex-basis: 140px;
     margin: 10px;
     box-sizing: border-box;
     padding: 10px;
     border-radius: 10px;
     flex-direction: column;
}
 .manga_right {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     width: 100%;
     position: relative;
     text-align: center;
}
 .mr-bot, .mr-info{
     position: relative;
     z-index: 10;
     width: 195px;
     margin: 10px auto 0;
}
 .manga_img img, .lien_img img {
     object-fit: cover;
     height: 100%;
     width: 100% 
}
 .manga_img, .lien_img {
     height: 140px;
     width: 200px;
     margin-right: 0;
     border-radius: 10px;
     overflow: hidden;
     flex-shrink: 0;
     margin-right: 0px;
     border: 3px solid transparent;
     transition: border 0.2s ease-in-out 
}
 .lien_img{
     height: 80px;
     width: 80px;
}
 .lien_manga{
     flex-direction: column;
}
 .manga_img:hover, .lien_img:hover {
     border: 3px solid #38485b 
}
 .chr-button:hover {
     border-color: #e2661a 
}
 .mri-top {
     color: #FFF;
     font-size: 19px;
     transition: 0.2s ease color;
     font-weight: bold;
}
 .mri-top:hover {
     color: #f05a28 
}
 .mri-bot {
     font-size: 15px 
}
 .new-home {
     width: unset;
     display: flex;
     flex-wrap: wrap;
     background: rgba(32,40,51, 0.6);
     width: unset;
     padding: 15px;
     border-radius: 10px;
}
 .mr-bot {
     display: flex;
     align-items: center;
     margin-left: auto;
     justify-content: center;
     margin: 10px auto 0;
     width: 195px;
}
 .edition .hma-etat {
     color: #D4E369 
}
 .qcheck .hma-etat {
     color: #E39565 
}
 .nextchap .hma-etat {
     color: #929292 
}
 .trad .hmp {
     width: 14.28%;
     background: #E36D63 
}
 .check .hmp {
     width: 28.56%;
     background: #E39565 
}
 .hmp {
     height: 100%;
     border-radius: 100px 
}
 .clean .hmp {
     width: calc(14.28%*3);
     background: #E4C768 
}
 .edition .hmp {
     width: calc(14.28%*4);
     background: #D4E369 
}
 .qcheck .hmp {
     width: calc(14.28*%5);
     background: #E39565 
}
 .nextchap .hmp {
     width: 100%;
     background: #929292 
}
 .new-chapter .hm-left {
     color: #FFF 
}
 #sas_920 {
     display: none!important 
}
 .propulse img {
     height: 100% 
}
 .propulse {
     width: 100%;
     height: 430px;
     position: relative 
}
 .home-manga .hmi-titre a {
     font-weight: bold;
     font-size: 25px 
}
 .pp-sub {
     background: none;
     height: unset;
     width: unset;
     color: #FFF;
     background: none;
     font-size: 30px;
     margin-top: 30px;
     height: unset;
     width: unset;
     display: block 
}
 .pp-main {
     justify-content: space-around;
     margin: 0 20px;
     position: absolute;
     max-width: 600px;
     width: 100%;
     box-sizing: border-box;
     left: 0;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     height: 100%;
     z-index: 1000000;
     top: 0;
     bottom: 0;
     overflow-x: hidden 
}
 .propulse::before {
     content: "";
     background: rgba(0, 0, 0, 0.8);
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: 100;
     max-width: 650px;
     width: 100% 
}
 .pp-subsub {
     font-size: 25px;
     font-weight: bold;
     text-transform: uppercase 
}
 .pp-option {
     display: flex;
     justify-content: space-between;
     text-transform: uppercase;
     font-weight: bold 
}
 .ppo-left {
     display: flex 
}
 .pp-histoire {
     font-size: 17px;
     margin-top: 15px;
}
 .ppo-button, .ppo-jaime {
     font-size: 19px;
     padding: 10px 20px;
     background: rgba(0, 0, 0, 0.3);
     margin-right: 15px;
     border-radius: 4px 
}
 .rechercheFoc +.tr-general, .tr-general:hover {
     display: flex;
     top: 0;
     width: 340px;
     left: 0;
     right: unset;
     background: #14191f;
     border-radius: 4px;
     box-shadow: 0 2px 6px rgba(0,0,0,0.5);
     margin-left: 0;
     position: relative;
     right: 0;
     width: 400px;
}
 .filtre:hover {
     background: #38485b 
}
 .recherche-g {
     border-bottom: 1px dashed #38485b;
     box-sizing: border-box;
     padding: 11px;
     color: #FFF;
     display: flex;
     align-items: center;
     transition: background 0.2s ease-in-out 
}
 .recherche-g:hover {
     background: #38485b 
}
 .rgr-genre {
     font-style: italic 
}
 .rgr-lastChap {
     font-size: 15px;
     color: #86b0ec 
}
 .rgr-titre {
     font-weight: bold 
}
 .tr-general .recherche-g:last-child {
     border: none 
}
 .rg-left img {
     width: 100%;
     height: 100%;
     object-fit: cover 
}
 .rg-left {
     width: 42px;
     height: 42px;
     border-radius: 5px;
     overflow: hidden;
     margin-right: 10px 
}
 .hm-image {
     height: 140px;
     width: 140px 
}
 .hm-image img {
     border-radius: 10px 
}
 .ppo-jaime {
     background: #BA5354 
}
 .hm-left {
     flex-direction: column;
     width: 100%;
     justify-content: space-between;
     align-items: flex-start;
     height: 100% 
}
 .hml {
     display: flex;
     justify-content: space-between;
     text-align: right;
     width: 100%;
     align-items: center 
}
 .hm-sub {
     display: flex;
     justify-content: space-between;
     width: 100%;
     position: relative;
     z-index: 10;
}
 .hm-sub>div:last-child {
     display: flex 
}
 .hms-left, .hms-right {
     font-weight: bold;
     text-transform: uppercase;
     border: 1px solid #364353;
     border-radius: 3px;
     margin-left: 10px;
     padding: 4px 10px;
     font-size: 14px 
}
 a.hms-right {
     color: #FFF 
}
 .hms-team {
     font-weight: bold;
     display: flex;
     align-items: center;
     font-size: 14px 
}
 .hms-team.hms-mft::before {
     background: #1F2B37 url('https://scantrad.net/images/logo.png') no-repeat 3px;
     background-size: 53px;
     content: "";
     width: 24px;
     display: block;
     height: 24px;
     border-radius: 4px;
     margin-right: 8px 
}
 .home-top {
     display: flex;
     align-items: center 
}
 .filtre.faaaaa {
     color: #FFF;
     background: #323E4C 
}
 .hmrd-date {
     margin-right: 10px;
     font-weight: bold;
     color: #65686D;
     font-size: 14px 
}
 button {
     cursor: pointer 
}
 .hmr-comment::before {
     background: unset;
     content: unset 
}
 .hmr-flex {
     border: 1px solid #364353;
     border-radius: 3px;
     padding: 4px 9px 
}
 .hm-plus {
     font-size: 20px;
     font-weight: bold 
}
 .hmr-comment {
     padding-left: 0;
     margin: 0 13px 
}
 .hmr-flex .hm-plus:first-child {
     color: #4FAAE3 
}
 .hmr-flex .hm-plus:last-child {
     color: #df5d6b 
}
 .new-home .hm-avance-nom {
     text-align: center 
}
 .h-right .home-manga {
     height: unset;
     height: unset;
     background-size: cover 
}
 .hma-etat {
     display: block;
     font-size: 15px 
}
 .new-home .home-manga::before {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #2A343E;
     opacity: 0.89 
}
 .hm-pmain {
     width: 100%;
     position: relative 
}
 body {
     padding-bottom: 0 
}
 .foot-sub {
     display: flex;
     align-items: center;
     background: #202832;
     padding: 0px 85px 
}
 .foot-sub img {
     height: 34px 
}
 .sa::before {
     content: "";
     background: url('/images/chapitre.png') no-repeat;
     height: 20px;
     width: 20px;
     margin-right: 10px 
}
 .statistique {
     padding-left: 100px;
     font-size: 20px;
     flex-shrink: 0 
}
 .sa span {
     font-weight: bold;
     color: #ea5065;
     margin-right: 4px 
}
 .sa {
     display: flex;
     align-items: center 
}
 .sa.sav::before {
     background: url('/images/volume.png') no-repeat 
}
 .sa.sama::before {
     background: url('/images/mangas.png') no-repeat;
     background-size: 19px 
}
 .sa.sac::before {
     background: url('/images/comment.png') no-repeat;
     height: 14px 
}
 .sa.samem::before {
     background: url('/images/membres.png') no-repeat;
     height: 14px;
     width: 22px;
     margin-right: 10px 
}
.checkdiv{
	display: none;
}


 .checkdiv:checked+div {
     display: none 
}
 .checkdiv+div {
     display: flex 
}
 .foot-top {
     background: #0E1217;
     display: flex;
     justify-content: space-between;
     height: 80px;
     align-items: center;
     padding: 0 84px;
     font-weight: bold;
     font-size: 20px;
}
 .hmi-titre:hover::after {
     width: 100%;
     background: #FFF 
}
 .hmi-titre {
     position: relative;
     display: inline-block 
}
 .hmi-titre::after {
     content: "";
     width: 0;
     height: 2px;
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: #FFF;
     border-radius: 100%;
     transition: 0.3s ease width 
}
 .logo {
     width: 72px;
     background: url(../images/logon.png) no-repeat;
     flex-shrink: 0;
     position: relative;
     z-index: 20000;
     margin: 28px -2px 0 0;
}
 @media (max-width:935px) {
     .chapitre {
         display: flex 
    }
     .fl {
         display: flex 
    }
     .chr-follow {
         display: inline-flex 
    }
     .main-fiche {
         display: flex;
         padding: 20px;
         flex-direction: row 
    }
     .chr-button {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px 
    }
     .chr-button span {
         display: none 
    }
     .chr-button svg {
         padding-right: unset;
         margin-left: unset 
    }
}
 @media (max-width:840px) {
     .fl {
         display: block 
    }
     .main-fiche {
         flex-direction: column-reverse;
         padding: 20px 
    }
     .chr-button {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px 
    }
     .chr-button span {
         display: none 
    }
}
 nav {
     display: flex;
     width: 100%;
     justify-content: unset !important 
}
 .foot-sub p {
     text-align: left 
}
 .mrt-button.mrtb-view svg {
     width: 19px;
     margin-right: 3px;
     stroke: #FFF 
}
 .mrt-button {
     font-weight: bold;
     text-transform: uppercase;
     border: 1px solid #364353;
     border-radius: 3px;
     margin-left: 0;
     padding: 4px 10px;
     font-size: 14px;
     display: inline-flex 
}
 .mrt-note {
     margin-left: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center 
}
 .mrt-note svg {
     fill: #FFF;
     height: 14px;
     margin-right: 3px 
}
 .mrtb-view {
     margin-left: auto;
     align-self: flex-end;
     filter: contrast(50%) 
}
 .mr-top {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     display: none;
}
 .hms-team img {
     width: 24px;
     height: 24px;
     margin-right: 10px;
     border-radius: 5px 
}
 .hr-planning p {
     text-align: center 
}
 .hm-titre {
     text-align: left;
     font-size: 20px!important;
     text-align: left!important;
     margin: 30px 80px 80px!important;
     margin-top: 50px!important 
}
 .m-manga .h-right {
     flex-shrink: 1.8;
     width: 100% 
}
 .nh-planning .home-manga {
     height: unset;
     background-size: cover;
     width: 100%;
     flex: 1;
     flex-basis: 0;
     flex-basis: 250px;
     margin-right: 20px;
     max-width: 255px 
}
 .m-manga {
     padding: 0 !important;
}
 .planning-titre {
     margin: 0;
     text-align: center;
     text-transform: unset;
     font-size: 40px 
}
 .hm-info {
     width: 100%;
     position: relative;
}
 .trad, .edit, .check, .qcheck {
     background: none 
}
/* @media (max-width:1390px) {
     .compte-info {
         margin-left: -25px;
    }
     .navigation > a{
         padding: 10px 20px;
    }
     a.compte-pseudo {
         display: none;
    }
}
 */
/* @media (max-width:1240px) {
     .sub {
         flex-direction: row !important;
    }
     nav{
         padding-bottom: 0 !important;
    }
}
*/
 .grid-is-grid{
     position: relative;
}
 @media (max-width:1015px) {
     .home{
         display: block;
    }
     .new-home .home-manga::before{
         border-radius: 7px;
    }
     .grid-is-grid .home-manga {
         width: 272px;
         display: flex;
         margin-right: 12px;
         border-radius: 7px !important;
    }
     .home-right{
         width: 100%;
         max-width: unset;
    }
     .h-right {
         width: 100%;
    }
     .subgrid {
         padding: 24px 36px;
    }
     .grid-is-grid .grid-bottom {
         display: flex;
         justify-content: space-between;
         align-items: center;
         width: 100%;
         position: absolute;
         left: 0;
         right: 0;
         top: 50%;
         margin-top: -20px;
         padding-bottom: 0;
    }
     .new-home .grid-bottom {
         display: flex;
         justify-content: space-between;
         align-items: center;
         width: 100%;
         position: absolute;
         left: 0;
         right: 0;
         top: 50%;
         margin-top: -20px;
         padding-bottom: 0;
    }
}
/* @media (max-width:960px) {
     .sub{
         justify-content: center;
    }
}
 @media (max-width:1130px) {
     .nav-search input {
         width: 235px;
    }
     */
     @media (max-width:950px) {
         .foot-sub {
             padding: 0px 20px;
             flex-direction: column;
             align-items: flex-start !important;
             max-height: calc(100vh/1.8);
             overflow: scroll;
        }
         .new-manga{
             background: none !important;
        }
         .statistique {
             padding-left: 0;
        }
         .activePage span {
             margin: 0 10px;
        }
         .activePage a{
             margin: 0 !important;
        }
         .pagination {
             display: flex;
             justify-content: center;
        }
         .activePage{
             margin: 0 5px !important;
        }
    }
     .categorie-filtre {
         display: flex;
         flex-wrap: wrap;
    }
     .cf-type {
         flex-basis: 150px;
         font-size: 17px;
         padding: 6px 0px;
         opacity: 0.5;
    }
     .titre-filtre {
         background: #171e26;
         padding: 11px;
    }
     .m-manga {
         padding: 0;
         min-height: calc(100vh - 225px);
    }
     .body-filtre .main-filtre:nth-child(1) {
         margin-top: 0;
    }
     .main-filtre {
         margin-top: 30px;
         max-width: 100%;
         margin: 11px auto;
         margin-top: 11px;
    }
     .categorie-filtre {
         padding: 0 15px;
         margin-top: 8px;
    }
     .checkfiltre:checked + div {
         max-height: 1300px;
    }
     .checkfiltre{
         display: none;
    }
     .checkfiltre + div{
         position: relative;
         transition: max-height 0.4s;
         width: 100%;
         background: #13181F;
         z-index: 100000;
         transform-origin: top;
         overflow: hidden;
         margin-top: -40px;
         border-radius: 0 0 10px 10px;
         border-top: 1px solid #13181f;
         max-height: 0px;
         margin-bottom: 40px;
    }
     .cf-type{
         cursor: pointer;
    }
     .input-searfh{
         color: #FFF;
         border: none;
         font-size: 20px;
         width: 100%;
         box-sizing: border-box;
         border-radius: 10px;
         background: transparent;
         padding: 10px 20px 10px 0;
         font-size: 16px;
         background: #1B2028 url(/images/search-solid.png) no-repeat scroll left;
         background-size: 16px;
         font-weight: unset;
         padding-left: 23px;
    }
     .search-filtre {
         width: 100%;
         background: #1B2028;
         padding-left: 11px;
         border-radius: 4px;
         box-shadow: 0 2px 6px rgba(0,0,0,0.5);
         margin-bottom: 50px;
         display: flex;
         box-sizing: border-box;
         align-items: center;
         position: relative;
         margin: 0 auto 40px;
    }
     .fh-filtre{
         display: flex;
         align-items: center;
         margin-right: 10px;
         border-left: 1px solid #48505D;
         padding-left: 20px;
         color: #C3C4D1;
         font-size: 16px;
         position: relative;
         height: 45px;
    }
     .hms-left, .hms-right{
         margin-right: 10px;
         margin-left: 0;
    }
     .hm-titre{
         font-size: 35px;
         color: #fff;
         font-weight: 700;
         text-align: left;
    }
     .m-manga .h-right {
         flex-shrink: 1.8;
         width: 100%;
         padding-right: 0;
    }
     .new-manga {
         display: flex;
         flex-wrap: wrap;
         background: #3D485A5E;
         padding: 10px;
         border-radius: 10px;
         justify-content: center;
    }
     .manga-home-titre{
         font-size: 40px;
         margin: 50px auto 50px;
         text-align: center;
         font-weight: bold;
    }
     .cac-histoire span:first-of-type{
         font-weight: bold;
    }

     .compte-pseudo{
         color: #6c7d93;
         font-size: 14px;
         margin-left: 3px;
    }
     .m-manga {
         padding: 0;
    }
     .hm-titre {
         margin: 0;
         text-align: center;
         text-transform: unset;
         font-size: 40px;
    }
     .cf-type[data-value="1"]::before {
         content: "✓";
    }
     .cf-type[data-value="2"]::before {
         content: "✗";
    }
     .cf-type[data-value="1"], .cf-type[data-value="2"]{
         opacity: 1;
    }
     .cf-type[data-value="1"]{
         color: #27A163;
    }
     .cf-type[data-value="2"]{
         color: #DB4F46;
    }
     .cf-type:hover{
         opacity: 1;
    }
     .hm-titre {
         font-size: 32px !important;
         text-align: left !important;
         margin: 30px 80px !important;
         margin-top: 30px;
         margin-top: 50px !important;
    }
     @media (max-width:900px) {
         .search-filtre {
             margin-left: 10px;
             width: calc(100% - 20px);
             border-radius: 4px;
        }
         .input-searfh{
             font-size: 17px;
        }
    }
     @media (max-width:500px) {
         .hm-titre {
             margin: 30px auto !important;
             text-align: center !important;
        }
         .manga .hms-left.abon-button{
             margin-left: 0;
             height: 29px;
             box-sizing: border-box;
             margin-top: -1px;
        }
         .search-filtre {
             margin-left: 10px;
             width: calc(100% - 20px);
             border-radius: 4px;
        }
         .search-filtre svg{
             margin-left: 15px;
             margin-right: 10px;
             flex-shrink: 0;
             width: 15px;
        }
         .mr-bot {
             flex-direction: row;
             align-items: flex-start;
             margin-top: 8px;
        }
         .fh-filtre{
             padding-left: 5px;
        }
         .hms-left.abon-button {
             margin-bottom: 0;
             margin-top: 0;
        }
         .manga_right{
             height: unset;
        }
         .mr-top {
             margin-top: 10px;
             justify-content: unset;
             align-items: unset;
             margin-bottom: 10px;
             margin-top: 0;
             margin-left: -78px;
             margin-bottom: -30px;
        }
         .mr-top {
             position: absolute;
             top: 0;
             margin: 0;
             right: 0;
             justify-content: flex-end;
        }
         .navigation > a::after{
             background: transparent;
        }
         .mrtb-view {
             margin-left: unset;
             align-self: flex-start;
        }
         .manga {
             width: 100%;
             flex-basis: unset;
             flex: unset;
             margin: 0 0 10px;
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
         .new-manga{
             padding: 0;
        }
         .manga_img {
             width: 65px;
             height: 65px;
        }
    }
     @media(max-width: 960px){
/*         .navigation{
             display: flex;
            padding-bottom: 10px;
        }*/
        /* .navigation > a::before {
             transform: scale(0.8);
        }
         */
         a.compte-pseudo {
             display: block;
             margin-left: 15px;
             margin-right: 10px;
        }
/*         nav{
             margin-top: -1px;
             padding-top: 10px;
        }*/
 /*        .compte{
             margin-top: 0;
        }
*/         .navigation > a {
             padding: 5px 10px;
             margin-bottom: 0 !important;
        }
    }
     .logo {
         width: 72px;
         background: url(../images/logon.png) no-repeat;
    }
     .chl-image {
         width: 47px;
         margin-right: 14px;
    }
     .chl-titre {
         display: flex;
    }
     .chl-image img {
         width: 100%;
         display: block;
         border-radius: 6px;
    }
     .flex{
         align-items: flex-start;
         display: flex;
    }
     .subgrid {
         padding: 24px;
         width: 100%;
         flex-shrink: 0;
         box-sizing: border-box;
    }
     .grid-is-grid {
         display: flex;
         width: 100%;
         overflow: hidden;
    }
     .aujour {
         color: #EB5368;
    }
     .chr-button {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px 15px;
    }
     .chr-button svg {
         padding-right: 7px;
         margin-left: -5px;
    }
     @media (max-width: 935px) {
         .chapitre {
             display: flex;
        }
         .fl {
             display: flex;
        }
         .chr-follow {
             display: inline-flex;
        }
         .main-fiche{
             display: flex;
            /*! flex-direction: column-reverse;
             */
             padding: 20px;
             flex-direction: row;
        }
         .chr-button {
             display: flex;
             align-items: center;
             justify-content: center;
             padding: 7px 7px;
        }
         .chr-button span {
             display: none;
        }
         .chr-button svg {
             padding-right: unset;
             margin-left: unset;
        }
    }
     @media (max-width: 840px) {
         .fl {
             display: block;
        }
         .main-fiche{
             flex-direction: column-reverse;
             padding: 20px;
        }
         .chr-button {
             display: flex;
             align-items: center;
             justify-content: center;
             padding: 7px 7px;
        }
         .chr-button span {
             display: none;
        }
    }
     .new-main{
         background: rgba(32,40,51, 0.6);
         padding: 20px;
         margin-bottom: 30px;
    }
     .fl{
         margin-bottom: 20px;
    }
     .chl-titre {
         font-size: 15px;
    }
     .chr-button, .chr-follow {
        font-size: 13px;
    }
     .chapitre {
         background: #10151b;
         border-bottom: 0;
         padding: 10px;
         margin-top: 10px;
         border-radius: 5px;
         border-radius: 10px;
    }
     .mf-chapitre .chapitre:last-child{
         border-radius: 10px;
    }
     .chl-date {
         width: 77px;
         text-align: left;
         margin-left: 20px;
    }
     .chr-button svg {
         margin-left: 0;
         padding: 0;
         background: transparent;
    }
     .chr-button {
         border: 1px solid #2f3945;
         background: none;
    }
     .snm-button{
         border: 1px solid #2f3945;
         color: #FFF;
         font-weight: bold !important;
         text-transform: uppercase;
         padding: 5px 10px;
         display: inline-block;
         font-size: 14px;
         border-radius: 5px;
         background: #171E26;
    }
     .hmi-sub{
         display: inline-block;
         margin-top: 3px;
    }
     .home-manga.new-chapter, .home-manga {
         transition: 0.3s ease box-shadow;
    }
     .point {
         width: 8px;
         height: 8px;
         border-radius: 10px;
         background: #FFF;
         cursor: pointer;
         margin-right: 6px;
         transition: background-color .2s linear,width .2s linear,height .2s linear;
    }
     .chapitre-type {
         position: absolute;
         left: 100%;
         margin-left: 10px;
         font-style: unset;
         font-size: 15px;
         border: 1px solid #364353;
         border-radius: 4px;
         padding: 3px 10px;
         font-size: 15px;
    }
     .point.pa {
         background: #FE4164;
    }
     .grid-point {
         display: flex;
         align-items: center;
    }
     .grid-left-arrow {
         transform: rotate(90deg);
         cursor: pointer;
    }
     .grid-left-arrow, .grid-right-arrow{
         overflow: hidden;
    }
     .grid-left-arrow svg, .grid-right-arrow svg{
         width: 48px;
         fill: #FE4164;
    }
     .grid-inact svg {
         fill: #FFF;
    }
     .grid-right-arrow svg{
         transform: rotate(-90deg);
         cursor: pointer;
    }
     .grid-inact{
         filter: contrast(50%);
    }
     .grid-bottom {
         display: flex;
         justify-content: space-around;
         align-items: center;
         width: 100%;
         padding-bottom: 30px;
    }
     .ctt-img {
         width: 210px;
         height: 310px;
         overflow: hidden;
         margin-right: 20px;
         border: 2px solid #FFF;
         border-radius: 5px;
         box-shadow: 2px 2px 32px #000;
    }
     .ctt-img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .ct-top {
         display: flex;
         align-items: flex-end;
         margin-bottom: 40px;
    }
     .info {
         margin-bottom: 0;
    }
     .sub-i{
         margin-bottom: 10px;
    }
     .main-fiche .home-titre{
         text-transform: unset;
         margin-bottom: 20px;
         font-size: 25px;
    }
     .chl-titre{
         margin-right: 5px;
    }
     .mea{
         font-weight: bold;
         color: #ed5166;
    }
     .chamazon{
         background: transparent;
         padding: 0px 
    }
     .snmb-ac{
         background: #0E1217 
    }
     .histoireama{
         margin-top: 20px 
    }
     .histoireama p{
         margin: 0;
    }
     .fiche_cover {
         height: 305px;
         background-position: center center;
    }
     .chl-titre.snm-button.snmb-ac.snmbig {
         font-size: 20px;
         display: flex;
         align-items: center;
         padding: 11px;
         background: transparent;
    }
     .flexvolume {
         justify-content: center;
         margin-top: 22px;
    }
     .chapitre.chamazon.flex::after {
         content: "";
         position: absolute;
         bottom: 0;
         height: 20px;
         background: #171E26;
         width: 100%;
    }
     .checkvolume:checked + div {
         height: 30px;
         overflow: hidden;
    }
     .chamazon {
         position: relative;
    }
     .checkvolume + .chapitre .snmb-ac{
         display: none;
    }
     .checkvolume:checked + .chapitre .snmb-ac{
         display: flex;
         align-items: center;
    }
     .checkvolume:checked + .chapitre .snmbig{
         display: block;
    }
     .mf-info{
         background: none;
         border: none;
    }
     .mfi-mea{
         font-size: 15px;
    }
     .checkvolume{
         display: none;
    }
     .home-manga{
         position: relative;
         width: 100%;
    }
     span.hma-etat {
         text-transform: uppercase;
         font-weight: bold;
    }
     .hms-right i, .hms-left i {
         margin-right: 6px;
         font-size: 15px;
    }
     .home-top-flex{
         display: flex;
         align-items: center;
    }
     .filtre{
         transition: 0.3s ease background;
    }
     .ppo-jaime::before {
         background-url: ;
         background: url('/images/jaime.png');
         content: "";
         height: 25px;
         width: 27px;
         display: block;
         background-repeat: no-repeat;
         margin-right: 5px;
    }
     .ppo-right {
         display: flex;
    }
     .filtre.fsca svg{
         height: 20px;
         fill: currentColor;
         width: 20px;
         margin-right: 6px;
    }
     .ppo-button, .filtre,.hms-left, .hms-right, .ppo-jaime{
         display: flex;
         align-items: center;
    }
     .hm-avance-nom{
         font-weight: bold;
    }
     span.hma-etat{
         font-weight: normal;
    }
     .trad .hma-etat{
         color: #E36D63;
    }
     .check .hma-etat{
         color: #E39565;
    }
     .clean .hma-etat{
         color: #E4C768;
    }
     .edition .hma-etat{
         color: #D4E369;
    }
     .qcheck .hma-etat{
         color: #E39565;
    }
     .nextchap .hma-etat{
         color: #929292;
    }
     .trad .hmp{
         width: 14.28%;
         background: #E36D63;
    }
     .check .hmp{
         width: 28.56%;
         background: #E39565;
    }
     .hmp{
         height: 100%;
         border-radius: 100px;
    }
     .clean .hmp{
         width: calc(14.28%*3);
         background: #E4C768;
    }
     .edition .hmp{
         width: calc(14.28%*4);
         background: #D4E369;
    }
     .qcheck .hmp{
         width: calc(14.28*%5);
         background: #E39565;
    }
     .nextchap .hmp{
         width: 100%;
         background: #929292;
    }
     .new-chapter .hm-left{
         color: #FFF;
    }
     #sas_920 {
         display: none !important;
    }
     .propulse img {
         height: 100%;
    }
     .propulse {
         width: 100%;
         height: unset;
         position: relative;
    }
     .pp-option {
         margin-top: 25px;
    }
     .home-manga .hmi-titre a {
         font-weight: bold;
         font-size: 25px;
    }
     .pp-sub {
         color: #FFF;
         background: none;
         font-size: 25px;
         margin-top: 30px;
         height: unset;
         width: unset;
    }
     .pp-main {
         position: relative;
         max-width: 600px;
         width: 100%;
         box-sizing: border-box;
         left: 0;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         height: 100%;
         z-index: 1000000;
         top: 0;
         bottom: 0;
         overflow-x: hidden;
    }
     #info_ca {
         position: absolute;
         top: 0;
         left: -20px;
         right: -20px;
         bottom: 0;
    }
     #info_ca .sc-lel {
         padding: 0;
    }
     .sc-lel {
         padding: 20px;
         box-sizing: border-box;
         height: initial;
    }
     .home .h-left, .home .h-right {
         width: 100%;
         padding-right: 0;
         flex-shrink: unset;
         margin-top: 0px;
    }
     .home .h-right {
         width: 30%;
    }
     .pp-subsub {
         font-size: 20px;
         font-weight: bold;
         text-transform: uppercase;
    }
     .pp-option {
         display: flex;
         justify-content: space-between;
         text-transform: uppercase;
         font-weight: bold;
         margin: 0 auto;
         margin-top: 25px;
    }
     .ppo-left {
         display: flex;
    }
     .ppo-button, .ppo-jaime {
         font-size: 15px;
         padding: 10px 20px;
         background: rgb(240, 90, 40);
         color: #FFF;
         margin-right: 15px;
         border-radius: 4px;
         transition: background 0.4s;
    }
     .ppo-button.ppb-lire:hover {
         background: #ce2b28;
    }
     .hm-image {
         height: 140px;
         width: 140px;
    }
     .hm-image img {
         border-radius: 10px;
    }
     .ppo-jaime {
         background: #BA5354;
    }
     .hm-left {
         flex-direction: column;
         width: 100%;
         justify-content: space-between;
         align-items: flex-start;
         height: 100%;
    }
     .hml {
         display: flex;
         justify-content: space-between;
         text-align: right;
         width: 100%;
         align-items: center;
    }
     .hm-sub {
         display: flex;
         justify-content: space-between;
         width: 100%;
         z-index: 10;
    }
     .hm-sub > div:last-child {
         display: flex;
         position: relative;
         z-index: 10; 
    }
     .hms-left, .hms-right {
         font-weight: bold;
         text-transform: uppercase;
         border: 1px solid #364353;
         border-radius: 3px;
         margin-left: 10px;
         padding: 4px 10px;
         font-size: 14px;
    }
     .hms-team:hover {
         cursor: pointer;
         color: #f05a28;
    }
     .hmi-sub:hover{
         cursor: pointer;
         color: #f05a28;
    }
     .hms-team, .hmi-sub{
         transition: color 0.3s ease-in-out;
    }
     a.hms-right{
         color: #FFF;
    }
     .list-team {
         display: flex;
         align-items: center;
         position: relative;
         z-index: 10;
    }
     .hms-team {
         font-weight: bold;
         display: flex;
         color: #FFF;
         align-items: center;
         font-size: 14px;
         margin-right: 15px;
    }
     .hms-team.hms-mft::before {
         background-image: url('https://scantrad.net/images/logo.png');
         background-size: 53px;
         content: "";
         width: 24px;
         display: block;
         height: 24px;
         background-repeat: no-repeat;
         background: ;
         background-color: #1F2B37;
         border-radius: 4px;
         background-position: 3px;
         margin-right: 8px;
    }
     .home-top {
         display: flex;
         align-items: center;
    }
     .filtre {
         padding: 4px 10px;
         border: 1px solid #364353;
         border-radius: 5px;
         margin-left: 20px;
         background: #171E26;
         color: #B2B3B5;
         font-weight: bold;
         font-size: 14px;
    }
     .filtre.faaaaa {
         color: #FFF;
         filter: contrast(100%);
         background: #323E4C;
    }
     .filtre.faaaaa::before, .filtre.faaaaa.fsca::before{
         filter: contrast(100%);
    }
     .filtre.faaaaa.foff::before{
         filter: contrast(300%);
    }

     .filtre.faaaaa.foftf::before{
         filter: contrast(300%);
    }

     .filtre.fsca::before{
         filter: contrast(30%);
    }
     .hmrd-date {
         margin-right: 10px;
         font-weight: bold;
         color: #65686D;
         font-size: 14px;
    }
     .hmr-comment::before{
         background: unset;
         content: unset;
    }
     .hmr-flex {
         border: 1px solid #364353;
         border-radius: 3px;
         padding: 2px 11px;
         background: #323E4C;
    }
     .hm-plus {
         font-size: 20px;
         font-weight: bold;
    }
     .hmr-comment {
         padding-left: 0;
         margin-left: 0;
         margin: 0 13px;
    }
     .hmr-flex .hm-plus:first-child {
         color: #4FAAE3;
    }
     .hmr-flex .hm-plus:last-child {
         color: #df5d6b;
    }
     .new-home .hm-avance-nom {
         text-align: center;
    }
     .hm-avance-nom {
         font-weight: bold;
         margin-bottom: 20px;
         margin-top: 30px;
    }
     .h-right .home-manga {
         height: unset;
    }
     .hm-avance-nom {
         font-size: 23px;
    }
     .new-home {
         padding: 15px;
         width: unset;
    }
     .hma-etat {
         display: block;
         font-size: 17px;
    }
     .h-right .home-manga {
         height: unset;
         background-size: cover;
    }
     .new-home .home-manga::before {
         content: "";
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: #2A343E;
         opacity: 0.89;
    }
     .hm-pmain {
         width: 100%;
         position: relative;
    }
     body{
         padding-bottom: 0;
    }
     .foot-sub {
         display: flex;
         align-items: center;
         background\$: #202832;
         background: #202832;
         padding: 0px 85px;
    }
     .foot-sub img {
         height: 34px;
    }
     .sa::before {
         content: "";
         background: url('/images/chapitre.png') no-repeat;
         height: 20px;
         width: 20px;
         margin-right: 10px;
    }
     .sa span {
         font-weight: bold;
         color: #ea5065;
         margin-right: 4px;
    }
     .sam {
    }
     .sa {
         display: flex;
         align-items: center;
    }
     .sa.sav::before {
         background: url('/images/volume.png') no-repeat;
    }
     .sa.sama::before {
         background: url('/images/mangas.png') no-repeat;
         background-size: 19px;
    }
     .sa.sac::before {
         background: url('/images/comment.png') no-repeat;
         height: 14px;
    }
     .sa.samem::before {
         background: url('/images/membres.png') no-repeat;
         height: 14px;
         width: 22px;
         margin-right: 10px;
    }
     .checkdiv:checked + div {
         display: none;
    }
     .checkdiv + div {
         display: flex;
    }
     .foot-top {
         background: #0E1217;
         display: flex;
         justify-content: space-between;
         height: 80px;
         align-items: center;
         padding: 0 84px;
         font-weight: bold;
         font-size: 20px;
    }
     body > header {
         position: relative;
         z-index: 100000000;
         padding: 0 40px;
    }
     .chl-image {
         width: 130px;
         flex-shrink: 0;
    }
     .histoireama{
         padding: 20px;
         background: #10151b;
         border-radius: 10px;
    }
     .hmi-titre:hover::after {
         width: 100%;
         background: #FFFFFF;
    }
     .hms-team img {
         width: 24px;
         height: 24px;
         margin-right: 10px;
         border-radius: 5px;
    }
     .hmi-titre {
         position: relative;
         display: inline-block;
    }
     .hmi-titre::after {
         content: "";
         width: 0;
         height: 2px;
         display: block;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         background: #FFF;
         border-radius: 100%;
         transition: 0.3s ease width;
    }
     .hmr-coeur .hmr-comment {
         margin-left: 0;
         margin-right: 10px;
         color: #FFF;
    }
     .hmr-coeur svg{
         width: 14px;
         fill: #FFF;
    }
     .hmr-coeur{
         cursor: pointer;
         position: relative;
    }
     .hmr-flex.hmr-coeur:hover {
         background: #34465b;
    }
     .hmr-coeur-act svg {
         fill: #FFF;
    }
     .hmr-coeur-act .hmr-comment {
         color: #FFF;
    }
     .hmr-flex.hmr-coeur.hmr-coeur-act {
         background: #ed5166;
         border-color: #ed5166;
         color: #FFF;
    }
     .pp-ss {
         margin: 0 auto;
    }
     .ppb-suivre:hover {
         background: #171e26;
    }
     .ppb-suivre {
         background: #38485b;
         cursor: pointer;
         transition: background 0.3s ease-in-out;
    }
     .home-manga{
         display: grid;
         grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr;
    }
     .hm-image{
         grid-row-start: 1;
         grid-row-end: 5;
         grid-column: 1;
    }
     .hml {
         grid-column-start: 2;
         grid-column-end: 5;
         grid-row: 1;
    }
     .hm-info {
         padding-bottom: .28571em !important;
         padding-top: .28571em !important;
         grid-column-start: 2;
         grid-column-end: 5;
         grid-row: 2;
         z-index: 10;
         width: 100%;
    }
     .hm-sub {
         grid-column: 2;
         grid-row: 4;
         z-index: 10;
    }
     .filtre {
         flex-shrink: 0;
    }
     @media (max-width:750px) {
         .hml {
             grid-column-start: 1;
             grid-column-end: 4;
             -ms-grid-column-span: 4;
             grid-row: 1;
        }
         .hms-left::before {
             margin-right: -4px;
        }
         .hms-left {
             font-size: 0;
        }
         .home-manga{
             margin: 10px 0px;
             height: unset !important;
             padding: 14px !important;
        }
         .hml {
             margin-bottom: 13px;
        }
         .hm-sub {
             margin-top: 11px;
        }
         .hm-info {
             align-self: center;
             grid-column-start: 2;
             grid-column-end: 4;
             -ms-grid-column-span: 4;
             grid-row: 2;
        }
         .home-titre {
             margin-left: 20px;
        }
         .hm-sub{
             grid-column-start: 1;
             grid-column-end: 4;
             -ms-grid-column-span: 4;
             grid-row: 4;
        }
         .hmi-sub {
             font-size: 1rem;
             line-height: 1.5rem;
        }
         .hmi-titre{
             font-weight: 700;
             font-size: 1.05rem;
             line-height: 1.25rem;
        }
         .hm-font{
             display: none;
        }
         .hmrd-date{
             display: none;
        }
         .home-top-flex {
             overflow: auto;
             width: 100%;
             margin: -10px 0px 15px;
        }
         .h-left > .home-top {
             flex-direction: column;
             align-items: flex-start;
             overflow: visible;
        }
         .main {
             padding: 40px 0px;
        }
         .header-main {
            margin: 0px auto 40px;
        }
         .hm-image{
             width: 70px;
             height: 70px;
             grid-row: 2;
             grid-column: 1;
        }
    }
     @media (max-width:1015px) {
         .home{
             display: block;
        }
         .foot-top{
             padding: 0 15px;
             font-size: 16px;
        }
         .h-right {
             width: 100%;
             margin-top: 20px;
             margin-bottom: -25px;
        }
         .header-main + .main{
             padding-top: 0;
        }
         .new-home .home-manga::before{
             border-radius: 7px;
        }

         .h-right {
             width: 100%;
        }
         .subgrid {
             padding: 24px 36px;
        }
         .grid-is-grid .grid-bottom {
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             position: absolute;
             left: 0;
             right: 0;
             top: 50%;
             margin-top: -20px;
             padding-bottom: 0;
        }
         .new-home .grid-point{
             display: none;
        }
         .grid-is-grid .home-manga {
             width: 272px;
             display: flex;
             margin-bottom: 0;
             margin-right: 6px;
             margin-left: 6px;
             margin-top: 0;
             border-radius: 10px !important;
        }
         .home-right .new-home {
             box-sizing: border-box;
             background: #171e26;
             position: relative;
             display: flex;
             width: 100%;
        }
         .new-home .grid-bottom {
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             position: absolute;
             left: 0;
             right: 0;
             top: 50%;
             margin-top: -20px;
             padding-bottom: 0;
        }
         .hm-progress {
             height: 6px;
        }
         .hm-avance-nom {
             font-size: 18px;
        }
         .hm-avance-nom {
             font-weight: bold;
             margin-bottom: 5px;
             margin-top: 0px;
        }
         .subgrid{
             display: flex;
        }
         .home {
             display: flex;
             flex-direction: column-reverse;
        }
         .new-home .grid-left-arrow, .new-home .grid-right-arrow {
             width: 30px;
             box-sizing: border-box;
             display: flex;
             margin-left: 3px;
             margin-right: 3px;
        }
         .new-home .grid-bottom {
             display: flex;
             justify-content: space-between;
             align-items: unset;
             width: 100%;
             position: absolute;
             left: 0;
             margin-top: 0;
             padding-bottom: 0;
             margin-left: 0;
             top: 0;
             bottom: 0;
        }
    }
     @media (max-width: 700px){
         .subgrid{
             width: auto;
        }
         .new-home .grid-bottom {
             display: none;
        }
         .grid-is-grid{
             overflow: auto;
        }
         .subgrid:nth-child(n+1) {
             padding-right: 0;
        }
         .subgrid:first-child {
             padding-left: 14px;
        }
         .subgrid:nth-child(n+2) {
             padding-left: 0;
        }
         .subgrid:last-child {
             padding-right: 20px;
        }
         .grid-is-grid .home-manga {
             width: 145px;
             flex-shrink: 0;
        }
         .home-right .new-home{
             padding: 0;
        }
    }
     @media (max-width: 950px){
         .propulse::before {
             background: transparent;
        }
         .foot-sub {
             padding: 0 20px !important;
        }
         .pp-main {
             background: rgba(0,0,0,0.8);
             margin: 0 auto;
        }
    }
     .nh-poste:last-child {
         margin-right: 0;
    }
     .discussions {
         background: #3D485A5E;
         padding: 10px;
         border-radius: 10px;
    }
     .au-dd:hover {
         border-color: #34465B;
    }
     .addrs-date{
         display: block;
         opacity: 0;
         transition: opacity 0.4s;
         margin-left: auto;
         margin-right: 10px;
    }
     .au-dd:hover .addrs-date{
         display: block;
         opacity: 1;
    }
     .au-dd {
         background: #171E26;
         display: flex;
         margin-top: 4px;
         padding: 6px 1px;
         border-radius: 10px;
         transition: border 0.4s, background 0.4s;
         border: 2px solid transparent;
    }
     .add-right {
         width: 100%;
    }
     .no-avatar {
         background: #ED5A32;
         width: 32px;
         display: flex;
         color: #FFF;
         height: 32px;
         align-items: center;
         justify-content: center;
         border-radius: 100px;
    }
     .addrs-pseudo{
         font-weight: normal;
    }
     .add-avatar {
         margin-right: 9px;
         width: 36px;
         height: 36px;
         overflow: hidden;
         border-radius: 100px;
         flex-shrink: 0;
         margin-left: 7px;
    }
     .add-avatar img {
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .addr-content {
         color: #959697;
         font-weight: bold;
    }
     .isR addr-sub::before {
         content: "";
         width: 10px;
         height: 10px;
    }
     .addr-sub {
         color: #959697;
         font-size: 13px;
         display: flex;
         align-items: center;
    }
     .addr-sub svg {
         fill: #959697;
         margin-right: 4px;
    }
     .au-dd:last-child {
         margin-bottom: 10px;
    }
     .Avatar {
         display: inline-block;
         box-sizing: content-box;
         color: #fff;
         text-align: center;
         vertical-align: top;
         background-color: #1b2028;
         font-weight: normal;
         width: 48px;
         height: 48px;
         border-radius: 48px;
         font-size: 24px;
         line-height: 48px;
    }
     .SessionDropdown .Dropdown-toggle .Avatar {
         margin: -2px 5px -2px -6px;
         width: 24px;
         height: 24px;
         border-radius: 24px;
         font-size: 12px;
         line-height: 24px;
    }
     .Button .Button-label {
         -webkit-transition: margin-right .1s;
         -o-transition: margin-right .1s;
         transition: margin-right .1s;
    }
     .NotificationsDropdown .Dropdown-toggle .Button-label {
         margin-left: 7px;
    }
     .NotificationsDropdown .Dropdown-toggle .Button-label, .NotificationsDropdown .Dropdown-toggle .Button-caret {
         display: none;
    }
     .Header-controls, .Header-controls > li {
         display: inline-block;
         vertical-align: middle;
    }
     .Header-secondary .Search {
         margin-right: 10px;
         position: relative;
    }
     .FormControl {
         display: block;
         width: 100%;
         height: 36px;
         padding: 8px 13px;
         padding-right: 13px;
         padding-left: 13px;
         font-size: 13px;
         line-height: 1.5;
         color: #6c7d93;
         background-color: #1b2028;
         border: 2px solid transparent;
         border-radius: 4px;
         -webkit-transition: border-color .15s, background .15s;
         -o-transition: border-color .15s, background .15s;
         transition: border-color .15s, background .15s;
         -webkit-appearance: none;
    }
     .Search-input {
         overflow: hidden;
         color: #6c7d93;
    }
     .Search-input input {
         float: left;
         width: 225px;
         padding-left: 32px;
         padding-right: 32px;
         -webkit-transition: all .4s;
         -o-transition: all .4s;
         transition: all .4s;
         box-sizing: inherit !important;
    }
     .Search-input::before {
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         display: inline-block;
         font-style: normal;
         font-variant: normal;
         text-rendering: auto;
         line-height: 1;
         font-family: 'Font Awesome 5 Free';
         font-weight: 900;
         content: "\f002";
         float: left;
         margin-right: -36px;
         width: 36px;
         font-size: 14px;
         text-align: center;
         position: relative;
         padding: 8px 0;
         line-height: 1.5;
         pointer-events: none;
    }
     .Search-results {
         max-height: 70vh;
         overflow: auto;
         left: auto;
         right: 0;
    }
     .Dropdown-menu {
         position: absolute;
         top: 100%;
         left: 0;
         z-index: 1030;
         display: none;
         min-width: 160px;
         padding: 8px 0;
         margin: 7px 0;
         background: #14191f;
         border-radius: 4px;
         -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
         box-shadow: 0 2px 6px rgba(0,0,0,0.5);
         list-style: none;
         text-align: left;
         color: #ddd;
         font-size: 13px;
         line-height: 1.5;
    }
     .FormControl:focus, .FormControl.focus {
         background-color: #14191f;
         color: #ddd;
         border-color: #4d698e;
         outline: none;
    }
     .Search-input input {
         float: left;
         width: 225px;
         padding-left: 32px;
         padding-right: 32px;
         -webkit-transition: all .4s;
         -o-transition: all .4s;
         transition: all .4s;
         height: 16px;
         box-sizing: inherit !important;
    }
     .Button{
         border-radius: 18px;
         position: relative;
         float: left;
         display: inline-block;
         margin-bottom: 0;
         text-align: center;
         vertical-align: middle;
         cursor: pointer;
         white-space: nowrap;
         line-height: 20px;
         padding: 8px 13px;
         border-radius: 4px;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         color: #6c7d93;
         background: transparent;
         border: 0;
         font-family: inherit;
         font-size: inherit;
         -webkit-appearance: button;
        text-transform: none;
        overflow: visible;
        list-style: none;
    }
     .ButtonGroup > .Button:hover, .ButtonGroup > .Button:focus, .ButtonGroup > .Button:active, .ButtonGroup > .Button.active {
         z-index: 2;
    }
     .Button:hover {
         text-decoration: none;
    }
     .Button:hover, .Button:focus, .Button.focus {
         background-color: #101418;
    }
     .check-menu {
         display: flex;
         flex-direction: column;
         position: absolute;
         top: 42px;
         width: 175px;
         padding: 8px 0;
         background: #14191f;
         box-shadow: 0 2px 6px rgba(0,0,0,0.5);
         right: 0;
    }
     .check-menu a, .check-menu label {
         padding: 8px 15px;
         color: #DDDDDD;
         font-size: 15px;
         display: flex;
         align-items: center;
    }

    .check-menu label i {
    margin-right: 5px;
}

     .check-menu a:last-of-type::before {
         margin: -37px 0 10px;
         background-color: #1b2028;
         height: 1px;
         display: block;
         color: ;
         content: "";
         position: absolute;
         width: 100%;
         left: 0;
    }
     .check-menu a:nth-child(2) {
         margin-bottom: 0;
         padding-bottom: ;
    }
     .check-menu a:last-of-type {
         margin-top: 11px;
    }
     .check-menu a svg {
         width: 13px;
         margin-right: 7px;
    }
     .check-menu a:hover {
         background: #1B2029;
    }
     .compte-avatar {
         margin: 0 6px 0 0;
         width: 24px;
         height: 24px;
         border-radius: 24px;
         font-size: 12px;
         line-height: 24px;
    }
     a.compte-pseudo {
         color: #6c7d93;
         font-weight: unset;
         font-size: 15px;
    }
     .n-lien span {
         display: block;
         font-size: 14px;
         transform: unset;
         color: #6c7d93;
    }
     .n-lien:hover span{
         color: #F05A28 
    }
     .n-lien {
         padding: 9px 14px;
         font-size: 16px;
         margin-right: 15px;
         margin-right: 0;
         font-weight: lighter;
         transform: unset;
    }
     .nav-compte {
         margin-left: auto;
         margin-right: 0;
    }
     @media(max-width: 1240px){
         nav{
        }
    }
     .mr-bot div:first-of-type {
         margin-left: 0;
    }
     .mr-bot div:last-of-type {
         margin-left: 0;
    }
     .hms-right:last-child {
         margin-right: 0;
         margin-left: 0;
    }
     .checkGenre, .checkOrdre, .checkStatus, .checkVolume {
         display: none;
    }
     .dropdown-toggle {
         -moz-appearance: none;
         background: #171E26;
         border: 1px solid #364353;
         font-family: inherit;
         font-size: 15px;
         color: #B2B3B5;
         padding: 3px 10px;
         text-align: left;
         border-radius: 4px;
         margin-top: 0;
         transition: .15s ease-in-out background,color .15s ease-in-out;
         cursor: pointer;
         display: inline-block;
         position: relative;
         box-sizing: border-box;
         display: inline-block;
         width: 154px;
         box-sizing: border-box;
         margin-left: 20px;
         position: relative;
    }
     .dropdown-toggle:hover {
         background: #38485B;
         color: #B2B3B5;
    }
     .dropdown-toggle::after {
         content: "";
         background: url('/images/arrow.png') no-repeat;
         background-size: auto;
         width: 10px;
         display: block;
         background-size: 10px;
         margin-left: auto;
         height: 10px;
         position: absolute;
         right: 10px;
         top: 0;
         margin-top: 7px;
         transform: rotate(180deg);
    }
     div.fromTop {
         bottom: unset;
         top: -30px;
         transform-origin: center;
         left: -18px !important;
    }
     .genre-unisM {
         height: auto;
         max-height: 400px;
         transform: scaleY(0);
         transform-origin: bottom;
         transition: .15s ease-in-out transform;
    }
     .genre-unisM {
         position: absolute;
         width: 200px;
         display: flex;
         align-items: flex-end;
         z-index: 100;
    }
     .select-multipicker.noselect:hover {
         background: #38485B;
    }
     .genre-sM {
         background: #171e26;
         border: 1px solid #364353;
         box-shadow: 0 10px 15px 0 rgba(0,0,0,.05);
         border-radius: 4px;
         height: 100%;
         width: 100%;
    }
     .genre-select {
         max-height: 500px;
    }
     .genre-select {
         overflow: auto;
         margin: 0;
         height: 100%;
         width: 100%;
    }
     ul {
         padding: 0;
    }
     .select-multipicker {
         padding: 10px 0 10px 9px;
         color: #B2B3B5;
         box-sizing: border-box;
         font-size: 16px;
         transition: .15s ease-in-out background,color .15s ease-in-out;
         width: 100%;
         margin-bottom: 0;
         display: flex;
         position: relative;
         align-items: center;
         justify-content: space-between;
    }
     .noselect {
         -webkit-touch-callout: none;
         position: relative;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         user-select: none;
         outline: 0;
    }
     .genre-unisM input[type="checkbox"], .genre-unisM input[type="radio"] {
         outline: 0;
         -webkit-appearance: none;
         -moz-appearance: none;
         border: 0px solid #cdddee;
         width: 14px;
         height: 14px;
         display: inline-block;
         margin-bottom: -2px;
         border-radius: 10px;
         position: relative;
         margin-right: 9px;
         margin-left: 0;
         text-align: right;
    }
     .noselect::after {
         content: "";
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         display: block;
    }
     .genre-unisM input[type="checkbox"]::before, .genre-unisM input[type="radio"]::before {
         content: "";
         transform: scale(0);
         transition: transform .2s ease-in-out;
         width: 14px;
         height: 14px;
         z-index: 100;
         position: absolute;
         border-radius: 100px;
         top: -1px;
         left: -1px;
         color: #B2B3B5;
         overflow: hidden;
         text-align: center;
         font-weight: 400;
    }
     .genre-unisM input[type="checkbox"]:checked::before, .genre-unisM input[type="radio"]:checked::before {
         content: "\2713";
         transform: scale(1);
    }
     .inputFiltre-dis {
         outline: 0;
    }
     .inputFiltre-dis {
         -moz-appearance: none;
         background: 0 0;
         font-family: inherit;
         font-size: 15px;
         color: inherit;
         pointer-events: none;
         border: none;
         color: #B2B3B5;
    }
     .superfoot{
         margin-top: 50px;
    }
     #card-anime {
         display: block;
         width: 500px;
         background: #13191f;
         border-radius: 10px;
         overflow: hidden;
         z-index: 1000000;
         box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    }
     .cac-img {
         width: 70px;
         height: 70px;
         flex-shrink: 0;
         overflow: hidden;
         border-radius: 5px;
    }
     .cac-img img {
         border-radius: 10px;
         object-fit: cover;
         height: 100%;
         width: 100%;
    }
     .ca-content {
         display: flex;
         padding: 10px;
    }
     .cac-img {
         margin-right: 10px;
    }
     .cac-auteur span{
         font-weight: bold;
    }
     .ca-titre {
         background: #364353;
         padding: 2px 10px;
         text-align: center;
    }
     .cac-auteur {
         display: flex;
         align-items: center;
    }
     .cac-auteur svg {
         fill: #FFF;
         margin-right: 5px;
         width: 14px;
         margin-top: -3px;
    }
     .cac-histoire p{
         margin: 0;
    }
     .cac-histoire{
         margin-top: 10px;
         padding-top: 10px;
         border-top: 1px solid rgba(255,255,255,0.1);
    }
     .checkOrdre:checked + .dropdown-toggle > .genre-unisM {
         height: auto;
         left: -1px;
         transform: scaleY(1);
    }
     .checkOrdre:checked + .dropdown-toggle > .genre-unisM {
         height: 82px;
         left: -1px;
    }
     div.fromTop {
         bottom: unset;
         top: -20px;
         transform-origin: center;
         left: -18px !important;
    }
     .main-fiche .new-main {
         border-radius: 10px;
    }
     .main-fiche .home-manga{
         display: flex;
    }
     .main-fiche .mr-info{
         width: 100%;
         margin: 0px auto 0;
    }
     .main-fiche .mimi .mri-bot {
         font-size: 15px;
         margin-bottom: 5px;
         margin-top: 5px;
    }
     .main-fiche .manga{
         flex-basis: 100%;
    }
     .manga_right {
         text-align: center;
    }
     .lien_img {
         margin-right: 11px;
    }
     .main-fiche .mr-bot {
         width: 100%;
         margin: 10px 0;
         padding-right: 10px;
         box-sizing: border-box;
    }
     .lien_manga {
         flex-direction: row;
         align-items: flex-start;
    }
     .snm-button{
         box-sizing: border-box;
    }
     .rss{
         transform: scale(0.7);
    }
     .pl-titre{
         margin-left: 0 !important;
    }
     .mf-info{
         padding-top: 2px;
    }
     .main-fiche .hms-left{
         padding: 5px 10px;
         display: inline-flex;
         font-size: 14px !important;
    }
     .main-fiche .hms-left.abon-button {
         margin-right: 0;
    }
     .main-fiche .manga {
         background: #10151B;
    }
     .lien_utile .snm-button{
         background: #15191e;
    }
     .lien_utile .snm-button:hover {
         background: #0c0f12 
    }
     .main-fiche .chl-date{
         display: flex;
         align-items: center;
         height: 36px;
         margin-top: 0;
         margin-left: auto;
    }
     .hmr-date{
         display: flex;
         align-items: center;
         font-size: 14px;
    }
     .hmr-date svg {
         width: 21px;
         fill: #909093;
         margin-right: 7px;
         height: 17px;
    }
     .aujour svg, .hier svg {
         width: 16px;
         height: 17px;
         margin-right: 5px;
         fill: #EB5368;
    }
     .aujour, .hier {
         display: flex;
         align-items: center;
    }
     .hier svg {
         fill: #65686D;
    }
     .ppb-lire svg{
         transform: rotate(360deg);
         height: 33px;
         width: 38px;
         margin-right: -2px;
         fill: #FFF;
         stroke: #FFF;
         stroke-width: 2px;
         margin-bottom: -10px;
         margin-top: -11px;
    }
     .ppb-suivre i{
         height: 25px;
         width: 27px;
         display: block;
         background-repeat: no-repeat;
         margin-right: 7px;
         font-size: 22px;
    }
     .filtre i {
         font-size: 19px;
         margin-right: 6px;
    }
     .chr-team i {
         font-size: 17px;
         margin-right: 10px;
    }
     .foot-top i {
         font-size: 25px;
         margin-right: 10px;
         vertical-align: -3px;
    }
     .discord {
         font-size: 31px;
         filter: contrast(0);
         background: none;
    }
     .twitter, .facebook, .instagram {
         font-size: 33px;
         filter: contrast(0);
         margin-right: 8px;
         background: none;
    }
     .instagram:hover {
         color: #6945BD;
         filter: contrast(1);
    }
     .facebook:hover {
         color: #1877F2;
         filter: contrast(1);
    }
     .twitter:hover {
         color: #1DA1F2;
         filter: contrast(1);
    }
     .discord:hover {
         color: #7289DA;
         filter: contrast(1);
    }
     .rss {
         font-size: 33px;
         filter: contrast(0);
         transform: unset;
         background: none;
         margin-top: 4px;
    }
     .rss i{
         margin-top: -5px;
         display: block;
    }
     .rss, .discord, .twitter, .facebook{
         height: unset;
         width: unset;
    }
     .rss:hover {
         background-position: unset;
         filter: contrast(1);
         color: #F05A28;
    }
     .rss{
         margin-top: 0px;
    }
     .rss i {
         margin-top: -2px;
         display: block;
    }
     @font-face {
         font-family: 'icomoon';
         src: url('/webfonts/icomoon.eot?pih97k');
         src: url('/webfonts/icomoon.eot?pih97k#iefix') format('embedded-opentype'), url('/webfonts/icomoon.ttf?pih97k') format('truetype'), url('/webfonts/icomoon.woff?pih97k') format('woff'), url('/webfonts/icomoon.svg?pih97k#icomoon') format('svg');
         font-weight: normal;
         font-style: normal;
         font-display: block;
    }
     [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
         font-family: 'icomoon' !important;
         speak: never;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
        /* Better Font Rendering =========== */
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
    }
     .icon-icons8-planification-des-taches-96:before {
         content: "\e900";
    }
     .icon-icons8-aide-sociale-100:before {
         content: "\e901";
    }
     .icon-icons8-anime-60:before {
         content: "\e902";
    }
     .navigation i {
         color: #6E7C93;
         font-size: 28px;
         margin-top: 1px;
    }
     i.icon-icons8-aide-sociale-100 {
         font-size: 38px;
         margin-top: 3px;
    }
     i.fas.fa-user-plus {
         margin-top: 1px;
         font-size: 27px;
    }
     i.icon-icons8-planification-des-taches-96 {
         font-size: 31px;
    }
     i.icon-icons8-anime-60 {
         font-size: 32px;
         margin-top: -1px;
    }
     .rss, .discord, .twitter, .facebook, .instagram {
         height: unset;
         width: unset;
         filter: unset !important;
         color: #6E7C93;
    }
     .facebook{
         margin-right: 0;
    }
     .navigation > a:hover i {
         color: #426799;
    }
     .discord i {
         margin-top: 0px;
         display: block;
    }
     .discord{
         box-shadow: inset 0 -1px 0px 5px #6E7C93;
         height: 30px;
         border-radius: 5px;
         overflow: hidden;
         margin-top: -1px;
         width: 30px;
         display: flex;
         justify-content: center;
    }
     .chapsca:first-child {
         margin-top: 0;
    }
     .chr-button:hover {
         border-color: #e2661a;
         background: #e2661a;
    }
     a.chr-button{
         background: #10151B;
    }
     .news {
         text-align: left;
         max-width: 1500px;
         width: 100%;
         margin: 0 auto;
         background: #FFF;
         color: #004085;
         background-color: #cce5ff;
         border-color: #b8daff;
         margin-bottom: 20px;
         padding: 0 25px;
         box-sizing: border-box;
         border-style: solid;
         border-width: 1px;
         border-radius: 6px;
    }
     .chapitre.chap-vu .ch-left::before {
         width: 8px;
         height: 8px;
         background: #eb5065;
         content: "";
         border-radius: 100px;
         margin-right: 11px;
         margin-top: 2px;
    }
     .chapitre.chap-dejvu .ch-left::before {
         width: 8px;
         height: 8px;
         background: #364353;
         content: "";
         border-radius: 100px;
         margin-right: 11px;
         margin-top: 2px;
    }
     @media(max-width: 1015px){
         #discussion{
             display: none;
        }
         .home-right{
             flex-basis: unset;
        }
    }
    /* @media(max-width: 750px){
         nav {
             position: fixed;
             background: #14191F;
             top: 0;
             z-index: 10000;
             display: flex;
             flex-direction: column;
             align-items: flex-start;
             top: 66px;
             transform: scaleY(1);
             left: -100vw;
             transition: transform .12s ease-in-out;
             right: 0;
             padding-bottom: 0;
             transform-origin: top;
             height: 100vh;
             top: 0px;
             background: #14191f;
             width: 270px;
             box-shadow: 0 2px 6px rgba(0,0,0,0.5);
        }
         .navigation-left {
             display: flex;
             align-items: center;
             flex-direction: column;
             position: relative;
             z-index: 10;
             width: 100%;
        }
         .navigation > a {
             width: 100%;
             box-sizing: border-box;
        }
         .navigation {
             display: grid;
             padding-bottom: 10px;
             grid-template-columns: 1fr 1fr;
             width: 100%;
        }
         nav::after {
             content: "";
             position: fixed;
             background: rgba(10,12,15,0.9);
             right: 0;
             right: ;
             left: 0;
             text-align: ;
             top: 0;
             bottom: 0;
             width: 100vw;
        }
         nav::before {
             content: "";
             background: #14191F;
             position: absolute;
             z-index: 1;
             left: 0;
             right: 0;
             text-align: ;
             top: 0;
             bottom: 0;
        }
         .na-active i {
             color: #f05a28;
        }
    }
     */
     @media(max-width: 575px){
         .new-manga {
             display: grid;
             grid-template-columns: 1fr 1fr;
        }
    }
     @media(max-width: 500px){
         .new-manga {
             display: block;
        }
         .chl-image {
             display: none !important;
        }
         .amaz-titre, .amaz-info, .amazon{
             align-items: flex-start !important;
             flex-direction: column;
        }
         .nm-chapitre{
             padding: 0 !important;
             background: unset;
        }
         .amaz-achat{
             margin-left: 0 !important;
        }
         .chl-date svg{
             margin-right: 5px;
        }
         .chl-date {
             width: 72px;
        }
         div#card-anime {
             display: none !important;
        }
         .main-fiche h3.home-titre {
             padding-left: 0;
        }
         .home-top {
             display: flex;
             align-items: flex-start;
             flex-direction: column;
        }
         .mr-bot{
             display: none;
        }
         .new-manga .mr-bot, .new-manga .mr-info {
             position: relative;
             z-index: 10;
             width: 195px;
             margin: -16px 15px;
        }
         .manga{
             flex-direction: row;
             display: flex;
             margin: 0 0 10px;
             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
             align-items: center;
             justify-content: flex-start;
        }
         .manga_right {
             text-align: left;
        }
    }

    .main-fiche .new-main p {
    margin: 0;
        margin-top: 0px;
    text-align: justify;
}
     @media(max-width: 850px){
         .chapsca.chapitre {
             display: flex;
             flex-direction: column;
             align-items: flex-start;
        }

        .ch-right {
		    width: 100%;
		}

         .main-fiche .new-main {
             padding: 0;
             margin: 0 -20px;
             border-radius: 0;
             padding: 5px 20px;
        }
         .main-fiche .home-titre{
             margin-left: 0;
             padding-left: 0;
        }
         .mf-info {
             margin-top: 20px;
             padding: 0;
             border: unset !important;
        }
         .chapitre.chap-vu .ch-left::before, .chapitre.chap-dejvu .ch-left::before {
             margin-top: 0;
        }
         .ch-left {
             display: flex;
             flex-direction: row;
             justify-content: space-between;
             flex: 6;
             height: 100%;
             align-items: center;
             margin-bottom: 10px;
        }
    }
     .mdn, .mdnn, .mgdn, .mtdn, .mddn, .msdn{
         display: none !important;
    }
    

    .submenu{
    	display: none;
    }


		.checkmenu{
			display: none;
		}

		.social_link{
			width: 172.667px;display: flex;justify-content: flex-end;margin-right: -32px;
		}

	@media(max-width: 1290px){
		.filtre {margin-left: 10px;}
	}


	@media(max-width: 1230px){
		.home-top {
		    flex-direction: column;
		    align-items: flex-start;
		}


		.filtre:nth-child(1) {
		  margin-left: 0;
		}
		.home-top-flex {
		  margin-top: -19px;
		  margin-bottom: 20px;
		}
	}

    @media(max-width: 1010px){
		.checkmenu + div {
		     display: none;
		}

		 .checkmenu:checked+div {
		     display: flex 
		}

    	.navigation-left{
    		width: 100%;
    	}
    	.submenu .logo{
    		display: none;
    	}
		.menu {
		  height: 52px;
		  display: inline-flex;
		  align-items: center;
		  /*! padding: 0 25px; */
		  position: relative;
		  width: 100%;
		  /*! min-width: 100vh; */
		}
		.navigation {
		  flex-direction: column;
		  position: absolute;
		  top: 52px;
		  background: #171E26;
		  right: 0;
		  left: 0;
		  align-items: flex-start;
		  min-width: 313px;
		}
		.navigation > a span, .navigation > a:hover span {
			position: relative;
			top: unset;
			left: unset;
			background: unset;
			box-shadow: unset;
			display: block;
			margin-top: 0px;
			z-index: 10000;
			padding: 5px 17px;
			border-radius: 10px;
		    font-size: 16px;
		    font-weight: normal;
		}

		.navigation > a:hover{
			background: unset;
		}

		.navigation > a{
			font-size: 20px;
			font-weight: 700;
			position: relative;
			margin: 0;
			border-radius: 5px;
			white-space: pre;align-items: center;
			padding: 0px 13px;
			height: 46px;
			justify-content: center;
			display: flex;
			flex-direction: row;
			width: unset;
			color: #6e7c93;
		}

		.navigation > a::after{
			content: unset;
		}

		.na-active {
		  color: #F05A28 !important;
		}
		.na-active span {
		  color: #F05A28 !important;
		}
		.na-active i {
		  color: #F05A28;
		}
		
		.submenu {
		  background: #171E26;
		  height: 52px;
		  display: flex;
		  align-items: center;
		  padding: 0 20px;
		}

		.submenu span {
		    display: flex;
		    align-items: center;
		}

		.checkmenu + div {
    		display: none;
		}

		.checkmenu:checked + div {
    		display: flex;
		}


		.submenu svg {
		    fill: #FFF;
		    width: 8px;
		    height: 8px;
		    margin-left: 5px;
		}

    }

    @media(max-width: 900px){
    	input.rechercheFoc, .rechercheFoc + .tr-general, .tr-general:hover {
  		 width: 300px;
  		}
    }

    @media(max-width: 800px){

    	.social_link{
    		display: none;
    	}
    }

    #mobile-search{
    	display: none !important;
    }

    @media(max-width: 725px){
    	.navigation-left{
    		width: unset;
    	}

    	.navigation-right {
    		width: 100%;
    		padding-left: 30px;
		}

		.recherche {
		    width: 100%;
		}

    	.logo {
		    display: none;
		}
		input.rechercheFoc{
			width: 100%;
		}

		.rechercheFoc + .tr-general, .tr-general:hover{
			width: 100%
		}

		.submenu .logo {
		    display: block;
		}	

		.submenu svg {
		    fill: #FFF;
		    width: 8px;
		    height: 8px;
		}

		.submenu .logo svg {
		    fill: #FFF;
		    width: 8px;
		    height: 8px;
		    margin-left: 100%;
		    margin-top: 17px;
		}

		.submenu > span {
		    display: none !important;
		}

		body > header {
		    padding: 0 40px 0 0;
		}
    }


    @media(max-width: 650px){
		body > header {
		    padding: 0 0 0 0;
		}

		.rechercheFoc + .tr-general, .tr-general:hover {
		    z-index: 1000000;
		    position: relative;
		}

		.nav-search input{
			direction: ltr;
			width: 100%;
		}
    }

    @media(max-width:480px){
	    div#supra-search {
		    display: none !important;
		}

		div#mobile-search {
    		display: block!important;
    		margin-top: 22px;
		}
	}

	.ls-box {
    background-color: #14191E;
    box-shadow: 0 11px 15px 0 rgba(0,0,0,.2),0 9px 46px 8px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.14);
    min-width: 350px;
    width: 400px;
    max-width: 400px !important;
    border-radius: 5px;
}

.checkDiv, .checkDiv + .lel_settings {
    display: none;
}

.checkDiv:checked + .lel_settings {
    display: flex;
}
.lel_settings {
    background-color: rgba(0,0,0,.54);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
	z-index: 10000000;
}


.ls-box {
	padding: 0 20px 20px;
	width: 100%;
	max-width: 400px !important;
	border-radius: 5px;
	max-height: calc(100vh/3);
	overflow: auto;
}
.abonnement {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  border-bottom: 1px dashed #38485b;
  padding: 11px;
  transition: background 0.2s ease-in-out;
}

.abonnement:hover{
	background: #38485b;
}
.abl {
  display: flex;
  align-items: center;
}
.ab-img {
  width: 42px;
  height: 42px;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 4Px;
}
.ab-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab-sbt {
  color: #86b0ec;
}

.ls-box h3 label {
    margin-left: auto;
    font-size: 27px;
    font-weight: unset;
    background: rgba(0,0,0,0.3);
    width: 32px;
    height: 32px;
    border-radius: 100px;
    text-align: center;
    line-height: 29px;
    font-size: 16px;
    font-weight: normal;
    color: rgb(110, 124, 147);
}


.ls-box h3 label:hover {
  background: #1b2028;
  color: #FFF;
}