@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Passero+One&display=swap");
.dark-style {
  background: #8cd9ed !important;
  position: relative;
  animation: none;
}

.text-muted {
  color: #fff !important;
}

.layout-navbar {
  height: auto !important;
}

.bg-navbar-theme {
  background: transparent !important;
}

body {
  background: url(images/dbz-ciel.jpg) #8cd9ed !important;
  background-position: center top;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: relative;
}

.single-room::before {
  content: "";
  display: block;
  position: absolute;
  top: 50px;
  left: 100%;
  right: 0;
  bottom: 0;
  height: 200px;
  width: 260px;
  background: url(images/nuage-1.png) !important;
  background-size: contain !important;
  background-position: center top;
  background-repeat: no-repeat !important;
  z-index: 0;
  animation: moveCloud 35s linear infinite;
}
.single-room::after {
  content: "";
  display: block;
  position: absolute;
  top: 150px;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 200px;
  width: 260px;
  background: url(images/nuage-2.png) !important;
  background-size: contain !important;
  background-position: center top;
  background-repeat: no-repeat !important;
  z-index: 0;
  animation: moveCloud2 20s linear infinite;
}

@keyframes moveCloud {
  0% {
    left: 100%;
  }
  100% {
    left: -260px;
  }
}
@keyframes moveCloud2 {
  0% {
    left: -260px;
  }
  100% {
    left: 100%;
  }
}
.btn-outline-primary {
  color: #0062bb;
  border-color: #0062bb;
}
.btn-outline-primary:hover {
  background-color: #0062bb !important;
  color: #fff100 !important;
}

.btn-primary {
  color: #e60012 !important;
  background-color: #fff100;
  border-color: #fff100;
}
.btn-primary:hover {
  background-color: #e60012 !important;
  color: #fff100 !important;
  border-color: #e60012 !important;
}

.bg-menu-theme.menu-horizontal {
  background: #fff100 !important;
  box-shadow: none !important;
  transform: rotate(-0.5deg);
  z-index: 1000;
}
.bg-menu-theme.menu-horizontal ul li a {
  color: #000 !important;
  font-family: "Passero One", serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 10px 20px !important;
}
.bg-menu-theme.menu-horizontal ul li a:hover {
  background: #000 !important;
  color: #fff100 !important;
}

.titre-room {
  transform: none;
  background: none;
  padding: 0;
  border-radius: 0;
  font-size: 2rem;
  margin: 20px 0 0;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  font-family: "Passero One", serif;
  position: relative;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .titre-room {
    font-size: 1.5rem;
  }
}

.content-footer {
  background: #000 !important;
  position: relative;
  margin-top: 40px;
}
.content-footer .share-menu .share-links .fab, .content-footer .share-menu .share-links a {
  color: #fff100;
  font-weight: 700;
}
.content-footer .share-menu .share-links a:hover {
  color: #fff;
}
.content-footer .share-menu .share-links a:hover .fab {
  color: #fff100;
}
.content-footer a {
  color: #fff;
}
.content-footer a:hover {
  color: #fff100 !important;
}
.content-footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 27px;
  background: #000;
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
}

.dark-layout .card {
  background: #000 !important;
  box-shadow: none !important;
}

.min-tournoi {
  border: 2px solid transparent;
}
.min-tournoi .min-tournoi-title {
  transform: scale(0.9) rotate(0deg) !important;
}
.min-tournoi .min-tournoi-title h4 {
  color: #fff100;
  text-align: center;
}
.min-tournoi .min-tournoi-title h3 {
  font-size: 1rem;
  color: #e60012;
  text-align: center;
  margin: 5px 0;
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
}
.min-tournoi:hover {
  border: 2px solid #fff100 !important;
}

.btn-little {
  color: #fff;
}
.btn-little:hover {
  color: #000;
  background-color: #fff100;
}

.topState-todo {
  border-bottom: 2px solid #1cae2d !important;
}

.card-toplist-amis-header {
  color: #000;
}
.card-toplist-amis-header .avatar {
  border: 2px solid #000;
  background: #000;
}

.card-toplist-amis-body {
  background: linear-gradient(to bottom, #8cd9ed, #0061bc);
  border: 2px solid #000;
  border-radius: 10px !important;
}
.card-toplist-amis-body h4 {
  color: #fff100;
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 5px 0;
}
.card-toplist-amis-body h3 {
  color: #000;
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 5px 0;
  text-shadow: none;
}

.toplist-amis-page .item-avatar-ranking::after, .toplist-pofile-page .item-avatar-ranking::after {
  color: #fff100;
}

.btn-wording:hover, .btn-annule-devine:hover {
  background-color: #e60012 !important;
  color: #fff100 !important;
  border: none !important;
}

.btn-voir-toplist-complete, .single-tournoi .btn-actions-toplist a.btn-wording {
  background-color: #000 !important;
  text-transform: none;
  width: 100%;
  border: none;
  font-weight: 600;
  transition: all 0.2s ease-in;
  line-height: 1.24rem;
  color: #fff !important;
  border: 2px solid #fff !important;
}
.btn-voir-toplist-complete:hover, .single-tournoi .btn-actions-toplist a.btn-wording:hover {
  background-color: #000 !important;
  color: #fff100 !important;
  border: 2px solid #fff100 !important;
}

#apropos {
  background: #e60012;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#apropos .bloc-cta .content-cta h3 {
  color: #fff100;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 5px 0;
  font-family: "Passero One", serif;
}
#apropos .bloc-cta .content-cta p {
  padding: 0 50px;
}
@media (max-width: 768px) {
  #apropos .bloc-cta .content-cta p {
    padding: 0;
  }
}
#apropos .bloc-cta .content-cta a {
  background: #fff100;
  color: #fff100 !important;
  border: 2px solid #fff100;
}
#apropos .bloc-cta .content-cta a:hover {
  background: #000;
  border: 2px solid #000;
  color: #0062bb;
}

.dark-layout .t-min-sponso .t-min-sponso-title h3 {
  color: #000;
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.agagner-min .agagner-equal-height h4 {
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff100;
}

.slick-dots li button:before {
  content: "";
  background-color: #000;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
  background-color: #fff100;
}

.dark-layout .modal .modal-header, .dark-layout .modal .modal-header[class*=bg-] {
  background-color: #000;
}

.dark-layout .modal .modal-content, .dark-layout .modal .modal-body, .dark-layout .modal .modal-footer {
  background-color: #e60012;
  border-color: #e60012;
}

.contender-item:hover {
  border: 2px solid #0062bb;
}

.ba-cover-r::after {
  background: linear-gradient(to bottom, #8cd9ed, #0061bc) !important;
}

.dark-layout .card-presentation-top-right {
  background: #000 !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 0;
}
.dark-layout .card-presentation-top-right .card-presentation-top-right-title h3 {
  color: #fff;
}

.waiter, .waiter-begin {
  background: linear-gradient(to bottom, #8cd9ed, #0061bc);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: none;
}
.waiter .sk-wave .sk-wave-rect, .waiter-begin .sk-wave .sk-wave-rect {
  background-color: #000;
}
.waiter h4, .waiter-begin h4 {
  font-family: "Passero One", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #000;
  text-shadow: none;
}
.waiter .va, .waiter-begin .va {
  display: none;
}

.title-win h2 {
  font-size: 1.1rem;
  color: #fff100;
  transform: rotate(0deg) !important;
}

.card-developer-meetup .presentationtop h1 {
  font-family: "Passero One", serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 20px 20px 20px;
  color: #e60012;
  text-shadow: none !important;
  transform: rotate(0deg);
}

.top-precision p {
  color: #fff;
}

.btn-wording-rose {
  background: #fff100 !important;
  color: #0062bb !important;
}
.btn-wording-rose:hover {
  background: #000 !important;
  color: #0062bb;
}

.separate {
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  width: 70%;
  margin: 0 auto;
}

.card {
  border-radius: 0 !important;
  transform: rotate(-1deg) !important;
}

.twitch-possible .btnstarttwitch {
  border: 2px solid #fff100;
  background-color: transparent;
  color: #fff100;
}
.twitch-possible .btnstarttwitch:hover {
  background: #fff100;
  color: #000;
  border: 2px solid #000;
}

.check-btn-block, .modes-jeu-twitch__content-btns button {
  background: transparent !important;
  color: #fff100;
  border: 2px solid #fff !important;
}
.check-btn-block .info-check, .modes-jeu-twitch__content-btns button .info-check {
  color: #fff100;
}
.check-btn-block .nb_contenders_check_btn, .modes-jeu-twitch__content-btns button .nb_contenders_check_btn {
  color: #000;
  background: #fff100;
}
.check-btn-block:hover, .modes-jeu-twitch__content-btns button:hover {
  color: #fff100;
  border: 2px solid #fff100 !important;
}

.modes-jeu-twitch__content-btns button.active-twitch-mode {
  background: #fff100;
  color: #000;
  border: 2px solid #fff100;
}

.top-title-question h2 {
  color: #fff100 !important;
}
.top-title-question h1 {
  font-family: "Passero One", serif;
  font-style: normal;
  letter-spacing: 0.1em;
  color: #e60012 !important;
  text-shadow: none !important;
  transform: rotate(0);
}

.t-sponso-container .twitch-votes-container .votes-stats-p .votes-number, .t-normal-container .twitch-votes-container .votes-stats-p .votes-number {
  color: #fff100;
}

.t-sponso-container .twitch-votes-container .votes-stats-p, .t-normal-container .twitch-votes-container .votes-stats-p {
  color: #000;
}

.single-tournoi .tournoi-content .title-contender {
  color: #000;
}

.t-sponso-container .twitch-votes-container .votes-container > p:first-of-type, .t-normal-container .twitch-votes-container .votes-container > p:first-of-type {
  color: #fff100;
}

.t-sponso-container .twitch-votes-container .votes-container .votes-stats, .t-normal-container .twitch-votes-container .votes-container .votes-stats {
  color: #fff100;
  border: 1px solid #fff100;
  outline-color: #fff100;
}

.stepbar {
  background: #fff100;
}
.stepbar .stepbar-content span {
  color: #fff100;
}

.btn-wording, .partage-toplist-block .btn-wording-share {
  transition: all 0.2s ease-in;
  background: #fff100 !important;
  color: #000 !important;
  border: 2px solid #fff100 !important;
}
.btn-wording:hover, .partage-toplist-block .btn-wording-share:hover {
  background: #000 !important;
  color: #fff100 !important;
  border: 2px solid #fff100 !important;
}

.name h3 span {
  color: #000 !important;
}

.reseau-share li a {
  color: #fff !important;
}

.partage-toplist-block h5 {
  font-style: normal;
  font-family: "Passero One", serif;
  transform: rotate(0);
  color: #fff100;
  text-shadow: none;
  font-size: 1.1rem;
  text-align: left;
  font-weight: 900;
}

.demo-visuel-toplist {
  box-shadow: 0 0 10px #fff100;
}

.vainkeur-card .championname h4 {
  color: #fff !important;
}
.vainkeur-card a {
  background: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}
.vainkeur-card a:hover {
  background: #fff !important;
  color: #e60012 !important;
  border: 2px solid #fff !important;
}
.vainkeur-card a:hover .text-muted {
  color: #e60012 !important;
}

#choosenumbertop .form-check {
  background: transparent;
}
#choosenumbertop .form-check .info-check {
  color: #fff;
  font-weight: bold;
}
#choosenumbertop .form-check:hover {
  background: #000 !important;
  color: #fff100 !important;
  border: 2px solid #fff !important;
}
#choosenumbertop .form-check:hover small {
  color: #fff100 !important;
}
#choosenumbertop .form-check:hover .info-check {
  color: #fff100 !important;
}

#choosenumbertop .form-check.choice-mode-top-actif {
  background: #000;
  color: #fff100;
  border: 2px solid #fff;
}
#choosenumbertop .form-check.choice-mode-top-actif .info-check {
  color: #fff100;
}
#choosenumbertop .form-check.choice-mode-top-actif small {
  color: #fff100 !important;
}

.laucher_t {
  background: #fff100 !important;
  color: #000 !important;
  border: 2px solid #fff100 !important;
}
.laucher_t:hover {
  background: #fff100 !important;
  color: #000 !important;
  border: 2px solid #fff100 !important;
}

.devine {
  background: #000;
  box-shadow: 0 0.25rem 1.25rem rgba(15, 20, 34, 0.4);
}
.devine .content-devine {
  background: #000;
}
.devine .titrage-h5 {
  color: #fff100;
  text-transform: uppercase;
  font-style: normal;
  transform: rotate(0);
  font-weight: 700;
  text-shadow: none;
  font-family: "Passero One", serif;
}

.btn-defi {
  background: #fff100;
}
.btn-defi:before {
  background: linear-gradient(to bottom, transparent 5%, #fff100 80%);
}
.btn-defi a {
  color: #fff100 !important;
}
.btn-defi a:hover {
  color: #fff100 !important;
}

.partage-toplist .fixedbar-content {
  background: #fff100;
}
.partage-toplist .fixedbar-content .reseau-btn-share a, .partage-toplist .fixedbar-content .partage-btn a {
  color: #fff100 !important;
}
.partage-toplist .fixedbar-content .reseau-btn-share a:hover, .partage-toplist .fixedbar-content .partage-btn a:hover {
  color: #fff100 !important;
}

.dark-style .swal2-modal.swal2-popup {
  background: #000;
  font-family: "Passero One", serif;
  box-shadow: 0 0.31rem 1.25rem 0 rgba(0, 0, 0, 0.4);
  border-radius: 0.375rem;
}
.dark-style .swal2-modal.swal2-popup .swal2-title {
  color: #fff100;
}
.dark-style .swal2-modal.swal2-popup .swal2-content {
  color: #fff100;
}

.deco-footer {
  min-height: 650px;
  background: url(images/kamehouse.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.deco-footer::before {
  content: "";
  display: block;
  position: absolute;
  top: -270px;
  left: 0;
  right: 0;
  height: 270px;
  bottom: 0;
  background: linear-gradient(to bottom, #8cd9ed, #1361ba);
}

.banner-room {
  display: none;
}

.single-room #content-page-gv {
  padding: 100px 0 0 !important;
}

#renderalltops {
  position: relative;
  z-index: 4;
}

.datefinsponso {
  color: #fff100 !important;
}

#video {
  position: relative;
  margin-top: 350px !important;
}
#video::before {
  content: "";
  display: block;
  position: absolute;
  top: -470px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(images/palais.png) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 9;
  height: 500px;
  width: 100%;
  animation: levitate 4s ease-in-out infinite;
}

#autre-tl {
  position: relative;
  margin-top: 120px !important;
}
#autre-tl::before {
  content: "";
  display: block;
  position: absolute;
  top: -92px;
  left: 420px;
  right: 0;
  bottom: 0;
  background: url(images/tenshinhan.webp) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 99;
  height: 300px;
  width: 100%;
}
#autre-tl::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30%;
  background: url(images/goku.png) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  height: 210px;
  width: 100%;
  z-index: 10;
  animation: gokuCurve 8s ease-in-out infinite;
}

@keyframes levitate {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes gokuCurve {
  0% {
    transform: translateX(100%) translateY(0px);
  }
  50% {
    transform: translateX(0%) translateY(0px);
  }
  100% {
    transform: translateX(-100%) translateY(0px);
  }
}
.min-tournoi {
  position: relative;
  z-index: 999;
}

.tl-two-blocks {
  align-items: center;
}

.bg-label-primary {
  background: #e60012 !important;
  color: #000 !important;
}

.content-footer .blockquote-wrapper .blockquote h6 {
  color: #e60012;
  font-family: "Passero One", serif;
}

#defi-modal .modal-body {
  background-color: #000;
  border-radius: 0;
}
#defi-modal .modal-body .modal-footer {
  background: #000;
}

.dark-layout .card.loading-card {
  background: #fff !important;
}

.slick-nav .slick-dots li {
  margin: 0 2px;
  height: 25px;
  width: 25px;
}
.slick-nav .slick-dots li button::before {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  content: ""; /* nécessaire pour que ::before fonctionne */
  display: block;
  background-size: cover;
  background-color: transparent !important;
  opacity: 0.75 !important;
}

.slick-dots li:nth-child(1) button::before {
  background-image: url("images/db/1.png") !important;
}

.slick-dots li:nth-child(2) button::before {
  background-image: url("images/db/2.png") !important;
}

.slick-dots li:nth-child(3) button::before {
  background-image: url("images/db/3.png") !important;
}

.slick-dots li:nth-child(4) button::before {
  background-image: url("images/db/4.png") !important;
}

.slick-dots li:nth-child(5) button::before {
  background-image: url("images/db/5.png") !important;
}

.slick-dots li:nth-child(6) button::before {
  background-image: url("images/db/6.png") !important;
}

.slick-dots li:nth-child(7) button::before {
  background-image: url("images/db/7.png") !important;
}

.slick-dots li:nth-child(8) button::before {
  background-image: url("images/db/8.png") !important;
}

.slick-nav .slick-dots li.slick-active button::before, .slick-nav .slick-dots li:hover button::before {
  opacity: 1 !important;
}/*# sourceMappingURL=room-dragon-ball-z-css.css.map */