/* Présentation des deux inscriptions ; CVT, Saisies et Mediabox gardent
 * la responsabilité des champs, des erreurs et du cycle de la boîte. */
.lity .ateliers-benevoles-modal {
	max-height: calc(100dvh - 4rem);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}
.lity .ateliers-benevoles-modal .ab-retour { display: none; }
.ateliers-benevoles-modal .formulaire_spip {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}
.ateliers-benevoles-modal .formulaire_spip .editer-groupe { margin: 0; padding: 0; }
.ateliers-benevoles-modal .formulaire_spip .editer { padding: .65rem 0; grid-template-columns: minmax(0, 1fr); gap: .35rem; }
.ateliers-benevoles-modal .formulaire_spip div.editer:is(.saisie_date, .saisie_input, .saisie_email, .saisie_nom_inscription, .saisie_mail_inscription, .saisie_selection) { grid-template-columns: minmax(0, 1fr); }
.ateliers-benevoles-modal .formulaire_spip div.editer:is(.saisie_date, .saisie_input, .saisie_email, .saisie_nom_inscription, .saisie_mail_inscription, .saisie_selection) > :is(label, input, select, .explication, .erreur_message) { grid-column: 1; grid-row: auto; }
.ateliers-benevoles-modal .formulaire_spip .editer > label {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 .4rem;
	font-weight: 600;
	line-height: 1.4;
}
.ateliers-benevoles-modal .formulaire_spip .editer :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select) {
	width: 100%;
	max-width: 100%;
	min-height: 2.75rem;
	padding: .65rem .75rem;
	border: 1px solid #879da9;
	border-radius: .4rem;
	background: #fff;
	color: #243843;
	font: inherit;
}
.ateliers-benevoles-modal .formulaire_spip textarea { resize: vertical; }
.ateliers-benevoles-modal :is(input, select, textarea, button, a):focus-visible {
	outline: 3px solid #176b91;
	outline-offset: 3px;
}
.ateliers-benevoles-modal .formulaire_inscription > .titre-section-petit {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	font-size: 1.05rem;
	text-transform: none;
}
.ateliers-benevoles-modal .inscription-evenement-public__intro {
	margin-bottom: .75rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid #e0e8ec;
}
.ateliers-benevoles-modal .inscription-evenement-public__intro h3 { margin: 0 0 .35rem; font-size: 1rem; }
.ateliers-benevoles-modal .inscription-evenement-public__intro-text { margin: 0; color: #53636d; font-size: .9375rem; }
.ateliers-benevoles-modal .formulaire_spip .boutons {
	margin: 1.25rem 0 0;
	padding: 1rem 0 0;
	border-top: 1px solid #d5e0e5;
	background: transparent;
	text-align: right;
}
.ateliers-benevoles-modal .formulaire_spip .submit {
	min-height: 2.75rem;
	padding: .7rem 1.1rem;
	border: 1px solid #176b91;
	border-radius: .4rem;
	background: #176b91;
	color: #fff;
	font: inherit;
	font-weight: 600;
}
.ateliers-benevoles-modal .formulaire_spip .submit:hover { background: #125474; }
.ateliers-benevoles-modal .formulaire_information {
	margin-top: 1.5rem;
	padding: 1rem;
	border-radius: .5rem;
	background: #f5f8fa;
	font-size: .875rem;
}
.ateliers-benevoles-modal .formulaire_information h3 { margin: 0 0 .75rem; font-size: 1rem; line-height: 1.4; }
.ateliers-benevoles-modal .formulaire_information > hr:first-child { display: none; }
@media (max-width: 40rem) {
	.lity .ateliers-benevoles-modal { max-height: calc(100dvh - 3.5rem); }
	.ateliers-benevoles-modal .formulaire_spip .submit { width: 100%; }
}