@charset "utf-8";

/* 
CSS Document

FONT-FAMILY :  * lato     * latoBlack     * latoBold     * latoHeavy     * latoItalic

COULEUR OR : #CBB26B / rgba(203, 178, 107)
COULEUR GRIS : #393E46 / rgba(57, 62, 70)
*/
.contactBox { width:75%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; padding:8.5em 0; }
	.contactBox_form { width:60%; display:flex; flex-wrap:wrap; padding:0 2em 2em 2em; }
		.contactBox_form h2 { width:100%; font-size:2em; margin:0; padding:0.25em 0; font-family:'latoBlack', Arial, Helvetica, sans-serif; }
		.contactBox_form p { width:100%; font-size:1.25em; margin:0; padding:0.25em 0;  }
	.contactBox_info { width:35%; display:flex; flex-wrap:wrap; padding-top:1em; }
		.contactBox_info div { font-size:0; border-bottom:#FFFFFF 40px solid; }

	.form { width:48%; display:flex; flex-wrap:wrap; align-content:flex-start; }
		.formTitle { width:100%; display:flex; flex-wrap:wrap; justify-content:center; font-size:2em; padding:1em 0; }
			.formTitle h2 { margin:0 0 1em 0; padding-bottom:0.5em; border-bottom:rgba(203,178,107) 4px solid; }
		form { width:100%; padding:0; display:flex; flex-wrap:wrap; }
		.errorBox { width:100%; margin-bottom:1em; border:#FF0000 1px solid; display:flex; flex-wrap:wrap; align-content:center; padding:1em; }
			.errorBox_pict { width:20%; padding:1vw; display:flex; flex-wrap:wrap; align-content:center; font-size:0; }
			.errorBox_text { width:80%; padding:0.5em; display:flex; flex-wrap:wrap; align-content:center; }
				.errorBox_text h4, .errorBox_text p, .errorBox ul { width:100%; font-size:1.25em; }
					.errorBox_text p { margin:0; padding:0; }
					.errorBox_text ul { margin-top:0; padding-top:0; list-style-type:square; }
						.errorBox_text ul li span { color:#FF0000; font-weight:bold; }

			input, textarea { width:100%; padding:0.5em; border:#CCCCCC 1px solid; font-size:1.25em; font-family:'lato', Arial, Helvetica, sans-serif; }
				textarea { resize:none; }
			input.errorInput, textarea.errorInput { background-color:#FFCCCC; border-bottom:#FF0000 1px solid; }
			input[type=submit] { width:75%; margin:0 auto; border-radius:0.4em; cursor:pointer; }
			input.formBTNokay { background-color:rgba(203,178,107); border:rgba(203,178,107) 1px solid; }
				input.formBTNokay:hover { background-color:rgba(57,62,70); color:#FFFFFF; }
			input.formBTNcancel { background-color:rgba(57,62,70); border:rgba(57,62,70) 1px solid; color:#FFFFFF; border:none; }
				input.formBTNcancel:hover { background-color:#FF0000; color:rgba(57,62,70); }
			
			.star { color:rgba(203,178,107); font-size:0.9em; }
			.formLine { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
				.formLine p { width:100%; font-size:1.25em; font-weight:bold; margin-top:0; padding-top:0; }
				.formLine10 { width:10%; display:flex; flex-wrap:wrap;  align-content:flex-start; }
				.formLine35 { width:30%; }
				.formLine40 { width:40%; display:flex; flex-wrap:wrap;  align-content:flex-start; }
				.formLine45 { width:45%; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; }
				.formLine65 { width:60%; }
				label { width:100%; font-size:1.25em; padding-bottom:0.25em; }
				.formError { width:100%; font-size:1em; font-style:italic; padding-bottom:1em;  }
					.formError span { color:#FF0000; }
			.formLine_btn { width:50%; display:flex; flex-wrap:wrap; justify-content:center; }
			
			.formText { width:75%; margin:0 auto; text-align:center; font-size:1.25em; }


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

}

@media screen and (max-width:1480px) {
	.contactBox { width:100%; }
		.contactBox_form { width:65%; }
		form { padding:0; }
			.formLine10 { width:15%; }
}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */

}

@media screen and (max-width:1080px) {
	/* 15 pouces */
	
		.formColumn { width:50%; padding:2em 0.5em; }
		.form { width:75%; margin:0 auto; order:3; }
}

@media screen and (max-width:880px) {
		.contactBox { width:100%; padding-top:2em; }
			.contactBox_form { width:100%; padding-bottom:0; }
			.contactBox_info { width:100%; padding:0; justify-content:center; }
			.formColumn, .form { width:90%; margin:0 auto; padding:0; }

		.formColumn, .form { width:90%; margin:0 auto; padding:0; }
			.star { font-size:3.6vw; }
			.errorBox_pict { width:100%; padding:2vw 35%; }
			.errorBox_text { width:100%;  }
			.formTitle { font-size:8vw; }
				.formTitle h2 { text-align:center; }
			.formLine10, .formLine35, .formLine40, .formLine45, .formLine65 { width:100%; }
			input, textarea { padding:4vw 1vw; font-size:4vw; }
			.formError { font-size:3.4vw; margin-bottom:0; }
			form { padding:0 0 2em 0; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		.formColumn_block h4 { font-size:1.5em; }
		.codeColor { font-size:1em; }
		.contactBox { width:100%; }
			.contactBox_form { width:65%; }
			.contactBox_info { padding:1em 2em 2em 2em; }
			form { padding:0; }
				.formLine10 { width:15%; }
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		.contactBox { width:90%; margin:0 auto; padding:4em 0; }
			.contactBox_form { width:90%; margin:0 auto; padding:0; }
			.contactBox_info { width:90%; margin:0 auto; padding:4em 0; justify-content:space-between; }
				.contactBox_info div { width:100%; }
			
			form { padding:0; }
				.formLine10 { width:15%; }
	}
	
	@media screen and (max-width:880px) {
		.contactBox { width:100%; padding:2em 0; }
			.contactBox_form { width:100%; padding:2em; }
			.contactBox_info { width:100%; padding:2em; justify-content:center; }
			.formColumn, .form { width:90%; margin:0 auto; padding:0; }
				.star { font-size:1em; }
				.errorBox_pict { width:100%; padding:2vw 35%; }
				.errorBox_text { width:100%;  }
				.formTitle { font-size:8vw; }
					.formTitle h2 { text-align:center; }
				.formLine10, .formLine35, .formLine40, .formLine45, .formLine65 { width:100%; }
				input, textarea { padding:4vw 1vw; font-size:4vw; }
				.formError { font-size:3.4vw; margin-bottom:0; }
				form { padding:0 0 2em 0; }

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

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {
		contactBox { width:100%; padding:2em 0; }
			.contactBox_form { width:100%; padding:2em; }
			.contactBox_info { width:100%; padding:2em; justify-content:center; }
			.formColumn, .form { width:90%; margin:0 auto; padding:0; }
				.star { font-size:1em; }
				.errorBox_pict { width:100%; padding:2vw 35%; }
				.errorBox_text { width:100%;  }
				.formTitle { font-size:8vw; }
					.formTitle h2 { text-align:center; }
				.formLine10, .formLine35, .formLine40, .formLine45, .formLine65 { width:100%; }
				input, textarea { padding:4vw 1vw; font-size:4vw; }
				.formError { font-size:3.4vw; margin-bottom:0; }
				form { padding:0 0 2em 0; }
	}
	
	@media screen and (max-width:480px) {
		
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:4) {
	/*  Google Pixel 6 Pro | OPPO Find X3 Pro | Samsung Galaxy + S21-22 Ultra */
	@media screen and (max-width:450px) {
	
	}
	
	@media screen and (max-width:880px) {
		
	}
}