diff --git a/static/css/chapter.css b/static/css/chapter.css
index e9824707f3ae36d91faff8e0e3eb8fd993a1e28b..a1de2693c86faca7ccb8932b26006ee84698ef11 100644
--- a/static/css/chapter.css
+++ b/static/css/chapter.css
@@ -129,6 +129,10 @@ mark {
   margin: 0 1px;
 }
 
+mark[title="abbréviation"], mark[title="piedMouche"]{
+  background-color: transparent;
+}
+
 /************************/
 @media (max-width: 576px) {
   .img-thumbnails {
@@ -317,6 +321,23 @@ mark {
   padding: 1px 4px;
   margin-right: 5px;
   margin-bottom: 5px;
+    /* font-size: 0.8rem; */
+}
+/* TEST à mixer avec ceux du bas pour les margin bottom et top et ceux du haut pour le tab-pane*/
+@media (max-width: 1050px) {
+  .btn.toggle-mark {
+    font-size: 0.6rem;
+  }
+}
+@media (min-width: 1050px) and (max-width: 1250px) {
+  .btn.toggle-mark {
+    font-size: 0.7rem;
+  }
+}
+@media (min-width: 1250px) {
+  .btn.toggle-mark {
+    font-size: 0.8rem;
+  }
 }
 
 /* change btn layout */