diff --git a/templates/base.html b/templates/base.html
index 45dcbe7..d9166b0 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,229 +1,234 @@
-<!DOCTYPE html>
-<html>
-
-    <head>
-        <title>{% block title %}Bienvenue sur votre espace{% endblock %}</title>
-        <link rel="stylesheet" href="{{ url_for('static', filename='css/spinner.css' ) }}">
-        <link rel="stylesheet" href="{{ url_for('static', filename='css/card_spinner.css' ) }}">
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
-            integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
-            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
-            crossorigin="anonymous"></script>
-        <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
-            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
-            crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
-            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
-            crossorigin="anonymous"></script>
-    </head>
-
-    <body>
-        <nav class="navbar navbar-dark bg-dark">
-            <div class="container">
-                <a class="navbar-brand" href="/">Accueil</a>
-                <a id="connexionBtn" class="navbar-brand ml-auto">Connexion</a>
-            </div>
-        </nav>
-        <!-- Loading modal -->
-        <div class="modal" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalLabel" aria-hidden="true">
-            <div class="modal-dialog" role="document">
-                <div class="modal-content">
-                    <div class="modal-body text-center">
-                        <div class="spinner-border" role="status">
-                            <span class="sr-only">Loading...</span>
-                            <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
-                        </div>
-                        <p class="mt-2">Loading...</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="modal" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel" aria-hidden="true">
-            <div class="modal-dialog" role="document">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title" id="alertModalLabel"></h5>
-                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                            <span aria-hidden="true">&times;</span>
-                        </button>
-                    </div>
-                    <div class="modal-body" id="alertModalMessage"></div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <script>
-            function showLoadingModal() {
-                $('#loadingModal').modal('show');
-            }
-
-            function hideLoadingModal() {
-                $('#loadingModal').modal('hide');
-            }
-
-            function showAlertModal(title, message) {
-                var modalTitle = document.getElementById('alertModalLabel');
-                var modalMessage = document.getElementById('alertModalMessage');
-
-                modalTitle.textContent = title;
-                modalMessage.textContent = message;
-
-                var alertModal = new bootstrap.Modal(document.getElementById('alertModal'));
-                alertModal.show();
-            }
-
-            function logout() {
-                $.ajax({
-                    type: 'GET',
-                    url: 'https://api.insa-cvl.com/logout',
-                    contentType: 'application/json;charset=UTF-8',
-                    xhrFields: {
-                        withCredentials: true
-                    },
-                    success: function (response) {
-                        setTimeout(function () {
-                            window.location = "/login?success=" + encodeURIComponent("Déconnecté avec succès");
-                        }, 1000);
-                    },
-                    error: function (error) {
-                        alert('Erreur lors de la déconnexion');
-                    }
-                });
-            }
-
-
-            function redirectToLogin() {
-                window.location.href = '/login';
-            }
-
-            function updateConnectionStatus(isConnected) {
-                if (isConnected) {
-                    $('#connexionBtn').text('Déconnexion');
-                    $('#connexionBtn').attr('onclick', 'logout()');
-                } else {
-                    $('#connexionBtn').text('Connexion');
-                    $('#connexionBtn').attr('onclick', 'redirectToLogin()');
-                }
-            }
-
-            function getUserProfile() {
-                $.ajax({
-                    type: 'GET',
-                    url: 'https://api.insa-cvl.com/profile',
-                    contentType: 'application/json;charset=UTF-8',
-                    xhrFields: {
-                        withCredentials: true
-                    },
-                    success: function (response) {
-                        var user = response;
-                        console.log(user);
-                        $('#email').text('Email: ' + user.email);
-                        $('#name').text('Name: ' + user.first_name);
-                        $('#surname').text('Surname: ' + user.last_name);
-                        $('#role').text('Role: ' + user.role);
-                        $('#id').text('ID: ' + user.id);
-                        updateConnectionStatus(true);
-                    },
-                    error: function (error) {
-                        updateConnectionStatus(false);
-                        window.location = "/login?error=" + encodeURIComponent('Vous%20n\'êtes%20pas%20connecté.%20Redirection....');
-                    }
-                });
-            }
-
-            $(document).ready(function () {
-                getUserProfile();
-            });
-        </script>
-
-        <style>
-            .lds-default-container {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-
-            .cards {
-                display: flex;
-                flex-wrap: wrap;
-                list-style: none;
-                padding: 0;
-                margin: 20px;
-            }
-
-            .card {
-                width: 18rem;
-                margin: 10px;
-            }
-
-            body {
-                background-color: #333;
-                color: white;
-            }
-
-            h1 {
-                margin: 20px;
-                font-size: 24px;
-                text-align: center;
-            }
-
-            h2 {
-                font-size: 20px;
-                text-align: center;
-            }
-
-            p {
-                font-size: 16px;
-                color: #666;
-            }
-
-            #addTemplateCard {
-                cursor: pointer;
-            }
-
-            #addUserCard, #addVMOutCard {
-                cursor: pointer;
-            }
-
-            .navbar {
-                background-color: #343A40;
-            }
-
-            .navbar-dark .navbar-nav .nav-link {
-                color: white;
-            }
-
-            .navbar-dark .navbar-nav .nav-link:hover {
-                color: #17A2B8;
-            }
-
-            .nav-item {
-                padding: 0 20px;
-            }
-
-            a {
-                color: inherit;
-            }
-
-            a:hover {
-                cursor: pointer;
-            }
-        </style>    
-        {% block content %}{% endblock %}
-
-        <div>
-            <p id="email">Email: </p>
-            <p id="name">Name: </p>
-            <p id="surname">Surname: </p>
-            <p id="role">Role: </p>
-            <p id="id">ID: </p>
-        </div>
-
-    </body>
-
+<!DOCTYPE html>
+<html>
+
+    <head>
+        <title>{% block title %}Bienvenue sur votre espace{% endblock %}</title>
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/spinner.css' ) }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/card_spinner.css' ) }}">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
+            integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+            crossorigin="anonymous"></script>
+        <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
+            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
+            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
+            crossorigin="anonymous"></script>
+    </head>
+
+    <body>
+        <nav class="navbar navbar-dark bg-dark">
+            <div class="container">
+                <a class="navbar-brand" href="/">Accueil</a>
+                <a id="connexionBtn" class="navbar-brand ml-auto">Connexion</a>
+            </div>
+        </nav>
+        <!-- Loading modal -->
+        <div class="modal" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalLabel" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-body text-center">
+                        <div class="spinner-border" role="status">
+                            <span class="sr-only">Loading...</span>
+                            <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
+                        </div>
+                        <p class="mt-2">Loading...</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="modal" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="alertModalLabel"></h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body" id="alertModalMessage"></div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <script>
+            function showLoadingModal() {
+                $('#loadingModal').modal('show');
+            }
+
+            function hideLoadingModal() {
+                $('#loadingModal').modal('hide');
+            }
+
+            function showAlertModal(title, message) {
+                var modalTitle = document.getElementById('alertModalLabel');
+                var modalMessage = document.getElementById('alertModalMessage');
+
+                modalTitle.textContent = title;
+                modalMessage.textContent = message;
+
+                var alertModal = new bootstrap.Modal(document.getElementById('alertModal'));
+                alertModal.show();
+            }
+
+            function logout() {
+                $.ajax({
+                    type: 'GET',
+                    url: 'https://api.insa-cvl.com/logout',
+                    contentType: 'application/json;charset=UTF-8',
+                    xhrFields: {
+                        withCredentials: true
+                    },
+                    success: function (response) {
+                        setTimeout(function (response) {
+                            console.log(response);
+                            if (response.cas === true) {
+                                window.location = "https://cas.insa-cvl.fr/cas/logout?service=https://api.insa-cvl.com"
+                            } else {
+                                window.location = "/login?success=" + encodeURIComponent("Déconnecté avec succès");
+                            }
+                        }, 1000);
+                    },
+                    error: function (error) {
+                        alert('Erreur lors de la déconnexion');
+                    }
+                });
+            }
+
+
+            function redirectToLogin() {
+                window.location.href = '/login';
+            }
+
+            function updateConnectionStatus(isConnected) {
+                if (isConnected) {
+                    $('#connexionBtn').text('Déconnexion');
+                    $('#connexionBtn').attr('onclick', 'logout()');
+                } else {
+                    $('#connexionBtn').text('Connexion');
+                    $('#connexionBtn').attr('onclick', 'redirectToLogin()');
+                }
+            }
+
+            function getUserProfile() {
+                $.ajax({
+                    type: 'GET',
+                    url: 'https://api.insa-cvl.com/profile',
+                    contentType: 'application/json;charset=UTF-8',
+                    xhrFields: {
+                        withCredentials: true
+                    },
+                    success: function (response) {
+                        var user = response;
+                        console.log(user);
+                        $('#email').text('Email: ' + user.email);
+                        $('#name').text('Name: ' + user.first_name);
+                        $('#surname').text('Surname: ' + user.last_name);
+                        $('#role').text('Role: ' + user.role);
+                        $('#id').text('ID: ' + user.id);
+                        updateConnectionStatus(true);
+                    },
+                    error: function (error) {
+                        updateConnectionStatus(false);
+                        window.location = "/login?error=" + encodeURIComponent('Vous%20n\'êtes%20pas%20connecté.%20Redirection....');
+                    }
+                });
+            }
+
+            $(document).ready(function () {
+                getUserProfile();
+            });
+        </script>
+
+        <style>
+            .lds-default-container {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+
+            .cards {
+                display: flex;
+                flex-wrap: wrap;
+                list-style: none;
+                padding: 0;
+                margin: 20px;
+            }
+
+            .card {
+                width: 18rem;
+                margin: 10px;
+            }
+
+            body {
+                background-color: #333;
+                color: white;
+            }
+
+            h1 {
+                margin: 20px;
+                font-size: 24px;
+                text-align: center;
+            }
+
+            h2 {
+                font-size: 20px;
+                text-align: center;
+            }
+
+            p {
+                font-size: 16px;
+                color: #666;
+            }
+
+            #addTemplateCard {
+                cursor: pointer;
+            }
+
+            #addUserCard, #addVMOutCard {
+                cursor: pointer;
+            }
+
+            .navbar {
+                background-color: #343A40;
+            }
+
+            .navbar-dark .navbar-nav .nav-link {
+                color: white;
+            }
+
+            .navbar-dark .navbar-nav .nav-link:hover {
+                color: #17A2B8;
+            }
+
+            .nav-item {
+                padding: 0 20px;
+            }
+
+            a {
+                color: inherit;
+            }
+
+            a:hover {
+                cursor: pointer;
+            }
+        </style>    
+        {% block content %}{% endblock %}
+
+        <div>
+            <p id="email">Email: </p>
+            <p id="name">Name: </p>
+            <p id="surname">Surname: </p>
+            <p id="role">Role: </p>
+            <p id="id">ID: </p>
+        </div>
+
+    </body>
+
 </html>
\ No newline at end of file
