.ContenantLogin
{
width:50%;    
margin:0 auto;
margin-top:10px;
}

.ResultatIncorrect
{
color:#b22222;
font-size:14px;
margin-top: 10px;
}


.TitreMdp
{
font-size: 24px;
margin-top: 25px;
margin-bottom: 15px;
}

.IndicationMdp
{
font-size: 16px;    
}

#Controleantirobot
{
color:#b22222;  
}


.VisibleCheck
{
font-size:0px;
}


.VisibleExc
{
font-size:0px;
color:#b22222;
}


.BoutonAction
{
padding: 8px;
width:98%;
background-color:#2f2f2f;
color: #dadce0;
text-align: center;
height: 40px;
line-height:40px;
box-shadow: 1px 1px 6px white;	
border-radius: 4px;	
cursor:pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
opacity: 1;
font-size: 16px;
margin-top: 35px; 
}

.BoutonAction:hover
{
color:whitesmoke;
opacity: 0.8;
}





#ContenuAfficheInscription
{
display:none;

}








/* form */

  
  .hd-form-div h1{
    color:#202124;
    padding-bottom: 0;
    padding-top: 16px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    text-align: left;
  }
  
 
  
  .hd-form-div-in{
    padding-top:40px;
  }
  
  /* input text */
  .hd-input-text-div{
      height: 50px;
      position: relative;
      z-index: 99;
  }
  .hd-input-text{
      border-radius:4px;
      padding:13px 15px;
      font-size:16px;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      color:#202124;
      border:1px solid #dadce0;
      cursor: pointer;
  }
  .hd-input-text:focus{
      outline:0;
      border:2px solid grey;
      
  }
  .hd-input-text-placeholder{
      background: #fff;
      color: #80868b;
      padding:0 8px;
      font-size:16px;
      font-weight: 400;
      z-index: 1;
      position: absolute;
      left:8px;
      top:12px;
      cursor: pointer;
  }
  
  @keyframes yukari {
      from {top: 12px; font-size:16px;}
      to {top: -12px; font-size:14px;}
  }
  
  @keyframes asagi {
    from {top: -12px; font-size:14px;}
    to {top: 12px; font-size:16px;}
  }
  
  /* input textarea */
  .hd-input-textarea-div{
    height: 88px;
    min-height: 88px;
    position: relative;
    z-index: 99;
  }
  .hd-input-textarea{
    border-radius:4px;
    padding:13px 15px;
    font-size:16px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color:#202124;
    border:1px solid #dadce0;
    cursor: pointer;
    resize: vertical;
    
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  .hd-input-textarea:focus{
    outline:0;
    border:2px solid grey;
  }
  .hd-input-textarea-placeholder{
    background: #fff;
    color: #80868b;
    padding:0 8px;
    font-size:16px;
    font-weight: 400;
    z-index: 1;
    position: absolute;
    left:8px;
    top:12px;
    cursor: pointer;
  }
  
  /* select */
  .hd-select {
    position: relative;
  }
  .hd-select select {
    display: none; 
  }
  .hd-select-selected {
    background-color: #fff;
    font-weight: 500;
  }
  .hd-select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
  }
  .hd-select-items div{
    color: #222;
    padding: 13px 15px;
    cursor: pointer;
    user-select: none;
  }
  .hd-select-selected {
    color: #222;
    padding: 13px 15px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    cursor: pointer;
  }
  .hd-select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border:1px solid #dadce0;
    font-weight: 500;
  }
  .hd-select-hide {
    display: none;
  }
  .hd-select-items div:hover, .hd-select-items .hd-same-as-selected{
    background-color: white;
    color:grey;
  }
  .hd-select-selected.hd-select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 14px;
  }
  .hd-select-arrow-active{
    border: 2px solid grey;
  }
  
  /* button */
  .hd-button{
    height: 35px;
  }
  .hd-button-colored{
    height: 100%;
    min-width: 88px;
    padding: 0 8px;
    margin-left:4px;
    background-color: #1a73e8;
    border:0;
    border-radius: 4px;
    color:#fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    outline:none;
  }
  .hd-button-colorless{
    height: 100%;
    min-width: 88px;
    padding: 0 8px;
    margin-left:4px;
    background-color: #fff;
    border:1px solid #dadce0;
    border-radius: 4px;
    color:#1a73e8;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color .2s .1s;
    outline:none;
  }
  .hd-button-colorless:hover{
    background-color: #e8f0fe;
    border: 1px solid #d2e3fc;
  }


  @media screen and (max-width: 1200px)
{
    .ContenantLogin
    {
    width:94%;    
    margin:0 auto;
    margin-top:10px;
    }

    .TitreMdp
    {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
    }
    
    .IndicationMdp
    {
    font-size: 14px;    
    }


}