.tabs_group [role="tab"][aria-selected="true"],
    .tabs_group [role="tab"]:hover,
    .tabs_group [role="tab"]:focus {
    background-color: #715C9F !important;
    }

    .tabs_group [role="tab"] {
    background: #715c9f1a !important;
    padding: 16px 10px !important;
    }

    .tabs_group [role="tab"][aria-selected="true"] .side_icon,
    .tabs_group [role="tab"]:hover .side_icon,
    .tabs_group [role="tab"]:focus .side_icon {
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }

    .tabs_group [role="tab"] .side_icon {
    fill: #333333;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }

    .c-card__plus--modal sup {
    vertical-align: middle;
    }

    .c-card__plus--modal {
    max-height: 600px;
    overflow-y: scroll;
    }

    .tabs .automatic .col-sm {
    margin: initial;
    padding: 0 5px !important;
    }

    .numbers {
        font-variant-numeric: lining-nums;
    }

.chiffre-cles {
    font-size: 26px;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
}

.main_page_title_secondary {
    line-height: 1 !important;
}

.case_bd {
    border: 2px solid #212121;
    overflow: hidden;
}

.bd_vertical {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(100% - 3rem);
}

.bd_horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bd_horizontal .bd_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.bd_horizontal .bd_content::before {
    content: '';
    position: absolute;
    right: calc(100% - 15px);
    top: -5px;
    height: calc(100% + 10px);
    width: 30px;
    transform: rotate(-5deg);
    background: white;
    border-left: 2px solid black;
}

.bd_vertical.odd .bd_content::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 11px);
    left: -5px;
    height: 20px;
    width: calc(100% + 10px);
    transform: rotate(2deg);
    background: white;
    border-top: 2px solid black;
}

.bd_vertical.even .bd_content::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 11px);
    left: -5px;
    height: 20px;
    width: calc(100% + 10px);
    transform: rotate(-2deg);
    background: white;
    border-top: 2px solid black;
}

.horizontal_1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* background: #bbdf71; */
}

.horizontal_2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* background: #bbdf71; */
}

.bd_title {
    display: inline-block;
    position: absolute;
    background: #fee13d;
    padding: 4px 12px;
    border: 2px solid black;
    z-index: 2;
    bottom: calc(100% - 8px);
    margin-left: 8px;
    max-width: calc(100% - 25px);
    font-weight: 700;
    font-size: 1.5rem;
}

.bd_title::before {
    content: '';
    position: absolute;
    background: #fee13d;
    height: 20px;
    width: 20px;
    bottom: -12px;
    left: 12px;
    transform: skew(45deg, 15deg) rotate(28deg);
    border-bottom: 3px solid black;
    border-right: 2px solid black;
}

.case_bd .row {
    gap: 0 !important;
}