diff --git a/Vue/Consulterdetailbaremecollege/index.php b/Vue/Consulterdetailbaremecollege/index.php
index e8fb1c5..58e2667 100755
--- a/Vue/Consulterdetailbaremecollege/index.php
+++ b/Vue/Consulterdetailbaremecollege/index.php
@@ -12,6 +12,14 @@
 
 <a class = "form-control btn btn-primary" href="Baremepriseenchargelettreclecons/"> <?= _("Barème par lettre clés") ?> </a>
 
+<a class="btn-bareme" href="Baremepriseenchargelettreclecons/">
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2" y="2" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.2"/>
+    <text x="8" y="11" font-size="7" font-weight="600" text-anchor="middle" fill="currentColor" font-family="sans-serif">A</text>
+  </svg>
+  <?= _("Barème par lettre clés") ?>
+</a>
+
 <div id="div_detailbareme" style="margin: 0px 0px 15px 0px;">
 
 	<table class="table table-responsive table-condensed" style="font-size:10pt;">
@@ -118,9 +126,30 @@
 	
 </div>
 
+.btn-bareme {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 20px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 8px;
+  color: #1a1a1a;
+  font-size: 14px;
+  font-weight: 500;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s, transform 0.1s;
+}
 
+.btn-bareme:hover {
+  background: #f5f5f5;
+  border-color: #aaaaaa;
+}
 
-
-
-
-
+.btn-bareme:active {
+  transform: scale(0.98);
+}