:root{
	--color-blue: #1f2b4f;
}

.tunnelHeaderWrapper { background-color: var(--color-white);}
.tunnelBreadcrumb ul li:not(.backLink) a {border: 1px solid var(--color-blue); color: var(--color-white);}
.tunnelBreadcrumb ul li.active a { background: var(--color-blue);}
.headerRight a { color :var(--color-blue);}
.tunnelBreadcrumb ul li.past a:hover { background: var(--color-blue-20);}
.tunnelBreadcrumb ul li.past a { color: var(--color-blue-70);}
.tunnelBreadcrumb ul li.backLink a { color: var(--color-blue);} 

/* ---- Fil d Ariane ---- */

.tunnelBreadcrumb ul li:not(.backLink) span { display: block; border: 1px solid var(--color-blue); border-radius: 4px; padding: 5px 10px; color: var(--color-blue);  }
.mobileHeaderAriane ul li:not(.backLink) span { display: block; border: 1px solid var(--color-blue); border-radius: 4px; padding: 5px; color: var(--color-blue);  }
.mobileHeaderAriane:before, .headerRight .phoneWrapper:before, .proLink:before { content: ''; background: var(--color-blue); position: absolute; top: 0; bottom: 0; width: 1px; z-index: 2; left: -10px;  }
.mobileHeaderAriane ul li:not(.backLink) a { display: block; border: 1px solid var(--color-blue); border-radius: 4px; padding: 5px; color: var(--color-blue);  }
.mobileHeaderAriane ul li.past a:hover { background: var(--color-blue); }
.mobileHeaderAriane ul li.active a { color: var(--color-white); background: var(--color-blue); text-decoration: none; }
.retourArianeMobile {color: var(--color-blue) !important;}