body{
    height:100vh;
    margin:auto;
    text-align:center;
    background-size:cover;;
	color:rgb(60,60,60);;
    background:white;
    background: rgb(23,32,40);
    color:rgb(160,160,160);;
}
a{color:var(--primary) ;}
.btnLien{
    border:white;
    color:white;
    background:var(--primary) ;
  } 
  .btnLien2{
    border:solid 0px rgb(255,117,26);
    color:var(--primary) ;
    background:transparent;
  } 

input::-webkit-input-placeholder{
    color:rgb(90,90,90);
}
.form button {
    background:var(--primary) ;
    border:solid 1px var(--primary) ;
    color:rgb(250,250,250);
    border-radius:18px
}
.form .btnResendCode{
    border:none;background: transparent;
    
}
.form .champ{
    background:rgba(155, 155, 155,0.1);
    border:none;
    color:white; border-radius:15px;
}
.champ i, .champ input{
    color:rgb(90,90,90);
}

/**aures**/

.contenair{
    width:35%;margin:auto;
}
.logo{
    max-height:90px;
    max-width:60%
} 
.btnLien,.btnLien2{
  padding:10px 25px 15px 25px;
  border-radius:10px;
  margin-top:10px;
  display:block; width:60%;margin:auto;
} 

.cont_form {
    border:solid 0px red;
    margin-top:0px;
}
.cont_form .titre2{
	line-height:24px;
}
.cont_form .titre3{
	line-height:24px;
}
.cont_form p{
	font-size:13px;	
}

.footer{
    position:fixed;bottom:12px;width:100%;
}
.footer span{
   padding:5px;
}

.contFond{width:40%;margin:auto;margin-top:50px;}

@media screen and (min-width:769px)and (max-width:900px){
	
}


@media screen and (max-width:768px) {
    .contenair{
        width:80%;margin:auto;
    }
    .logo{
        max-height:70px;
        max-width:60%
    } 
    .contFond{width:80%;margin:auto; margin-top:70px;}
    .btnLien,.btnLien2{
        padding:10px 25px 10px 25px;
        border-radius:8px;width:80%;margin:auto;
      } 
      .cont_form {
        border:none;
        margin-top:0px;
    }
 }