:root{
	--color-yellow : #fdc67f;
}

body { background: var(--color-orange);}
.btn.btnMain { background: var(--color-yellow); border-color: var(--color-yellow); color: var(--color-orange);}
h2 { color: var(--color-white);}
.accordion-section.collapsed h2 { color: var(--color-orange);}
form label { color: var(--color-blue); }


.tunnelTitleWrapper{background: var(--color-yellow);}
.tunnelHeaderWrapper { background-color: var(--color-white);}
.tunnelBreadcrumb ul li.past a, .tunnelBreadcrumb ul li.backLink a, .headerRight a { color: var(--color-orange);}
.tunnelBreadcrumb ul li.past a:hover { background: var(--color-yellow); }
.tunnelBreadcrumb ul li.active a { color: var(--color-white); background: var(--color-orange);}
.tunnelBreadcrumb ul li:not(.backLink) a {   border: 1px solid var(--color-orange); }
.tunnelBreadcrumb:before, .headerRight .phoneWrapper:before, .proLink:before {background: var(--color-orange);}
.tabs li a.selected {background: var(--color-orange);color: var(--color-white);}
.tabs li a:hover {background: var(--color-orange-50);}
.tabs li a { border: 1px solid var(--color-orange);}
.hebergementWrapper .titleWrapper> h2 { color: var(--color-blue);}

.footer .main {color: var(--color-white);}

.plusLinkAdd { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;  background: transparent; border: 1.5px solid var(--color-white); cursor: pointer; border-radius: 30px; text-decoration: none; font-size: 20px; color: var(--color-white); }
.plusLinkAdd:hover { background: var(--color-orange-50); color: var(--color-white);}
.separator-with-plus::before, .separator-with-plus::after {content: '';flex: 1;height: 1px;background: var(--color-white);margin: 0 15px;}

form .villeDepartWrapper label { color: var(--color-yellow);}
.badgeCode { border-color: var(--color-yellow); color: var(--color-yellow);}

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

.tunnelBreadcrumb ul li:not(.backLink) span { display: block; border: 1px solid var(--color-orange); color: var(--color-orange);  border-radius: 4px; padding: 5px 10px;  }
.mobileHeaderAriane ul li:not(.backLink) span { display: block; border: 1px solid var(--color-orange); border-radius: 4px; padding: 5px; color: var(--color-orange);  }
.mobileHeaderAriane:before, .headerRight .phoneWrapper:before, .proLink:before { content: ''; background: var(--color-orange); 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-orange); border-radius: 4px; padding: 5px; color: var(--color-orange);  }
.mobileHeaderAriane ul li.past a { color: var(--color-orange); text-decoration: none; }
.mobileHeaderAriane ul li.past a:hover { background: var(--color-yellow); }
.mobileHeaderAriane ul li.active a { color: var(--color-white); background: var(--color-orange); text-decoration: none; }
.retourArianeMobile {color: var(--color-orange) !important;}