html {
  background: #faf8f8;
  background: -moz-linear-gradient(top,  #faf8f8 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #faf8f8 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #faf8f8 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8f8', endColorstr='#ffffff',GradientType=0 );
  height: 100%;
}

body {
  background: url('/images/login/LoginPage_Plan_de_travail_1.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  padding: 0;
}

#main.login #auth-modal {
  left: 50%;
  margin: -180px 0 0 -400px;
  position: absolute;
  top: 50%;
  width: 490px;
}

#main.login #auth-modal .display-none {
  display: none;
}

#main.login #auth-modal #auth-modal-inner {
  background: none;
  border-radius: 0;
  box-shadow: none;
}

#main.login #auth-modal #auth-modal-inner .logo {
  padding: 0 0 40px 0;
  text-align: left;
}

#main.login #auth-modal #auth-modal-inner .logo img {
  width: 250px;
}

#main.login .picto {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -162px;
  margin-left: 200px;
}

#main.login.google .picto {
  margin-top: -232px;
  margin-left: 130px;
}

#main.login #auth-modal label {
  color: #231F20;
  font-size: 28px;
  font-family: 'Times New Roman', serif;
  font-weight: 400;
}

.input-group {
  width: 100%;
}

#main.login #auth-modal .textInput {
  background: #FFF;
  color: #231F20;
  font-size: 20px;
}

#main.login #auth-modal .modalActions > input {
  background: none;
  height: auto;
  width: 138px;
}

#main.login #auth-modal #auth-modal-inner form {
  width: 100%;
}

#main.login #auth-modal #auth-modal-inner form .errorWindow {
  text-align: left;
  margin-top: -30px;
  font-size: 19px;
}

#main.login.google #auth-modal {
  width: 100%;
  left: 0;
  padding: 0;
  margin-left: 0;
}

#main.login.google #auth-modal #auth-modal-inner {
  margin: 0 auto;
  width: 280px;
}

#main.login.google #auth-modal #auth-modal-inner .google-login-inner {
  position: relative;
}

#main.login #auth-modal #auth-modal-inner .google-login-inner .errorWindow {
  text-align: left;
  margin-top: -30px;
  font-size: 19px;
  color: #c93d3d;
  font-weight: 300;
  position: absolute;
  width: 100%;
}

@media (max-width: 1180px) {

  #main.login #auth-modal {
    left: 190px;
    margin-left: 0;
    width: 370px;
  }

}

@media (max-width: 767px) {

  #main.login #auth-modal {
    width: 100%;
    padding: 0 10%;
    left: 0;
  }
}