:root {
	--form-primary-color: var(--primary-color, #73be31);
	--form-secondary-color: var(--secondary-color, #e30000);

	--form-text: #000;
	--form-background: #FBD311;
	--confirm-first-line: var(--form-secondary-color, var(--form-text));
	--confirm-text: #000;
	--confirm-block1-background: #fff;
	--confirm-block1-text: var(--form-text);
	--confirm-block1-first-line: var(--form-secondary-color);
	--input-label: var(--form-text);
	--input-placeholder: #888;
	--progress-foreground: var(--form-primary-color);
	--progress-background: #fff;
	--progress-counter: var(--form-secondary-color);
	--cta-background: var(--form-secondary-color);
	--cta-text: #fff;
	--cta-background-hover: #fff;
	--cta-text-hover: var(--form-secondary-color);
	--don-background: var(--form-primary-color);
	--don-text: #fff;
	--don-background-hover: var(--confirm-block1-background);
	--don-text-hover: var(--form-primary-color);
	--petition-background: var(--form-background);
	--petition-text: var(--form-secondary-color);
	--petition-background-hover: var(--form-secondary-color);
	--petition-text-hover: #fff;
}

.gpfgf_wrapper {
color: var( --form-text );
counter-reset: confirmation-blocks;
}


.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 1em;
}

/*
.gform_wrapper.gravity-theme .with-floating-label .gform_fields {
	grid-row-gap: 2em;
}
*/



.base-button,
.button.base-button,
.gform_wrapper.gravity-theme .base-button,
.gform_wrapper.gravity-theme .button.base-button
.gform_wrapper.gravity-theme .button.base-button[type="button"],
.gform_wrapper.gravity-theme .button.base-button[type="submit"] {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1;
	color: var(--cta-text);
	background-color: var(--cta-background);
	cursor: pointer;
	transition: all .2s;
	border: 3px solid var(--cta-background);
	border-radius: 0;
	padding: .5rem 1rem;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Greenpeace Sans Bold", "GreenpeaceSans", "Helvetica Neue", Helvetica,Arial, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
}

.base-button:hover {
	color: var(--cta-text-hover);
	background-color: var(--cta-background-hover);
	transition: all .2s;
}


.base-button svg {
	margin-right: 1ch;
	height: 1em;
}



.base-button.petition-button {
	color: var(--petition-text);
	background-color: var(--petition-background);
	border: 3px solid var(--petition-text);
}

.base-button.petition-button:hover {
	color: var(--petition-text-hover);
	background-color: var(--petition-background-hover);
}

.base-button.don-button {
	color: var(--don-text);
	background-color: var(--don-background);
	border: 3px solid var(--don-background);
}

.base-button.don-button:hover {
	color: var(--don-text-hover);
	background-color: var(--don-background-hover);
}

.base-button-content {
	display: flex;
	justify-content: center;
	align-items: center;
}


.gform_wrapper.gravity-theme .field_description_above .gfield_validation_message.gfield_validation_message {
padding: 1rem !important;
}


/* .iti__flag-container {
width: 100%;
max-width: 11ch;
} */


.iti__country-name,
.iti__selected-dial-code {
	color: #000;
}

.gform_wrapper.gravity-theme .gfield {
	position: relative;
}

/*
.gform_wrapper.gravity-theme label.gfield_label,
.gform_wrapper.gravity-theme legend.gfield_label {

} */

.gform_wrapper.gravity-theme .with-floating-label label.gfield_label {
top: min( 50%, 1.5rem );
transform: translateY(-50%);
position: absolute;
left: calc(1px + .85rem);
font-weight: normal;
color: var(--input-placeholder);
padding: 0;
transition: all 100ms;
line-height: 1;
margin: 0;
}


.gform_wrapper.gravity-theme .field-invalid input {
	background-image:
		linear-gradient(45deg, transparent calc(50% - .15em), red calc(50% - .15em), red calc(50% + .15em), transparent calc(50% + .15em)),
		linear-gradient(-45deg, transparent calc(50% - .15em), red calc(50% - .15em), red calc(50% + .15em), transparent calc(50% + .15em));
	box-shadow: 0 0 .25rem 1px inset red;
	background-size: 2.5rem 1.2em;
	background-repeat: no-repeat;
	background-position: center right;
	transition: none !important;
}

.gform_wrapper.gravity-theme .with-floating-label .field-activated label.gfield_label {
	color: var(--input-label);
	transition: all 100ms;
	top: 0;
	/* font-size: 90%; */
	/* transform: translateY(-125%); */
	font-size: 85%;
	transform: translateY(3px);
}



.gform_wrapper.gravity-theme .with-floating-label  .gfgpf-elements-phone label.gfield_label {
	left: 0;
	z-index: 1;
}

.gform_wrapper.gravity-theme .gfgpf-elements-phone input::-webkit-input-placeholder {
opacity: 0 !important;
}
.gform_wrapper.gravity-theme .gfgpf-elements-phone input::-moz-placeholder {
opacity: 0 !important;
}
.gform_wrapper.gravity-theme .gfgpf-elements-phone input:-ms-input-placeholder {
opacity: 0 !important;
}
.gform_wrapper.gravity-theme .gfgpf-elements-phone input:-moz-placeholder {
opacity: 0 !important;
}

.gform_wrapper.gravity-theme .gfgpf-elements-phone input::placeholder {
opacity: 0 !important;
}

/* .gform_wrapper.gravity-theme .gfgpf-elements-phone input[type="tel"] {
border: none;
} */

.gform_wrapper.gravity-theme .gfgpf-elements-phone  .iti__flag-container {
padding: 0;
}

.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
	padding: .95em 2.5em .95em 1em;
	border: 1px solid #CACACA !important;
	color: #444;
}


.gform_wrapper.gravity-theme .with-floating-label input[type="color"],
.gform_wrapper.gravity-theme .with-floating-label input[type="date"],
.gform_wrapper.gravity-theme .with-floating-label input[type="datetime-local"],
.gform_wrapper.gravity-theme .with-floating-label input[type="datetime"],
.gform_wrapper.gravity-theme .with-floating-label input[type="email"],
.gform_wrapper.gravity-theme .with-floating-label input[type="month"],
.gform_wrapper.gravity-theme .with-floating-label input[type="number"],
.gform_wrapper.gravity-theme .with-floating-label input[type="password"],
.gform_wrapper.gravity-theme .with-floating-label input[type="search"],
.gform_wrapper.gravity-theme .with-floating-label input[type="tel"],
.gform_wrapper.gravity-theme .with-floating-label input[type="text"],
.gform_wrapper.gravity-theme .with-floating-label input[type="time"],
.gform_wrapper.gravity-theme .with-floating-label input[type="url"],
.gform_wrapper.gravity-theme .with-floating-label input[type="week"],
.gform_wrapper.gravity-theme .with-floating-label select {
	line-height: 1 !important;
	min-height: 0 !important;
	padding: 1.3em 2.5em .6em 1em;
}

.gform_wrapper.gravity-theme .with-floating-label textarea {
	line-height: 1.25 !important;
	min-height: 0 !important;
	padding: 1.3em 2.5em .6em 1em;
}

.gform_wrapper.gravity-theme .field-activated input[type="color"],
.gform_wrapper.gravity-theme .field-activated input[type="date"],
.gform_wrapper.gravity-theme .field-activated input[type="datetime-local"],
.gform_wrapper.gravity-theme .field-activated input[type="datetime"],
.gform_wrapper.gravity-theme .field-activated input[type="email"],
.gform_wrapper.gravity-theme .field-activated input[type="month"],
.gform_wrapper.gravity-theme .field-activated input[type="number"],
.gform_wrapper.gravity-theme .field-activated input[type="password"],
.gform_wrapper.gravity-theme .field-activated input[type="search"],
.gform_wrapper.gravity-theme .field-activated input[type="tel"],
.gform_wrapper.gravity-theme .field-activated input[type="text"],
.gform_wrapper.gravity-theme .field-activated input[type="time"],
.gform_wrapper.gravity-theme .field-activated input[type="url"],
.gform_wrapper.gravity-theme .field-activated input[type="week"],
.gform_wrapper.gravity-theme .field-activated select,
.gform_wrapper.gravity-theme .field-activated textarea {
font-weight: bold;
}


.champs-obligatoires-label,
.gform_wrapper.gravity-theme .form-disclaimer,
.gform_wrapper.gravity-theme .form-disclaimer p {
padding-top:.5em;
font-size: .8rem;
color: currentColor;
opacity: .9;
}

.gform_wrapper.gravity-theme .form-disclaimer p {
line-height: 1.2;
margin: 1em 0;
}


.gform_wrapper.gravity-theme .gchoice {
	display: flex;
	line-height: 1.3;
	align-items: baseline;
	padding-bottom: .5em;
}

.gform_wrapper.gravity-theme .gchoice input {
	margin-right: .75em;
}


.gform_wrapper.gravity-theme .gchoice label {
font-size: 1rem;
}


span.spf-phone {
	display: none !important;
	/* font-size: 14px;
	font-weight: 500;
	position: absolute;
	right: .5em;
	top: 50%;
	line-height: 1;
	transform: translateY(-50%);
	padding-right: .5em;
	background-color: #73cc00;
	border-radius: 999rem;
	width: 1.75em;
	height: 1.75em;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: 2px solid #fff;
	box-sizing: content-box !important;
	color: #fff !important;
	margin-top: 0; */

}


.gform_wrapper.gravity-theme input[type="checkbox"]:not(checked),
.gform_wrapper.gravity-theme input[type="radio"]:not(checked) {
opacity: 1;
position: relative;
}




.gform_wrapper.gravity-theme .button[type="submit"],
.gform_wrapper.gravity-theme .button.gform_previous_button,
.gform_wrapper.gravity-theme .button.gform_next_button {
border-radius: 0;
border: none;
cursor: pointer;
padding: .5rem 1rem;
font-size: 1rem;
font-weight: bold;
margin-top: .75rem;
text-transform: none;
display: inline-flex;
justify-content: center;
align-items: center;
}

.submit-button-area {
	position: relative;
}

.gform_wrapper.gravity-theme .field_description_above .gfield_validation_message.gfield_validation_message {
	padding: 1rem !important;
}



/* .gform_wrapper.gravity-theme legend.gfield_label {
	margin-bottom: 0;
} */


.gform_wrapper.gravity-theme .gfield_description {
font-size: 1rem;
}

.gform_wrapper.gravity-theme .field_description_above .gfield_description {
	padding: 0 1rem 1rem 0 !important;
}

.gform_wrapper.gravity-theme .rgpd-start .gfield_description,
.gform_wrapper.gravity-theme .rgpd-start .gfield_description p {
	font-size: .8rem;
	line-height: 1.2;
	font-style: italic;
}


/* .gform_wrapper.gravity-theme .gfield {
	margin-bottom: 1rem;
} */

.gsection {
	display: none !important;
}


.boxed-content h2.gform_submission_error::after {
display: none;
}

h2.gform_submission_error {
	max-width: 100%;
	text-align: left;
}


.gform_wrapper.gravity-theme .gfgpf-elements-gp_statebutton .gchoice {
	display: flex;
	position: relative;
}

.gform_wrapper.gravity-theme .gfgpf-elements-gp_statebutton input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

.champs-obligatoires-label {
flex-basis: 100%;
padding-bottom: .5rem;
}

.gform_required_legend {
	display: none;
}


.confirmation-block-button-wrapper {
	padding-left: 1em;
	padding-right: 1em;
}

.confirmation-first-block .confirmation-block-button-wrapper {
	padding-left: 0;
	padding-right: 0;
}

.gform_wrapper.gravity-theme .gfgpf-elements-gp_statebutton label {
	display: block;

	border-radius: 0;
	border: none;
	cursor: pointer;
	padding: .5rem 1rem;
	font-size: 1rem;
	font-weight: bold;
	background-color: var(--cta-background);
	color: var(--cta-text);
}





.gform_wrapper.gravity-theme .button.gform_next_button,
.gform_wrapper.gravity-theme .button.gform_previous_button,
.gform_wrapper.gravity-theme .button[type="submit"] {
background-color: var(--cta-background);
color: var(--cta-text);
}

.gform_wrapper.gravity-theme .button.gform_next_button:hover,
.gform_wrapper.gravity-theme .button.gform_previous_button:hover,
.gform_wrapper.gravity-theme .button[type="submit"]:hover {
background-color: var(--cta-background-hover);
color: var(--cta-text-hover);
}


.gform_footer a,
.gform_confirmation_message a {
color: currentColor;
}




.wp-block-gpf-block-section .gform_wrapper.gravity-theme ul li,
.gform_wrapper.gravity-theme ul li {
	color: currentColor;
	line-height: 1.375;
}





.fc-wprogress .petition-progress {
	padding: 0 0 .5rem 0;
	display: block;
}

.fc-wprogress .progress-bar {
	position: relative;
	background-color: var(--progress-background);
	border-radius: 999rem;
	height: 1rem;
	overflow: hidden;
	margin-bottom: .25rem;
}



.fc-wprogress .progress-clip {
	background-color: var(--progress-foreground);
	transition: width 2s ease;
	border-radius: 999rem;
	z-index: 0;
	height: 100%;
	width: 0;

}

.fc-wprogress .progress-item {
	color: currentColor;
	font-size: .9em;
}


.jauge-counter {
	font-weight: bold;
	font-size: 1.1em;
	color: var(--progress-counter, currentColor);
}


.gform_wrapper.gravity-theme .gform_footer {
	display: block;
	position: relative;
}


.gform_ajax_spinner {
	position: absolute;
	left: 50%;
	width: 6rem;
	box-shadow: 0 0 0 999rem var(--loading-background, #ffffff80);
	border-radius: 0;
	background: var(--loading-background, #ffffff80);
	top: 50%;
	transform: translate(-50%, -50%);
}


.gfield_html ul,
.gform_confirmation_message ul {
	padding-left: 0;
	margin-left: 0;
}


.wp-block-gpf-block-section .gfield_html ul li,
.wp-block-gpf-block-section .gform_confirmation_message ul li,
.gfield_html ul li,
.gform_confirmation_message ul li {
	padding-left: 1em !important;
	margin-left: 0;
	list-style: none;
	position: relative;
	color: currentColor !important;
}


.gfield_html li::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: .4em;
	height: .4em;
	border-radius: 100vw;
	background-color: currentColor;
	transform: translateY(.5em);
  }


.gfield_html p,
.gform_confirmation_message p {
	margin-bottom: 1em;
	color: currentColor;
}


.gform_confirmation_message {


}


.gfield_html a,
.gform_footer a,
.gform_confirmation_message a {
	color: currentColor;
}


.gform_wrapper.gravity-theme .button.gform_previous_button {
	font-weight: normal;
	border: none;
	background: transparent;
	text-decoration: underline;
	font-size: .9em;
	padding-left: 0;
	color: currentColor;
	opacity: .9;
}

.confirmation-block {
	margin-bottom: 1.6em;
}

.confirmation-block-inner {
	text-align: center;
	line-height: 1.35;
	margin-bottom: 1em;
}


.confirmation-first-block {
background-color: var(--confirm-block1-background);
padding: 1em;
}


.confirmation-first-block .confirmation-block-inner {
margin-bottom: 0;
}

.confirmation-first-message {
font-weight: bold;
color: var(--confirm-first-line);
}

.confirmation-second-message {
	color: var(--form-text);
	margin-bottom: 1em;
	color: var(--confirm-text);
}



.confirmation-first-block .confirmation-first-message {
	color: var(--confirm-block1-first-line);
}

.confirmation-first-block .confirmation-second-message {
	color: var(--confirm-block1-text);
}



.confirmation-first-message::before {
	content: counter(confirmation-blocks) ".";
	padding-right: .25ch;
	counter-increment: confirmation-blocks;
	font-size: 1.2em;
}

.confirmation-block-no-number .confirmation-first-message::before {
	content: "";
	display: none;
}

.share-items {
	display: flex;
	justify-content: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.share-item {
	padding-left: 1rem;
	padding-right: 1rem;
}

.share-item svg {
	width: 100%;
	height: auto;
	display: block;
	max-width: 2em;
	transform: scale(101%);
	transform-origin: center center;
}


.share-item-link {
	display: block;
	transform-origin: center center;
	transition: transform .2s;
}

.share-item-link:hover {
	transform: scale(175%);
}


.cta-picto {
	display: inline-block;
	height: 1em;
	margin-right: 1ch;
}

.cta-picto svg {
	height: 100%;
}


.sous-accroche {
	padding: 1em 0;
	font-weight: 600;
	font-size: 1.2em;
}


.picto-quote-left,
.picto-quote-right {
	display: inline-block;
	font-size: .8em;
	height: 1em;
}

.picto-quote-left svg,
.picto-quote-right svg {
height: 100%;
}

.picto-quote-left {
	margin-right: .5ch;
	transform: translateY(-75%);
}

.picto-quote-right {
	transform: translateY(75%) rotate(180deg);
	margin-left: .5ch;
}




.picto-merci {
	/* padding-right: .75ch; */
	color: var(--primary-color);
	height: 1em;
	width: 1.5em;
	transform: translateY(10%);
}

.nobr {
	white-space: nowrap;
}