#contact-bg{
	background-image:url(../img/page-bg-4.jpg);
}
#contact{
	
}
.page-4 #index-contact-txt{
	background-image:url(../img/contact-personnes.jpg?date=30-04-2026-11h00);
	background-repeat:no-repeat;
	background-size: 250px;
	background-position: right 50px top 50px;
}

#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%;
}
.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:50px 60px;
}
.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; }
input.erreur-input,
textarea.erreur-input,
#jCaptcha.invalid,
input:invalid[aria-invalid="true"],
textarea:invalid[aria-invalid="true"]
{
	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);
}
.erreur-input::-webkit-input-placeholder{
	color: #990116;
}
.erreur-input:-ms-input-placeholder{
	color: #990116;
}
.erreur-input::placeholder{
	color: #990116;
}

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

.disabled{
    pointer-events: none !important;
    cursor: default !important;
    opacity: .3 !important;
}

.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);
}
#index-contact-txt h1{background-color: #4b4b4b;}

.page-4 textarea{
	height:140px;
}

.grecaptcha-badge { visibility: hidden; }
.captcha-desc{
	display: block;
	margin-top:16px;
	font-size:12px;
	color: rgb(124, 124, 124);;
}

.hp-wrap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#jCaptcha{
	width:50%;
	width:calc( 100% - 70px);
}

@media (max-width: 1280px) {
	h1.ico {
		font-size: 23px;
	}
}

@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:0 0 30px 0;
	}
	.contactSubmit{
		width:100%;
	}
	.contact-text-right p{
		margin-bottom:30px;
	}	
	.contact-map{
		margin-bottom: 40px;
	}
	#index-contact.section-margin-top{
		padding:0;
	}
	.page-4 #index-contact-txt{
		background-image:url(../img/contact-personnes.jpg);
		background-repeat:no-repeat;
		background-size: 250px;
		background-position: bottom;
		padding-bottom:200px;
	}
	#contact-bg{
		padding-bottom: 0;
	}
	#index-contact.section-margin-bottom{
		margin-bottom: 0;
	}
}