form {
    background-color: #DEDDDD;
    text-align: center;
    color: black;
    width: 80%;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 1rem;
    box-shadow: 0px 3px 10px black;
    font-weight: bold;
}

form h2 {
	font-size: 2rem;
}

input, textarea{
	padding: 0.5rem;
	border: 2px solid #48E741;
	width: 80%;
}

input[type="submit"]{
	margin-left: 1%;
}

input[type="reset"]{
	margin-right: 1%;
}

input[type="submit"],input[type="reset"]{
	width: 30%;
	background-color: #323232;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
}

input[type="submit"]:hover, input[type="reset"]:hover{
	background-color: white;
	color: #48E741;	
}

textarea {
	resize: vertical;
}

#nom {
	display: block;
}
#ape {
	display: none;
}
#url {
	display: none;
}
#tel {
	display: block;
}
#email {
	display: block;
}

@media screen and (max-width: 960px) {
	form {
		width: 100%;
	}
}
