diff --git a/src/Bundle/ChillMainBundle/Resources/views/Search/advanced_search.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Search/advanced_search.html.twig
index bfcdf9b7d..e861f1361 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Search/advanced_search.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Search/advanced_search.html.twig
@@ -18,29 +18,31 @@
 
 
 {% block title title|trans %}
-    
-{% block content %}
-    
-    <div style="margin-right: 2em; margin-left: 2em;">
-        
-        <h1>{{ title|trans }}</h1>
-    
-    {{ form_start(form) }}
-    
-    {% for f in form %}
-        {% if f.vars.name != 'submit' %} 
-          {{ form_row(f) }}
-        {% endif %}
-    {% endfor %}
 
-    <ul class="record_actions">
-        <li>
-            {{ form_widget(form.submit, { 'attr' : { 'class': 'btn btn-create change-icon' } } ) }}
-        </li>
-    </ul>
-    
-    {{ form_end(form) }}
-    
+{% block content %}
+<div class="search-list my-5">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
+
+            <h1>{{ title|trans }}</h1>
+
+            {{ form_start(form) }}
+
+            {% for f in form %}
+                {% if f.vars.name != 'submit' %}
+                  {{ form_row(f) }}
+                {% endif %}
+            {% endfor %}
+
+            <ul class="record_actions">
+                <li>
+                    {{ form_widget(form.submit, { 'attr' : { 'class': 'btn btn-create change-icon' } } ) }}
+                </li>
+            </ul>
+
+            {{ form_end(form) }}
+
+        </div>
     </div>
-    
+</div>
 {% endblock %}
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig
index f536fa8cd..3672b6bf8 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Search/error.html.twig
@@ -19,7 +19,13 @@
 {% set _search_pattern = pattern %}
 
 {%  block content %}
+<div class="search-list my-5">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
-    <p class="col-8 centered error">{{ message }}</p>
+            <p class="error">{{ message }}</p>
 
+        </div>
+    </div>
+</div>
 {%  endblock %}
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig
index 0e3a76a5d..d1711f231 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Search/list.html.twig
@@ -21,13 +21,15 @@
 {% block title %}{{ 'Search %pattern%'|trans({ '%pattern%' : pattern }) }}{% endblock title %}
 
 {%  block content %}
+<div class="search-list my-5">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
-    <div class="col-12 parent" >
-        <div class="col-10 push-1 parent">
             {% for result in results %}
                 {{ result|raw }}
             {%  endfor %}
+
         </div>
     </div>
-
-{%  endblock %}
\ No newline at end of file
+</div>
+{%  endblock %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
index b0e72b0b5..8eda199fc 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
@@ -1,13 +1,13 @@
 <template>
    <banner></banner>
    <sticky-nav></sticky-nav>
-   
+
    <div class="row justify-content-end">
-      <div class="col-md-11">
-         
+      <div class="col-md-11 col-xxl">
+
          <h1 v-if="accompanyingCourse.step === 'DRAFT'">{{ $t('course.title.draft') }}</h1>
          <h1 v-else>{{ $t('course.title.active') }}</h1>
-         
+
          <persons-associated></persons-associated>
          <origin-demand></origin-demand>
          <requestor></requestor>
@@ -16,7 +16,7 @@
          <resources></resources>
          <comment v-if="accompanyingCourse.step === 'DRAFT'"></comment>
          <confirm v-if="accompanyingCourse.step === 'DRAFT'"></confirm>
-      
+
       </div>
    </div>
 </template>
@@ -36,11 +36,11 @@ import Confirm from './components/Confirm.vue';
 
 export default {
    name: 'App',
-   components: { 
+   components: {
       Banner,
       StickyNav,
       OriginDemand,
-      PersonsAssociated, 
+      PersonsAssociated,
       Requestor,
       SocialIssue,
       Referrer,
@@ -78,12 +78,12 @@ export default {
          }
          padding: 0em 0em;
          margin: 1em 0;
-         border: 1px dotted #718596ab; 
+         border: 1px dotted #718596ab;
          border-radius: 5px;
          border-left: 1px dotted #718596ab;
          border-right: 1px dotted #718596ab;
-         dd { 
-            margin-left: 1em; 
+         dd {
+            margin-left: 1em;
          }
          & > div {
             margin: 1em 3em 0;
@@ -91,6 +91,6 @@ export default {
          table {
          }
       }
-      
+
 }
 </style>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
index c15869b1d..099b2c27b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
@@ -7,6 +7,9 @@
 {% endblock %}
 
 {% block content %}
+<div class="accompanyingcourse-index">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">
 
     {% if 'DRAFT' == accompanyingCourse.step %}
         <div class="col-8 centered error flash_message">
@@ -62,6 +65,7 @@
     {% endif %}
 
     <h2>{{ 'Associated peoples'|trans }}</h2>
+
     <div class="flex-table">
     {% for p in accompanyingCourse.participations %}
         {% if p.enddate is null %}
@@ -334,7 +338,7 @@
         <div class="actions">
           <ul class="record_actions">
             <li>
-              <a 
+              <a
                 class="btn btn-edit"
                 href="{{ chill_path_add_return_path('chill_person_accompanying_period_work_edit', { 'id': w.id }) }}">{{ 'Edit'|trans }}</a>
             </li>
@@ -342,11 +346,10 @@
         </div>
       </div>
       {% else %}
-        <p class="chill-no-data-statement">{{ 'accompanying_course_work.Any work'|trans }}</p>    
+        <p class="chill-no-data-statement">{{ 'accompanying_course_work.Any work'|trans }}</p>
       {% endfor %}
     </div>
 
-
     {% block contentActivity %}
         {% set person = null %}
         {% include 'ChillActivityBundle:Activity:list.html.twig' with {'context': 'accompanyingCourse', 'context': 'accompanyingCourse'} %}
@@ -354,6 +357,10 @@
 
     {#  ==> insert accompanyingCourse vue component  #}
     <div id="accompanying-course"></div>
+
+        </div>
+    </div>
+</div>
 {% endblock %}
 
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig
index 192f69d7a..119df6e8e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Person/list_with_period.html.twig
@@ -79,9 +79,8 @@
                         </ul>
                         <ul class="record_actions">
                         <li>
-                            <a href="{{ path('chill_person_view', { 'person_id' : person.id }) }}" class="btn btn-chill-blue" />
-                                <i class="fa fa-folder-open-o"></i> {{ 'Open person file'|trans }}
-                            </a>
+                            <a href="{{ path('chill_person_view', { 'person_id' : person.id }) }}" class="btn btn-show"
+                                title="{{ 'Open person file'|trans }}" /></a>
                         </li>
                         <li>
                             <a href="{{ path('chill_person_accompanying_period_list', { 'person_id' : person.id }) }}" class="btn btn-chill-green" title="{{ 'See accompanying periods'|trans }}"/>
diff --git a/src/Bundle/ChillPersonBundle/translations/messages.fr.yml b/src/Bundle/ChillPersonBundle/translations/messages.fr.yml
index 32691bcb4..664f2440f 100644
--- a/src/Bundle/ChillPersonBundle/translations/messages.fr.yml
+++ b/src/Bundle/ChillPersonBundle/translations/messages.fr.yml
@@ -135,7 +135,7 @@ Reset: 'Remise à zéro'
 'Person search results': 'Recherche de personnes'
 Person search results by phonenumber: Recherche de personnes par numéro de téléphone
 'Search within persons': 'Recherche parmi les personnes'
-Open person file: Ouvrir
+Open person file: Ouvrir le dossier de la personne
 and %number% other: '{0} et aucun autre| {1} et une autre |]1, Inf] et %number% autres'
 '%total% persons matching the search pattern:': '{0} Aucune personne ne correspond aux termes de recherche : | {1} Une personne a été trouvée par la recherche : | ]1,Inf] %total% personnes correspondent aux termes de recherche :'
 'Last opening since %last_opening%': 'Dernière ouverture le %last_opening%.'