:root {
  /*--color_vert: rgb(25,102,46);*/
  --color_vert_submit: #1abc9c;
  --color_vert_fonce: #007965;
  --color_vert: #00af91;
  --color_vert_clair: rgb(230,250,250);
  --color_orange:#f58634;
  --color_gris: #696f7a;
}

@font-face{
  font-family: "Nunito sans";
  src:url(../font/NunitoSans-Light.ttf);
}

html, 
body {
  height: 100%;
  font-family:Calibri;
  font-family: "Nunito sans";
  overflow: hidden;
  width: 100%;
  position: relative;
  box-sizing:border-box;
}

body {
  margin: 0;
}

button{
    font-family: "Nunito sans";
}



.divLogin{
    display : flex;
    flex-direction: column;
    width:100%;
    height: 100%;
    align-items: center;
}

.divTitreLogin{
    color:var(--color_vert_fonce);
    font-size:50px;
    font-weight: 1000;
    margin-bottom:30px;
    padding:100px 0px 50px 0px;
}

.divLogin input[type=text], input[type=password], input[type=email] {
    width: 100%;
    padding: 12px 20px 12px 50px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.divLogin input[type=submit] {
    width: 50%;
    background-color: var(--color_orange);
    color: white;
    padding: 14px 20px;
    margin: 20px 0 20px 0px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.divLogin a
{
  text-decoration:none;
  color:blue;
}

.divLogin a:hover
{
  text-decoration:underline;
  color:blue;
}

.divLogin_item{
    border-radius: 20px;
    padding: 70px 30px;
    width:400px;
    background-color: var(--color_vert_clair);
    color:black;
    position:relative;
    box-shadow: 0px 0px 10px rgb(200,200,200);
}




.divIconeItem{
    position:absolute;
    top:-65px;
    left:190px;
    font-size:100px;
    color:var(--color_vert);
    font-weight: 100;
}

.divIconeItem img{
    width:80px;
    height:auto;
}

@media screen and (max-width:700px){
    .divLogin_item{
        padding: 70px 10px;
        width:300px;
    }
    .divIconeItem{
        left:125px;
    }
}

.divTitreLogin_item{
    color:var(--color_vert_fonce);
    font-size:30px;
    font-weight: 1000;
    margin-bottom:30px;
    
}

.divInputLogin{
    position:relative;
}

.divInputLogin div{
    position:absolute;
    left:0px;
    top:8px;
    color:rgb(250,255,255);
    background-color: var(--color_vert);
    padding: 10px 7px;
    border-radius:3px 0px 0px 3px;
    z-index:150;
    width:20px;
    text-align:center;
}

.divSubmitLogin{
    text-align: center;
}