@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;	
	}
	#asideFormulaire{
		/*border:1px dashed green;*/
		max-width:100%;
		witdh:100%;
		max-height:100%;
		height:100%;
		padding:0 0 0 0;
	}
	#cadreFormulaire{
		border-style:solid;
		border-color:#A9C4D7;
		border-width:5px;
		border-radius:5px 5px 5px 5px;
		background-color:#ffffff6a;
		
	}
	#formulaire{
		border:1px solid grey;
		border-radius:5px 5px 5px 5px;
		
		max-width:100%;
		width:30%;
		position:relative;
		left:35%;
		top:15%;
	}
	#champContact{
		/*border:1px dashed black;*/
		max-width:100%;
		width:100%;
		height:50px;
		
	}
	#champContact label{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:10%;
		margin-right:2%;
		
	}
	#iconeContactForm{
		/*border:1px solid blue;*/
		max-width:100%;
		max-height:100%;
		
	}
	#champContact input{
		/*border:1px solid yellow;*/
		float:left;
		max-height:100%;
		max-width:100%;
		height:100%;
		width:88%;
	}
	#pMessage{
		/*border:1px dashed black;*/
		max-width:100%;
		width:100%;
		height:150px;
		
	}
	#pMessage label{
		/*border:1px solid blue;*/
		float:left;
		max-height:100%;
		max-width:100%;
		width:10%;
		margin-right:2%;
	}
	#msg{
		/*border:1px solid yellow;*/
		max-width:100%;
		width:88%;
		max-height:100%;
	}
	#boutonEnvoi{
		max-width:100%;
		width:100%;
		height:50px;
		/*border:1px solid yellow;*/
		
	}
	#boutonEnvoyer{
		/*border:1px solid red;*/
		width:25%;
		position:relative;
		left:38%;
		font-weight:bold;
	}
}
@media screen and (max-width:1440px){ 
	
}
@media screen and (max-width:1199px){ 
	
	#cadreFormulaire{
		border-style:solid;
		border-color:#A9C4D7;
		border-width:5px;
		border-radius:5px 5px 5px 5px;
		background-color:#ffffff6a;
		padding:2 2 2 2;
	}
	#formulaire{
		width:35%;
		left:32.5%;
	}	
}
@media screen and (max-width:1024px){ 
	#section{
		height:575px;
	}
	#cadreFormulaire{
		padding:1 1 1 1;
	}
	#formulaire{
		width:40%;
		left:30%;
		top:4%;
	}
}
@media screen and (max-width:768px){ 
	#section{
		height:auto;
	}
	#formulaire{
		width:50%;
		left:25%;
		top:0%;
	}
}
@media screen and (max-width:575px){
	#section{
		height:550px;
	}
	#formulaire{
		width:60%;
		left:20%;
	}
	
	#boutonEnvoyer{
		width:31%;
		left:35%;
	}
}
@media screen and (max-width:425px){ 
	#formulaire{
		width:80%;
		left:10%;
	}
	
	#boutonEnvoyer{
		width:41%;
		left:30%;
	}
}
@media screen and (max-width:375px){ 
	#formulaire{
		width:90%;
		left:5%;
	}
	
}
@media screen and (max-width:320px){ 
	#formulaire{
		width:95%;
		left:2.5%;
	}
}