<main role="main" id="content">
<div class="village-container village-mt-8v village-mt-md-14v village-mb-2v village-mb-md-8v">
<div class="village-grid-row village-grid-row--gutters village-grid-row--center">
<div class="village-col-12 village-col-md-10 village-col-lg-8">
<h1 class="village-h2">Création de compte sur [Nom de service-site]</h1>
<p class="village-text--lead">Chapô — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et.</p>
</div>
</div>
</div>
<div class="village-container village-container--fluid village-mb-md-14v">
<div class="village-grid-row village-grid-row--gutters village-grid-row--center">
<div class="village-col-12 village-col-md-10 village-col-lg-8">
<div class="village-container village-background-alt--grey village-px-md-0 village-pt-10v village-pt-md-14v village-pb-6v village-pb-md-10v">
<div class="village-grid-row village-grid-row--gutters village-grid-row--center">
<div class="village-col-12 village-col-md-10 village-col-lg-9">
<div class="village-stepper">
<h2 class="village-stepper__title">
Renseigner une identité
<span class="village-stepper__state">Étape 2 sur 3</span>
</h2>
<div class="village-stepper__steps" data-village-current-step="2" data-village-steps="3"></div>
<p class="village-stepper__details">
<span class="village-text--bold">Étape suivante :</span> Saisir des coordonnées
</p>
</div>
<hr>
<div>
<form class="village-mb-0" id="identity">
<fieldset class="village-mb-0 village-fieldset" id="identity-fieldset" aria-labelledby="identity-fieldset-legend identity-fieldset-messages">
<legend class="village-fieldset__legend" id="identity-fieldset-legend">
<h3 class="village-h5">Identité personnelle</h3>
</legend>
<div class="village-fieldset__element">
<p class="village-hint-text">Sauf mention contraire, tous les champs sont obligatoires.</p>
</div>
<div class="village-fieldset__element">
<fieldset class="village-fieldset" id="sex-10242" aria-labelledby="sex-10242-legend sex-10242-messages">
<legend class="village-fieldset__legend--regular village-fieldset__legend" id="sex-10242-legend">
Sexe
</legend>
<div class="village-fieldset__element">
<div class="village-radio-group village-radio-group--sm">
<input type="radio" id="female-10243" name="sex">
<label class="village-label" for="female-10243">
Feminin
</label>
</div>
</div>
<div class="village-fieldset__element">
<div class="village-radio-group village-radio-group--sm">
<input type="radio" id="male-10244" name="sex">
<label class="village-label" for="male-10244">
Masculin
</label>
</div>
</div>
<div class="village-messages-group" id="sex-10242-messages" aria-live="polite">
</div>
</fieldset>
</div>
<div class="village-fieldset__element">
<fieldset class="village-fieldset" id="name-10254" aria-labelledby="name-10254-legend name-10254-messages">
<legend class="village-sr-only" id="name-10254-legend">
Nom
</legend>
<div class="village-fieldset__element">
<div class="village-input-group" id="input-group-10259">
<label class="village-label" for="family-name-10246">
Nom
</label>
<input class="village-input" aria-describedby="family-name-10246-messages" name="family-name" autocomplete="family-name" id="family-name-10246" spellcheck="false" type="text">
<div class="village-messages-group" id="family-name-10246-messages" aria-live="polite">
</div>
</div>
</div>
<div class="village-fieldset__element">
<fieldset class="village-mb-n4v village-fieldset" id="firstname-fieldset-10252" aria-labelledby="firstname-fieldset-10252-legend firstname-fieldset-10252-messages">
<legend class="village-sr-only" id="firstname-fieldset-10252-legend">
Prénom
</legend>
<div class="village-fieldset__element">
<div class="village-input-group" id="input-group-10260">
<label class="village-label" for="given-10251">
Prénom
</label>
<input class="village-input" aria-describedby="given-10251-messages" name="given-name" autocomplete="given-name" id="given-10251" spellcheck="false" type="text">
<div class="village-messages-group" id="given-10251-messages" aria-live="polite">
</div>
</div>
</div>
<div class="village-messages-group" id="firstname-fieldset-10252-messages" aria-live="polite">
</div>
</fieldset>
</div>
<div class="village-fieldset__element">
<div class="village-checkbox-group village-checkbox-group--sm">
<input onclick="toggleDisabled(this, 'firstname-fieldset-10252')" name="firstname-disabled" id="disabler-10253" type="checkbox" aria-describedby="disabler-10253-messages">
<label class="village-label" for="disabler-10253">
Je n'ai pas de prénom
</label>
<div class="village-messages-group" id="disabler-10253-messages" aria-live="polite">
</div>
</div>
</div>
<div class="village-messages-group" id="name-10254-messages" aria-live="polite">
</div>
</fieldset>
</div>
<div class="village-fieldset__element">
<ul class="village-mt-2v village-btns-group village-btns-group--right village-btns-group--inline-reverse village-btns-group--inline-sm village-btns-group village-btns-group--right village-btns-group--inline-reverse village-btns-group--inline-sm">
<li>
<button class="village-btn" id="button-10261" type="submit">
Valider
</button>
</li>
<li>
<button class="village-btn village-btn--secondary" id="button-10262">
Précédent
</button>
</li>
</ul>
</div>
<div class="village-messages-group" id="identity-fieldset-messages" aria-live="polite">
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>