@charset "utf-8";
/* 
CSS Document
ROUGE CLAIR : #FB0A01
ROUGE FONCE : #C50802
*/

.content  { width:100%; display:flex; flex-wrap:wrap; padding:2vw; }

label { width:100%; display:flex; flex-wrap:wrap; padding:0 0.5vw; }
input, textarea { width:100%; border:#000000 1px solid; padding:0.5vw; margin:0.25vw 0; border-radius:0.5vw; font-family:Verdana, Geneva, sans-serif; font-size:100%; }
	input:hover, textarea:hover { background-color:#F1F1F1; }
	textarea { resize:none; }

input[type=submit].btnValid { width:20%; background-color:#6392EA; }
input[type=submit].btnCancel { width:20%; background-color:#C50802; }

.content_title { width:100%; text-align:center; }
	.content_col { width:25%; }
		.content_col_cartouche { width:100%; display:flex; flex-wrap:wrap; margin-bottom:1vw; }
			.content_col_cartouche_title { width:100%; background-color:#000000; color:#FF0000; padding:1vw; text-align:center; }
				.content_col_cartouche_title h3 { margin:0; padding:0; }
			.content_col_cartouche_texte { width:100%; display:flex; flex-wrap:wrap; background-color:#E0E0E0; padding:1vw; align-items:center; font-size:1rem; }
				.content_col_cartouche_texte_adresse { width:70%; font-size:1rem; }
				.content_col_cartouche_texte_phone { width:30%; display:flex; flex-wrap:wrap; justify-content:center; }
					.content_col_cartouche_texte_phone_pict { width:100%; font-size:0; text-align:center; padding:1rem; }
						.content_col_cartouche_texte_phone_pict img { max-width:75%; height:auto; }
					.content_col_cartouche_texte_phone_text { width:100%; text-align:center; }
						.content_col_cartouche_texte_phone_text font { color:#C50802; }
			.content_col_cartouche_code { width:100%; display:flex; flex-wrap:wrap; background-color:#6392EA; color:#FFFFFF; justify-content:center; padding:1vw 2vw; letter-spacing:0.5vw; }
		.content_form { width:50%; display:flex; flex-wrap:wrap; padding:0 1vw; color:#FFFFFF; }
			.form_line { width:100%; display:flex; flex-wrap:wrap; }
				.form_line_col050 { width:50%; display:flex; flex-wrap:wrap; padding:0 0.5vw; }
				.form_line_error { width:100%; padding:0 0.25vw 0.5vw 0.5vw; font-size:0.8vw; color:#FF0000; }
					.form_line_error span { font-style:italic; }
			.form_line_btn { width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; margin:0.5vw 0; }

.googlemapBox { width:100%; background-color:#000000; color:#FF0000; padding:2rem 0 6rem 0; }
	.googlemapBox-title { width:100%; padding:0 1vw; }
		.googlemapBox-title h1 { margin:0; padding:0; }
	.googlemapBox-map { width:100%; padding:1vw 0; }

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

}

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

}

@media only screen and (max-width:600px) {
	.content_col { width:100%; }
	.content_form { width:100%; margin:2em 0; }
		.form_line_col050 { width:100%; }
		input, textarea { padding:1em; font-size:1.25rem; }
		input[type=submit].btnValid { width:45%; font-size:1.25rem; }
		input[type=submit].btnCancel { width:45%; font-size:1.25rem; }
		
		.content_col_cartouche_texte_adresse, .content_col_cartouche_texte_phone { width:100%; text-align:center; }
			.content_col_cartouche_texte_phone_pict img { max-width:30%; height:auto; }

}