/* styles d'une page "contact" type */

#contact-form span	{ color:#db2425 }	/* style for required fields */

.form-label			{ float:left; width:150px; margin:2px 0 10px 0 }
.form-element		{ float:left; width:400px; position:relative; margin-bottom:10px }
.input, .textarea	{ width:94%; height:24px; padding:0 3% 4px 3%; border:1px solid #999; 
					font:100% Gotham-light, Arial, Helvetica, "Sans-Serif" }
.civil				{ padding-right:40px; height:30px }
.textarea			{ height:100px; margin-bottom:10px; padding-top:10px } }

.req			{ color:#db2425 }
.bouton			{ display:block; margin:10px 0 0 452px; padding:10px 0; 
		width:100px; background-color:#c7af61; 
		color:#fff; text-align:center; text-decoration:none; transition:all 500ms }
.message		{ padding-top:20px; width:100% }



#contact-form span.error	{ position:absolute; color:#db2425; background-color:#fff; width:94%; height:22px;
	padding:5px 3% 0 3%; margin:2px 0 0 1px }


/* Form check/save error message */
#save-error	{ width:522px; margin-bottom:30px; padding:15px 15px; background-color:#333; color:#fff }

/* ending message */
.contact-end			{  }


/* form switch to label above / element below */
@media screen and (max-width:600px) {
.form-label		{ float:none; display:block; width:96% }
.form-element	{ float:none; display:block; width:96% }
.bouton			{ margin:0 0 20px 0 }
#save-error		{ width:calc(96% - 30px) }
}