/*

© 2024 Elemete® Studio®

Toute reproduction interdite - Aucune copie ou modification autorisée - Tous droits réservés

No copy or modification allowed - All rights reserved

*/

:root
{
  /* --border-light-grey:#212121; */
}
.dyn-form
{
  /* width:calc(100% - 1em); */
  /* padding:0 0.5em; */
  position:relative;
}
.dyn-form>.abs-qrcode
{
  top:calc(155px - var(--nav-height));
}
.x-info
{
  /* text-align:center; */
}
.splide_main .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.splide__slide {
  opacity: 0.6;
}
.splide__slide.is-active {
  opacity: 1;
}
.splide_main .splide__track
{
  overflow:visible;
}
.splide__slide>h1
{
  display:none;
}
.splide__slide canvas
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.bndxk00
{
  min-height:100px;
  padding-top:4em;
  position:relative;
  background-color:rgba(255,255,255,0.03);
  padding-bottom:1em;
}
.bndxk00 .label
{
  padding-bottom:1em;
  display:flex;
}
.bndxk00 .label>div
{
  float:left;
  margin:auto;
  font-size:2.2em;
}
.bndxk00 .label>div>div
{
  float:left;
}
.xbndxk00-menu-title
{
  margin-left:1em;
}
.xbndxk00-menu-icon
{
  height:1.5em;
  width:1.5em;
  position:relative;
}
.xbndxk00-menu-icon:before
{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  content:"";
  background:white;
  -webkit-mask:url('/symbol/symbole.cards.x3.02') no-repeat center right / 100% auto;
}
.xpdf01
{
  display:none;
}
.x-dyn-rlsvw-panel .go-pdf
{
  overflow:auto;
  /* margin-top:4em; */
  margin-top:3em;
  margin-left:0.5em;
}
.x-dyn-rlsvw-panel .go-pdf>div
{
  float:left;
}
.x-dyn-rlsvw-panel .go-pdf .ico
{
  height:2em;
  width:2em;
  /* border:2px solid white; */
  font-size:1.4em;
  border-radius:8px;
  line-height:2em;
  text-align:center;
  background: var(--fcolor);
  color:black;
  margin-left:0.6em;
  /* box-shadow:2px 2px 8px 0 #606060; */
  border-radius:6px;
}
.x-dyn-rlsvw-panel .go-pdf .ico:hover
{
  background-color:rgba(0,120,255,1);
}
.x-dyn-rlsvw-panel .go-pdf>div:nth-child(2)
{
  margin-left:1.1em;
  margin-top:0.9em;
  font-size:1.2em;
  color:#a0a0a0;
}
@media screen and (max-width:1200px)
{
.bndxk00 .label
{
  display:block;
}
.bndxk00 .label>div
{
  float:none;
  overflow:auto;
  margin-top:1em;
}
.xbndxk00-menu-header
{
  padding-top:0.9em;
}
.xbndxk00-menu-title
{
  font-size:0.5em;
  margin-left:4.5em;
  text-align:left;
  margin-right:0.0em;
  float:none;
  width:calc(100% - 4.5em);
  display:block;
}
.xbndxk00-menu-icon
{
  position:absolute;
  left:0.5em;
  bottom:0.2em;
  border:2px solid white;
  box-shadow:2px 2px 8px 0 #606060;
  border-radius:8px;
}
.xbndxk00-menu-icon:before
{
  top:10%;
  left:10%;
  width:80%;
  height:80%;
}
@media screen and (min-width:700px)
{ 
.xbndxk00-menu-title
{
  font-size:0.6em;
  margin-left:5.0em;
  text-align:left;
  margin-right:initial;
  width:calc(100% -  5.0em);
}
.xbndxk00-menu-header
{
  padding-top:0.9em;
  margin-left:8em;
  width:calc(100% - 8em);
  position:relative;
}
@media screen and (max-width:900px)
{
.xbndxk00-menu-header
{
  width:100%;
  margin-left:0;
}
}
.xbndxk00-menu-icon
{
  bottom:0;
}
}
.x-dyn-rlsvw-grid
{
  margin-left:1em;
  width:calc(100% - 2em);
}
.x-dyn-rlsvw-grid>span
{
  font-size:1.4em;
  padding-top:0.9em;
  margin-bottom:0.2em;
  padding-bottom:0.9em;
  padding-left:4.0em;
  padding-right:0.5em;
  width:calc(100% - 4.5em);
  border-radius:6px;
  color:#a0a0a0;
  display:block;
  position:relative;
}
.x-dyn-rlsvw-grid>span:nth-child(odd)
{
  background:#202020;
}
.x-dyn-rlsvw-grid>.selected
{
  color:white;
}
.x-dyn-rlsvw-grid>span:before,
.x-dyn-rlsvw-grid>span:after
{
  position:absolute;
  top:0;
  left:0.5em;
  width:2.5em;
  height:100%;
  content:"";
  border-radius:4px;
}
.x-dyn-rlsvw-grid>span:before
{
  background:#404040;
  -webkit-mask:url('/.img/.icons/file.black.png') no-repeat center center / auto 60%;
}
.x-dyn-rlsvw-grid>span:nth-child(2):before
{
  background:#a0a0a0;
  -webkit-mask:url('/.img/.icons/icon-livre-001.black.png') no-repeat center center / 70% auto;
  /* background:white; */
}
.x-dyn-rlsvw-grid>span.selected:before
{
  background:white;
  -webkit-mask:url('/symbol/symbole.cards.x3.02') no-repeat center right / 100% auto;
}
@media (orientation: landscape)
{
.x-dyn-rlsvw-grid>span
{
  float:left;
  width:calc(50% - 5.0em);
  margin-left:0.5em;
  font-size:1.2em;
}
.x-dyn-rlsvw-grid>span:nth-child(odd),
.x-dyn-rlsvw-grid>span:nth-child(even)
{
  background-color:#121212;
}
.x-dyn-rlsvw-grid
{
  margin-left:0.5em;
}
.x-dyn-rlsvw-panel:after
{
  top:calc(100vh - 2.7em);
  background-size:auto 1.4em;
}
}
@media screen and (min-width:601px)
{
.x-dyn-rlsvw-panel .go-pdf
{
  position:absolute;
  margin:0;
  right:1em;
  top: calc((var(--nav-height) - 3.5em) / 2 + 0.4em);
  /* top: 8em; */
  overflow:visible;
}
.x-dyn-rlsvw-panel .go-pdf>div:nth-child(2)
{
  position:absolute;
  top:0.1em;
  left:calc(-100% - 2em);
  font-size:1.4em;
  margin:0;
  line-height:2em;
  height:2em;
}
}
}
.xdescribe-x00>.label
{
  position:relative;
}
.xdescribe-x00>.label>.xpdf01
{
  font-size:0.45em;
  right:0;
  position:absolute;
  left:auto;
}
@media screen and (max-width:1200px)
{
.xpdf01
{
  display:block;
  position:absolute;
  left:0;
  top:0.8em;
}
}
@media screen and (max-width:700px)
{
.xdescribe-x00>.label>.xpdf01>a>.ico
{
  display:none;
}
}
.bndxk01 .splide__list
{
  height:auto;
}
.bndxk01-shortcuts
{
  display: flex;
  padding-top:3em;
  padding-bottom:2em;
  user-select:none;
  position:relative;
}
.bndxk01-shortcuts>div
{
  float:left;
  margin:auto;
}
.bndxk01-shortcuts>div>span
{
  margin-left:0;
  margin-right:0;
}
.bndxk01-shortcuts>div>span:first-child
{
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
}
.bndxk01-shortcuts>div>span:last-child
{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
}
.bndxk01-shortcuts>div>span
{
  font-size:1.4em;
  border:1px solid white;
  /* top | right | bottom | left */
  padding: 0.3em 0.8em 0.3em 0.8em;
  cursor:pointer;
  transition:0.3s;
}
.bndxk01-shortcuts>div>span.selected
{
  border:1px solid #303030;
  color:white;
  background:#303030;
}
.bndxk01-shortcuts>div>span.unselected
{
  background:black;
  color:#999;
  border:1px solid #303030;
}
.bndxk01-shortcuts>div>span.unselected:hover
{
  background:white;
  color:black;
}
.bndxk01
{
  padding-top:1em;
}
.bndxk01>div,
.bndxk01>div>.mSplide00
{
  /* Permet l'affichage des plots de navigation pour les slides */
  padding-bottom:5em;
}
.bndxk01>div .splide__slide img
{
  /* height:500px; */
  vertical-align:top;
  height:auto;
  border-radius:0;
}
.bndxk01>div>.mSplide00 .splide__slide
{
  padding:0;
  background:black;
}
.xksep-01
{
  width:100%;
  margin:0;
  padding-top: calc(var(--bandeau-height) - 3em);
  margin-bottom:3em;
}
.xksep-01:before
{
  border-radius:0;
  width:100%;
  /* background-color: rgba(255,255,255,0.04285); */
  background-color: rgba(0,0,0,0);
}
.xksep-01>.xlabel
{
  position: absolute;
  top:0;
  left:0;
  width:calc(100% - 0.5em);
  height: var(--bandeau-height);
  line-height: var(--bandeau-height);
  font-size:3em;
  opacity:0.5;  
  display: flex;
  justify-content: center;  
  user-select:none;
}
.xksep-01>.xlabel>.label
{
}
.xksep-01>.xlabel>.label>div
{
  float:left;
}
.xksep-01>.xlabel>.label>.icon
{
  height:100%;
  width:2em;
  background:white;
  margin-right:0.5em;
  -webkit-mask:url('/symbol/symbole.cards.x3.02') no-repeat center right / 100% auto;
}
@media screen and (max-width:450px)
{
.bandeau-sep
{
  display:none;
}
}
@media screen and (max-width:1200px)
{
.bndxk01-menu-laptop
{
  display:none;
}
.abs-qrcode
{
  display:none;
}
.bndxk01-shortcuts
{
  display:none;
}
.xksep-01
{
  display:none;
}
}
.bndxk02
{
  /* background-color:#0d0d0d; */
  min-height:500px;
  overflow:auto;
  background: linear-gradient(to right, #060606 0%, #060606 270px, #0d0d0d 271px, #0d0d0d 100%);
}
.splide-cards-menu
{
  float:left;
  width:270px;
  margin-top:130px;
  height:600px;
}
.cards-explanation
{
  float:left;
  width:calc(100% - 270px - 2em);
  margin-left:2em;
  min-height:830px;
  position:relative;
}
  /*
.cards-explanation>.mLDynCardList
{
  position:absolute;
  left:5em;
  width:calc(100% - 10em);
  height:300px;
  overflow:hidden;
}
  */
.cards-explanation>.mLDynCardList,
.mLDynCardList .filters,
.mLDynCardList .paginator
{
  display:none;
}
.cards-explanation .mLDynCardSplide
{
  height:auto;
}
.cards-explanation>.cards-explain-text
{
  position:relative;
  padding-bottom:2em;
}
.cards-explanation>.cards-explain-text a
{
  color:white;
}
.cards-explanation>.cards-explain-text a:hover
{
  color:var(--orange);
}
.cards-explanation:before
{
  position: absolute;
  top: 0;
  left: -2em;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #e0e0e0;
  -webkit-mask: url(https://lawofmagic.studio/.img/2DArt/lawofmagic/0r6/lawofmagic.es.2dart.cqax1.x01.tr.600.png) no-repeat top 0 left 0 / auto 100%;
  opacity:0.025;
}
.mCardSplidexx02-01 li
{
  padding:0;
  position:relative;
  height:60px;
}
.mCardSplidexx02-01 li>div
{
  width:100%;
  overflow:hidden;
  padding:10px;
  margin:0;
  height:100%;
  background:#060606;
}
.mCardSplidexx02-01 li>div>.icon
{
  height:40px;
  width:40px;
  background:white;
  float:left;
  position:relative;
}
.mCardSplidexx02-01 li>div>.under
{
  position:absolute;
  top:5px;
  left:0.5em;
  width:50px;
  height:50px;
  border-radius:6px;
  content:"";
}
.mCardSplidexx02-01 li>div>.txt
{
  float:left;
  margin-left:1em;
  height:40px;
  line-height:40px;
  font-size:1.5em;
}
.mCardSplidexx02-01 li.is-active>div
{
  /* background:white; */
  /* background:#303030; */
}
.mCardSplidexx02-01 li.is-active>div>.under
{
  background-color:white;
}
.mCardSplidexx02-01 li.is-active>div>.icon
{
  background-color:black;
}
.mCardSplidexx02-01 li.is-active>div>.txt
{
  color:white;
}
.mCardSplidexx02-01 li>div:hover
{
  background:white;
}
.mCardSplidexx02-01 li>div:hover>.icon
{
  background-color:black;
}
.mCardSplidexx02-01 li>div:hover>.txt
{
  color:black;
  font-weight:bold;
}
.mLDynCardSplide
{
  position:absolute;
  height:680px;
  top:90px;
  left:1em;
  width:calc(100% - 2em - 1 * 350px - 50px + 170px);
  /* width:calc(100% - 4em); */
}
.mLDynCardSplide .splide__slide
{
  padding:1em;
  padding-bottom:0em;
}
.mLDynCardSplide .splide__slide .img-container a>img
{
  overflow:hidden;
}
.mLDynCardSplide .splide__slide img
{
  height:400px;
  vertical-align:top;
}
.mLDynCardSplide .splide__slide .card-title
{
  font-size:1em;
}
.mLDynCardSplide .splide__slide .card-xinfo
{
  font-size:0.8em;
  padding-bottom:0em;
}
.mLDynCardSplide .splide__slide .card-xbtns
{
  position:absolute;
  bottom:1em;
  right:0.8em;
}
.mLDynCardSplide .splide__slide .lnk-go-store,
.mLDynCardSplide .splide__slide .lnk-go-card
{
  font-size:1.2em;
  padding-right: 0.2em;
  padding-top: 0.0em;
}
.mLDynCardSplide .splide__slide .lnk-go-store>.ico,
.mLDynCardSplide .splide__slide .lnk-go-card>.ico
{
  font-size:1.2em;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
.mLDynCardSplide .splide__slide .lnk-go-card
{
  padding-left:0.2em;
  width:3.5em;
  overflow:hidden;
  color:rgba(0,0,0,0);
  height:3em;
}
.cards-explanation>.cards-xselect-ico
{
  position:absolute;
  top:2em;
  left:2em;
  width:5.5em;
  height:5.5em;
  border:2px solid none;
  border-radius:8px;
}
.cards-explanation>.cards-xselect-ico>div
{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:white;
  -webkit-mask:url("/.img/card.type/personnage.black.png") center center / auto 80% no-repeat;
}
.cards-explanation>.cards-explain-title>div,
.cards-explanation>.cards-explain-text>div
{
  display:none;
}
.cards-explanation>.cards-explain-title>div>.title
{
  font-size:1.5em;
  position:absolute;
  left:5.8em;
  top:2em;
}
.cards-explanation>.cards-explain-title>div>.title-explain
{
  text-align:center;
  font-style:italic;
  position:absolute;
  left:calc((100% - 500px) / 2 - 110px);
  /* left:calc((100% - 500px) / 2 - 110px); */
  width:500px;
  font-size:1.5em;
  top:2em;
}
.cards-explanation>.cards-explain-text
{
  font-size:1.4em;
  width:calc(100% - 2em - 1 * 350px - 50px + 170px);
  /* width:calc(100% - 4em); */
  margin:auto;
  margin-left:1.4em;
  margin-top:620px;
  color:#b0b0b0;
}
.cards-explanation>.cards-explain-text .xIct:before
{
  background-color:#b0b0b0;
}
.cards-counter
{
  display:none;
}
.card-counter-placeholder>.cards-counter
{
  position:absolute;
  z-index:initial;
  right:250px;
  /* right:2.7em; */
  top:3em;
  display:block;
}
@media screen and (max-width:1200px)
{
.bndxk02
{
  background:#0d0d0d;
}
.splide-cards-menu
{
  display:none;
}
.cards-explanation
{
  float:none;
  width:calc(100% - 0.4em);
  margin-left:0.2em;
  padding-bottom:3em;
}
.cards-explanation>.cards-explain-text
{
  margin-top:0;
}
.mLDynCardSplide
{
  position:initial;
}
.cards-explanation>.cards-xselect-ico
{
  top:-8em;
  border:2px solid white;
  width:5.2em;
  height:5.2em;
  box-shadow:2px 2px 8px 0 #606060;
  left:1.6em;
}
.cards-explanation>.cards-explain-title>div>.title
{
  position:absolute;
  top:-5em;
  left:4.0em;
}
.cards-explanation>.cards-explain-title>div>.title-explain
{
  position:initial;
  margin-top:7em;
  width:calc(100% - 2em);
  text-align:left;
  margin-left:1em;
}
.card-counter-placeholder>.cards-counter
{
  right:1em;
  top:-6em;
}
.cards-explanation:before
{
  left:0;
}
.cards-explanation>.cards-explain-text
{
  width:calc(100% - 2em);
  margin-left:1.0em;
}
.mLDynCardSplide
{
  width:calc(100% - 2em);
  height:auto;
  margin-left:0.5em;
}
.cards-explanation>.cards-explain-title>div>.title
{
  font-size:1.4em;
  margin-left:2em;
}
.card-counter-placeholder>.cards-counter
{
  font-size:0.7em;
  top:-12em;
  right:2em;
}
@media screen and (max-width:320px)
{
.mLDynCardSplide
{
  margin-left:1.5em;
  width:calc(100% - 3em);
}
.mLDynCardSplide .splide__slide
{
  max-width:calc(100vw - 3em);
}
.card-counter-placeholder>.cards-counter
{
  /* display:none; */
}
.mLDynCardSplide .splide__slide img
{
  height:auto;
}
}
.x-dyn-cdsvw-grid
{
  width:100%;
}
.x-dyn-cdsvw-grid>div
{
  font-size:1.4em;
  padding-top:0.9em;
  margin-bottom:0.2em;
  padding-bottom:0.9em;
  padding-left:3.0em;
  padding-right:0.5em;
  width:calc(50% - 4.5em);
  border-radius:6px;
  color:#a0a0a0;
  display:block;
  position:relative;
  float:left;
  margin-left:0.5em;
  background:#121212;
}
.x-dyn-cdsvw-grid>div .txt
{
  font-size:0.8em;
}
.x-dyn-cdsvw-grid>.selected
{
  color:white;
  background:#202020;
}
.x-dyn-cdsvw-grid>div .icon
{
  position:absolute;
  top:0;
  left:0.25em;
  width:2.0em;
  height:100%;
  content:"";
  border-radius:4px;
}
.x-dyn-cdsvw-grid>.unselected .icon
{
  background-color:#a0a0a0;
}
.x-dyn-cdsvw-grid>.selected .icon
{
  background-color:white;
}
@media (orientation: landscape)
{
.x-dyn-cdsvw-grid>div
{
  float:left;
  width:calc(50% - 5.0em);
  margin-left:0.5em;
  font-size:1.2em;
}
.x-dyn-cdsvw-grid>div:nth-child(odd),
.x-dyn-cdsvw-grid>div:nth-child(even)
{
  background-color:#121212;
}
.x-dyn-cdsvw-grid
{
  margin-left:0.5em;
}
.x-dyn-cdsvw-grid>div
{
  width:calc(25% - 4.5em);
}
}
@media screen and (max-height:320px)
{
@media (orientation: landscape)
{
.x-dyn-cdsvw-panel:before
{
  height:2em;
}
.x-dyn-cdsvw-panel:after
{
  display:block;
  top:0.75em;
  background-size:auto 1.7em;
}
}
}
#mCardSplidexx02-01-min .splide__slide
{
  width:100%;
}
}
@media screen and (max-width: 1400px)
{
@media (orientation: landscape)
{
.x-dyn-cdsvw-panel:before
{
  display:none;
}
}
}
.bndxk03
{
  font-size:1.4em;
  width:calc(100% - 2em);
  margin-left:1em;
  column-count:3;
  padding-bottom:2em;
}
.bndxk03>div
{
  width:calc(100% - 2em);
  padding:1em;
  border-radius:8px;
  background:#101010;
  margin-bottom:1em;
  break-inside: avoid-column;  
}
.bndxk03>div>.answer
{
  color:#a0a0a0;
  margin-top:0.5em;
  font-size:0.9em;
}
.bndxk03>div>.answer .xIct:before
{
  background-color:#a0a0a0;
}
.faq-title-mobile
{
  display:none;
}
.bndxk03>div>.answer a
{
  color:white;
}
.bndxk03>div>.answer a:hover
{
  color:var(--orange);
}
.bndxk03>div>.answer a.button:hover
{
  color:black;
}
@media screen and (max-width:1100px)
{
.bndxk03
{
  column-count:2;
}
}
@media screen and (max-width:600px)
{
.bndxk03
{
  column-count:1;
}
}
@media screen and (max-width:1200px)
{
.faq-title-mobile
{
  display:block;
  height:3em;
  color:white;
  text-align:center;
  position:relative;
  margin-top:1em;
}
.faq-title-mobile>div
{
  line-height:3em;
  font-size:2.5em;
}
.faq-title-mobile:before
{
  border:2px solid white;
  content:"?";
  font-size:2.0em;
  padding:0.5em;
  padding-left:1.0em;
  padding-right:1.0em;
  position:absolute;
  top:0.5em;
  left:1.0em;
  border-radius:8px;
  box-shadow:2px 2px 8px 0 #606060;
}
.bndxk03
{
  margin-top:4.5em;
}
@media screen and (max-width:600px)
{
.faq-title-mobile>div
{
  text-align:left;
  width:calc(100% - 6em);
  margin-left:6em;
  font-size:1.4em;
  line-height:5em;
}
}
}