@charset "utf-8";
/* CSS Document */

.errorMessageBox { width:100%; margin:2% 0; padding:2vw 2vh; display:flex; flex-wrap:wrap; border:#FF0000 1px solid; border-radius:12px; font-family:'lato', Verdana, Arial, Geneva, sans-serif; font-size:1.2vw; }
	.errorMessagePict { width:20%; }
	.errorMessageText { width:80%; }
		.errorMessageText p { margin:0; padding:0; }
		.errorMessageText ul { list-style-type:square; font-size:1.2vw; }
		.errorMessageText ul li span { color:#FF0000; font-weight:bold; }

input { width:100%; border:#F7F7F7 1px solid; padding:0.5em 1em; font-size:1vw; background-color:#CCCCCC; border-radius:0.5em; font-family:'lato', Verdana, Arial, Geneva, sans-serif; }
input:hover { border:#999 1px solid; }
input:focus { background-color:#F7F7F7; }
input.error, textarea.error { width:100%; border:#B54790 1px solid; background-color:#F0CACA; }

textarea { width:100%; border:#F7F7F7 1px solid; padding:0.5em 1em; resize:none; font-size:1vw; font-family:'lato', Verdana, Arial, Geneva, sans-serif; background-color:#CCCCCC; border-radius:0.5em; }
textarea:hover { border:#999 1px solid; }

input[type=submit] { width:90%; margin:0 auto; cursor:pointer; border:none; border-radius:6px; font-family:'lato', Verdana, Arial, Geneva, sans-serif; font-size:1vw; font-weight:bold; }
input.cancel { background-color:#F7F7F7; }
	input.cancel:hover { background-color:#CDA472; color:#FFFFFF; }
input.submit { background-color:#CDA472; }
	input.submit:hover { color:#FFFFFF; }

.formBox { width:100%; display:flex; flex-wrap:wrap; padding:1em 0; }
	form { width:100%; display:flex; flex-wrap:wrap; }
	.formBox_code { width:100%; display:flex; flex-wrap:wrap; padding:1em; align-items:center; justify-content:center; }
		.formBox_code span { margin-left:1em; padding:0.5em 1em; background-color:#CDA472; color:#FFFFFF; border-radius:0.5em; letter-spacing:0.25em; }
	.formBox_fields { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:#FFFFFF 0.25em solid; }
		.formBox_fields_col { width:49.75%; display:flex; flex-wrap:wrap; background-color:#F7F7F7; padding:1em; align-items:center; }
			.col035 { width:35%; }
				.col035 span { color:#FF0000; }
			.col065 { width:65%; }
		.formBox_fields_block { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:#FFFFFF 0.25em solid; background-color:#F7F7F7; padding:1em; }
			.formBox_fields_block_label { width:100%; padding-bottom:0.5em; }
			.formBox_fields_block_textarea { width:100%; padding-top:0.5em; }

		.btnBox { width:50%; margin:20px auto; display:flex; flex-wrap:wrap; }
			.btnBox div { width:50%; text-align:center; }

	.bandeauContactBox { width:100%; padding:0 4vw; }

@media only screen and (max-width:1200px) {
	input, textarea { font-size:1.72vw; }
	input[type=submit] { font-size:2vw; color:#000000; }
}

@media only screen and (max-width:600px) {
	.errorMessageBox, .errorMessageText ul { font-size:4vw; }
		.errorMessagePict { width:50%; margin:0 auto; }
		.errorMessageText { width:100%; }
	input, textarea, input.error, textarea.error { font-size:6vw; }
	input[type=submit] { font-size:6vw; width:100%; }

	.formBox_code { font-size:4em; }
	.formBox_fields { border:none; }
		.formBox_fields_col, .formBox_fields_block { width:100%; font-size:4em; border:none; }
			.col035, .col065 { width:100%; }
		.formBox_fields_block_label, .formBox_fields_block_textarea { padding:0; }

	.btnBox { width:100%; margin:2vh 0; padding:0; }
		.btnBox div { width:100%; padding:1vh 0; }
}