/* ============================================================
   FORMULAIRE HUBSPOT V2
   ============================================================ */

.hsfc-FormWrapper {
	max-width: 940px;
	margin: auto;
}

.hsfc-Form p {
	color: #666666;
}

.hsfc-Form * {
	font-family: GothamPro, 'Open Sans', Arial, sans-serif !important;
}

.hs-form-html.demo-form-wrap {
	min-height: 1320px;
}

.hsfc-Form input::placeholder,
.hsfc-Form textarea::placeholder {
	font-weight: normal !important;
	color: #757575 !important;
}

.hsfc-PhoneInput__FlagAndCaret,
.hsfc-Form .hsfc-TextInput,
.hsfc-TextareaInput {
	border: 1px solid #b3b3b3 !important;
}

.hsfc-CheckboxFieldGroup > .hsfc-FieldLabel strong {
	font-weight: 600;
	font-size: 18px;
}

.hsfc-CheckboxFieldGroup__Options {
	padding: 0 0 0 3%;
}

.hsfc-CheckboxFieldGroup__Options span {
	font-size: 16px;
	font-weight: 200;
}

.hsfc-CheckboxInput {
	border-color: #757575 !important;
}

.hsfc-DropdownOptions__List li {
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px !important;
}

.hsfc-TextareaInput {
	min-height: 150px;
}

.hsfc-DataPrivacyField .hsfc-RichText {
	line-height: 125%;
}

.hs-form-html input[name$="/document_downloaded"],
.hs-form-html input[name$="/document_downloaded_url"] {
	display: none !important;
}

#newContactForm .hsfc-DataPrivacyField .hsfc-RichText,
#newContactForm .hsfc-DataPrivacyField span {
	color: white;
	line-height: 125%;
}

#newContactForm a {
	color: white;
	text-decoration: underline;
}

#newContactForm .hsfc-RichText:empty,
#newContactForm .hsfc-DataPrivacyField .hsfc-Row:first-child,
#newContactForm .hsfc-DataPrivacyField .hsfc-Row:nth-child(3) {
	display: none;
}

.hsfc-ReCaptchaV2 {
	position: absolute;
}

.hsfc-ReCaptchaV2 .grecaptcha-badge {
	visibility: visible;
}

/* ============================================================
   CHAMPS DE SAISIE
   ============================================================ */

.hsfc-TextareaInput,
.hsfc-TextInput {
	background-color: #ffffff !important;
	width: 100% !important;
	border-width: 0;
	border-radius: 0;
	color: #000;
	font-size: 14px;
	padding: 16px !important;
}
.hsfc-DropdownOptions__Search .hsfc-TextInput {
	padding: inherit !important;
}

/* ============================================================
   BOUTONS
   ============================================================ */

#newContactForm .hsfc-NavigationRow {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

#newContactForm .hsfc-Button {
	border-radius: 23px !important;
	background-color: rgba(0, 194, 202, 0.5) !important;
	border: none !important;
}

#newContactForm .hsfc-Button:hover {
	background-image: var(--wpr-bg-5002c306-740b-4787-bd98-365cde71b76c);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 8px center;
	padding-right: 2em !important;
}

button.hsfc-Button[type="submit"] {
	color: white !important;
	height: 46px !important;
	font-size: 14px !important;
	padding-right: 1em !important;
	padding-left: 1em !important;
	text-transform: uppercase !important;
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	line-height: 46px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	cursor: pointer;
	transition: background-position .25s ease, padding .25s ease;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 8px center;
}

button.hsfc-Button[type="submit"]:hover {
	background-image: var(--wpr-bg-1fb6c05c-bbba-419e-84af-6c3994c33749);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 8px center;
	padding-right: 2em !important;
}

/* ============================================================
   MISE EN PAGE — bannière de contact
   ============================================================ */

.rowcontactBanner {
	padding: 0;
	display: flex;
	align-items: center;
}

.rowcontactBanner .et-last-child {
	background-color: rgba(255, 255, 255, 0);
	padding: 20px;
	position: static !important;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	height: 100%;
	width: 50%;
	margin-right: 50px !important;
	margin-left: auto;
}

#contactBanner {
	background-image: linear-gradient(90deg, #00c2ca 0%, #e50780 100%);
	border-radius: 60px;
	overflow: hidden;
	padding: 25px;
	position: absolute;
	top: 50% !important;
	bottom: auto;
	left: 0;
	right: auto;
	width: 100% !important;
	max-width: 1830px !important;
	height: 100%;
	max-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: translateX(-100%) translateY(-50%);
	opacity: 0;
	transition: transform 1s ease, opacity 1s ease;
}

#contactBanner .et_pb_module {
	width: 50%;
}

#contactBanner.active {
	transform: translateX(0) translateY(-50%);
	opacity: 1;
}

#newContactForm {
	background-color: rgba(4, 67, 76, 0.43) !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	border-width: 1px !important;
	border-color: rgba(255, 255, 255, 0) !important;
	padding: 20px;
	margin: 0 50px 0 0 !important;
/*	transform: translateY(100%);
	opacity: 0;*/
/*	transition: transform 1s ease, opacity 1s ease;*/
}

#newContactForm .hsfc-Step__Content {
	padding: 0;
}

.blackBackground #newContactForm {
	background-color: rgba(4, 67, 76, 0.63);
}


/*
#newContactForm.active {
  transform: translateY(0);
  opacity: 1;
}*/

#newContactForm p {
	color: white;
}

[data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
	padding: 0;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media only screen and (min-width: 1381px) {
	#contactBanner {
		position: absolute !important;
	}
}

@media only screen and (max-width: 1380px) {
	#contactBanner {
		border-radius: 20px;
	}
}

@media only screen and (max-width: 1380px) and (min-width: 981px) {

	#contactBanner {
		position: absolute !important;
	}

	#newContactForm {
		margin-right: 0 !important;
	}

	.rowcontactBanner .et-last-child {
		width: 60% !important;
	}

	#contactBanner .et_pb_module {
		width: 40% !important;
	}

	#contactBanner h4 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 980px) and (min-width: 768px) {

	.rowcontactBanner {
		flex-direction: column;
	}

	#contactBanner,
	#contactBanner.active {
		position: relative;
		transform: unset;
	}

	.rowcontactBanner .et-last-child,
	#contactBanner .et_pb_module {
		width: 100%;
		padding: 0;
	}

	#newContactForm,
	#newContactForm.active {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 767px) {

	.hs-form-html.demo-form-wrap {
		min-height: 2000px;
	}

	[data-hsfc-id=Renderer] .hsfc-Row {
		display: flex;
		flex-direction: column;
	}

	.rowcontactBanner {
		flex-direction: column;
	}

	#contactBanner,
	#contactBanner.active {
		position: relative;
		transform: unset;
	}

	.rowcontactBanner .et-last-child,
	#contactBanner .et_pb_module {
		width: 100%;
		padding: 0;
	}

	#newContactForm.active {
		margin: 0 auto !important;
	}

	#arrow1,
	#arrow2 {
		display: none;
	}
}

@media only screen and (max-width: 425px) {

	.hs-form-html.demo-form-wrap {
		min-height: 2110px;
	}

	.rowcontactBanner .et-last-child,
	#contactBanner .et_pb_module {
		width: 100%;
		padding: 0;
	}

	#contactBanner,
	#contactBanner.active {
		position: relative;
		transform: unset;
	}

	#newContactForm.active {
		margin: 0 auto !important;
	}
}