.le-contenu {
display: flex;
flex-wrap: wrap;
flex: 1;
}
section {
border: 1px solid #000;
width: calc(100% - 20px);
margin: 10px;
border-radius: 10px;
box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .8);
}
form {
width: 100%;
}
h2 {
font-size: 150%;
margin: 0;
border-bottom: 1px solid #000;
padding-left: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .4);
background: linear-gradient(30deg, #aed6f1,  #2980b9,  #d4e6f1,  #d4e6f1);
}
.important {
margin: 5px 10px;
}
.civi {
margin-left: 10px;
}
p.contact {
display: flex;
flex-wrap: wrap;
margin: 5px 0px;
}
label {
width: 20%;
text-align: right;
}
input[type=text], input[type=email], input[type=tel] {
width: 40%;
margin-left: 5px;
padding: 3px 5px;
border: 1px solid #000;
border-radius: 5px;
font-family: Arial, Helvetica, Verdana, serif;
font-size: 100%;
font-weight: bold;
}
.erreur {
color: red;
margin: 3px 5px 0px;
}
textarea {
width: 40%;
height: 130px;
resize: none;
margin-left: 5px;
padding: 3px 5px;
border: 1px solid #000;
border-radius: 5px;
font-family: Arial, Helvetica, Verdana, serif;
font-size: 100%;
font-weight: bold;
}
.g-recaptcha {
margin: 5px;
}
input[type=submit] {
margin-left: auto;
margin-right: 10px;
padding: 5px 25px;
cursor: pointer;
border: 1px solid #000;
border-radius: 7px; 
box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .4);
background: linear-gradient(30deg, #aed6f1,  #2980b9,  #d4e6f1,  #d4e6f1);
}
input[type=submit]:hover {
padding: 5px 22px;
font-weight: bold;
background: linear-gradient(30deg, #2980b9, #aed6f1,  #d4e6f1, #d4e6f1);
}
/* MEDIA QUERIES PORTABLE VERTICAL */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.le-contenu {
		width: 100%;
	}
	form {
		width: auto;
	}
	h2 {
		font-size: 1.5rem;
	}
	.important, .civi {
		font-size: 1.2rem;
	}
	label {
		width: 100%;
		text-align: left;
		margin-left: 10px;
		font-size: 1.3rem;
	}
	input[type=text], input[type=email], input[type=tel] {
		flex: 1;
		padding: 7px 5px;
	}
	input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder {
		font-size: 1rem;
	}
	.erreur {
		width: 100%;
		text-align: center;
		font-size: 1rem;
	}
	textarea {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	textarea::placeholder {
		font-size: 1.3rem;
	}
    #rc-imageselect,.g-recaptcha {
       transform:scale(0.98);
       -webkit-transform:scale(0.98);
       transform-origin: 0 0;
       -webkit-transform-origin: 0 0;
    }
	input[type=submit] {
		flex: 1;
		margin: 2px 5px;
		font-size: 1.3rem;
		padding: 6px 0px;
	}
}
/* MEDIA QUERIES PORTABLE HORIZONTAL */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.le-contenu {
		width: 100%;
	}
	form {
		width: auto;
	}
	h2 {
		font-size: 1.7rem;
	}
	.important, .civi {
		font-size: 1.2rem;
	}
	label {
		width: 100%;
		text-align: left;
		margin-left: 10px;
		font-size: 1.3rem;
	}
	input[type=text], input[type=email], input[type=tel] {
		flex: 1;
		padding: 7px 5px;
	}
	input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel] {
		font-size: 1.2rem;
	}
	.erreur {
		width: 100%;
		text-align: center;
		font-size: 1rem;
	}
	textarea {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	textarea::placeholder {
		font-size: 1.3rem;
	}
    #rc-imageselect,.g-recaptcha {
       transform:scale(0.98);
       -webkit-transform:scale(0.98);
       transform-origin: 0 0;
       -webkit-transform-origin: 0 0;
    }
	input[type=submit] {
		flex: 1;
		margin: 2px 5px;
		font-size: 1.3rem;
		padding: 6px 0px;
	}
}
/* MEDIA QUERIES TABLETTE HORIZONTAL */
@media only screen and (min-width: 769px) and (max-width: 1280px) {
	.le-contenu {
		width: 100%;
	}
	form {
		width: auto;
	}
	h2 {
		font-size: 1.7rem;
	}
	.important, .civi {
		font-size: 1.3rem;
	}
	label {
		width: 100%;
		text-align: left;
		margin-left: 10px;
		font-size: 1.3rem;
	}
	input[type=text], input[type=email], input[type=tel] {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder {
		font-size: 1.3rem;
	}
	.erreur {
		width: 100%;
		text-align: center;
		font-size: 1rem;
	}
	textarea {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	textarea::placeholder {
		font-size: 1.3rem;
	}
	input[type=submit] {
		flex: 1;
		margin: 2px 5px;
		font-size: 1.3rem;
		padding: 6px 0px;
	}
}
/* MEDIA QUERIES TABLETTE VERTICAL */
@media only screen and (min-width: 769px) and (max-width: 1280px) and (orientation:portrait) {
	.le-contenu {
		width: 100%;
	}
	form {
		width: auto;
	}
	h2 {
		font-size: 1.7rem;
	}
	.important, .civi {
		font-size: 1.3rem;
	}
	label {
		width: 100%;
		text-align: left;
		margin-left: 10px;
		font-size: 1.3rem;
	}
	input[type=text], input[type=email], input[type=tel] {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder {
		font-size: 1.3rem;
	}
	.erreur {
		width: 100%;
		text-align: center;
		font-size: 1rem;
	}
	textarea {
		flex: 1;
		padding: 7px 5px;
		font-size: 110%;
	}
	textarea::placeholder {
		font-size: 1.3rem;
	}
	input[type=submit] {
		flex: 1;
		margin: 2px 5px;
		font-size: 1.3rem;
		padding: 6px 0px;
	}
}