@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mooli&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&display=swap');
body, table, td, div {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 15px;
}
body {
	background-color:#ffba99;
  /*background-color: #ff5200;*/
  background-image: URL(images/login-bg.jpg);
  background-size: cover;
  max-width: 100%;
  max-height: 100%;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
.wrap1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  margin: 0;
}
.loginform{
  position: relative;
  background: rgba(255, 255, 255, 0.88);
  z-index: 10;
  padding: 20px;
  width: 460px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 36px 0px, rgba(0, 0, 0, 0.5) 0px 0px 0px 1px;
}
div.loginform{
  position: relative;
  background: rgba(255, 255, 255, 0.88);
  z-index: 10;
  padding: 20px;
  width: 460px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 36px 0px, rgba(0, 0, 0, 0.5) 0px 0px 0px 1px;
}
@media screen and (min-width: 1400px) {
  div.loginform {
    position: absolute;
    top: 25%;
    left: 63%;
    width: 460px;
    z-index: 10;
    padding: 20px;
  }
}
div.logform {
  padding: 0px 60px 0px 60px;
}
.login {
  clear: both;
  width: 100%;
  margin: 40px auto;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 34px;
	letter-spacing:1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
input.input-login {
  margin-top: 0px;
  padding-top: 5px;
  width: 100%;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #000000;
  letter-spacing: 1px;
  word-spacing: normal;
  white-space: normal;
  border: 0;
  border-bottom: 1px solid #d7d7d6 !important;
  box-shadow: 1px 1px 0 0 rgba(238, 245, 246, 0.99);
  height: 30px;
}
input.input-login:focus {
  border: 1px solid #d7d7d6 !important;
  background: transparent;
}
input.input-login:active {
  border: 1px solid #d7d7d6 !important;
  background: transparent;
}
input.check{
	background:transparent;
} 
div.login-button {
  width: 182px;
  height: 50;
  border: none;
  border-radius: 45px;
  box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

.login-button:hover {
  transform: translateY(-4px);
	 box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
}
.wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 40px;
}
.bandeau{
	background: URL(images/bandeau.png) #0076b8;
	background-position:left top;
  width:1920px;
	height:240px;
  max-width: 100%;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}