html {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
    background-color:#e9e9ea;
      font-family: "Roboto", sans-serif;
    font-size:90%;
}
a {
    text-decoration:none;
}
input {
  border: 2px solid transparent;
    font-family: "Roboto", sans-serif;
  padding-left: 0.8em;
  outline: none;
  overflow: hidden;
  background-color: #F3F3F3;
  border-radius: 10px;
  transition: all 0.5s;
}

input:hover,
input:focus {
  border: 2px solid #4A9DEC;
  box-shadow: 0px 0px 0px 7px rgb(74, 157, 236, 20%);

}

.generallogin {
    position:absolute;
    width:80%;
    left:10%;
    right:10%;
    height:80%;
    top:10%;
    background-color:white;

-webkit-box-shadow: 0px 12px 34px -6px rgba(0,0,0,0.46); 
box-shadow: 0px 12px 34px -6px rgba(0,0,0,0.46);
}
.bandeaugauche {
    position:absolute;
    width:35%;
    left:0%;
    height:100%;
     background-image: url(images/connexion.jpg);
background-repeat: no-repeat;
background-position: center;
 background-size: auto 100%;
}
.bandeaugauche_inscription {
    position:absolute;
    width:35%;
    left:0%;
    height:100%;
     background-image: url(images/inscriptionsalarie.jpg);
background-repeat: no-repeat;
background-position: center;
 background-size: auto 100%;
}
.bandeaugauche_creationcompte {
    position:absolute;
    width:35%;
    left:0%;
    height:100%;
     background-image: url(images/creationcompte.jpg);
background-repeat: no-repeat;
background-position: center;
 background-size: auto 100%;
}
.bandeaugauche img {
    position:absolute;
    width:30%;
    height:auto;
    top:5%;
    left:10%;
}
.bandeaugauche_inscription img {
    position:absolute;
    width:30%;
    height:auto;
    top:5%;
    left:10%;
}
.bandeaugauche_creationcompte img {
    position:absolute;
    width:30%;
    height:auto;
    top:5%;
    left:10%;
}
.blocdroit {
    
    position:absolute;
    left:40%;
    width:65%;
    height:100%;
    overflow-y:scroll;
}
.blocdroit_contenu {
    
position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);

}
.connexion_titre {
    text-align:center;
    font-size:21px;
    font-weight:bold;
    padding-top:25px;
}
.connexion_soustitre {
    color:#8C8C8C;
    font-size:13px;
    margin-top:5px;
    margin-bottom:15px;
}
.connexion_input {
    
    color:#8C8C8C;
    font-weight:10px;
    
    margin-bottom:15px;
}
.connexion_input_champ_input{
    border:0;
    font-family: "Roboto", sans-serif;
    width:100%;
    background-color: transparent;
    border: solid 1px #8C8C8C;
    border-radius:4px;
    padding:6px;
    font-size:16px;
}
.connexion_input_champ_input:focus{
    border: solid 1px #561CE1;
}
.connexion_input_submit {
    background-color:#561CE1;
    color:white;
    border: solid 1px #561CE1;
    
    width:100%;
    padding:8px;
    font-family: "Roboto", sans-serif;
}
.lignemoitie {
    width:45%;
    display:inline-block;
    vertical-align:middle;
    margin-right:4%;
}
.connexion_scroll {
    width:100%;
}
.listeerreurs {
    font-size:80%;
}
.connexion_lienbas {
    text-align:center;
    margin-top:45px;
    margin-bottom:45px;
}
.connexion_lienbas a{
    color:#561CE1;
}
.connexion_iconecentrale {
    margin-top:30px;
    margin-bottom:30px;
    font-size:70px;
    text-align:center;
}