#contact-mail input,
#contact-mail textarea{
	display:block;
	margin-bottom:2em;
	max-width: 100%;
}

#contact-mail{
	width:60%;
	box-sizing:border-box;
	padding:60px 70px;
	background-color:white;
}

#contact-mail input::-webkit-input-placeholder{
	color: #868686;
}
#contact-mail input:-ms-input-placeholder{
	color: #868686;
}
#contact-mail input::placeholder{
	color: #868686;
}

.contact-text-right{
	width:40%;
	box-sizing:border-box;
	background-color:#444;
	color:white;
	padding:50px 60px;
	min-width: 540px;
	font-size:90%;
	vertical-align: top;
}
.contact-text-right h1{
	display:block;
}
.contact-text-right h2{
	margin-bottom:4px;
}
.contact-text-right p{
	text-align:justify;
	margin-bottom:20px;
}
.asterix{
	color:#dba10d;
	font-size:90%;
}

.ico-gestion{
	float:left;
	margin: 8px 12px 0 0;
}
.ico-gestion .fa-circle{
	color:#222;
}
.ico-gestion .fa-inverse{
	color:#dba10d;
}

#contact-infos a,
#contact-infos a:link,
#contact-infos a:visited,
#contact-infos a:active
{
	color:white;
}
#contact-infos a:hover
{
	color:#fff1cc;
}

#contact-infos{
	padding:0;
}

.contact-coord{
	padding:40px 50px;
}
.contact-coord .fas,
.contact-coord .far{
	color:#dba10d;
	transform:scale(.7);
}

#contact-mail input.champ-obligatoire, #contact-mail textarea.champ-obligatoire{border: 1px solid #E2B7BF; }
#contact-mail input.erreur-input, #contact-mail textarea.erreur-input{
	border: 1px solid #A8001F;
    background: #ffe6e6;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(255,3,3,1);
    -moz-box-shadow: 0px 0px 10px -4px rgba(255,3,3,1);
    box-shadow: 0px 0px 16px -4px rgba(255,3,3,1);
}

#captcha{
	min-width: 304px;
	min-height: 78px;
}

.erreur,
.information{
	display:block;
	background-color:#bc3607;
	padding:8px 16px; text-align:center;
	color:white;
	margin-bottom:26px;
	border-radius:6px;
}
.information{background-color:#07bc81;}
.erreur i,
.information i{
	transform:scale(.7);
}

.contact-closer{
	max-height:8.2em;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	border-bottom: 1px solid #333;
}

.contact-closer h1::after{
	width: 60px;
	transition: width 0.5s ease-in-out;
}

.contact-section input.toggle-input:checked ~ .contact-closer {
	max-height: 5000px; /* Une valeur suffisamment grande pour tout afficher */
	background-color: #4d4d4d;
}
.contact-section input.toggle-input:checked ~ .contact-closer h1::after {
	width: 50%;
}

.toggle-input {
	display: none;
}
.toggle-label {
	cursor: pointer;
	font-size: 90%;
	display: block;
	padding:.3em 0;
}
.toggle-label:after {
	display: block;
	color: #f8ac6e;
	border-radius: 5px;
	text-align: center;
	font-size: 80%;
	font-family: "Font Awesome 5 Free";
	font-weight: 800;
	margin:.15em 0 0 1em;
	float: right;
}
.toggle-label::after {
	content: "\f0fe";
	
}
.toggle-input:checked ~ .contact-closer .toggle-label::after {
	content: "\f146";
	color: white;
}

.contact-coord p{
	display: flex;
	flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.contact-coord p .fa-stack{
	margin-right: .5em;
}
.contact-coord b{
	text-align: left;
}

@media (max-width: 1023px) {

	.contact-text-right,
	#contact-mail,
	#contact-infos{
		width:100vw;
		float:none;
		padding:30px 16px;
		display:block;
		box-sizing:border-box;
		min-width:unset;
	}
	.contact-text-right{
		border-bottom:5px solid #dba10d;
	}
	.contact-coord{
		padding-left:0;
		padding-right:0;
	}
	.contactSubmit{
		width:100%;
	}
	.contact-text-right p{
		margin-bottom:30px;
	}	
	.contact-map{
		margin-bottom: 40px;
	}
	.contact-section input.toggle-input:checked ~ .contact-closer {
		background-color: #444;
	}
	.toggle-label {
		font-size: 75%;
	}
}