edit: ajout animation CSS class .blinking + cohérence lang fr

src/TopBar.vue

@@ -60,10 +60,10 @@
     <div id="plus_panel" ref="plusPannel" v-show="plusActive">
       <button type="button" class="btn_plusPan" id="ttt" @click="warnTattooToggle">TATTOO</button>
       <button type="button" class="btn_plusPan" id="contact" @click="contactToggle">CONTACT</button>
-      <button type="button" class="btn_plusPan" id="about_plus" @click="aboutToggle">ABOUT</button>
+      <button type="button" class="btn_plusPan" id="about_plus" @click="aboutToggle">À PROPOS</button>
     </div>
 
-    <div id="warn_tattoo" ref="tattooWarn" v-show="warnTattooActive">
+    <div id="warn_tattoo" class="blinking" ref="tattooWarn" v-show="warnTattooActive">
       <p id="question_tattoo">Vous allez être redirigé vers Instagram!</p>
       <div id="rep_tattoo">
         <a href="https://www.instagram.com/noeu_3/?utm_source=ig_web_button_share_sheet">

src/assets/main_pageStyle.css

@@ -82,6 +82,7 @@ a{
   text-decoration: none;
 }
 
+/*=====================Animation*/
 .floating {
   position: fixed;
   animation: float 1s ease-in-out infinite;
@@ -99,6 +100,18 @@ a{
   100% { transform: translateY(0px); }
 }
 
+.blinking{
+  animation: blink 3.33s ease-in-out infinite;
+}
+
+@keyframes blink {
+  0%   { border-color: var(--accent-color);}
+  25%  { border-color: var(--dark-color);}
+  50%  { border-color: var(--accent-color);}
+  75%  { border-color: var(--dark-color);}
+  100%  { border-color: var(--accent-color);}
+}
+
 /*=====================================================*/
 /*===================Player musique*/
 .player{
@@ -395,8 +408,7 @@ header {
   align-items: center;
   padding: 10px;
   border-style: solid;
-  border-width: medium;
+  border-width: thick;
-  border-color: var(--accent-color);
   z-index: 11;
 }