:root {
    --breadcrumb-color: var(--pro-breadcrumb-color) !important;
    --breadcrumb-active-color: var(--pro-breadcrumb-active-color) !important;
    --breadcrumb-active-txt-color: var(--pro-breadcrumb-active-txt-color) !important;
    --main-color: var(--pro-main-color) !important;
    --main-color-txt: var(--pro-main-color-txt) !important;
    --option-color: var(--pro-option-color) !important;
    --main-button-color: var(--pro-main-button-color) !important;
    --main-button-color-hover: var(--pro-main-button-color-hover) !important;
}

.ui.button.selectBtn.active{
    background-color: var(--pro-main-color) !important;
    color: #fff;
}

.ui.button.selectBtn:hover{
    background-color: var(--pro-main-color) !important;
    color: var(--pro-breadcrumb-color);
} 

.btnProfessionnel {
    background-color: var(--pro-main-button-color) !important;
    color: var(--pro-main-color-txt) !important;
}
.btnProfessionnel:hover {
    background-color: var(--pro-main-button-color-hover) !important;
    color: var(--pro-main-color-txt) !important;
}

.titreSection{
    color: var(--pro-main-color) !important;
}
.padding-vertical5 {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
/*
-----------------------------
Card affichant le tarif en PJ
-----------------------------
*/
.title-tarif-small{
    color: var(--main-color-txt);
    font-weight: bold;
    font-size: 1.5rem;
}

.val-tarif-small{
    margin-top: 34px;
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: bold;
}