.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}
Plongez dans la fresque historique de Vinland Saga, où les personnages ne sont pas de simples combattants, mais les piliers d'une réflexion profonde sur la violence et l'héroïsme. L'œuvre de Makoto Yukimura brille par le réalisme de ses protagonistes, qu'ils soient des conquérants impitoyables, des rois tourmentés ou des esclaves en quête de liberté dans l'Europe du XIe siècle.
Le récit suit l'incroyable évolution de Thorfinn Karlsefni, qui passe du statut de jeune guerrier aveuglé par la haine à celui d'homme cherchant à construire un monde sans guerre. Il est marqué par l'ombre de figures imposantes comme Askeladd, un chef de bande charismatique et manipulateur, et son père Thors, le "Troll de Joms", dont l'idéal de non-violence définit toute la série. L'ascension du Roi Canute (Knud) apporte une dimension politique fascinante, illustrant la transformation d'un prince fragile en un souverain froid prêt à défier Dieu pour instaurer un paradis terrestre.
Cette page présente une liste complète des personnages de Vinland Saga, couvrant l'arc de la vengeance, l'arc de la ferme (esclavage) et l'expédition vers le Vinland. Retrouvez les détails sur les guerriers de Jomsborg, les alliés comme Einar ou Gudrid, et les redoutables adversaires comme Thorkell le Grand. C’est le guide indispensable pour analyser les trajectoires morales et les contextes historiques qui font de ce manga un chef-d'œuvre de la bande dessinée mondiale.
Fils du légendaire Thors, Thorfinn commence son voyage comme un adolescent dévoré par une haine brûlante et un désir de vengeance obsessionnel. Après des années de violence au sein de la troupe d’Askeladd, il entame une lente métamorphose vers le pacifisme. Sa quête change de nature, passant de la destruction à la création d’une terre sans esclavage ni guerre, le Vinland.
Chef de guerre charismatique et fin stratège, Askeladd est un homme complexe dont l’ambition cache un mépris profond pour ses propres compagnons vikings. Bien qu’il soit un mercenaire impitoyable, il agit par amour pour sa lignée galloise et pour protéger l’avenir de la Bretagne. Sa relation avec Thorfinn est marquée par une cruauté pédagogique et une manipulation psychologique constante et brillante.
D’abord prince timide et dévot refusant la violence, Canute subit une transformation radicale après la perte de son mentor. Il rejette la volonté divine pour instaurer son propre paradis terrestre par le fer et le pouvoir politique. Son évolution en un roi pragmatique et visionnaire fait de lui un dirigeant capable de décisions glaciales pour stabiliser son empire et imposer la paix.
Surnommé le Troll de Joms, Thors est le combattant le plus puissant de son époque. Après avoir simulé sa mort pour fuir la guerre, il consacre sa vie à la paix et à sa famille en Islande. Son sacrifice final illustre sa philosophie ultime : un véritable guerrier n’a pas besoin d’épée. Il reste la figure morale centrale qui guide l’évolution spirituelle de Thorfinn.
Géant assoiffé de bataille, Thorkell ne vit que pour l’ivresse du combat et la recherche d’un adversaire digne de lui. Sa force herculéenne et sa joie pure lors des affrontements font de lui une force de la nature incontrôlable. Bien que brutal, il respecte profondément le courage et finit par être fasciné par l’évolution spirituelle de Thorfinn, qu’il considère comme un défi à comprendre.
Einar est un ancien paysan dont la vie a été brisée par les pillages vikings. Devenu esclave, il rencontre Thorfinn dans la ferme de Ketil. Son amitié est le catalyseur essentiel de la rédemption de Thorfinn. Malgré son passé tragique, Einar conserve une capacité d’indignation et une humanité vibrante, rappelant sans cesse à Thorfinn que la terre nourricière est le seul véritable champ de bataille honorable.
Chef de la garde personnelle de Ketil, Snake est un guerrier expérimenté dont le passé est entouré de mystère. Derrière sa nonchalance apparente se cache une vitesse foudroyante et un sens de la justice pragmatique. Il devient un mentor informel pour Thorfinn, lui réapprenant la valeur de la vie et la nécessité de protéger les faibles sans nécessairement céder à la haine gratuite.
Hild est une ingénieure talentueuse dont le père a été tué par Thorfinn durant ses années de mercenaire. Animée par une soif de vengeance légitime, elle finit par accepter d’épargner Thorfinn à condition qu’il prouve sa sincérité par ses actes. Sa présence constante comme juge et bourreau potentiel oblige Thorfinn à confronter quotidiennement les conséquences irréparables de ses crimes passés au nom de sa rédemption.
Commandant des guerriers de Joms, Floki est un manipulateur agissant dans l’ombre pour accroître son influence politique. Responsable direct de la mort de Thors, il incarne l’ambition pure dénuée d’honneur. Contrairement aux autres guerriers qui cherchent la gloire, Floki ne s’intéresse qu’au pouvoir structurel, ce qui fait de lui l’antagoniste le plus méprisé par ceux qui respectent encore les codes guerriers vikings.
Fils de Halfdan, Sigurd commence comme un jeune homme obsédé par son honneur et l’approbation de son père autoritaire. Son voyage pour ramener Gudrid se transforme en une quête d’identité personnelle. En se libérant des attentes étouffantes de sa lignée, il finit par découvrir sa propre valeur et la force nécessaire pour tracer son propre chemin, loin de la violence systémique de son éducation.
Gudrid est une femme audacieuse qui refuse le destin de femme au foyer imposé par la société viking. Passionnée par la navigation et les horizons lointains, elle s’enfuit pour rejoindre l’expédition de Thorfinn vers le Vinland. Son optimisme et sa soif de liberté apportent une lumière nécessaire au groupe, prouvant que le voyage vers l’inconnu n’est pas réservé qu’aux guerriers en quête de sang.
Seigneur terrien impitoyable, Halfdan règne par la loi et les contrats plutôt que par la simple violence physique. Il incarne le visage froid de la civilisation naissante, où les dettes et les chaînes juridiques remplacent les haches. Son pragmatisme absolu et son manque total d’empathie apparente cachent une vision stricte de l’ordre, nécessaire pour survivre dans un monde nordique où seule la force prévaut.
Arnheid est une esclave au passé tragique, dont la beauté et la douceur cachent une souffrance incommensurable. Sa tentative de fuite avec son mari réveillera la violence de Ketil et deviendra le point de bascule émotionnel pour Thorfinn et Einar. Sa mort tragique symbolise l’impossibilité de trouver la paix dans un monde dominé par la propriété humaine et la violence des hommes de pouvoir.












