diff --git a/Vue/Consulterdetailbaremecollege/index.php b/Vue/Consulterdetailbaremecollege/index.php
index 58e2667..b0ceab9 100755
--- a/Vue/Consulterdetailbaremecollege/index.php
+++ b/Vue/Consulterdetailbaremecollege/index.php
@@ -1,3 +1,33 @@
+<style>
+	.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);
+	}
+</style>
+
 <?php 
 	$this->titre = "INTER SANTE - Détail du Barème collège"; 
 	
@@ -125,31 +155,3 @@
 <div class="modal fade" id="div_actesgarantiebareme" role="dialog">
 	
 </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);
-}