diff --git a/Project/php/css/memory.css b/Project/php/css/memory.css
index 4a503bb..00968b9 100755
--- a/Project/php/css/memory.css
+++ b/Project/php/css/memory.css
@@ -6,6 +6,7 @@ body {
     background-color: #f0f0f0;
     margin-left: 15vh;
     margin-right: 15vh;
+    overflow: hidden;
 }
 
 #memory-game {
@@ -14,6 +15,7 @@ body {
     grid-template-rows: repeat(4, minmax(0, 1fr));
     gap: 10px;
     margin: auto;
+    perspective: 1000px;
 }
 
 .card {
@@ -27,15 +29,22 @@ body {
     align-items: center;
     font-size: 18px;
     cursor: pointer;
-    transition: background-color 0.3s ease;
+    transition: transform 0.6s ease;
+    transform-style: preserve-3d;
     min-height: 10vh;
     min-width: 20vh;
     aspect-ratio: 1/1;
 }
 
+.card span {
+    backface-visibility: hidden;
+}
+
+
 .flipped {
     background: url("../assets/img/carte.png") no-repeat scroll center;
     background-size: cover;
+    transform: rotateY(180deg);
 }
 
 .flipped>span{
@@ -61,4 +70,4 @@ body {
 
 .hidden {
     display: none;
-}
+}
\ No newline at end of file
diff --git a/Project/php/templates/memory.html b/Project/php/templates/memory.html
index 5f12a8f..db1095d 100755
--- a/Project/php/templates/memory.html
+++ b/Project/php/templates/memory.html
@@ -7,15 +7,17 @@
     <link rel="stylesheet" href="{{base}}/css/memory.css">
 </head>
 <body>
-<div id="memory-game">
-    {% for word in wordShuffle %}
-    <div class="card center-text flipped" data-word="{{ word }}">
-        <span>{{ word }}</span>
+<div>
+    <h1>Memory Game : {{ nameVoc }}</h1>
+    <div id="memory-game">
+        {% for word in wordShuffle %}
+        <div class="card center-text flipped" data-word="{{ word }}">
+            <span>{{ word }}</span>
+        </div>
+        {% endfor %}
     </div>
-    {% endfor %}
 </div>
 
-
 <script>
     var pairs = JSON.parse('{{ pairs | raw }}');
 </script>
