.rosace-odd {

}
.rosace-odd .img-ODD {
    display: none;
}
.rosace-odd .img-ODD.on {
    display: inherit;
}
.rosace-odd .svgRoue {
    text-align: center;
}

.rosace-odd .dcase, .rosace-odd .dlogo {
    cursor: pointer;
}
.rosace-odd .off {
    transition: .4s;
    -webkit-transition: .4s;
    fill: #555;
}
.rosace-odd svg path {
    transition: d 0.8s;
    -webkit-transition: d 0.8s;
}
.composition_rosace_odd, .composition_rosace_odd_recap {
    --bg-color-odd-1: #E7223B;
    --text-color-odd-1: #ffffff;

    --bg-color-odd-2: #E4B633;
    --text-color-odd-2: #161616;

    --bg-color-odd-3: #4B9E46;
    --text-color-odd-3: #161616;

    --bg-color-odd-4: #C4202E;
    --text-color-odd-4: #FFFFFF;

    --bg-color-odd-5: #EE402B;
    --text-color-odd-5: #ffffff;

    --bg-color-odd-6: #27BCE1;
    --text-color-odd-6: #161616;

    --bg-color-odd-7: #F9C213;
    --text-color-odd-7: #161616;

    --bg-color-odd-8: #A11C43;
    --text-color-odd-8: #FFFFFF;

    --bg-color-odd-9: #F16A2B;
    --text-color-odd-9: #ffffff;

    --bg-color-odd-10: #DC1768;
    --text-color-odd-10: #FFFFFF;

    --bg-color-odd-11: #F89D28;
    --text-color-odd-11: #161616;

    --bg-color-odd-12: #C6972D;
    --text-color-odd-12: #161616;

    --bg-color-odd-13: #407F44;
    --text-color-odd-13: #FFFFFF;

    --bg-color-odd-14: #1995D3;
    --text-color-odd-14: #ffffff;

    --bg-color-odd-15: #5EBA47;
    --text-color-odd-15: #161616;

    --bg-color-odd-16: #03699C;
    --text-color-odd-16: #FFFFFF;

    --bg-color-odd-17: #17486A;
    --text-color-odd-17: #FFFFFF;
}
.composition_rosace_odd .titre-ODD-1 {
    background-color: var(--bg-color-odd-1);
}
.composition_rosace_odd .titre-ODD-2 {
    background-color: var(--bg-color-odd-2);
}
.composition_rosace_odd .titre-ODD-3 {
    background-color: var(--bg-color-odd-3);
}
.composition_rosace_odd .titre-ODD-4 {
    background-color: var(--bg-color-odd-4);
}
.composition_rosace_odd .titre-ODD-5 {
    background-color: var(--bg-color-odd-5);
}
.composition_rosace_odd .titre-ODD-6 {
    background-color: var(--bg-color-odd-6);
}
.composition_rosace_odd .titre-ODD-7 {
    background-color: var(--bg-color-odd-7);
}
.composition_rosace_odd .titre-ODD-8 {
    background-color: var(--bg-color-odd-8);
}
.composition_rosace_odd .titre-ODD-9 {
    background-color: var(--bg-color-odd-9);
}
.composition_rosace_odd .titre-ODD-10 {
    background-color: var(--bg-color-odd-10);
}
.composition_rosace_odd .titre-ODD-11 {
    background-color: var(--bg-color-odd-11);
}
.composition_rosace_odd .titre-ODD-12 {
    background-color: var(--bg-color-odd-12);
}
.composition_rosace_odd .titre-ODD-13 {
    background-color: var(--bg-color-odd-13);
}
.composition_rosace_odd .titre-ODD-14 {
    background-color: var(--bg-color-odd-14);
}
.composition_rosace_odd .titre-ODD-15 {
    background-color: var(--bg-color-odd-15);
}
.composition_rosace_odd .titre-ODD-16 {
    background-color: var(--bg-color-odd-16);
}
.composition_rosace_odd .titre-ODD-17 {
    background-color: var(--bg-color-odd-17);
}
.composition_rosace_odd .titre-ODD-1 h2 {
    color: var(--text-color-odd-1);
}

.composition_rosace_odd .titre-ODD-2 h2 {
    color: var(--text-color-odd-2);
}

.composition_rosace_odd .titre-ODD-3 h2 {
    color: var(--text-color-odd-3);
}

.composition_rosace_odd .titre-ODD-4 h2 {
    color: var(--text-color-odd-4);
}

.composition_rosace_odd .titre-ODD-5 h2 {
    color: var(--text-color-odd-5);
}

.composition_rosace_odd .titre-ODD-6 h2 {
    color: var(--text-color-odd-6);
}

.composition_rosace_odd .titre-ODD-7 h2 {
    color: var(--text-color-odd-7);
}

.composition_rosace_odd .titre-ODD-8 h2 {
    color: var(--text-color-odd-8);
}

.composition_rosace_odd .titre-ODD-9 h2 {
    color: var(--text-color-odd-9);
}

.composition_rosace_odd .titre-ODD-10 h2 {
    color: var(--text-color-odd-10);
}

.composition_rosace_odd .titre-ODD-11 h2 {
    color: var(--text-color-odd-11);
}

.composition_rosace_odd .titre-ODD-12 h2 {
    color: var(--text-color-odd-12);
}

.composition_rosace_odd .titre-ODD-13 h2 {
    color: var(--text-color-odd-13);
}

.composition_rosace_odd .titre-ODD-14 h2 {
    color: var(--text-color-odd-14);
}

.composition_rosace_odd .titre-ODD-15 h2 {
    color: var(--text-color-odd-15);
}

.composition_rosace_odd .titre-ODD-16 h2 {
    color: var(--text-color-odd-16);
}

.composition_rosace_odd .titre-ODD-17 h2 {
    color: var(--text-color-odd-17);
}

.composition_rosace_odd .fr-hr {
    background-size: 100% 2px;
    margin-top: var(--ul-start);
}
.composition_rosace_odd .fr-hr-odd-1 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-1), var(--bg-color-odd-1));
}
.composition_rosace_odd .fr-hr-odd-2 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-2), var(--bg-color-odd-2));
}
.composition_rosace_odd .fr-hr-odd-3 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-3), var(--bg-color-odd-3));
}
.composition_rosace_odd .fr-hr-odd-4 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-4), var(--bg-color-odd-4));
}
.composition_rosace_odd .fr-hr-odd-5 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-5), var(--bg-color-odd-5));
}
.composition_rosace_odd .fr-hr-odd-6 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-6), var(--bg-color-odd-6));
}
.composition_rosace_odd .fr-hr-odd-7 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-7), var(--bg-color-odd-7));
}
.composition_rosace_odd .fr-hr-odd-8 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-8), var(--bg-color-odd-8));
}
.composition_rosace_odd .fr-hr-odd-9 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-9), var(--bg-color-odd-9));
}
.composition_rosace_odd .fr-hr-odd-10 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-10), var(--bg-color-odd-10));
}
.composition_rosace_odd .fr-hr-odd-11 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-11), var(--bg-color-odd-11));
}
.composition_rosace_odd .fr-hr-odd-12 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-12), var(--bg-color-odd-12));
}
.composition_rosace_odd .fr-hr-odd-13 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-13), var(--bg-color-odd-13));
}
.composition_rosace_odd .fr-hr-odd-14 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-14), var(--bg-color-odd-14));
}
.composition_rosace_odd .fr-hr-odd-15 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-15), var(--bg-color-odd-15));
}
.composition_rosace_odd .fr-hr-odd-16 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-16), var(--bg-color-odd-16));
}
.composition_rosace_odd .fr-hr-odd-17 {
    background-image: linear-gradient(0deg, var(--bg-color-odd-17), var(--bg-color-odd-17));
}

.composition_rosace_odd .svgRoue [data-rosace-odd-trigger] {
    cursor: pointer;
    transition: opacity .2s ease, filter .2s ease;
}

.composition_rosace_odd .svgRoue [data-rosace-odd-trigger].off {
    filter: grayscale(1);
}

.composition_rosace_odd .svgRoue [data-rosace-odd-trigger].is-active {
    opacity: 1;
    filter: none;
}

.composition_rosace_odd .tendances {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    justify-content: center;
}

.composition_rosace_odd .tendances > div {
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border: 2px solid #6C6C6C;
    border-radius: 50%;
    flex: none;
    flex-grow: 0;
    order: 0;
    flex-grow: 0;
}
.composition_rosace_odd .tendances .contributionValue--2 {
    border-color: #FF5655;
}
.composition_rosace_odd .tendances.tendances-2 .contributionValue--2 {
    background: #FF5655;
}
.composition_rosace_odd .tendances .contributionValue--1 {
    border-color: #FF732C;
}
.composition_rosace_odd .tendances.tendances-1 .contributionValue--1 {
    background: #FF732C;
}
.composition_rosace_odd .tendances .contributionValue-1 {
    border-color: #FFE552;
}
.composition_rosace_odd .tendances.tendances1 .contributionValue-1 {
    background: #FFE552;
}
.composition_rosace_odd .tendances .contributionValue-2 {
    border-color: #34CB6A;
}
.composition_rosace_odd .tendances.tendances2 .contributionValue-2 {
    background: #34CB6A;
}
.composition_rosace_odd .tendances.tendancesX .contributionValue--2 {
    border-color: #6C6C6C;
}
.composition_rosace_odd .tendances.tendancesX .contributionValue-2 {
    border-color: #6C6C6C;
}
.composition_rosace_odd .tendances.tendancesX .contributionValue--1 {
    border-color: #6C6C6C;
}
.composition_rosace_odd .tendances.tendancesX .contributionValue-1 {
    border-color: #6C6C6C;
}

.composition_rosace_odd .fr-table {
    margin-bottom: 0;
}
.composition_rosace_odd .fr-table thead th, .composition_rosace_odd .fr-table tbody td {
    text-align: center;
}
.composition_rosace_odd .fr-table thead th {
    font-weight: 400;
}
.composition_rosace_odd .fr-table tbody td {
    font-weight: 900;
}

.composition_rosace_odd .graphValue {
    width: 350px;
    height: 140px;
}

.composition_rosace_odd .graphEvolution {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 5px 0 -18px 0;
}

.composition_rosace_odd .rosace-odd-chart-source {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.composition_rosace_odd .custom-link {
}
.composition_rosace_odd .custom-link a {
    --underline-img: inherit;
}
.composition_rosace_odd .custom-link a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 769px) {
    .composition_rosace_odd .graphValue {
        width: 250px;
        height: 180px;
    }
}

@media only screen and (max-width: 600px) {
    .composition_rosace_odd .graphValue {
        display: none;
    }
}

.rosace-odd__header {
    margin-bottom: 2rem;
}

.rosace-odd__tabs {
}

.rosace-odd__meta {
    padding: 1rem;
    background: var(--background-alt-grey);
}

.rosace-odd__source {
    margin-bottom: .5rem;
}

.rosace-odd__chart {
    width: 100%;
    min-height: 420px;
    margin: 1.5rem 0;
}

.rosace-odd__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.rosace-odd__card .fr-card__title {
    font-size: 1rem;
    line-height: 1.4;
}

.rosace-odd__progress-values {
    margin-top: 1rem;
    font-size: .875rem;
}

.rosace-odd__legend-list {
    display: grid;
    gap: .5rem;
    padding-left: 0;
    list-style: none;
}

.rosace-odd__dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    border-radius: 50%;
    vertical-align: -0.15em;
    border: 1px solid var(--border-default-grey);
}

.rosace-odd__dot--minus-2 {
    background: #ce0500;
}

.rosace-odd__dot--minus-1 {
    background: #ffb000;
}

.rosace-odd__dot--plus-1 {
    background: #fcee21;
}

.rosace-odd__dot--plus-2 {
    background: #00a95f;
}

.rosace-odd__dot--unknown {
    background: #929292;
}

.rosace-odd__indicators {
    display: grid;
    gap: 1.5rem;
}

.rosace-odd__indicator {
    scroll-margin-top: 2rem;
}

.rosace-odd__badge {
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: .25rem;
    font-weight: 700;
}

.rosace-odd__badge[data-progress="-2"] {
    background: #ce0500;
    color: #fff;
}

.rosace-odd__badge[data-progress="-1"] {
    background: #ffb000;
    color: #000;
}

.rosace-odd__badge[data-progress="1"] {
    background: #fcee21;
    color: #000;
}

.rosace-odd__badge[data-progress="2"] {
    background: #00a95f;
    color: #000;
}

.rosace-odd__badge[data-progress="X"] {
    background: #929292;
    color: #fff;
}

@media (max-width: 48em) {
    .rosace-odd__chart {
        min-height: 320px;
    }

    .rosace-odd__grid {
        grid-template-columns: 1fr;
    }
}
.composition_rosace_odd_recap .rosace-odd-recap-chart {
    width: 100%;
    height: 650px;
}

.composition_rosace_odd_recap .rosace-odd-recap-source {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.composition_rosace_odd_recap .rosace-odd-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.composition_rosace_odd_recap .rosace-odd-list__item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.composition_rosace_odd_recap .rosace-odd-list__icon {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
}

.composition_rosace_odd_recap .rosace-odd-recap-num {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    flex: 0 0 auto;
}
.composition_rosace_odd_recap .numero-ODD {
    width: 2.5rem;
    align-self: center !important;
}
.composition_rosace_odd_recap .text-ODD {
    align-self: center !important;
    margin: 0;
    line-height: 1.2rem !important;
}

.composition_rosace_odd_recap .rosace-odd-recap-num-1 { background-color: var(--bg-color-odd-1); }
.composition_rosace_odd_recap .rosace-odd-recap-num-2 { background-color: var(--bg-color-odd-2); }
.composition_rosace_odd_recap .rosace-odd-recap-num-3 { background-color: var(--bg-color-odd-3); }
.composition_rosace_odd_recap .rosace-odd-recap-num-4 { background-color: var(--bg-color-odd-4); }
.composition_rosace_odd_recap .rosace-odd-recap-num-5 { background-color: var(--bg-color-odd-5); }
.composition_rosace_odd_recap .rosace-odd-recap-num-6 { background-color: var(--bg-color-odd-6); }
.composition_rosace_odd_recap .rosace-odd-recap-num-7 { background-color: var(--bg-color-odd-7); }
.composition_rosace_odd_recap .rosace-odd-recap-num-8 { background-color: var(--bg-color-odd-8); }
.composition_rosace_odd_recap .rosace-odd-recap-num-9 { background-color: var(--bg-color-odd-9); }
.composition_rosace_odd_recap .rosace-odd-recap-num-10 { background-color: var(--bg-color-odd-10); }
.composition_rosace_odd_recap .rosace-odd-recap-num-11 { background-color: var(--bg-color-odd-11); }
.composition_rosace_odd_recap .rosace-odd-recap-num-12 { background-color: var(--bg-color-odd-12); }
.composition_rosace_odd_recap .rosace-odd-recap-num-13 { background-color: var(--bg-color-odd-13); }
.composition_rosace_odd_recap .rosace-odd-recap-num-14 { background-color: var(--bg-color-odd-14); }
.composition_rosace_odd_recap .rosace-odd-recap-num-15 { background-color: var(--bg-color-odd-15); }
.composition_rosace_odd_recap .rosace-odd-recap-num-16 { background-color: var(--bg-color-odd-16); }
.composition_rosace_odd_recap .rosace-odd-recap-num-17 { background-color: var(--bg-color-odd-17); }
.composition_rosace_odd_recap .tranche-odd-1 { fill: var(--bg-color-odd-1); }
.composition_rosace_odd_recap .tranche-odd-2 { fill: var(--bg-color-odd-2); }
.composition_rosace_odd_recap .tranche-odd-3 { fill: var(--bg-color-odd-3); }
.composition_rosace_odd_recap .tranche-odd-4 { fill: var(--bg-color-odd-4); }
.composition_rosace_odd_recap .tranche-odd-5 { fill: var(--bg-color-odd-5); }
.composition_rosace_odd_recap .tranche-odd-6 { fill: var(--bg-color-odd-6); }
.composition_rosace_odd_recap .tranche-odd-7 { fill: var(--bg-color-odd-7); }
.composition_rosace_odd_recap .tranche-odd-8 { fill: var(--bg-color-odd-8); }
.composition_rosace_odd_recap .tranche-odd-9 { fill: var(--bg-color-odd-9); }
.composition_rosace_odd_recap .tranche-odd-10 { fill: var(--bg-color-odd-10); }
.composition_rosace_odd_recap .tranche-odd-11 { fill: var(--bg-color-odd-11); }
.composition_rosace_odd_recap .tranche-odd-12 { fill: var(--bg-color-odd-12); }
.composition_rosace_odd_recap .tranche-odd-13 { fill: var(--bg-color-odd-13); }
.composition_rosace_odd_recap .tranche-odd-14 { fill: var(--bg-color-odd-14); }
.composition_rosace_odd_recap .tranche-odd-15 { fill: var(--bg-color-odd-15); }
.composition_rosace_odd_recap .tranche-odd-16 { fill: var(--bg-color-odd-16); }
.composition_rosace_odd_recap .tranche-odd-17 { fill: var(--bg-color-odd-17); }

@media (max-width: 768px) {
    .composition_rosace_odd_recap .rosace-odd-recap-chart {
        height: 360px;
    }
}