@CHARSET "ISO-8859-1";

@media screen and (max-width:2560px){ 
	#section{
		/*border: 1px dashed black;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		height:750px;
		padding:0 0 0 0;
		
	}
	#enregistrement{
		/*border: 1px dashed red;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		height:100%;
		
	}
	#formulaireEnregistrement{
		/*border: 1px dashed white;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		height:100%;
	}
	#cadreFormulaire{
		/*border: 1px dashed red;*/
		max-width:100%;
		max-height:100%;
		width:25%;
		height:25%;
		position:relative;
		top:37%;
		left:40%;
		padding: 0 0 0 0;
	}
	#titreFormulaire{
		/*border: 1px dashed yellow;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		font-weight:bold;
		font-size:22px;
		text-decoration:underline;
		font-style:italic;
		
		
	}
	#champConnexion{
		/*border: 1px dashed black;*/
		max-width:100%;
		max-height:100%;
		margin-top:2%;
	}
	#champConnexion label{
		/*border: 1px dashed purple;*/
		max-width:100%;
		max-height:100%;
		width:14%;
		height:50px;
		float:left;
	}
	#champConnexion input{
		/*border: 1px dashed purple;*/
		max-width:100%;
		max-height:100%;
		width:85%;
		height:50px;
		/*float:left;*/
	}
	#iconeUserConnexion{
		/*border: 1px dashed white;*/
		max-width:100%;
		max-height:100%;
	}
	#iconePassword{
		/*border: 1px dashed white;*/
		max-width:100%;
		max-height:100%;
	}
	#boutonValidation{
		/*border: 1px dashed black;*/
		max-width:100%;
		max-height:100%;
		
	}
	#envoyer{
		position:relative;
		left:38%;
		font-weight:bold;
	}
}
@media screen and (max-width:1440px){ 
	/*rien ici*/
}
@media screen and (max-width:1199px){ 
	
	#cadreFormulaire{
		width:30%;
		height:25%;
		left:35%;
		top:30%;
	}	
}
@media screen and (max-width:1024px){ 
	#section{
		height:575px;
	}
	#cadreFormulaire{
		width:50%;
		height:30%;
		left:25%;
		top:30%;
	}	
}
@media screen and (max-width:768px){ 
	#section{
		height:375px;
	}
	#cadreFormulaire{
		width:50%;
		height:50%;
		left:25%;
		top:20%;
	}
@media screen and (max-width:575px){
	#section{
		height:550px;
	}
	#cadreFormulaire{
		width:60%;
		height:30%;
		left:20%;
	}
}
@media screen and (max-width:425px){ 
	
	#cadreFormulaire{
		width:80%;
		left:10%;
	}	
}
@media screen and (max-width:375px){ 
	/* rien ici*/
}
@media screen and (max-width:320px){ 
	/*rien ici non plus*/
}