diff --git a/Vue/Consulterdetailbaremecollege/index.php b/Vue/Consulterdetailbaremecollege/index.php
index b0ceab9..5055064 100755
--- a/Vue/Consulterdetailbaremecollege/index.php
+++ b/Vue/Consulterdetailbaremecollege/index.php
@@ -7,11 +7,13 @@
 	align-items: center;
 	gap: 8px;
 	padding: 10px 20px;
-	background: #ffffff;
-	border: 1px solid #d0d0d0;
+
+	background: #cfe2ff;   /* bleu clair (btn-info) */
+	border: 0.5px solid #9ec5fe;
+	color: #084298;        /* texte bleu foncé */
+	font-size: 18px;       /* taille augmentée */
+
 	border-radius: 8px;
-	color: #1a1a1a;
-	font-size: 14px;
 	font-weight: 500;
 	text-decoration: none;
 	cursor: pointer;
@@ -40,8 +42,6 @@
 
 <input type="text" id="nomForm" name="nomForm" class="sr-only" value="frmConsulterDetailBaremeCollege">
 
-<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"/>