diff --git a/templates/atelier/show.html.twig b/templates/atelier/show.html.twig
index e8d199e..26b4ce9 100644
--- a/templates/atelier/show.html.twig
+++ b/templates/atelier/show.html.twig
@@ -3,65 +3,52 @@
 {% block title %}Atelier{% endblock %}
 
 {% block body %}
-    <h1>Atelier</h1>
+    <div class="card mb-4">
+        <div class="card-header">
+            <h1 class="card-title">Atelier : "{{ atelier.nom }}"</h1>
+            <h6 class="card-subtitle mb-2 text-muted">Instructeur : <a href="mailto:{{ atelier.instructeur.email }}"
+                                                                       class="card-link">{{ atelier.instructeur.prenom }} {{ atelier.instructeur.nom }}</a>
+                - Moyenne des notes : {{ note }}</h6>
+        </div>
+        <div class="card-body">
+            <div class="card-text">
+                {{ atelier.description | raw }}
+            </div>
 
-    <table class="table">
-        <tbody>
-        <tr>
-            <th>Id</th>
-            <td>{{ atelier.id }}</td>
-        </tr>
-        <tr>
-            <th>Nom</th>
-            <td>{{ atelier.nom }}</td>
-        </tr>
-        <tr>
-            <th>Description</th>
-            <td>{{ atelier.description | raw }}</td>
-        </tr>
-        <tr>
-            <th>Email instructeur</th>
-            <td>{{ atelier.instructeur.email }}</td>
-        </tr>
-        <tr>
-            <th>Note</th>
-            <td>
-                {{ note }}
-            </td>
-        </tr>
-        <tr>
-            <th>Elèves inscrits</th>
-            <td>
-                <ul>
-                    {% for eleve in eleves %}
-                        <li>{{ eleve.prenom }} {{ eleve.nom }} - {{ eleve.email }}</li>
-                    {% endfor %}
-                </ul>
-            </td>
-        </tr>
-        </tbody>
-    </table>
+            {% if is_granted('ROLE_INSTRUCTEUR') %}
+                <details class="card">
+                    <summary class="card-header">Eleves inscrits</summary>
+                    <ul class="list-group list-group-flush">
+                        {% for eleve in eleves %}
+                            <li class="list-group-item">{{ eleve.prenom }} {{ eleve.nom }} - {{ eleve.email }}</li>
+                        {% endfor %}
+                    </ul>
+                </details>
+            {% endif %}
+        </div>
+        <div class="d-flex flex-row card-footer">
+            {% if app.user and app.user == atelier.instructeur %}
+                <a class="btn btn-outline-primary m-2"
+                   href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
+            {% endif %}
+            <a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_index') }}">Retour à la liste</a>
+            {% if app.user and app.user == atelier.instructeur %}
+                {{ include('atelier/_delete_form.html.twig') }}
+            {% endif %}
+            {% if is_granted('ROLE_APPRENTI') %}
+                {% if not inscrit %}
+                    <form method="post" action="{{ path('app_atelier_inscription', {'id': atelier.id}) }}">
+                        <button class="btn btn-outline-success m-2">S'inscrire</button>
+                    </form>
+                {% else %}
+                    <form method="post" action="{{ path('app_atelier_desinscrire', {'id': atelier.id}) }}">
+                        <button class="btn btn-outline-danger m-2">Se désinscrire</button>
+                    </form>
 
-    <div class="d-flex flex-row">
-        {% if app.user and app.user == atelier.instructeur %}
-            <a class="btn btn-outline-primary m-2"
-               href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
-        {% endif %}
-        <a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_index') }}">Retour à la liste</a>
-        {% if app.user and app.user == atelier.instructeur %}
-            {{ include('atelier/_delete_form.html.twig') }}
-        {% endif %}
-        {% if not inscrit %}
-            <form method="post" action="{{ path('app_atelier_inscription', {'id': atelier.id}) }}">
-                <button class="btn btn-outline-success m-2">S'inscrire</button>
-            </form>
-        {% else %}
-            <form method="post" action="{{ path('app_atelier_desinscrire', {'id': atelier.id}) }}">
-                <button class="btn btn-outline-danger m-2">Se désinscrire</button>
-            </form>
-
-            <a class="btn btn-outline-primary m-2"
-               href="{{ path('app_atelier_noter', {'id': atelier.id}) }}">Noter</a>
-        {% endif %}
+                    <a class="btn btn-outline-primary m-2"
+                       href="{{ path('app_atelier_noter', {'id': atelier.id}) }}">Noter</a>
+                {% endif %}
+            {% endif %}
+        </div>
     </div>
 {% endblock %}
\ No newline at end of file