/* Tabs classique */
.ui-tabs.ui-widget.ui-widget-content {border: none !important;padding: 0; background: transparent ;}
.ui-tabs .ui-tabs-nav li{border-radius: 0;border: none; background: transparent;transition: 0.3s; color: #707070;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); color: white;}
.ui-tabs .ui-tabs-nav li a{font-weight: bold;text-transform: uppercase; color: inherit;}
.ui-tabs .ui-tabs-nav .ui-state-active a, 
.ui-tabs .ui-tabs-nav .ui-state-active a:link, 
.ui-tabs.ui-tabs-nav .ui-state-active a:visited{ color: white; font-weight: bold;}
.ui-tabs .ui-tabs-nav{padding: 0; box-shadow: 2px 2px 8px #ccc;}

/* Tabs de page */
.tabsPage.ui-tabs {
    --couleurSelected: var(--couleurAppliClair2);
    --couleurHover: var(--couleurAppliClair4);
    --couleurUnselected: var(--couleurAppliClair5);
    border: none !important;
    padding: 0;
    background: transparent !important;
}
.tabsPage.ui-tabs .ui-tabs-nav li.tabsPageTitle
{
    margin: 0;
    padding: 5px;
    background: white;
    font-size: 14pt;
    min-width: 150px;
    color: var(--couleurAppli);
    display: flex;
    align-items: center;
    justify-content: center;
}


.tabsPage.ui-tabs.ui-tabs .ui-helper-clearfix::before,
.tabsPage.ui-tabs.ui-tabs .ui-helper-clearfix::after
{
    content: unset;
    display: none;
}

.tabsPage.ui-tabs ul.ui-tabs-nav {
    background: transparent;
    margin: 20px auto;
    margin-top: 0px;
    width: fit-content;
    box-shadow: none;
    border-radius: var(--borderRadius);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 5px;
    padding: 0;
}

.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab {
    float: none;
    margin: 0px;
    padding: 0px 3px;
    border-radius: 0;
    border: none;
    background: transparent;
    transition: all .3s  ease-in-out;
    background: var(--couleurUnselected);
    font-size: 1.1em;
}
.tabsPage.tabsPageBig.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab {
    font-size: 1.3em;
}

.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:nth-child(1 of .ui-tabs-tab) {
    padding-left: 0;
    border-top-left-radius: var(--borderRadius);
    border-bottom-left-radius: var(--borderRadius);
}
.tabsPage.ui-tabs ul.ui-tabs-nav li:nth-last-child(1 of .ui-tabs-tab){
   padding-right: 0;
   border-top-right-radius: var(--borderRadius);
   border-bottom-right-radius: var(--borderRadius);
}
.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 75%;
    width: 1px;
    background-color: #8c9397;
    z-index: 1;
}

.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab a {
    margin: 0;
    padding-left: 35px;
    padding-right: 35px;
    min-width: 150px;
    border-radius: var(--borderRadius);
    color: #99a0a5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    gap: 1em;
    box-sizing: content-box;
    font-size: inherit;
}
.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab a .tab-name {
    text-transform: none;
}

.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {
    background: var(--couleurSelected);
    color: var(--couleurAppliFonce) ;
    font-weight: bold;
}

.tabsPage.ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:hover:not(.ui-tabs-active) a {
    background: var(--couleurHover);
    color: var(--couleurAppliFonce);
}

.tabsPage.ui-tabs .ui-tabs-panel
{
    padding: 0px;
}
.tabsPage:not(.ui-tabs)
{
    display: none;
}


/* li.ui-tabs-tab{border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:2px 5px !important;color:#2b4080 !important;} */
