
/* ======================================================== FORMULAIRE form_contact ======================================================*/

	#form_contact .form
		{
		width:92%;
		}

  #form_contact .formRow
		{
    max-width: 800px;
		width:100%;
		margin:0 0 1.5em;
		}

	#form_contact .formRow:after
		{
		content:"";
		display:block;
		clear:both;
		}

	#form_contact .searchField
		{
    max-width: 400px;
		width:80%;
		overflow:hidden;
		border:1px solid #505a68;
		background:#798493;
		font-weight:bold;
		padding:0.2em;
		-webkit-border-radius: 0.7em;
		-moz-border-radius: 0.7em;
		border-radius: 0.7em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
		}
		
	#form_contact .textField
		{
		width:100%;
		overflow:hidden;
		border:1px solid #505a68;
		background:#798493;
		font-weight:bold;
		padding:0.2em;
		-webkit-border-radius: 0.7em;
		-moz-border-radius: 0.7em;
		border-radius: 0.7em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
		}

	#form_contact input, select, textarea
		{
		display:block;
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;
		color:#444;
		width:100%;
		padding:0.75em 1.5em;
		border:1px solid #505762;
		margin:0;
		resize:none;
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	#form_contact textarea
		{
		overflow:auto;
		height:10.812em;
		}

	#form_contact * +html input, * +html textarea, * +html .textField
		{
		width:99%;
		padding:0;
		}

	#textarea_message p
		{
		margin: 0;
		}

	#form_contact .error_message
		{
		padding: 5px 10px!important;
		border-width: 2px !important;
		background:rgba(247,0,0,0.5) !important;
		margin: 0 0 15px;
		}

	#form_contact .ok_message
		{
		padding: 10px 15px!important;
		background:rgba(57,143,20,0.5) !important;
		margin: 0 0 15px;
		}

	#form_contact ::-webkit-input-placeholder
		{
		color:    #444;
		}

	#form_contact :-moz-placeholder
		{
		color:    #444;
		}

	#form_contact .textField > .formSub
		{
		display: none;
		}

	#form_contact .form > .formSub,
	#form_contact .formSub > .textField
		{
		display: none;
		}
