<div class="fr-transcription">
    <button class="fr-transcription__btn" aria-expanded="false" aria-controls="fr-transcription__collapse-transcription-1344">Transcription</button>
    <div class="fr-collapse" id="fr-transcription__collapse-transcription-1344">
        <dialog id="fr-transcription__modal-transcription-1344" class="fr-modal" role="dialog" aria-labelledby="fr-transcription__modal-transcription-1344-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-1344" title="Fermer">
                                    Fermer
                                </button>
                            </div>
                            <div class="fr-modal__content">
                                <h1 id="fr-transcription__modal-transcription-1344-title" class="fr-modal__title">
                                    Titre du contenu
                                </h1>
                                <!-- données de test -->
                            </div>
                            <div class="fr-transcription__footer">
                                <div class="fr-transcription__actions-group">
                                    <button class="fr-btn fr-btn--fullscreen" aria-controls="fr-transcription__modal-transcription-1344" data-fr-opened="false" title="">
                                        Agrandir
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </dialog>
    </div>
</div>