.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.