/*
 * E2IT - offres d emploi.
 *
 * Des lignes et non des cartes : une offre se scanne. Le filet Bleu arc a
 * gauche les rattache au vocabulaire des renvois du site.
 */

.e2it-offres {
	width: 100%;
	max-width: var(--e2it-largeur-contenu);
	margin-inline: auto;
	padding: 0 var(--e2it-gouttiere);
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-3);
}

.e2it-offre {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--e2it-espace-6);
	padding: var(--e2it-espace-6);
	background: var(--e2it-blanc);
	border: 1px solid var(--e2it-bordure);
	border-left: 3px solid var(--e2it-accent);
	border-radius: var(--e2it-rayon-carte);
	transition:
		transform var(--e2it-duree-rapide) var(--e2it-courbe),
		box-shadow var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-offre:hover {
	transform: translateY(-2px);
	box-shadow: var(--e2it-eleve);
}

.e2it-offre:focus-within {
	outline: 3px solid var(--e2it-accent);
	outline-offset: 3px;
}

.e2it-offre__corps {
	display: block;
	min-width: 0;
}

.e2it-offre__titre {
	margin: 0;
	font-family: var(--e2it-police);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--e2it-marine);
}

.e2it-offre__titre a {
	color: inherit;
	text-decoration: none;
}

/* Toute la ligne est cliquable : un seul lien dans le balisage, une cible de
   toute la surface. */
.e2it-offre__titre a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.e2it-offre__meta {
	display: block;
	margin-top: var(--e2it-espace-2);
	font-family: var(--e2it-police-mono);
	font-size: 10px;
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-bleu-crete);
}

.e2it-offre__pastilles {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e2it-espace-2);
	margin-top: var(--e2it-espace-3);
}

.e2it-offre__pastilles span {
	padding: 4px 10px;
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-bleu-pale);
	font-family: var(--e2it-police-mono);
	font-size: 9px;
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-bleu-profond);
}

.e2it-offre__action {
	flex: none;
	padding: 11px 20px;
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-marine);
	font-size: 14px;
	font-weight: 600;
	color: var(--e2it-blanc);
	white-space: nowrap;
	transition: background-color var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-offre:hover .e2it-offre__action {
	background: var(--e2it-accent-fond);
}

/* L absence d offre est le cas courant pour une petite entreprise :
   la section reste et renvoie vers la candidature spontanee. */
.e2it-offres__vide {
	margin: 0;
	max-width: 60ch;
	font-size: var(--e2it-lecture-taille);
	line-height: var(--e2it-lecture-interligne);
	color: var(--e2it-lecture-texte);
}

.e2it-offres__vide-lien {
	margin: var(--e2it-espace-4) 0 0;
}

.e2it-offres__vide-lien a {
	font-size: var(--e2it-lien-taille);
	font-weight: var(--e2it-lien-graisse);
	color: var(--e2it-bleu-profond);
	text-decoration: none;
	border-bottom: 1px solid var(--e2it-bleu-pale);
}

.e2it-offres__vide-lien a:hover {
	border-color: var(--e2it-accent);
}

@media (max-width: 639px) {
	.e2it-offre {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--e2it-espace-4);
	}

	.e2it-offre__action {
		width: 100%;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.e2it-offre { transition: none; }
	.e2it-offre:hover { transform: none; }
}
/* ==================================================================
   Liste : titre facultatif, date limite, note d editeur
   ================================================================== */

.e2it-offres__titre {
	margin: 0 0 var(--e2it-espace-2);
	font-family: var(--e2it-police);
	font-size: var(--e2it-h3-taille);
	font-weight: var(--e2it-h3-graisse);
	line-height: var(--e2it-h3-interligne);
	color: var(--e2it-marine);
}

.e2it-offre__limite {
	display: block;
	margin-top: var(--e2it-espace-3);
	font-size: 14px;
	color: var(--e2it-texte-secondaire);
}

.e2it-offres__note-editeur {
	margin: 0;
	padding: var(--e2it-espace-4);
	border: 1px dashed var(--e2it-bordure);
	border-radius: var(--e2it-rayon-champ);
	font-size: 14px;
	color: var(--e2it-texte-tertiaire);
}

/* ==================================================================
   Fiche d offre - en-tete
   Le gabarit vient de fiche.css ; seules les pastilles sont propres.
   ================================================================== */

.e2it-offre-fiche__pastilles {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e2it-espace-2);
	margin: var(--e2it-espace-6) 0 0;
}

.e2it-offre-fiche__pastilles span {
	padding: 7px 14px;
	border-radius: var(--e2it-rayon-pilule);
	border: 1px solid var(--e2it-filet-entete);
	font-size: var(--e2it-etiquette-taille);
	font-weight: var(--e2it-etiquette-graisse);
	color: var(--e2it-blanc);
}

/* ==================================================================
   Fiche d offre - corps
   ================================================================== */

.e2it-offre-fiche {
	width: 100%;
	max-width: var(--e2it-largeur-contenu);
	margin-inline: auto;
	padding: var(--e2it-section-padding) var(--e2it-gouttiere);
	box-sizing: border-box;
}

.e2it-offre-fiche__etat {
	margin: 0 0 var(--e2it-espace-12);
	padding: var(--e2it-espace-6);
	border-radius: var(--e2it-rayon-carte);
	background: var(--e2it-bleu-pale);
	border-left: 3px solid var(--e2it-marine);
}

.e2it-offre-fiche__etat p {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--e2it-texte);
}

.e2it-offre-fiche__etat strong {
	color: var(--e2it-marine);
}

.e2it-offre-fiche__etat-liens {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e2it-espace-3) var(--e2it-espace-6);
	margin-top: var(--e2it-espace-4) !important;
}

.e2it-offre-fiche__etat-liens a {
	font-size: var(--e2it-lien-taille);
	font-weight: var(--e2it-lien-graisse);
	color: var(--e2it-bleu-profond);
	text-decoration: none;
	border-bottom: 1px solid var(--e2it-glacier);
}

.e2it-offre-fiche__grille {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: var(--e2it-espace-16);
	align-items: start;
}

.e2it-offre-fiche__principal {
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-12);
	max-width: 70ch;
}

.e2it-offre-fiche__accroche {
	margin: 0;
	font-size: var(--e2it-chapo-taille);
	line-height: var(--e2it-chapo-interligne);
	color: var(--e2it-texte);
}

.e2it-offre-fiche__intitule {
	margin: 0 0 var(--e2it-espace-4);
	padding-bottom: var(--e2it-espace-3);
	border-bottom: 2px solid var(--e2it-marine);
	font-family: var(--e2it-police);
	font-size: var(--e2it-h3-taille);
	font-weight: var(--e2it-h3-graisse);
	line-height: var(--e2it-h3-interligne);
	color: var(--e2it-marine);
}

.e2it-offre-fiche__liste {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-3);
}

.e2it-offre-fiche__liste li {
	position: relative;
	padding-left: var(--e2it-espace-6);
	font-size: var(--e2it-lecture-taille);
	line-height: 1.6;
	color: var(--e2it-lecture-texte);
}

.e2it-offre-fiche__liste li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .72em;
	width: 10px;
	height: 2px;
	background: var(--e2it-bleu-crete);
}

.e2it-offre-fiche__habilitations {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e2it-espace-2);
	margin: 0;
}

.e2it-offre-fiche__habilitations span {
	padding: 7px 14px;
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-marine);
	font-family: var(--e2it-police-mono);
	font-size: var(--e2it-mono-taille);
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	color: var(--e2it-blanc);
}

/* Recapitulatif : colle au defilement sur grand ecran. */
.e2it-offre-fiche__resume {
	position: sticky;
	top: calc(var(--e2it-hauteur-entete) + var(--e2it-espace-6));
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-6);
	padding: var(--e2it-espace-8);
	border: 1px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-carte);
	background: var(--e2it-fond-gris);
}

.e2it-offre-fiche__resume-titre {
	margin: 0;
	font-family: var(--e2it-police-mono);
	font-size: var(--e2it-mono-taille);
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-bleu-crete);
}

.e2it-offre-fiche__recap {
	margin: 0;
	display: flex;
	flex-direction: column;
}

.e2it-offre-fiche__recap > div {
	padding: var(--e2it-espace-3) 0;
	border-bottom: 1px solid var(--e2it-bordure);
}

.e2it-offre-fiche__recap > div:first-child {
	padding-top: 0;
}

.e2it-offre-fiche__recap dt {
	margin: 0 0 2px;
	font-family: var(--e2it-police-mono);
	font-size: 12px;
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-texte-tertiaire);
}

.e2it-offre-fiche__recap dd {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	color: var(--e2it-marine);
}

.e2it-offre-fiche__resume .e2it-bouton {
	justify-content: center;
	text-align: center;
}

.e2it-offre-fiche__question {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--e2it-texte-secondaire);
}

.e2it-offre-fiche__question a {
	font-family: var(--e2it-police-mono);
	font-size: 14px;
	letter-spacing: .06em;
	color: var(--e2it-marine);
	text-decoration: none;
	border-bottom: 1px solid var(--e2it-glacier);
}

@media (max-width: 1023px) {
	.e2it-offre-fiche__grille {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--e2it-espace-12);
	}

	/* Le recapitulatif et le bouton avant le texte. */
	.e2it-offre-fiche__resume {
		position: static;
		order: -1;
	}

	.e2it-offre-fiche__principal {
		max-width: none;
	}
}

/* Offre fermee ou diffusee ailleurs : pas de formulaire. */
body.e2it-offre--pourvue .e2it-candidature-zone,
body.e2it-offre--expiree .e2it-candidature-zone,
body.e2it-offre--externe .e2it-candidature-zone {
	display: none !important;
}

/* ==================================================================
   Page Nous rejoindre - blocs de contenu
   ================================================================== */

.e-con.e2it-nr-bloc {
	--padding-top: var(--e2it-espace-8);
	--padding-right: var(--e2it-espace-8);
	--padding-bottom: var(--e2it-espace-8);
	--padding-left: var(--e2it-espace-8);
	background: var(--e2it-blanc);
	border: 1px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-carte);
}

.e2it-section--gris .e-con.e2it-nr-bloc,
.e-con.e2it-nr-bloc--gris {
	background: var(--e2it-blanc);
}

.e2it-nr-bloc__liste ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-2);
}

.e2it-nr-bloc__liste li {
	position: relative;
	padding-left: var(--e2it-espace-6);
	font-size: 15px;
	line-height: 1.55;
	color: var(--e2it-texte);
}

.e2it-nr-bloc__liste li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .72em;
	width: 10px;
	height: 2px;
	background: var(--e2it-bleu-crete);
}

.e2it-nr-bloc__liste p,
.e2it-nr-bloc__texte p:last-child,
.e2it-nr-bloc__lien p {
	margin: 0;
}

.e2it-nr-bloc__lien {
	margin-top: auto;
}

.e2it-nr-bloc__lien a {
	font-size: var(--e2it-lien-taille);
	font-weight: var(--e2it-lien-graisse);
	color: var(--e2it-bleu-profond);
	text-decoration: none;
	border-bottom: 1px solid var(--e2it-glacier);
}

.e2it-nr-bloc__lien a:hover {
	border-color: var(--e2it-accent);
}

@media (max-width: 767px) {
	.e-con.e2it-nr-bloc {
		--padding-top: var(--e2it-espace-6);
		--padding-right: var(--e2it-espace-6);
		--padding-bottom: var(--e2it-espace-6);
		--padding-left: var(--e2it-espace-6);
	}
}

/* ==================================================================
   Zone de candidature : formulaire + coordonnees
   ================================================================== */

.e-con.e2it-candidature {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
	gap: var(--e2it-espace-8);
	align-items: start;
}

.e-con.e2it-candidature__formulaire {
	--padding-top: var(--e2it-espace-12);
	--padding-right: var(--e2it-espace-12);
	--padding-bottom: var(--e2it-espace-12);
	--padding-left: var(--e2it-espace-12);
	background: var(--e2it-blanc);
	border: 1px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-carte);
}

.e2it-candidature__coordonnees p {
	margin: 0 0 var(--e2it-espace-4);
}

.e2it-candidature__coordonnees p:last-child {
	margin-bottom: 0;
}

.e2it-candidature__coordonnees a {
	color: var(--e2it-marine);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--e2it-glacier);
}

@media (max-width: 1023px) {
	.e-con.e2it-candidature {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.e-con.e2it-candidature__formulaire {
		--padding-top: var(--e2it-espace-6);
		--padding-right: var(--e2it-espace-6);
		--padding-bottom: var(--e2it-espace-6);
		--padding-left: var(--e2it-espace-6);
	}
}

/* ==================================================================
   Formulaire de candidature (widget Formulaire d Elementor Pro)
   Valeurs du composant « champ de formulaire » de la charte.
   ================================================================== */

.e2it-formulaire .elementor-form-fields-wrapper {
	row-gap: var(--e2it-espace-6);
}

.e2it-formulaire .elementor-field-group > .elementor-field-label {
	margin-bottom: var(--e2it-espace-2);
	padding: 0;
	font-family: var(--e2it-police-mono);
	font-size: 12px;
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-texte-secondaire);
}

.e2it-formulaire .elementor-mark-required .elementor-field-label::after {
	color: var(--e2it-bleu-crete);
}

.e2it-formulaire .elementor-field-textual,
.e2it-formulaire .elementor-upload-field {
	min-height: 48px;
	padding: 13px 16px;
	font-family: var(--e2it-police);
	font-size: 16px;
	color: var(--e2it-texte);
	background: var(--e2it-fond-gris);
	border: 1.5px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-champ);
	box-shadow: none;
	transition: border-color var(--e2it-duree-rapide) var(--e2it-courbe), background-color var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-formulaire textarea.elementor-field-textual {
	min-height: 120px;
}

.e2it-formulaire .elementor-field-textual:focus,
.e2it-formulaire .elementor-upload-field:focus {
	outline: 2px solid var(--e2it-bleu-crete);
	outline-offset: 1px;
	border-color: var(--e2it-bleu-crete);
	background: var(--e2it-blanc);
}

.e2it-formulaire .elementor-field-subgroup {
	gap: var(--e2it-espace-2);
}

.e2it-formulaire .elementor-field-subgroup .elementor-field-option {
	display: inline-flex;
	align-items: center;
	min-height: var(--e2it-cible-tactile);
	margin: 0;
}

.e2it-formulaire .elementor-field-subgroup .elementor-field-option label {
	font-size: 15px;
	color: var(--e2it-texte);
}

.e2it-formulaire .elementor-field-subgroup input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--e2it-marine);
}

.e2it-formulaire .elementor-field-type-checkbox .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
	padding: 0 14px;
	border: 1px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-fond-gris);
}

.e2it-formulaire .elementor-field-type-acceptance .elementor-field-option label {
	font-size: 14px;
	line-height: 1.5;
	color: var(--e2it-texte-secondaire);
}

.e2it-formulaire .elementor-field-type-acceptance a {
	color: var(--e2it-bleu-profond);
}

.e2it-formulaire .elementor-field-type-html {
	font-size: 14px;
	line-height: 1.55;
	color: var(--e2it-texte-tertiaire);
}

.e2it-formulaire .elementor-field-type-submit .elementor-button {
	min-height: 48px;
	padding: 14px 28px;
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-accent-fond);
	font-family: var(--e2it-police);
	font-size: var(--e2it-bouton-taille);
	font-weight: var(--e2it-bouton-graisse);
	color: var(--e2it-blanc);
	transition: background-color var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-formulaire .elementor-field-type-submit .elementor-button:hover {
	background: var(--e2it-marine);
}

.e2it-formulaire .elementor-field-type-submit .elementor-button:focus-visible {
	outline: 3px solid var(--e2it-accent);
	outline-offset: 3px;
}

.e2it-formulaire .elementor-message {
	margin-top: var(--e2it-espace-4);
	padding: var(--e2it-espace-4);
	border-radius: var(--e2it-rayon-champ);
	font-size: 15px;
}

.e2it-formulaire .elementor-message::before {
	display: none;
}

.e2it-formulaire .elementor-message-success {
	background: var(--e2it-conforme-fond);
	color: var(--e2it-conforme-texte);
}

.e2it-formulaire .elementor-message-danger,
.e2it-formulaire .elementor-error .elementor-message {
	background: var(--e2it-erreur-fond);
	color: var(--e2it-erreur-texte);
}

.e2it-formulaire .elementor-error .elementor-field-textual {
	border-color: var(--e2it-erreur-texte);
}

@media (prefers-reduced-motion: reduce) {
	.e2it-formulaire .elementor-field-textual,
	.e2it-formulaire .elementor-field-type-submit .elementor-button { transition: none; }
}
/* Autres postes, en pied de fiche : la liste porte son propre rythme
   pour disparaitre sans laisser d espace vide. */
.e2it-offres-autres .e2it-offres {
	padding-top: var(--e2it-section-padding);
	padding-bottom: var(--e2it-section-padding);
}

/* Intitules de rubrique : taille H3 malgre la balise h2. L echelle globale
   (typographie.css) a le poids d un identifiant ; :not(#e2it) l egalise. */
.e2it-offre-fiche .e2it-offre-fiche__intitule:not(#e2it),
.e2it-offres .e2it-offres__titre:not(#e2it) {
	font-size: var(--e2it-h3-taille);
	line-height: var(--e2it-h3-interligne);
	letter-spacing: -.01em;
	font-stretch: var(--e2it-largeur-h3);
}

/* En-tete centre : les pastilles suivent. */
.e2it-offre-fiche__entete .e2it-offre-fiche__pastilles {
	justify-content: center;
}

/* Cases a cocher du formulaire Elementor : ecart entre la case et son texte. */
.e2it-formulaire .elementor-field-subgroup .elementor-field-option input {
	margin: 0 var(--e2it-espace-2) 0 0;
}

/* ==================================================================
   Formulaire de candidature - Fluent Forms
   Memes valeurs que la version Elementor : un seul composant « champ »
   pour la charte, quel que soit le moteur.
   ================================================================== */

.e2it-formulaire .fluentform fieldset {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--e2it-espace-4);
}

.e2it-formulaire .fluentform fieldset > * {
	flex: 1 1 100%;
}

.e2it-formulaire .fluentform .ff-el-group.e2it-demi {
	flex: 1 1 calc(50% - var(--e2it-espace-2));
	min-width: 220px;
}

.e2it-formulaire .fluentform .ff-el-group {
	margin-bottom: var(--e2it-espace-6);
}

.e2it-formulaire .fluentform .ff-el-input--label label {
	font-family: var(--e2it-police-mono);
	font-size: 12px;
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-texte-secondaire);
}

.e2it-formulaire .fluentform .ff-el-is-required.asterisk-right label::after {
	color: var(--e2it-bleu-crete);
}

.e2it-formulaire .fluentform .ff-el-form-control {
	min-height: 48px;
	padding: 13px 16px;
	font-family: var(--e2it-police);
	font-size: 16px;
	color: var(--e2it-texte);
	background: var(--e2it-fond-gris);
	border: 1.5px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-champ);
	box-shadow: none;
	transition: border-color var(--e2it-duree-rapide) var(--e2it-courbe), background-color var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-formulaire .fluentform textarea.ff-el-form-control {
	min-height: 120px;
}

.e2it-formulaire .fluentform .ff-el-form-control:focus {
	outline: 2px solid var(--e2it-bleu-crete);
	outline-offset: 1px;
	border-color: var(--e2it-bleu-crete);
	background: var(--e2it-blanc);
}

/* Habilitations en pastilles. */
.e2it-formulaire .fluentform .e2it-pastilles .ff-el-input--content {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e2it-espace-2);
}

.e2it-formulaire .fluentform .e2it-pastilles .ff-el-form-check {
	margin: 0;
}

.e2it-formulaire .fluentform .e2it-pastilles .ff-el-form-check-label {
	display: inline-flex;
	align-items: center;
	gap: var(--e2it-espace-2);
	min-height: var(--e2it-cible-tactile);
	padding: 0 14px;
	border: 1px solid var(--e2it-bordure);
	border-radius: var(--e2it-rayon-pilule);
	background: var(--e2it-fond-gris);
	font-size: 15px;
	color: var(--e2it-texte);
	cursor: pointer;
}

.e2it-formulaire .fluentform .e2it-pastilles .ff-el-form-check.ff_item_selected .ff-el-form-check-label {
	border-color: var(--e2it-marine);
	background: var(--e2it-bleu-pale);
}

.e2it-formulaire .fluentform input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--e2it-marine);
}

.e2it-formulaire .fluentform .ff-el-tc label {
	display: flex;
	gap: var(--e2it-espace-2);
	font-size: 14px;
	line-height: 1.5;
	color: var(--e2it-texte-secondaire);
}

.e2it-formulaire .fluentform .ff-el-tc a {
	color: var(--e2it-bleu-profond);
}

.e2it-formulaire .fluentform .ff-btn-submit {
	width: 100%;
	min-height: 48px;
	padding: 14px 28px;
	border-radius: var(--e2it-rayon-pilule);
	--b-fond: var(--e2it-accent-fond);
	--b-contour: var(--e2it-accent-fond);
	--b-remplissage: var(--e2it-marine);
	font-family: var(--e2it-police);
	font-size: var(--e2it-bouton-taille);
	font-weight: var(--e2it-bouton-graisse);
}

.e2it-formulaire .fluentform .ff-btn-submit:focus-visible {
	outline: 3px solid var(--e2it-accent);
	outline-offset: 3px;
}

.e2it-formulaire .fluentform .error.text-danger {
	margin-top: var(--e2it-espace-2);
	font-size: 14px;
	color: var(--e2it-erreur-texte);
}

.e2it-formulaire .fluentform .ff-el-is-error .ff-el-form-control {
	border-color: var(--e2it-erreur-texte);
}

.e2it-formulaire .ff-message-success {
	padding: var(--e2it-espace-4);
	border: 0;
	border-radius: var(--e2it-rayon-champ);
	background: var(--e2it-conforme-fond);
	color: var(--e2it-conforme-texte);
	box-shadow: none;
}

@media (max-width: 639px) {
	.e2it-formulaire .fluentform .ff-el-group.e2it-demi {
		flex-basis: 100%;
	}
}