.container {
width: 800px; min-height: 90vh; right: 0; left: 0; margin-right: auto; margin-left: auto;
padding: 50px 70px; margin-top: 60px; border-top: none; background: #fff;     
}
.container a {
text-decoration: none; font-size: 15px; 
color: #e6a800; font-weight: 700;
}
.se_connecter {
text-align: center; font-size: 1.4em; letter-spacing: -0.07em;
}
.nouvelle_inscription {
text-align: center; color: #666666;	
margin: 10px 0px 50px 0px; 		
}
label {
color: #000; 
}
input[type=email], input[type=password], input[type=text] {
width: 100%; 
padding: 10px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #d6dcdc;
background-color: white;
border-radius: 4px;
font-size: 16px; 
background: #f9f9f9; 
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px #f9f9f9 inset !important;
}
button {
background-color: #e6a800;
color: white;
padding: 10px 22px;
margin: 20px 0 20px 0px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px; font-weight: 700; letter-spacing: -0.07em;  
}
button:hover {
font-size: 17px; 
}
input[type=checkbox] {
}	
.error {
color: #EC130E;	font-size: 15px; 
}

/*************************************************
*********** CSS responsive telephone *************
**************************************************/
@media screen and (min-width: 800px) and (max-width: 1000px) {
.container {	 
width: 70%;
}
}

@media screen and (max-width: 800px) {
.container {	     
width: 100vw; padding: 15px 5vw 0 5vw; margin-top: 60px; border: none; 
}
.se_connecter {    
text-align: center; font-size: 1.6em; letter-spacing: -0.07em;	
}
}