diff --git a/app/assets/stylesheets/pages/cas_usages-show.css b/app/assets/stylesheets/pages/cas_usages-show.css
new file mode 100644
index 0000000000..8b504ab873
--- /dev/null
+++ b/app/assets/stylesheets/pages/cas_usages-show.css
@@ -0,0 +1,55 @@
+.cas-usage-section {
+  padding: 3rem 0;
+}
+
+.cas-usage-section.even:nth-of-type(even) {
+  background-color: var(--background-alt-grey);
+}
+
+.cas-usage-section.odd:nth-of-type(odd) {
+  background-color: var(--background-alt-grey);
+}
+
+.cas-usage-section:first-of-type {
+  padding: 0 0 3rem 0;
+}
+
+.viewer-of-content {
+  border: 1px solid lightgray;
+  border-radius: 1rem;
+  padding: 2rem;
+  background-color: white;
+}
+
+.title-with-modify-button {
+  display: flex;
+  flex-direction: row-reverse;
+  flex-wrap: wrap;
+  justify-content: right;
+}
+
+.title-with-modify-button .title {
+  flex-grow: 1;
+}
+
+.cas-usage-properties {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.cas-usage-property {
+  border: 1px lightgray solid;
+  padding: 0.5rem 1rem;
+  border-radius: 5px;
+}
+
+.header-count-badges {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.bordered-link-box {
+  border: 1px solid #000091;
+}
\ No newline at end of file
diff --git a/app/components/instructor_menu_component.html.erb b/app/components/instructor_menu_component.html.erb
index e5aa3c95e0..b2fda88903 100644
--- a/app/components/instructor_menu_component.html.erb
+++ b/app/components/instructor_menu_component.html.erb
@@ -4,14 +4,6 @@
   </a>
 </li>
 
-<% if show_drafts %>
-  <li class="fr-nav__item">
-    <a class="fr-nav__link center" href="<%= instruction_instructor_draft_requests_path %>" target="_self">
-      <%= t('layouts.header.menu.instruction.instructor_authorization_requests') %>
-    </a>
-  </li>
-<% end %>
-
 <% if show_templates %>
   <li class="fr-nav__item">
     <a class="fr-nav__link center" href="<%= instruction_message_templates_path %>" target="_self">
diff --git a/app/controllers/instruction/cas_usages_controller.rb b/app/controllers/instruction/cas_usages_controller.rb
index 5cd9ddbba9..4f96478e1e 100644
--- a/app/controllers/instruction/cas_usages_controller.rb
+++ b/app/controllers/instruction/cas_usages_controller.rb
@@ -1,15 +1,40 @@
 class Instruction::CasUsagesController < Instruction::AbstractCatalogueController
   before_action :set_formulaire
 
+  def index
+    @cas_usages = @formulaire.available_forms
+    @demandes_counts = counts_by_form_uid(AuthorizationRequest.where(state: :submitted))
+    @habilitations_counts = counts_by_form_uid(Authorization.where(state: :active))
+
+
+    @formulaire_demandes_count = @formulaire.authorization_request_class.where(state: :submitted).count
+    @formulaire_habilitations_counts = Authorization.where(authorization_request_class: @formulaire.authorization_request_class.to_s).where(state: :active).count
+  end
+
   def show
     @cas_usage = @formulaire.available_forms.find { |form| form.uid == params[:uid] }
     raise ActiveRecord::RecordNotFound unless @cas_usage
 
     authorize [:instruction, @cas_usage], :show?
+
+    @authorization_request = @cas_usage.authorization_request_class.new(form_uid: @cas_usage.uid).tap do |ar|
+      ar.assign_attributes(@cas_usage.initialize_with)
+    end.decorate
+
+    @cas_usage_demandes_count = AuthorizationRequest.where(state: :submitted).where(form_uid: @cas_usage.uid).count
+    @cas_usage_habilitations_count = Authorization.where(state: :active).where(form_uid: @cas_usage.uid).count
   end
 
   private
 
+  def layout_name
+    'wide_container'
+  end
+
+  def counts_by_form_uid(model)
+    model.where(form_uid: @cas_usages.map(&:uid)).group(:form_uid).count
+  end
+
   def set_formulaire
     @formulaire = AuthorizationDefinition.find(params.expect(:formulaire_id))
     raise ActiveRecord::RecordNotFound unless @formulaire.provider_slug == @data_provider.slug
diff --git a/app/controllers/instruction/dashboard_controller.rb b/app/controllers/instruction/dashboard_controller.rb
index 49080ff438..f2dd38cb0a 100644
--- a/app/controllers/instruction/dashboard_controller.rb
+++ b/app/controllers/instruction/dashboard_controller.rb
@@ -7,6 +7,7 @@ class Instruction::DashboardController < Instruction::AbstractAuthorizationReque
   Tab = Data.define(:id, :path, :count)
 
   def show
+    @fomulaires_management_path = fomulaires_management_path
     case params[:id]
     when 'habilitations'
       search_object = Instruction::Search::DashboardHabilitationsSearch.new(
@@ -80,4 +81,14 @@ def search_record_path(record)
   def search_terms_is_a_possible_id?
     Instruction::Search::DashboardSearch.search_terms_is_a_possible_id?(params)
   end
+
+  def fomulaires_management_path
+    data_providers = policy_scope([:instruction, DataProvider]).to_a
+
+    if data_providers.count == 1
+       instruction_formulaires_path(provider_slug: data_providers.first)
+    else
+      instruction_data_providers_path
+    end
+  end
 end
diff --git a/app/controllers/instruction/emails_automatiques_controller.rb b/app/controllers/instruction/emails_automatiques_controller.rb
new file mode 100644
index 0000000000..cc6eeca723
--- /dev/null
+++ b/app/controllers/instruction/emails_automatiques_controller.rb
@@ -0,0 +1,24 @@
+class Instruction::EmailsAutomatiquesController < Instruction::AbstractCatalogueController
+  before_action :set_formulaire
+
+  def show
+    @emails = AutomaticEmailsCatalog.new(@formulaire).build
+    @formulaire_demandes_count = @formulaire.authorization_request_class.where(state: :submitted).count
+    @formulaire_habilitations_count = Authorization.where(authorization_request_class: @formulaire.authorization_request_class.to_s).where(state: :active).count
+  end
+
+  private
+
+  def set_formulaire
+    @formulaire = AuthorizationDefinition.find(params.expect(:formulaire_id))
+    raise ActiveRecord::RecordNotFound unless @formulaire.provider_slug == @data_provider.slug
+
+    authorize [:instruction, @formulaire], :show?
+  rescue StaticApplicationRecord::EntryNotFound
+    raise ActiveRecord::RecordNotFound
+  end
+
+  def layout_name
+    'wide_container'
+  end
+end
diff --git a/app/controllers/instruction/formulaires_controller.rb b/app/controllers/instruction/formulaires_controller.rb
index 88b41d4508..28f4d74d7c 100644
--- a/app/controllers/instruction/formulaires_controller.rb
+++ b/app/controllers/instruction/formulaires_controller.rb
@@ -2,28 +2,48 @@ class Instruction::FormulairesController < Instruction::AbstractCatalogueControl
   def index
     @formulaires = @data_provider.authorization_definitions
       .select { |definition| permitted_definition?(definition) }
+
+    classes = @formulaires.map(&:authorization_request_class).map(&:to_s)
+    @demandes_counts = AuthorizationRequest.where(state: :submitted).where(type: classes).group(:type).count
+    @habilitations_counts = Authorization.where(state: :active).where(authorization_request_class: classes).group(:authorization_request_class).count
   end
 
   def show
     @formulaire = AuthorizationDefinition.find(params.expect(:id))
     raise ActiveRecord::RecordNotFound unless @formulaire.provider_slug == @data_provider.slug
 
+    # on utilise la demande libre pour montrer le formulaire
+    @cas_usage = @formulaire.default_form
+    @authorization_request = @formulaire.authorization_request_class.new(form_uid: @cas_usage.uid).tap do |ar|
+      ar.assign_attributes(@cas_usage.initialize_with)
+    end.decorate
+
     authorize [:instruction, @formulaire], :show?
 
-    @cas_usages = @formulaire.available_forms
-    @demandes_counts = counts_by_form_uid(AuthorizationRequest)
-    @habilitations_counts = counts_by_form_uid(Authorization)
+    @cas_usages_count = @formulaire.available_forms.count
+    @emails_automatiques_count = emails_automatiques_count
+    @formulaire_demandes_count = @formulaire.authorization_request_class.where(state: :submitted).count
+    @formulaire_habilitations_count = Authorization.where(authorization_request_class: @formulaire.authorization_request_class.to_s).where(state: :active).count
   rescue StaticApplicationRecord::EntryNotFound
     raise ActiveRecord::RecordNotFound
   end
 
   private
 
-  def permitted_definition?(definition)
-    Instruction::AuthorizationDefinitionPolicy.new(pundit_user, definition).show?
+  def layout_name
+    'wide_container'
+  end
+
+  def counts_by_definition(model)
+    
+    model.where(type: classes).group(:type).count
+  end
+
+  def emails_automatiques_count
+    AutomaticEmailsCatalog.new(@formulaire).build.count
   end
 
-  def counts_by_form_uid(model)
-    model.where(form_uid: @cas_usages.map(&:uid)).group(:form_uid).count
+  def permitted_definition?(definition)
+    Instruction::AuthorizationDefinitionPolicy.new(pundit_user, definition).show?
   end
 end
diff --git a/app/services/automatic_emails_catalog.rb b/app/services/automatic_emails_catalog.rb
new file mode 100644
index 0000000000..fdd74c61c1
--- /dev/null
+++ b/app/services/automatic_emails_catalog.rb
@@ -0,0 +1,242 @@
+class AutomaticEmailsCatalog
+  EVENTS = %w[submit approve refuse request_changes revoke].freeze
+
+  SUBJECT_DUMMY_VALUES = {
+    authorization_request_id: 'N°0001',
+    authorization_request_name: 'Ma demande d\'habilitation',
+    api_name: 'API',
+    organization_name: 'Mon organisation',
+  }.freeze
+
+  GDPR_CONTACTS = %i[responsable_traitement delegue_protection_donnees].freeze
+
+  AutomaticEmailEntry = Struct.new(:event_name, :recipient_type, :subject, :body_text, :recipient_emails, keyword_init: true)
+  PreviewAuthorization = Struct.new(:formatted_id)
+
+  def initialize(definition)
+    @definition = definition
+  end
+
+  def build
+    spy = build_spy_notifier
+
+    EVENTS.flat_map do |event|
+      spy.clear_captures
+      spy.public_send(event, {})
+      spy.captures.map { |capture| build_entry(event, capture) }
+    rescue StandardError
+      []
+    end
+  end
+
+  private
+
+  def build_entry(event_name, capture)
+    template = capture[:template_path] || resolve_template_path(capture[:mailer_class], capture[:mailer_action])
+    subject = capture[:subject] || render_subject(capture[:mailer_class], capture[:mailer_action])
+
+    AutomaticEmailEntry.new(
+      event_name:,
+      recipient_type: capture[:recipient_type],
+      recipient_emails: capture[:recipient_emails],
+      subject:,
+      body_text: render_body(template, extra_assigns: capture.fetch(:extra_assigns, {})),
+    )
+  end
+
+  def render_subject(mailer_class, mailer_action)
+    key = subject_locale_key(mailer_class, mailer_action)
+    I18n.t(key, **SUBJECT_DUMMY_VALUES)
+  rescue I18n::MissingInterpolationArgument
+    I18n.t(key)
+  end
+
+  def subject_locale_key(mailer_class, mailer_action)
+    if mailer_class == Instruction::AuthorizationRequestMailer
+      "instruction.authorization_request_mailer.#{mailer_action}.subject"
+    else
+      "authorization_request_mailer.#{mailer_action}.subject"
+    end
+  end
+
+  def render_body(template, extra_assigns: {})
+    return nil unless template
+
+    ar = PreviewAuthorizationRequest.new(@definition)
+
+    ApplicationController.render(
+      template:,
+      assigns: { authorization_request: ar }.merge(extra_assigns),
+      formats: [:text],
+    )
+  rescue StandardError
+    nil
+  end
+
+  def resolve_template_path(mailer_class, mailer_action)
+    return nil unless mailer_class && mailer_action
+    return instruction_template_path(mailer_action) if mailer_class == Instruction::AuthorizationRequestMailer
+
+    standard_template_path(mailer_action)
+  end
+
+  def instruction_template_path(mailer_action)
+    path = "instruction/authorization_request_mailer/#{mailer_action}"
+    template_exists?(path) ? path : nil
+  end
+
+  def standard_template_path(mailer_action)
+    kind_specific = "authorization_request_mailer/#{@definition.id}/#{mailer_action}"
+    generic = "authorization_request_mailer/#{mailer_action}"
+
+    if template_exists?(kind_specific) then kind_specific
+    elsif template_exists?(generic) then generic
+    end
+  end
+
+  def template_exists?(path)
+    ApplicationController.new.lookup_context.exists?(path, [], false)
+  end
+
+  def build_spy_notifier
+    notifier_class = resolve_notifier_class
+    ar_stub = @definition.authorization_request_class.new
+    spy_class = build_spy_class(notifier_class)
+    spy = spy_class.new(ar_stub)
+    spy.definition = @definition
+    spy
+  end
+
+  def build_spy_class(notifier_class)
+    spy = build_base_spy_class(notifier_class)
+    add_hubee_spy_overrides(spy) if notifier_class <= HubEENotifier
+    spy
+  end
+
+  def build_base_spy_class(notifier_class) # rubocop:disable Metrics/MethodLength, Metrics/AbcSize
+    Class.new(notifier_class) do
+      attr_reader :captures
+      attr_accessor :definition
+
+      def initialize(authorization_request)
+        super
+        @captures = []
+      end
+
+      def clear_captures
+        @captures = []
+      end
+
+      protected
+
+      def email_notification(event_name, _params)
+        @captures << { recipient_type: :applicant, mailer_class: AuthorizationRequestMailer, mailer_action: event_name.to_s }
+      end
+
+      def email_notification_with_reopening(base_event, _params, mailer: AuthorizationRequestMailer)
+        recipient_type = mailer == Instruction::AuthorizationRequestMailer ? :instructors : :applicant
+        @captures << { recipient_type:, mailer_class: mailer, mailer_action: base_event.to_s }
+      end
+
+      def deliver_gdpr_emails
+        AutomaticEmailsCatalog::GDPR_CONTACTS.each do |contact|
+          @captures << {
+            recipient_type: contact,
+            subject: I18n.t(
+              "gdpr_contact_mailer.#{contact}.subject",
+              authorization_request_contact_kind: I18n.t("authorization_request.contacts.#{contact}"),
+              authorization_request_name: AutomaticEmailsCatalog::SUBJECT_DUMMY_VALUES[:authorization_request_name],
+            ),
+            template_path: "gdpr_contact_mailer/#{contact}",
+          }
+        end
+      end
+
+      def notify_france_connect
+        @captures << {
+          recipient_type: :france_connect,
+          recipient_emails: ['support.partenaires@franceconnect.gouv.fr'],
+          subject: "[DataPass] nouveaux scopes pour « #{AutomaticEmailsCatalog::SUBJECT_DUMMY_VALUES[:organization_name]} - #{AutomaticEmailsCatalog::SUBJECT_DUMMY_VALUES[:authorization_request_id]} »",
+          template_path: 'france_connect_mailer/new_scopes',
+          extra_assigns: { france_connect_authorization_request: AutomaticEmailsCatalog::PreviewAuthorizationRequest.new(definition) },
+        }
+      end
+
+      def notify_dgfip_apim(_params)
+        apim_emails = Rails.application.credentials.dgfip_apim_emails || []
+        api_emails = (Rails.application.credentials.dgfip_api_specific_emails || {})[definition.id.to_sym] || []
+
+        @captures << {
+          recipient_type: :dgfip_apim,
+          recipient_emails: apim_emails + api_emails,
+          subject: I18n.t('dgfip_apim_mailer.approve.subject', authorization_request_id: AutomaticEmailsCatalog::SUBJECT_DUMMY_VALUES[:authorization_request_id]),
+          template_path: 'dgfip/apim_mailer/approve',
+          extra_assigns: {
+            authorization: AutomaticEmailsCatalog::PreviewAuthorization.new('H-0001'),
+            reopening: false,
+            stage_label: '[BAS ou PROD]',
+          },
+        }
+      end
+    end
+  end
+
+  def add_hubee_spy_overrides(spy)
+    spy.class_eval do
+      private
+
+      def applicant_and_administrateur_metier_are_different?
+        true
+      end
+
+      def notify_administrateur_metier
+        @captures << {
+          recipient_type: :hubee_administrateur_metier,
+          subject: HubEEMailer.new.subject_for(kind),
+          template_path: "hubee_mailer/administrateur_metier_#{kind}",
+        }
+      end
+    end
+  end
+
+  def resolve_notifier_class
+    "#{@definition.authorization_request_class.to_s.demodulize}Notifier".constantize
+  rescue NameError
+    BaseNotifier
+  end
+
+  class PreviewAuthorizationRequest
+    Applicant = Struct.new(:full_name, :email)
+    Organization = Struct.new(:name)
+    Reason = Struct.new(:reason, :present?)
+
+    def initialize(definition)
+      @definition = definition
+    end
+
+    attr_reader :definition
+
+    delegate :name, to: :definition
+
+    def id = 0
+    def to_param = '0'
+    def model_name = ActiveModel::Name.new(AuthorizationRequest)
+    def formatted_id = 'N°0001'
+    def reopening? = false
+    def latest_authorization = nil
+    def last_submitted_at = Time.current
+    def applicant = Applicant.new('[Nom du demandeur]', 'demandeur@example.org')
+    def organization = Organization.new('[Organisation]')
+    def denial = Reason.new('[Motif de refus]')
+    def revocation = Reason.new('[Motif de révocation]')
+    def modification_request = Reason.new('[Demande de modification]', false)
+    def authorization_request_revocation_reason = '[Motif de révocation]'
+    def with_france_connect? = false
+    def responsable_traitement_given_name = '[Prénom Resp. Traitement]'
+    def delegue_protection_donnees_given_name = '[Prénom DPD]'
+    def administrateur_metier_given_name = '[Prénom Admin]'
+    def administrateur_metier_family_name = '[Nom Admin]'
+    def administrateur_metier_email = '[Email Admin]'
+    def scopes = []
+  end
+end
diff --git a/app/services/skip_links_implemented_checker.rb b/app/services/skip_links_implemented_checker.rb
index ffddd6199d..7effdce0bd 100644
--- a/app/services/skip_links_implemented_checker.rb
+++ b/app/services/skip_links_implemented_checker.rb
@@ -124,6 +124,7 @@ class SkipLinksImplementedChecker
     instruction/formulaires#index
     instruction/formulaires#show
     instruction/cas_usages#show
+    instruction/emails_automatiques#show
 
     developers/open_api#show
     developers/oauth_applications#index
diff --git a/app/views/authorization_request_forms/_new.html.erb b/app/views/authorization_request_forms/_new.html.erb
new file mode 100644
index 0000000000..5bfb8cfb77
--- /dev/null
+++ b/app/views/authorization_request_forms/_new.html.erb
@@ -0,0 +1,65 @@
+
+<!-- A refacto ! (copié collé de app/views/authorization_request_forms/new.html.erb en retirant les boutons d'actions et le titre) -->
+
+<div class="">
+  <% if @start_next_stage || policy(authorization_request_form).create? %>
+    <div class="border-frame-text fr-mb-6w">
+      <% if authorization_request_form.name.present? %>
+        <%= simple_format t(".organization.start_text_with_form_name",
+          organization_name: current_organization.name,
+          organization_siret: current_organization.siret,
+          authorization_request_form_name: authorization_request_form.name),
+          {}, wrapper_tag: 'div' %>
+      <% else %>
+        <%= simple_format t(".organization.start_text",
+          organization_name: current_organization.name,
+          organization_siret: current_organization.siret),
+          {}, wrapper_tag: 'div' %>
+      <% end %>
+    </div>
+  <% else %>
+    <% authorization_request = authorization_request_form.active_authorization_requests_for(current_organization).first %>
+    <%= render partial: "authorization_request_forms/unicity_callout", locals: { authorization_request: } if authorization_request.present? %>
+  <% end %>
+
+  <% if authorization_request_form.introduction.present? %>
+    <div class="fr-my-16v">
+      <h5>
+        <%= t(".intro.title") %>
+      </h5>
+      <%= authorization_request_form.introduction.html_safe %>
+    </div>
+  <% end %>
+
+  <% if authorization_request_form.multiple_steps? %>
+    <% if @authorization_request.present? || policy(authorization_request_form).new? %>
+      <h5>
+        <%= t('.multiple_steps.title') %>
+      </h5>
+      <p>
+        <%= t('.multiple_steps.description') %>
+      </p>
+      <ol>
+        <% authorization_request_form.steps.each do |step| %>
+          <li>
+            <%= authorization_request_step_name(authorization_request_form.authorization_request_class.new, step[:name]) %>
+          </li>
+        <% end %>
+      </ol>
+      <!-- removed actions -->
+    <% else %>
+      <!-- removed actions -->
+    <% end %>
+  <% else %>
+    <div class="fr-my-16v">
+      <h5>
+        <%= t(".single_form.title") %>
+      </h5>
+
+      <p>
+        <%= simple_format t(".single_form.description") %>
+      </p>
+    </div>
+    <!-- removed actions -->
+  <% end %>
+</div>
diff --git a/app/views/instruction/cas_usages/_header.html.erb b/app/views/instruction/cas_usages/_header.html.erb
new file mode 100644
index 0000000000..d9676f91c6
--- /dev/null
+++ b/app/views/instruction/cas_usages/_header.html.erb
@@ -0,0 +1,43 @@
+<div class="fr-background-alt--blue-france fr-py-4w fr-mb-4w">
+  <div class="fr-container">
+    <div class="fr-text--sm fr-mb-2w fr-text-mention--grey">
+      <%= link_to "Cas d'usages de #{@formulaire.name_with_stage}",
+            instruction_formulaire_cas_usages_path(provider_slug: @data_provider.slug, formulaire_id: @formulaire.id),
+            class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
+    </div>
+    <div class="fr-grid-row fr-grid-row--middle fr-grid-row--gutters">
+      <% if @data_provider.logo.attached? %>
+        <div class="fr-col-auto">
+          <%= image_tag @data_provider.logo, alt: "#{@data_provider.name}, fournisseur de données", style: 'max-height: 80px; max-width: 160px;' %>
+        </div>
+      <% end %>
+      <div class="fr-col">
+        <h1 class="fr-mb-1v">
+          <%= @cas_usage.name_with_service_provider %>
+        </h1>
+        <p class="fr-text-mention--grey fr-mb-0">
+          <%= t('instruction.cas_usages.show.identification') %> :
+          <code><%= @cas_usage.uid %></code>
+        </p>
+      </div>
+      
+      <div class="header-count-badges">
+        <%= render 'instruction/shared/stats_badges', habilitations_count: @cas_usage_habilitations_count || 0, demandes_count: @cas_usage_demandes_count || 0 %>
+      </div>
+    </div>
+
+    <div class="fr-grid-row fr-grid-row--gutters fr-mt-2w">
+      <div class="fr-col-auto">
+        <%= link_to "Initier une demande pour autrui", start_instruction_instructor_draft_requests_path(form_uid: @cas_usage.uid), class: "fr-btn fr-btn-primary" %>
+      </div>
+      <div class="fr-col-auto">
+        <div class="fr-grid-row fr-grid-row--middle">
+          <%= link_to "Démarrer une nouvelle demande", new_authorization_request_form_path(form_uid: @cas_usage.uid), class: "fr-btn fr-btn--secondary"%>
+          <button class="fr-btn fr-icon fr-icon-clipboard-line">
+            Copier
+          <button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/app/views/instruction/cas_usages/index.html.erb b/app/views/instruction/cas_usages/index.html.erb
new file mode 100644
index 0000000000..bcc06662ce
--- /dev/null
+++ b/app/views/instruction/cas_usages/index.html.erb
@@ -0,0 +1,41 @@
+<%= render 'instruction/formulaires/header', formulaire_back_link: true %>
+
+<div class="fr-container">
+  <section class="fr-mt-4w fr-mb-6w">
+    <h2><%= t('.title') %></h2>
+    <% if @cas_usages.any? %>
+      <div class="fr-grid-row fr-grid-row--gutters">
+        <% @cas_usages.each do |cas_usage| %>
+          <% demandes_count = @demandes_counts.fetch(cas_usage.uid, 0) %>
+          <% habilitations_count = @habilitations_counts.fetch(cas_usage.uid, 0) %>
+          <div class="fr-col-12 fr-col-md-6">
+            <div class="fr-card fr-enlarge-link">
+              <div class="fr-card__body">
+                <div class="fr-card__content">
+                  <h4 class="fr-card__title">
+                    <%= link_to cas_usage.name_with_service_provider,
+                          instruction_formulaire_cas_usage_path(provider_slug: @data_provider.slug, formulaire_id: @formulaire.id, uid: cas_usage.uid) %>
+                  </h4>
+                  <p class="fr-card__desc fr-text--xs">
+                    <% if cas_usage.default %>
+                      <span class="fr-badge fr-badge--info fr-badge--no-icon fr-badge--sm fr-mr-1w">
+                        <%= t('.default_badge') %>
+                      </span>
+                    <% end %>
+                    <code><%= cas_usage.uid %></code>
+
+                  </p>
+                  <div class="fr-card__end">
+                    <%= render 'instruction/shared/stats_badges', habilitations_count:, demandes_count: %>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <p class="fr-text-mention--grey"><%= t('.empty_cas_usages') %></p>
+    <% end %>
+  </section>
+</div>
diff --git a/app/views/instruction/cas_usages/show.html.erb b/app/views/instruction/cas_usages/show.html.erb
index 1c19efee8b..06bf74756b 100644
--- a/app/views/instruction/cas_usages/show.html.erb
+++ b/app/views/instruction/cas_usages/show.html.erb
@@ -1,421 +1,70 @@
 <% set_title! t('page_titles.instruction.cas_usages_show', cas_usage_name: @cas_usage.name_with_service_provider, provider_name: @data_provider.name) %>
 
-<%= render 'instruction/data_providers/header' %>
+<%= render 'instruction/cas_usages/header' %>
 
-<div class="fr-container">
-  <p class="fr-mb-2w">
-    <%= link_to t('.back'),
-          instruction_formulaire_path(provider_slug: @data_provider.slug, id: @formulaire.id),
-          class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
-  </p>
 
-  <h2>
-    <%= @cas_usage.name_with_service_provider %>
-    <% if @cas_usage.default %>
-      <span class="fr-badge fr-badge--info fr-badge--no-icon fr-ml-1w">
-        <%= t('.default_badge') %>
-      </span>
+<section class="cas-usage-section even">
+  <div class="fr-container">
+    <%= render 'instruction/shared/title_with_modify_button' do %>
+      <h2>Configuration</h2>
     <% end %>
-    <% if @cas_usage.inherited?(:name) %>
-      <span class="fr-badge fr-badge--no-icon fr-badge--sm fr-ml-1w">
-        <%= t('.inherited_badge') %>
-      </span>
-    <% end %>
-  </h2>
-  <p class="fr-text-mention--grey">
-    <%= t('.sections.identification') %> :
-    <code><%= @cas_usage.uid %></code>
-    — <%= t('instruction.formulaires.show.title') %> :
-    <%= link_to @formulaire.name_with_stage,
-          instruction_formulaire_path(provider_slug: @data_provider.slug, id: @formulaire.id),
-          class: 'fr-link' %>
-  </p>
-
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4">
-      <%= t('.sections.description') %>
-      <% if @cas_usage.inherited?(:description) %>
-        <span class="fr-badge fr-badge--no-icon fr-badge--sm fr-ml-1w"><%= t('.inherited_badge') %></span>
-      <% end %>
-    </h3>
-    <% if @cas_usage.description.present? %>
-      <%= render 'rendered_html_tabs',
-            id_prefix: 'description',
-            rendered: sanitize(@cas_usage.description, tags: %w[strong em b i u br a p ul li]),
-            source: @cas_usage.description %>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.empty_description') %></p>
-    <% end %>
-  </section>
-
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4">
-      <%= t('.sections.introduction') %>
-      <% if @cas_usage.inherited?(:introduction) %>
-        <span class="fr-badge fr-badge--no-icon fr-badge--sm fr-ml-1w"><%= t('.inherited_badge') %></span>
-      <% end %>
-    </h3>
-    <% if @cas_usage.introduction.present? %>
-      <%= render 'rendered_html_tabs',
-            id_prefix: 'introduction',
-            rendered: sanitize(@cas_usage.introduction, tags: %w[strong em b i u br a p ul li div]),
-            source: @cas_usage.introduction %>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.empty_introduction') %></p>
-    <% end %>
-  </section>
-
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.flags') %></h3>
-    <div class="fr-table">
-      <table>
-        <thead>
-          <tr>
-            <th scope="col">Propriété</th>
-            <th scope="col">Valeur</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td><%= t('.flags.public') %></td>
-            <td><%= t(".#{@cas_usage.public}") %></td>
-          </tr>
-          <tr>
-            <td><%= t('.flags.startable_by_applicant') %></td>
-            <td><%= t(".#{@cas_usage.startable_by_applicant}") %></td>
-          </tr>
-          <tr>
-            <td>
-              <%= t('.flags.single_page_view') %>
-              <span class="fr-text--xs fr-text-mention--grey fr-ml-1v" title="<%= t('.flags.single_page_view_hint') %>">
-                <span class="fr-icon-information-line" aria-hidden="true"></span>
-              </span>
-            </td>
-            <td>
-              <% if @cas_usage.single_page_view.present? %>
-                <code><%= @cas_usage.single_page_view %></code>
-              <% else %>
-                <span class="fr-text-mention--grey"><%= t('.flags.single_page_view_default') %></span>
-              <% end %>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </section>
-
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4">
-      <%= t('.sections.flow') %>
-      <% if @cas_usage.inherited?(:steps) %>
-        <span class="fr-badge fr-badge--no-icon fr-badge--sm fr-ml-1w"><%= t('.inherited_badge') %></span>
-      <% end %>
-    </h3>
-
-    <div class="fr-tabs">
-      <ul class="fr-tabs__list" role="tablist" aria-label="<%= t('.flow.tabs.aria_label') %>">
-        <li role="presentation">
-          <button type="button" id="flow-tab-view" class="fr-tabs__tab fr-icon-road-map-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="flow-panel-view">
-            <%= t('.flow.tabs.view') %>
-          </button>
-        </li>
-        <li role="presentation">
-          <button type="button" id="flow-tab-data" class="fr-tabs__tab fr-icon-database-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="flow-panel-data">
-            <%= t('.flow.tabs.data') %>
-          </button>
-        </li>
-      </ul>
 
-      <div id="flow-panel-view" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="flow-tab-view" tabindex="0">
-        <% catalog_names = @formulaire.blocks.map { |b| b[:name] || b['name'] } %>
-        <% static_names = @cas_usage.static_blocks.map { |b| b[:name] || b['name'] }.to_set %>
-        <% step_names = @cas_usage.steps.map { |s| s[:name] || s['name'] }.to_set %>
-        <% catalog_items = catalog_names.map { |n| [n, static_names.include?(n) ? :static : :editable, false] } %>
-        <% extras = ((static_names | step_names) - catalog_names.to_set).map { |n| [n, static_names.include?(n) ? :static : :editable, true] } %>
-        <% ordered_items = catalog_items + extras.to_a %>
-
-        <% mode_label = @cas_usage.steps.empty? ? :single_page : :multi_step %>
-        <p class="fr-text--sm fr-text-mention--grey fr-mb-1w">
-          <%= t(".flow.mode.#{mode_label}_intro") %>
-          <% if mode_label == :single_page %>
-            <span class="fr-tag fr-tag--sm fr-icon-file-text-line fr-tag--icon-left fr-ml-1w"><%= t('.flow.single_page_badge') %></span>
-            <code class="fr-ml-1v"><%= @cas_usage.single_page_view.presence || @cas_usage.uid.underscore %></code>
+    <div class="cas-usage-properties">
+
+      <!-- ce truc de service_provider n'a aucun sens lol -->
+      <div class="cas-usage-property">
+        <% if @cas_usage.service_provider %>
+          <% if @cas_usage.service_provider.try(:editor?) %>
+            Editeur : 
+          <% elsif @cas_usage.service_provider.try(:saas?) %>
+            Saas :
+          <% else %>
+            Fournisseur de service : 
           <% end %>
-        </p>
-
-        <% if ordered_items.any? %>
-          <ol class="dp-flow-steps">
-            <% ordered_items.each_with_index do |(name, state, out_of_catalog), idx| %>
-              <li>
-                <span class="fr-tag fr-tag--sm"><%= idx + 1 %></span>
-                <% if state == :static %>
-                  <span class="fr-tag fr-tag--brown-cafe-creme fr-icon-lock-line fr-tag--icon-left">
-                    <%= name %>
-                  </span>
-                <% else %>
-                  <code><%= name %></code>
-                <% end %>
-                <% if out_of_catalog %>
-                  <span class="fr-badge fr-badge--warning fr-badge--no-icon fr-badge--sm fr-ml-1v" title="<%= t('.flow.out_of_catalog_hint') %>">
-                    <%= t('.flow.out_of_catalog') %>
-                  </span>
-                <% end %>
-              </li>
-            <% end %>
-          </ol>
+          <strong><%= @cas_usage.service_provider.name %></strong>
         <% else %>
-          <p class="fr-text-mention--grey"><%= t('.flow.empty_catalog') %></p>
+          <div class="fr-text-mention--grey"><%= t('.no_service_provider') %></div>
         <% end %>
       </div>
-
-      <div id="flow-panel-data" class="fr-tabs__panel" role="tabpanel" aria-labelledby="flow-tab-data" tabindex="0">
-        <div class="fr-table">
-          <table>
-            <thead>
-              <tr>
-                <th scope="col"><%= t('.flow.tabs.data_column') %></th>
-                <th scope="col"><%= t('.flow.tabs.data_value') %></th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>
-                  <code>formulaire.blocks</code>
-                  <span class="fr-text--xs fr-text-mention--grey" title="<%= t('.flow.tabs.catalog_hint') %>">
-                    <span class="fr-icon-information-line" aria-hidden="true"></span>
-                  </span>
-                </td>
-                <td>
-                  <% catalog = @formulaire.blocks.map { |b| b[:name] || b['name'] } %>
-                  <% if catalog.any? %>
-                    <ol class="fr-mb-0">
-                      <% catalog.each do |name| %>
-                        <li><code><%= name %></code></li>
-                      <% end %>
-                    </ol>
-                  <% else %>
-                    <span class="fr-text-mention--grey"><%= t('.flow.tabs.empty_array') %></span>
-                  <% end %>
-                </td>
-              </tr>
-              <tr>
-                <td><code>steps</code></td>
-                <td>
-                  <% step_names = @cas_usage.steps.map { |s| s[:name] || s['name'] } %>
-                  <% if step_names.any? %>
-                    <ol class="fr-mb-0">
-                      <% step_names.each do |name| %>
-                        <li><code><%= name %></code></li>
-                      <% end %>
-                    </ol>
-                  <% else %>
-                    <span class="fr-text-mention--grey"><%= t('.flow.tabs.empty_array') %></span>
-                  <% end %>
-                </td>
-              </tr>
-              <tr>
-                <td><code>static_blocks</code></td>
-                <td>
-                  <% block_names = @cas_usage.static_blocks.map { |b| b[:name] || b['name'] } %>
-                  <% if block_names.any? %>
-                    <ul class="fr-mb-0">
-                      <% block_names.each do |name| %>
-                        <li><code><%= name %></code></li>
-                      <% end %>
-                    </ul>
-                  <% else %>
-                    <span class="fr-text-mention--grey"><%= t('.flow.tabs.empty_array') %></span>
-                  <% end %>
-                </td>
-              </tr>
-              <tr>
-                <td><code>single_page_view</code></td>
-                <td>
-                  <% if @cas_usage.single_page_view.present? %>
-                    <code><%= @cas_usage.single_page_view %></code>
-                  <% else %>
-                    <span class="fr-text-mention--grey">nil</span>
-                  <% end %>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
+      
+      <div class="cas-usage-property">
+        Visible dans la liste des cas d'usages : 
+        <code><%= t(".#{@cas_usage.public}") %></code>
       </div>
-    </div>
-  </section>
-
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.scopes_config') %></h3>
-    <% if @formulaire.scopes.blank? %>
-      <p class="fr-text-mention--grey"><%= t('.empty_scopes_config') %></p>
-    <% else %>
-      <% disabled_set = (@cas_usage.scopes_config[:disabled] || []).to_set %>
-      <% hidden_set = (@cas_usage.scopes_config[:hide] || []).to_set %>
-      <% displayed_whitelist = @cas_usage.scopes_config[:displayed].presence %>
-      <% preset_set = (@cas_usage.initialize_with[:scopes] || []).to_set %>
 
-      <div class="fr-tabs">
-        <ul class="fr-tabs__list" role="tablist" aria-label="<%= t('.scopes_config_tabs.aria_label') %>">
-          <li role="presentation">
-            <button type="button" id="scopes-config-tab-view" class="fr-tabs__tab fr-icon-list-unordered fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="scopes-config-panel-view">
-              <%= t('.scopes_config_tabs.view') %>
-            </button>
-          </li>
-          <li role="presentation">
-            <button type="button" id="scopes-config-tab-code" class="fr-tabs__tab fr-icon-code-s-slash-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="scopes-config-panel-code">
-              <%= t('.scopes_config_tabs.code') %>
-            </button>
-          </li>
-        </ul>
+      <div class="cas-usage-property">
+        <%= t('.flags.startable_by_applicant') %> : 
+        <code><%= t(".#{@cas_usage.startable_by_applicant}") %></code>
+      </div>
 
-        <div id="scopes-config-panel-view" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="scopes-config-tab-view" tabindex="0">
-          <p class="fr-text--sm fr-text-mention--grey fr-mb-1w"><%= t('.scopes_config_intro') %></p>
-          <ul class="fr-tags-group fr-tags-group--sm fr-mb-3w">
-            <li><span class="fr-tag fr-tag--sm fr-icon-eye-line fr-tag--icon-left"><%= t('.scope_states.displayed') %></span></li>
-            <li><span class="fr-tag fr-tag--sm fr-tag--brown-cafe-creme fr-icon-lock-line fr-tag--icon-left"><%= t('.scope_states.disabled') %></span></li>
-            <li><span class="fr-tag fr-tag--sm fr-icon-eye-off-line fr-tag--icon-left" style="opacity: 0.55;"><%= t('.scope_states.hidden') %></span></li>
-            <li>
-              <span class="fr-tag fr-tag--sm">
-                <span class="fr-icon-checkbox-circle-line fr-icon--xs" aria-hidden="true" style="color: var(--text-default-success);"></span>
-                <%= t('.scope_states.preset') %>
-              </span>
-            </li>
-          </ul>
+      <div class="cas-usage-property">
+        <%= t('.flags.single_page_view') %> : 
 
-          <% @formulaire.scopes.group_by(&:group).each do |group_name, group_scopes| %>
-            <div class="fr-mb-3w">
-              <% if group_name.present? %>
-                <p class="fr-text--bold fr-mb-1w fr-text-mention--grey"><%= group_name %></p>
-              <% end %>
-              <ul class="fr-tags-group">
-                <% group_scopes.each do |scope| %>
-                  <% state = if hidden_set.include?(scope.value) || (displayed_whitelist && !displayed_whitelist.include?(scope.value))
-                              :hidden
-                            elsif disabled_set.include?(scope.value)
-                              :disabled
-                            else
-                              :displayed
-                            end %>
-                  <% classes, style = case state
-                                      when :displayed then ['fr-tag fr-icon-eye-line fr-tag--icon-left', nil]
-                                      when :disabled then ['fr-tag fr-tag--brown-cafe-creme fr-icon-lock-line fr-tag--icon-left', nil]
-                                      when :hidden then ['fr-tag fr-icon-eye-off-line fr-tag--icon-left', 'opacity: 0.55;']
-                                      end %>
-                  <li>
-                    <span class="<%= classes %>" style="<%= style %>" title="<%= scope.value %>">
-                      <% if preset_set.include?(scope.value) %>
-                        <span class="fr-icon-checkbox-circle-line fr-icon--sm" aria-hidden="true" style="color: var(--text-default-success);" title="<%= t('.scope_states.preset') %>"></span>
-                      <% end %>
-                      <%= scope.name.presence || scope.value %>
-                    </span>
-                  </li>
-                <% end %>
-              </ul>
-            </div>
+        <code>
+          <% if @cas_usage.single_page_view.present? %>
+            Oui (<%= @cas_usage.single_page_view %>)
+          <% else %>
+            <%= t('.flags.single_page_view_default') %>
           <% end %>
-        </div>
+        </code>
+      </div>
+    </div>
 
-        <div id="scopes-config-panel-code" class="fr-tabs__panel" role="tabpanel" aria-labelledby="scopes-config-tab-code" tabindex="0">
-          <% code_data = {
-            'scopes_config' => @cas_usage.scopes_config.deep_stringify_keys,
-            'preselected_scopes' => (@cas_usage.initialize_with[:scopes] || []),
-          } %>
-          <pre class="dp-code-block"><code><%= code_data.to_yaml(line_width: -1).sub(/\A---\n/, '') %></code></pre>
+  </div>
+</section>
 
-          <p class="fr-text--sm fr-text-mention--grey fr-mt-3w fr-mb-1w"><%= t('.formulaire_scopes_intro') %></p>
-          <% formulaire_scopes_dump = {
-            'formulaire_scopes' => @formulaire.scopes.map { |s|
-              {
-                'name' => s.name,
-                'value' => s.value,
-                'group' => s.group,
-                'link' => s.link,
-                'included' => s.included? || nil,
-                'disabled' => s.disabled? || nil,
-                'deprecated' => (s.deprecated_date if s.deprecated?),
-              }.compact
-            },
-          } %>
-          <pre class="dp-code-block"><code><%= formulaire_scopes_dump.to_yaml(line_width: -1).sub(/\A---\n/, '') %></code></pre>
-        </div>
-      </div>
+<section class="fr-mb-5w">
+  <div class="fr-container">
+    <%= render 'instruction/shared/title_with_modify_button' do %>
+      <h3>Aperçu dans la liste des cas d'usages</h2>
     <% end %>
-  </section>
 
-  <% initial_data = @cas_usage.initialize_with.except(:scopes) %>
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.initial_data') %></h3>
-    <% if initial_data.blank? %>
-      <p class="fr-text-mention--grey"><%= t('.empty_initial_data') %></p>
-    <% else %>
-      <div class="fr-tabs">
-        <ul class="fr-tabs__list" role="tablist" aria-label="<%= t('.initial_data_tabs.aria_label') %>">
-          <li role="presentation">
-            <button type="button" id="initial-data-tab-form" class="fr-tabs__tab fr-icon-edit-box-line fr-tabs__tab--icon-left" tabindex="0" role="tab" aria-selected="true" aria-controls="initial-data-panel-form">
-              <%= t('.initial_data_tabs.form') %>
-            </button>
-          </li>
-          <li role="presentation">
-            <button type="button" id="initial-data-tab-data" class="fr-tabs__tab fr-icon-database-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="initial-data-panel-data">
-              <%= t('.initial_data_tabs.data') %>
-            </button>
-          </li>
-        </ul>
+    <div style="max-width: 468px;">
+      <%= render 'authorization_request_forms/authorization_request_form_card', authorization_request_form: @cas_usage %>
+    </div>
+  </div>
+</section>
 
-        <div id="initial-data-panel-form" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="initial-data-tab-form" tabindex="0">
-          <p class="fr-text--sm fr-text-mention--grey fr-mb-2w"><%= t('.initial_data_tabs.form_intro') %></p>
-          <% initial_data.each do |key, value| %>
-            <% label = t("activerecord.attributes.authorization_request.#{key}", default: key.to_s.humanize) %>
-            <% input_id = "initial-#{@cas_usage.uid}-#{key}".parameterize %>
-            <div class="fr-input-group fr-mb-3w">
-              <label class="fr-label" for="<%= input_id %>"><%= label %></label>
-              <% if key.to_s == 'modalities' && value.is_a?(Array) %>
-                <ul class="fr-tags-group" id="<%= input_id %>">
-                  <% value.each do |modality| %>
-                    <li><span class="fr-tag"><%= modality %></span></li>
-                  <% end %>
-                </ul>
-              <% else %>
-                <% case value
-                   when String %>
-                  <% if value.match?(%r{\Ahttps?://}) %>
-                    <input class="fr-input" type="url" id="<%= input_id %>" value="<%= value %>" readonly>
-                  <% elsif value.include?("\n") || value.length > 80 %>
-                    <textarea class="fr-input" id="<%= input_id %>" rows="<%= [value.lines.size + 1, 3].max %>" readonly><%= value %></textarea>
-                  <% else %>
-                    <input class="fr-input" type="text" id="<%= input_id %>" value="<%= value %>" readonly>
-                  <% end %>
-                <% when TrueClass, FalseClass %>
-                  <input class="fr-input" type="text" id="<%= input_id %>" value="<%= t(".#{value}") %>" readonly>
-                <% when Numeric %>
-                  <input class="fr-input" type="number" id="<%= input_id %>" value="<%= value %>" readonly>
-                <% else %>
-                  <pre class="dp-code-block"><code><%= JSON.pretty_generate(value) %></code></pre>
-                <% end %>
-              <% end %>
-            </div>
-          <% end %>
-        </div>
+<%= render 'instruction/shared/formulaire_wysiwyg', authorization_request: @authorization_request %>
 
-        <div id="initial-data-panel-data" class="fr-tabs__panel" role="tabpanel" aria-labelledby="initial-data-tab-data" tabindex="0">
-          <pre class="dp-code-block"><code><%= initial_data.deep_stringify_keys.to_yaml(line_width: -1).sub(/\A---\n/, '') %></code></pre>
-        </div>
-      </div>
-    <% end %>
-  </section>
 
-  <section class="fr-mt-4w fr-mb-6w">
-    <h3 class="fr-h4"><%= t('.sections.service_provider') %></h3>
-    <% if @cas_usage.service_provider %>
-      <p>
-        <strong><%= @cas_usage.service_provider.name %></strong>
-        <% if @cas_usage.service_provider.try(:editor?) %>
-          <span class="fr-badge fr-badge--green-emeraude fr-badge--no-icon fr-badge--sm fr-ml-1w">éditeur</span>
-        <% end %>
-      </p>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.no_service_provider') %></p>
-    <% end %>
-  </section>
-</div>
diff --git a/app/views/instruction/dashboard/show.html.erb b/app/views/instruction/dashboard/show.html.erb
index a84eca00e0..6e0af63231 100644
--- a/app/views/instruction/dashboard/show.html.erb
+++ b/app/views/instruction/dashboard/show.html.erb
@@ -2,8 +2,18 @@
 
 <%= render 'shared/dashboard_skip_links' %>
 
-<div class="fr-grid-row fr-grid-row--gutters">
-  <h1 class="fr-h2 fr-mt-5w"><%= t('.title') %></h1>
+<div class="fr-grid-row fr-grid-row--gutters fr-grid-row--middle">
+  
+  <h1 class="fr-h2 fr-mt-5w fr-col"><%= t('.title') %></h1>
+
+  <div class="fr-grid-row fr-grid-row--gutters fr-mt-5w fr-mb-3w fr-mr-2w">
+    <div class="fr-col-auto">
+      <%= link_to "Gérer mes formulaires", @fomulaires_management_path, class: "fr-btn fr-btn--secondary" %>
+    </div>
+    <div class="fr-col-auto">
+      <%= link_to "Initier une demande pour autrui", instruction_instructor_draft_requests_path, class: "fr-btn fr-btn-primary" %>
+    </div>
+  </div>
 
   <turbo-frame id="tabs">
     <div class="fr-tabs fr-pt-5w fr-mb-8w" data-controller="auto-height">
diff --git a/app/views/instruction/data_providers/_header.html.erb b/app/views/instruction/data_providers/_header.html.erb
index 04302ea918..f36da2fb8c 100644
--- a/app/views/instruction/data_providers/_header.html.erb
+++ b/app/views/instruction/data_providers/_header.html.erb
@@ -1,5 +1,10 @@
 <div class="fr-background-alt--blue-france fr-py-4w fr-mb-4w">
   <div class="fr-container">
+    <div class="fr-text--sm fr-mb-2w fr-text-mention--grey">
+      <%= link_to t('instruction.data_providers.index.title'),
+            instruction_data_providers_path,
+            class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
+    </div>
     <div class="fr-grid-row fr-grid-row--middle fr-grid-row--gutters">
       <% if @data_provider.logo.attached? %>
         <div class="fr-col-auto">
@@ -7,15 +12,8 @@
         </div>
       <% end %>
       <div class="fr-col">
-        <p class="fr-text--sm fr-mb-1v fr-text-mention--grey">
-          <%= link_to t('instruction.data_providers.title'),
-                instruction_data_providers_path,
-                class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
-        </p>
         <h1 class="fr-mb-1v">
-          <%= link_to @data_provider.name,
-                instruction_formulaires_path(provider_slug: @data_provider.slug),
-                class: 'fr-link fr-link--lg' %>
+          <%= @data_provider.name %>
         </h1>
         <% if @data_provider.link.present? %>
           <p class="fr-mb-0">
diff --git a/app/views/instruction/data_providers/index.html.erb b/app/views/instruction/data_providers/index.html.erb
index 5c305eae60..65df0f3fcd 100644
--- a/app/views/instruction/data_providers/index.html.erb
+++ b/app/views/instruction/data_providers/index.html.erb
@@ -1,51 +1,42 @@
 <% set_title! t('page_titles.instruction.data_providers_index') %>
 
-<div class="fr-background-alt--blue-france fr-py-4w fr-mb-4w">
-  <div class="fr-container">
-    <p class="fr-text--sm fr-mb-1v fr-text-mention--grey"><%= t('instruction.data_providers.title') %></p>
-    <h1 class="fr-mb-0"><%= t('.title') %></h1>
-  </div>
-</div>
-
-<div class="fr-container">
-  <p class="fr-text--lead fr-mb-4w"><%= t('.subtitle') %></p>
+<h1 class="fr-my-5w"><%= t('.title') %></h1>
 
-  <% if @data_providers.empty? %>
-    <p class="fr-text--lg"><%= t('.empty') %></p>
-  <% else %>
-    <div class="fr-grid-row fr-grid-row--gutters">
-      <% @data_providers.each do |data_provider| %>
-        <div class="fr-col-12 fr-col-md-6 fr-col-lg-4">
-          <div class="fr-card fr-enlarge-link">
-            <div class="fr-card__body">
-              <div class="fr-card__content">
-                <h3 class="fr-card__title">
-                  <%= link_to data_provider.name,
-                        instruction_formulaires_path(provider_slug: data_provider.slug) %>
-                </h3>
-                <p class="fr-card__desc fr-text--xs">
-                  <code><%= data_provider.slug %></code>
+<% if @data_providers.empty? %>
+  <p class="fr-text--lg"><%= t('.empty') %></p>
+<% else %>
+  <div class="fr-grid-row fr-grid-row--gutters">
+    <% @data_providers.each do |data_provider| %>
+      <div class="fr-col-12 fr-col-md-6 fr-col-lg-4">
+        <div class="fr-card fr-enlarge-link">
+          <div class="fr-card__body">
+            <div class="fr-card__content">
+              <h3 class="fr-card__title">
+                <%= link_to data_provider.name,
+                      instruction_formulaires_path(provider_slug: data_provider.slug) %>
+              </h3>
+              <p class="fr-card__desc fr-text--xs">
+                <code><%= data_provider.slug %></code>
+              </p>
+              <% accessible_count = data_provider.authorization_definitions.count { |ad| current_user.reporter?(ad.id) } %>
+              <div class="fr-card__end">
+                <p class="fr-card__detail fr-icon-file-text-line">
+                  <%= t('.formulaires_count', count: accessible_count) %>
                 </p>
-                <% accessible_count = data_provider.authorization_definitions.count { |ad| current_user.reporter?(ad.id) } %>
-                <div class="fr-card__end">
-                  <p class="fr-card__detail fr-icon-file-text-line">
-                    <%= t('.formulaires_count', count: accessible_count) %>
-                  </p>
-                </div>
               </div>
             </div>
-            <% if data_provider.logo.attached? %>
-              <div class="fr-card__header">
-                <div class="fr-card__img" style="background: white; display: flex; align-items: center; justify-content: center; padding: 1.5rem; min-height: 140px;">
-                  <%= image_tag data_provider.logo,
-                        alt: '',
-                        style: 'max-height: 100px; max-width: 80%; object-fit: contain;' %>
-                </div>
-              </div>
-            <% end %>
           </div>
+          <% if data_provider.logo.attached? %>
+            <div class="fr-card__header">
+              <div class="fr-card__img" style="background: white; display: flex; align-items: center; justify-content: center; padding: 1.5rem; min-height: 140px;">
+                <%= image_tag data_provider.logo,
+                      alt: '',
+                      style: 'max-height: 100px; max-width: 80%; object-fit: contain;' %>
+              </div>
+            </div>
+          <% end %>
         </div>
-      <% end %>
-    </div>
-  <% end %>
-</div>
+      </div>
+    <% end %>
+  </div>
+<% end %>
diff --git a/app/views/instruction/emails_automatiques/show.html.erb b/app/views/instruction/emails_automatiques/show.html.erb
new file mode 100644
index 0000000000..f1446e2921
--- /dev/null
+++ b/app/views/instruction/emails_automatiques/show.html.erb
@@ -0,0 +1,37 @@
+<% set_title! t('page_titles.instruction.emails_automatiques_show', formulaire_name: @formulaire.name) %>
+
+<%= render 'instruction/formulaires/header', formulaire_back_link: true %>
+
+<div class="fr-container">
+  <h2><%= t('.title') %></h2>
+
+  <% @emails.each do |email| %>
+    <div class="fr-mb-4w">
+      <div class="fr-card fr-p-3w">
+
+        <div>
+          <strong>Evènement déclencheur :</strong> <%= t(".events.#{email.event_name}") %>
+        </div>
+        <div>
+          <strong>Destinataires : </strong>
+          <% if email.recipient_emails.nil? %>
+            <%= t(".recipients.#{email.recipient_type}") %>
+          <% elsif email.recipient_emails.any? %>
+            <%= email.recipient_emails.join(', ') %>
+          <% else %>
+            <%= t('.recipients.from_credentials', definition_name: @formulaire.name) %>
+          <% end %>
+        </div>
+
+        <div class="fr-text--md fr-mb-1w">
+          <strong>Titre : </strong><%= email.subject %>
+        </div>
+
+        <% if email.body_text.present? %>
+          <pre class="fr-text--sm fr-mt-2w fr-mb-0" style="white-space: pre-wrap; background: var(--background-alt-grey); padding: 1rem; border-radius: 4px; overflow-x: auto;"><%= email.body_text %></pre>
+        <% end %>
+
+      </div>
+    </div>
+  <% end %>
+</div>
diff --git a/app/views/instruction/formulaires/_header.html.erb b/app/views/instruction/formulaires/_header.html.erb
new file mode 100644
index 0000000000..897045ad49
--- /dev/null
+++ b/app/views/instruction/formulaires/_header.html.erb
@@ -0,0 +1,55 @@
+<% formulaire_back_link ||= false %>
+
+<div class="fr-background-alt--blue-france fr-py-4w fr-mb-4w">
+  <div class="fr-container">
+    <div class="fr-text--sm fr-mb-2w fr-text-mention--grey">
+      <% if formulaire_back_link %>
+        <%= link_to @formulaire.name_with_stage,
+              instruction_formulaire_path(provider_slug: @data_provider.slug, id: @formulaire.id),
+              class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
+      <% else %>
+        <%= link_to @data_provider.name,
+              instruction_formulaires_path(provider_slug: @data_provider.slug),
+              class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
+      <% end %>
+    </div>
+    <div class="fr-grid-row">
+      <div class="fr-col fr-grid-row fr-grid-row--middle fr-grid-row--gutters">
+        <% if @data_provider.logo.attached? %>
+          <div class="fr-col-auto">
+            <%= image_tag @data_provider.logo, alt: "#{@data_provider.name}, fournisseur de données", style: 'max-height: 80px; max-width: 160px;' %>
+          </div>
+        <% end %>
+        <div class="fr-col">
+          <h1 class="fr-mb-1v">
+            <%= @formulaire.name_with_stage %>
+          </h1>
+          <p class="fr-text-mention--grey fr-mb-0">
+            <%= t('instruction.formulaires.show.identification') %> :
+            <code><%= @formulaire.id %></code>
+          </p>
+        </div>
+      </div>
+
+      <div class="header-count-badges">
+        <%= render 'instruction/shared/stats_badges', habilitations_count: @formulaire_habilitations_count || 0, demandes_count: @formulaire_demandes_count || 0 %>
+      </div>
+    </div>
+
+    <% if action_name == 'show' %>
+      <div class="fr-grid-row fr-grid-row--gutters fr-mt-2w">
+        <div class="fr-col-auto">
+          <%= link_to "Initier une demande pour autrui", start_instruction_instructor_draft_requests_path(form_uid: @formulaire.default_form.uid), class: "fr-btn fr-btn-primary" %>
+        </div>
+        <div class="fr-col-auto">
+          <div class="fr-grid-row fr-grid-row--middle">
+            <%= link_to "Démarrer une nouvelle demande", new_authorization_request_path(definition_id: @formulaire.id), class: "fr-btn fr-btn--secondary"%>
+            <button class="fr-btn fr-icon fr-icon-clipboard-line">
+              Copier
+            <button>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
diff --git a/app/views/instruction/formulaires/index.html.erb b/app/views/instruction/formulaires/index.html.erb
index 981bd926ac..412578f540 100644
--- a/app/views/instruction/formulaires/index.html.erb
+++ b/app/views/instruction/formulaires/index.html.erb
@@ -12,7 +12,11 @@
     <p class="fr-text--lg"><%= t('.empty') %></p>
   <% else %>
     <div class="fr-grid-row fr-grid-row--gutters">
+      
       <% @formulaires.each do |formulaire| %>
+        <% habilitations_count = @habilitations_counts.fetch(formulaire.authorization_request_class.to_s, 0) %>
+        <% demandes_count = @demandes_counts.fetch(formulaire.authorization_request_class.to_s, 0) %>
+
         <div class="fr-col-12 fr-col-md-6">
           <div class="fr-card fr-enlarge-link">
             <div class="fr-card__body">
@@ -22,12 +26,10 @@
                         instruction_formulaire_path(provider_slug: @data_provider.slug, id: formulaire.id) %>
                 </h3>
                 <p class="fr-card__desc">
-                  <%= truncate(formulaire.description.to_s, length: 200) %>
+                  <%#= truncate(formulaire.description.to_s, length: 200) %>
                 </p>
                 <div class="fr-card__end">
-                  <p class="fr-card__detail fr-icon-file-text-line">
-                    <%= t('.cas_usages_count', count: formulaire.available_forms.size) %>
-                  </p>
+                  <%= render 'instruction/shared/stats_badges', habilitations_count:, demandes_count: %>
                 </div>
               </div>
             </div>
@@ -36,4 +38,4 @@
       <% end %>
     </div>
   <% end %>
-</div>
+</div>
\ No newline at end of file
diff --git a/app/views/instruction/formulaires/show.html.erb b/app/views/instruction/formulaires/show.html.erb
index ff39b5b843..672eecf8c8 100644
--- a/app/views/instruction/formulaires/show.html.erb
+++ b/app/views/instruction/formulaires/show.html.erb
@@ -1,203 +1,110 @@
 <% set_title! t('page_titles.instruction.formulaires_show', formulaire_name: @formulaire.name, provider_name: @data_provider.name) %>
 
-<%= render 'instruction/data_providers/header' %>
+<%= render 'instruction/formulaires/header' %>
 
-<div class="fr-container">
-  <p class="fr-mb-2w">
-    <%= link_to t('.back'),
-          instruction_formulaires_path(provider_slug: @data_provider.slug),
-          class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left' %>
-  </p>
+<section class="cas-usage-section even">
+  <!-- useless properties : @formulaire.description, @formulaire.public, @formulaire.link -->
+  <div class="fr-container">
+    <%= render 'instruction/shared/title_with_modify_button' do %>
+      <h2>Configuration</h2>
+    <% end %>
 
-  <h2><%= @formulaire.name_with_stage %></h2>
-  <p class="fr-text-mention--grey">
-    <%= t('.sections.identification') %> :
-    <code><%= @formulaire.id %></code>
-  </p>
+    <div class="cas-usage-properties">
+      <div class="cas-usage-property">
+        <%= t('.fields.kind') %> : 
+        <code><%= @formulaire.kind.presence || content_tag(:span, t('.empty_value'), class: 'fr-text-mention--grey') %></code>
+      </div>
 
-  <% if @formulaire.description.present? %>
-    <section class="fr-mt-4w">
-      <h3 class="fr-h4"><%= t('.sections.description') %></h3>
-      <p><%= @formulaire.description %></p>
-    </section>
-  <% end %>
+      <div class="cas-usage-property">
+        <%= t('.flags.startable_by_applicant') %> : 
+        <code><%= t(".#{@formulaire.startable_by_applicant}") %></code>
+      </div>
 
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.identity') %></h3>
-    <div class="fr-table">
-      <table>
-        <thead>
-          <tr>
-            <th scope="col"><%= t('.fields.label') %></th>
-            <th scope="col"><%= t('.fields.value') %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td><%= t('.fields.kind') %></td>
-            <td><%= @formulaire.kind.presence || content_tag(:span, t('.empty_value'), class: 'fr-text-mention--grey') %></td>
-          </tr>
-          <tr>
-            <td><%= t('.fields.link') %></td>
-            <td>
-              <% if @formulaire.link.present? %>
-                <%= link_to @formulaire.link, @formulaire.link, class: 'fr-link', target: '_blank', rel: 'noopener' %>
-              <% else %>
-                <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
-              <% end %>
-            </td>
-          </tr>
-          <tr>
-            <td><%= t('.fields.access_link') %></td>
-            <td>
-              <% if @formulaire.access_link.present? %>
-                <code><%= @formulaire.access_link %></code>
-              <% else %>
-                <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
-              <% end %>
-            </td>
-          </tr>
-          <tr>
-            <td><%= t('.fields.cgu_link') %></td>
-            <td>
-              <% if @formulaire.cgu_link.present? %>
-                <%= link_to @formulaire.cgu_link, @formulaire.cgu_link, class: 'fr-link', target: '_blank', rel: 'noopener' %>
-              <% else %>
-                <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
-              <% end %>
-            </td>
-          </tr>
-          <tr>
-            <td><%= t('.fields.support_email') %></td>
-            <td>
-              <% if @formulaire.support_email.present? %>
-                <%= mail_to @formulaire.support_email, @formulaire.support_email, class: 'fr-link' %>
-              <% else %>
-                <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
-              <% end %>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </section>
+      <div class="cas-usage-property">
+        <%= t('.flags.unique') %> :
+        <code><%= t(".#{@formulaire.unique}") %></code>
+      </div>
 
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.flags') %></h3>
-    <div class="fr-table">
-      <table>
-        <thead>
-          <tr>
-            <th scope="col"><%= t('.fields.label') %></th>
-            <th scope="col"><%= t('.fields.value') %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td><%= t('.flags.public') %></td>
-            <td><%= t(".#{@formulaire.public}") %></td>
-          </tr>
-          <tr>
-            <td><%= t('.flags.startable_by_applicant') %></td>
-            <td><%= t(".#{@formulaire.startable_by_applicant}") %></td>
-          </tr>
-          <tr>
-            <td><%= t('.flags.unique') %></td>
-            <td><%= t(".#{@formulaire.unique}") %></td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </section>
+      <!-- J'ai dû ajouter de la config dans les locales pour avoir les valeurs par défaut -->
+      <% t(".sections.features").each do |feature, name_and_default| %>
+        <% value = @formulaire.features[feature] || name_and_default[:default]%>
+        <div class="cas-usage-property">
+          <%= name_and_default[:name] %> :
+          <code><%= t(".#{value}", default: 'Non') %></code>
+        </div>
+      <% end %>
 
-  <% if @formulaire.features.present? %>
-    <section class="fr-mt-4w">
-      <h3 class="fr-h4"><%= t('.sections.features') %></h3>
-      <ul class="fr-mb-0">
-        <% @formulaire.features.each do |name, value| %>
-          <li>
-            <code><%= name %></code> : <%= t(".#{value}", default: value.to_s) %>
-          </li>
-        <% end %>
-      </ul>
-    </section>
-  <% end %>
 
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.scopes') %></h3>
-    <% if @formulaire.scopes.any? %>
-      <ul class="fr-tags-group">
-        <% @formulaire.scopes.each do |scope| %>
-          <li>
-            <span class="fr-tag"><%= scope.name.presence || scope.value %></span>
-          </li>
+      <div class="cas-usage-property">
+        <%= t('.fields.access_link') %> : 
+        <% if @formulaire.access_link.present? %>
+          <%= link_to @formulaire.access_link, @formulaire.access_link, class: 'fr-link' %>
+        <% else %>
+          <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
         <% end %>
-      </ul>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.empty_scopes') %></p>
-    <% end %>
-  </section>
+      </div>
 
-  <section class="fr-mt-4w">
-    <h3 class="fr-h4"><%= t('.sections.blocks') %></h3>
-    <% if @formulaire.blocks.any? %>
-      <ol class="fr-mb-0">
-        <% @formulaire.blocks.each do |block| %>
-          <li><code><%= block[:name] || block['name'] %></code></li>
+      <div class="cas-usage-property">
+        <%= t('.fields.support_email') %> : 
+        <% if @formulaire.support_email.present? %>
+          <%= mail_to @formulaire.support_email, @formulaire.support_email, class: 'fr-link' %>
+        <% else %>
+          <span class="fr-text-mention--grey"><%= t('.empty_value') %></span>
         <% end %>
-      </ol>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.empty_blocks') %></p>
-    <% end %>
-  </section>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="fr-mb-5w">
+  <div class="fr-container">
+    <div class="fr-grid-row fr-grid-row--gutters">
 
-  <section class="fr-mt-4w fr-mb-6w">
-    <h3 class="fr-h4"><%= t('.sections.cas_usages') %></h3>
-    <% if @cas_usages.any? %>
-      <div class="fr-grid-row fr-grid-row--gutters">
-        <% @cas_usages.each do |cas_usage| %>
-          <% demandes_count = @demandes_counts.fetch(cas_usage.uid, 0) %>
-          <% habilitations_count = @habilitations_counts.fetch(cas_usage.uid, 0) %>
-          <div class="fr-col-12 fr-col-md-6">
-            <div class="fr-card fr-enlarge-link">
-              <div class="fr-card__body">
-                <div class="fr-card__content">
-                  <h4 class="fr-card__title">
-                    <%= link_to cas_usage.name_with_service_provider,
-                          instruction_formulaire_cas_usage_path(provider_slug: @data_provider.slug, formulaire_id: @formulaire.id, uid: cas_usage.uid) %>
-                  </h4>
-                  <p class="fr-card__desc fr-text--xs">
-                    <code><%= cas_usage.uid %></code>
+      <% if @cas_usages_count > 1 %>
+        <div class="fr-col-12 fr-col-md-6">
+          <div class="fr-card fr-enlarge-link">
+            <div class="fr-card__body">
+              <div class="fr-card__content">
+                <h3 class="fr-card__title">
+                  <%= link_to "Cas d'usages",
+                        instruction_formulaire_cas_usages_path(provider_slug: @data_provider.slug, formulaire_id: @formulaire.id) %>
+                </h3>
+                <p class="fr-card__desc">
+                  Facilitez votre instruction ainsi que les demandes en préremplissant votre formulaire <strong><%=@formulaire.name %></strong> avec des cas d'usages
+                </p>
+                <div class="fr-card__end">
+                  <p class="fr-card__detail fr-icon-file-text-line">
+                    <%= t('instruction.formulaires.index.cas_usages_count', count: @formulaire.available_forms.size) %>
                   </p>
-                  <div class="fr-card__end">
-                    <ul class="fr-badges-group">
-                      <% if cas_usage.default %>
-                        <li>
-                          <span class="fr-badge fr-badge--info fr-badge--no-icon fr-badge--sm">
-                            <%= t('.default_badge') %>
-                          </span>
-                        </li>
-                      <% end %>
-                      <li>
-                        <span class="fr-badge fr-badge--no-icon fr-badge--sm">
-                          <%= t('.stats.demandes', count: demandes_count) %>
-                        </span>
-                      </li>
-                      <li>
-                        <span class="fr-badge fr-badge--green-emeraude fr-badge--no-icon fr-badge--sm">
-                          <%= t('.stats.habilitations', count: habilitations_count) %>
-                        </span>
-                      </li>
-                    </ul>
-                  </div>
                 </div>
               </div>
             </div>
           </div>
-        <% end %>
+        </div>
+      <% end %>
+
+      <div class="fr-col-12 fr-col-md-6">
+        <div class="fr-card fr-enlarge-link">
+          <div class="fr-card__body">
+            <div class="fr-card__content">
+              <h3 class="fr-card__title">
+                <%= link_to 'Emails automatiques',
+                      instruction_formulaire_emails_automatiques_path(provider_slug: @data_provider.slug, formulaire_id: @formulaire.id) %>
+              </h3>
+              <p class="fr-card__desc">
+                Consultez le contenu et les destinataires des emails automatiques envoyés durant tout le cycle de vie d'une demande
+              </p>
+              <div class="fr-card__end">
+                <p class="fr-card__detail fr-icon-mail-line">
+                  <%= t('instruction.formulaires.index.emails_automatiques_count', count: @emails_automatiques_count) %>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
-    <% else %>
-      <p class="fr-text-mention--grey"><%= t('.empty_cas_usages') %></p>
-    <% end %>
-  </section>
-</div>
+    </div>
+  </div>
+</section>
+
+<%= render 'instruction/shared/formulaire_wysiwyg', authorization_request: @authorization_request, with_cgus: true %>
diff --git a/app/views/instruction/shared/_formulaire_wysiwyg.html.erb b/app/views/instruction/shared/_formulaire_wysiwyg.html.erb
new file mode 100644
index 0000000000..027d6bbe5f
--- /dev/null
+++ b/app/views/instruction/shared/_formulaire_wysiwyg.html.erb
@@ -0,0 +1,61 @@
+<% with_cgus ||= false %>
+
+<section class="cas-usage-section odd">
+  <div class="fr-container">
+    <%= render 'instruction/shared/title_with_modify_button' do %>
+      <h2>Introduction du formulaire</h2>
+    <% end %>
+
+    <div class="viewer-of-content">
+      <%= render 'authorization_request_forms/new', authorization_request_form: @cas_usage %>
+    </div>
+  </div>
+</section>
+
+<%= form_with model: authorization_request, url: '#', builder: AuthorizationRequestFormBuilder, html: { inert: '' } do |f| %>
+  <% static_block_names = @cas_usage.static_blocks.map { |b| b[:name] || b['name'] }.to_set %>
+  <% @formulaire.blocks.each_with_index do |block, index| %>
+
+    <section class="cas-usage-section even">
+
+      <% if index == 0 %>
+        <div class="fr-container fr-pt-5w">
+          <h2>Contenu du formulaire</h2>
+        </div>
+      <% end %>
+      
+      <div class="fr-container">
+        <%= render 'instruction/shared/title_with_modify_button' do %>
+          <h3>
+            <%= f.wording_for("steps.#{block[:name]}") %>
+
+            <!-- this needs to be a method of a block, but flemme -->
+            <% if static_block_names.include?(block[:name].to_s) %>
+              <span class="fr-tag fr-tag--brown-cafe-creme fr-icon-lock-line fr-tag--icon-left fr-tag--sm fr-ml-1w">
+                Cette étape ne sera pas montrée à l'utilisateur
+              </span>
+            <% end %>
+          </h3>
+        <% end %>
+
+        <div class="viewer-of-content fr-mb-3w">
+          <%= render_custom_form_or_default(authorization_request, block[:name], { f: }) %>
+        </div>
+      </div>
+    </section>
+  <% end %>
+
+  <% if with_cgus %>
+    <section class="cas-usage-section even">
+      <div class="fr-container">
+        <%= render 'instruction/shared/title_with_modify_button' do %>
+          <h2>Avant de soumettre la demande</h2>
+        <% end %>
+
+        <div class="viewer-of-content">
+          <%= render 'authorization_request_forms/shared/tos_checkboxes', f: f %>
+        </div>
+      </div>
+    </section>
+  <% end %>
+<% end %>
diff --git a/app/views/instruction/shared/_stats_badges.html.erb b/app/views/instruction/shared/_stats_badges.html.erb
new file mode 100644
index 0000000000..14f83f7f29
--- /dev/null
+++ b/app/views/instruction/shared/_stats_badges.html.erb
@@ -0,0 +1,12 @@
+<div>
+  <span class="fr-mr-1w"><%= habilitations_count %></span>
+  <span class="fr-badge fr-badge--success fr-badge--no-icon fr-badge--sm">
+    <%= t('authorization_request.status.validated') %>
+  </span>
+</div>
+<div>
+  <span class="fr-mr-1w"><%= demandes_count %></span>
+  <span class="fr-badge fr-badge--info fr-badge--no-icon fr-badge--sm">
+    <%= t('authorization_request.status.submitted') %>
+  </span>
+</div>
diff --git a/app/views/instruction/shared/_title_with_modify_button.html.erb b/app/views/instruction/shared/_title_with_modify_button.html.erb
new file mode 100644
index 0000000000..371d98835f
--- /dev/null
+++ b/app/views/instruction/shared/_title_with_modify_button.html.erb
@@ -0,0 +1,12 @@
+<div class="title-with-modify-button">
+
+  <div class="button">
+    <button class="fr-btn fr-btn--secondary fr-btn--sm" title="Fonctionnalité encore non disponible, contactez-nous." disabled>
+      Modifier
+    </button>
+  </div>
+
+  <div class="title">
+    <%= yield %>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/layouts/wide_container.html.erb b/app/views/layouts/wide_container.html.erb
new file mode 100644
index 0000000000..d05d93ae67
--- /dev/null
+++ b/app/views/layouts/wide_container.html.erb
@@ -0,0 +1,9 @@
+<%= content_for(:body) do %>
+  <div class="fr-container--fluid fr-container--main">
+    <%= render partial: 'shared/alerts' %>
+
+    <%= yield %>
+  </div>
+<% end %>
+
+<%= render template: 'layouts/application' %>
diff --git a/config/locales/instruction_catalogue.fr.yml b/config/locales/instruction_catalogue.fr.yml
index 01800ba6ae..72d5c07a5b 100644
--- a/config/locales/instruction_catalogue.fr.yml
+++ b/config/locales/instruction_catalogue.fr.yml
@@ -1,10 +1,8 @@
 fr:
   instruction:
     data_providers:
-      title: Espace fournisseur de données
       index:
         title: Fournisseurs de données
-        subtitle: Sélectionnez un fournisseur pour consulter ses formulaires et cas d’usage.
         empty: Aucun fournisseur de données disponible.
         formulaires_count:
           zero: Aucun formulaire
@@ -17,19 +15,34 @@ fr:
         cas_usages_count:
           one: 1 cas d’usage
           other: "%{count} cas d’usage"
+        emails_automatiques_count:
+          zero: Aucun email automatique
+          one: 1 email automatique
+          other: "%{count} emails automatiques"
         empty: Aucun formulaire associé à ce fournisseur.
       show:
-        title: Formulaire
-        back: Retour aux formulaires
+        identification: Identifiant du formulaire
         sections:
-          identification: Identification
           identity: Identité
           description: Description
           scopes: Périmètres de données
           blocks: Structure du formulaire
-          cas_usages: Cas d’usage
           flags: Propriétés
-          features: Fonctionnalités
+          features:
+            instructor_drafts: 
+              name: "Initiable par un instructeur"
+              default: false
+            messaging:
+              name: "Messagerie via datapass active"
+              default: true
+            reopening:
+              name: "Demande de modification possible"
+              default: true
+            transfer:
+              name: "Transfert de demandeur possible"
+              default: true
+
+
         fields:
           label: Champ
           value: Valeur
@@ -41,29 +54,21 @@ fr:
         flags:
           public: Public
           startable_by_applicant: Démarrable par le demandeur
-          unique: Unique
+          unique: Habilitation unique par orgnanisation
         empty_value: Non renseigné
         empty_scopes: Aucun périmètre déclaré.
         empty_blocks: Aucun bloc déclaré.
         empty_cas_usages: Aucun cas d’usage associé à ce formulaire.
-        default_badge: Par défaut
         "true": Oui
         "false": Non
-        stats:
-          demandes:
-            zero: Aucune demande
-            one: 1 demande
-            other: "%{count} demandes"
-          habilitations:
-            zero: Aucune habilitation
-            one: 1 habilitation
-            other: "%{count} habilitations"
     cas_usages:
+      index:
+        title: Cas d'usages
+        default_badge: Par défaut
       show:
-        back: Retour au formulaire
+        identification: Identifiant du cas d’usage
         inherited_badge: Hérité du formulaire
         sections:
-          identification: Identification
           description: Description
           introduction: Introduction
           flags: Propriétés
@@ -74,9 +79,9 @@ fr:
         flags:
           public: Public
           startable_by_applicant: Démarrable par le demandeur
-          single_page_view: Template single-page
+          single_page_view: Formulaire en une seule page
           single_page_view_hint: "Nom optionnel du template ERB utilisé quand le formulaire est en mode single-page (steps vide). Sinon, fallback sur l’uid du cas d’usage."
-          single_page_view_default: "(template par défaut)"
+          single_page_view_default: "Non"
         empty_description: Aucune description.
         empty_introduction: Aucune introduction.
         html_tabs:
@@ -117,13 +122,32 @@ fr:
           form: Rendu
           data: Données
           form_intro: "Aperçu du formulaire pré-rempli pour le demandeur (champs en lecture seule) :"
-        no_service_provider: Pas de service utilisateur rattaché.
-        default_badge: Par défaut
+        no_service_provider: Pas de fournisseur de service rattaché.
         "true": Oui
         "false": Non
+    emails_automatiques:
+      show:
+        title: Emails automatiques
+        no_preview: Aucun aperçu disponible (aucune demande de ce type en base).
+        events:
+          submit: Soumission d'une demande
+          approve: Validation d'une demande
+          refuse: Refus d'une demande
+          request_changes: Demande de modifications
+          revoke: Révocation d'une habilitation
+        recipients:
+          applicant: Demandeur
+          instructors: Instructeurs
+          responsable_traitement: Responsable de traitement
+          delegue_protection_donnees: Délégué à la protection des données
+          france_connect: Support FranceConnect
+          dgfip_apim: DGFIP APIM
+          hubee_administrateur_metier: Administrateur métier HubEE
+          from_credentials: Emails configurés dans les credentials pour %{definition_name}
   page_titles:
     instruction:
       data_providers_index: Fournisseurs de données
       formulaires_index: "%{provider_name} — Formulaires"
       formulaires_show: "%{formulaire_name} — %{provider_name}"
       cas_usages_show: "%{cas_usage_name} — %{provider_name}"
+      emails_automatiques_show: "Emails automatiques — %{formulaire_name}"
diff --git a/config/routes.rb b/config/routes.rb
index 31bf3d18f2..e2a7a35152 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -154,7 +154,8 @@
     get '/fournisseurs-donnees', to: 'data_providers#index', as: :data_providers
     scope '/fournisseurs-donnees/:provider_slug' do
       resources :formulaires, only: %i[index show] do
-        resources :cas_usages, only: :show, path: 'cas-usage', param: :uid
+        resources :cas_usages, only: %i[index show], path: 'cas-usage', param: :uid
+        resource :emails_automatiques, only: :show, path: 'emails-automatiques'
       end
     end
   end
diff --git a/features/instructeurs/emails_automatiques.feature b/features/instructeurs/emails_automatiques.feature
new file mode 100644
index 0000000000..24b73be02f
--- /dev/null
+++ b/features/instructeurs/emails_automatiques.feature
@@ -0,0 +1,25 @@
+# language: fr
+
+Fonctionnalité: Emails automatiques d'un formulaire
+  Un instructeur peut consulter la liste des emails automatiques
+  envoyés par DataPass pour un formulaire donné.
+
+  @CreateDataProviders
+  Scénario: Je consulte les emails automatiques depuis la page formulaire
+    Sachant que je suis un rapporteur "API Entreprise"
+    Et que je me connecte
+    Quand je me rends sur le chemin "/instruction/fournisseurs-donnees/dinum/formulaires/api_entreprise"
+    Alors la page contient "Emails automatiques"
+    Quand je clique sur "Emails automatiques"
+    Alors le titre de la page contient "Emails automatiques"
+    Et la page contient "Soumission d'une demande"
+    Et la page contient "Demandeur"
+
+  @CreateDataProviders
+  Scénario: La page des emails automatiques liste les emails avec leur sujet
+    Sachant que je suis un rapporteur "API Entreprise"
+    Et que je me connecte
+    Quand je me rends sur le chemin "/instruction/fournisseurs-donnees/dinum/formulaires/api_entreprise/emails-automatiques"
+    Alors le titre de la page contient "Emails automatiques"
+    Et la page contient "Nous accusons réception"
+    Et la page contient "Instructeurs"
diff --git a/spec/services/automatic_emails_catalog_spec.rb b/spec/services/automatic_emails_catalog_spec.rb
new file mode 100644
index 0000000000..49772f332a
--- /dev/null
+++ b/spec/services/automatic_emails_catalog_spec.rb
@@ -0,0 +1,65 @@
+RSpec.describe AutomaticEmailsCatalog do
+  subject(:catalog) { described_class.new(definition) }
+
+  let(:definition) { AuthorizationDefinition.find('api_entreprise') }
+
+  describe '#build' do
+    subject(:emails) { catalog.build }
+
+    it 'returns AutomaticEmailEntry objects' do
+      expect(emails).to all(be_a(described_class::AutomaticEmailEntry))
+    end
+
+    context 'with APIEntrepriseNotifier (via APIEntreculierNotifier)' do
+      it 'includes the submit email to the applicant' do
+        expect(emails).to include(have_attributes(event_name: 'submit', recipient_type: :applicant))
+      end
+
+      it 'includes the submit email to instructors' do
+        expect(emails).to include(have_attributes(event_name: 'submit', recipient_type: :instructors))
+      end
+
+      it 'does not include an approve email to the applicant' do
+        expect(emails).not_to include(have_attributes(event_name: 'approve', recipient_type: :applicant))
+      end
+
+      it 'does not include a refuse email' do
+        expect(emails).not_to include(have_attributes(event_name: 'refuse'))
+      end
+    end
+
+    context 'with a definition using BaseNotifier with GDPR contacts' do
+      let(:definition) { AuthorizationDefinition.find('api_scolarite') }
+
+      it 'includes the approve email to the applicant' do
+        expect(emails).to include(have_attributes(event_name: 'approve', recipient_type: :applicant))
+      end
+
+      it 'includes the refuse email to the applicant' do
+        expect(emails).to include(have_attributes(event_name: 'refuse', recipient_type: :applicant))
+      end
+
+      it 'includes the GDPR responsable traitement email on approve' do
+        expect(emails).to include(have_attributes(event_name: 'approve', recipient_type: :responsable_traitement))
+      end
+
+      it 'includes the GDPR delegue protection donnees email on approve' do
+        expect(emails).to include(have_attributes(event_name: 'approve', recipient_type: :delegue_protection_donnees))
+      end
+    end
+
+    context 'with a DGFIP definition' do
+      let(:definition) { AuthorizationDefinition.find('api_impot_particulier') }
+
+      before { create(:data_provider, :dgfip) }
+
+      it 'includes the DGFIP APIM email on approve' do
+        expect(emails).to include(have_attributes(event_name: 'approve', recipient_type: :dgfip_apim))
+      end
+    end
+
+    it 'includes a non-empty subject for each email' do
+      expect(emails.map(&:subject)).to all(be_present)
+    end
+  end
+end