diff --git a/Bootstrap_new/css/style_moderne.css b/Bootstrap_new/css/style_moderne.css index da38908a..a55f4677 100644 --- a/Bootstrap_new/css/style_moderne.css +++ b/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; } /* ==========================================================================