/**
 * Contact : mise en forme de la page Bricks n° 258.
 * Bases, titres et boutons dans accueil.css.
 */

.blianti-contact-ouverture {
	background: var(--sable);
}

.blianti-contact-ouverture .blianti-accueil__conteneur {
	padding-top: 72px;
	padding-bottom: 72px;
}

.blianti-contact-ouverture__titre {
	margin-top: 20px;
	font-size: 72px;
	line-height: 1;
	letter-spacing: -.02em;
}

.blianti-contact-ouverture__intro {
	max-width: 560px;
	margin-top: 24px;
	font-size: 17px;
	line-height: 1.55;
}

.blianti-contact__grille {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 72px;
	align-items: start;
	width: 100%;
}

.blianti-contact__coordonnees {
	width: 100%;
	border-top: 1px solid var(--trait);
}

.blianti-contact__coordonnee {
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid var(--trait);
}

.blianti-contact__valeur {
	margin-top: 8px;
	color: var(--encre);
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.01em;
	overflow-wrap: anywhere;
}

.blianti-contact__valeur:hover {
	color: var(--accent);
}

.blianti-contact__titre-formulaire {
	margin-bottom: 28px;
	font-size: 28px;
	letter-spacing: -.01em;
}

/* Formulaire */
.blianti-contact__formulaire {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 16px;
	width: 100%;
}

.blianti-contact__formulaire .form-group {
	padding: 0;
}

/* Tous les champs sauf le piège à robots, que Bricks masque en le réduisant. */
.blianti-contact__formulaire .form-group:not(:has(input[tabindex="-1"])) {
	width: 100% !important;
}

.blianti-contact__formulaire .form-group:has(input[tabindex="-1"]) {
	position: absolute;
}

.blianti-contact__formulaire .form-group:has(textarea),
.blianti-contact__formulaire .submit-button-wrapper,
.blianti-contact__formulaire .message {
	grid-column: 1 / -1;
}

.blianti-contact__formulaire label {
	margin-bottom: 6px;
	color: var(--encre);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.blianti-contact__formulaire input,
.blianti-contact__formulaire select,
.blianti-contact__formulaire textarea {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid var(--encre);
	border-radius: 0;
	background: transparent;
	color: var(--encre);
	font: inherit;
}

.blianti-contact__formulaire input:focus,
.blianti-contact__formulaire select:focus,
.blianti-contact__formulaire textarea:focus {
	border-color: var(--accent);
	outline: 1px solid var(--accent);
}

.blianti-contact__formulaire .bricks-button {
	min-height: 48px;
	padding: 0 28px;
	border: 0;
	border-radius: 0;
	background: var(--encre);
	color: var(--papier);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.blianti-contact__formulaire .bricks-button:hover {
	background: var(--accent);
}

/* Orientation */
.blianti-contact-aide {
	border-top: 1px solid var(--trait);
}

.blianti-contact-aide__colonnes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 48px;
	width: 100%;
}

.blianti-contact-aide__colonne {
	width: 100%;
	padding-top: 14px;
	border-top: 2px solid var(--encre);
}

.blianti-contact-aide__nom {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
}

.blianti-contact-aide__texte {
	margin: 10px 0 14px;
	color: var(--doux);
	font-size: 16px;
	line-height: 1.55;
}

@media (max-width: 991px) {
	.blianti-contact__grille {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.blianti-contact-aide__colonnes {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.blianti-contact-ouverture__titre {
		font-size: 44px;
	}

	.blianti-contact__valeur {
		font-size: 24px;
	}

	.blianti-contact__formulaire {
		grid-template-columns: minmax(0, 1fr);
	}
}