gg

Bootstrap_new/css/style_moderne.css

@@ -198,7 +198,7 @@ body {
 }
 
 /* ==========================================================================
-   BREADCRUMB
+   BREADCRUMB MINIMAL
    ========================================================================== */
 
 .breadcrumb {
@@ -208,27 +208,26 @@ body {
   margin-bottom: 1.5rem;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--border-color);
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
 }
 
-.breadcrumb-item {
-  display: flex;
-  align-items: center;
+/* Style pour la version arrondie */
+.breadcrumb.rounded-pill {
+  border-radius: 50rem !important;
+  padding: 0.5rem 1.25rem;
 }
 
+/* Personnalisation légère du séparateur */
 .breadcrumb-item + .breadcrumb-item::before {
-  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;
-  transition: var(--transition);
+  display: flex;
+  align-items: center;
 }
 
 .breadcrumb-item a:hover {
@@ -236,6 +235,7 @@ body {
   text-decoration: underline;
 }
 
+/* Style de l'élément actif */
 .breadcrumb-item.active {
   color: var(--primary-color);
   font-weight: 600;