* {
	box-sizing: border-box;
}

body {
	text-align: left;
}

footer {
	text-align: center;
}

/* #addr { */
	/* grid-area: addr; */
	/* margin: auto; */
	/* width: 100%; */
/* } */

/* #addr > h3 { */
	/* margin-top: 50px; */
/* } */

#contact {
	grid-area: form;
	width: 100%;
	/* margin-bottom: 10px; */
}

#contact h2 {
	padding: 3px 0 10px 40px;
	background-color: rgb(129, 171, 174);
	color: white;
}

hr,
#addr {
	text-align: center;
}

/* #contact > h2, */
/* #contact > p { */
	/* text-align: center; */
/* } */

#lastinfo {
	background: rgb(173, 41, 40);
	color: white;
	font-weight: bold;
	font-size: 2.5em;
	text-align: center;
}

form {
	width: 90%;
	font-family: Arial;
	color: #555;
	max-width: 600px;
	margin: auto;
}

form > input:not(#lu):not(#sub):not([type="radio"]),
form > select,
form > textarea {
	/* padding: 5px; */
	margin: 0 5px 5px 0;
	border: 1px solid #dddddd;
	/* border-radius: 5px; */
	width: 100%;
}

form > input[type="radio"] {
	margin-left: 15px;
}

form > label {
	margin-bottom: 0;
	/* text-transform: uppercase; */
	padding: 5px 0;
	/* width: 48%; */
}

input[name="lu"] + label {
	display: inline;
}

/* form > select { */
	/* width: 95%; */
/* } */

/* input[name="subject"] { */
	/* width: 95%; */
/* } */

textarea {
	/* width: 95% !important; */
	overflow: hidden;
	overflow-wrap: break-word;
}

#sub {
	/* text-transform: uppercase; */
	background-color: rgb(140, 48, 65);
	width: 270px;
	color: white;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

/* #map { */
	/* grid-area: map; */
/* } */

/* #map > iframe { */
	/* width: 100%; */
/* } */

.warning {
	/* color: #9F6000; */
	background-color: #fef5cf;
	background-image: url('../img/error_button.png');
	background-repeat:no-repeat;
	width: 300px;
	padding-left: 50px;
	line-height: 40px;
}

.info {
	color: #175f8c;
	background-color: #d6eff8;
	background-image: url('../img/info_button.png');
	background-repeat:no-repeat;
	width: 300px;
	padding-left: 50px;
	line-height: 40px;
}

.success { /* succes formulaire de contact */
	padding-top: 25px;
	font-size: 13pt;
}

hr {
	margin-top: 70px;
	width: 70%;
	background-color: #222;
}

@media (min-width: 840px) {
	.grid {
		grid-template-rows: auto auto; 
		grid-template-columns: 15vw auto;
		grid-template-areas: "nav form"
							 "footer footer";
	}
	
	form {
		margin: 10px 0 0 80px;
	}

	/* #addr { */
		/* width: 500px; */
	/* } */

	/* #contact { */
		/* width: 600px; */
	/* } */

	/* form { */
		/* width: 600px; */
	/* } */
}