#js-btn-presentation--off{display:none;}
#js-btn-presentation{display:inline-block;}
.page-presentation #js-btn-presentation--off{display:inline-block;}
.page-presentation #js-btn-presentation{display:none;}

#presentation-login{display:none;margin:0 0 20px;padding:0 0 0;}
#presentation-login .h1{color:#FFF;}
#presentation-login label{display:inline-block;margin-bottom:5px;}
#presentation-login input{display:block;font-size:24px;padding:5px;}
/*.page-presentation #presentation-login{display:block;}*/

.password__error{color:red;display:block;font-size:0;height:0;line-height:0;margin:10px 0;min-height:35px;padding:5px;-webkit-transition:height 1s;transition:height 1s;}
.password__error--active{font-size:1rem;height:auto;line-height:normal;}

.page-presentation .navbar-nav-logo,
.page-presentation .navbar-nav {
  display: none;
}
/*.page-presentation .header-language{display:none;}*/



.page-presentation .header-section-meta { overflow: visible; }
.page-presentation #presentation-login {
  background: #fff;
  box-shadow: 10px 10px 30px #0002;
  left: 50%;
  margin: 0;
  margin-bottom: 1rem;
  padding: 2rem;
  position: fixed;
  text-align: center;
  top: 25vh;
  transform: translateX(-50%);
  width: 50%;
  z-index: 1100;
}
.page-presentation #presentation-login.presentation-login--hidden {
  display: none;
}
#presentation-login .hide-logout {
  cursor: pointer;
  position: absolute;
  padding: .5rem 1rem;
  font-size: 2em;
  right: 0;
  top: 0;
}

.page-presentation #presentation-login * {display: block;}
.page-presentation #presentation-login + .btn {margin: 0;}
.page-presentation #presentation-login .h3 {margin-bottom: 1rem;}
.page-presentation #presentation-login input {display: block;font-size: 24px;padding: 5px;margin: 0 auto;}

@media (max-width: 575px) {
  .page-presentation #presentation-login {
    left: 1rem;
    top: 25vh;
    transform: none;
    width: calc(100% - 2rem);
  }
}