/* Sur les écrans, quand la largeur de la fenêtre fait au minimum 1280px */
@media screen and (min-width: 1000px)
{
	/* GENERAL */ 
	#Panel_Connexion{
	    border:2px solid #000000;
	    padding:2px; 
	    width:25%;
	}

	/* FORMULAIRE */

	table{
		text-align: center;
		margin: 70px auto;
		border: 2px solid #000000;
		border-radius: 5px;
		width: 500px;
		height: 200px;
	}

	table tr td h2{
		font-size: 30px;
	}

	Table tr td input[type="submit"]
	{
		margin-top: 20px;
		margin-bottom: 10px;
		width: 300px;
		height: 30px;
		background-color:#D0E3FA;
	}

	Table tr td input[type="submit"]:hover{
		background-color: #A7C2F4;
	}

	label{
		float: right;
		font-size: 20px;
	}

	input[type="text"]
	{
		border: solid 1px #000;
		border-radius: 2px;
		width: 200px;
		height: 25px;
		float: left;
		margin-left: 10px;
	}

	input[type="password"]
	{
		border: solid 1px #000;
		border-radius: 2px;
		width: 200px;
		height: 25px;
		float: left;
		margin-left: 10px;
	}
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 999px */
@media screen and (max-width: 999px)
{
	/* GENERAL */ 
	#Panel_Connexion{
	    border:2px solid #000000;
	    padding:2px; 
	    width:25%;
	}

	/* FORMULAIRE */

	h2{
		font-size: 2.5em;
	}

	table{
		text-align: center;
		margin: 70px auto;
		border: 2px solid #000000;
		border-radius: 5px;
		width: 80%;
		height: 20%;
	}

	table tr td h2{
		font-size: 30px;
	}

	Table tr td input[type="submit"]
	{
		margin-top: 20px;
		margin-bottom: 10px;
		width: 50%;
		height: 30px;
		background-color:#D0E3FA;
	}

	Table tr td input[type="submit"]:hover{
		background-color: #A7C2F4;
	}

	label{
		float: right;
		font-size: 30px;
	}

	input[type="text"]
	{
		border: solid 1px #000;
		border-radius: 2px;
		width: 80%;
		height: 25px;
		float: left;
		margin-left: 10px;
	}

	input[type="password"]
	{
		border: solid 1px #000;
		border-radius: 2px;
		width: 80%;
		height: 25px;
		float: left;
		margin-left: 10px;
	}
}