<h6 class="subtitle is-6 is-uppercase has-text-grey">Style</h6><h1 class="title is-1 is-spaced">Terminology</h1>
<hr class="is-visible">
<p class="subtitle is-5 is-family-secondary">
    This section covers the approved <strong>terms and idioms</strong> for use in Biings apps.</span>
</p>

<hr class="is-visible">

<br>

<div class="columns is-multiline">
    <div class="column is-2 is-size-2 has-text-weight-light has-text-primary">A</div>
    <div class="column is-10 is-full-mobile">
        <div class="title is-4 is-spaced">absence</div>
        <p class="subtitle is-6 has-text-grey-darker">
            Période calendaire durant laquelle un(e) employé(e) ne travail pas indépendamment de la raison ou du motif. Une absence est définie par une date de début, une date de fin, un type et un taux d'incapacité.
        </p>
        <hr class="is-smaller">
    </div>
    <div class="column is-10 is-offset-2 is-full-mobile">
        <div class="title is-4 is-spaced">absence case</div>
        <p class="subtitle is-6 has-text-grey-darker">
            Ensemble de une ou plusieurs périodes d'incapacité – on parle d'absence non-planifiée – partagant le même lien de causalité (raison ou motif d'absence).
        </p>
    </div>
    <div class="column is-12"><hr class="is-visible"></div>
    <div class="column is-2 is-size-2 has-text-weight-light has-text-primary">B</div>
    <div class="column is-10 is-full-mobile">
        <div class="title is-4 is-spaced">bilan – entretien de..</div>
        <p class="subtitle is-6 has-text-grey-darker">
            Entretien entre un collaborateur et son chef, déclanché suite au cumul d'au moins 4 absences non-planifiée dans les 12 derniers mois.
        </p>
    </div>
    <div class="column is-12"><hr class="is-visible"></div>
    <div class="column is-2 is-size-2 has-text-weight-light has-text-primary">C</div>
    <div class="column is-10 is-full-mobile">
        ...
    </div>
</div>
