.print-only{
    display: none;
}

        #tarteaucitronRoot {
         display: none;
         }

       .nowrap {
           white-space: nowrap;
       }

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


       @media only print {
         footer {
         display: block;
         text-align: center;
       }
     
       footer p {
             font-size: 7px;
             color: #666;
             text-align: center;
             display: block;
         }
       }
     
             #tabsODD {
                 padding-left: 1rem !important;
                  padding-right: 1rem !important;
                 }
     
     .fr-accordion:before {
         box-shadow: inset 0 var(--border-default-grey),0 var(--border-default-grey);
     }
     
             .w-35{width:35%;}
             .w-20{width:20%;}
             .w-10{ width:10%;}
     
             .hr-rouge {
                 height: 3px;
                  flex: none;
                   order: 2;
                   align-self: stretch;
                  flex-grow: 0;
                 margin-top:1px
             }
             .fr-tabs__panel {
             padding: 1rem;
             }
     
             svg path {
                 transition: d:0.8s;
                 -webkit-transition: d 0.8s;
             }
             
     
             .off{
                 transition:  .4s;
                 -webkit-transition:  .4s;
                 fill: #555;
             }
     
     
             #off1:hover, #off1.on {
                 d: path("M887.046 239.8C830.97 218.198 770.046 206.356 706.356 206.356V403.356C749.665 403.356 779.224 409.667 817.356 424.356L887.046 239.8Z");
             }
             #off2:hover, #off2.on {
                 d: path("M1043.38 336.579C998.898 296.178 946.366 263.128 886.977 240.12L815.812 423.817C856.197 439.462 881.48 456.025 911.731 483.497L1043.38 336.579Z");
             }
             #off3:hover, #off3.on {
                 d: path("M1154.23 483.353C1127.35 429.607 1090.31 379.807 1043.25 336.893L910.514 482.462C942.516 511.643 960.106 536.222 978.385 572.769L1154.23 483.353Z");
             }
             #off4:hover, #off4.on {
                 d: path("M1204.55 660.234C1198.9 600.406 1182.36 540.588 1153.98 483.57L977.616 571.348C996.913 610.12 1004.43 639.394 1008.27 680.077L1204.55 660.234Z");
             }
             #off5:hover, #off5.on {
                 d: path("M1187.56 843.346C1203.91 785.52 1210.1 723.765 1204.23 660.345L1008.07 678.473C1012.06 721.599 1008.49 751.613 997.374 790.935L1187.56 843.346Z");
             }
             #off6:hover, #off6.on {
                 d: path("M1105.56 1007.95C1141.7 959.938 1169.78 904.589 1187.23 843.336L997.764 789.366C985.899 831.018 971.732 857.718 947.158 890.366L1105.56 1007.95Z");
             }
             #off7:hover, #off7.on {
                 d: path("M969.629 1131.81C1020.67 1100.1 1066.85 1058.63 1105.25 1007.82L948.088 889.044C921.976 923.596 899.119 943.373 864.409 964.938L969.629 1131.81Z");
             }
             #off8:hover, #off8.on {
                 d: path("M798.128 1198.19C857.182 1187.06 915.224 1165.08 969.389 1131.58L865.754 964.041C828.922 986.824 800.464 997.008 760.307 1004.57L798.128 1198.19Z");
             }
             #off9:hover, #off9.on {
                 d: path("M614.23 1198.12C673.315 1209.08 735.377 1209.56 797.989 1197.89L761.886 1004.22C719.31 1012.16 689.095 1011.38 648.917 1003.92L614.23 1198.12Z");
             }
             #off10:hover, #off10.on {
                 d: path("M442.778 1131.62C493.912 1163.19 551.61 1186.05 614.209 1197.79L650.515 1004.17C607.948 996.185 580.058 984.535 545.286 963.069L442.778 1131.62Z");
             }
             #off11:hover, #off11.on {
                 d: path("M306.935 1007.66C343.21 1055.57 388.749 1097.74 442.878 1131.3L546.689 963.874C509.881 941.052 488.084 920.112 463.417 887.534L306.935 1007.66Z");
             }
             #off12:hover, #off12.on {
                 d: path("M225.054 842.999C241.569 900.778 268.796 956.551 307.144 1007.4L464.433 888.791C438.357 854.211 425.598 826.811 414.368 787.521L225.054 842.999Z");
             }
             #off13:hover, #off13.on {
                 d: path("M208.197 659.875C202.721 719.718 207.958 781.561 225.343 842.832L414.862 789.061C403.041 747.396 401.044 717.237 404.767 676.544L208.197 659.875Z");
             }
             #off14:hover, #off14.on {
                 d: path("M258.641 483.03C231.914 536.852 214.454 596.41 208.526 659.823L404.671 678.157C408.702 635.036 417.736 606.193 435.911 569.593L258.641 483.03Z");
             }
             #off15:hover, #off15.on {
                 d: path("M369.572 336.357C325.204 376.887 287.405 426.113 258.967 483.101L435.238 571.064C454.576 532.312 473.421 508.681 503.591 481.12L369.572 336.357Z");
             }
             #off16:hover, #off16.on {
                 d: path("M526.002 239.671C469.988 261.433 416.957 293.677 369.85 336.541L502.434 482.248C534.466 453.101 560.576 437.874 598.666 423.076L526.002 239.671Z");
             }
             #off17:hover, #off17.on {
                 d: path("M706.798 206.033C646.705 206.088 585.607 216.994 526.195 239.943L597.179 423.71C637.579 408.104 667.426 403.34 708.289 403.303L706.798 206.033Z");
             }
     
             .fr-tabs:before {
              box-shadow: none;
     }
     
     
             .img-ODD{
                 display:none
             }
             
             .img-ODD.on{
                 display:inherit
             }
     
             #ODD00{
                 display:inherit
             }
     
             .dcase, .dlogo {
                 cursor: pointer;
             }
     
             .svgRoue{
                 height: min-content;
                 text-align: center;
             }
     
             .containerData{
                 display: flex;
                 flex-direction: row;
                 align-items: stretch;
                 justify-content: space-between;
             }
     
             .containerIndicateur{
                 display: flex; 
                 flex-direction: column; 
                 align-items: center; 
                 gap: 20px; 
                 width:30%
             }
     
             .indicateurTitle{
                 text-align: center; 
                 color: var(--grey-50-1000);
             }
     
             .indicateurValue{
                 text-align: center; 
                 font-style: normal; 
                 font-weight: 700; 
                 line-height: 22px;
             }
     
             .containerGraph{
                 display: flex; 
                 flex-direction: column; 
                 align-items: center; 
                 gap: 0px; 
                 width:30%
             }
     
             .graphTitle{
                 text-align: center; 
                 font-style: normal; 
                 line-height: 22px; 
                 color: var(--grey-50-1000);
             }
     
             .graphEvolution{
                 text-align: center; 
                 font-style: normal; 
                 font-weight: 700; 
                 line-height: 22px; 
                 margin: 5px 0 -18px 0;
             }
     

     
             .derniereContainer{
                 display: flex; 
                 flex-direction: column; 
                 align-items: center; 
                 gap: 20px; 
                 width:10%
             }
     
             .derniereTitle{
                 text-align: center; 
                 font-style: normal; 
                 line-height: 22px; 
                 color: var(--grey-50-1000);
             }
     
             .derniereValueContainer{
                 display: flex; 
                 align-items: center; 
                 flex-direction: column; 
                 justify-content: center;
             }
     
             .derniereValue{
                 text-align: center; 
                 border: 1px solid white; 
                 border-radius: 50%; 
                 display: flex; 
                 align-items: center; 
                 justify-content: center; 
                 width: max-content; 
                 height: max-content; 
                 min-width: 60px; 
                 min-height: 60px; 
                 padding: 0 10px;
             }
     
             .lineContainer{
                 padding-bottom: 15px;
             }
     
             .contributionContainer{
                 display: flex; 
                 flex-direction: column; 
                 align-items: center; 
                 gap: 20px; 
                 width:20%
             }
     
             .contributionTitle{
                 text-align: center; 
                 font-style: normal; 
                 line-height: 22px; 
                 color: var(--grey-50-1000); 
                 width:80%;
             }
     
             .contributionValueContainer{
                 display: flex; 
                 flex-direction: row; 
                 align-items: flex-start; 
                 padding: 0px; 
                 gap: 8px; 
                 width: 145px; 
                 height: 25px; 
                 flex: none; 
                 order: 0; 
                 flex-grow: 0;
             }
     
             .contributionValueX{
                 box-sizing: border-box; 
                 width: 25px; 
                 height: 25px; 
                 border-radius: 90px;  
                 border: 2.5px solid #6C6C6C;
                 flex: none; 
                 order: 0; 
                 flex-grow: 0;
             }
     
             .contributionValue{
                 box-sizing: border-box; 
                 width: 25px; 
                 height: 25px; 
                 border: 2.5px solid #FF5655; 
                 border-radius: 90px; 
                 flex: none; 
                 order: 0; 
                 flex-grow: 0;
             }
     
             .contributionText{
                 text-align:center
             }
     
             .td-no-bold{
                 font-weight: normal;
                 background-color: var(--background-default-grey-hover);
                 border-radius: 0;
             }
     
             .asterix{
                 display:flex
             }
     
             .fr-accordion__btn {
                padding: 0.75rem 1rem;
                border: 1px solid #eee;
                margin-bottom:0;
                color: var(--text-active-grey);
                font-weight: 700;
              
            }

            .fr-accordion__btn[aria-expanded=true]{
                --idle: inherit;
                --hover: inherit;
                --active: inherit;
                background-color: inherit;
            }
     
              section.titre-ODD {
                  margin-bottom: 5px;
                 }

                 .fr-collapse {
                   --collapse-max-height: auto;
               }


               @media only screen and (max-width: 1024px) {


               footer {
               display: none;
               text-align: center;
               }

               footer p {
               font-size: 7px;
               color: #666;
               text-align: center;
               }

               .fr-sidemenu--sticky {
               position:relative;
               top: unset;
                   }
                   
                   .ODD-container {padding:0 1em;}
                   .commentaire {padding: 0.5em 1em; font-size: 80% !important;line-height: 140% !important;}
               /* .svgRoue svg {width: 80%; height: auto;}*/
                   h2.fr-h4 {
                   font-size: 1.175rem!important;
                   line-height: 1.5rem !important;
                   }
                   table, .fr-accordion__btn {    font-size: 80%; line-height: 140%;}
                   div.fr-mt-3w, .fr-my-1w {margin-top:0 !important}
                   td {vertical-align: top;}
                   .separation P {margin:0; font-size:80%; line-height: 140%}
                   
               }


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

               .tendances {display: none !important;}

           }

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

           }

           @media only screen and (max-width: 321px) {
               .tailleroue {
               width: 300px;
               height:300px;
               }

               .graphValue {display: none;}

           }

            

            body {
                overflow-y: scroll; /* Show vertical scrollbar */
            }


           

     table {
  width: 100%;
}
td {
  text-align: center;
  font-weight: 900;
  padding: 0 5px;
}

thead {
    font-weight: bold;
    border-bottom:1px solid var(--border-default-grey);
    vertical-align: middle;
}

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

.separation {
    border-right: 1px solid #var(--border-default-grey);
    /*width:25%;*/
}

#tabpanel-1-panel.ODD-container-off{
    display: none!important;
}

.evolution-container{
    display: flex;
    justify-content: center;
    background-image: none;
    background-position: none;
    background-repeat: none;
    background-size: none;
    transition: none;
}

.evolution-text:hover{
    text-decoration: underline;
    cursor: help;
}

.derniere-valeur-container{
    display: flex;
    justify-content: center;
    background-image: none;
    background-position: none;
    background-repeat: none;
    background-size: none;
    transition: none;
}

.derniere-valeur-text:hover{
    text-decoration: underline;
    cursor: help;
}

.commentaire{
    white-space: pre-line
}

.custom-link{
    --underline-img: inherit;   
    display: inline;
}