.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}
Izuku est le protagoniste principal de l'histoire et un étudiant à l'Académie Yuei. Il est souvent décrit comme intelligent, déterminé et compatissant. Izuku a hérité de la puissance One For All et peut désormais utiliser une grande quantité de force physique. Physiquement, Izuku a les cheveux verts et les yeux verts.
Katsuki est l'antagoniste principal de l'histoire et un étudiant à l'Académie Yuei. Il est souvent décrit comme arrogant, égoïste et agressif. Katsuki est un utilisateur de la magie de la sueur, ce qui lui permet de générer des explosions avec son corps. Physiquement, Katsuki a les cheveux blonds et les yeux rouges.
Shoto est un étudiant à l'Académie Yuei et un utilisateur de la magie de la glace et du feu. Il est souvent décrit comme calme, distant et réservé. Shoto est le fils de Endeavor, un héros professionnel, et il a subi des abus physiques de la part de son père. Physiquement, Shoto a les cheveux blancs et rouges et les yeux bicolores.
Ochaco est une étudiante à l'Académie Yuei et une utilisatrice de la magie de la gravité. Elle est souvent décrite comme gentille, optimiste et déterminée. Ochaco a grandi dans une famille pauvre et veut devenir une héroïne pour aider sa famille. Physiquement, Ochaco a les cheveux bruns et les yeux marron.
Tenya est un étudiant à l'Académie Yuei et un utilisateur de la magie de la vitesse. Il est souvent décrit comme strict, sérieux et responsable. Tenya est le frère de Tensei Iida, un héros professionnel qui a été gravement blessé lors d'une mission. Physiquement, Tenya a les cheveux noirs et les yeux gris.
Tsuyu est une étudiante à l'Académie Yuei et une utilisatrice de la magie de la grenouille. Elle est souvent décrite comme calme, rationnelle et attentionnée. Tsuyu a une grande langue et peut sauter très haut, comme une grenouille. Physiquement, Tsuyu a les cheveux noirs et les yeux jaunes.
Minoru est un étudiant à l'Académie Yuei et un utilisateur de la magie des boules de raisin. Il est souvent décrit comme pervers, impulsif et arrogant. Minoru peut générer des boules de raisin collantes avec son corps. Physiquement, Minoru a les cheveux violets et les yeux noirs.
Momo est une étudiante à l'Académie Yuei et une utilisatrice de la magie de la création. Elle est souvent décrite comme intelligente, réfléchie et bienveillante. Momo peut créer des objets à partir de la graisse de son corps. Physiquement, Momo a les cheveux noirs et les yeux rouges.
Eijiro est un étudiant à l'Académie Yuei et un utilisateur de la magie de la dureté. Il est souvent décrit comme impulsif, courageux et loyal. Eijiro peut durcir son corps pour devenir plus fort et résistant aux attaques. Physiquement, Eijiro a les cheveux rouges et les yeux noirs.
Mina est une étudiante à l'Académie Yuei et une utilisatrice de la magie de l'acide. Elle est souvent décrite comme excentrique, optimiste et extravertie. Mina peut créer et contrôler de l'acide avec son corps. Physiquement, Mina a les cheveux roses et les yeux jaunes.
Fumikage est un étudiant à l'Académie Yuei et un utilisateur de la magie de l'ombre. Il est souvent décrit comme mystérieux, calme et sombre. Fumikage peut générer des ombres à partir de son corps et les contrôler pour attaquer ses ennemis. Physiquement, Fumikage a les cheveux noirs et les yeux rouges.
Denki est un étudiant à l'Académie Yuei et un utilisateur de la magie de l'électricité. Il est souvent décrit comme enjoué, impulsif et maladroit. Denki peut produire de l'électricité à partir de son corps et l'utiliser pour attaquer ses ennemis. Physiquement, Denki a les cheveux blonds et les yeux bleus.
Kyoka est une étudiante à l'Académie Yuei et une utilisatrice de la magie du son. Elle est souvent décrite comme cool, décontractée et confiante. Kyoka peut amplifier les sons pour attaquer ses ennemis ou utiliser son pouvoir pour écouter à distance. Physiquement, Kyoka a les cheveux noirs en forme de haut-parleurs et les yeux noirs.
Shota est un professeur à l'Académie Yuei et un utilisateur de la magie de l'éradication. Il est souvent décrit comme distant, cynique et froid. Shota peut effacer les pouvoirs magiques des autres utilisateurs en les regardant directement dans les yeux. Physiquement, Shota a les cheveux noirs et les yeux gris.
Hawks est un héros professionnel et un utilisateur de la magie des plumes. Il est souvent décrit comme malicieux, pragmatique et habile. Hawks peut créer des plumes à partir de ses cheveux et les utiliser pour voler et attaquer ses ennemis. Physiquement, Hawks a les cheveux rouge foncé et les yeux dorés.
Mirio est un étudiant à l'Académie Yuei et un utilisateur de la magie de la perméabilité. Il est souvent décrit comme déterminé, optimiste et altruiste. Mirio peut traverser les objets solides et liquides en utilisant sa magie. Physiquement, Mirio a les cheveux blonds et les yeux bleus.
Nejire est une étudiante à l'Académie Yuei et une utilisatrice de la magie du spirale. Elle est souvent décrite comme exubérante, extravertie et énergique. Nejire peut utiliser sa magie pour créer des ondes de choc et pour voler. Physiquement, Nejire a les cheveux blonds en spirale et les yeux violets.
Tamaki est un étudiant à l'Académie Yuei et un utilisateur de la magie de la transformation. Il est souvent décrit comme timide, anxieux et introverti. Tamaki peut transformer différentes parties de son corps en nourriture et acquérir leurs propriétés. Physiquement, Tamaki a les cheveux bleus et les yeux gris.
Overhaul est le chef de l'organisation criminelle Shie Hassaikai et un utilisateur de la magie de la destruction. Il est souvent décrit comme impitoyable, calculateur et manipulateur. Overhaul peut démonter et assembler la matière à volonté en utilisant sa magie. Physiquement, Overhaul a les cheveux noirs et blancs et les yeux gris.
Eri est une petite fille qui possède une magie qui lui permet de remonter le temps. Elle est souvent décrite comme timide, traumatisée et fragile. Eri peut involontairement remonter le temps, causant ainsi des effets secondaires physiques sur elle et les autres. Physiquement, Eri a les cheveux blancs et les yeux rouges.



















