/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	#form_contact fieldset{
		margin: 0 auto 1em auto;
		padding: 0 0 1em 0;
		border: 1px solid #dfdfdf;
		width: 98%;
		background: transparent;
	}
	
	.form_legend {
	    color: #ccc;
		display: block;
		font-weight: bold;
		margin-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-size:1.4em
		}
	.bottom_form{
    float: left;
    text-align: left;
    width: 100%;
}
	
	#form_contact p.valid{
		border: 1px solid #b5e9a0;
		background-color: #d8ffc8;
		margin: 2%;
		padding: 2%;
		text-align: center;
	}
	
	#form_contact fieldset div#cryptographp{
		margin: 0 auto 1em auto;
		width: 80%;
	}
	
	#form_contact fieldset div#cryptographp img#cryptogramContact{
		background:white;
	}
	
	#form_contact label{
		float: left;
		text-align: right;
		line-height:20px;
		width: 30%;
	}
	
	#form_contact input[type="text"], #form_contact textarea, #form_contact input[type="file"]{
		margin:0 0 0 0.7em;
		padding:1px 0;
		vertical-align:middle;
		border: 1px solid #bbb;
		width: 50%;
		font-size: 1em;
		background: transparent;
		color: #fff;

	}
	
	
	#form_contact input#cp{
		width: 10%;
		
	}
	#form_contact input#city{
		width: 19%;
		
	}
	
	
	
	#form_contact p.submit,  #form_contact p.text{
		margin: 0 auto 1.5em auto;
		width: 90%;
	}
	#form_contact p.autorises{
		font-size: 12px;
		
	}
	
	#form_contact p.error {
		display:none;
	}
	
	
	#form_contact fieldset #cryptographp span{
  display: block;
    margin: auto;
    text-align: center;
    width: 200px;
 }
  
 #form_contact fieldset #cryptographp span input{
  margin: 0;
    width: 100%;
	}
	
	
	#form_contact 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_contact input[type="submit"]:hover{
		background-color:#ddd;	
	}
	#form_contact 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_contact input[type="reset"]:hover{
		background-color:#ccc;	
	}
	#form_contact div.g-recaptcha div{
	margin:auto;
	}	
	
	#form_contact div.g-recaptcha{
	margin-left:0%;
	}
	
	
}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	.left_form {
	 width: 55%;
float:left}

   .right_form {
    float: left;
    width: 45%;
   }	
	#form_contact fieldset div#cryptographp{
		width: 80%;
	}
	#form_contact p.submit,  #form_contact p.text{
		width: 80%;
	}
	
	#form_contact input#cp{
		width: 10%;
		
	}
	#form_contact input#city{
		width: 24%;
		
	}
	
	#form_contact input[type="submit"]{
		width: 65%;
		margin:2%
	}
	#form_contact input[type="reset"]{
		width: 25%;
		margin:2%
	}
	
	#form_contact div.g-recaptcha{
	/*margin-left:13%;*/
	}
	
	#form_contact textarea#message{
    margin-top: 10px;width: 90%;
   }
	
		#form_contact input[type="text"], #form_contact textarea, #form_contact input[type="file"]{

		width: 62%;


	}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	#form_contact fieldset{
		width: 805px;
	}
	
	#form_contact input#cp{
		width: 15%;
		
	}
	#form_contact input#city{
		width: 33%;
		
	}
	
	#form_contact div.g-recaptcha{
	/*margin-left:20%;*/
	}
	
   .right_form {
   }

}