@charset "utf-8";
/* 

CSS Document 

FONT : 
- lato 
- latoblck
- latobold
- caviardreams
- muli

COULEURS PRINCIPALES
- Rouge	rgba(227,24,24)
- Verte	rgba(0,124,45)
- Gris		rgba(66,73,79)

*/

form { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; background-color:#F4F4F4; }
label { width:100%; padding-bottom:0.5em; }
input, textarea { width:100%; padding:0.5em 1em; font-family:'lato', Arial, Helvetica, sans-serif; font-size:1.25em; border:rgba(66,73,79) 1px solid; border-radius:0.25em; }
textarea { resize:none; }
input[type="submit"] { width:30%; padding:0.5em 1em; font-family:'lato', Arial, Helvetica, sans-serif; font-size:1.25em; border:none; border-radius:0.25em; cursor:pointer; color:#FFFFFF; }
	.submitBTN { background-color:rgba(0,124,45); }
		.submitBTN:hover { color:#000000; }
	.cancelBTN { background-color:rgba(227,24,24); }
		.cancelBTN:hover { color:#000000; }
	
.pageContent h1 { width:100%; text-align:center; font-size:3.625em; font-family:'latobold', Arial, Helvetica, sans-serif; color:rgba(66,73,79); }
	.lineFormCol02 { width:50%; display:flex; flex-wrap:wrap; align-content:space-between; }
	.lineForm { width:100%; display:flex; flex-wrap:wrap; padding:1em; border-bottom:#FFFFFF 4px solid; justify-content:space-between; }
		.lineForm:last-child { border:none; }
	.lineForm_error { width:100%; padding:0 0 0.5em 1em; }
		.lineForm_error span { font-style:italic; color:rgba(227,24,24); }
	.lineForm_message { width:50%; display:flex; flex-wrap:wrap; padding:1em; align-items:flex-start; border-left:#FFFFFF 1em solid; }
	.lineForm_btn { width:100%; display:flex; flex-wrap:wrap; padding:1em 0; justify-content:space-around; background-color:#FFFFFF; }

	.contacts { width:100%; display:flex; flex-wrap:wrap; margin:6em 0; justify-content:space-between; align-items:center; }
		.contacts_infos { width:48%; display:flex; flex-wrap:wrap; justify-content:center; }
			.contacts_infos h2, .contacts_infos p { width:100%; margin:0; padding:0; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:2.563em; text-align:center; }
			.contacts_infos p { width:100%; margin:0; padding:0; font-size:2.188em; text-align:center; }
			.contacts_infos_tel { margin:0 auto; padding:1em 0; font-size:1.875em; }
				.contacts_infos_tel a:link, .contacts_infos_tel a:visited { background-color:rgba(66,73,79); color:#FFFFFF; margin:1em 0; padding:0.5em 1em; border-radius:0.25em; }
				.contacts_infos_tel a:hover, .contacts_infos_tel a:active { color:rgba(0,124,45); }
		.contact_map { width:48%; }

	.contactError { width:100%; display:flex; flex-wrap:wrap; margin:2em 0; padding:2em; border:#FF0000 1px solid; justify-content:space-between; align-items:center; }
		.contactError_pict { width:15%; font-size:0; }
		.contactError_text { width:80%; font-size:1.813em; }
			.contactError_text ul { margin-top:0; padding-top:0; list-style-type:square; }
				.contactError_text ul li span { color:rgba(227,24,24); font-weight:bold; }
			.contactError_text p { margin-bottom:0; padding-bottom:0; }

	.messageEnvoye { width:70%; margin:2em auto; display:flex; flex-wrap:wrap; }
		.messageEnvoye_pictBox { width:100%; display:flex; flex-wrap:wrap; }
			.messageEnvoye_pictBox_pict { width:55%; margin:0 auto; font-size:0; }
			.messageEnvoye_pictBox_link { width:55%; margin:0 auto; text-align:right; font-size:0.75em; }
				.messageEnvoye_pictBox_link a:link, .messageEnvoye_pictBox_link a:visited { font-size:0.75em; color:rgba(227,24,24); }
				.messageEnvoye_pictBox_link a:hover, .messageEnvoye_pictBox_link a:active { color:rgba(66,73,79); }
		.messageEnvoye_text { width:100%; text-align:center; }
			.messageEnvoye_text  h2 { font-size:3.625em; font-family:'latobold', Arial, Helvetica, sans-serif; }
			.messageEnvoye_text  h3 { font-size:2.188em; font-family:'latoblck', Arial, Helvetica, sans-serif; }
			.messageEnvoye_text p { font-size:1.813em; }

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

}

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

}

@media screen and (max-width:1080px) {
	/* 15 pouces */
	.contacts_infos h2, .contacts_infos p { font-size:2em; }
	
	.messageEnvoye { width:100%; justify-content:space-between; align-items:center; }
		.messageEnvoye_pictBox, .messageEnvoye_text { width:48%; }
			.messageEnvoye_pictBox_pict, .messageEnvoye_pictBox_link { width:100%; }
		.messageEnvoye_text { margin:0; }
			.messageEnvoye_text  h2 { font-size:2.2em; }
			.messageEnvoye_text  h3 { font-size:1.5em; }
			.messageEnvoye_text p { font-size:1.2em; }

}

@media screen and (max-width:880px) {
	.pageContent h1 { font-size:1.8em; }
		.contactError { width:96%; margin:2em auto; padding:1em; }
			.contactError_pict { width:55%; margin:0 auto; }
			.contactError_text { width:100%; font-size:1.413em; }

			.lineFormCol02 { width:100%; }
			.lineForm_message { width:100%; border-top:#FFFFFF 1em solid; border-left:none; }
			
			input[type="submit"] { width:48%; }
			
		.contacts_infos, .contact_map { width:100%; margin-top:4em; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		
	}

	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		.pageContent h1 { font-size:1.8em; }
			.contactError { width:96%; margin:2em auto; padding:1em; }
				.contactError_pict { width:55%; margin:0 auto; }
				.contactError_text { width:100%; font-size:1.413em; }

				.lineFormCol02 { width:100%; }
				.lineForm_message { width:100%; border-top:#FFFFFF 1em solid; border-left:none; }
				
				input[type="submit"] { width:48%; }
				
			.contacts_infos, .contact_map { width:100%; margin-top:4em; }
			
			.messageEnvoye { width:100%; }
				.messageEnvoye_pictBox, .messageEnvoye_text { width:48%; }
	}
	
	@media screen and (max-width:880px) {
		.messageEnvoye_pictBox, .messageEnvoye_text { width:96%; }
			.messageEnvoye_pictBox_pict, .messageEnvoye_pictBox_link { width:100%; }
			.messageEnvoye_text { margin:2em 0; }
				.messageEnvoye_text  h2 { font-size:3em; }
				.messageEnvoye_text  h3 { font-size:1.8em; }
				.messageEnvoye_text p { font-size:1.4em; }

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

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:450px) {
	
	}
	
	@media screen and (max-width:880px) {
	
	}
}

@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) {
		
	}
}