/* page en cours de chargement */

div#loadingdatas.hidden {
  display:none!important;
}
#loadingdatas {
  display:block;
  position:absolute;
  left:0px;
  top:125px;
  width:100%;
  height:100%;
  background-color:rgba(192, 200, 206, 0.95);
  z-index:1059
}

.home-page #loadingdatas {
  top:65px!important;
  background-color:rgba(192, 200, 206, 0.90);
}

#loadingdatas .content {
  padding: 15px;
  overflow: hidden;
  position:fixed;
  width:100vw;
  margin-top:30vh;
}

#loadingdatas .clear {
  clear: both;
}

#loadingdatas .load-wrapp {
  width: 50vw;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  padding: 20px 20px 20px;
  border-radius: 5px;
  text-align: center;
}

#loadingdatas .load-wrapp p {
  padding: 0 0 20px;
  font-size:2em!important;
  color:#80959f!important;
}

#loadingdatas .linedata {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #ee7800;
}

#loadingdatas .load-3 .linedata:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
#loadingdatas .load-3 .linedata:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
#loadingdatas .load-3 .linedata:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}

@media (max-width: 991px) {
  #loadingdatas {
      top:60px;
  }

  #loadingdatas .content {
      margin-top:10vh;
  }

  #loadingdatas .load-wrapp {
      width: 80vw;
  }

  #loadingdatas .load-wrapp p {
      font-size:1.5em!important;
  }
}

@keyframes loadingC{
  0% {
      transform: translate(0, 0);
  }
  50% {
      transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}