<div class="fr-transcription" id="transcription-7788">
    <button class="fr-transcription__btn" aria-expanded="false" aria-controls="fr-transcription-collapse-transcription-7788">Transcription</button>
    <div class="fr-collapse" id="fr-transcription-collapse-transcription-7788">
        <div class="fr-transcription__footer">
            <div class="fr-transcription__actions-group">
                <button class="fr-btn--fullscreen fr-btn" aria-controls="fr-transcription-modal-transcription-7788" aria-label="Agrandir la transcription" data-fr-opened="false" id="button-7790">
                    Agrandir
                </button>
            </div>
        </div>
        <div id="fr-transcription-modal-transcription-7788" class="fr-modal" aria-labelledby="fr-transcription-modal-transcription-7788-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 class="fr-btn--close fr-btn" aria-controls="fr-transcription-modal-transcription-7788" id="button-7791" title="Fermer">
                                    Fermer
                                </button>
                            </div>
                            <div class="fr-modal__content">
                                <h1 id="fr-transcription-modal-transcription-7788-title" class="fr-modal__title">
                                    Titre de la transcription
                                </h1>
                                <!-- données de test -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>