.icon-friend,.icon-settings{fill:#adafca;width:20px;height:20px}.icon-magnifying-glass,.icon-messages,.icon-notification{fill:#fff;width:20px;height:20px}.icon-small-arrow{fill:#adafca;width:6px;height:8px} .grid.grid-9-3{grid-template-areas:"content sidebar";grid-template-columns:74.6621621622% 23.9864864865%} @media screen and (max-width:1365px){.grid.grid-9-3{grid-template-columns:100%;grid-template-areas:"content" "sidebar"}} @media screen and (max-width:680px){.content-grid{width:95%;padding:0}.navigation-widget-desktop{display:none}}::-moz-selection{color:#fff;background-color:#23d2e2}::selection{color:#fff;background-color:#23d2e2}body{font-size:16px;background-color:#f8f8fb;overflow-x:hidden}a,h1,h2,h3,h4,p{color:#3e3f5e;font-family:Rajdhani,sans-serif;line-height:1em}h1,h2,h3,h4{font-weight:700}p a{color:#00c7d9;font-weight:600}a:hover{color:#00c7d9;text-decoration:none}figure>img{width:100%;height:100%}.burger-icon{width:20px;height:14px;position:relative}.burger-icon.inverted .burger-icon-bar{left:0}.burger-icon.inverted .burger-icon-bar:first-child{width:100%}.burger-icon.inverted .burger-icon-bar:nth-child(2){width:14px}.burger-icon.inverted .burger-icon-bar:nth-child(3){width:10px}.burger-icon .burger-icon-bar{height:2px;background-color:#fff;position:absolute;right:0;transition:width .4s ease-in-out}.burger-icon .burger-icon-bar:first-child{top:0;width:10px}.burger-icon .burger-icon-bar:nth-child(2){top:6px;width:14px}.burger-icon .burger-icon-bar:nth-child(3){top:12px;width:100%}.action-list{display:-ms-flexbox;display:flex;padding:0 18px;position:relative}.action-list:after,.action-list:before{content:"";width:1px;height:32px;background-color:#dedeea;position:absolute}.action-list:after{left:0}.action-list:before{right:0}.action-list.dark:after,.action-list.dark:before{background-color:#7a77fd}.action-list.dark .action-list-item.unread .action-list-item-icon,.action-list.dark .action-list-item:hover .action-list-item-icon{fill:#fff}.action-list.dark .action-list-item .action-list-item-icon{fill:#8b88ff}.action-list .action-list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding:0 14px;cursor:pointer}.action-list .action-list-item.unread .action-list-item-icon,.action-list .action-list-item:hover .action-list-item-icon{fill:#3e3f5e}.action-list .action-list-item.unread{position:relative}.action-list .action-list-item.unread:after{content:"";width:4px;height:4px;border-radius:50%;background-color:#41efff;position:absolute;top:26px;right:10px}.action-list .action-list-item .action-list-item-icon{fill:#adafca;transition:fill .3s ease-in-out}.action-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.action-item .action-item-icon{fill:#adafca}.action-item.dark .action-item-icon{fill:#fff}.user-stats{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.user-stats .user-stat{position:relative}.user-stats .user-stat:after{content:"";width:1px;height:20px;background-color:#eaeaf5;position:absolute;top:6px;right:0}.user-stats .user-stat:last-child:after{display:none}.user-stat{padding:0 24px}.user-stat .user-stat-text,.user-stat .user-stat-title{font-weight:700;text-transform:uppercase;text-align:center}.user-stat .user-stat-title{font-size:.875rem}.user-stat .user-stat-text{margin-top:10px;color:#adafca;font-size:.6875rem}.badge-list{display:grid;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fit,32px);grid-gap:14px}.badge-list.small{grid-gap:8px}.badge-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:35px;position:relative}.badge-item img{position:absolute;top:0;left:0}.badge-item .badge-item-text{color:#fff;font-size:.6875rem;font-weight:700;position:relative;top:1px;z-index:2} .slider-control{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;cursor:pointer}.slider-control.disabled{opacity:.5}.slider-control.disabled:hover .slider-control-icon{fill:#adafca;opacity:.5}.slider-control .slider-control-icon{fill:#adafca;pointer-events:none;opacity:.6;transition:fill .2s ease-in-out,opacity .2s ease-in-out}.slider-control.left .slider-control-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slider-control:hover .slider-control-icon{fill:#3e3f5e;opacity:1} .section-header-info .section-pretitle{color:#6f7185;font-size:.80rem;font-weight:600;text-transform:uppercase}.section-header-info .section-title{margin-top:8px;font-size:1.625rem;font-weight:700}.section-pager-bar{width:494px;height:60px;margin:32px auto 0;border-radius:12px;background-color:#fff;box-shadow:0 0 40px 0 rgba(94,92,154,.06);position:relative;overflow:hidden}.section-pager-bar .section-pager{height:100%;position:absolute;top:0;left:60px;z-index:1}.section-pager-bar .section-pager-controls .slider-control{width:60px;height:60px;background-color:#fff;position:absolute;top:0;z-index:2}.section-pager-bar .section-pager-controls .slider-control.left{left:0;border-top-left-radius:12px;border-bottom-left-radius:12px}.section-pager-bar .section-pager-controls .slider-control.right{right:0;border-top-right-radius:12px;border-bottom-right-radius:12px}.section-pager{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.section-pager .section-pager-item{padding:0 8px;cursor:pointer;position:relative}.section-pager .section-pager-item:before{content:"";width:1px;height:20px;background-color:#eaeaf5;position:absolute;top:12px;left:0}.section-pager .section-pager-item:last-child:after{content:"";width:1px;height:20px;background-color:#eaeaf5;position:absolute;top:12px;right:0}.section-pager .section-pager-item.active .section-pager-item-text,.section-pager .section-pager-item:hover .section-pager-item-text{background-color:#fff;color:#00c7d9;box-shadow:3px 5px 20px 0 rgba(94,92,154,.12)}.section-pager .section-pager-item .section-pager-item-text{background-color:#fff;padding:16px;border-radius:12px;font-size:.875rem;font-weight:700;transition:color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out}@media screen and (max-width:960px){.section-pager-bar{width:306px}} .bts-actions-serie{z-index:5;position:absolute;left:20px;bottom:15px;flex-direction:row;display:flex;width:50%} .BtAddGroup,.BtAddTopic{display:-ms-flexbox;display: flex;border-radius:10px;padding:0 15px;border-radius:12px;height: 35px;display: flex;align-items: center;justify-content: center;flex-direction:row;color:#fff;font-size:13px;cursor:pointer;margin:0 15px 0 0;max-width:250px} .BtAddGroup svg,.BtAddTopic svg{height:16px;width:30px;margin-top:-2px;fill:#fff} #serie-summary{position: absolute;right: 0;top: 0;width: 400px;padding: 10px;margin: 0 20px;border: 1px solid #e0e0e0;border-radius: 10px} #serie-summary div {width:50%;display:inline-block} #serie-summary a{display:inline-block;width:100%;line-height:20px} #serie-summary span{width:100%;display:inline-block;font-size:16px;margin:5px 0;text-transform:uppercase} .linkSerie{text-decoration:underline} .avatarCritic{width:80px;height:80px;border-radius:50%} .bloc-list.list-critics{min-height:100px;margin-top:0} .avatarCritic{width:80px;height:80px;border-radius:50%} .imgSerieCosplay{max-width:100%} #cosplayList{display: flex;align-items: center;justify-content:space-between} .cosplayItem{max-width:20%;padding:10px} .cosplayItem img{max-height:250px} .avatarAuthor {width: 70px;height: 70px;border: 1px solid #efefef;border-radius: 50%;background-position: center;background-repeat: no-repeat;margin: 0 0 30px 0;background-size: cover} .bt_filter_incon{display:block;background-color:#4c2e8b;float:left;width:100%;margin:5px 0;overflow:hidden} .bt_filter_incon span{font-size:16px;text-transform:uppercase;line-height:25px;margin:17px 0 0 5px;display:inline-block;color:#FFF;font-weight:bold} .bt_filter_incon:hover{cursor:pointer;text-decoration:none} .bt_filter_incon img{width:80px;height:90px;margin-left:-15px;margin-bottom:-15px;float:left} .descSerie{border-radius:15px;padding:30px;} .serieFaq{border-radius:15px;padding:30px} .serieFaq .zoneFaq {margin:15px 0} .serieFaq .zoneFaq h4{font-size:22px;padding:5px 0 2px 0} .serieFaq .zoneFaq p{padding:5px 0 15px;border-bottom: 1px solid #efefef} .containItem{border-radius:15px} #listCritics{justify-content: space-between;display:flex} .list-critics {min-height: 100px;margin-top: 0;width:100%;border-radius:15px} .list-critics .headcritic{border-radius: 15px 15px 0 0;border-bottom: 1px solid #efefef;display: flex;align-items: center;justify-content: center;padding:10px} .list-critics .headcritic .avatarCritic{width:70px;height:70px} .list-critics .descCritic{font-size:13px;margin:5px;padding:15px;display: inline-block} .descCritic .TitleCritic{color:#4c2e8b;font-size:16px} .nowshow{display:none} .avatarCritic{margin:0 15px} #serie-notemoy{ float: right;margin: -60px 40px 50px 0} #serie-notemoy b {background-color: #000;padding: 20px 20px 5px 20px;border-radius: 100px;font-size: 50px;color: #fff;width: 100px;height: 100px;display: block;text-align: center} .character{display: inline-flex;flex-direction: row;flex-wrap: wrap;width: 100%;max-width:100%;align-content: center;flex: auto;padding: 15px;margin-top: 25px;min-height: 210px;align-self: flex-start} .characterAvatar{background-color:#efefef;border:2px solid #201633;float:left;margin:15px;background-position:center;width:100px;height:100px;display:block;border-radius:50%;overflow:hidden;background-size:cover} #enteteinfos{display:flex;flex-direction:column} #eneteSerie span{color:#fff} .enteteg,.enteted{display: inline-flex;flex-direction: column} #eneteSerie .enteteg{padding-right:40px} #homeVideo{width:100%;position:relative;overflow:hidden;width:100%;display:block;height:250px;overflow:hidden;background-color:#000;border-radius:15px} #homeVideo video{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0} #homeVideo .cachevid{position:absolute;background-color:transparent;background-image:-webkit-linear-gradient(-360deg,#110c25 35%,rgba(0,0,0,.25) 100%);background-image:linear-gradient(90deg,#110c25 35%,rgba(0,0,0,.25) 100%);top:0;left:0;width:100%;height:250px;z-index:1} #homeVideo .h2serieName{font-size:40px;color:#FFF;position:relative;z-index:2;padding:20px 0 0 20px} #homeVideo #eneteSerie{position:relative;z-index:2;color:#FFF;padding:0 20px;font-size:16px} #homeVideo #eneteSerie h3{color:#FFF} #homeVideo #eneteSerie em{margin:0 0 0 5px;font-size:12px;font-style:normal} #homeVideo #eneteSerie .linkSerie {color: #fff;text-decoration: underline} #serie-summary{position:relative;margin:40px;float:left} #serie-summary .linkSerie {text-decoration: underline;font-size:14px} #serie-notemoy{float:right;margin:40px 40px 50px 0;position:relative} #authorsList{display:flex;align-items:center;justify-content:space-evenly} #authorsList a{text-decoration:underline} .character{display: inline-flex;flex-direction: row;flex-wrap: wrap;width: 100%;max-width: 25%;align-content: center;flex: auto;padding: 15px;margin-top: 25px;min-height: 210px;align-self: flex-start} .character.big{max-width:50%;border: 1px solid #4c2e8b;border-radius:20px;background-color:#f9f9f9;padding:25px} .cache{display:none} .character.big .cache{display:block} .character.big .shortDesc{display:none} .character .showme{text-decoration:underline;cursor:pointer;font-size:13px} .character .titleCharacter{color:#4c2e8b;font-size: 16px;margin: 0 0 0px 0;display: block} .characterAvatar{border:2px solid #201633;float:left;margin:15px;background-position:center;width:120px;height:120px;display:block;border-radius:50%;overflow:hidden;background-size:cover} .characterZoneInfo{float:left;display:block-inline} .zoneTags{padding:5px;margin:15px 0} .zoneTags h4{margin:10px 0 20px 0} .tag{border-radius:5px;margin:5px;padding:4px 10px;color:#fff;display:inline-block} /* LIST ITEMS */ #contentList h3{display:inline-block} .itembibli{background:none;border:none;display:inline-block;float:right} .checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width:2;stroke-miterlimit: 10;stroke:#c3c3c3;fill: none;animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards} .checkmark {width:20px;height:20px;border-radius: 50%;display: block;stroke-width:4;stroke: #c3c3c3;stroke-miterlimit: 10;margin: 10% auto;box-shadow: inset 0px 0px 0px #c3c3c3;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;} .itembibli.on .checkmark,.itembibli:hover .checkmark{stroke:#fff;animation: fill2 .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .itembibli.on .checkmark .checkmark__circle,.itembibli:hover .checkmark .checkmark__circle{stroke:#e12470} .itembibli.on:hover .checkmark{stroke:#c3c3c3;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .itembibli.on:hover .checkmark .checkmark__circle{stroke:#c3c3c3} @keyframes stroke {100% {stroke-dashoffset: 0}} @keyframes scale { 0%, 100% {transform: none} 50% {transform: scale3d(1.1, 1.1, 1)}} @keyframes fill {100% {box-shadow: inset 0px 0px 0px 30px #FFF}} @keyframes fill2 {100% {box-shadow: inset 0px 0px 0px 30px #e12470}} .row{display:flex;justify-content:space-around;flex-flow: row wrap} .bloc-list{display:inline-flex;flex-direction:row;flex-wrap:wrap;width:100%;max-width:25%;align-content:center;flex:auto;padding:15px;margin-top:25px;min-height:210px;align-self:flex-start} .bloc-list h2{float:left;width:100%;font-size:24px} .bloc-list .post-title{flex:1} .bloc-list .couv{float:left} .bloc-list.first{max-width:50%;} .bloc-list.first .post-text,.bloc-list .post-text{display:flex;flex-flow:row} .bloc-list.first .couv{display:flex;float:left} .bloc-list.first .pushtxt{display:flex;flex-flow:column} .bloc-list a{color:#000;text-decoration:none;width:100%} .bloc-list a:hover{text-decoration:none;opacity:0.8} .pushtxt{padding:0 30px} .miseenavant{background-color:rgba(103, 58, 183, 0.1);padding:0 15px 15px} .descSerie{display:inline-block;width:100%;font-size:16px} .descSerie a{font-weight:bold} .descSerie ul{list-style:initial} #eneteSerie .descSerie{display:inline-block;width:100%;font-size:13px;margin-top:15px} #eneteSerie .type{color:#dc2471} .h2serie{font-size:22px} .pushtxt h3{font-size:14px} .containItem{width:100%;display: inline-block;height:230px;overflow:hidden;position:relative;background-color: #f9f9f9} .containItem .post-date{position:absolute;bottom:5px;right:8px;color:#FFF;background-color:rgba(0,0,0,0.6);padding:5px 15px} .containItem .couv{width:100%;height:auto;max-height:none} .post-title h2{font-size:18px;margin:5px 0 0} .post-title h3{font-size:14px} .containPagination{width:100%} .xx18{filter:blur(8px)} .view-switcher{list-style-type: none;width: 100%;display: inline-block} .view-switcher li{float: left;margin:5px} @media only screen and (max-width: 1350px) { .bloc-list,.bloc-list.first{width:100%;max-width:33%;} .bloc-list .post-title{width:100%} .miseenavant .bloc-list{max-width:50%} .col-md-3{width:70%;margin:40px auto 0} } @media only screen and (max-width: 1024px) { .bloc-list,.bloc-list.first{width:100%;max-width:100%;} } @media only screen and (max-width: 900px) { #homeVideo .cachevid{height:100%} #homeVideo{height:400px} #eneteSerie .enteteg,#eneteSerie .enteted{width:100%;display:inline-block;padding-bottom:30px} #serie-notemoy{display: block; width: 100%; text-align: center; margin: 40px auto;} #serie-notemoy b{display: inline-block;} #serie-summary{margin: 10px 0; width: 100%;} .character{min-width:100%} #cosplayList{display:inline-block;width:100%} .cosplayItem{position:relative;min-width: 90%; margin: 10px auto; border-radius: 15px; overflow: hidden;height: 180px;} .cosplayItem img{object-fit: cover} } #homeVideo .cachevid{display:inline-flex;z-index: 5;width: 100%;height: 100%;padding: 15px;position: absolute;background-color: transparent;background-image: -webkit-linear-gradient(-1turn,#110c25 60%,rgba(0,0,0,.55));background-image: linear-gradient(90deg,#110c25 50%,rgba(0,0,0,.55));border-radius: 15px} #homeVideo .cachevid.small{background-image:linear-gradient(155deg,#110c25 30%,rgba(0,0,0,.40))} #homeVideo .h2serieName{z-index:6} #homeVideo #eneteSerie{z-index:6} .grid.gridFocusSerie{grid-template-areas: "content sidebar";grid-template-columns: 70.6621621622% 27.9864864865%;} .colSerie{border-radius:15px} .blocLink{align-items: center;justify-content: center;display: flex;color:#fff;border-radius:15px} .blocLink b{color:#fff} .grid.grid-6-3-3 {margin-top:0;grid-template-columns:59.2162162162% 18.4324324324% 18.4324324324%} .cnt-bg{overflow: hidden;height: 100%;position: absolute;top: 0;width: 50%;right: 0;border-radius:0 15px 15px 0} .cnt-bg img{position: absolute;opacity: .7;right: -8%;top: -40%;width:auto;height: 450px;transform: rotate(13deg) scale(1.05);z-index: 1;animation: masuperanimation 15s ease-in} @keyframes masuperanimation { 0% {transform: rotate(10deg) scale(0.90)} 100% {transform: rotate(13deg) scale(1.05)} } /* menu */ .gridmenu{align-items:center;justify-content:center} #ssmenu{height:80px;overflow:hidden;border-radius:10px} .section-menu.medium .menu-item{width:160px} #ssmenu .menu-item{float:left;width:122px;height:80px;position:relative} #ssmenu .menu-item.off{margin-top:-150px;display:none;transition:margin .25s ease-in-out;} #ssmenu .menu-item:hover svg{transform:translate(0,-20px);opacity:0;visibility:hidden} #ssmenu .menu-item:hover p{transform:translate(0,0);opacity:1;visibility:visible} #ssmenu .menu-item::after{content:'';width:1px;height:20px;background-color:#eaeaf5;position:absolute;top:30px;right:0} #ssmenu .menu-item:last-child::after{content:'';background-color:#fff0} #ssmenu .menu-item svg{fill:#adafca;opacity:.6;position:absolute;width:20px;top:30px;left:50%;margin-left:-10px;transition:opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out} #ssmenu .menu-item p{width:100%;font-size:.875rem;font-weight:700;text-align:center;position:absolute;top:34px;transform:translate(0,20px);opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,visibility .25s ease-in-out,transform .25s ease-in-out} #ssmenu .menu-item:hover{cursor:pointer} #ssmenu .menu-item.on svg{fill:#23d2e2e6} /* videos */ .content-grid .gridvideo-images{position:relative;margin-top:20px;justify-content: center;grid-template-columns: 24.5324324324% 24.5324324324% 47.2162162162%} .video-box.small .video-box-cover .play-button{top:40px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out} .video-box .video-box-cover .play-button{position:absolute;top:56px;left:50%;margin-left:-23px;z-index:2} .play-button{display: flex;width:46px;height:46px;padding:12px 0 0 15px;border:4px solid #41efff;border-radius:50%;background-color:rgba(21,21,31,.96);z-index:5} .play-button .icon-play{fill:#fff;width:12px;height:14px} .video-box-cover{background-color:#000;cursor:pointer;position:relative;box-shadow:0 0 40px 0 rgba(94,92,154,.06);height:178px;border-radius:15px;display:flex;align-items: center;justify-content: center} .video-box-cover:hover .play-button{animation-name: movePlay;animation-duration:0.5s;margin-top:-50px} .video-box-cover:hover .video-box-cover-image{opacity: 0.3;cursor:pointer} .video-box-cover:hover .video-box-info{animation-name: movePlay2;animation-duration:0.5s;opacity:1;margin-left:0px} #link-allvideos{position:absolute;bottom:10px;left:20px;font-size: .9rem;font-weight: 600;text-transform: uppercase} .video-box-cover-image{width:100%;height: 100%;border-radius: 15px;position: absolute;z-index:1} .video-box-info{position: absolute;opacity:0;z-index:3;margin-bottom:-50px} .video-box-title{color: #FFF;font-weight: bold;padding: 0 30px} @keyframes movePlay {0%{margin-top:0} 100% {margin-top:-50px}} @keyframes movePlay2 {0%{margin-left:50px} 100% {margin-left:0px}} /* galerie */ .picture-collage .picture-collage-row{display:-ms-flexbox;display:flex;margin-bottom:6px} .picture-collage .picture-collage-row .picture-collage-item{width:100%;height:110px;margin-right:6px;position:relative;cursor:pointer} .picture-collage .picture-collage-row .picture-collage-item .photo-preview{width:100%;height:100%} .photo-preview{display:block;border-radius:12px;box-shadow:0 0 40px 0 rgba(94,92,154,.06);cursor:pointer;position:relative} .photo-preview-image{width:100%;height: 100%;border-radius: 15px} a.picture-collage-item:hover .photo-preview-info{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000000b8;border-radius:15px} a.picture-collage-item .photo-preview-info{display:none} /* mini stats */ .ministat{background-repeat:no-repeat;background-position:right bottom;height:100px;position:relative;animation-name:MOVE-BG;animation-duration:2s;} .ministat.one{background-image:url('/sitev2/imgs/pictos/statsBg1_1.png')} .ministat.two{background-image:url('/sitev2/imgs/pictos/statsBg1_2.png')} @keyframes MOVE-BG { 0% { background-position-y:250%} 100% { background-position-y:100%} } .ministat .miniScore{font-size: 1.75rem;font-weight: 700;position: absolute;top: 15px;left: 20px} .ministat .miniTitle{margin-top: 8px;font-size: .875rem;font-weight: 700;position: absolute;left: 20px;top: 45px} .ministat .miniSsTitle{margin-top:6px;color: #adafca;font-size: .75rem;font-weight: 700;text-transform: uppercase;position: absolute;left:20px;bottom:10px} .ministat .evolScore{position: absolute;top: 24px;right: 28px} .ministat .evolScore div{display:flex;width:22px;height: 22px;border: 2px solid #000;border-radius: 50%;align-items: center;justify-content: center;font-weight: bold;font-size: 20px;} /* awards jds */ .tag-item{background-color:#615dfa;transition:background-color .2s ease-in-out} .tag-list .tag-item{margin:12px 12px 0 0} .tag-item{display:inline-block;height:24px;padding:0 12px;border-radius:200px;margin:2px;color:#fff;font-size:.75rem;font-weight:700;line-height:24px} .tag-item:hover{color:#fff;background-color:#23d2e2} .content-grid .gridawards{margin-top:15px;display:inline-flex;flex-direction:row;margin-top:0;align-items: center; justify-content: center;grid-template-columns: 24.5324324324% } .gridawards .blocrecomp{border-radius:15px;margin-top:10px;padding:20px} .gridawards .blocrecomp b{font-size:20px;width: 100%;display: block} .content-grid .grid.gridstats-list{grid-template-columns:40.2162162162% 58.2162162162%;margin-top:15px} #container_evolutionNotes{min-width:100%; height: 300px; margin: 0 auto} .zthematiques{margin:20px 0 0 0;padding:20px;border-radius:15px} .zthematiques strong{margin:5px 0 15px 0;display:inline-block;width:100%} /* last test */ .bgcolor{background-color:#fff;box-shadow:0 0 40px 0 rgba(94,92,154,.06)} .big-news{margin:0 5px 25px;border-radius:15px;overflow:hidden} .big-news:hover figure{transform:scale(1.03) rotate(0.15deg)} .big-news .post-preview-image{height:230px;border-radius:15px 15px 0 0} .big-news figure,.small-news figure,.mini-news figure{position:relative;z-index:0;transition:transform .25s ease-in-out;-moz-transition:transform .25s ease-in;-ms-transition:transform .25s ease-in;-o-transition:transform .25s ease-in;-webkit-transition:transform .25s ease-in} .big-news .title{margin:10px 0 5px;font-size:1.4rem;font-weight:700;line-height:1.2em;display:inline-flex} .big-news .post-preview-info .post-preview-timestamp{color:#727385;font-size:.75rem;font-weight:700;text-transform:uppercase} .big-news .post-preview-info{box-shadow:3px 5px 40px 0 rgba(94,92,154,.1);width:91.6666666667%;padding:28px;margin:-48px auto 0;border-radius:12px;position:relative;z-index:15} .big-news .author-info {margin: 0;font-size: .6875em;color:#747474;letter-spacing: 0.05em} .big-news .author-info .separator {margin: 0 5px} .big-news .desc {margin: 15px 0 0 0;font-size: 16px;line-height: 18px} .big-news .readmore{margin:10px 0;display:inline-block;font-size:14px;font-weight:bold} /* evolution graphique */ #container_evolutionNotes_page,#container_evolutionNote{border-radius:15px;padding:15px} /* home */ #homeVideo{z-index:20} .blocrecomp.blocLink{font-weight:bold;max-width:150px} .blocrecomp.blocLink:hover{color:#fff;opacity:0.8} .bloc-avatar{display: inline-flex;z-index: 5;left: 0; display: flex;align-items: center;border-radius:10px} .bloc-avatar span{margin-left:15px} .bloc-avatar svg{width:64px;height:84px;margin:0 10px} #ttle_lastcritic{margin:20px 0 15px} .list-critics .headcritic{justify-content:left} .list-critics .linkCritic{float:right;padding:10px 5px 5px;text-decoration:underline} #container_evolutionNotes{border-radius:15px;padding:15px} #homeVideo .cachevid{background-image: linear-gradient(90deg,#110c25 50%,rgba(0,0,0,.40))} .content-grid .grid.gridmenu{margin-top:0;align-items:center;justify-content: center} .moreinfos.moreinfos svg{margin-top:10px} .popup-event{visibility: visible;} #blocPop .popup-event{position:fixed} #alertLogin{display:none} #alertLogin.on{display:block;margin:20px 0 -40px;background-color:#c00;color:#fff;border-radius:10px;padding:5px;text-align:center} .popup-close-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border-radius:10px;background-color:#45437f;cursor:pointer;position:absolute;top:-20px;right:-20px;z-index:2;transition:background-color .2s ease-in-out} .popup-close-button:hover{background-color:#23d2e2} .icon-cross{fill:#fff;width:12px;height:12px} #cntVid{position:relative;padding-bottom:56.25%;height:0} #cntVid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px 15px 0 0} .descVid{border-top: 1px solid #efefef;background-color: #fbfbfb;width:100%;padding:15px;font-size:14px;border-radius:0 0 15px 15px} #contentAdj .blocAdj .iconAdj{float:left;background-size:cover;width:80px;height:80px;margin:0 30px 20px 20px} #contentAdj .blocAdj.pdf .iconAdj{background-image:url('/site/imgs/pictos/adj/pdf.svg')} #contentAdj .blocAdj.link .iconAdj{background-image:url('/site/imgs/pictos/adj/link.svg')} /* ADJ */ .grid.grid-6-6{grid-template-columns:repeat(auto-fit,470px)} .grid.centered{-ms-flex-pack:center;justify-content:center} .content-grid .grid{margin-top:32px;margin-top:32px} .grid.grid-6-6{grid-template-columns:49% 49%} .podcast-head{border-radius:15px 15px 0 0;padding:5px 10px;min-height:60px} .podcast-head h2{font-size:16px} .podcast-head .shortsinfos{padding:5px 10px;display:flex;align-items:center;height:50px} .blocAdj{border-radius:15px;min-width:450px;height:100%} .blocAdj .desc{margin:20px;font-size:12px;display:inline-block} .blocAdj .linkpodcast img{float:left;margin:0;border-radius:15px 0 0 0;display:inline-block;width:50px;height:50px} .blocAdj .iconAdj{float:left;background-size:cover;width:35px;height:35px;margin:5px} .blocAdj.pdf .iconAdj{background-image:url(/site/imgs/pictos/adj/pdf.svg)} .blocAdj.link .iconAdj{background-image:url(/site/imgs/pictos/adj/link.svg)} /* videos */ .gridvideos{grid-template-columns: repeat(auto-fit,312px)} .gridvideos .video-box-cover{height:174px} /* informations */ .grid.informations{grid-template-areas: "content sidebar"} .grid.gridawardsInfos{grid-template-columns: 32% 32% 32%;grid-template-areas: "content sidebar"} .gridawardsInfos .blocrecomp{flex-direction:row;padding:10px;border-radius:15px;height:100%} .bloc-avatar{display: inline-flex;z-index: 5;left: 0; display: flex;align-items: center;border-radius:10px} .bloc-avatar span{margin-left:15px} .bloc-avatar svg{width:64px;height:84px;margin:0 10px} .awardTrophee{width:25px;margin:-6px 10px 0 0} .awardTrophee.winner{fill:#e8d313} .awardTrophee.nominee{fill:#b78130} .awardTrophee.finalist{fill:#dc883a} .blocrecomp b{font-size:20px} .descSerie{margin:0 0 20px} @media screen and (max-width: 1500px){ .grid.grid-9-3{grid-template-columns: 70.6621621622% 28.9864864865%} .bts-actions-serie{width:80%} } @media screen and (max-width: 1350px){ .bts-actions-serie{width:100%} } @media screen and (max-width: 950px){ .bts-actions-serie{display:none} } @media screen and (max-width: 1125px){ .grid.grid-9-3{grid-template-columns: 65.6621621622% 23.9864864865%} .grid.gridFocusSerie{grid-template-columns: 65.6621621622% 32.9864864865%} .checkmark{margin:5px auto} .content-grid .gridawards{grid-template-columns: 45% 45%;display:grid} .gridawards .blocrecomp{min-width:100%;height:100%} } @media screen and (max-width: 1000px){ .grid.grid-9-3{grid-template-columns: 62.6621621622% 23.9864864865%} .grid.gridFocusSerie{grid-template-columns: 65.6621621622% 32.9864864865%} #ssmenu{overflow:initial} } @media screen and (max-width: 900px){ .bts-actions-serie{display:flex;flex-direction:column} .BtAddGroup, .BtAddTopic{margin-bottom:15px} .grid.grid-9-3,.content-grid .gridvideo-images,.content-grid .grid.gridmenu,.content-grid .grid.gridstats-list{grid-template-columns: 100%} .grid.gridFocusSerie{ grid-template-columns: 100%;grid-template-areas:"content" "sidebar"} .bloc-list{margin-top:0} /* AMP */ #ssmenu .menu-item{width:68px} .photo-preview-image amp-img img,.video-box-cover-image amp-img img,.post-preview-image amp-img img{object-fit:cover;border-radius:15px} .big-news .post-preview-image{position:relative} } .zpersos{border-radius:15px;display: flex;align-items: center;justify-content:space-around} .list-persos{display: grid;grid-template-columns:50% 50%;margin-bottom:50px} .head-perso{display: flex;align-items: center;justify-content:left} .head-perso .avatimg{margin:0 40px 40px;object-fit:cover;border-radius:50%} .head-perso .avatnoimg{background-color:#efefef;width:130px;height:130px;border-radius:50%;margin:0 40px 40px;} .list-persos .perso{padding:20px} .zoneQuiz h2{margin:40px 0} .zoneQuiz label{background-color: #efefef;padding: 15px 25px;margin: 10px;text-align: center;border-radius: 15px} .zoneQuiz label:hover{background-color:#23d2e2;cursor:pointer} .zoneQuiz input{display:none} .zquest,#end{display:none} .zquest.on,#end.on{display:block} #ssmenu .menu-item{width:100px} .content-grid .grid.gridmenu{grid-template-columns: 70% 13% 13%} .BtAddLikeCharacter{display:flex;align-items: center;justify-content: center} .BtAddLikeCharacter.off{background-color:#efefef} .BtAddLikeCharacter.off:after{content:"Annuler votre vote";padding:10px 20px;color:#000} .BtAddLikeCharacter.off span,.BtAddLikeCharacter.off svg{display:none} .BtAddLikeCharacter svg{width:25px;margin:5px 10px} .BtAddLikeCharacter:hover{opacity:0.8;transition: 0.3s} .ranking h2{margin:20px 0 10px;display:inline-flex} .rank{display: flex;align-items: center;border-radius:10px;margin:2px 0} .rank img{object-fit:cover;width:50px;height:50px;margin:0 15px 0 0} .rank b{font-size:28px;width:60px;text-align:center} .rank strong{line-height: 15px;} .rank i{font-size:10px;font-weight:normal} .rank .avatnoimg{background-color:#efefef;width:50px;height:50px;border-top:2px solid #fff;border-bottom:2px solid #fff;margin:0 15px 0 0} @media screen and (max-width: 900px){ .grid.grid-9-3,.content-grid .gridvideo-images,.content-grid .grid.gridmenu,.content-grid .grid.gridstats-list{grid-template-columns: 100%} .grid.gridFocusSerie{ grid-template-columns: 100%;grid-template-areas:"content" "sidebar"} .bloc-list{margin-top:0} .list-persos{grid-template-columns:100%} .head-perso{flex-direction:column} .perso p{margin:20px 0 0 0;display:block} .zoneBg{max-width:80%} /* AMP */ #ssmenu .menu-item{width:68px} .photo-preview-image amp-img img,.video-box-cover-image amp-img img,.post-preview-image amp-img img{object-fit:cover;border-radius:15px} .big-news .post-preview-image{position:relative} } body{background-color:#f8f8fb;color:#212529}a,h1,h2,h3,h4,h5,h6,p{color:#3e3f5e}a:hover{color:rgba(35,210,226,.9)}footer,header{background-color:#1d2331}.bgcolor{background-color:#fff;box-shadow:0 0 40px 0 rgba(94,92,154,.06)}.bgbackgrdcolor{background-color:#f8f8fb}.bglightcolor{background-color:#fcfcfd}.bgcolor-on{background-color:rgba(35,210,226,.9)}.bgcolor2-on{background-color:#615dfa}.color-on{color:rgba(35,210,226,.9)}.color2-on{color:#615dfa}.bgcolor-brd{border-color:#fff}.bgcolor2-brd{border-color:#efefef}.hovcolor-on:hover{color:rgba(35,210,226,.9)}.menu .menu-item.active .menu-item-link,.menu .menu-item.active .menu-item-link:hover{color:#fff;background-color:#23d2e2;box-shadow:4px 7px 12px 0 rgba(35,210,226,.2)}.menu-item.active .fa,.menu-item.active:hover .fa{color:#fff}.menu-item:hover .fa{color:#23d2e2}.ssmenu a.active,.ssmenu a:hover{border-bottom-color:#23d2e2}#search-main{background-color:#4e4ac8;color:#fff;border:none}.dropdown-navigation{background-color:#fff;box-shadow:3px 5px 40px 0 rgba(0,0,0,.06)}#navi,#navi.small #bgsmall,.post-preview{background-color:#fff;box-shadow:0 0 40px 0 rgba(94,92,154,.06)}.post-preview .post-preview-info{background-color:#fff;box-shadow:3px 5px 40px 0 rgba(94,92,154,.1)}.button.primary{background-color:#23d2e2;box-shadow:4px 7px 12px 0 rgba(35,210,226,.2)}.button.primary:hover{background-color:#1bc5d4}.button.secondary{background-color:#615dfa;box-shadow:4px 7px 12px 0 rgba(97,93,250,.2)}.button.secondary:hover{background-color:#5753e4}.button.tertiary{background-color:#fd4350;box-shadow:4px 7px 12px 0 rgba(253,67,80,.2)}.button.tertiary:hover{background-color:#dd343f}.button.twitch{background-color:#7b5dfa;box-shadow:4px 7px 12px 0 rgba(123,93,250,.2)}.button.twitch:hover{background-color:#6a4fdf}.tab-switch .switchbut:hover{background-color:rgba(35,210,226,.9);color:#fff}.form-switch{border:1px solid #dedeea;background-color:#eaeaf5}.form-switch.active,.svgColor{background-color:#23d2e2}.borderColor{border:1px solid #23d2e2}.borderColor2{border:1px solid #615dfa}.strokecolor{stroke:#23d2e2}.fillcolor,.fillcolor svg{fill:#23d2e2}.fillcolor2,.fillcolor2 svg{fill:#615dfa}#menuprofile .menu-item:hover p,.user-short-description .user-short-description-title a{color:#3e3f5e}.ssmenuconfig a.active,.ssmenuconfig a:hover{color:#23d2e2}#menuprofile .menu-item.active{border-bottom:4px solid #23d2e2}#menuprofile .menu-item.active svg{fill:#3e3f5e;opacity:1}#menuprofile .menu-item:hover,.filter-tab.active,.filter-tab:hover{border-bottom:4px solid #23d2e2}.sidebar-menu-header .sidebar-menu-header-icon{fill:#23d2e2}.sidebar-menu-item{border-bottom:1px solid #eaeaf5}input[type=date],input[type=number],input[type=password],input[type=text],select,textarea{background-color:#fff;border:1px solid #dedeea;color:#3e3f5e}.form-input.active label,.form-select label{background-color:#fff}.post-option.active,.post-option:hover{background-color:#fff;box-shadow:3px 5px 20px 0 rgba(94,92,154,.1)}.post-option.active .post-option-icon,.post-option:hover .post-option-icon{fill:#23d2e2}.hexa-xp svg{stroke:#fff;filter:drop-shadow(rgba(255,255,255,.5) 0 0 10px)}.bloc-avatar svg{stroke:#fff}#search-ico svg{fill:#8b88ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#212529;border-radius:0 8px 8px 0}::-webkit-scrollbar-thumb:hover{background:#23d2e2}
Les personnages de Tokyo Ghoul sont au centre de la tragédie urbaine et psychologique imaginée par Sui Ishida. Dans un Tokyo sombre où l'homme et la créature se côtoient, chaque goule, inspecteur du CCG ou hybride porte un fardeau moral, des capacités de combat uniques liées aux Kagune ou Quinque, et une lutte constante pour son identité.
Ken Kaneki incarne la fracture entre deux mondes, évoluant d'étudiant timide à figure centrale de la résistance après sa transformation en demi-goule. Autour de lui, des personnages comme Touka Kirishima et les membres de l'Antique illustrent le désir de paix, tandis que l'organisation Aogiri prône la domination par la force. Face à eux, les inspecteurs du CCG (Centre de Contrôle des Goules), tels que le légendaire Kisho Arima ou l'excentrique Juuzou Suzuya, représentent la détermination humaine à éradiquer la menace, quitte à sacrifier leur propre humanité.
Cette page propose une liste complète des personnages de Tokyo Ghoul et de sa suite Tokyo Ghoul:re, incluant les goules de différents arrondissements, les membres des Quinx et les hauts gradés du CCG. Explorez leurs types de Kagune (Ukaku, Koukaku, Rinkaku, Bikaku), leurs évolutions psychologiques et leurs affiliations complexes. C’est le guide ultime pour comprendre les dilemmes éthiques et les rapports de force d'un univers où la survie dépend de la capacité à accepter sa propre part d'ombre.
Étudiant timide devenu goule borgne après une tragédie, Ken Kaneki incarne la lutte entre l’humanité et l’instinct prédateur. Son évolution, marquée par la torture et l’acceptation de sa nature sauvage, le transforme en un leader puissant cherchant à créer un pont entre deux mondes ennemis. Son existence est une quête permanente d’identité au milieu du chaos et de la souffrance.
Touka, connue sous le nom du Lapin, cache une sensibilité profonde derrière une façade agressive et protectrice. Serveuse à l’Antique, elle lutte pour préserver une vie normale tout en protégeant farouchement les siens. Son évolution d’adolescente colérique en une femme mature et résiliente montre sa capacité à aimer et à espérer malgré la violence constante qui définit le quotidien des goules.
Kishu Arima est le prodige absolu du CCG, une légende vivante surnommée le Dieu de la Mort. Derrière son calme imperturbable et ses lunettes, il cache une puissance inégalée et une tristesse profonde. Sa maîtrise parfaite des Quinques et son absence d’émotions apparentes en font l’adversaire le plus redouté, agissant comme le rempart ultime de l’humanité contre la menace grandissante des goules.
Shu Tsukiyama, le Gourmet, est une goule obsédée par la quête de saveurs inédites et raffinées. Son excentricité, son amour pour la culture française et son obsession pour le sang de Kaneki cachent une loyauté surprenante et une solitude complexe. Sous ses airs de dandy flamboyant, il possède une puissance redoutable et une agilité qui font de lui un allié ou un ennemi imprévisible.
Kotaro Amon est un inspecteur du CCG animé par un sens de la justice inébranlable et une discipline physique rigoureuse. Orphelin élevé par une goule, il voue sa vie à éradiquer le mal qu’il perçoit chez les prédateurs. Sa rencontre avec Kaneki ébranle ses certitudes, le forçant à remettre en question la dualité entre le bien et le mal dans un monde de plus en plus gris.
Juuzou Suzuya est un inspecteur au comportement erratique et à la psychologie brisée par un passé traumatisant aux mains des goules. Dépourvu de peur et de douleur morale, il combat avec une créativité macabre et une agilité déroutante. Sa loyauté envers son mentor Shinohara est le seul ancrage émotionnel de ce génie du combat qui traite la guerre contre les goules comme un jeu d’enfant.
Eto Yoshimura, fondatrice d’Aogiri et auteure célèbre, est une goule borgne naturelle d’une puissance terrifiante. Manipulatrice de génie, elle orchestre le chaos pour briser l’équilibre du monde qu’elle déteste. Sa double identité lui permet de critiquer la société par ses livres tout en la détruisant par la violence, faisant d’elle l’une des figures les plus complexes et nihilistes de la série.
Renji Yomo, surnommé le Corbeau, est le pilier silencieux de l’Antique. Calme et extrêmement puissant, il s’occupe des tâches ingrates comme la collecte de cadavres pour nourrir les goules pacifiques. Ancien combattant enragé, il a appris la maîtrise de soi auprès de Yoshimura, devenant une figure protectrice pour Touka et Kaneki, agissant toujours dans l’ombre avec une efficacité redoutable.
Uta est un créateur de masques énigmatique dont le corps est recouvert de tatouages mystérieux. Membre des Pierrots, il se délecte du chaos et de l’observation des tragédies humaines et goules sans prendre de parti fixe. Son apparence punk et son flegme cachent un combattant redoutable capable de manipuler ses adversaires autant physiquement que psychologiquement par l’art du faux-semblant et de l’illusion.
Frère cadet de Touka, Ayato est un jeune homme rebelle qui a rejoint l’organisation Aogiri pour devenir plus fort et ne plus jamais subir de pertes. Arrogant et violent, il cache en réalité un désir profond de protéger sa sœur en s’éloignant d’elle. Sa maîtrise du Kagune de type Ailé lui confère une vitesse et une puissance de feu dévastatrices à distance.
Rize Kamishiro, la Goinfre, est la goule dont les organes ont été transplantés en Kaneki, déclenchant toute l’intrigue. Femme fatale assoiffée de liberté et de chair humaine, elle refusait de suivre les règles de la société des goules. Son ombre plane sur toute la série, représentant l’instinct de survie le plus pur et la faim dévorante qui peut consumer n’importe quel être.
Hinami est une jeune goule douce dont les parents ont été tragiquement exécutés par le CCG. Dotée de sens hyper-développés et d’un Kagune double exceptionnel, elle refuse pourtant la violence gratuite. Elle représente l’innocence brisée par la guerre, cherchant refuge dans la lecture et les liens familiaux qu’elle tisse avec Kaneki et Touka au sein de l’organisation de résistance.
Le gérant de l’Antique, Yoshimura, est une figure paternelle qui prône la paix et l’entraide entre les goules. Autrefois connu sous le nom du Hibou, un tueur légendaire, il cherche à expier ses péchés en offrant un refuge aux goules qui ne veulent pas chasser. Sa sagesse et sa puissance immense font de lui le gardien spirituel de l’arrondissement face au CCG.
Yakumo Oomori, dit Jason, est un dirigeant sadique d’Aogiri qui trouve son plaisir dans la torture des autres goules. Ayant lui-même subi des sévices atroces en prison, il a développé une personnalité psychopathe et une force brute colossale. Sa rencontre avec Kaneki est le point de bascule de la série, illustrant comment la douleur peut transformer une victime en un monstre sanguinaire.
Kureo Mado est un inspecteur senior du CCG obsédé de manière maladive par les goules et leurs Kagunes. Collectionneur de Quinques, il possède une intuition géniale mais un comportement frôlant la folie. Sa haine viscérale envers les goules, nées de la perte de sa femme, en fait un chasseur impitoyable qui ne voit en ses proies que du matériel biologique à transformer en armes.
Nishiki est un étudiant arrogant qui protège farouchement son territoire et sa petite amie humaine. Initialement hostile envers Kaneki, il finit par rejoindre l’Antique après avoir réalisé sa propre vulnérabilité. Son intelligence et son sarcasme cachent une loyauté profonde. Il illustre parfaitement la possibilité pour une goule de s’intégrer socialement et d’éprouver des sentiments sincères envers les humains malgré ses instincts naturels.
Fille de Kureo Mado, Akira est une inspectrice brillante, logique et rigoureuse. Elle cherche à honorer la mémoire de son père tout en grimpant les échelons du CCG par son talent tactique. Son apparente froideur cache une sensibilité qu’elle réprime pour rester professionnelle. Son évolution relationnelle avec Amon et plus tard avec les subordonnés de Haise Sasaki montre sa grande complexité émotionnelle.
Donato Porpora est une goule russe surnommée le Prêtre, autrefois directeur d’un orphelinat catholique où il dévorait ses pupilles. Consultant pour le CCG depuis sa cellule, il possède une intelligence analytique terrifiante et un sens de la manipulation psychologique hors pair. Son lien complexe avec son fils adoptif Amon et ses motivations cachées au sein des Pierrots font de lui un antagoniste fascinant.

















