@charset "utf-8";
/* CSS Document */

/*implantation des images dans la page*/

img{
display:block;
width:auto;
margin:0 auto;
}

/*implantation de l image de fond dans la page PHP*/

body{
color:black;
background-color:white;
background-image:url("images/background.jpg");
}

/*implantation container principal*/


container {
    width:250px;
    margin:0 auto;
    margin-top:0%;
	border-radius: 10px;
}

/* mise en forme du container */

form {
    width:100%;
	margin:0 auto;
	max-width: 350px;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background:rgba(195,195,195,0.5);
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
	border-radius: 16px;
}

#container h1 {
    width: 38%;
    margin: 0 auto;
    padding-bottom: 0px;
	border-radius: 16px;
}

/* dimensionnement des input */

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 8px;
	background:rgba(255,255,255,0.6);	
}

/* Paramêtre bouton inactif */

input[type=submit] {
    background-color:rgba(20,169,139,0.6);
    color:white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
	border-radius: 8px;
}

/* paramètre bouton actif */

input[type=submit]:hover {
    background-color:rgba(84,218,191,0.60);
    color:black;
    border: none;
}