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