.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}
L'univers de Vagabond repose sur la profondeur fascinante de ses protagonistes, portés par le dessin sublime et la narration philosophique de Takehiko Inoue. Adapté du roman "Musashi" d'Eiji Yoshikawa, ce manga explore la vie de guerriers légendaires du Japon féodal, où chaque duel est autant une confrontation physique qu'une recherche spirituelle sur la signification de la force véritable.
Miyamoto Musashi (autrefois Takezo Shinmen) est au cœur de cette épopée, traçant un chemin de sang et d'introspection pour devenir "invincible sous le soleil". Son parcours est indissociable de celui de son rival historique, l'élégant et redoutable Sasaki Kojiro, dont le génie au sabre s'exprime dans un silence absolu. Autour d'eux gravitent des figures marquantes comme le moine Takuan Soho, guide spirituel non conventionnel, ou encore les maîtres de l'école Yoshioka, qui incarnent les traditions et les rigidités de la voie du sabre.
Cette page offre une liste complète des personnages de Vagabond, incluant les sabreurs de renom, les figures historiques comme Itto Ittosai et les proches de Musashi comme Otsu et Matahachi Hon'iden. Découvrez les motivations, les styles de combat et l'évolution mentale de ces hommes et femmes dans un Japon en transition. Ce guide est essentiel pour saisir la dualité entre l'art de tuer et l'art de vivre qui définit ce chef-d'œuvre du genre Seinen.
Des âmes solitaires consumées par le désir de devenir « Invincible sous le soleil »...
Portée par la figure centrale de Takezō Shinmen, futur Miyamoto Musashi, cette catégorie regroupe les guerriers qui parcourent les routes pour tester leur force au péril de leur vie. Leur voyage est autant physique que spirituel, chaque duel étant une confrontation avec leur propre ego et leur mortalité. Ils ne cherchent pas la gloire politique, mais une vérité absolue que seul le fil d'une lame peut révéler dans l'instant pur du combat à mort.
Les héritiers d'une tradition prestigieuse confrontés à la brutalité de la réalité...
Basée à Kyōto, cette faction représente l'élite établie du maniement du sabre, fière de son histoire et de son nom. Menée par Seijūrō et Denshichirō, l'école doit défendre son honneur face à l'ascension fulgurante de Musashi. Leur lutte illustre le déclin d'un système de combat institutionnalisé face à une force brute et sauvage. Ils incarnent la tragédie de ceux qui sont prisonniers de leur héritage et de la pression sociale liée à leur rang.
Des guides ayant transcendé la violence pour comprendre la nature de l'existence...
Qu'il s'agisse du moine Takuan Sōhō ou du légendaire maître de sabre Yagyū Muneyoshi, ces personnages agissent comme des miroirs pour le protagoniste. Ils ont compris que le sabre n'est qu'un outil et que la véritable force réside dans l'harmonie avec l'univers et le détachement des désirs mondains. Leurs interventions sont souvent cryptiques mais essentielles, poussant les combattants à regarder au-delà de la simple technique pour atteindre une paix intérieure durable.
Ceux qui rappellent aux guerriers leur humanité et leurs racines abandonnées...
Représentée par des personnages comme Otsu ou Matahachi Hon'iden, cette catégorie incarne la vie civile et émotionnelle que les vagabonds ont laissée derrière eux. Ils sont le lien avec le village de Miyamoto et le rappel constant des conséquences de la violence sur ceux qui restent. Leurs trajectoires, faites de regret, d'attente et de survie quotidienne, offrent un contraste saisissant avec la quête de gloire des sabreurs, soulignant la solitude inhérente à la voie du guerrier.