Merge branch 'develop' into remove_cerfa_text

2017-02-14 17:59:41 +01:00 · 2017-02-14 17:59:41 +01:00 · c0ae500aa3
commit c0ae500aa3
parent 3b827fa5e3 9986ab1f01
46 changed files with 207 additions and 255 deletions
--- a/.byebug_history
+++ b/.byebug_history
@ -1,4 +0,0 @@
-exit
-xit
-xtei
-cniuecniu
--- a/3
+++ b/3
@ -119,11 +119,8 @@ end

 group :development do
  # Access an IRB console on exception pages or by using <%= console %> in views
-
  gem 'web-console'
-
  gem 'rack-handlers'
-
  gem 'xray-rails'
 end

--- a/app/assets/javascripts/bootstrap_wysihtml5.js
+++ b/app/assets/javascripts/bootstrap_wysihtml5.js
@ -3,6 +3,6 @@ $(document).on('page:load', wysihtml5_active);

 function wysihtml5_active (){
    $('.wysihtml5').each(function(i, elem) {
-        $(elem).wysihtml5({ toolbar:{ "fa": true, "link": false, "color": true }, "locale": "fr-FR" });
+        $(elem).wysihtml5({ toolbar:{ "fa": true, "link": false, "color": false }, "locale": "fr-FR" });
    });
-}
+}
--- a/app/assets/javascripts/description.js
+++ b/app/assets/javascripts/description.js
@ -18,14 +18,6 @@ function action_type_de_champs() {
        toggleErrorClass(this, validatePhone(val));
    });

-    $("#liste_champs input").on('focus', function () {
-        $("#description_" + this.id).slideDown();
-    });
-
-    $("#liste_champs input").on('blur', function () {
-        $("#description_" + this.id).slideUp();
-    });
-
    address_type_init();
 }

--- a/app/assets/stylesheets/_variables.scss
+++ b/app/assets/stylesheets/_variables.scss
@ -0,0 +1 @@
+$font-size-base: 16px;
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@ -20,6 +20,7 @@
 *= require franceconnect
 *= require bootstrap-wysihtml5
 */
+@import "variables";
@import "bootstrap-sprockets";
@import "bootstrap";

@ -143,10 +144,6 @@ textarea#description {
  max-width: 27px;
 }

-label {
-  font-weight: normal;
-}
-
 div.pagination {
  padding-top: 20px;
  display: block;
--- a/app/assets/stylesheets/description.scss
+++ b/app/assets/stylesheets/description.scss
@ -7,9 +7,7 @@
    .show-block {
      width: 90%;
      .body{
-        padding-left: 35px;
-        padding-right: 35px;
-        padding-bottom: 35px;
+        padding: 15px;
      }
    }
  }
@ -134,10 +132,3 @@
    width: 160px;
  }
 }
-
-.description_div {
-  margin-top: 5px;
-  margin-left: 5px;
-  color: dimgrey;
-  display: none;
-}
--- a/app/assets/stylesheets/dossier_show.scss
+++ b/app/assets/stylesheets/dossier_show.scss
@ -30,18 +30,6 @@
        color: #000000;
        margin-bottom: 10px;
      }
-      .new-action {
-        background-color: #E45B51;
-        text-align: center;
-        cursor: pointer;
-        color: #FFFFFF;
-        width: 253px;
-        height: 40px;
-        line-height: 40px;
-        font-family: Arial;
-        font-size: 16px;
-        font-weight: bold;
-      }
      .file {
        padding-right: 70px;
        text-align: center;
@ -59,20 +47,7 @@
      border-bottom: 1px solid #979797;
    }
    #new-commentaire {
-      padding: 35px;
-      .btn-send {
-        background-color: #E45B51;
-        text-align: center;
-        color: #FFFFFF;
-        width: 150px;
-        height: 40px;
-        line-height: 28px;
-        font-family: Arial;
-        font-size: 16px;
-        font-weight: bold;
-        float: right;
-        border-radius: 0;
-      }
+      padding: 15px;
    }
  }
  .infos {
--- a/app/assets/stylesheets/typeahead.scss
+++ b/app/assets/stylesheets/typeahead.scss
@ -1,3 +1,6 @@
+.twitter-typeahead {
+    width: 100%; // http://stackoverflow.com/questions/17957513/extending-the-width-of-bootstrap-typeahead-to-match-input-field
+}

 .tt-menu {
  padding: 8px 0;
--- a/app/decorators/champ_decorator.rb
+++ b/app/decorators/champ_decorator.rb
@ -7,4 +7,9 @@ class ChampDecorator < Draper::Decorator
    end
    object.value
  end
-end
+
+  def description_with_links
+    description.gsub(URI.regexp, '<a target="_blank" href="\0">\0</a>').html_safe if description
+  end
+
+end
--- a/app/decorators/type_de_champ_decorator.rb
+++ b/app/decorators/type_de_champ_decorator.rb
@ -39,4 +39,4 @@ class TypeDeChampDecorator < Draper::Decorator
      @count_type_de_champ ||= procedure.types_de_champ.count
    end
  end
-end
+end
--- a/app/views/admin/accompagnateurs/_list_not_assign.html.haml
+++ b/app/views/admin/accompagnateurs/_list_not_assign.html.haml
@ -14,7 +14,7 @@

    - @accompagnateurs_not_assign.each do |accompagnateur|
      %tr
-        %td.col-md-11.col-sm-11.col-xs-11.col-lg-11{style:'padding-top: 11px; font-size:15px'}= accompagnateur.email
+        %td.col-xs-11{style:'padding-top: 11px; font-size:15px'}= accompagnateur.email
        %td.center
          %a.btn.btn-success.gestionnaire-affectation{href: "#{admin_procedure_accompagnateurs_path(procedure_id: @procedure.id, accompagnateur_id: accompagnateur.id, to: AccompagnateurService::ASSIGN)}", 'data-method' => 'put'}
            .fa.fa-arrow-right
--- a/app/views/admin/accompagnateurs/show.html.haml
+++ b/app/views/admin/accompagnateurs/show.html.haml
@ -1,7 +1,7 @@
 .row.white-back
  #accompagnateur_form
    .row
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6
+      .col-xs-6
        %h3.text-info Disponibles
        = smart_listing_render :accompagnateurs_not_assign

@ -11,13 +11,13 @@
        #procedure_new.section.section-label
          = form_for @gestionnaire, url: {controller: 'admin/gestionnaires', action: :create} do |f|
            .row
-              .col-md-5.col-sm-5.col-xs-5.col-lg-5
+              .col-xs-5
                = hidden_field_tag :procedure_id, params[:procedure_id]
                =render partial: 'admin/gestionnaires/informations', locals: {f: f}
-              .col-md-2.col-sm-2.col-xs-2.col-lg-2
+              .col-xs-2
                %br
                %br
                = f.submit 'Valider', class: 'btn btn-info', style: 'float:left', id: 'add-gestionnaire-email'
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6
+      .col-xs-6
        %h3.text-success Affectés
        = smart_listing_render :accompagnateurs_assign
--- a/app/views/admin/gestionnaires/index.html.haml
+++ b/app/views/admin/gestionnaires/index.html.haml
@ -2,18 +2,18 @@
 %br

 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
    = smart_listing_render :gestionnaires
-  .col-md-1.col-lg-1.col-sm-1.col-xs-1.col-sm-1.col-xs-1
+  .col-xs-1
    &nbsp;
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    %h3 Ajouter un accompagnateur
    #procedure_new.section.section-label
      = form_for @gestionnaire, url: {controller: 'admin/gestionnaires', action: :create} do |f|
        .row
-          .col-md-5.col-sm-5.col-xs-5.col-lg-5
+          .col-xs-5
            = render partial: 'informations', locals: {f: f}
-          .col-md-2.col-sm-2.col-xs-2.col-lg-2
+          .col-xs-2
            %br
            %br
            = f.submit 'Valider', class: 'btn btn-info', style: 'float:left'
--- a/app/views/admin/procedures/_informations.html.haml
+++ b/app/views/admin/procedures/_informations.html.haml
@ -12,7 +12,7 @@
      = f.text_field key, class: 'form-control', placeholder: value

 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    %h4 Logo de la procédure
    - unless @procedure.logo.blank?
      = image_tag @procedure.decorate.logo_img, {style: 'height: 40px; display: inline; margin-right: 6px', id: 'preview_procedure_logo'}
@ -21,7 +21,7 @@
    %div{style:'margin-top:5px'}
      %i
        Fichier accepté : JPG / JPEG / PNG
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    %h4 Drapeau européen
    %label
      =f.check_box :euro_flag
@ -30,7 +30,7 @@
 %br

 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    %h4 Cartographie

    = f.fields_for :module_api_carto, @procedure.module_api_carto do |ff|
@ -48,7 +48,7 @@
            = ff.check_box :cadastre
            Cadastre

-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    - if @procedure.cerfa_flag
      %h4 Formulaire de demande ou CERFA
      %label
@ -56,9 +56,10 @@
        Activer l'envoi de formulaire de demande ou CERFA
      %br
      =f.text_field :lien_demarche, class: 'form-control', placeholder: 'URL vers le formulaire vierge (facultatif)'
+
 %br
 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
    %h4 Particuliers
    %div
      %label
--- a/app/views/admin/procedures/_list.html.haml
+++ b/app/views/admin/procedures/_list.html.haml
@ -12,7 +12,7 @@
      - procedure = procedure.decorate
      %tr{id: "tr_dossier_#{procedure.id}", 'data-dossier_url' => admin_procedure_path(id: procedure.id)}
        %td= procedure.id
-        %td.col-md-6.col-sm-6.col-xs-6.col-lg-6
+        %td.col-xs-6
          = procedure.libelle
        - if @active_class
          %td= link_to procedure.lien, procedure.lien, class: 'procedure-lien', 'data-method' => :get
--- a/app/views/admin/procedures/show.html.haml
+++ b/app/views/admin/procedures/show.html.haml
@ -96,7 +96,7 @@
      =t('dynamics.admin.procedure.stats.title')

    .row
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6{style:'margin-left:3%'}
+      .col-xs-6{style:'margin-left:3%'}
        %h4 Total
        %div
          = @facade.dossiers_total
@ -126,7 +126,7 @@
          %p
            0

-      .col-md-5.col-sm-5.col-xs-5.col-lg-5
+      .col-xs-5
        %h4 Non archivés
        = javascript_include_tag "https://code.highcharts.com/highcharts.js", "chartkick"
        - if @facade.dossiers_for_pie_highchart.blank?
--- a/app/views/administrations/_list.html.haml
+++ b/app/views/administrations/_list.html.haml
@ -1,10 +1,10 @@
 - unless smart_listing.empty?
  %table.table
    %thead
-      %th.col-md-4.col-sm-4.col-xs-4.col-lg-4= smart_listing.sortable 'Email', :email
-      %th.col-md-4.col-sm-4.col-xs-4.col-lg-4= smart_listing.sortable 'Date de dernière connexion', :last_sign_in_at
-      %th.col-md-2.col-sm-2.col-xs-2.col-lg-2 Procédure active
-      %th.col-md-2.col-sm-2.col-xs-2.col-lg-2 Dossier en cours
+      %th.col-xs-4= smart_listing.sortable 'Email', :email
+      %th.col-xs-4= smart_listing.sortable 'Date de dernière connexion', :last_sign_in_at
+      %th.col-xs-2 Procédure active
+      %th.col-xs-2 Dossier en cours

    - @admins.each do |admin|
      %tr
--- a/app/views/backoffice/dossiers/_followers.html.haml
+++ b/app/views/backoffice/dossiers/_followers.html.haml
@ -3,7 +3,7 @@

 %br
 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
    - if @facade.followers.size > 0
      %ul
        - @facade.followers.each do |follower|
--- a/app/views/backoffice/dossiers/_pref_list.html.haml
+++ b/app/views/backoffice/dossiers/_pref_list.html.haml
@ -27,7 +27,7 @@
    - if index%2 == 0 || tables.first.to_s.include?('champs')
      %tr

-    %td.col-sm-5.col-md-5.col-sm-5.col-xs-5.col-lg-5{style: 'vertical-align: top', colspan: (tables.first == :champs ? 2 : 1)}
+    %td.col-xs-5{style: 'vertical-align: top', colspan: (tables.first == :champs ? 2 : 1)}
      %h5= tables.first.to_s.gsub('_', ' ').capitalize
      %ul
        - if tables.second
--- a/app/views/backoffice/dossiers/_state_description.html.haml
+++ b/app/views/backoffice/dossiers/_state_description.html.haml
@ -4,7 +4,7 @@
      .row
        .col-md-1.col-lg-1.col-sm-1.col-xs-1.col-sm-1.col-xs-1
          .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-        .col-md-11.col-sm-11.col-xs-11.col-lg-11
+        .col-xs-11
          -if dossiers_list_facade.liste == 'nouveaux'
            Tous les dossiers présents dans cette liste sont ceux qui
            %b
--- a/app/views/demo/_list.html.haml
+++ b/app/views/demo/_list.html.haml
@ -14,11 +14,11 @@
      %tr
        %td
          = procedure.id
-        %td.col-md-4.col-sm-4.col-xs-4.col-lg-4
+        %td.col-xs-4
          = link_to procedure.libelle, procedure.lien
        %td
          = procedure.description
-        %td.col-md-3.col-sm-3.col-xs-3.col-lg-3
+        %td.col-xs-3
          = procedure.organisation

  = smart_listing.paginate
--- a/app/views/dossiers/_infos_carto.html.haml
+++ b/app/views/dossiers/_infos_carto.html.haml
@ -1,5 +1,5 @@
 .row
-  .col-md-12.col-sm-12.col-xs-12.col-lg-12
+  .col-xs-12
    #map.mini{class: @facade.dossier.procedure.module_api_carto.classes}

    %input{id: 'json_latlngs', type:'hidden', value: "#{@facade.dossier.json_latlngs}"}
--- a/app/views/dossiers/_infos_dossier.html.haml
+++ b/app/views/dossiers/_infos_dossier.html.haml
@ -2,40 +2,40 @@
  .col-lg-12.col-md-12.col-sm-12.col-xs-12
    - if @facade.procedure.for_individual?
      .row.title-row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.dossier-title= t('utils.depositaire').upcase
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
+        %div.col-xs-4.split-hr
+        %div.col-xs-4.dossier-title= t('utils.depositaire').upcase
+        %div.col-xs-4.split-hr
      .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Civilité
+        %div.col-xs-6.depositaire-label Civilité
        %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.gender
+        %div.col-xs-5.depositaire-info= @facade.individual.gender
      .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Nom
+        %div.col-xs-6.depositaire-label Nom
        %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.nom
+        %div.col-xs-5.depositaire-info= @facade.individual.nom
      .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Prénom
+        %div.col-xs-6.depositaire-label Prénom
        %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info= @facade.individual.prenom
+        %div.col-xs-5.despositaire-info= @facade.individual.prenom
      .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Date de naissance
+        %div.col-xs-6.depositaire-label Date de naissance
        %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.birthdate
+        %div.col-xs-5.depositaire-info= @facade.individual.birthdate
      .row.margin-top-20

    - unless @facade.champs.nil?
      - @facade.champs.each do |champ|
        - if champ.type_champ == 'header_section'
          .row.title-row.margin-top-40
-            %div.col-md-3.col-sm-3.col-xs-3.col-lg-3.split-hr
-            %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.dossier-title= champ.libelle.upcase
-            %div.col-md-3.col-sm-3.col-xs-3.col-lg-3.split-hr
+            %div.col-xs-3.split-hr
+            %div.col-xs-6.dossier-title= champ.libelle.upcase
+            %div.col-xs-3.split-hr
        - else
          .row
-            %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= champ.libelle
+            %div.col-xs-6.depositaire-label= champ.libelle
            %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off
              = "-"
-            %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info{ id: "champ-#{champ.id}-value" }
+            %div.col-xs-5.depositaire-info{ id: "champ-#{champ.id}-value" }
              - unless champ.decorate.value.blank?
                = champ.decorate.value.html_safe

@ -50,18 +50,18 @@
  - if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.count > 0
    .col-lg-12.col-md-12.col-sm-12.col-xs-12
      .row.title-row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.dossier-title= t('utils.pieces').upcase
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
+        %div.col-xs-4.split-hr
+        %div.col-xs-4.dossier-title= t('utils.pieces').upcase
+        %div.col-xs-4.split-hr

  .col-lg-12.col-md-12.col-sm-12.col-xs-12#pieces_justificatives.margin-bot-40
    .row
      - if @facade.procedure.cerfa_flag?
-        .col-md-12.col-sm-12.col-xs-12.col-lg-12#piece_justificative_0
+        .col-xs-12#piece_justificative_0
          .row.piece-row
-            .col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= 'Formulaire'
+            .col-xs-6.depositaire-label= 'Formulaire'
            .col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-            .col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info
+            .col-xs-5.despositaire-info
              - if @facade.dossier.cerfa_available?
                %a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
                %span{style:'margin-left:12px'}
@ -71,14 +71,14 @@
              - else
                = 'Pièce non fournie'
    .row
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12
+      .col-xs-12
        - @facade.types_de_pieces_justificatives.each do |type_de_piece_justificative|
          .row.piece-row
-            .col-md-12.col-sm-12.col-xs-12.col-lg-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
+            .col-xs-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
              .row
-                %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= type_de_piece_justificative.libelle
+                %div.col-xs-6.depositaire-label= type_de_piece_justificative.libelle
                %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-                %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info
+                %div.col-xs-5.despositaire-info
                  - if type_de_piece_justificative.api_entreprise
                    %span.text-success Nous l'avons récupéré pour vous.
                  - elsif !(@pj = @facade.dossier.retrieve_last_piece_justificative_by_type(type_de_piece_justificative.id)).nil?
--- a/app/views/dossiers/_infos_entreprise.html.haml
+++ b/app/views/dossiers/_infos_entreprise.html.haml
@ -2,51 +2,51 @@
  %h4
    = @facade.entreprise.raison_sociale_or_name
  .row.split-row
-    %div.col-md-12.col-sm-12.col-xs-12.col-lg-12.split-hr
+    %div.col-xs-12.split-hr
 %div.row
-  .col-lg-12.col-md-12.col-sm-12.col-xs-12
+  .col-xs-12

    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Siret :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.siret
+      %div.col-xs-4.entreprise-label Siret :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.siret
    - if @facade.etablissement.siret != @facade.entreprise.siret_siege_social
      .row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label SIRET siège social :
-        %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.siret_siege_social
+        %div.col-xs-4.entreprise-label SIRET siège social :
+        %div.col-xs-8.entreprise-info= @facade.entreprise.siret_siege_social
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Forme juridique :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.forme_juridique
+      %div.col-xs-4.entreprise-label Forme juridique :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.forme_juridique
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Libellé naf :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.libelle_naf
+      %div.col-xs-4.entreprise-label Libellé naf :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.libelle_naf
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Code naf :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.naf
+      %div.col-xs-4.entreprise-label Code naf :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.naf
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Date de création :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= Time.at(@facade.entreprise.date_creation).strftime "%d-%m-%Y"
+      %div.col-xs-4.entreprise-label Date de création :
+      %div.col-xs-8.entreprise-info= Time.at(@facade.entreprise.date_creation).strftime "%d-%m-%Y"
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Effectif organisation :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.effectif
+      %div.col-xs-4.entreprise-label Effectif organisation :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.effectif
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Code effectif :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.code_effectif_entreprise
+      %div.col-xs-4.entreprise-label Code effectif :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.code_effectif_entreprise
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Numéro TVA intracommunautaire :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.numero_tva_intracommunautaire
+      %div.col-xs-4.entreprise-label Numéro TVA intracommunautaire :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.numero_tva_intracommunautaire

    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Adresse :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info
+      %div.col-xs-4.entreprise-label Adresse :
+      %div.col-xs-8.entreprise-info
        - @facade.etablissement.adresse.split("\n").each do |line|
          = line
    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Capital social :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.pretty_capital_social
+      %div.col-xs-4.entreprise-label Capital social :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.pretty_capital_social

    .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Exercices :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info
+      %div.col-xs-4.entreprise-label Exercices :
+      %div.col-xs-8.entreprise-info
        - @facade.etablissement.exercices.each_with_index do |exercice, index|
          %strong
            = "#{exercice.dateFinExercice.year} : "
@ -54,7 +54,7 @@
          %br

    .row.split-row
-      %div.col-md-12.col-sm-12.col-xs-12.col-lg-12.split-hr
+      %div.col-xs-12.split-hr
 - unless @facade.entreprise.rna_information.nil?
  = render partial: '/dossiers/infos_rna'

--- a/app/views/dossiers/_infos_pieces_jointes.html.haml
+++ b/app/views/dossiers/_infos_pieces_jointes.html.haml
@ -1,11 +1,11 @@
 #pieces_justificatives
  .row
    - if @facade.procedure.cerfa_flag?
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12#piece_justificative_0
+      .col-xs-12#piece_justificative_0
        .row.piece-row
-          .col-md-6.col-sm-6.col-xs-6.col-lg-6.piece-label= 'Formulaire'
+          .col-xs-6.piece-label= 'Formulaire'
          .col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-          .col-md-5.col-sm-5.col-xs-5.col-lg-5
+          .col-xs-5
            - if @facade.dossier.cerfa_available?
              %a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
              %span{style:'margin-left:12px'}
@ -20,13 +20,13 @@
              = 'Pièce non fournie'

  .row
-    .col-md-12.col-sm-12.col-xs-12.col-lg-12
+    .col-xs-12
      - @facade.dossier.types_de_piece_justificative.order('order_place ASC').each do |type_de_piece_justificative|
        .row.piece-row
-          .col-md-12.col-sm-12.col-xs-12.col-lg-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
+          .col-xs-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
            .row
-              .col-md-6.col-sm-6.col-xs-6.col-lg-6= type_de_piece_justificative.libelle
-              .col-md-6.col-sm-6.col-xs-6.col-lg-6
+              .col-xs-6= type_de_piece_justificative.libelle
+              .col-xs-6
                - if type_de_piece_justificative.api_entreprise
                  %span.text-success Nous l'avons récupéré pour vous.
                - elsif !(@pj = @facade.dossier.retrieve_last_piece_justificative_by_type(type_de_piece_justificative.id)).nil?
--- a/app/views/dossiers/_infos_private_fields.html.haml
+++ b/app/views/dossiers/_infos_private_fields.html.haml
@ -1,5 +1,5 @@
 .row{style: 'margin-top: -20px'}
-  .col-md-12.col-sm-12.col-xs-12.col-lg-12
+  .col-xs-12
    = form_for @facade.dossier, url: {controller: 'backoffice/private_formulaires', action: :update, dossier_id: @facade.dossier.id}, remote: true do
      = render partial: '/users/description/champs', locals:{private: true}
      .row.center
--- a/app/views/dossiers/_invites.html.haml
+++ b/app/views/dossiers/_invites.html.haml
@ -2,7 +2,7 @@

 %br
 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
    - if @facade.invites.size > 0
      %ul
        - @facade.invites.each do |invite|
@ -11,7 +11,7 @@
    - else
      Aucune personne invitée

-  .col-md-3.col-sm-3.col-xs-3.col-lg-3
+  .col-xs-3
    = form_tag invites_dossier_path(dossier_id: @facade.dossier.id), method: :post, class: 'form-inline' do
      = text_field_tag :email, '', class: 'form-control', placeholder: 'Envoyer une invitation'
      = submit_tag 'Ajouter', class: 'btn btn-success', id: 'send-invitation'
--- a/app/views/dossiers/_messagerie.html.haml
+++ b/app/views/dossiers/_messagerie.html.haml
@ -25,5 +25,5 @@
          DERNIER MESSAGE
          = render partial: 'dossiers/commentaires/commentaire', object: last_comment

-      #open-message.new-action
+      %button#open-message.new-action.btn.btn-danger
        ENVOYER UN MESSAGE
--- a/app/views/dossiers/commentaires/_form.html.haml
+++ b/app/views/dossiers/commentaires/_form.html.haml
@ -7,5 +7,5 @@
      %h4.text-primary{style: 'margin-top: 0px'} Ajouter un fichier
      = file_field_tag "piece_justificative[content]", accept:  PieceJustificative.accept_format, style: 'float: left; margin-left: 20px'

-    .col-md-6
-      %input#save-message.form-control.btn.btn-send{ type: 'submit', value: 'ENVOYER' }
+    .col-md-6.text-right
+      %input#save-message.form-control.btn.btn-danger{ type: 'submit', value: 'ENVOYER' }
--- a/app/views/dossiers/etapes/_etape1.html.haml
+++ b/app/views/dossiers/etapes/_etape1.html.haml
@ -1,4 +1,4 @@
-.col-md-3.col-sm-3.col-xs-3.col-lg-3.center
+.col-xs-3.center
  %h3 Ma procédure

  #logos.center{class: (@facade.entreprise.nil? ? '' : 'mask')}
@ -9,9 +9,9 @@
    #logo_procedure.flag
      =image_tag( @facade.procedure.decorate.logo_img )

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

--- a/app/views/dossiers/etapes/_etape3.html.haml
+++ b/app/views/dossiers/etapes/_etape3.html.haml
@ -1,6 +1,6 @@
-.etape.etapes_menu.col-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
  %h3
    Ma zone d'intervention

-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-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-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
  %h3
    Mon dossier

-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-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-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
  %h3
    Mes informations
  %br
@ -12,7 +12,7 @@
        = f.submit 'Changer de SIRET', class: %w(btn btn-xs btn-primary)


-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
  .row
    - if @facade.entreprise.nil?
      #new_siret{style:'margin-left: 20%; margin-top: 5%'}
--- a/app/views/dossiers/etapes/etape_2/_individual.html.haml
+++ b/app/views/dossiers/etapes/etape_2/_individual.html.haml
@ -1,14 +1,14 @@
-.col-md-3.col-sm-3.col-xs-3.col-lg-3.center
+.col-xs-3.center
  %h3 Mes informations
  %p
    Les informations de bases
    %br
    vous concernant.

-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
  = form_for @facade.dossier, url: { controller: '/users/dossiers', action: :update } do |f|
    .row
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12.padding-left-30
+      .col-xs-12.padding-left-30
        = f.hidden_field :id

        = f.fields_for :individual, @facade.individual do |ff|
@ -40,7 +40,7 @@
            Vos informations personnelles ne seront jamais utilisées dans un but lucratif ou commercial. Elles ne pourront être communiquées à de tiers personnes sans votre accord préalable. Elles pourront en revanche être communiquées aux administrations compétentes afin d'instruire votre dossier, conformément à la déclaration CNIL effectué par le service TPS.
            =link_to 'en savoir plus', cgu_path, target: '_blank'
    .row
-      .col-md-5.col-sm-5.col-xs-5.col-lg-5.col-xs-5
-      .col-md-2.col-sm-2.col-xs-2.col-lg-2.col-xs-2
+      .col-xs-5.col-xs-5
+      .col-xs-2.col-xs-2
        = f.submit 'Etape suivante', class: "action", id: 'etape_suivante'
-      .col-md-5.col-sm-5.col-xs-5.col-lg-5.col-xs-5
+      .col-xs-5.col-xs-5
--- a/app/views/layouts/_support_navigator_banner.html.haml
+++ b/app/views/layouts/_support_navigator_banner.html.haml
@ -1,6 +1,6 @@
 - unless BrowserService.recommended_browser?
  #support_navigator_banner.row
-    .col-md-12.col-sm-12.col-xs-12.col-lg-12
+    .col-xs-12
      = BROWSER.value.name
      = BROWSER.value.version
      \-
--- a/app/views/users/description/_show.html.haml
+++ b/app/views/users/description/_show.html.haml
@ -6,7 +6,7 @@
          .row
            .col-md-1.col-lg-1.col-sm-1.col-xs-1
              .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-            .col-md-10.col-sm-10.col-xs-10.col-lg-10{style:'padding-right: 0px'}
+            .col-xs-10{style:'padding-right: 0px'}
              %b
                =link_to 'Accéder au guide', @dossier.procedure.lien_notice, {target: '_blank'}
              pour remplir pour votre dossier
@ -15,7 +15,7 @@
    = @dossier.procedure.libelle

  -#TODO use form_for
-  = form_tag(url_for({controller: 'users/description', action: :create, dossier_id: @dossier.id}), class: 'form-inline', method: 'POST', multipart: true) do
+  = form_tag(url_for({controller: 'users/description', action: :create, dossier_id: @dossier.id}), class: 'form', method: 'POST', multipart: true) do
    -unless @champs.nil?
      #liste_champs
        =render partial: 'users/description/champs', locals:{private: false}
@ -36,7 +36,7 @@
          .row
            .col-md-1.col-lg-1.col-sm-1.col-xs-1
              .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-            .col-md-11.col-sm-11.col-xs-11.col-lg-11
+            .col-xs-11
              Les documents administratifs ne sont pas indispensables afin d'initier votre dossier.
              Vous pourrez dans tous les cas les compléter plus tard si vous ne les possédez pas de suite.

--- a/app/views/users/description/champs/_checkbox.html.haml
+++ b/app/views/users/description/champs/_checkbox.html.haml
@ -1,6 +1,2 @@
-%h4{style:'margin-left:15px;'}
-  = champ.libelle
-  - if champ.mandatory?
-    = '*'
-  %input{type: 'hidden', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", value: ''}
-  %input{type: 'checkbox', style:'margin-left: 15px;', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", checked: ('checked' if champ.value == 'on')}
+%input{type: 'hidden', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", value: ''}
+%input{type: 'checkbox', style:'margin-left: 15px;', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", checked: ('checked' if champ.value == 'on')}
--- a/app/views/users/description/champs/_civilite.html.haml
+++ b/app/views/users/description/champs/_civilite.html.haml
@ -1,7 +1,8 @@
-%label.radio-inline
-  = radio_button_tag "champs['#{champ.id}']", "M.", champ.value == 'Mme' ? false : true
-  Monsieur
+%div
+  %label.radio-inline
+    = radio_button_tag "champs['#{champ.id}']", "M.", champ.value == 'Mme' ? false : true
+    Monsieur

-%label.radio-inline
-  = radio_button_tag "champs['#{champ.id}']", "Mme", champ.value == 'Mme'
-  Madame
+  %label.radio-inline
+    = radio_button_tag "champs['#{champ.id}']", "Mme", champ.value == 'Mme'
+    Madame
--- a/app/views/users/description/champs/_engagement.html.haml
+++ b/app/views/users/description/champs/_engagement.html.haml
@ -1,8 +1,2 @@
-%h4{style:'margin-left:15px;'}
-  = champ.libelle
-  - if champ.mandatory?
-    = '*'
-  %input{type: 'hidden', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", value: ''}
-  %input{type: 'checkbox', style:'margin-left: 15px;', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", checked: ('checked' if champ.value == 'on')}
-%div{style:'margin-left: 5%; margin-right: 5%; text-align: justify; text-justify: inter-word;'}
-  = champ.description.gsub(/\r\n/, '<br>').html_safe
+%input{type: 'hidden', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", value: ''}
+%input{type: 'checkbox', style:'margin-left: 15px;', name:"champs['#{champ.id}']", id: "champs_#{champ.id}", checked: ('checked' if champ.value == 'on')}
--- a/app/views/users/description/champs/_render_list_champs.html.haml
+++ b/app/views/users/description/champs/_render_list_champs.html.haml
@ -1,54 +1,55 @@
-champs.each do |champ|
+- champs.decorate.each do |champ|
  - if champ.order_place > order_place
    - if champ.type_champ == 'header_section'
      - break

-    - unless champ.type_champ == 'checkbox' || champ.type_champ == 'engagement'
-      %h4
-        = champ.libelle
-        - if champ.mandatory?
-          = '*'
-
-    -if champ.type_champ == 'textarea'
-      =render partial: 'users/description/champs/textarea', locals: {champ: champ}
-
-    -elsif champ.type_champ == 'checkbox'
-      = render partial: 'users/description/champs/checkbox', locals: {champ: champ}
-
-    -elsif champ.type_champ == 'civilite'
-      =render partial: 'users/description/champs/civilite', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'datetime'
-      =render partial: 'users/description/champs/datetime', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'yes_no'
-      =render partial: 'users/description/champs/yes_no', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'drop_down_list'
-      =render partial: 'users/description/champs/drop_down_list', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'pays'
-      =render partial: 'users/description/champs/pays', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'regions'
-      =render partial: 'users/description/champs/regions', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'engagement'
-      =render partial: 'users/description/champs/engagement', locals: {champ: champ}
-
-    - elsif champ.type_champ == 'departements'
-      =render partial: 'users/description/champs/departements', locals: {champ: champ}
-
-    -else
-      %input.form-control{name:"champs['#{champ.id}']",
-                      placeholder: champ.libelle,
-                      id: "champs_#{champ.id}",
-                      value: champ.value,
-                      type: champ.type_champ,
-                      'data-provide' => champ.data_provide,
-                      'data-date-format' => champ.data_date_format}
-
-  - unless champ.description.empty? || champ.type_champ == 'engagement'
    .row
-      .col-lg-8.col-md-8.col-sm-8.col-xs-8{class: 'description_div', id:"description_champs_#{champ.id}"}
-        = champ.description
+      %div{ class: if champ.type_champ == 'textarea' || champ.type_champ == 'engagement' then 'col-md-12' else 'col-md-6' end }
+        .form-group
+          %label{ for: "champs_#{ champ.id }"}
+            = champ.libelle
+            - if champ.mandatory?
+              *
+
+          - if champ.type_champ == 'textarea'
+            = render partial: 'users/description/champs/textarea', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'checkbox'
+            = render partial: 'users/description/champs/checkbox', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'civilite'
+            = render partial: 'users/description/champs/civilite', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'datetime'
+            = render partial: 'users/description/champs/datetime', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'yes_no'
+            = render partial: 'users/description/champs/yes_no', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'drop_down_list'
+            = render partial: 'users/description/champs/drop_down_list', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'pays'
+            = render partial: 'users/description/champs/pays', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'regions'
+            = render partial: 'users/description/champs/regions', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'engagement'
+            = render partial: 'users/description/champs/engagement', locals: { champ: champ }
+
+          - elsif champ.type_champ == 'departements'
+            = render partial: 'users/description/champs/departements', locals: { champ: champ }
+
+          - else
+            %input.form-control{name:"champs['#{ champ.id }']",
+                            placeholder: champ.libelle,
+                            id: "champs_#{ champ.id }",
+                            value: champ.value,
+                            type: champ.type_champ,
+                            'data-provide' => champ.data_provide,
+                            'data-date-format' => champ.data_date_format}
+
+          - unless champ.description.empty?
+            %div{ id:"description_champs_#{ champ.id }", class: ('help-block' unless champ.type_champ == 'engagement') }
+              = champ.description_with_links
--- a/app/views/users/description/champs/_textarea.html.haml
+++ b/app/views/users/description/champs/_textarea.html.haml
@ -2,4 +2,4 @@
                  placeholder: champ.description,
                  id: "champs_#{champ.id}",
                  row: '6'}
-  =champ.value
+  = champ.value
--- a/app/views/users/description/champs/_yes_no.html.haml
+++ b/app/views/users/description/champs/_yes_no.html.haml
@ -1,7 +1,8 @@
-%label.radio-inline
-  = radio_button_tag "champs['#{champ.id}']", "true", champ.value == 'true'
-  Oui
+%div
+  %label.radio-inline
+    = radio_button_tag "champs['#{champ.id}']", "true", champ.value == 'true'
+    Oui

-%label.radio-inline
-  = radio_button_tag "champs['#{champ.id}']", "false", champ.value == 'false'
-  Non
+  %label.radio-inline
+    = radio_button_tag "champs['#{champ.id}']", "false", champ.value == 'false'
+    Non
--- a/app/views/users/dossiers/_list.html.haml
+++ b/app/views/users/dossiers/_list.html.haml
@ -2,11 +2,11 @@
  %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-md-5.col-sm-5.col-xs-5.col-lg-5= smart_listing.sortable 'Procédure', 'procedure.libelle'
-      %th#sort-state.col-md-2.col-sm-2.col-xs-2.col-lg-2= smart_listing.sortable 'État', 'state'
-      %th#sort-updated.col-md-2.col-sm-2.col-xs-2.col-lg-2= smart_listing.sortable 'Date de mise à jour', 'updated_at'
+      %th#sort-libelle.col-xs-5= smart_listing.sortable 'Procédure', 'procedure.libelle'
+      %th#sort-state.col-xs-2= smart_listing.sortable 'État', 'state'
+      %th#sort-updated.col-xs-2= smart_listing.sortable 'Date de mise à jour', 'updated_at'
      - if @liste == "brouillon"
-        %th.col-md-2.col-sm-2.col-xs-2.col-lg-2= 'Action'
+        %th.col-xs-2= 'Action'
    - @dossiers.each do |dossier|
      - if dossier.kind_of? Invite
        - invite = dossier
--- a/app/views/users/dossiers/_state_description.html.haml
+++ b/app/views/users/dossiers/_state_description.html.haml
@ -4,7 +4,7 @@
      .row
        .col-md-1.col-lg-1.col-sm-1.col-xs-1
          .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-        .col-md-11.col-sm-11.col-xs-11.col-lg-11
+        .col-xs-11
          -if dossiers_list_facade.liste == 'brouillon'
            Les dossiers présents dans cette liste
            %b
--- a/spec/features/users/start_demande_spec.rb
+++ b/spec/features/users/start_demande_spec.rb
@ -6,7 +6,7 @@ feature 'user arrive on siret page' do
  let(:siret) { '42149333900020' }
  let(:siren) { siret[0...9] }

-  context 'when user is not logged in', js: true do
+  context 'when user is not logged in' do
    before do
      visit new_users_dossiers_path(procedure_id: procedure.id)
    end
@ -24,7 +24,7 @@ feature 'user arrive on siret page' do
      scenario 'he is redirected to siret page to enter a siret' do
        expect(page).to have_css('#new_siret')
      end
-      context 'when enter a siret' do
+      context 'when enter a siret', js: true do
        before do
          stub_request(:get, "https://api-dev.apientreprise.fr/v2/etablissements/#{siret}?token=#{SIADETOKEN}")
              .to_return(status: 200, body: File.read('spec/support/files/etablissement.json'))
@ -39,6 +39,7 @@ feature 'user arrive on siret page' do
          page.click_on 'Valider'
        end
        scenario 'he is redirected to recap info entreprise page' do
+          wait_for_ajax
          expect(page).to have_css('#recap_info_entreprise')
        end
      end