df

Bootstrap_new/css/style_moderne.css

@@ -201,44 +201,23 @@ body {
    BREADCRUMB MINIMAL
    ========================================================================== */
 
-.breadcrumb {
-  background: white;
-  border-radius: var(--border-radius);
-  padding: 0.75rem 1rem;
-  margin-bottom: 1.5rem;
-  box-shadow: var(--shadow-sm);
-  border: 1px solid var(--border-color);
-}
-
-/* Style pour la version arrondie */
-.breadcrumb.rounded-pill {
-  border-radius: 50rem !important;
-  padding: 0.5rem 1.25rem;
-}
-
-/* Personnalisation légère du séparateur */
+/* Désactiver le séparateur Bootstrap */
 .breadcrumb-item + .breadcrumb-item::before {
+  display: none !important;
+}
+
+/* Ajouter votre propre séparateur */
+.breadcrumb-item:not(:last-child)::after {
+  content: ">";
   color: var(--secondary-color);
+  padding: 0 0.5rem;
+  font-weight: normal;
   opacity: 0.7;
 }
 
-/* Style des liens */
-.breadcrumb-item a {
-  color: var(--primary-color);
-  text-decoration: none;
-  display: flex;
-  align-items: center;
-}
-
-.breadcrumb-item a:hover {
-  color: var(--primary-dark);
-  text-decoration: underline;
-}
-
-/* Style de l'élément actif */
-.breadcrumb-item.active {
-  color: var(--primary-color);
-  font-weight: 600;
+/* Pour le dernier élément (actif), pas de séparateur */
+.breadcrumb-item.active::after {
+  display: none;
 }
 
 /* ==========================================================================