/* CSS Document

COULEURS :
--- BLEU FONCE : rgba(4,69,137)  - menu
--- BLEU CLAIR : #CBDAEB - fond de page
*/

.formSide { width:25%; padding:0 2rem; }
.formCenter { width:50%; }

form { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
	input, select, textarea { width:100%; border:none; border-bottom:rgba(4,60,137) 1px solid; padding:1vw; font-size:1vw; font-family:Verdana, Geneva, sans-serif; background-color:#F6F6F6; }
	textarea { resize:none; }
	select { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
	input[type=text]:focus { outline:none; background-color:#FFFFFF; }
	input[type=submit] { -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border:rgba(4,69,137) 1px solid; border-radius:0.8vw; color:#000000; }
	input.btn_validate:hover { background-color:rgba(4,60,137); color:#FFFFFF; }
	input.btn_cancel:hover { background-color:#FF0000; color:#FFFFFF; }
	input.textCenter { text-align:center; }
label { width:100%; font-weight:bold; padding-left:0.75vw; }
	i { padding-right:0.5rem; }

.formLine { width:100%; display:flex; flex-wrap:wrap; padding:0 0 1rem 0; }
.formLine2 { width:48%; display:flex; flex-wrap:wrap; padding:0 0 1rem 0; }
	.formLine_error { width:100%; font-size:0.8em; font-style:italic; padding-left:0.75vw; }
		.formLine_error span { color:#FF0000; }
.formLine_btn { width:100%; display:flex; flex-wrap:wrap; padding:0 0 1rem 0; justify-content:space-around; }
	.formLine_btn div { width:30%; } 
	.codeField { width:75%; margin:2rem auto; letter-spacing:0.35rem; background-color:rgb(4,69,137); color:#FFFFFF; border-radius:0.5vw; border:#FFFFFF 1px solid; padding:1rem 2rem; text-align:center; }

.errorBox { width:100%; display:flex; flex-wrap:wrap; margin-bottom:1rem; background-color:rgba(253,226,226); border:#FF0000 1px solid; border-radius:0.5vw; padding:2rem; align-content:center; }
	.errorBox_pict { width:20%; font-size:0; }
	.errorBox_text { width:80%; padding:1rem; }

.messageEnvoye { width:100%; position:relative; }
	.messageEnvoye_pict { width:100%; font-size:0; }
	.messageEnvoye_texte { margin:0; position:absolute; top:65%; left:20%; -ms-transform:translate(-10%, -50%); transform:translate(-10%, -50%); }

.formCitation { width:100%; margin:1rem 0; padding:0 1rem; font-family:'architectsdaughter', Arial, Verdana, Geneva, sans-serif; font-size:1.5em; }
	.formCitation_title { width:100%; font-size:1.5em; }
		.formCitation_title h3 { margin:0; padding:0; }
	.formCitation_text { width:100%; padding-top:1rem; line-height:200%; }
		.formCitation_text p { margin:0; padding:0; }
			.formCitation_text p font { font-weight:bold; font-size:1.6em; }
	.formCitation_sign { width:100%; text-align:right; margin-bottom:5rem; }

@media screen and (max-width:1079px) {


}

@media screen and (max-width:600px) {
	.formSide, .formCenter { width:100%; padding:0; }
	.formLine2 { width:100%; }

	input, select, textarea { padding:1em; font-size:1em; }
	.formLine_btn div { width:50%; }
	
	.errorBox_pict { width:75%; margin:0 auto; }
	.errorBox_text { width:100%; padding:1rem; }

	.messageEnvoye { position:static; display:block; }
		.messageEnvoye_pict { display:none; }
		.messageEnvoye_texte { width:100%; position:static; top:0; left:0; -ms-transform:none; transform:none; }
}