#circulaire {
    position: relative;

    display: flex;
    flex-direction: column;

    justify-content: end;
    align-items: end;

    width: 100%;
    height: 30%;
}

/*  */

#circulaire > #ruban-bapteme {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 50%;
}

/*  */

#circulaire > #ruban-bapteme > * {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

/*  */

#circulaire > #contenu {
    position: relative;

    display: flex;
    flex-direction: row;

    width: 100%;
    height: 50%;

    transform: translateY(-100%);
}

/*  */

#circulaire > #contenu > * {
    position: relative;
    
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: fit-content;
    height: 100%;
}