/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	#form_devis fieldset{
		margin: 0 auto 1em auto;
		padding: 0 0 1em 0;
		border: 1px solid #dfdfdf;
		width: 98%;
	}
	
	#form_devis fieldset div#cryptographp{
		margin: 0 auto 1em auto;
		width: 80%;
	}
	
	#form_devis fieldset div#cryptographp img#cryptogramContact{
		background:white;
	}
	
	#form_devis label{
		float: left;
		text-align: right;
		line-height:20px;
		width: 40%;
	}
	
	#form_devis input[type="text"], #form_devis textarea, #form_devis input[type="file"]{
		margin:0 0 0 0.7em;
		padding:1px 0;
		vertical-align:middle;
		border: 1px solid #bbb;
		width: 50%;
		font-size: 1em;
	}
	
	#form_devis input#cp{
		width: 10%;
		
	}
	#form_devis input#city{
		width: 19%;
		
	}
	
	
	#form_devis p.submit,  #form_devis p.text{
		margin: 0 auto 1.5em auto;
		width: 90%;
	}
	#form_devis p.autorises{
		font-size: 0.9em;
		
	}
	
	#form_devis p.error {
		display:none;
	}
	
	#form_devis fieldset #cryptographp span{
  display: block;
    margin: auto;
    text-align: center;
    width: 200px;
 }
  
 #form_devis fieldset #cryptographp span input{
  margin: 0;
    width: 100%;
	}
	
	#form_devis input[type="submit"]{
		background-color:#ccc;
		border: 1px solid #bbb;
		color: black;
		padding: 4px 8px;
		cursor: pointer;
		border-radius: 3px;
		text-shadow: 0 1px 0 white;
		font-size: 1em;
		width: 100%;
	}
	#form_devis input[type="submit"]:hover{
		background-color:#ddd;	
	}
	#form_devis input[type="reset"]{
		background-color:#bbb;
		border: 1px solid #999;
		color: black;
		padding: 4px 8px;
		cursor: pointer;
		border-radius: 3px;	
		text-shadow: 0 1px 0 white;
		font-size: 0.9em;
		width: 80%;
		margin: 5% 10%;
	}
	#form_devis input[type="reset"]:hover{
		background-color:#ccc;	
	}
	
	#form_devis div.g-recaptcha{
	margin-left:0%;
	}
}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	#form_devis fieldset{
		width: 60%;
	}	
	#form_devis fieldset div#cryptographp{
		width: 80%;
	}
	
	#form_devis input#cp{
		width: 10%;
		
	}
	#form_devis input#city{
		width: 24%;
		
	}
	
	#form_devis p.submit,  #form_contact p.text{
		width: 80%;
	}
	#form_devis input[type="submit"]{
		width: 65%;
		margin:2%
	}
	#form_devis input[type="reset"]{
		width: 25%;
		margin:2%
	}
	
	#form_devis div.g-recaptcha{
	margin-left:13%;
	}
	
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	#form_devis fieldset{
		width: 500px;
	}
	
	
	#form_devis input#cp{
		width: 15%;
		
	}
	#form_devis input#city{
		width: 22%;
		
	}
	
	#form_devis div.g-recaptcha{
	margin-left:20%;
	}
}