@CHARSET "ISO-8859-1";

@media screen and (max-width:2560px){ 
	#section{
		/*border:1px solid red;*/
		max-width:100%;
		max-height:100%;
		width:100%;
		height:750px;
		padding:0 0 0 0;	
	}
	#enregistrement{
		/*border:1px dashed green;*/
		max-width:100%;
		witdh:100%;
		max-height:100%;
		height:100%;
		padding:0 0 0 0;
	}
	#interieurForm{
		border-style:solid;
		border-color:#A9C4D7;
		border-width:5px;
		border-radius:5px 5px 5px 5px;
		background-color:#ffffff6a;
	}
	#cadreFormulaire{
		/*border:1px dashed black;*/
		max-width:100%;
		max-height:100%;
		width:100%;
	}
	#formulaire{
		border:1px solid grey;
		border-radius:5px 5px 5px 5px;
		
		max-width:100%;
		width:30%;
		position:relative;
		left:35%;
	}
	#titreFormulaire{
		border-style:solid;
		border-color:#A9C4D7;
		border-width:2px;
		border-radius:0px 0px 0px 0px;
		max-width:100%;
		width:100%;
		padding-left:1%;
		margin-bottom:2%;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		background-color:#BDDBF0;
		font-weight:bolder;
		text-align:center;
		font-size:48px;
		font-style:italic;
		text-decoration:underline;
		
	}
	#champEnregistrement{
		/*border:1px dashed black;*/
		max-width:100%;
		width:100%;
		height:30px;
		
	}
	#champEnregistrement label{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:30%;
		margin-right:2%;
		font-weight:bolder;
		text-align:center;
		
	}
	#champEnregistrement input{
		/*border:1px solid yellow;*/
		float:left;
		max-height:100%;
		max-width:100%;
		height:100%;
		width:68%;
	}
	#champConditionGenerale{
		/*border:1px dashed black;*/
		max-width:100%;
		width:100%;
		height:25px;
	}
	#champConditionGenerale label{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:83%;
		font-style:italic;
	}
	#champConditionGenerale input{
		/*border:1px solid yellow;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:15%;
		position:relative;
		top:20%;
		margin-right:2%;
	}
	#boutonSelectionStatut{
		/*border:1px dashed black;*/
		max-width:100%;
		width:100%;
		height:60px;
		margin-bottom:2%;
	}
	#boutonSelectionStatut label{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:93%;
		font-weight:bold;
		text-align:center;
	}
	#statutUserVendeur{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:5%;
		position:relative;
		top:10%;
		margin-right:2%;
	}
	#statutUserProResto{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:5%;
		position:relative;
		top:10%;
		margin-right:2%;
	}
	#boutonEnvoi{
		max-width:100%;
		width:100%;
		height:50px;
		/*border:1px solid yellow;*/
		
	}
	#envoyer{
		/*border:1px solid red;*/
		width:25%;
		position:relative;
		left:38%;
		font-weight:bold;
	}
}
@media screen and (max-width:1440px){ 
	#formulaire{
		width:35%;
		left:32.5%;
	}
}
@media screen and (max-width:1199px){ 
	#formulaire{
		width:40%;
		left:30%;
	}	
}
@media screen and (max-width:1024px){ 
	#section{
		height:auto;
	}
	#formulaire{
		width:50%;
		left:25%;
	}
}
@media screen and (max-width:768px){ 
	#section{
		height:auto;
	}
	#formulaire{
		width:60%;
		left:20%;
	}
	#champConditionGenerale{
		height:50px;
	}
	#champConditionGenerale input{
		top:20%;
		left:2.5%;
	}
}
@media screen and (max-width:575px){
	#section{
		height:auto;
	}
	#formulaire{
		width:80%;
		left:10%;
	}
	
	#envoyer{
		width:31%;
		left:35%;
	}
}
@media screen and (max-width:425px){ 
	#formulaire{
		width:90%;
		left:5%;
	}
	
	#envoyer{
		width:41%;
		left:30%;
	}
	#champEnregistrement{
		height:60px;
		
	}
	#champEnregistrement label{
		width:100%;
		margin-right:0%;
		
	}
	#champEnregistrement input{
		max-height:100%;
		height:50%;
		width:100%;
	}
}
@media screen and (max-width:375px){ 
	#formulaire{
		width:95%;
		left:2.5%;
	}
	
}
@media screen and (max-width:320px){ 
	#formulaire{
		width:95%;
		left:2.5%;
	}
}