diff --git a/templates/degree/new.html.twig b/templates/degree/new.html.twig
index 875707f..1dbd404 100644
--- a/templates/degree/new.html.twig
+++ b/templates/degree/new.html.twig
@@ -1,11 +1,34 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Degree{% endblock %}
+{% block title %}Créer un Nouveau Diplôme{% endblock %}
 
 {% block body %}
-    <h1>Create new Degree</h1>
+    <div class="container mx-auto p-6">
+        <h1 class="text-4xl font-semibold text-gray-800 mb-6">Créer un Nouveau Diplôme</h1>
 
-    {{ include('degree/_form.html.twig') }}
+        <div class="bg-white shadow-md rounded-lg p-6">
+            {{ form_start(form) }}
 
-    <a href="{{ path('app_degree_index') }}">back to list</a>
+            <div class="mb-6">
+                <label for="degree_label" class="block text-lg font-medium text-gray-700 mb-2">Label du Diplôme</label>
+                <div class="mt-1">
+                    {{ form_widget(form.label, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
+                </div>
+            </div>
+
+            <div class="mt-6">
+                <button type="submit" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full w-full">
+                    Créer le Diplôme
+                </button>
+            </div>
+
+            {{ form_end(form) }}
+        </div>
+
+        <div class="mt-6">
+            <a href="{{ path('app_degree_index') }}" class="text-teal-500 hover:text-teal-700 text-lg">
+                <i class="fas fa-arrow-left"></i> Retour à la liste des diplômes
+            </a>
+        </div>
+    </div>
 {% endblock %}
diff --git a/templates/skill/edit.html.twig b/templates/skill/edit.html.twig
index 16d97d1..9a8b5d9 100644
--- a/templates/skill/edit.html.twig
+++ b/templates/skill/edit.html.twig
@@ -1,13 +1,48 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Skill{% endblock %}
+{% block title %}Modifier la compétence{% endblock %}
 
 {% block body %}
-    <h1>Edit Skill</h1>
+    <div class="container mx-auto p-6">
+        <h1 class="text-4xl font-semibold text-gray-800 mb-6">Modifier la compétence</h1>
 
-    {{ include('skill/_form.html.twig', {'button_label': 'Update'}) }}
+        <div class="bg-white shadow-md rounded-lg p-6">
+            <h2 class="text-2xl font-medium text-gray-700 mb-6">Modifier les informations de la compétence</h2>
 
-    <a href="{{ path('app_skill_index') }}">back to list</a>
+            {{ form_start(form) }}
+            <div class="mb-4">
+                <label for="skill_label" class="block text-lg font-medium text-gray-700 mb-2">Label de la compétence</label>
+                <div class="mt-1">
+                    {{ form_widget(form.label, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
+                </div>
+            </div>
 
-    {{ include('skill/_delete_form.html.twig') }}
+            <div class="mt-6">
+                <button type="submit" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full w-full">
+                    Mettre à jour
+                </button>
+            </div>
+            {{ form_end(form) }}
+        </div>
+
+        <div class="mt-6 flex justify-between items-center">
+            <a href="{{ path('app_skill_index') }}" class="text-teal-500 hover:text-teal-700 text-lg">
+                <i class="fas fa-arrow-left"></i> Retour à la liste des compétences
+            </a>
+
+            <div class="flex items-center space-x-4">
+                <a href="{{ path('app_skill_show', {'id': skill.id}) }}" class="bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded-lg">
+                    Voir la compétence
+                </a>
+
+                <form method="post" action="{{ path('app_skill_delete', {'id': skill.id}) }}" style="display:inline;">
+                    <input type="hidden" name="_method" value="DELETE">
+                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ skill.id) }}">
+                    <button type="submit" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg">
+                        Supprimer
+                    </button>
+                </form>
+            </div>
+        </div>
+    </div>
 {% endblock %}
diff --git a/templates/skill/index.html.twig b/templates/skill/index.html.twig
index 658e606..e5e911f 100644
--- a/templates/skill/index.html.twig
+++ b/templates/skill/index.html.twig
@@ -1,35 +1,52 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Skill index{% endblock %}
+{% block title %}Liste des Compétences{% endblock %}
 
 {% block body %}
-    <h1>Skill index</h1>
+    <div class="container mx-auto p-6">
+        <h1 class="text-3xl font-bold mb-4">Liste des Compétences</h1>
 
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Id</th>
-                <th>Label</th>
-                <th>actions</th>
-            </tr>
-        </thead>
-        <tbody>
-        {% for skill in skills %}
-            <tr>
-                <td>{{ skill.id }}</td>
-                <td>{{ skill.label }}</td>
-                <td>
-                    <a href="{{ path('app_skill_show', {'id': skill.id}) }}">show</a>
-                    <a href="{{ path('app_skill_edit', {'id': skill.id}) }}">edit</a>
-                </td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="3">no records found</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+        <div class="overflow-x-auto bg-white shadow-lg rounded-lg">
+            <table class="min-w-full table-auto">
+                <thead>
+                <tr class="bg-gray-800 text-white">
+                    <th class="px-4 py-2 text-left">ID</th>
+                    <th class="px-4 py-2 text-left">Label</th>
+                    <th class="px-4 py-2 text-left">Actions</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for skill in skills %}
+                    <tr class="border-b">
+                        <td class="px-4 py-2">{{ skill.id }}</td>
+                        <td class="px-4 py-2">{{ skill.label }}</td>
+                        <td class="px-4 py-2">
+                            <a href="{{ path('app_skill_show', {'id': skill.id}) }}" class="text-teal-500 hover:text-teal-700 mr-3">
+                                <i class="fas fa-eye"></i> Voir
+                            </a>
 
-    <a href="{{ path('app_skill_new') }}">Create new</a>
+                            <a href="{{ path('app_skill_edit', {'id': skill.id}) }}" class="text-yellow-500 hover:text-yellow-700 mr-3">
+                                <i class="fas fa-edit"></i> Modifier
+                            </a>
+
+                            <form method="post" action="{{ path('app_skill_delete', {'id': skill.id}) }}" style="display:inline;">
+                                <input type="hidden" name="_method" value="DELETE">
+                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ skill.id) }}">
+                                <button type="submit" class="text-red-500 hover:text-red-700">
+                                    <i class="fas fa-trash-alt"></i> Supprimer
+                                </button>
+                            </form>
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+        </div>
+
+        <div class="mt-4">
+            <a href="{{ path('app_skill_new') }}" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full">
+                <i class="fas fa-plus-circle"></i> Ajouter une nouvelle compétence
+            </a>
+        </div>
+    </div>
 {% endblock %}
diff --git a/templates/skill/new.html.twig b/templates/skill/new.html.twig
index 2ff534a..c4938c9 100644
--- a/templates/skill/new.html.twig
+++ b/templates/skill/new.html.twig
@@ -1,11 +1,34 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Skill{% endblock %}
+{% block title %}Créer une Nouvelle Compétence{% endblock %}
 
 {% block body %}
-    <h1>Create new Skill</h1>
+    <div class="container mx-auto p-6">
+        <h1 class="text-4xl font-semibold text-gray-800 mb-6">Créer une Nouvelle Compétence</h1>
 
-    {{ include('skill/_form.html.twig') }}
+        <div class="bg-white shadow-md rounded-lg p-6">
+            {{ form_start(form) }}
 
-    <a href="{{ path('app_skill_index') }}">back to list</a>
+            <div class="mb-6">
+                <label for="skill_label" class="block text-lg font-medium text-gray-700 mb-2">Label de la compétence</label>
+                <div class="mt-1">
+                    {{ form_widget(form.label, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
+                </div>
+            </div>
+
+            <div class="mt-6">
+                <button type="submit" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full w-full">
+                    Créer la Compétence
+                </button>
+            </div>
+
+            {{ form_end(form) }}
+        </div>
+
+        <div class="mt-6">
+            <a href="{{ path('app_skill_index') }}" class="text-teal-500 hover:text-teal-700 text-lg">
+                <i class="fas fa-arrow-left"></i> Retour à la liste des compétences
+            </a>
+        </div>
+    </div>
 {% endblock %}
diff --git a/templates/skill/show.html.twig b/templates/skill/show.html.twig
index fa12f07..4303f90 100644
--- a/templates/skill/show.html.twig
+++ b/templates/skill/show.html.twig
@@ -1,26 +1,44 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Skill{% endblock %}
+{% block title %}Détail de la compétence{% endblock %}
 
 {% block body %}
-    <h1>Skill</h1>
+    <div class="container mx-auto p-6">
+        <h1 class="text-4xl font-semibold text-gray-800 mb-6">Détail de la compétence</h1>
 
-    <table class="table">
-        <tbody>
-            <tr>
-                <th>Id</th>
-                <td>{{ skill.id }}</td>
-            </tr>
-            <tr>
-                <th>Label</th>
-                <td>{{ skill.label }}</td>
-            </tr>
-        </tbody>
-    </table>
+        <div class="bg-white shadow-md rounded-lg p-6">
+            <table class="min-w-full">
+                <tbody>
+                <tr class="border-b">
+                    <th class="px-6 py-4 text-lg font-medium text-gray-700">ID</th>
+                    <td class="px-6 py-4 text-lg text-gray-900">{{ skill.id }}</td>
+                </tr>
+                <tr class="border-b">
+                    <th class="px-6 py-4 text-lg font-medium text-gray-700">Label</th>
+                    <td class="px-6 py-4 text-lg text-gray-900">{{ skill.label }}</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
 
-    <a href="{{ path('app_skill_index') }}">back to list</a>
+        <div class="mt-6 flex justify-between items-center">
+            <a href="{{ path('app_skill_index') }}" class="text-teal-500 hover:text-teal-700 text-lg">
+                <i class="fas fa-arrow-left"></i> Retour à la liste des compétences
+            </a>
 
-    <a href="{{ path('app_skill_edit', {'id': skill.id}) }}">edit</a>
+            <div class="flex items-center space-x-4">
+                <a href="{{ path('app_skill_edit', {'id': skill.id}) }}" class="bg-yellow-500 hover:bg-yellow-600 text-white px-4 py-2 rounded-lg">
+                    Modifier cette compétence
+                </a>
 
-    {{ include('skill/_delete_form.html.twig') }}
+                <form method="post" action="{{ path('app_skill_delete', {'id': skill.id}) }}" style="display:inline;">
+                    <input type="hidden" name="_method" value="DELETE">
+                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ skill.id) }}">
+                    <button type="submit" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg">
+                        Supprimer
+                    </button>
+                </form>
+            </div>
+        </div>
+    </div>
 {% endblock %}