diff --git a/css/style_projet.css b/css/style_projet.css
index c6b37b8..5fd60c0 100644
--- a/css/style_projet.css
+++ b/css/style_projet.css
@@ -140,15 +140,12 @@
   }
 }
 
-.container-title #xyzv {
-  left: 25vw;
+#xyzv {
   font-family: 'Cabin Condensed', sans-serif;
-  position: relative;
-  white-space: nowrap;
   font-size: 10vh;
-  max-width: 40vw;
   font-weight: bold;
-  overflow: hidden;
   color: #f6f6f6;
   animation: none;
+  text-align: center;
+  text-transform: uppercase;
 }
diff --git a/html/projet_detail.html b/html/projet_detail.html
index a99468b..1aeafb7 100644
--- a/html/projet_detail.html
+++ b/html/projet_detail.html
@@ -117,7 +117,7 @@
       </div>
       <div id="title-global">
         <h3 id="h3-title" class="name_project"></h3>
-        <p class="name_project" id="xyzv" style="display: none;"></p>
+        <h3 class="name_project" id="xyzv" style="display: none;"></h3>
       </div>
     <div class="nexter">
       <div id="metric_viewer_placeholder" >
diff --git a/js/projet_detail.js b/js/projet_detail.js
index 20caabc..49e4b11 100644
--- a/js/projet_detail.js
+++ b/js/projet_detail.js
@@ -457,17 +457,14 @@ $( ".arrow-icon" ).click(function() {
 let titleIsReadable = true;
 
 function change_title_style(){
-  const titlePlaceHolder = document.getElementById('title-global');
   const xyz = document.getElementById('xyzv');
   const h3_title = document.getElementById('h3-title');
   if(titleIsReadable){
     titleIsReadable = false;
-    titlePlaceHolder.classList.add('container-title');
     xyz.style.display = 'block';
     h3_title.style.display = 'none';
   } else {
     titleIsReadable = true;
-    titlePlaceHolder.classList.remove('container-title');
     xyz.style.display = 'none';
     h3_title.style.display = 'block';
   }