*, *:before, *:after {
  box-sizing: border-box;
}
.frmLogin{
  display: block;
  position:absolute;
  //height:300px;
  margin-top:-200px;
  padding: 20px 40px;
  line-height: 3em;
  top:50%;
  left:50%;
 
  margin-left:-225px;
  /* background: rgba(146,119, 220, .5); */
    background-color:white;
  /* background-image: linear-gradient(to bottom right, rgba(117, 65, 165, 0.1), rgba(185, 128, 238,0.1), rgba(117, 65, 165,.1)); */
  box-shadow: 0 13px 21px rgba(0, 0, 0, 0.05);
  border-radius:10px;
  //background-color: white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
}
.frmLogin img{
    height: 2vw;
    border-radius: 5px 0 0 5px;
        vertical-align: top;
}
.frmLogin form{
    margin-top: 15px;
}
.frmLogin input[type=text], .frmLogin input[type=password]{
    height: 2vw;
    border:none;
    background-color: rgb(196, 150, 255);
    vertical-align: top;
    color:white;
    width: calc(100% - 2vw);
    border-radius: 0px 5px 5px 0px;
    font-size: 1vw;
    font-weight: bold;
    padding-left: 10px;

}
.frmLogin input[type=text]::placeholder, .frmLogin input[type=password]::placeholder{
    color:white;
    font-weight: bold;
}
.frmLogin input[type=text]:focus, .frmLogin input[type=password]:focus{
 outline: none;

}
.frmLogin input[type=submit]{
    background-color: #ba0cdf;
    width: 100%;
    color:white;
    font-size: 15pt;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    border:none;
    color:white;
}
.frmLogin  h1{
    margin: 0;
}
.frmLogin label{
    width:140px;
    display: inline-block;
}
.flog{
    float:right;
    margin-right: 15px;
    width: 150px;
    background-color: white;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.flog a{
    text-decoration: none;
}
#background{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
}
.content1{
    margin: 0;
    padding:0;
    position:fixed;
    width: 100%;
   // width:var(--largeurPage);
    top:0px;
  
    //transform:translate(-50%, 0);
    height:100vh;
   background-color: rgba(255, 255, 255, 0.7);
   
}
input:-webkit-autofill {
    background-color: transparent !important;
}

input:-webkit-autofill::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ba0cdf;
    z-index: -1;
}