<div class="fr-transcription" id="transcription-8152">
    <button class="fr-transcription__btn" aria-expanded="false" aria-controls="fr-transcription-collapse-transcription-8152">Transcription</button>
    <div class="fr-collapse" id="fr-transcription-collapse-transcription-8152">
        <div class="fr-transcription__footer">
            <div class="fr-transcription__actions-group">
                <button aria-controls="fr-transcription-modal-transcription-8152" aria-label="Agrandir la transcription" data-fr-opened="false" id="button-8154" class="fr-btn--fullscreen fr-btn">Agrandir</button>
            </div>
        </div>
        <div id="fr-transcription-modal-transcription-8152" class="fr-modal" aria-labelledby="fr-transcription-modal-transcription-8152-title">
            <div class="fr-container fr-container--fluid fr-container-md">
                <div class="fr-grid-row fr-grid-row--center">
                    <div class="fr-col-12 fr-col-md-10 fr-col-lg-8">
                        <div class="fr-modal__body">
                            <div class="fr-modal__header">
                                <button aria-controls="fr-transcription-modal-transcription-8152" id="button-8155" title="Fermer" class="fr-btn--close fr-btn">Fermer</button>
                            </div>
                            <div class="fr-modal__content">
                                <h1 id="fr-transcription-modal-transcription-8152-title" class="fr-modal__title">
                                    Titre de la transcription
                                </h1>
                                <!-- données de test -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>