Selectors must be written in lowercase with hyphens

2017-04-12 11:12:05 +02:00 · 2017-04-12 11:12:05 +02:00 · c10c2fc31b
commit c10c2fc31b
parent 73caee0ff3
131 changed files with 405 additions and 404 deletions
--- a/app/views/admin/accompagnateurs/_list_assign.html.haml
+++ b/app/views/admin/accompagnateurs/_list_assign.html.haml
@ -1,7 +1,7 @@
 .row{ style: 'height: 34px;' }

 - unless smart_listing.empty?
-  %table.table#liste_gestionnaire
+  %table.table#liste-gestionnaire
    %thead
      %th Enlever
      %th#email{ style: 'text-align: right;' } Email
--- a/app/views/admin/accompagnateurs/_list_not_assign.html.haml
+++ b/app/views/admin/accompagnateurs/_list_not_assign.html.haml
@ -7,7 +7,7 @@

 - unless smart_listing.empty?

-  %table.table#liste_gestionnaire
+  %table.table#liste-gestionnaire
    %thead
      %th#email Email
      %th Ajouter
--- a/app/views/admin/gestionnaires/_list.html.haml
+++ b/app/views/admin/gestionnaires/_list.html.haml
@ -1,5 +1,5 @@
 - unless smart_listing.empty?
-  %table.table#liste_gestionnaire
+  %table.table#liste-gestionnaire
    %thead
      %th#libelle= smart_listing.sortable 'Email', 'email'
      %th
--- a/app/views/admin/pieces_justificatives/_fields.html.haml
+++ b/app/views/admin/pieces_justificatives/_fields.html.haml
@ -1,4 +1,4 @@
-.pieces_justificatives_fields
+.pieces-justificatives-fields
  = f.fields_for :types_de_piece_justificative, types_de_piece_justificative, remote: true do |ff|
    .form-inline
      .form-group
--- a/app/views/admin/pieces_justificatives/show.js.erb
+++ b/app/views/admin/pieces_justificatives/show.js.erb
@ -1,4 +1,4 @@
 <% flash.each do |type, message| %>
-$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
+$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
 <%  end %>
 $('#piece_justificative_form').html("<%= escape_javascript(render partial: 'form', locals: { procedure: @procedure } ) %>");
--- a/app/views/admin/procedures/_informations.html.haml
+++ b/app/views/admin/procedures/_informations.html.haml
@ -37,10 +37,10 @@
      = f.fields_for :module_api_carto, @procedure.module_api_carto do |ff|
        .checkbox
          %label
-            = ff.check_box :use_api_carto, id: :procedure_module_api_carto_use_api_carto
+            = ff.check_box :use_api_carto, id: "procedure-module-api-carto-use-api-carto"
            Utilisation de la cartographie

-        %ul#modules_api_carto
+        %ul#modules-api-carto
          %li
            .checkbox
              %label
@ -73,7 +73,7 @@
            ne possède pas (ou pas encore) de numéro SIRET,
          qui doivent donc s'identifier en tant que personne physique.

-      %ul#individual_with_siret
+      %ul#individual-with-siret
        %li
          .checkbox
            %label
--- a/app/views/admin/procedures/_list.html.haml
+++ b/app/views/admin/procedures/_list.html.haml
@ -1,5 +1,5 @@
 - unless smart_listing.empty?
-  %table.table#dossiers_list
+  %table.table#dossiers-list
    %thead
      %th#ID= smart_listing.sortable 'ID', 'id'
      %th#libelle= smart_listing.sortable 'Libellé', 'libelle'
--- a/app/views/admin/procedures/_modal_publish.html.haml
+++ b/app/views/admin/procedures/_modal_publish.html.haml
@ -1,4 +1,4 @@
-#publishModal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
+#publish-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
  .modal-dialog.modal-lg{ :role => "document" }
    = form_tag admin_procedure_publish_path(procedure_id: @procedure.id), method: :put, remote: true do
      .modal-content
@ -8,7 +8,7 @@
          %h4#myModalLabel.modal-title
            = @procedure.archived? ? 'Réactiver' : 'Publier'
            la procédure
-            %span#publishModal_title
+            %span#publish-modal-title
        .modal-body
          Vous vous apprêtez à
          = @procedure.archived? ? 'republier' : 'publier'
@ -30,7 +30,7 @@
                                class: 'form-control',
                                maxlength: 30,
                                style: 'width: 300px; display: inline;')
-            #path_messages
+            #path-messages
              #path_is_mine.text-warning.center.message
                Ce lien est déjà utilisé par une de vos procédure.
                %br
--- a/app/views/admin/procedures/index.html.haml
+++ b/app/views/admin/procedures/index.html.haml
@ -1,5 +1,5 @@
-#admins_index
-  .default_data_block.default_visible
+#admins-index
+  .default-data-block.default_visible
    .row.show-block#new_dossiers
      .header
        .col-lg-10.col-md-10.col-sm-10.col-xs-10.title
--- a/app/views/admin/procedures/show.html.haml
+++ b/app/views/admin/procedures/show.html.haml
@ -6,7 +6,7 @@
          %i.fa.fa-eraser
          Publier
      - else
-        %a.btn.btn-success{ "data-target" => "#publishModal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;', id: 'publish-procedure' }
+        %a.btn.btn-success{ "data-target" => "#publish-modal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;', id: 'publish-procedure' }
          %i.fa.fa-eraser
          Publier

@ -19,7 +19,7 @@
    = render partial: '/admin/procedures/modal_transfer'

    - if @facade.procedure.archived?
-      %a#reenable.btn.btn-small.btn-default.text-info{ "data-target" => "#publishModal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;' }
+      %a#reenable.btn.btn-small.btn-default.text-info{ "data-target" => "#publish-modal", "data-toggle" => "modal", :type => "button", style: 'float: right; margin-top: 10px;' }
        %i.fa.fa-eraser
        Réactiver

@ -80,7 +80,7 @@
          - @facade.procedure.types_de_champ_private.order(:order_place).each do |champ|
            %li= champ.libelle

-      .pieces_justificatives.col-xs-6.col-md-3
+      .pieces-justificatives.col-xs-6.col-md-3
        %h4.text-info
          Pièces jointes
          .badge.progress-bar-info
--- a/app/views/admin/types_de_champ/_fields.html.haml
+++ b/app/views/admin/types_de_champ/_fields.html.haml
@ -1,20 +1,20 @@
 = f.fields_for @types_de_champ_facade.fields_for_var, types_de_champ, remote: true do |ff|
  - type_champ = ff.object.object.type_champ

-  .form-inline{ class: (type_champ == 'header_section' ? 'header_section' : nil) }
+  .form-inline{ class: (type_champ == 'header_section' ? 'header-section' : nil) }
    .form-group.libelle
      %h4 Libellé
      = ff.text_field :libelle, class: 'form-control libelle', placeholder: 'Libellé'

    .form-group.type
      %h4 Type
-      = ff.select :type_champ, TypeDeChamp.type_de_champs_list_fr, {}, { class: 'form-control type_champ' }
+      = ff.select :type_champ, TypeDeChamp.type_de_champs_list_fr, {}, { class: 'form-control type-champ' }

    .form-group.description
      %h4 Description
      = ff.text_area :description, class: 'form-control description', placeholder: 'Description', rows: 3

-    .form-group.drop_down_list{ class: (%w(drop_down_list multiple_drop_down_list).include?(type_champ) ? 'show_inline' : nil), style: 'margin-right: 5px;' }
+    .form-group.drop-down-list{ class: (%w(drop_down_list multiple_drop_down_list).include?(type_champ) ? 'show-inline' : nil), style: 'margin-right: 5px;' }
      %h4 Liste déroulante
      = ff.fields_for :drop_down_list_attributes, ff.object.object.drop_down_list do |fff|
        ~ fff.text_area :value, class: 'form-control drop_down_list', placeholder: "Ecrire une valeur par ligne et --valeur-- pour un séparateur.", rows: 3, cols: 30
--- a/app/views/admin/types_de_champ/show.html.haml
+++ b/app/views/admin/types_de_champ/show.html.haml
@ -1,3 +1,3 @@
 .row.white-back
-  #liste_champ
+  #liste-champ
    = render partial: 'admin/types_de_champ/form'
--- a/app/views/admin/types_de_champ/show.js.erb
+++ b/app/views/admin/types_de_champ/show.js.erb
@ -1,5 +1,5 @@
 <% flash.each do |type, message| %>
-$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
+$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
 <%  end %>
-$('#liste_champ').html("<%= escape_javascript(render partial: 'admin/types_de_champ/form', locals: { procedure: @procedure, types_de_champ: @types_de_champ } ) %>");
-on_change_type_de_champ_select ();
+$('#liste-champ').html("<%= escape_javascript(render partial: 'admin/types_de_champ/form', locals: { procedure: @procedure, types_de_champ: @types_de_champ } ) %>");
+on_change_type_de_champ_select ();
--- a/app/views/administrateurs/sessions/new.html.haml
+++ b/app/views/administrateurs/sessions/new.html.haml
@ -1,4 +1,4 @@
-#form_login
+#form-login
  %br
  = image_tag(image_url(LOGO_NAME))
  %br
@ -7,7 +7,7 @@

  %br
  %br
-  #new_user
+  #new-user
    = form_for @administrateur, url: { controller: 'administrateurs/sessions', action: :create } do |f|
      %h4
        = f.label :email
--- a/app/views/backoffice/dossiers/_list.html.haml
+++ b/app/views/backoffice/dossiers/_list.html.haml
@ -1,4 +1,4 @@
-%table#dossiers_list.table
+%table#dossiers-list.table
  %thead
    - if smart_listing.name.to_s == 'follow_dossiers'
      %th.col-xs-1.center
--- a/app/views/backoffice/dossiers/_pref_list.html.haml
+++ b/app/views/backoffice/dossiers/_pref_list.html.haml
@ -1,4 +1,4 @@
-%button#pref_list_dossier_close_action.btn.btn-danger.btn-xs.fixed-right
+%button#pref-list-dossier-close-action.btn.btn-danger.btn-xs.fixed-right
  %i.fa.fa-close
 %h3
  = t('dynamics.backoffice.pref_list.title')
--- a/app/views/backoffice/dossiers/_pref_list.js.erb
+++ b/app/views/backoffice/dossiers/_pref_list.js.erb
@ -9,6 +9,6 @@ $.ajax({
    url: '/backoffice/preference_list_dossier/reload_pref_list?procedure_id=<%= @procedure_id %>',
    async: true
 }).done(function (data) {
-    $("#pref_list_menu").html(data);
+    $("#pref-list-menu").html(data);
    pref_list_dossier_actions();
 });
--- a/app/views/backoffice/dossiers/formulaire_private.js.erb
+++ b/app/views/backoffice/dossiers/formulaire_private.js.erb
@ -1,4 +1,4 @@
 <% flash.each do |type, message| %>
-$("#flash_message").html("<div class=\"alert alert-success move_up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
+$("#flash_message").html("<div class=\"alert alert-success move-up\" style=\"display: block:\"> <%= message.html_safe %></div>").children().fadeOut(5000)
 <%  end %>
 <% flash.clear %>
--- a/app/views/backoffice/dossiers/index.html.haml
+++ b/app/views/backoffice/dossiers/index.html.haml
@ -1,8 +1,8 @@
-#backoffice_index
-  #pref_list_menu
+#backoffice-index
+  #pref-list-menu
    = render partial: 'backoffice/dossiers/pref_list'

-  .default_data_block
+  .default-data-block
    .row.show-block#new_dossiers
      .header
        .col-xs-10.title
@ -24,7 +24,7 @@
    .col-xs-3
      = link_to  'Terminés', '?liste=termine', class: 'text-success', style: "text-decoration: #{@facade_data_view.liste == 'termine'? 'underline' : ''}"

-  .default_data_block.default_visible
+  .default-data-block.default_visible
    .row.show-block#follow_dossiers
      .header
        .col-xs-10.title
@ -36,7 +36,7 @@
      .body
        = smart_listing_render :follow_dossiers

-  .default_data_block
+  .default-data-block
    .row.show-block#all_dossiers
      .header
        .col-xs-10.title
@ -50,7 +50,7 @@


  - if @archived_dossiers
-    .default_data_block
+    .default-data-block
      .row.show-block#archived_dossiers
        .header
          .col-xs-10.title
--- a/app/views/backoffice/dossiers/search.html.haml
+++ b/app/views/backoffice/dossiers/search.html.haml
@ -1,8 +1,8 @@
-#backoffice_search
-  #pref_list_menu
+#backoffice-search
+  #pref-list-menu
    = render partial: 'backoffice/dossiers/pref_list'

-  .default_data_block.default_visible
+  .default-data-block.default_visible
    .row.show-block#new_dossiers
      .header
        .col-lg-10.col-md-10.col-sm-10.col-xs-10.title
--- a/app/views/backoffice/dossiers/show.html.haml
+++ b/app/views/backoffice/dossiers/show.html.haml
@ -1,2 +1,2 @@
-#backoffice_dossier_show.col-xs-12
+#backoffice-dossier-show.col-xs-12
  = render partial: "dossiers/dossier_show"
--- a/app/views/dossiers/_dossier_show.html.haml
+++ b/app/views/dossiers/_dossier_show.html.haml
@ -1,7 +1,7 @@
 = render partial: 'dossiers/messagerie', locals: { dossier_facade: @facade }

 - if @facade.procedure.individual_with_siret
-  .default_data_block
+  .default-data-block
    .row.show-block.infos
      .header
        .col-xs-8.title-no-expanse
@ -13,7 +13,7 @@
              Renseigner un SIRET

 - unless @facade.entreprise.nil?
-  .default_data_block
+  .default-data-block
    .row.show-block.infos#infos_entreprise
      .header
        .col-xs-12.title
@ -23,8 +23,8 @@
      .body.display-block-on-print
        = render partial: '/dossiers/infos_entreprise'

-.default_data_block.default_visible
-  .row.show-block.infos#infos_dossier
+.default-data-block.default_visible
+  .row.show-block.infos#infos-dossiers
    .header
      .col-xs-10.title
        .carret-right
@ -35,7 +35,7 @@
      = render partial: '/dossiers/infos_dossier'

 - if @facade.dossier.procedure.module_api_carto.use_api_carto
-  .default_data_block.default_visible.no-page-break-inside
+  .default-data-block.default_visible.no-page-break-inside
    .row.show-block#carto
      .header
        .col-xs-10.title
@ -53,7 +53,7 @@


 - if @current_gestionnaire && gestionnaire_signed_in? && @champs_private.count > 0
-  .default_data_block.default_visible
+  .default-data-block.default_visible
    .row.show-block#private-fields
      .header
        .col-xs-10.title
--- a/app/views/dossiers/_download_dossiers.html.haml
+++ b/app/views/dossiers/_download_dossiers.html.haml
@ -1,5 +1,5 @@
 .dropdown.pull-right#download-menu
-  %a.dropdown-toggle.button_navbar{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
+  %a.dropdown-toggle.button-navbar{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
    %i.fa.fa-download
    Télécharger tous les dossiers
    %span.caret
--- a/app/views/dossiers/_edit_pieces_jointes.html.haml
+++ b/app/views/dossiers/_edit_pieces_jointes.html.haml
@ -2,7 +2,7 @@
  - if user_signed_in? && (@facade.dossier.owner?(current_user.email) || @facade.dossier.invite_by_user?(current_user.email))
    - if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.size > 0
      .col-lg-4.col-md-4.col-sm-4.col-xs-4.action
-        %a#maj_pj.action{ "data-target" => "#UploadPJmodal",
+        %a#maj_pj.action{ "data-target" => "#upload-pj-modal",
                           "data-toggle" => "modal",
                           :type => "button",
                           style: 'margin-bottom: 15px; margin-top: -30px;' }
--- a/app/views/dossiers/_infos_dossier.html.haml
+++ b/app/views/dossiers/_infos_dossier.html.haml
@ -62,7 +62,7 @@
        .col-xs-4.dossier-title= t('utils.pieces').upcase
        .col-xs-4.split-hr

-  .col-xs-12#pieces_justificatives.margin-bot-40
+  .col-xs-12#pieces-justificatives.margin-bot-40
    .row
      - if @facade.procedure.cerfa_flag?
        .col-xs-12#piece_justificative_0
@ -74,7 +74,7 @@
                %a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
                %span{ style: 'margin-left: 12px;' }
                  \-
-                = link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#PJmodal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => 'cerfa' do
+                = link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#pj-modal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => 'cerfa' do
                  %span.fa.fa-clock-o
              - else
                Pièce non fournie
@ -94,7 +94,7 @@
                    %span{ style: 'margin-left: 12px;' }
                      \-
                    - if @facade.dossier.pieces_justificatives.where(type_de_piece_justificative_id: type_de_piece_justificative.id).count > 1
-                      = link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#PJmodal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => "type_de_pj_#{type_de_piece_justificative.id}" do
+                      = link_to "", class: "historique", "data-toggle" => "modal", "data-target" => "#pj-modal", :type => "button", "data-modal_title" => 'formulaires', "data-modal_index" => "type_de_pj_#{type_de_piece_justificative.id}" do
                        %span.fa.fa-clock-o
                  - else
                    Pièce non fournie
@ -104,7 +104,7 @@
        - if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.size > 0
          .row
            .col-xs-4
-            %a#maj_pj.action{ "data-target" => "#UploadPJmodal", "data-toggle" => "modal", :type => "button" }
+            %a#maj_pj.action{ "data-target" => "#upload-pj-modal", "data-toggle" => "modal", :type => "button" }
              .col-xs-4.action
                Modifier les documents
              %br
@ -112,7 +112,7 @@
            .col-xs-4

    - if gestionnaire_signed_in?
-      #PJmodal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
+      #pj-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
        .modal-dialog.modal-lg{ :role => "document" }
          .modal-content
            .modal-header
@ -120,7 +120,7 @@
                %span{ "aria-hidden" => "true" } ×
              %h4#myModalLabel.modal-title
                Historique des
-                %span#PJmodal_title
+                %span#pj-modal-title
            .modal-body
              %table.table
                %thead
@ -130,7 +130,7 @@
                    Date d'envoi
                  %th
                    Lien
-                %thead.tr_content#cerfa
+                %thead.tr-content#cerfa
                  - if @facade.procedure.cerfa_flag?
                    - if @facade.dossier.cerfa_available?
                      - @facade.cerfas_ordered.each do |cerfa|
@ -142,7 +142,7 @@
                          %td.col-md-6.col-sm-6.col-xs-6.col-lg-4
                            = link_to 'Récupérer', cerfa.content_url, { target: :blank }
                - @facade.dossier.types_de_piece_justificative.each do |type_de_piece_justificative|
-                  %tbody.tr_content{ id: "type_de_pj_#{type_de_piece_justificative.id}" }
+                  %tbody.tr-content{ id: "type_de_pj_#{type_de_piece_justificative.id}" }
                    - @facade.dossier.retrieve_all_piece_justificative_by_type(type_de_piece_justificative.id).each do |piece_justificative|
                      %tr
                        %td.col-md-6.col-sm-6.col-xs-6.col-lg-4
--- a/app/views/dossiers/_infos_pieces_jointes.html.haml
+++ b/app/views/dossiers/_infos_pieces_jointes.html.haml
@ -1,4 +1,4 @@
-#pieces_justificatives
+#pieces-justificatives
  .row
    - if @facade.procedure.cerfa_flag?
      .col-xs-12#piece_justificative_0
@ -11,7 +11,7 @@
              %span{ style: 'margin-left: 12px;' }
                \-
              %a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
-                                                "data-target" => "#PJmodal",
+                                                "data-target" => "#pj-modal",
                                                "data-toggle" => "modal",
                                                :type => "button",
                                                "data-modal_title" => 'formulaires',
@ -37,7 +37,7 @@
                  %span{ style: 'margin-left: 12px;' }
                    \-
                  %a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
-                                                      "data-target" => "#PJmodal",
+                                                      "data-target" => "#pj-modal",
                                                      "data-toggle" => "modal",
                                                      :type => "button",
                                                      "data-modal_title" => type_de_piece_justificative.libelle,
--- a/app/views/dossiers/_messagerie.html.haml
+++ b/app/views/dossiers/_messagerie.html.haml
@ -1,4 +1,4 @@
-.default_data_block{ style: 'margin-top: 40px;' }
+.default-data-block{ style: 'margin-top: 40px;' }
  .row.show-block.clearfix#messages
    .header
      .col-xs-10.title
--- a/app/views/dossiers/_pieces_justificatives.html.haml
+++ b/app/views/dossiers/_pieces_justificatives.html.haml
@ -1,4 +1,4 @@
-#pieces_justificatives
+#pieces-justificatives
  %table.table
    - if @facade.procedure.cerfa_flag?
      %tr{ id: "piece_justificative_0" }
@ -10,7 +10,7 @@
            %span{ style: 'margin-left: 12px;' }
              \-
            %a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
-                                                "data-target" => "#PJmodal",
+                                                "data-target" => "#pj-modal",
                                                "data-toggle" => "modal",
                                                :type => "button",
                                                "data-modal_title" => 'formulaires',
@ -33,7 +33,7 @@
            %span{ style: 'margin-left: 12px;' }
              \-
            %a.btn.fa.fa-timer{ style: 'color: black; padding-top: 0;',
-                                                "data-target" => "#PJmodal",
+                                                "data-target" => "#pj-modal",
                                                "data-toggle" => "modal",
                                                :type => "button",
                                                "data-modal_title" => type_de_piece_justificative.libelle,
--- a/app/views/dossiers/_show.html.haml
+++ b/app/views/dossiers/_show.html.haml
@ -1,9 +1,9 @@
-#users_siret_index
+#users-siret-index

  .row.etape.etape_1
    = render partial: '/dossiers/etapes/etape1'

-  .row.etape.etape_2
+  .row.etape.etape-2
    = render partial: '/dossiers/etapes/etape2'

  -# - if @facade.procedure.module_api_carto.use_api_carto?
--- a/app/views/dossiers/add_siret.js.erb
+++ b/app/views/dossiers/add_siret.js.erb
@ -1,6 +1,6 @@
 <% if flash.empty? %>
-$('.row.etape.etape_2').hide(300, render_new_siret);
-$('.row.etape.etape_2').slideDown(400, the_terms);
+$('.row.etape.etape-2').hide(300, render_new_siret);
+$('.row.etape.etape-2').slideDown(400, the_terms);
 <% else %>
 error_form_siret('<%= invalid_siret %>');
 <%  end %>
@ -8,5 +8,5 @@ error_form_siret('<%= invalid_siret %>');
 <% flash.clear %>

 function render_new_siret(){
-    $('.row.etape.etape_2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape_2/entreprise', locals: { facade: @facade } ) %>");
+    $('.row.etape.etape-2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape_2/entreprise', locals: { facade: @facade } ) %>");
 }
--- a/app/views/dossiers/etapes/_etape1.html.haml
+++ b/app/views/dossiers/etapes/_etape1.html.haml
@ -9,10 +9,10 @@
    #logo_procedure.flag
      = image_tag( @facade.procedure.decorate.logo_img )

-.etape.etapes_informations.col-xs-9
+.etape.etapes-informations.col-xs-9
  .row
    .col-xs-12.padding-left-30
-      %h2#titre_procedure.text-info
+      %h2#titre-procedure.text-info
        = @facade.procedure.libelle

      %p#description_procedure{ style: 'width: 95%;', class: (@facade.entreprise.nil? ? '' : 'mask') }
--- a/app/views/dossiers/etapes/_etape3.html.haml
+++ b/app/views/dossiers/etapes/_etape3.html.haml
@ -1,6 +1,6 @@
-.etape.etapes_menu.col-xs-3
+.etape.etapes-menu.col-xs-3
  %h3
    Ma zone d'intervention

-.etape.etapes_informations.col-xs-9
+.etape.etapes-informations.col-xs-9
  .row
--- a/app/views/dossiers/etapes/_etape4.html.haml
+++ b/app/views/dossiers/etapes/_etape4.html.haml
@ -1,6 +1,6 @@
-.etape.etapes_menu.col-xs-3
+.etape.etapes-menu.col-xs-3
  %h3
    Mon dossier

-.etape.etapes_informations.col-xs-9
+.etape.etapes-informations.col-xs-9
  .row
--- a/app/views/dossiers/etapes/etape_2/_entreprise.html.haml
+++ b/app/views/dossiers/etapes/etape_2/_entreprise.html.haml
@ -1,4 +1,4 @@
-.etape.etapes_menu.col-xs-3
+.etape.etapes-menu.col-xs-3
  %h3
    Mes informations
  %br
@ -12,21 +12,21 @@
        = f.submit 'Changer de SIRET', class: %w(btn btn-xs btn-primary)


-.etape.etapes_informations.col-xs-9
+.etape.etapes-informations.col-xs-9
  .row
    - if @facade.entreprise.nil?
      #new_siret{ style: 'margin-left: 20%; margin-top: 5%;' }
        = form_for @facade.dossier, html: { class: 'form-inline' }, url: users_dossier_siret_informations_path(dossier_id: @facade.dossier.id), method: :post, remote: true do |f|
          .form-group.form-group-lg
-            = f.text_field :siret, class: "form-control", placeholder: "Entrez votre Siret", value: @siret
+            = f.text_field :siret, id: "dossier-siret", class: "form-control", placeholder: "Entrez votre Siret", value: @siret
            = f.hidden_field :dossier_id, value: @facade.dossier.id
            = f.submit 'Valider', class: %w(btn btn-lg btn-success), id: 'submit-siret', data: { disable_with: "Recherche en cours ..." }
    - else
      %br
-      #recap_info_entreprise
+      #recap-info-entreprise
        = render partial: '/dossiers/infos_entreprise'

-        %p#insee_infogreffe{ style: 'color: grey; float: right;' }
+        %p#insee-infogreffe{ style: 'color: grey; float: right;' }
          %i
            Informations récupérées auprès de l'INSEE et d'INFOGREFFE

--- a/app/views/dossiers/etapes/etape_2/_individual.html.haml
+++ b/app/views/dossiers/etapes/etape_2/_individual.html.haml
@ -5,7 +5,7 @@
    %br
    vous concernant.

-.etape.etapes_informations.col-xs-9
+.etape.etapes-informations.col-xs-9
  = form_for @facade.dossier, url: { controller: '/users/dossiers', action: :update } do |f|
    .row
      .col-xs-12.padding-left-30
--- a/app/views/dossiers/new_siret.js.erb
+++ b/app/views/dossiers/new_siret.js.erb
@ -1,6 +1,6 @@
 <% if flash.empty? %>
-$('.row.etape.etape_2').hide(300, render_new_siret);
-$('.row.etape.etape_2').slideDown(400, the_terms);
+$('.row.etape.etape-2').hide(300, render_new_siret);
+$('.row.etape.etape-2').slideDown(400, the_terms);
 toggle_etape_1();
 <% else %>
 error_form_siret('<%= invalid_siret %>');
@ -9,5 +9,5 @@ error_form_siret('<%= invalid_siret %>');
 <% flash.clear %>

 function render_new_siret(){
-    $('.row.etape.etape_2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape2', locals: { facade: @facade } ) %>");
+    $('.row.etape.etape-2').html("<%= escape_javascript(render partial: '/dossiers/etapes/etape2', locals: { facade: @facade } ) %>");
 }
--- a/app/views/france_connect/particulier/check_email.html.haml
+++ b/app/views/france_connect/particulier/check_email.html.haml
@ -12,7 +12,7 @@
    Afin d'associer ce compte à votre identifiant France Connect, merci de saisir votre mot de passe TPS.
  %br
 .center
-  #france_connect_particulier_email
+  #france-connect-particulier-email
    = form_for @user, url: { controller: 'france_connect/particulier', action: :check_email }, method: :post do |f|
      .form-group.form-group-lg
        = f.text_field :email_france_connect, class: "form-control", readonly: 'readonly'
--- a/app/views/france_connect/particulier/new.html.haml
+++ b/app/views/france_connect/particulier/new.html.haml
@ -23,7 +23,7 @@
 %br

 .center
-  #france_connect_particulier_email
+  #france-connect-particulier-email
    = form_for @user, url: { controller: 'france_connect/particulier', action: :check_email }, method: :post do |f|
      .form-group.form-group-lg
        = f.text_field :email_france_connect, class: "form-control", placeholder: "Entrez votre email"
--- a/app/views/gestionnaires/passwords/edit.html.haml
+++ b/app/views/gestionnaires/passwords/edit.html.haml
@ -1,13 +1,13 @@
 = devise_error_messages!

-#form_login
+#form-login
  = image_tag(image_url(LOGO_NAME))
  %br
  %h2#gestionnaire_login Changement de mot de passe

  %br
  %br
-  #new_user
+  #new-user
    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
      = f.hidden_field :reset_password_token
      %h4
--- a/app/views/gestionnaires/passwords/new.html.haml
+++ b/app/views/gestionnaires/passwords/new.html.haml
@ -1,14 +1,14 @@
 = devise_error_messages!

 %br
-#form_login
+#form-login
  = image_tag(image_url(LOGO_NAME))
  %br
  %h2#gestionnaire_login Mot de passe oublié

  %br
  %br
-  #new_user
+  #new-user
    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
      %h4
        = f.label :email
--- a/app/views/gestionnaires/sessions/new.html.haml
+++ b/app/views/gestionnaires/sessions/new.html.haml
@ -1,4 +1,4 @@
-#form_login
+#form-login
  %br
  = image_tag(image_url(LOGO_NAME))
  %br
@ -6,7 +6,7 @@

  %br
  %br
-  #new_user
+  #new-user
    = form_for @gestionnaire, url: gestionnaire_session_path, method: :post do |f|
      %h4
        = f.label :email
--- a/app/views/layouts/_navbar.html.haml
+++ b/app/views/layouts/_navbar.html.haml
@ -1,5 +1,5 @@
 .col-xs-2
-  %a#title_navbar{ href: '/' }
+  %a#title-navbar{ href: '/' }
    .row#home
      .col-lg-6.no-padding
        = image_tag('marianne_small.png', class: 'logo')
--- a/app/views/layouts/_notifications_alert.html.haml
+++ b/app/views/layouts/_notifications_alert.html.haml
@ -1 +1 @@
-#notification_alert.alert.alert-success
+#notification-alert.alert.alert-success
--- a/app/views/layouts/_support_navigator_banner.html.haml
+++ b/app/views/layouts/_support_navigator_banner.html.haml
@ -1,5 +1,5 @@
 - unless BrowserService.recommended_browser?
-  #support_navigator_banner.row
+  #support-navigator-banner.row
    .col-xs-12
      = BROWSER.value.name
      = BROWSER.value.version
--- a/app/views/layouts/_switch_devise_profile_module.html.haml
+++ b/app/views/layouts/_switch_devise_profile_module.html.haml
@ -1,5 +1,5 @@
 - if SwitchDeviseProfileService.new(warden).multiple_devise_profile_connect?
-  #switch_menu.dropdown.dropup
+  #switch-menu.dropdown.dropup
    %button.btn.btn-default.dropdown-toggle{ type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
      %i.fa.fa-toggle-on
      %span.caret
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@ -18,7 +18,7 @@
    = action_cable_meta_tag
  %body
    = render partial: 'layouts/support_navigator_banner'
-    #beta{ class: (Rails.env == 'production' ? '' : 'beta_staging') }
+    #beta{ class: (Rails.env == 'production' ? '' : 'beta-staging') }
      - if Rails.env == 'production'
        Beta
      - else
@ -49,7 +49,7 @@
          - main_container_size = 12

        = render partial: 'layouts/main_container', locals: { main_container_size: main_container_size }
-    #mask_search
+    #mask-search
      %h1
        %i.fa.fa-times{ style: 'position: fixed; top: 10; right: 30; color: white;' }

--- a/app/views/layouts/left_panels/_left_panel_admin_procedurescontroller_index.html.haml
+++ b/app/views/layouts/left_panels/_left_panel_admin_procedurescontroller_index.html.haml
@ -8,21 +8,21 @@

 %div#menu-block
  .split-hr-left
-  #procedure_list
+  #procedure-list
    %a{ :href => "#{url_for :admin_procedures_draft}", id: "draft-procedures" }
-      .procedure_list_element{ class: @draft_class }
+      .procedure-list-element{ class: @draft_class }
        Brouillons
        .badge.progress-bar-default
          = current_administrateur.procedures.where(published: false, archived: false).count

    %a{ :href => "#{url_for :admin_procedures}", id: "active-procedures" }
-      .procedure_list_element{ class: @active_class }
+      .procedure-list-element{ class: @active_class }
        Actives
        .badge.progress-bar-success
          = current_administrateur.procedures.where(published: true, archived: false).count

    %a{ :href => "#{url_for :admin_procedures_archived}", id: "archived-procedures" }
-      .procedure_list_element{ class: @archived_class }
+      .procedure-list-element{ class: @archived_class }
        Archivées
        .badge.progress-bar-purple
          = current_administrateur.procedures.where(archived: true).count
--- a/app/views/layouts/left_panels/_left_panel_admin_procedurescontroller_navbar.html.haml
+++ b/app/views/layouts/left_panels/_left_panel_admin_procedurescontroller_navbar.html.haml
@ -9,40 +9,40 @@

 %div#menu-block
  .split-hr-left
-  #procedure_list
+  #procedure-list
    %a{ :href => "#{url_for admin_procedure_path(@procedure)}", id: 'onglet-infos' }
-      .procedure_list_element{ class: ('active' if active == 'Informations') }
+      .procedure-list-element{ class: ('active' if active == 'Informations') }
        Informations

    %a{ :href => "#{url_for admin_procedure_accompagnateurs_path(@procedure)}", id: 'onglet-accompagnateurs' }
-      .procedure_list_element{ class: ('active' if active == 'Accompagnateurs') }
+      .procedure-list-element{ class: ('active' if active == 'Accompagnateurs') }
        = t('dynamics.admin.procedure.onglets.accompagnateurs')

    %a{ :href => "#{url_for edit_admin_procedure_path(@procedure)}", id: 'onglet-description' }
-      .procedure_list_element{ class: ('active' if active == 'Description') }
+      .procedure-list-element{ class: ('active' if active == 'Description') }
        Description

    - unless @procedure.locked?
      %a{ :href => "#{url_for admin_procedure_types_de_champ_path(@procedure)}", id: 'onglet-champs' }
-        .procedure_list_element{ class: ('active' if active == 'Champs') }
+        .procedure-list-element{ class: ('active' if active == 'Champs') }
          Champs

    - unless @procedure.locked?
      %a{ :href => "#{url_for admin_procedure_pieces_justificatives_path(@procedure)}", id: 'onglet-pieces' }
-        .procedure_list_element{ class: ('active' if active == 'Pieces') }
+        .procedure-list-element{ class: ('active' if active == 'Pieces') }
          Pièces jointes

    - unless @procedure.locked?
      %a{ :href => "#{url_for admin_procedure_types_de_champ_private_path(@procedure)}", id: 'onglet-private-champs' }
-        .procedure_list_element{ class: ('active' if active == 'Champs privés') }
+        .procedure-list-element{ class: ('active' if active == 'Champs privés') }
          Champs privés

    %a{ :href => "#{url_for admin_procedure_mail_templates_path(@procedure)}", id: 'onglet-inemailsfos' }
-      .procedure_list_element{ class: ('active' if active == 'E-mails') }
+      .procedure-list-element{ class: ('active' if active == 'E-mails') }
        E-mails

    %a{ :href => "#{url_for admin_procedure_previsualisation_path(@procedure)}", id: 'onglet-preview' }
-      .procedure_list_element{ class: ('active' if active == 'Prévisualisation') }
+      .procedure-list-element{ class: ('active' if active == 'Prévisualisation') }
        Prévisualisation

  .split-hr-left
--- a/app/views/layouts/left_panels/_left_panel_backoffice_dossierscontroller_index.html.haml
+++ b/app/views/layouts/left_panels/_left_panel_backoffice_dossierscontroller_index.html.haml
@ -19,11 +19,11 @@

 %div#infos-block
  .split-hr-left
-  #procedure_list
+  #procedure-list
    - @facade_data_view.gestionnaire_procedures_name_and_id_list.each do |procedure|

      = link_to backoffice_dossiers_procedure_path(procedure[:id]), { title: procedure[:libelle] } do
-        .procedure_list_element{ class: ('active' if procedure[:id] == @facade_data_view.procedure.id rescue '') }
+        .procedure-list-element{ class: ('active' if procedure[:id] == @facade_data_view.procedure.id rescue '') }
          = truncate(procedure[:libelle], length: 50)
          - total_new = @facade_data_view.new_dossier_number procedure[:id]
          - if total_new > 0
@ -32,7 +32,7 @@
          - if procedure[:unread_notifications] > 0
            .badge.progress-bar-warning{ title: 'Notifications' }
              = procedure[:unread_notifications]
-  #notifications_list.hidden
+  #notifications-list.hidden
    - if @facade_data_view.dossiers_with_unread_notifications.empty?
      .no-notification Aucune notification pour le moment.
    - else
--- a/app/views/layouts/left_panels/_left_panel_cgucontroller_index.html.haml
+++ b/app/views/layouts/left_panels/_left_panel_cgucontroller_index.html.haml
@ -1,53 +1,53 @@
 %div#cgu_menu_block
-  #procedure_list{ style: 'margin-top: 0;' }
+  #procedure-list{ style: 'margin-top: 0;' }
    = link_to cgu_path(:anchor => "editeur") do
-      .procedure_list_element
+      .procedure-list-element
        Editeur

    = link_to cgu_path(:anchor => "ingenieurie_hebergement") do
-      .procedure_list_element
+      .procedure-list-element
        Ingénierie et hébergement informatique

    = link_to cgu_path(:anchor => "object_website") do
-      .procedure_list_element
+      .procedure-list-element
        Object du site internet

    = link_to cgu_path(:anchor => "acteurs") do
-      .procedure_list_element
+      .procedure-list-element
        Acteurs de TPS

    = link_to cgu_path(:anchor => "CNIL") do
-      .procedure_list_element
+      .procedure-list-element
        Déclaration CNIL

    = link_to cgu_path(:anchor => "data_collects") do
-      .procedure_list_element
+      .procedure-list-element
        Données collectées et responsabilité des organismes utilisateurs

    = link_to cgu_path(:anchor => "individual_data") do
-      .procedure_list_element
+      .procedure-list-element
        Traitement des données à caractère personnel

    = link_to cgu_path(:anchor => "entreprise_information") do
-      .procedure_list_element
+      .procedure-list-element
        Règles relatives aux informations sur les entreprises mises à disposibition

    = link_to cgu_path(:anchor => "reproduction") do
-      .procedure_list_element
+      .procedure-list-element
        Droit de reproduction

    = link_to cgu_path(:anchor => "propriete_intellectuelle") do
-      .procedure_list_element
+      .procedure-list-element
        Propriété intellectuelle

    = link_to cgu_path(:anchor => "navigateurs") do
-      .procedure_list_element
+      .procedure-list-element
        Logiciels nécessaires à la consultation

    = link_to cgu_path(:anchor => "conception") do
-      .procedure_list_element
+      .procedure-list-element
        Conception et Réalisation

-    .procedure_list_element
+    .procedure-list-element

-    .procedure_list_element
+    .procedure-list-element
--- a/app/views/layouts/left_panels/_left_panel_users_dossierscontroller_index.html.haml
+++ b/app/views/layouts/left_panels/_left_panel_users_dossierscontroller_index.html.haml
@ -9,34 +9,34 @@

 %div#menu-block
  .split-hr-left
-  #procedure_list
+  #procedure-list
    - unless current_user.dossiers.count == 0
      %a{ :href => "#{url_for users_dossiers_path(liste: 'brouillon')}", 'data-toggle' => :tooltip, title: 'Les dossiers jamais proposés à la relecture.' }
-        .procedure_list_element{ class: @dossiers_list_facade.brouillon_class, id: 'brouillon' }
+        .procedure-list-element{ class: @dossiers_list_facade.brouillon_class, id: 'brouillon' }
          Brouillons
          .badge.progress-bar-default
            = @dossiers_list_facade.brouillon_total

      %a{ :href => "#{url_for users_dossiers_path(liste: 'a_traiter')}", 'data-toggle' => :tooltip, title: 'Les dossiers qui requièrent une action de votre part.' }
-        .procedure_list_element{ class: @dossiers_list_facade.en_construction_class, id: 'a_traiter' }
+        .procedure-list-element{ class: @dossiers_list_facade.en_construction_class, id: 'a_traiter' }
          En construction
          .badge.progress-bar-danger
            = @dossiers_list_facade.en_construction_total

      %a{ :href => "#{url_for users_dossiers_path(liste: 'en_instruction')}", 'data-toggle' => :tooltip, title: 'Les dossiers en cours d\'examen par l\'administration compétante.' }
-        .procedure_list_element{ class: @dossiers_list_facade.en_instruction_class, id: 'en_instruction' }
+        .procedure-list-element{ class: @dossiers_list_facade.en_instruction_class, id: 'en_instruction' }
          En instruction
          .badge.progress-bar-default
            = @dossiers_list_facade.en_instruction_total

      %a{ :href => "#{url_for users_dossiers_path(liste: 'termine')}", 'data-toggle' => :tooltip, title: 'Les dossiers cloturés qui peuvent être "Accepté", "Refusé" ou "Sans suite".' }
-        .procedure_list_element{ class:  @dossiers_list_facade.termine_class, id: 'termine' }
+        .procedure-list-element{ class:  @dossiers_list_facade.termine_class, id: 'termine' }
          Terminé
          .badge.progress-bar-success
            = @dossiers_list_facade.termine_total

    %a{ :href => "#{url_for users_dossiers_path(liste: 'invite')}" }
-      .procedure_list_element{ class:  @dossiers_list_facade.invite_class, id: 'invite' }
+      .procedure-list-element{ class:  @dossiers_list_facade.invite_class, id: 'invite' }
        Invitation
        .badge.progress-bar-warning
          = @dossiers_list_facade.invite_total
--- a/app/views/layouts/left_panels/_search_area.html.haml
+++ b/app/views/layouts/left_panels/_search_area.html.haml
@ -1,7 +1,7 @@
-#search_area
+#search-area
  = form_tag(backoffice_dossiers_search_url, method: :get) do
    .input-group
      = text_field_tag('q', "#{@search_terms unless @search_terms.nil?}", id: 'q', placeholder: "Recherchez parmi tous vos dossiers", class: 'form-control')
      %span.input-group-btn
-        %button.btn.btn-default{ id: 'search_button' }
+        %button.btn.btn-default{ id: 'search-button' }
          %i.fa.fa-search
--- a/app/views/layouts/navbars/_navbar_backoffice_dossiers_procedurecontroller_index.html.haml
+++ b/app/views/layouts/navbars/_navbar_backoffice_dossiers_procedurecontroller_index.html.haml
@ -3,7 +3,7 @@
 .col-lg-3.col-md-3.col-sm-3.col-xs-3.options
  .row
    .col-lg-12.col-md-12.col-sm-12.col-xs-12
-      %a.button_navbar#pref_list_dossier_open_action{ href: '#', type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
+      %a.button-navbar#pref-list-dossier-open-action{ href: '#', type: :button, 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false }
        %i.fa.fa-pencil
        Modifier le tableau
      %span.caret-right
--- a/app/views/layouts/navbars/_navbar_log_options.html.haml
+++ b/app/views/layouts/navbars/_navbar_log_options.html.haml
@ -1,15 +1,15 @@
 - if user_signed_in?
-  #sign_out.col-xs-2.no-padding
+  #sign-out.col-xs-2.no-padding
    = render partial: 'users/login_banner'
    = render partial: 'layouts/credentials'
 - elsif gestionnaire_signed_in?
-  #sign_out.col-xs-2.no-padding
+  #sign-out.col-xs-2.no-padding
    = render partial: 'gestionnaires/login_banner'
    = render partial: 'layouts/credentials'
 - elsif administrateur_signed_in?
-  #sign_out.col-xs-2.no-padding
+  #sign-out.col-xs-2.no-padding
    = render partial: 'administrateurs/login_banner'
    = render partial: 'layouts/credentials'
 - else
-  #sign_in.col-xs-2
+  #sign-in.col-xs-2
    = link_to "Connexion", new_user_session_path, :class => 'btn btn-lg btn-primary'
--- a/app/views/root/landing.html.haml
+++ b/app/views/root/landing.html.haml
@ -16,7 +16,7 @@
        %p.mt-1 Vous êtes intéressés ?
        %p= link_to 'Programmer une démo', "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS", target: '_blank', class: 'btn btn-danger btn-lg'

-#landing_body.max-size
+#landing-body.max-size
  .row#etapes.center
    #create_1.col-lg-3.col-md-3.col-sm-3.col-xs-3
      %img{ src: image_url('etapes/create_1.png') }
@ -78,7 +78,7 @@

  .split-hr-left

-  #request_access.row.center
+  #request-access.row.center
    .col-xs-12.col-sm-12.col-md-12.col-lg-12
    %h3 Envie de commencer à créer votre démarche ?

--- a/app/views/users/carte/_map.html.haml
+++ b/app/views/users/carte/_map.html.haml
@ -1,4 +1,4 @@
-#carte_page.row
+#carte-page.row
  .col-md-12.col-lg-12#map{ class: dossier.procedure.module_api_carto.classes }

  - if dossier.procedure.module_api_carto.quartiers_prioritaires
--- a/app/views/users/carte/show.html.haml
+++ b/app/views/users/carte/show.html.haml
@ -1,4 +1,4 @@
-.row#carto_page
+.row#carto-page
  .col-lg-12.col-md-12.col-sm-12.col-xs-12
    %h2
      Localisation
@ -11,7 +11,7 @@
        %i.fa.fa-pencil
        Ajouter une zone

-      %span#search_by_address{ style: 'margin-left: 20px;' }
+      %span#search-by-address{ style: 'margin-left: 20px;' }
        %input.form-control{ type: :address, placeholder: 'Rechercher une adresse' }
      %br
      %br
--- a/app/views/users/description/_champs.html.haml
+++ b/app/views/users/description/_champs.html.haml
@ -7,7 +7,7 @@
    = render partial: render_partial_url, locals: { libelle: 'Dossier', order_place: -1, champs: @champs }
  - @headers.each do |header|
    .row
-      %div{ class: "type_champ-#{header.type_champ}" }
+      %div{ class: "type-champ-#{header.type_champ.gsub('_', '-')}" }
        = render partial: render_partial_url, locals: { libelle: header.libelle, order_place: header.order_place, champs: @champs }
 - else
  .row
--- a/app/views/users/description/_show.html.haml
+++ b/app/views/users/description/_show.html.haml
@ -1,4 +1,4 @@
-.container#description_page
+.container#description-page
  - unless @dossier.procedure.lien_notice.blank?
    #lien_notice_panel.row{ style: 'width: 280px; position: fixed; background-color: white; right: 5%; top: 80px; z-index: 200;' }
      .panel.panel-info{ style: 'margin-bottom: 0;' }
@ -17,7 +17,7 @@
  -# TODO use form_for
  = form_tag(url_for({ controller: 'users/description', action: :update, dossier_id: @dossier.id }), class: 'form', method: 'POST', multipart: true) do
    - unless @champs.nil?
-      #liste_champs
+      #liste-champs
        = render partial: 'users/description/champs', locals: { private: false }

    - if !@procedure.lien_demarche.blank? || @procedure.cerfa_flag || @dossier.types_de_piece_justificative.size > 0
--- a/app/views/users/description/champs/_header_section.html.haml
+++ b/app/views/users/description/champs/_header_section.html.haml
@ -1,4 +1,4 @@
-.default_data_block.default_visible
+.default-data-block.default_visible
  .row.show-block.infos
    .header
      .col-xs-12.title
--- a/app/views/users/dossiers/_list.html.haml
+++ b/app/views/users/dossiers/_list.html.haml
@ -1,5 +1,5 @@
 - unless smart_listing.empty?
-  %table#dossiers_list.table
+  %table#dossiers-list.table
    %thead
      %th#sort-id.col-md-1.col-lg-1.col-sm-1.col-xs-1= smart_listing.sortable 'Numéro', 'id'
      %th#sort-libelle.col-xs-5= smart_listing.sortable 'Procédure', 'procedure.libelle'
--- a/app/views/users/dossiers/add_siret/show.html.haml
+++ b/app/views/users/dossiers/add_siret/show.html.haml
@ -1,2 +1,2 @@
-.row.etape.etape_2
+.row.etape.etape-2
  = render partial: 'dossiers/etapes/etape_2/entreprise'
--- a/app/views/users/dossiers/index.html.haml
+++ b/app/views/users/dossiers/index.html.haml
@ -1,5 +1,5 @@
-#users_index
-  .default_data_block.default_visible
+#users-index
+  .default-data-block.default_visible
    .row.show-block#new_dossiers
      .header
        .col-lg-10.col-md-10.col-sm-10.col-xs-10.title
--- a/app/views/users/passwords/edit.html.haml
+++ b/app/views/users/passwords/edit.html.haml
@ -28,7 +28,7 @@

 = devise_error_messages!

-#form_login
+#form-login
  .flag
    = image_tag(image_url(LOGO_NAME))
  %br
@ -36,7 +36,7 @@

  %br
  %br
-  #new_user
+  #new-user
    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
      = f.hidden_field :reset_password_token
      %h4
--- a/app/views/users/passwords/new.html.haml
+++ b/app/views/users/passwords/new.html.haml
@ -29,7 +29,7 @@
 = devise_error_messages!

 %br
-#form_login
+#form-login
  .flag
    = image_tag(image_url(LOGO_NAME))
  %br
@ -37,7 +37,7 @@

  %br
  %br
-  #new_user
+  #new-user
    = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
      %h4
        = f.label :email
--- a/app/views/users/recapitulatif/_modal_upload_pj.html.haml
+++ b/app/views/users/recapitulatif/_modal_upload_pj.html.haml
@ -1,4 +1,4 @@
-#UploadPJmodal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
+#upload-pj-modal.modal.fade{ "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1" }
  .modal-dialog{ :role => "document" }
    .modal-content
      - @dossier = @facade.dossier
--- a/app/views/users/recapitulatif/show.html.haml
+++ b/app/views/users/recapitulatif/show.html.haml
@ -1,2 +1,2 @@
-.col-lg-12.col-md-12.col-sm-12.col-xs-12#users_recapitulatif_dossier_show
+.col-lg-12.col-md-12.col-sm-12.col-xs-12#users-recapitulatif-dossier-show
  = render partial: "dossiers/dossier_show"
--- a/app/views/users/registrations/new.html.haml
+++ b/app/views/users/registrations/new.html.haml
@ -28,7 +28,7 @@

 = devise_error_messages!

-#form_login
+#form-login
  %br
  .flag
    = image_tag(image_url(LOGO_NAME))
@ -37,7 +37,7 @@

  %br
  %br
-  #new_user
+  #new-user
    = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
      %h4
        = f.label :email
--- a/app/views/users/sessions/_resume_procedure.html.haml
+++ b/app/views/users/sessions/_resume_procedure.html.haml
@ -10,7 +10,7 @@
      #logo_procedure.flag
        = image_tag( @dossier.procedure.decorate.logo_img )

-      %h2#titre_procedure.text-info
+      %h2#titre-procedure.text-info
        = @dossier.procedure.libelle
      %p.procedure-description
        = h @dossier.procedure.description.html_safe
--- a/app/views/users/sessions/new.html.haml
+++ b/app/views/users/sessions/new.html.haml
@ -1,11 +1,11 @@
-#form_login.user_connexion_page
+#form-login.user_connexion_page
  %br
  = render partial: 'users/sessions/resume_procedure'

-  %h2#login_user
+  %h2#login-user
    = t('dynamics.users.connexion_title')

-  %a.btn_fc#btn_fcp{ href: '/france_connect/particulier' }
+  %a.btn-fc#btn-fcp{ href: '/france_connect/particulier' }
    = image_tag 'franceconnect_logo.png'

  %br
@ -15,13 +15,14 @@
  %hr

  .text-left
-    = simple_form_for @user, url: user_session_path do |f|
-      = f.input :email
-      = f.input :password, label: 'Mot de passe', input_html: { value: @user.password }
-      - if devise_mapping.rememberable?
-        = f.input :remember_me, as: :boolean, label: 'Se souvenir de moi'
-      .text-center
-        = f.submit "Se connecter", class: 'btn btn-primary'
+    #new-user
+      = simple_form_for @user, url: user_session_path do |f|
+        = f.input :email
+        = f.input :password, label: 'Mot de passe', input_html: { value: @user.password }
+        - if devise_mapping.rememberable?
+          = f.input :remember_me, as: :boolean, label: 'Se souvenir de moi'
+        .text-center
+          = f.submit "Se connecter", class: 'btn btn-primary'

  - if @user.email != DemoEmails[:gestionnaire] && @user.email != DemoEmails[:admin]
    = render "users/shared/links"
--- a/app/views/users/siret/_pro.html.haml
+++ b/app/views/users/siret/_pro.html.haml
@ -2,7 +2,7 @@
  .flag
    = image_tag(image_url(LOGO_NAME))
  %br
-  %h2#titre_procedure.text-info
+  %h2#titre-procedure.text-info
    = @procedure.libelle

  %p
--- a/app/views/users/siret/index.html.haml
+++ b/app/views/users/siret/index.html.haml
@ -1,3 +1,3 @@
-.container.center#users_siret_index
+.container.center#users-siret-index
  .row
    = render partial: 'pro'