/* SECTION Général */

a {color:#511ad7; cursor: pointer;}

.opacity-0 {opacity:0;}
.opacity-1 {opacity:0.2;}
.opacity-2 {opacity:0.4;}
.opacity-3 {opacity:0.6;}
.opacity-4 {opacity:0.8;}
.opacity-5 {opacity:1;}

.titre-bandeau {position:absolute;transform: translate(0%, -100%);left:0;width:100%;text-align:left;}
.nav-partie {height:50px;line-height:50px;min-width:480px;}

*:focus{box-shadow: unset !important;}

.violet-h {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5519d2+0,5519ff+99&1+0,0+72 */
background: -moz-linear-gradient(45deg,  rgba(85,25,210,1) 0%, rgba(85,25,243,0) 72%, rgba(85,25,255,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(85,25,210,1) 0%,rgba(85,25,243,0) 72%,rgba(85,25,255,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(85,25,210,1) 0%,rgba(85,25,243,0) 72%,rgba(85,25,255,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5519d2', endColorstr='#005519ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  }

.shiny-effect {
    position: relative;
    overflow: hidden;
}
.shiny-effect:after {
  
    animation: shine 5s ease-in-out  infinite;
    animation-fill-mode: forwards;  
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
      to right, 
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.13) 77%,
      rgba(255, 255, 255, 0.5) 92%,
      rgba(255, 255, 255, 0.0) 100%
    );

}

/* Hover state - trigger effect */


/* Active state */

/* SECTION EFFETS */

.shiny-effect:active:after {
opacity: 0;
}
  
@keyframes shine{
    10% {
      opacity: 1;
      top: -30%;
      left: -30%;
      transition-property: left, top, opacity;
      transition-duration: 0.7s, 0.7s, 0.15s;
      transition-timing-function: ease;
    }
    100% {
      opacity: 0;
      top: -30%;
      left: -30%;
      transition-property: left, top, opacity;
    }
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.glowy-effect {box-shadow: 0 0 40px 30px #fff, 0 0 70px 40px #ff6;}
.glowy-effect-min {box-shadow: 0 0 4px 3px #fff, 0 0 7px 4px #ff6;z-index: 1;}

@keyframes float_v {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}

#accueil-s1-logo {
	transform: translatey(0px);
	animation: float_v 4s ease-in-out infinite, fadeIn ease 5s;
}

#accueil-s1-h1 {background: url('../img/effet-titre.png') repeat-y;
  background-size:auto 100%;
  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color:transparent;
  -webkit-animation: aitf 80s linear infinite;

  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

.poussieres {position:absolute;z-index:1;}
#accueil-s1 {overflow:hidden;}
#accueil-s1 > #accueil-s1-logo, #accueil-s1 > div.w-100:not(#accueil-s1-background), #accueil-s1 > h1, #accueil-s1 > form {z-index:2;position:relative;}

.poussiere1 {
  position: absolute;
  z-index: 999;
  height: 100vh;
  width: 100vw;
}

.speck {
  opacity: 0;
  height: 4px;
  width: 4px;
  background: url('../img/point-blanc.png');
  background-size: cover;
  position: absolute;
  border-radius: 10px;
  z-index: 99;
}

.img {
  position: absolute;
  height: 100000px;
  width: 100000px;
  top: -8500px;
  left: -8000px;
  animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  animation-name: float;
  animation-iteration-count: infinite;
}

.img-1 {
  opacity: 0.25;
  background: url('../img/dust1.jpg');
  background-repeat: repeat;
  animation-duration: 600s;
}

.img-2 {
  opacity: 0.2;
  background: url('../img/dust2.jpg');
  background-repeat: repeat;
  animation-duration: 450s;
}

.img-3 {
  opacity: 0.15;
  background: url('../img/dust3.jpg');
  background-repeat: repeat;
  animation-duration: 350s;
}

@keyframes twinkle {
  0% {
    transform: translate(0px, 0px);
  }
  30% {
    opacity: 0;
  }
  50% {
    opacity: 0.75;
  }
  70% {
    opacity: 0;
  }
  100% {
    transform: translate(175px, 100px);
  }
}

@keyframes float {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
      transform:translate(8000px, 4000px);
  }
}

  /* SECTION HOVER */
  #accueil-s1-jouer {overflow: hidden;
    margin: 0 0.8rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 3px 8px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0, 0.22, .3, 1);
  }
    
  #accueil-s1-jouer:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.1);
  }

  #accueil-s1-jouer >	span:nth-of-type(2) {
    color: #fff;
    font-size: 1rem;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  #accueil-s1-jouer >	span.position-relative {z-index:11;}

  #accueil-s1-jouer > .back {
    position: absolute;
    width: 0;
    height: 0;
    filter: url(#filter);
    border-radius: 50%;
    z-index: 5;
    transition: all 2.5s cubic-bezier(0.1, 0.22, .3, 1);
    left: -50%;
    bottom: -50%;
    background: #222222;
    background: -moz-linear-gradient(top,  #222222 0%, #000111 100%);
    background: -webkit-linear-gradient(top,  #222222 0%,#000111 100%);
    background: linear-gradient(to bottom,  #222222 0%,#000111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000111',GradientType=0 );
  }


  #accueil-s1-jouer:hover > .back{
    width: calc(2 * 440px);
    height: calc(2 * 80px);
  }

  @media only screen and (max-width: 750px) {
    .wrapper {
      flex-direction: column;
    }
    .button{
      margin: 0.8rem 0;
    }
  }


  a#accueil-s1-jouer{
    margin: 0 20px;
    color: #fff;
    font-size: 2rem;
    transition: all 400ms ease;
  }

  .home-numbers {-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

  .home-numbers:hover {-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
  /* !SECTION HOVER */

  /* ----------------------------------------------
 * Generated by Animista on 2021-7-26 21:50:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shadow-drop-2-lr
 * ----------------------------------------
 */

a.bg-violet.text-white.ff-bree:hover, a.bg-white.text-black.ff-bree:hover {
	-webkit-animation: shadow-drop-2-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes shadow-drop-2-lr {
  0% {
    
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    
    -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.8), 12px 0 20px -12px rgba(0, 0, 0, 0.8);
            box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.8), 12px 0 20px -12px rgba(0, 0, 0, 0.8);
  }
}
@keyframes shadow-drop-2-lr {
  0% {
    
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    
    -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.8), 12px 0 20px -12px rgba(0, 0, 0, 0.8);
            box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.8), 12px 0 20px -12px rgba(0, 0, 0, 0.8);
  }
}

@keyframes move {
  100% {
      transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

#fleaux-quest-ce-a-dire {
  overflow: hidden;
}

section.fade-in.halos > span.halo-effect {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 45;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index:1;
}

section.fade-in.halos > *:not(span.halo-effect) {z-index:2;position:relative;}


section.fade-in.halos > span.halo-effect:nth-child(0) {
  color: rgba(255,255,255,0.3);
  top: 30%;
  left: 57%;
  animation-duration: 42s;
  animation-delay: -9s;
  transform-origin: 6vw -20vh;
  box-shadow: 40vmin 0 5.3797896985944815vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(1) {
  color: rgba(255,255,255,0.3);
  top: 98%;
  left: 97%;
  animation-duration: 27s;
  animation-delay: -25s;
  transform-origin: 4vw -11vh;
  box-shadow: -40vmin 0 5.108349116521461vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(2) {
  color: rgba(255,255,255,0.3);
  top: 26%;
  left: 89%;
  animation-duration: 11s;
  animation-delay: -41s;
  transform-origin: 10vw 7vh;
  box-shadow: -40vmin 0 5.346676613125423vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(3) {
  color: rgba(255,255,255,0.5);
  top: 38%;
  left: 86%;
  animation-duration: 41s;
  animation-delay: -6s;
  transform-origin: 0vw -17vh;
  box-shadow: -40vmin 0 5.673018152635259vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(4) {
  color: rgba(255,255,255,0.5);
  top: 21%;
  left: 8%;
  animation-duration: 10s;
  animation-delay: -38s;
  transform-origin: 17vw -22vh;
  box-shadow: -40vmin 0 5.879200016919718vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(5) {
  color: rgba(255,255,255,0.3);
  top: 37%;
  left: 20%;
  animation-duration: 6s;
  animation-delay: -8s;
  transform-origin: 1vw -2vh;
  box-shadow: 40vmin 0 5.962714344647637vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(6) {
  color: rgba(255,255,255,0.5);
  top: 66%;
  left: 9%;
  animation-duration: 46s;
  animation-delay: -50s;
  transform-origin: -7vw 12vh;
  box-shadow: 40vmin 0 5.226599558511347vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(7) {
  color: rgba(255,255,255,0.3);
  top: 92%;
  left: 93%;
  animation-duration: 53s;
  animation-delay: -50s;
  transform-origin: -17vw 9vh;
  box-shadow: -40vmin 0 5.151854485249473vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(8) {
  color: rgba(100,100,100,0.2);
  top: 78%;
  left: 72%;
  animation-duration: 44s;
  animation-delay: -49s;
  transform-origin: 11vw 21vh;
  box-shadow: -40vmin 0 5.960987105764814vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(9) {
  color: rgba(255,255,255,0.3);
  top: 28%;
  left: 74%;
  animation-duration: 31s;
  animation-delay: -41s;
  transform-origin: 6vw -18vh;
  box-shadow: 40vmin 0 5.330151589975689vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(10) {
  color: rgba(255,255,255,0.3);
  top: 20%;
  left: 3%;
  animation-duration: 10s;
  animation-delay: -8s;
  transform-origin: 2vw -15vh;
  box-shadow: -40vmin 0 5.576489300623159vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(11) {
  color: rgba(255,255,255,0.3);
  top: 24%;
  left: 55%;
  animation-duration: 6s;
  animation-delay: -46s;
  transform-origin: -22vw -12vh;
  box-shadow: 40vmin 0 5.917363574720035vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(12) {
  color: rgba(255,255,255,0.3);
  top: 54%;
  left: 52%;
  animation-duration: 41s;
  animation-delay: -19s;
  transform-origin: 21vw 4vh;
  box-shadow: -40vmin 0 5.961221021773344vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(13) {
  color: rgba(255,255,255,0.3);
  top: 6%;
  left: 83%;
  animation-duration: 18s;
  animation-delay: -16s;
  transform-origin: 0vw -19vh;
  box-shadow: -40vmin 0 5.868102672440164vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(14) {
  color: rgba(255,255,255,0.5);
  top: 97%;
  left: 91%;
  animation-duration: 30s;
  animation-delay: -11s;
  transform-origin: 25vw 0vh;
  box-shadow: -40vmin 0 5.185105524476106vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(15) {
  color: rgba(255,255,255,0.5);
  top: 78%;
  left: 24%;
  animation-duration: 25s;
  animation-delay: -43s;
  transform-origin: 0vw -14vh;
  box-shadow: -40vmin 0 5.984417726991948vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(16) {
  color: rgba(100,100,100,0.2);
  top: 80%;
  left: 77%;
  animation-duration: 30s;
  animation-delay: -41s;
  transform-origin: -24vw 8vh;
  box-shadow: 40vmin 0 5.620154464355387vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(17) {
  color: rgba(255,255,255,0.5);
  top: 4%;
  left: 17%;
  animation-duration: 10s;
  animation-delay: -5s;
  transform-origin: 2vw 5vh;
  box-shadow: 40vmin 0 5.696676527941238vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(18) {
  color: rgba(255,255,255,0.3);
  top: 77%;
  left: 18%;
  animation-duration: 43s;
  animation-delay: -34s;
  transform-origin: 18vw 5vh;
  box-shadow: 40vmin 0 5.7078895276160475vmin currentColor;
}
section.fade-in.halos > span.halo-effect:nth-child(19) {
  color: rgba(100,100,100,0.2);
  top: 74%;
  left: 34%;
  animation-duration: 45s;
  animation-delay: -35s;
  transform-origin: -19vw -11vh;
  box-shadow: -40vmin 0 5.276088180821419vmin currentColor;
}


/* !SECTION EFFETS */

.z-index-2 {z-index:2;}
.top-0 {top:0;}
.bottom-0 {bottom:0;}
.left-0 {left:0;}
.right-0 {right:0;}
.list-reset {list-style:none;}
.noiretblanc {filter: grayscale(100%);}
.tshadow-1 {text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;}
.lheight-1 {line-height:1;}

.justify-content-evenly{justify-content: space-evenly !important;}

a.nav-link.pb-0 + nav.nav.nav-pills.flex-column.pb-2 {font-size:12px;}

.single-message > div.message-avatar {width:30px;padding:0;max-width:30px;}
.single-message.message-moi {padding-left:20px;}
.single-message.message-toi {padding-right:20px;}
.single-message {font-size:14px;}
#espace-message textarea, #espace-message button {height:42px;}
#espace-message textarea:focus {height:120px;}

.avatar-joueur.selected {border:2px solid #511ad7;background-color:rgba(85,25,210,0.2)}

.inscription-newsletter > input[type="email"] {height:80px;width:300px;}
.inscription-newsletter > input:last-of-type {margin-bottom:3px;}
.btn-big {height:80px;font-size: 32px;padding: 0 70px;line-height: 75px;}
.mbf-show {display:none;}


@media screen and (max-width: 740px) {

  #fleaux-stats .home-numbers {padding:20px !important;background-size:90% auto !important;}
  #fleaux-stats .home-numbers .w-100.text-center.px-4.lh-1 {font-size:20px !important;}
  #fleaux-quest-ce-a-dire {height:auto !important;}
  #menu_header .wrap-reseaux > a:not(:last-child) {display:none !important;}
  #accueil-s1 #accueil-s1-h1 {font-size:30px;}
  #accueil-s1 #accueil-s1-jouer {font-size:24px;}
  .h1, h1 {font-size:2rem;}
  #classement-actu .px-5 {padding-left:15px !important;padding-right:15px !important;}
  #classement-actu td {font-size:12px;}
  #classement-actu td.h3 {font-size:1.25rem;}
  footer#footer {display:block !important;padding-left:20px !important;padding-right:20px !important;}
  footer#footer > span {display:block;clear:both;font-size:12px;}
  footer#footer .d-flex {display:block !important;}
  footer#footer .wrap-reseaux {display:block !important;width:100%;margin-top:15px;}
  footer#footer .wrap-reseaux > a:first-child {margin:0;}
  footer#footer a {font-size:12px;}
  .row .col-xs-2 {width:16.6667% !important;}
  

}

@media screen and (min-width: 740px) and (max-width:1100px) {

  #fleaux-stats .home-numbers .w-100.text-center.px-4.lh-1 {font-size:28px !important;}
  #fleaux-stats .home-numbers {padding:20px !important;}
  #classement-actu .px-5 {padding-left:15px !important;padding-right:15px !important;}
  #classement-actu td {font-size:12px;}
  #classement-actu td.h3 {font-size:1.25rem;}
  .h3, h3 {font-size:1.25rem;}

}

/* !SECTION */

/* SECTION Header */

.screen-overlay {
  width:0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
   }
.screen-overlay.show {
    transition:opacity .5s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}

.offcanvas{
	width:350px;
	visibility: hidden;
	transform:translateX(-100%);
	transition:all .2s;
  border-radius:0; 
  box-shadow: 0 5px 10px rgba(0,0,0, .2);
	display:block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1200;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}

.offcanvas.offcanvas-right {
   right: 0;
   left: auto;
   transform: translateX(100%); 
 }

.offcanvas.show{
	visibility: visible;
    transform: translateX(0);
    transition: transform .2s;
}

#menu-joueur header {border-top:4px solid #ccc;}

/* !SECTION HEADER */


/* -------------------------------------------------------------------------- */
/* SECTION page village */

.fond-village {position:relative;background-size:cover;min-height:100vh;overflow:hidden;}
.fond-village > div:first-of-type {background-color:rgba(0,0,0,0.4);min-height:100vh;}
#liste-lieux {padding:0;}
#liste-lieux li {list-style:none;}
#liste-lieux li a {display:block;background-color:rgba(85,25,210,0.6);padding:10px 25px;font-size:1.2em;color:#fff;line-height:40px;}
#liste-lieux li a.active, #liste-lieux li a:hover {background-color:rgba(85,25,210,0.8);}
#liste-lieux li a img {margin-right:20px;}
#liste-lieux li a i {line-height:40px;}
.bg-white-tr {background:rgba(255,255,255,0.7);}
.emplacements {position:relative;}
.emplacements > span {width:40px;height:40px;display:inline-block;*display:inline;zoom:1;vertical-align:middle;background-position:center center;background-size:30px 30px;background-repeat:no-repeat;}
.emplacements > span:not(:last-of-type) {margin-right:2px;}
.emplacements > span {margin-bottom:2px;}
#inventaire .emplacements > span {background-image:url('../img/ico-objets.png');}
#equipements .emplacements > span:first-child {background-image:url('../img/ico-arme.png');}
#equipements .emplacements > span:nth-child(2) {background-image:url('../img/ico-armure.png');}
#equipements .emplacements > span:last-of-type {background-image:url('../img/ico-accessoires.png');}
.points-header-partie {font-family: "Bree Serif";font-size:20px;}
#alterations .emplacements > span {background-image:url('../img/ico-alteration-malus.png');background-color:#8e3131;}
#alterations .emplacements > span:first-child {background-image:url('../img/ico-alteration-bonus.png');background-color:#444e95;}
.background-ajust {background-size:cover;background-position:center top;}
form label .bg-violet.text-white {font-size:0.8em;}
.objectif {font-size:14px;padding-right:30px;}
.objectif.accompli {color:#aaa;text-decoration:line-through;position:relative;font-style: italic;}
.objectif.accompli:after {content:"";position:absolute;top:8px;right:0;width:30px;height:30px;background:url('../img/accompli.png') no-repeat center center;background-size:cover;}
.vignette {border:1px solid #666;margin-left:2px;}
#liste-habitants .dropdown-toggle:after {content:none;}
#liste-habitants .dropdown-toggle {cursor:pointer;}

#forum-partie a.row.align-items-center:not(:last-child) {border-bottom:1px solid #1d2124;}
.avatar-joueur {display:inline-block;background-repeat:none;background-size:cover;}
.avatar-joueur {padding:0.2em;}
#mon-compte_messages .container, #mon-compte_amis .container, #mon-compte_succes .container, #mon-compte_profil .container {min-height:calc(100vh - 198px);}

#forum-partie blockquote {font-size:16px;}
#forum-partie .div-bt {width:80px;max-width:80px;}
#forum-partie textarea {width:100%;}
.bg-violet:not(:empty) {
  background-image: none !important;
}

/* !SECTION - CLOSE page village */
/* -------------------------------------------------------------------------- */


fieldset:disabled .select2{pointer-events: none;}
fieldset.disable-hidden{overflow: hidden;}
fieldset.disable-hidden:disabled{display:none; height: 0px;}

.spinner {margin: 100px auto;width: 40px;height: 40px;position: relative;text-align: center;-webkit-animation: sk-rotate 2.0s infinite linear;animation: sk-rotate 2.0s infinite linear;}

.dot1, .dot2 {width: 60%;height: 60%;display: inline-block;position: absolute;top: 0;background-color: white;border-radius: 100%;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}

.dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.sk-bounce{-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}

/* -------------------------------------------------------------------------- */
/* SECTION Objets */

.fleau-objet>*::after{
  content: ""; position: absolute; width: 100%;height: 100%;
}
.quest-craft::after{
  background: #f2af44 no-repeat top left / 8px 8px;
}
.pending-craft::after{
  background: no-repeat top right / 12px 12px url(https://fleaux.online/assets/img/horloge.png); 
}
.quest-craft.pending-craft{
  background: no-repeat top left / 12px 12px url(https://fleaux.online/assets/img/horloge.png),
  no-repeat top right / 12px 12px url(https://fleaux.online/assets/img/horloge.png); 
}

/* .pending-craft::after {content: "";position: absolute;background-image: url(https://fleaux.online/assets/img/horloge.png);width: 12px;height: 12px;z-index: 999;background-size: contain; top: -2px; right: -4px;} */

/* SECTION - CLOSE Objets */
/* -------------------------------------------------------------------------- */

.wrap-reseaux > a:not(.fleau-menu) {width:40px;}
footer a[data-trigger="#menu-joueur"] > i {padding-right:0 !important;padding-left:20px !important;}

@media screen and (min-height: 700px) {
  #accueil-s1{height: 100vh;}
}

@media screen and (max-height: 699px) {
  #accueil-s1{padding-bottom:80px;}
  section.vh-100 {height:auto !important;}
}

/* SECTION LANDING */

@media screen and (min-width: 992px) and (max-width: 1420px) {

  #le-jeu p {font-size:14px;}
  #le-jeu h2 {font-size:2rem;}
  #le-jeu p > span:not(.fs-titre) {font-size:24px !important;}
  #landing hr {height:20px;margin-top:20px;margin-bottom:20px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
  #landing #accueil-s1-jouer, #landing .btn-big {height:55px;font-size: 28px;padding: 0 70px;line-height: 51px;}
  .inscription-newsletter > input[type="email"] {height:55px;}
  .inscription-newsletter > input[type="email"], #landing #accueil-s1-jouer, #landing .btn-big {width:300px;}

}

@media screen and (max-width: 991px) {

  #landing p {font-size:14px;}
  #landing h2 {font-size:1.5rem;}
  #landing hr {height:20px;margin-top:20px;margin-bottom:20px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
  #landing #accueil-s1-jouer, #landing .btn-big {height:40px;font-size: 24px;padding: 0 20px;line-height: 37px;}
  .inscription-newsletter > input[type="email"] {height:40px;}
  .inscription-newsletter > input[type="email"], #landing #accueil-s1-jouer, #landing .btn-big {width:300px;}
  #landing h1 {font-size:26px;}
  #landing img[width="50"], #landing img[height="40"] {width:35px;height:35px;}
  #landing #le-jeu {height:auto !important;display:inherit !important;}
  #landing #le-jeu > div {}
  #landing #le-jeu > div > .col-lg-6 {height:100vh;-ms-flex-align: center !important;align-items: center !important;display:flex;flex-direction: column;}
  #le-jeu p > span:not(.fs-titre) {font-size:24px !important;}
  #landing .home-numbers {padding:20px !important;background-size:75% auto !important;}
  #landing .mbf-hide {display:none !important;}
  #landing .mbf-show {display:block !important;}
  #landing #accueil-s1 {padding-top:60px !important;}
  footer .justify-content-end {justify-content:center !important;}
  footer > div:first-child {text-align:center !important;}
  footer .wrap-reseaux {margin-top:15px;text-align:center;}
  footer .wrap-reseaux > a {display:inline-block;vertical-align:top;margin-left:8px;}
  .wrap-reseaux > a:not(.fleau-menu), .wrap-reseaux > a:not(.fleau-menu) img {width:30px;height:30px;}
  .wrap-reseaux > a.fleau-menu i {padding-right:10px !important;padding-left:20px !important;}
  .wrap-reseaux > a:not(.fleau-menu) {margin-top:5px !important;}

}

/* !SECTION LANDING*/