/*CSS commun à tous les écrans*/
* {
    line-height: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'biks-2022-V01-1' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.highcharts-exporting-group {
    display: none !important;
}

/*Modification des icônes*/
.icon-biks-logo-1:before {
    content: "\e900";
}

.icon-icn-G-24:before {
    content: "\e901";
}

.icon-icn-G-copy-24:before {
    content: "\e902";
}

.icon-icn-S-24:before {
    content: "\e903";
}

.icon-icn-U-24:before {
    content: "\e904";
    color: #333367;
}

.icon-icn-U-copy-24:before {
    content: "\e905";
}

.k-i-arrow-left:before {
    content: "\e007";
}

.k-i-arrow-right:before {
    content: "\e005";
}
/*Icone tri tableau*/
.k-i-sort-asc-sm:before {
    color: white;
    margin-top: 1px;
    content: "\e124";
}

.k-i-sort-desc-sm:before {
    color: white;
    margin-top: 1px;
    content: "\e125";
}

.k-i-unsort:before {
    color: white;
    margin-top: 1px;
    content: "\e126";
}

.k-i-pin:before {
    content: "\e702";
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top;
    margin-left: 7px;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    padding: 6px !important;
    float: right;
    margin: -0.5em -0.6em -0.4em 0;
    padding: 0.5em 0.2em 0.4em;
    position: relative;
    z-index: 1;
    color: inherit;
}


/*Police d'écriture*/
@font-face {
    font-family: 'Roboto-Black';
    src: url('Roboto/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('Roboto/Roboto-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('Roboto/Roboto-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('Roboto/Roboto-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('Roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('Roboto/Roboto-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('Roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('Roboto/Roboto-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('Roboto/Roboto-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('Roboto/Roboto-ThinItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'biks-2022-V01-1';
    src: url('BiksV4/biks-2022-V01-1.ttf') format('truetype');
}

.k-icon-16 {
    color: black;
    font-size: 16px;
}

.k-icon-18 {
    color: black;
    font-size: 18px;
}

.k-icon-20 {
    color: black;
    font-size: 20px;
}

.k-icon-22 {
    color: black;
    font-size: 22px;
}

.k-icon-24 {
    color: black;
    font-size: 24px;
}

.k-icon-26 {
    color: black;
    font-size: 26px;
}

.k-icon-28 {
    color: black;
    font-size: 28px;
}

.k-icon-30 {
    color: black;
    font-size: 30px;
}

.k-icon-32 {
    color: black;
    font-size: 32px;
}

.k-icon-36 {
    color: black;
    font-size: 36px;
}
/**/
/**/
/* Fichier pour mobile */
/*Format à la vertical*/
@media (max-device-width: 1199px) and (orientation:portrait) {
    .highcharts-tooltip-container{
        display: none;
    }

    .k-icon-SousMenu {
        color: white;
        font-size: 8vw;
    }

    .k-icon-RecapIcon {
        color: black;
        font-size: 4vw;
    }

    .EcartFinPage {
        height: 90vh;
        min-height: 1px;
        width: 6vw;
    }

    .TailleContenuMilieu {
        width: 88vw;
        height: auto;
    }

    .EcartEntreSousMenuEtContenu {
        width: 100vw;
        height: 15vw;
    }

    .k-icon-32-white {
        color: /*white*/ #E38095;
        font-size: 8vw;
    }

    .k-icon-32-black {
        color: black;
        font-size: /*6vw*/ 36px;
    }

    #TdSousMenuMobile {
        height: 15vw;
        cursor: pointer;
        position: fixed;
        z-index: 101;
    }

    #SousMenuZFMobile {
        display: none;
        height: 100vh;
        width: 100vw;
        cursor: pointer;
        position: fixed;
        z-index: 101;
        background-color: white;
    }

    #DivSousMenuMobile {
        height: 4vw;
        padding-left: 0.5vw;
        z-index: 1002;
    }

    #imgSousMenuMobile {
        height: 14vw;
    }

    #btnSousMenuMobile {
        height: 4vw;
        padding: 0px;
        margin: 0px;
        max-height: 40px;
        max-width: 40px;
    }

    /*#imageAccueilMobile {
        display: block;
    }*/

    #imageAccueilPC {
        display: none;
    }

    .Img_Menu {
        width: 100%;
        height: 100%;
        max-width: 40px;
        max-height: 40px;
    }

    #ImageLogoBiksMenu {
        margin: 1vh 0px 1vh 3.8vw;
        width: auto;
        height: 6vh;
    }

    .Div-TexteBox-Connexion {
        width: 80vw;
        height: 7vh;
        background-color: #fff;
        border: 1px solid #35A8E0;
        margin: 0px 6vw 0px 6vw;
        border-radius: 6px;
    }

    .TexteBox-Connexion {
        width: 100%;
        height: 6.7vh;
        background-color: #fff;
        border: 0px;
        color: #000;
        padding: 0px;
        font-size: 6vw;
        font-family: Roboto-Light;
        max-width: inherit !important;
    }

    .BtnSeConnecter {
        background-color: #25749A !important;
        border-color: white !important;
        color: White !important;
        Font-Size: 6vw !important;
        Width: 225px !important;
        Height: 44px !important;
        border-radius: 6px !important;
        font-family: Roboto-Medium !important;
        box-shadow: none !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
        text-decoration: line-through;
    }

    .dropdown-menu {
        background-color: #344957;
        left: initial;
        width: 11vw;
        float: none;
        min-width: 11vw;
        border-radius: 34px;
        margin: 3px;
    }

        .dropdown-menu li:first-child {
            margin-top: 0;
        }

        .dropdown-menu li:last-child {
            margin-bottom: 0px;
        }

        .dropdown-menu li {
            margin: 3px;
        }

    .MenuBtnDrapeau {
        width: auto;
        height: 35px;
        background-color: #D2D2D2;
        border-radius: 20px;
        display: block;
        margin-left: 50px;
    }

        .MenuBtnDrapeau:hover {
            background-color: #344957;
        }

    .MenuBtnDrapeau_active {
        width: auto;
        height: 35px;
        background-color: #344957;
        border-radius: 20px;
        display: block;
        margin-left: 0px;
    }

    .-Home-Login {
        height: 100vh;
        width: 100vw;
        margin: auto;
        background-color: #F7F9FA;
    }

    .TableGeneral {
        height: 100vh;
        width: 100vw;
        margin: auto;
        background-color: white;
        overflow-x: hidden;
    }

        .TableGeneral .Menu {
            display: none;
            width: 100vw;
            min-width: 0;
            height: 100%;
            position: fixed;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            z-index: 100;
            border-right: 1px solid #D1DEDE;
            background-color: transparent;
        }

        .TableGeneral .Contenu {
            width: 100vw;
            height: 100vh;
            position: absolute;
            background-color: #F7F9FA;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

    .Contenu .SousMenu {
        /*display: none;*/
        height: /*6vw*/ 15vw;
        z-index: 10;
        position: fixed;
        background-color: #25749A;
        color: white;
        float: left;
    }

    .SousMenuLignePrincipale {
        background-color: #25749A;
        height: 4vw;
        width: 100%;
    }

    .Contenu .SousMenu div {
        height: 100%;
    }

    .SousMenu .EspaceHautPageEtCombo {
        background-color: transparent;
        width: 100%;
        height: 1vw;
        position: relative;
    }

    .SousMenu .Espace {
        position: inherit;
        height: 100%;
        min-height: 1px;
        width: 10%;
    }

    .SousMenu .Site {
        position: inherit;
        width: 28.3%;
        height: 100%;
        font-family: Roboto-Medium;
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    .Site .Texte {
        width: 4vw;
        height: 100%;
        color: white;
    }

    .Site .ComboBox {
        width: 20vw;
        height: 4vw;
        color: #25749A;
        text-indent: 0.4vw;
        border-radius: 3px;
    }

    .SousMenu .Element {
        position: inherit;
        width: 28.3%;
        height: 100%;
        font-family: Roboto-Medium;
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    .SousMenu .ElementNone {
        display: none;
        position: inherit;
        width: auto;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    .Element .Texte {
        width: /*87*/ auto;
        height: 21px;
        color: white;
    }

    .Element .ComboBox {
        width: 28vw;
        height: 4vw;
        color: #25749A;
        text-indent: 0.4vw;
        border-radius: 3px;
    }

    .SousMenu .CalendrierDebut {
        position: inherit;
        width: 28.3%;
        height: 100%;
        font-family: Roboto-Medium;
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    .CalendrierDebut .Texte {
        /*width: 32px;
    height: 21px;*/
        color: white;
        margin: 4px
    }

    .CalendrierDebut .Contour {
        /*width: 152px;
    height: 30px;
    color: #25749A;*/
        line-height: 2em !important;
        background-color: #E38095;
    }

    .button_periode_button {
        display: inline-block;
        line-height: 100% !important;
        min-width: 0;
        padding: 0 !important;
        vertical-align: middle;
        border: 0 !important;
        border-image-width: 0 !important;
        min-height: 100%;
        border-radius: 3px;
    }

    .SousMenu .CalendrierFin {
        background-color: transparent;
        position: inherit;
        width: auto;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .CalendrierFin .Texte {
        /*padding-left: 20px;*/
        width: 20px;
        padding-right: 10px;
        padding-left: 8px;
        height: 21px;
        color: white;
    }

    .CalendrierFin .ComboBox {
        width: 152px;
        height: 30px;
        color: #25749A;
        border-radius: 3px;
    }

    .SousMenu .BtnRafraichir {
        position: inherit;
        width: 62px;
        height: 30px;
        font-family: Roboto-Medium;
        font-size: 18px;
        margin-top: 3px;
    }

    .SousMenu .Loader {
        position: inherit;
        width: 30px;
        height: 30px;
    }

    .SousMenu .LoaderTableauResultat {
        position: inherit;
        width: auto;
        height: auto;
        margin: 4px 0 0 16px;
    }

    .EcartEntreMenuEtPage {
        height: 90vh;
        min-height: 1px;
        width: 6vw;
        padding-left: 6vw;
    }

    .Tdr {
        background-color: #F7F9FA;
    }

        .Tdr .Export {
            background-color: #F7F9FA !important;
            border: 0px;
            height: 52px;
        }

        .Tdr .TdButton {
            width: 26px;
            vertical-align: bottom;
            top: 5px;
            left: 3px;
            background-color: transparent;
        }

            .Tdr .TdButton .ColorBack {
                display: none;
                width: 32px;
                height: 32px;
                background-color: #D1DEDE;
                margin: 0px 0px 12px 0px;
                border-radius: 100% 100%;
            }

                .Tdr .TdButton .ColorBack:hover {
                    background-color: #BFCCCC;
                    color: #344957;
                }

        .Tdr .Espace {
            width: 10px;
            margin: 0px 0px 0px 0px;
        }

        .Tdr .Td2PremierTableau {
            width: 88vw;
            vertical-align: top;
        }

        .Tdr .Td2PremierTableau2 {
            width: 88vw;
            vertical-align: top;
        }

        .Tdr .Div2PremierTableau {
            width: 100%;
            height: auto;
            min-height: 100px;
        }

        .Tdr .LibelleTableauGenerale {
            margin: 10px 0px 10px 0px;
            font-size: 28px;
            color: #344957;
            font-family: Roboto-Bold;
        }

        .Tdr .TableauGenerale {
            border-color: transparent;
            background-color: transparent;
            font-family: Roboto-Medium;
            font-size: 18px;
            width: 88vw;
        }

        .k-grid table {
            table-layout: fixed;
            width: 88vw;
        }

    .TableauGenerale table tfoot {
        display: none;
    }

    .TableauGenerale table thead tr {
    }

        .TableauGenerale table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
        }
            /*class si dessous n'est pas prioritaire, voir changementVisuel() --> filtreTabUn sur les pages*/
            .TableauGenerale table thead tr th:nth-child(n+1) {
                pointer-events: initial;
                text-align: left;
                padding-left: 18px;
            }

            .TableauGenerale table thead tr th:last-child {
                text-align: center;
                width: 108px;
            }

    /*Pour activer et désactiver le logo de filtre */
    /*.TableauGenerale table thead tr th a > span {
        display: none;
        font-size: 18px;
    }*/

    .TableauGenerale table:nth-child(n+1) {
        /*border-spacing: 0px 2px;
    border-top:0px;
    background-color: red;*/
    }

    .TableauGenerale table tbody tr {
        border-bottom: 10px solid red;
        /*height:43px;*/
    }

        .TableauGenerale table tbody tr td {
            border-color: transparent;
            color: #1D1D1B;
            text-decoration: none;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
            /*height:43px;*/
            line-height: normal;
        }

            .TableauGenerale table tbody tr td a {
                border-color: transparent;
                color: #25749A;
            }

                .TableauGenerale table tbody tr td a:hover {
                    /*text-decoration: underline;
        font-size: 21px;*/
                }

        .TableauGenerale table tbody tr td {
            text-align: left;
            padding-left: 18px;
        }

            .TableauGenerale table tbody tr td:last-child {
                text-align: center;
            }

    .TableauGenerale table tbody tr {
        background-color: #EFF3F5;
        /*border-bottom: 1px solid #D1DEDE;*/
    }

        .TableauGenerale table tbody tr:nth-child(1) {
            background-color: #F28DA3;
        }

        .TableauGenerale table tbody tr:nth-child(2) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(3) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(n+4) {
            background-color: #FFFFFF;
        }

        .TableauGenerale table tbody tr:hover td,
        .TableauGenerale table tbody tr:hover td a {
            background-color: #D5F1FF;
        }

    .Tdr .LibelleTableauElement {
        margin: 10px 0px 10px 0px;
        font-size: 28px;
        color: #344957;
        font-family: Roboto-Bold;
    }

    .Tdr .TableauElement {
        border-color: transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
    }

    .TableauElement table tfoot {
        display: none;
    }

    .TableauElement table thead tr {
        /*z-index:1000;*/
    }

        .TableauElement table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
            text-align: left;
            padding-left: 18px;
        }

            .TableauElement table thead tr th:first-child {
                /*z-index: 1000;*/
                text-align: left;
                padding-left: 18px;
            }

            .TableauElement table thead tr th:last-child {
                text-align: center;
                width: 108px;
            }

    .TableauElement table tbody tr td,
    .TableauElement table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        text-align: left;
        padding-left: 18px;
        /*height:43px;*/
    }

        .TableauElement table tbody tr td:first-child {
            text-align: left;
            padding-left: 18px;
        }

        .TableauElement table tbody tr td:last-child {
            text-align: center;
        }

    .TableauElement table tbody tr {
        background-color: #EFF3F5;
    }

        .TableauElement table tbody tr:hover td {
            background-color: #D5F1FF;
        }

    .Tdr .Toggle {
        width: 100%;
        height: 66px;
        margin: 56px 0px 1px 0px;
    }

    .Toggle .Taille {
        width: 100%;
        height: 100%;
        background-color: #25749A;
    }

    .Taille .Td1 {
        width: 1400px;
        cursor: pointer;
    }

    .Taille .Td2 {
        width: 48px;
        cursor: pointer;
    }

    .Toggle .Label {
        height: auto;
        width: auto;
        margin: auto;
        cursor: pointer;
        text-decoration: none;
        font-family: Roboto-Medium;
        font-size: 28px;
        color: #FFFFFF;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }

    .Toggle .Icon {
        width: 36px;
        height: 36px;
        margin: auto;
        color: white !important;
    }


    .Tdr .LibelleToggle {
        width: 100%;
        font-family: Roboto-Medium;
        font-size: 18px;
        /*font-weight: bold;*/
        text-align: left;
        background-color: white;
        padding: 0;
        margin: 20px 0px 10px 0px;
        display: none;
    }

    .LibelleToggle .Label {
    }

    .LibelleToggle .ButtonCalendrier {
        width: auto;
        display: inline-block;
        background-color: #2AA0D2;
        padding: 0 !important;
        margin: 0;
        border-spacing: 0;
        border-width: 0 !important;
    }

    .Tdr .TableauToggle {
        border: 0px solid transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
        border: 0px solid #D3E4EC;
    }

    .TableauToggle table tfoot {
        display: none;
    }

    .TableauToggle table thead tr th {
        background-color: #D3E4EC;
        color: #1D1D1B;
        border-color: transparent;
        /*font-family: Roboto-Bold;
            font-size: 21px;*/
    }

        .TableauToggle table thead tr th a {
            color: #1D1D1B !important;
        }

            .TableauToggle table thead tr th a > span:before {
                color: black;
            }

        /*.TableauToggle table thead tr th:last-child {
    text-align: center;
}*/

        .TableauToggle table thead tr th:nth-child(n+1) /*:first-child*/ {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr td,
    .TableauToggle table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        /*height:43px;*/
    }

        .TableauToggle table tbody tr td:first-child {
            /*text-align: left;*/
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:nth-child(2) {
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:last-child {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr:hover td {
        background-color: #D5F1FF;
        color: #344957;
    }

    .TableauToggle table tbody tr {
        background-color: #FFFFFF;
    }

    .W100-H100-M0 {
        width: 100%;
        height: 100%;
        margin: 0px 0px 0px 0px;
        border-radius: 3px;
    }

    .k-pager-sm {
    }

    .MenuOutil {
        width: 100%;
        height: 5vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #FFFFFF;
    }

        .MenuOutil a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 3.5vw;
            color: #344957;
            margin-left: 0;
        }

        .MenuOutil table tbody tr td:first-child,
        .MenuOutilSelectionner table tbody tr td:first-child {
            width: 8vw;
            height: 100%;
            margin-left: 1vw;
        }

    .MenuOutilSelectionnerSM table tbody tr td:first-child {
        width: 8vw;
        margin-left: 0px;
    }


    .MenuOutil table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2),
    .MenuOutilSelectionnerSM table tbody tr td:nth-child(2) {
        width: 265px;
        height: 100%;
    }

    .MenuOutil table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 40px;
        height: 100%;
    }


    .MenuOutilTitreSousMenu table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2) {
        width: 47vw;
        height: 100%;
    }

    .PoliceMenuUser {
        width: 47vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .MenuOutilTitreSousMenu table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 6vw !important;
        height: 100% !important;
        margin-left: 0 !important;
    }

        .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a,
        .MenuOutilSelectionner table tbody tr td:nth-child(3) a {
            display: none;
        }

            .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a div,
            .MenuOutilSelectionner table tbody tr td:nth-child(3) a div {
                margin-top: 8px;
            }

    .MenuOutilTitreSousMenu a {
        font-family: Roboto-Medium !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
    }

    .MenuOutilSelectionner {
        width: 100%;
        height: 5vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #F7F9FA;
        border-top: 1px solid white;
    }

        .MenuOutilSelectionner a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Regular;
            font-size: 3.5vw;
            color: #344957;
        }

    .MenuOutilSelectionnerSousMenu {
        width: 100%;
        height: 5vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenu a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 3.5vw;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:first-child {
            /*width: 8vw;
            margin-left: 22px;
            margin-top: 9px;*/
            width: 8vw;
            height: 100%;
            margin-left: 1vw;
            color: white;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(2) {
            width: 47vw;
            height: 100%;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) {
            width: 40px;
            height: 100%;
        }

            .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a {
                display: block;
            }

                .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a div {
                    margin-left: 10px;
                    margin-top: 8px;
                    color: #FFFFFF;
                }

    .MenuOutilSelectionnerSousMenuListeDeroulante {
        width: 100%;
        height: 5vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenuListeDeroulante a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 3.5vw;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:first-child {
            width: 8vw;
            margin-left: 22px;
            margin-top: 9px;
            color: white;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:nth-child(2) {
            width: 47vw;
            height: 100%;
        }

    /*Filtre Tableau*/
    .k-filter-row {
        display: none;
    }

    .k-grid .k-autocomplete,
    .k-grid:hover .k-autocomplete:hover {
        background-color: transparent;
        background-image: none;
        background-position: 50% 50%;
        border-color: transparent;
    }

    .k-icon-32 {
        color: black;
        font-size: 8vw;
    }

    .k-icon-36 {
        color: black;
        font-size: 36px;
    }

    .k-icon-18 {
        /*color: black;*/
        font-size: 3.5vw;
    }

    .k-icon-22 {
        color: black;
        font-size: 8vw;
    }

    .cblindic {
        font-size: 4vw;
        /*word-break: break-all;*/
        width: 100%;
        /*max-height: 25px;*/
        margin: 1vw 0 0 0;
        overflow: hidden;
        padding-left: 2.1vw;
        border-bottom: 1px solid #D1DEDE;
    }

    .tdleft {
        background-color: transparent;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 5vw;
    }

    .IndicateurLibelleTRSTRG {
        width: 30vw;
        height: 8vw;
        background-color: #D1DEDE;
        text-align: center !important;
        border-radius: 30px;
        color: #344957;
        font-family: Roboto-Black;
        font-size: 5vw;
        /*padding-top: 9px;*/
    }

    .IndicateurLibelle {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 4.5vw;
        text-align: left;
        height: 100%;
        width: 66vw;
    }

    h3.headertabbords_j, p.headertabbords_j, td.headertabbords_dd {
        color: #344957;
        font-family: Roboto-Black;
        font-size: 4.5vw;
        text-align: left;
        height: 100%;
        background-color: transparent;
        margin-bottom: 0px;
    }

    h3.headertabbords_j2, p.headertabbords_j2, td.headertabbords_dd2 {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 26px;
        text-align: left;
        height: 100%;
        background-color: transparent;
    }

    .IndicateurPremierGraphique {
        /*margin-top: 209px;*/
        margin-bottom: 10vw;
        height: 100%;
        width: 100%;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 4vw;
        color: #FFFFFF;
    }

    .Indicateur_Legend_Div {
        width: 50vw;
        height: auto;
        background-color: #E4EBEB;
        font-family: Roboto-Medium;
        font-size: 7vw;
        color: #1D1D1B;
        text-overflow: ellipsis;
    }

        .Indicateur_Legend_Div table tbody tr {
            height: 20vw;
        }

            .Indicateur_Legend_Div table tbody tr table tbody tr:first-child td:first-child {
                width: 5vw;
                padding-left: 3vw;
                padding-top: 4vw;
                text-align: right;
            }

            .Indicateur_Legend_Div table tbody tr table tbody tr td {
                padding-left: 2vw;
                padding-top: 3vw;
                text-align: left;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"] {
                position: absolute;
                left: -9999px;
            }

            .Indicateur_Legend_Div table tbody tr label {
                padding-left: 8px;
                padding-top: 11px;
                text-align: left;
                text-decoration: none;
                cursor: pointer;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label {
                color: #B0C0CA;
                background-color: #E4EBEB;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:checked + label {
                background-color: /*#D1DEDE*/ #EFF3F5;
                color: #1D1D1B;
            }

            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:not(:checked) + label,
            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:checked + label {
                background-color: /*#EFF3F5*/ #D1DEDE;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label abbr {
                filter: brightness(30%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(2) input[type="checkbox"]:checked + label abbr {
                filter: brightness(100%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(3) input[type="checkbox"]:checked + label abbr {
                filter: brightness(65%);
            }

    .Indicateur_Reference_Div {
        width: 350px;
        height: 130px;
        background-color: #E4EBEB;
        border-radius: 10px;
        font-family: Roboto-Bold;
        font-size: 32px;
        color: #344957;
        text-overflow: ellipsis;
    }

        .Indicateur_Reference_Div table tbody tr:first-child {
            height: 34px;
        }

            .Indicateur_Reference_Div table tbody tr:first-child table tbody tr:first-child td:first-child {
                padding: 14px 0 0 18px;
            }

    .Indicateur_Reference_Div_TableValeur {
        width: 100%;
        font-family: Roboto-Bold;
        font-size: 10vw;
        color: #344957;
        text-align: center;
    }

    .IndicateurEspaceEntreGraphique {
        width: 100%;
        height: 4vw;
    }

    .indic_div_legend_puce {
        width: 5vw;
        height: 7vw;
        border: none;
        border-radius: 16px;
    }
    /* Works on Firefox */
    * {
        scrollbar-color: #206080 #D3E4EC;
    }

        /* Works on Chrome, Edge, and Safari */
        *::-webkit-scrollbar {
            /*width: 20px;*/
        }

        *::-webkit-scrollbar-track {
            background: #D3E4EC;
        }

        *::-webkit-scrollbar-thumb {
            background-color: #206080;
            border-radius: 20px;
            border: 6px solid #D3E4EC;
        }

    /*case*/
    .AccueilTableauLigne {
        width: 100%;
        height: 12vw;
    }

    .TableauLigne {
        width: 100%;
        height: auto;
    }

    .AccueilTableauLigneSeparer {
        width: 88vw;
        height: 1vw;
    }

    .TableauLigneSeparer {
        width: 100%;
        height: 10px;
    }

    .AccueilTableauColonne {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: white;
    }

    .AccueilTableauColonneMilieu {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: #ECF2F4;
    }

    .TableauColonne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: white;
        cursor: pointer;
    }

    .AccueilTableauColonneSeparer {
        width: 1vw;
        height: 12vw;
    }

    .TableauColonneSeparer {
        width: 10px;
        height: 10px;
    }

    .AccueilTableauColonneSelectionne {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: #F28DA3;
    }

        .AccueilTableauColonneSelectionne a,
        .AccueilTableauColonne a,
        .AccueilTableauColonneMilieu a {
            cursor: pointer;
            text-decoration: none;
        }

        .AccueilTableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #F28DA3;
        cursor: pointer;
    }

        .TableauColonneSelectionne a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne2 {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #ECF2F4;
        cursor: pointer;
    }

        .TableauColonneSelectionne2 a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne2:hover {
            background-color: #25749A;
        }

    .AccueilTableauColonne:hover {
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneMilieu:hover,
    .AccueilTableauColonne:hover {
        background-color: /*#D5F1FF*/ #D1DEDE;
    }

    .TableauColonne:hover {
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        font-size: 7vw;
        font-family: Roboto-Bold;
        color: white;
        text-align: left;
        /*padding-top: 1.8vw;*/
        padding-left: 1.8vw;
        line-height: 32px;
    }

    .TableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .TableauColonneTitreSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }




    .AccueilTableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 55%;
        font-size: 26px;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        padding-left: 1.8vw;
    }

    .TableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: white;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .TableauColonneTextSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        color: #35A8E0;
        text-align: right;
        /*padding-top: 5px;
        padding-bottom: 20px;*/
        padding-right: 1vw;
    }

        .AccueilTableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: white;
            font-size: 10vw;
        }

    .TableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .AccueilTableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        font-size: 7vw;
        font-family: Roboto-Bold;
        color: #25749A;
        text-align: left;
        /*padding-top: 1.8vw;*/
        padding-left: 1.8vw;
        line-height: 32px;
    }

    .TableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .AccueilTableauColonneText {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 55%;
        font-size: 5vw;
        font-family: Roboto-Regular;
        color: #25749A;
        text-align: left;
        padding-left: 1.8vw;
    }

    .TableauColonneText {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        color: #35A8E0;
        text-align: right;
        /*padding-top: 5px;
        padding-bottom: 20px;*/
        padding-right: 1vw;
    }

        .AccueilTableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 10vw;
        }

    .TableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .PageTitre {
        color: #25749A;
        font-family: Roboto-Bold;
        font-size: 28px;
    }

    .AccueilLibelle {
        color: #344957;
        font-size: 7vw;
        font-family: Roboto-Bold;
        height: auto;
        width: 88vw;
    }

    #divDate, #choixDateRecap {
        display: none;
    }

    .BtnLanguageHidden {
        display: none;
        width: 0px;
        height: 0px;
    }

    .LanguageSelectionner a {
        color: #35A8E0;
    }

    .IndicateurExport {
        width: 45px;
        height: 45px;
        background-color: #D1DEDE;
        border-radius: 50% 50%;
        color: #344957;
        right: 0px;
        border: 0px solid transparent;
        margin: 0px;
    }

        .IndicateurExport span {
            font-size: 24px;
            margin: 0px 0px 0px 0px !important;
        }

            .IndicateurExport span::before {
                margin-left: 0px;
            }

        .IndicateurExport:hover {
            background-color: #FFFFFF;
            color: #35A8E0;
        }

    .MenuLigneSeparateur {
        background-color: #D1DEDE;
        width: 100%;
        height: 1px;
    }

    .divcbl {
        width: 50vw;
        height: 40vw;
        background-color: #FFFFFF;
        color: #344957;
        font-family: Roboto-Regular;
        font-size: 18px;
    }

    .tableribbonBiksV4 {
        width: 100%;
        height: 100%;
        margin: 0px;
        border: 0px;
    }

        .tableribbonBiksV4 tbody tr:first-child td {
            width: 100% !important;
            cursor: pointer;
            /*padding-top: 14px;*/
            padding-left: 2.1vw;
            /*height: 21px;*/
        }

        .tableribbonBiksV4 tbody tr:nth-child(2) td {
            /*padding-top: 8px;
            padding-right: 30px;*/
        }

    .StyleBoutonBiksV4 {
        width: auto;
        height: 100%;
        border: 0px solid transparent;
        border-radius: 6px;
        background-color: #E38095;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 4vw;
    }

        .StyleBoutonBiksV4:hover {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #E38095;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 4vw;
        }

        .StyleBoutonBiksV4:disabled {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #E38095;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 24px;
        }


    .k-picker-wrap.k-state-default,
    .k-picker-wrap.k-state-default:hover,
    .button_periode,
    .button_periode:hover,
    .k-state-default > .k-select,
    .k-state-hover > .k-select,
    .k-button,
    .k-button:hover,
    .k-calendar > .k-header,
    .k-calendar td.k-state-focused .k-link,
    .k-calendar td.k-state-selected .k-link,
    .k-calendar td.k-state-hover .k-link {
        background-color: #E28EA0;
        border-color: #E28EA0;
        box-shadow: inset 0 0 0 1px transparent;
    }

    .kkk {
        background-color: red;
        border-color: red;
        box-shadow: inset 0 0 0 1px red;
    }

    .Indicateur_Reference_Div_Valeur {
        background-color: #FFFFFF;
        border: 0px solid transparent;
        text-align: center !important;
        font-family: Roboto-Bold;
        font-size: 7vw;
        color: #344957;
    }

    .Indicateur_Reference_Div_ComboValeur {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        /*text-align: center !important;*/
        font-family: Roboto-Medium;
        font-size: 6vw;
        color: #B0C0CA;
    }

        .Indicateur_Reference_Div_ComboValeur:hover {
            color: #344957;
        }

        .Indicateur_Reference_Div_ComboValeur:focus {
            color: #344957;
        }


    .highcharts-yaxis .highcharts-axis-line {
        background-color: red;
        color: red;
    }

    .highcharts-xaxis .highcharts-axis-line {
        background-color: green;
        color: green;
    }


    .tabbordsnamecolor {
        float: left;
        font-family: Roboto-Medium;
        font-size: 4vw;
        color: #151719;
        margin-left: 28px !important;
    }

    .tabbordsnamecolorPlanning {
        float: left;
        font-family: Roboto-Medium;
        font-size: 4vw;
        color: #151719;
        margin-left: 28px !important;
    }

    /*.tabbordsnamecolor::before(2)
{
}*/

    .k-toolbar {
        display: none;
    }

    .TABLien {
        font-family: Roboto-Medium;
        font-size: 16px;
        color: #0D5F86;
        cursor: pointer;
    }


    .TAB-M-CumulTps-TR {
        width: 100%;
        height: 44px;
        background-color: #E4EBEB;
    }

    .TAB-M-CumulTps-TD1 {
        padding-top: 8px;
        width: 18px;
        height: 27px;
    }

    .TAB-M-CumulTps-TD2 {
        padding-top: 8px;
        padding-left: 5px;
        width: 210px;
        height: 27px;
    }

        .TAB-M-CumulTps-TD2 p {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .TAB-M-CumulTps-TD3 {
        padding-top: 8px;
        width: auto;
        height: 27px;
    }

    .TAB-M-CumulTps-TD4 {
        padding-top: 8px;
        width: 90px;
        text-align: center;
        height: 27px;
    }

        .TAB-M-CumulTps-TD4 span {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .p_tabbords_dd_selected {
        color: #B0C0CA !important;
        /*background-color: #E4EBEB;*/
        font-family: Roboto-Medium;
        font-style: normal;
    }

        .p_tabbords_dd_selected:after {
            display: none;
        }


    .ContenuPageMarge {
        height: 100%;
        width: 6vw;
        padding-left: 6vw;
    }

    .k-grid-filter span {
        font-size: 18px;
    }

    /*Header de tous les tableaux*/

    #grid2 .k-header {
        background-position: 50% 50%;
        /*background-color: #2aa0d2;*/
        background-color: #F28DA3;
    }

    /*.managetablestyle, .indictablestyle {
    border-spacing: 0px;
}*/

    .indictablestyle {
        border-spacing: 0px 0px;
        padding-top: 15px;
    }


    input[type=checkbox] {
        /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;*/
    }

    input[type=checkbox] {
        height: 4vw;
        width: 5vw;
        background: #FFFFFF;
        border: 1px solid #D1DEDE;
        border-radius: 2px;
    }

    input[type="checkbox"]:checked {
        background: #E28EA0;
        color: white;
    }

    /**/
    /*Animation de gauche a droite :*/
    /**/

    /*.test-animate-left {
    z-index:0;
    animation-duration: 5s;
    animation-name: glissement;
    animation-iteration-count: 1;
}

.aller {
    animation-direction: normal;
}

.retour {
    animation-direction: reverse;
}

@keyframes glissement {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: -100%;
        width: 100%;
    }
}*/


    .BtnExport {
        color: #344957 !important;
        border-radius: 50%;
        background-color: #D1DEDE !important;
        width: 9vw !important;
        height: 9vw !important;
        margin: 0 0 0 1vw;
    }

    #kdParetoArrPropres,
    #kdArrInduits,
    #kdEcartPerf {
        border: 0px solid transparent;
    }

        #kdParetoArrPropres table tbody tr td,
        #kdArrInduits table tbody tr td,
        #kdEcartPerf table tbody tr td {
            background-color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 3vw;
            color: #1D1D1B;
            padding: 0vw;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
        }

        #kdParetoArrPropres table thead th {
            background-color: #954D5A;
        }

        #kdArrInduits table thead th {
            background-color: #D88627;
        }

        #kdParetoArrPropres table thead th,
        #kdArrInduits table thead th,
        #kdEcartPerf table thead th {
            font-family: Roboto-Bold;
            font-size: 3vw;
            color: white;
            padding: 1vw;
            border: 0px solid transparent;
        }

        #kdParetoArrPropres table tbody tr:last-child td,
        #kdParetoArrPropres table tbody tr:nth-last-child(2) td,
        #kdArrInduits table tbody tr:last-child td,
        #kdArrInduits table tbody tr:nth-last-child(2) td,
        #kdEcartPerf table tbody tr:last-child td,
        #kdEcartPerf table tbody tr:nth-last-child(2) td {
            background-color: #EFF3F5;
        }

        #kdParetoArrPropres table tbody tr td:first-child,
        #kdParetoArrPropres table tbody tr td:nth-child(3),
        #kdParetoArrPropres table thead th:nth-child(3),
        #kdParetoArrPropres table tbody tr td:nth-child(4),
        #kdParetoArrPropres table thead th:nth-child(4),
        #kdParetoArrPropres table tbody tr td:nth-child(5),
        #kdParetoArrPropres table thead th:nth-child(5) {
            text-align: center;
        }

        #kdArrInduits table tbody tr td:first-child,
        #kdArrInduits table tbody tr td:nth-child(3),
        #kdArrInduits table thead th:nth-child(3),
        #kdArrInduits table tbody tr td:nth-child(4),
        #kdArrInduits table thead th:nth-child(4),
        #kdArrInduits table tbody tr td:nth-child(5),
        #kdArrInduits table thead th:nth-child(5) {
            text-align: center;
        }

    .TDBtnExport,
    .TDBtnExport:hover {
        text-align: inherit !important;
        padding-right: 0 !important;
        width: 8vw !important;
        background-color: transparent;
        border-color: transparent;
    }

    .TDBtnExportCSV {
        display: none !important;
    }

    .TDBtnExportPDF {
        display: none !important;
        margin-left: 17px;
    }

    .BtnExport:hover {
        background-color: #BFCCCC;
        color: #344957;
    }

    .tabbordstablestyle_j tr {
        vertical-align: middle;
    }


    .tabbordstablestyle_j > tbody > tr > td:first-child {
        vertical-align: middle;
        border-bottom: 1px solid #B1C4CD;
    }


    .tabbordstablestyle_j > tbody > tr:nth-child(n+2) > td:first-child {
        background-color: white;
    }

    .tabbordstablestyle_j > tbody > tr:nth-child(2) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(8) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(12) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(17) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(19) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        background-color: transparent;
    }

    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        border-bottom: 0px solid transparent;
    }

    /*.tabbordstablestyle_j tr td:first-child{
    margin-left:5px;

}*/

    .TdB_J_Libelle {
        color: #151719;
        font-family: Roboto-Medium;
        font-size: 3vw;
        text-align: left;
    }

    .tabbordstablestyle {
        border-spacing: 0px 0px;
        font-size: 8pt;
        width: 100%;
        padding-bottom: 0vw;
        padding-top: 2vw;
        margin-bottom: 0vw;
    }

    .sub_courbestablestyle_fc {
        min-width: 0px;
    }


    #div_loader {
        display: none;
        width: 4vw;
        height: 4vw;
    }

    .ribbon {
        display: none;
        font-family: Roboto-Medium;
        background-color: #25749A;
        padding: 0;
        margin: 0;
        font-weight: 100;
    }

    .courbe_tableribbon {
        /*border-spacing: 10px 0px !important;*/
        border-spacing: 0px 0px !important;
    }

    .CourbeMenuPolice {
        font-family: Roboto-Medium;
        font-size: 16px;
    }

    .ComboBoxCourbe {
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 182px;
        height: 38px;
        color: #25749A;
        text-indent: 8px;
        border-radius: 2px;
    }

    .courbestablestyle {
        font-family: Roboto-Bold;
    }

    .sub_courbestablestyle_fc input {
        max-width: 100%;
    }

    .PetitLibelle {
        font-family: Roboto-Bold;
        font-size: 24px;
        background-color: transparent;
        color: #344957;
        text-align: left;
        height: 40px;
    }



    #gridsc,
    #gridsc .k-grid-header,
    #gridsc .k-grid-header .k-grid-header-wrap,
    #gridvar,
    #gridvar .k-grid-header,
    #gridvar .k-grid-header .k-grid-header-wrap {
        border: 0px solid white;
    }

        #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
        #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th {
            padding: 0px;
        }

            #gridsc .k-grid-header .k-grid-header-wrap table thead tr,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a {
                background-color: #FFFFFF;
                border: 0px solid white;
            }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child {
                    display: none;
                }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    font-family: Roboto-Bold;
                    color: #344957;
                    font-size: 24px;
                    text-align: left;
                    height: 25px;
                }

                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    /*color: transparent;*/
                }

        #gridsc .k-filter-row,
        #gridvar .k-filter-row {
            display: block;
        }

            #gridsc .k-filter-row th,
            #gridvar .k-filter-row th {
                display: block;
                padding: 0px;
                height: 45px;
                border-bottom: 0px solid transparent;
            }

        #gridsc .k-input,
        #gridvar .k-input {
            background-color: #FFFFFF !important;
        }

        #gridsc .k-filter-row th span span span,
        #gridsc .k-filter-row th span span button,
        #gridvar .k-filter-row th span span span,
        #gridvar .k-filter-row th span span button {
            height: 40px;
            border: 0px solid #FFFFFF;
        }

        #gridsc .k-filter-row th span span span,
        #gridvar .k-filter-row th span span span {
            background-color: transparent;
        }

            #gridsc .k-filter-row th span span span:first-child,
            #gridvar .k-filter-row th span span span:first-child {
                background-color: transparent;
                margin: 0px;
                padding: 0px;
            }

                #gridsc .k-filter-row th span span span:first-child input,
                #gridvar .k-filter-row th span span span:first-child input {
                    width: 100%;
                    max-width: inherit;
                    background-color: transparent;
                    border: 1px solid #B0C0CA;
                    color: #B0C0CA;
                    font-family: Roboto-Medium;
                    font-size: 14px !important;
                    height: 100%;
                    padding: 0px;
                }



        #gridsc .k-grid-content table tbody tr,
        #gridvar .k-grid-content table tbody tr {
            height: 42px;
            background-color: #F7F9FA;
            color: #344957;
            text-align: left;
            font-family: Roboto-Medium;
            font-size: 16px;
        }


            #gridsc .k-grid-content table tbody tr td,
            #gridvar .k-grid-content table tbody tr td {
                border-bottom: 1px solid #3A6E844D;
                padding-left: 8px;
                line-height: normal;
            }

            #gridsc .k-grid-content table tbody tr:hover,
            #gridvar .k-grid-content table tbody tr:hover {
                background-color: #D3E3EB;
            }

        #gridsc .k-draghandle.k-state-selected:hover,
        #gridvar .k-draghandle.k-state-selected:hover {
            background-color: #25749A !important;
        }

        #gridsc .k-state-selected,
        #gridvar .k-state-selected {
            background-color: #25749A !important;
            color: white !important;
        }

        #gridsc tr.k-state-selected:hover td,
        #gridvar tr.k-state-selected:hover td {
            background-color: #D3E3EB;
            color: #344957;
        }


        #gridsc .k-state-default > .k-select,
        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-state-default > .k-select,
        #gridvar .k-filtercell > span > .k-button {
            background-color: #D1DEDE;
            border-radius: 50% 50%;
            color: #344957;
            width: 35px;
            height: 35px;
            margin-left: 10px;
            margin-right: 10px;
            top: 5px;
        }

        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-filtercell > span > .k-button {
            margin-left: 0px;
            margin-right: 0px;
        }


        #gridsc .k-filtercell > span,
        #gridvar .k-filtercell > span {
            padding-right: 84px;
        }

        #gridsc .k-filter-row .k-dropdown-operator {
            /*width:100%;*/
            height: 100%;
        }

    #MainContent_lb_scenariosS,
    #MainContent_lb_scenariosU {
        background-color: #E9F3F8;
        border: 0px;
    }

        #MainContent_lb_scenariosS option,
        #MainContent_lb_scenariosU option {
            height: 42px;
            font-family: Roboto-Medium;
            font-size: 16px;
            vertical-align: middle;
            color: #344957;
            text-align: left;
            padding-top: 12px;
            border-bottom: 1px solid #BECFD7;
            padding-left: 8px;
        }

            #MainContent_lb_scenariosS option:checked,
            #MainContent_lb_scenariosU option:checked {
                background-color: #25749A;
                color: #FFFFFF;
            }

            #MainContent_lb_scenariosS option:hover,
            #MainContent_lb_scenariosU option:hover {
                background-color: #D3E3EB;
            }

    #MainContent_tb_create,
    #MainContent_tb_rename {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #B0C0CA;
        padding-left: 8px;
        text-align: left;
    }

        #MainContent_tb_create:hover,
        #MainContent_tb_rename:hover {
            background-color: #D3E3EB;
            color: #FFFFFF;
        }

        #MainContent_tb_create:focus,
        #MainContent_tb_rename:focus {
            background-color: #FFFFFF;
            color: #35A8E0;
            border-color: #35A8E0;
        }

        #MainContent_tb_create:disabled,
        #MainContent_tb_rename:disabled {
            background-color: #E8EFEF;
            color: #B0C0CA;
            border-color: #B0C0CA;
        }

    #MainContent_ddl_typevar {
        background-color: #FFFFFF;
        border: 1px solid #B2C1CB;
        border-radius: 2px 2px;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #344957;
        padding-left: 8px;
        text-align: left;
    }

    .MenuOutil:hover,
    .MenuOutilSelectionner:hover,
    .MenuOutilSelectionnerSousMenu:hover {
        background-color: #EFF3F5;
    }


    .MenuOutilTitan {
        width: 100%;
        height: 36px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

        .MenuOutilTitan a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: white;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            width: 18px;
            height: 100%;
            margin-left: 22px;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2) {
            width: 265px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:nth-child(3) {
            width: 40px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            color: white;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2n+1) {
            color: white;
        }

        .MenuOutilTitan:hover {
            background-color: #29ABE2;
        }

    .tabbordsnamecolor_dd {
        text-align: left;
        font-family: Roboto-Medium;
        font-size: 4vw;
        letter-spacing: 0px;
        color: #1D1D1B;
    }

    .p_tabbords_dd_disabled, .p_tabbords_disabled {
        color: /*#D0D0D0*/ #B0C0CA;
        font-style: italic;
        text-decoration: none;
    }

    .courbeColorEtPolice {
        color: #1D1D1B;
        font-family: Roboto-Medium;
        font-size: 14px;
        /*max-width: 350px;*/
    }

    .courbedate1color, .courbevarnamecolor {
        color: #0080ff;
    }

    .courbeSuperposSelect {
        color: #D888DB;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #D888DB;
    }

    .courbebordervarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 1px;
    }

    .courbebordersuperposvarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 8px 1px 1px 1px;
    }


    .TableauLegende td table tbody tr:hover td,
    .TableauLegende td table tbody tr:hover td p {
        background-color: #EFF3F5;
    }

    .TAB_EcartPerf:hover td table tbody tr td,
    .TAB_EcartPerf:hover td table tbody tr td p {
        background-color: #D1DEDE;
    }

    .k-window-titlebar {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-color: #E38095;
        color: #ffffff;
        background-color: #E38095;
        background-image: linear-gradient(false);
    }

    .k-calendar .k-today .k-link {
        color: #2aa0d2;
        box-shadow: inset 0 0 0 1px #E38095;
    }

    /*fenetre calendrier curseur not-allowed*/
    .k-state-disabled, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
        cursor: not-allowed !important;
        pointer-events: initial;
        outline: 0;
    }
    /*fenetre calendrier couleur jour sélectionnable autre mois même couleur que mois actuel*/
    /*.k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-link {
    color: #4c5356;
}*/
    /*Pour passer les filtres à l'index 0 pour qu'ils ne passent pas au dessus de l'animation du tableau détail*/
    .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
        float: right;
        margin: -0.5em -0.6em -0.4em 0;
        padding: 0.5em 0.2em 0.4em;
        position: relative;
        z-index: 0;
        color: inherit;
    }
    /*Enlever les boutons du milieu non actif (jour, semaine, mois, année)*/
    .k-button[disabled] {
        color: #ffffff;
        border-color: #2aa0d2;
        background-color: #2aa0d2;
        box-shadow: none;
        background-image: none;
        display: none;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 100;
    }

    .nonClicableElement {
        background-color: #E4EBEB !important;
        cursor: default;
    }

    /*Partie alignement ligne TDB jour*/

    /*#tabcourbes tbody tr:nth-child(2),
#tabcourbes tbody tr:nth-child(12) {
    height: 56px !important;
}

#tabcourbes tbody tr:nth-child(8) {
    height: 57px !important;
}
#tabcourbes tbody tr:nth-child(17),
#tabcourbes tbody tr:nth-child(19) {
    height: 59px !important;
}*/



    .sub_courbestablestyle_lc {
        min-width: 0px;
    }

    .div_tabbords_j {
        display: block;
        overflow: visible;
        text-align: center;
        margin: 0px;
    }

    .buttonReloadImage {
        color: white;
        width: 21px;
        height: 21px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .sp_catalogue, .sp_planning {
        font-family: Roboto-Medium;
        font-size: 16px !important;
    }

    .toolbar {
        background-color: #D1DEDE !important;
    }

    /*#dateWindow table tbody tr:first-child {
    display: none;
    }*/

    #tdDesCarre, #OptionAffichageExpert, #gridFullMenu{
        display: none !important;
    }

    #dateWindow{
        width: 100vw;
        height: 100vh;
    }

    /*#IDEditeurDeScenarios, #IDSaisiesUtilisateurs, #IDComments, #IDAffectationDesArretsIndefinis, #IDCreationDesPlannings, #IDAffectionDesPlannings, #IDParametresAutomatisme,
    #IDActionsDirectes, #IDAsservissement, #IDDefautExternes, #IDEquationsProcess, #IDExpressionArithmetiques, #IDMultiplexeurs, #IDPID, #IDPVGV, #IDTremies, #IDOutilsDeRecherche,
    #IDMaintenance*/
    #IDIndicateurs, #IDTableauDeBord, #IDTableauDesResultats, #IDAnalysesTechniques, #IDChargementRecomposition, #IDEditeurDeScenarios, #IDSaisiesUtilisateurs, #IDSaisiesUtilisateursOperateur, #IDCommentsOperateur, #IDParametresAutomatisme, #IDMaintenance, #IDMyAccount, #IDConsolidation,
    #IDGMAOEquip, #IDGMAOTask, #IDGMAORound, #IDGMAOPLANNING, #IDGMAOHistoEquip {
        display: none !important;
    }


    #ligneFinAccueil {
        display: none;
    }

    #divAccueilTableau, #divAccueilTitre {
        display: none;
    }

    #divAccueilMessageMobileV {
        height: 90vh !important;
    }

    #divAccueilMessageMobileH {
        display: none;
    }

    #SousMenuMobile{
        
    }

    #SousMenuPC,
    #SousMenuV2 {
        display: none;
    }

    .createDivClass {
        width: 100vw;
        height: 10vw;
        text-align: left;
        font-size: 8vw;
        color: #344957;
        font-family: Roboto-Bold;
        word-break: break-all;
        overflow: hidden;
    }

    #espaceEnHaut {
        width: 100%;
        height: 30vw;
    }

    .espaceEnHautMobile{
        height: 15vw;
    }

    #recapSite, #recapZF, #recapDate {
        font-family: Roboto-Medium;
        font-size: 4vw;
        color: black;
        width: 100vw;
    }

    .menuRecapSelection{
        width: 100%;
    }

    .hauteurTrRecap{
        height: 8vw;
        width: 100vw;
    }

    .hauteurTdRecap {
        height: 8vw;
    }

    .noDataText {
        text-align: center;
        font-size: 8vw;
        color: #344957;
        font-family: Roboto-Bold;
    }

    /* Espaceur sous le bandeau bleu fixe : calé sur sa hauteur (15vw) au lieu
       de la réservation générale (30vw). */
    body.gmao-mobile #espaceEnHaut {
        height: 15vw;
    }

    /* Garder l'accès aux exports CSV/PDF sur les pages liste. */
    body.gmao-mobile-list .Tdr .TdButton .ColorBack {
        display: block !important;
    }
}

/*Format à l'horizontal*/
@media (max-device-width: 1199px) and (orientation:landscape) { /*768px*/
    .k-icon-SousMenu {
        color: white;
        font-size: 8vh;
    }

    .k-icon-RecapIcon {
        color: black;
        font-size: 5vh;
    }

    .EcartFinPage {
        height: 90vh;
        min-height: 1px;
        width: 6vw;
    }

    .TailleContenuMilieu {
        width: 88vw;
        height: auto;
    }

    .EcartEntreSousMenuEtContenu {
        width: 100vw;
        height: 15vw;
    }

    .k-icon-32-white {
        color: /*white*/ #E38095;
        font-size: 8vh;
    }

    .k-icon-32-black {
        color: black;
        font-size: /*6vw*/ 36px;
    }

    #TdSousMenuMobile {
        height: 15vw;
        cursor: pointer;
        position: fixed;
        z-index: 101;
    }

    #SousMenuZFMobile {
        display: none;
        height: 100vh;
        width: 100vw;
        cursor: pointer;
        position: fixed;
        z-index: 101;
        background-color: white;
    }

    #DivSousMenuMobile {
        height: 4vw;
        padding-left: 1vw;
        z-index: 1002;
    }

    #imgSousMenuMobile {
        height: 8vh;
    }

    #btnSousMenuMobile {
        height: 4vw;
        padding: 0px;
        margin: 0px;
        max-height: 40px;
        max-width: 40px;
    }

    /*#imageAccueilMobile {
        display: block;
    }*/

    #imageAccueilPC {
        display: none;
    }

    .Img_Menu {
        width: 100%;
        height: 100%;
        max-width: 40px;
        max-height: 40px;
    }

    #ImageLogoBiksMenu {
        margin: 1vh 0px 1vh 3.8vw;
        width: auto;
        height: 18vh;
    }

    .Div-TexteBox-Connexion {
        width: 80vw;
        height: 12vh;
        background-color: #fff;
        border: 1px solid #35A8E0;
        margin: 0px 6vw 0px 6vw;
        border-radius: 6px;
    }

    .TexteBox-Connexion {
        width: 100%;
        height: /*4.8vw*/100%;
        background-color: #fff;
        border: 0px;
        color: #000;
        padding: 0px;
        font-size: 3vw;
        font-family: Roboto-Light;
        max-width: inherit !important;
    }

    .BtnSeConnecter {
        background-color: #25749A !important;
        border-color: white !important;
        color: White !important;
        Font-Size: 24px !important;
        Width: 225px !important;
        Height: 44px !important;
        border-radius: 6px !important;
        font-family: Roboto-Medium !important;
        box-shadow: none !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
        text-decoration: line-through;
    }

    .dropdown-menu {
        background-color: #344957;
        left: initial;
        width: 6.7vw;
        float: none;
        min-width: 7vw;
        border-radius: 34px;
        margin: 3px;
    }

        .dropdown-menu li:first-child {
            margin-top: 0;
        }

        .dropdown-menu li:last-child {
            margin-bottom: 0px;
        }

        .dropdown-menu li {
            margin: 3px;
        }

    .MenuBtnDrapeau {
        width: auto;
        height: 35px;
        background-color: #D2D2D2;
        border-radius: 20px;
        display: block;
        margin-left: 50px;
    }

        .MenuBtnDrapeau:hover {
            background-color: #344957;
        }

    .MenuBtnDrapeau_active {
        width: auto;
        height: 35px;
        background-color: #344957;
        border-radius: 20px;
        display: block;
        margin-left: 0px;
    }

    .-Home-Login {
        height: 100vh;
        width: 100vw;
        margin: auto;
        background-color: #F7F9FA;
    }

    .TableGeneral {
        height: 100vh;
        width: 100vw;
        margin: auto;
        background-color: white;
        overflow-x: hidden;
    }

        .TableGeneral .Menu {
            display: none;
            width: 100vw;
            min-width: 0;
            height: 100%;
            position: fixed;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            z-index: 100;
            border-right: 1px solid #D1DEDE;
            background-color: transparent;
        }

        .TableGeneral .Contenu {
            width: 100vw;
            height: 100vh;
            position: absolute;
            background-color: #F7F9FA;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

    .Contenu .SousMenu {
        height: /*6vw*/ 12vh;
        z-index: 10;
        position: fixed;
        background-color: #25749A;
        color: white;
        float: left;
    }

    .SousMenuLignePrincipale {
        background-color: #25749A;
        height: 4vw;
        width: 100%;
    }

    .Contenu .SousMenu div {
        height: 100%;
    }

    .SousMenu .EspaceHautPageEtCombo {
        background-color: transparent;
        width: 100%;
        height: 1vw;
        position: relative;
    }

    .SousMenu .Espace {
        position: inherit;
        height: 100%;
        min-height: 1px;
        width: 10%;
    }

    .SousMenu .Site {
        position: inherit;
        width: 28.3%;
        height: 9vh;
        font-family: Roboto-Medium;
        font-size: 3vh;
        padding-bottom: 1vh;
    }

    .Site .Texte {
        width: 4vw;
        height: 100%;
        color: white;
    }

    .Site .ComboBox {
        width: 20vw;
        height: 4vw;
        color: #25749A;
        text-indent: 0.4vw;
        border-radius: 3px;
    }

    .SousMenu .Element {
        position: inherit;
        width: 28.3%;
        height: 9vh;
        font-family: Roboto-Medium;
        font-size: 3vh;
        padding-bottom: 1vh;
    }

    .SousMenu .ElementNone {
        display: none;
        position: inherit;
        width: auto;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    .Element .Texte {
        width: /*87*/ auto;
        height: 21px;
        color: white;
    }

    .Element .ComboBox {
        width: 28vw;
        height: 4vw;
        color: #25749A;
        text-indent: 0.4vw;
        border-radius: 3px;
    }

    .SousMenu .CalendrierDebut {
        position: inherit;
        width: 28.3%;
        height: 9vh;
        font-family: Roboto-Medium;
        font-size: 3vh;
        padding-bottom: 1vh;
    }

    .CalendrierDebut .Texte {
        /*width: 32px;
    height: 21px;*/
        color: white;
        margin: 4px
    }

    #td_date span {
        font-size: 3vw;
    }

    #td_date div {
        line-height: 4vw !important;
    }

    .CalendrierDebut .Contour {
        /*width: 152px;
    height: 30px;
    color: #25749A;*/
        line-height: 2em !important;
        background-color: #E38095;
    }

    .button_periode_button {
        display: inline-block;
        line-height: 100% !important;
        min-width: 0;
        padding: 0 !important;
        vertical-align: middle;
        border: 0 !important;
        border-image-width: 0 !important;
        min-height: 100%;
        border-radius: 3px;
    }

    .SousMenu .CalendrierFin {
        background-color: transparent;
        position: inherit;
        width: auto;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .CalendrierFin .Texte {
        /*padding-left: 20px;*/
        width: 20px;
        padding-right: 10px;
        padding-left: 8px;
        height: 21px;
        color: white;
    }

    .CalendrierFin .ComboBox {
        width: 152px;
        height: 30px;
        color: #25749A;
        border-radius: 3px;
    }

    .SousMenu .BtnRafraichir {
        position: inherit;
        width: 62px;
        height: 30px;
        font-family: Roboto-Medium;
        font-size: 18px;
        margin-top: 3px;
    }

    .SousMenu .Loader {
        position: inherit;
        width: 30px;
        height: 30px;
    }

    .SousMenu .LoaderTableauResultat {
        position: inherit;
        width: auto;
        height: auto;
        margin: 4px 0 0 16px;
    }

    .EcartEntreMenuEtPage {
        height: 90vh;
        min-height: 1px;
        width: 6vw;
        padding-left: 6vw;
    }

    .Tdr {
        background-color: #F7F9FA;
    }

        .Tdr .Export {
            background-color: #F7F9FA !important;
            border: 0px;
            height: 52px;
        }

        .Tdr .TdButton {
            width: 26px;
            vertical-align: bottom;
            top: 5px;
            left: 3px;
            background-color: transparent;
        }

            .Tdr .TdButton .ColorBack {
                width: 32px;
                height: 32px;
                background-color: #D1DEDE;
                margin: 0px 0px 12px 0px;
                border-radius: 100% 100%;
            }

                .Tdr .TdButton .ColorBack:hover {
                    background-color: #BFCCCC;
                    color: #344957;
                }

        .Tdr .Espace {
            width: 10px;
            margin: 0px 0px 0px 0px;
        }

        .Tdr .Td2PremierTableau {
            width: 88vw;
            vertical-align: top;
        }

        .Tdr .Td2PremierTableau2 {
            width: 88vw;
            vertical-align: top;
        }

        .Tdr .Div2PremierTableau {
            width: 100%;
            height: auto;
            min-height: 100px;
        }

        .Tdr .LibelleTableauGenerale {
            margin: 10px 0px 10px 0px;
            font-size: 28px;
            color: #344957;
            font-family: Roboto-Bold;
        }

        .Tdr .TableauGenerale {
            border-color: transparent;
            background-color: transparent;
            font-family: Roboto-Medium;
            font-size: 18px;
            width: 100%;
        }

    .TableauGenerale table tfoot {
        display: none;
    }

    .TableauGenerale table thead tr {
    }

        .TableauGenerale table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
        }
            /*class si dessous n'est pas prioritaire, voir changementVisuel() --> filtreTabUn sur les pages*/
            .TableauGenerale table thead tr th:nth-child(n+1) {
                pointer-events: initial;
                text-align: left;
                padding-left: 18px;
            }

            .TableauGenerale table thead tr th:last-child {
                text-align: center;
                width: 108px;
            }

    /*Pour activer et désactiver le logo de filtre */
    /*.TableauGenerale table thead tr th a > span {
        display: none;
        font-size: 18px;
    }*/

    .TableauGenerale table:nth-child(n+1) {
        /*border-spacing: 0px 2px;
    border-top:0px;
    background-color: red;*/
    }

    .TableauGenerale table tbody tr {
        border-bottom: 10px solid red;
        /*height:43px;*/
    }

        .TableauGenerale table tbody tr td {
            border-color: transparent;
            color: #1D1D1B;
            text-decoration: none;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
            /*height:43px;*/
            line-height: normal;
        }

            .TableauGenerale table tbody tr td a {
                border-color: transparent;
                color: #25749A;
            }

                .TableauGenerale table tbody tr td a:hover {
                    /*text-decoration: underline;
        font-size: 21px;*/
                }

        .TableauGenerale table tbody tr td {
            text-align: left;
            padding-left: 18px;
        }

            .TableauGenerale table tbody tr td:last-child {
                text-align: center;
            }

    .TableauGenerale table tbody tr {
        background-color: #EFF3F5;
        /*border-bottom: 1px solid #D1DEDE;*/
    }

        .TableauGenerale table tbody tr:nth-child(1) {
            background-color: #F28DA3;
        }

        .TableauGenerale table tbody tr:nth-child(2) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(3) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(n+4) {
            background-color: #FFFFFF;
        }

        .TableauGenerale table tbody tr:hover td,
        .TableauGenerale table tbody tr:hover td a {
            background-color: #D5F1FF;
        }

    .Tdr .LibelleTableauElement {
        margin: 10px 0px 10px 0px;
        font-size: 28px;
        color: #344957;
        font-family: Roboto-Bold;
    }

    .Tdr .TableauElement {
        border-color: transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
    }

    .TableauElement table tfoot {
        display: none;
    }

    .TableauElement table thead tr {
        /*z-index:1000;*/
    }

        .TableauElement table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
            text-align: left;
            padding-left: 18px;
        }

            .TableauElement table thead tr th:first-child {
                /*z-index: 1000;*/
                text-align: left;
                padding-left: 18px;
            }

            .TableauElement table thead tr th:last-child {
                text-align: center;
                width: 108px;
            }

    .TableauElement table tbody tr td,
    .TableauElement table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        text-align: left;
        padding-left: 18px;
        /*height:43px;*/
    }

        .TableauElement table tbody tr td:first-child {
            text-align: left;
            padding-left: 18px;
        }

        .TableauElement table tbody tr td:last-child {
            text-align: center;
        }

    .TableauElement table tbody tr {
        background-color: #EFF3F5;
    }

        .TableauElement table tbody tr:hover td {
            background-color: #D5F1FF;
        }

    .Tdr .Toggle {
        width: 100%;
        height: 66px;
        margin: 56px 0px 1px 0px;
    }

    .Toggle .Taille {
        width: 100%;
        height: 100%;
        background-color: #25749A;
    }

    .Taille .Td1 {
        width: 1400px;
        cursor: pointer;
    }

    .Taille .Td2 {
        width: 48px;
        cursor: pointer;
    }

    .Toggle .Label {
        height: auto;
        width: auto;
        margin: auto;
        cursor: pointer;
        text-decoration: none;
        font-family: Roboto-Medium;
        font-size: 28px;
        color: #FFFFFF;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }

    .Toggle .Icon {
        width: 36px;
        height: 36px;
        margin: auto;
        color: white !important;
    }


    .Tdr .LibelleToggle {
        width: 100%;
        font-family: Roboto-Medium;
        font-size: 18px;
        /*font-weight: bold;*/
        text-align: left;
        background-color: white;
        padding: 0;
        margin: 20px 0px 10px 0px;
        display: none;
    }

    .LibelleToggle .Label {
    }

    .LibelleToggle .ButtonCalendrier {
        width: auto;
        display: inline-block;
        background-color: #2AA0D2;
        padding: 0 !important;
        margin: 0;
        border-spacing: 0;
        border-width: 0 !important;
    }

    .Tdr .TableauToggle {
        border: 0px solid transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
        border: 0px solid #D3E4EC;
    }

    .TableauToggle table tfoot {
        display: none;
    }

    .TableauToggle table thead tr th {
        background-color: #D3E4EC;
        color: #1D1D1B;
        border-color: transparent;
        /*font-family: Roboto-Bold;
            font-size: 21px;*/
    }

        .TableauToggle table thead tr th a {
            color: #1D1D1B !important;
        }

            .TableauToggle table thead tr th a > span:before {
                color: black;
            }

        /*.TableauToggle table thead tr th:last-child {
    text-align: center;
}*/

        .TableauToggle table thead tr th:nth-child(n+1) /*:first-child*/ {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr td,
    .TableauToggle table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        /*height:43px;*/
    }

        .TableauToggle table tbody tr td:first-child {
            /*text-align: left;*/
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:nth-child(2) {
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:last-child {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr:hover td {
        background-color: #D5F1FF;
        color: #344957;
    }

    .TableauToggle table tbody tr {
        background-color: #FFFFFF;
    }

    .W100-H100-M0 {
        width: 100%;
        height: 100%;
        margin: 0px 0px 0px 0px;
        border-radius: 3px;
    }

    .k-pager-sm {
    }

    .MenuOutil {
        width: 100%;
        height: 12vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #FFFFFF;
    }

        .MenuOutil a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 2.5vw;
            color: #344957;
        }

        .MenuOutil table tbody tr td:first-child,
        .MenuOutilSelectionner table tbody tr td:first-child {
            width: 3vw;
            height: 100%;
            margin-left: 3vw;
        }

    .MenuOutilSelectionnerSM table tbody tr td:first-child {
        width: 7vw;
        margin-left: 0px;
    }


    .MenuOutil table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2),
    .MenuOutilSelectionnerSM table tbody tr td:nth-child(2) {
        width: 265px;
        height: 100%;
    }

    .MenuOutil table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 40px;
        height: 100%;
    }


    .MenuOutilTitreSousMenu table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2) {
        width: 43vw;
        height: 100%;
    }

    .PoliceMenuUser {
        width: 43vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .MenuOutilTitreSousMenu table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 6vw !important;
        height: 100% !important;
        margin-left: 0 !important;
    }

        .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a,
        .MenuOutilSelectionner table tbody tr td:nth-child(3) a {
            display: none;
        }

            .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a div,
            .MenuOutilSelectionner table tbody tr td:nth-child(3) a div {
                margin-top: 8px;
            }

    .MenuOutilTitreSousMenu a {
        font-family: Roboto-Medium !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
    }

    .MenuOutilSelectionner {
        width: 100%;
        height: 12vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #F7F9FA;
        border-top: 1px solid white;
    }

        .MenuOutilSelectionner a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Regular;
            font-size: 2.5vw;
            color: #344957;
        }

    .MenuOutilSelectionnerSousMenu {
        width: 100%;
        height: 12vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenu a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 2.5vw;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:first-child {
            /*width: 8vw;
            margin-left: 22px;
            margin-top: 9px;*/
            width: 6.5vw;
            height: 100%;
            margin-left: 1vw;
            color: white;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(2) {
            width: /*52vw*/45vw;
            height: 100%;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) {
            /*width: 40px;
            height: 100%;*/
            width: 6vw !important;
            height: 100% !important;
            margin-left: 0 !important;
        }

            .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a {
                display: block;
            }

                .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a div {
                    margin-left: 10px;
                    margin-top: 8px;
                    color: #FFFFFF;
                }

    .MenuOutilSelectionnerSousMenuListeDeroulante {
        width: 100%;
        height: 12vh;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenuListeDeroulante a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 2.5vw;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:first-child {
            width: 6.5vw;
            margin-left: 22px;
            margin-top: 9px;
            color: white;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:nth-child(2) {
            width: 40vw;
            height: 100%;
        }

    /*Filtre Tableau*/
    .k-filter-row {
        display: none;
    }

    .k-grid .k-autocomplete,
    .k-grid:hover .k-autocomplete:hover {
        background-color: transparent;
        background-image: none;
        background-position: 50% 50%;
        border-color: transparent;
    }

    .k-icon-32 {
        color: black;
        font-size: 4vw;
    }

    .k-icon-36 {
        color: black;
        font-size: 36px;
    }

    .k-icon-18 {
        /*color: black;*/
        font-size: 2.5vw;
    }

    .k-icon-22 {
        color: black;
        font-size: 7vh;
    }

    .cblindic {
        font-size: 4vh;
        /*word-break: break-all;*/
        width: 100%;
        /*max-height: 25px;*/
        margin: 1vw 0 0 0;
        overflow: hidden;
        padding-left: 2.1vw;
        border-bottom: 1px solid #D1DEDE;
    }

    .tdleft {
        background-color: transparent;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 5vh;
    }

    .IndicateurLibelleTRSTRG {
        width: 34vh;
        height: 8vh;
        background-color: #D1DEDE;
        text-align: center !important;
        border-radius: 30px;
        color: #344957;
        font-family: Roboto-Black;
        font-size: 6vh;
        /*padding-top: 9px;*/
    }

    .IndicateurLibelle {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 4.5vw;
        text-align: left;
        height: 100%;
        width: 66vw;
    }

    h3.headertabbords_j, p.headertabbords_j, td.headertabbords_dd {
        color: #344957;
        font-family: Roboto-Black;
        font-size: 6vh;
        text-align: left;
        height: 100%;
        background-color: transparent;
        margin-bottom: 0px;
    }

    h3.headertabbords_j2, p.headertabbords_j2, td.headertabbords_dd2 {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 26px;
        text-align: left;
        height: 100%;
        background-color: transparent;
    }

    .IndicateurPremierGraphique {
        /*margin-top: 209px;*/
        margin-bottom: 10vw;
        height: 100%;
        width: 100%;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 4vw;
        color: #FFFFFF;
    }

    .Indicateur_Legend_Div {
        width: 30vw;
        height: auto;
        background-color: #E4EBEB;
        font-family: Roboto-Medium;
        font-size: 6vh;
        color: #1D1D1B;
        text-overflow: ellipsis;
    }

        .Indicateur_Legend_Div table tbody tr {
            height: 10vh;
        }

            .Indicateur_Legend_Div table tbody tr table tbody tr:first-child td:first-child {
                width: 5vw;
                padding-left: 3.5vh;
                padding-top: 3vh;
                text-align: right;
            }

            .Indicateur_Legend_Div table tbody tr table tbody tr td {
                padding-left: 1vh;
                padding-top: 2vh;
                text-align: left;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"] {
                position: absolute;
                left: -9999px;
            }

            .Indicateur_Legend_Div table tbody tr label {
                padding-left: 8px;
                padding-top: 11px;
                text-align: left;
                text-decoration: none;
                cursor: pointer;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label {
                color: #B0C0CA;
                background-color: #E4EBEB;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:checked + label {
                background-color: /*#D1DEDE*/ #EFF3F5;
                color: #1D1D1B;
            }

            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:not(:checked) + label,
            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:checked + label {
                background-color: /*#EFF3F5*/ #D1DEDE;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label abbr {
                filter: brightness(30%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(2) input[type="checkbox"]:checked + label abbr {
                filter: brightness(100%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(3) input[type="checkbox"]:checked + label abbr {
                filter: brightness(65%);
            }

    .Indicateur_Reference_Div {
        width: 350px;
        height: 130px;
        background-color: #E4EBEB;
        border-radius: 10px;
        font-family: Roboto-Bold;
        font-size: 32px;
        color: #344957;
        text-overflow: ellipsis;
    }

        .Indicateur_Reference_Div table tbody tr:first-child {
            height: 34px;
        }

            .Indicateur_Reference_Div table tbody tr:first-child table tbody tr:first-child td:first-child {
                padding: 14px 0 0 18px;
            }

    .Indicateur_Reference_Div_TableValeur {
        width: 100%;
        font-family: Roboto-Bold;
        font-size: 10vw;
        color: #344957;
        text-align: center;
    }

    .IndicateurEspaceEntreGraphique {
        width: 100%;
        height: 4vw;
    }

    .indic_div_legend_puce {
        width: 5vh;
        height: 5vh;
        border: none;
        border-radius: 16px;
    }
    /* Works on Firefox */
    * {
        scrollbar-color: #206080 #D3E4EC;
    }

        /* Works on Chrome, Edge, and Safari */
        *::-webkit-scrollbar {
            /*width: 20px;*/
        }

        *::-webkit-scrollbar-track {
            background: #D3E4EC;
        }

        *::-webkit-scrollbar-thumb {
            background-color: #206080;
            border-radius: 20px;
            border: 6px solid #D3E4EC;
        }

    /*case*/
    .AccueilTableauLigne {
        width: 100%;
        height: 12vw;
    }

    .TableauLigne {
        width: 100%;
        height: auto;
    }

    .AccueilTableauLigneSeparer {
        width: 88vw;
        height: 1vw;
    }

    .TableauLigneSeparer {
        width: 100%;
        height: 10px;
    }

    .AccueilTableauColonne {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: white;
    }

    .AccueilTableauColonneMilieu {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: #ECF2F4;
    }

    .TableauColonne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: white;
        cursor: pointer;
    }

    .AccueilTableauColonneSeparer {
        width: 0.8vw;
        height: 12vw;
    }

    .TableauColonneSeparer {
        width: 10px;
        height: 10px;
    }

    .AccueilTableauColonneSelectionne {
        width: 28vw;
        height: 28vw;
        margin: 1vw;
        padding: 0px;
        background-color: #F28DA3;
    }

        .AccueilTableauColonneSelectionne a,
        .AccueilTableauColonne a,
        .AccueilTableauColonneMilieu a {
            cursor: pointer;
            text-decoration: none;
        }

        .AccueilTableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #F28DA3;
        cursor: pointer;
    }

        .TableauColonneSelectionne a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne2 {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #ECF2F4;
        cursor: pointer;
    }

        .TableauColonneSelectionne2 a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne2:hover {
            background-color: #25749A;
        }

    .AccueilTableauColonne:hover {
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneMilieu:hover,
    .AccueilTableauColonne:hover {
        background-color: /*#D5F1FF*/ #D1DEDE;
    }

    .TableauColonne:hover {
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        font-size: 3.6vw;
        font-family: Roboto-Bold;
        color: white;
        text-align: left;
        /*padding-top: 1.8vw;*/
        padding-left: 1.8vw;
        line-height: 32px;
    }

    .TableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .TableauColonneTitreSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }




    .AccueilTableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 55%;
        font-size: 2vw;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        padding-left: 1.8vw;
    }

    .TableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: white;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .TableauColonneTextSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        color: #35A8E0;
        text-align: right;
        /*padding-top: 5px;
        padding-bottom: 20px;*/
        padding-right: 1vw;
    }

        .AccueilTableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: white;
            font-size: 5vw;
        }

    .TableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .AccueilTableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 20%;
        font-size: 3.6vw;
        font-family: Roboto-Bold;
        color: #25749A;
        text-align: left;
        /*padding-top: 1.8vw;*/
        padding-left: 1.8vw;
        line-height: 32px;
    }

    .TableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .AccueilTableauColonneText {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 55%;
        font-size: 3vw;
        font-family: Roboto-Regular;
        color: #25749A;
        text-align: left;
        padding-left: 1.8vw;
    }

    .TableauColonneText {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 100%;
        height: /*20%*/ 20%;
        color: #35A8E0;
        text-align: right;
        /*padding-top: 5px;
        padding-bottom: 20px;*/
        padding-right: 1vw;
    }

        .AccueilTableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 5vw;
        }

    .TableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .PageTitre {
        color: #25749A;
        font-family: Roboto-Bold;
        font-size: 28px;
    }

    .AccueilLibelle {
        color: #344957;
        font-size: 4vw;
        font-family: Roboto-Bold;
        height: auto;
        width: 88vw;
    }

    #divDate, #choixDateRecap {
        display: none;
    }

    .BtnLanguageHidden {
        display: none;
        width: 0px;
        height: 0px;
    }

    .LanguageSelectionner a {
        color: #35A8E0;
    }

    .IndicateurExport {
        width: 45px;
        height: 45px;
        background-color: #D1DEDE;
        border-radius: 50% 50%;
        color: #344957;
        right: 0px;
        border: 0px solid transparent;
        margin: 0px;
    }

        .IndicateurExport span {
            font-size: 24px;
            margin: 0px 0px 0px 0px !important;
        }

            .IndicateurExport span::before {
                margin-left: 0px;
            }

        .IndicateurExport:hover {
            background-color: #FFFFFF;
            color: #35A8E0;
        }

    .MenuLigneSeparateur {
        background-color: #D1DEDE;
        width: 100%;
        height: 1px;
    }

    .divcbl {
        width: 50vw;
        height: 34vh;
        background-color: #FFFFFF;
        color: #344957;
        font-family: Roboto-Regular;
        font-size: 18px;
    }

    .tableribbonBiksV4 {
        width: 100%;
        height: 100%;
        margin: 0px;
        border: 0px;
    }

        .tableribbonBiksV4 tbody tr:first-child td {
            width: 100% !important;
            cursor: pointer;
            /*padding-top: 14px;*/
            padding-left: 2.1vw;
            /*height: 21px;*/
        }

        .tableribbonBiksV4 tbody tr:nth-child(2) td {
            /*padding-top: 8px;
            padding-right: 30px;*/
        }

    .StyleBoutonBiksV4 {
        width: auto;
        height: 100%;
        border: 0px solid transparent;
        border-radius: 6px;
        background-color: #E38095;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 6vh;
    }

        .StyleBoutonBiksV4:hover {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #E38095;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 6vh;
        }

        .StyleBoutonBiksV4:disabled {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #E38095;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 24px;
        }


    .k-picker-wrap.k-state-default,
    .k-picker-wrap.k-state-default:hover,
    .button_periode,
    .button_periode:hover,
    .k-state-default > .k-select,
    .k-state-hover > .k-select,
    .k-button,
    .k-button:hover,
    .k-calendar > .k-header,
    .k-calendar td.k-state-focused .k-link,
    .k-calendar td.k-state-selected .k-link,
    .k-calendar td.k-state-hover .k-link {
        background-color: #E28EA0;
        border-color: #E28EA0;
        box-shadow: inset 0 0 0 1px transparent;
    }

    .kkk {
        background-color: red;
        border-color: red;
        box-shadow: inset 0 0 0 1px red;
    }

    .Indicateur_Reference_Div_Valeur {
        background-color: #FFFFFF;
        border: 0px solid transparent;
        text-align: center !important;
        font-family: Roboto-Bold;
        font-size: 5vh;
        color: #344957;
    }

    .Indicateur_Reference_Div_ComboValeur {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        /*text-align: center !important;*/
        font-family: Roboto-Medium;
        font-size: 6vw;
        color: #B0C0CA;
    }

        .Indicateur_Reference_Div_ComboValeur:hover {
            color: #344957;
        }

        .Indicateur_Reference_Div_ComboValeur:focus {
            color: #344957;
        }


    .highcharts-yaxis .highcharts-axis-line {
        background-color: red;
        color: red;
    }

    .highcharts-xaxis .highcharts-axis-line {
        background-color: green;
        color: green;
    }


    .tabbordsnamecolor {
        float: left;
        font-family: Roboto-Medium;
        font-size: 18px;
        color: #151719;
        margin-left: 28px !important;
    }

    .tabbordsnamecolorPlanning {
        float: left;
        font-family: Roboto-Medium;
        font-size: 18px;
        color: #151719;
        margin-left: 28px !important;
    }

    /*.tabbordsnamecolor::before(2)
{
}*/

    .k-toolbar {
        display: none;
    }

    .TABLien {
        font-family: Roboto-Medium;
        font-size: 16px;
        color: #0D5F86;
        cursor: pointer;
    }


    .TAB-M-CumulTps-TR {
        width: 100%;
        height: 44px;
        background-color: #E4EBEB;
    }

    .TAB-M-CumulTps-TD1 {
        padding-top: 8px;
        width: 18px;
        height: 27px;
    }

    .TAB-M-CumulTps-TD2 {
        padding-top: 8px;
        padding-left: 5px;
        width: 210px;
        height: 27px;
    }

        .TAB-M-CumulTps-TD2 p {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .TAB-M-CumulTps-TD3 {
        padding-top: 8px;
        width: auto;
        height: 27px;
    }

    .TAB-M-CumulTps-TD4 {
        padding-top: 8px;
        width: 90px;
        text-align: center;
        height: 27px;
    }

        .TAB-M-CumulTps-TD4 span {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .p_tabbords_dd_selected {
        color: #B0C0CA !important;
        /*background-color: #E4EBEB;*/
        font-family: Roboto-Medium;
        font-style: normal;
    }

        .p_tabbords_dd_selected:after {
            display: none;
        }


    .ContenuPageMarge {
        height: 100%;
        width: 6vw;
        padding-left: 6vw;
    }

    .k-grid-filter span {
        font-size: 18px;
    }

    /*Header de tous les tableaux*/

    #grid2 .k-header {
        background-position: 50% 50%;
        /*background-color: #2aa0d2;*/
        background-color: #F28DA3;
    }

    /*.managetablestyle, .indictablestyle {
    border-spacing: 0px;
}*/

    .indictablestyle {
        border-spacing: 0px 0px;
        padding-top: 15px;
    }


    input[type=checkbox] {
        /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;*/
    }

    input[type=checkbox] {
        height: 4vh;
        width: 5vh;
        background: #FFFFFF;
        border: 1px solid #D1DEDE;
        border-radius: 2px;
    }

    input[type="checkbox"]:checked {
        background: #E28EA0;
        color: white;
    }

    /**/
    /*Animation de gauche a droite :*/
    /**/

    /*.test-animate-left {
    z-index:0;
    animation-duration: 5s;
    animation-name: glissement;
    animation-iteration-count: 1;
}

.aller {
    animation-direction: normal;
}

.retour {
    animation-direction: reverse;
}

@keyframes glissement {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: -100%;
        width: 100%;
    }
}*/


    .BtnExport {
        color: #344957 !important;
        border-radius: 50%;
        background-color: #D1DEDE !important;
        width: 9vw !important;
        height: 9vw !important;
        margin: 0 0 0 1vw;
    }

    #kdParetoArrPropres,
    #kdArrInduits,
    #kdEcartPerf {
        border: 0px solid transparent;
    }

        #kdParetoArrPropres table tbody tr td,
        #kdArrInduits table tbody tr td,
        #kdEcartPerf table tbody tr td {
            background-color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 3vw;
            color: #1D1D1B;
            padding: 0vw;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
        }

        #kdParetoArrPropres table thead th {
            background-color: #954D5A;
        }

        #kdArrInduits table thead th {
            background-color: #D88627;
        }

        #kdParetoArrPropres table thead th,
        #kdArrInduits table thead th,
        #kdEcartPerf table thead th {
            font-family: Roboto-Bold;
            font-size: 3vw;
            color: white;
            padding: 1vw;
            border: 0px solid transparent;
        }

        #kdParetoArrPropres table tbody tr:last-child td,
        #kdParetoArrPropres table tbody tr:nth-last-child(2) td,
        #kdArrInduits table tbody tr:last-child td,
        #kdArrInduits table tbody tr:nth-last-child(2) td,
        #kdEcartPerf table tbody tr:last-child td,
        #kdEcartPerf table tbody tr:nth-last-child(2) td {
            background-color: #EFF3F5;
        }

        #kdParetoArrPropres table tbody tr td:first-child,
        #kdParetoArrPropres table tbody tr td:nth-child(3),
        #kdParetoArrPropres table thead th:nth-child(3),
        #kdParetoArrPropres table tbody tr td:nth-child(4),
        #kdParetoArrPropres table thead th:nth-child(4),
        #kdParetoArrPropres table tbody tr td:nth-child(5),
        #kdParetoArrPropres table thead th:nth-child(5) {
            text-align: center;
        }

        #kdArrInduits table tbody tr td:first-child,
        #kdArrInduits table tbody tr td:nth-child(3),
        #kdArrInduits table thead th:nth-child(3),
        #kdArrInduits table tbody tr td:nth-child(4),
        #kdArrInduits table thead th:nth-child(4),
        #kdArrInduits table tbody tr td:nth-child(5),
        #kdArrInduits table thead th:nth-child(5) {
            text-align: center;
        }

    .TDBtnExport,
    .TDBtnExport:hover {
        text-align: inherit !important;
        padding-right: 0 !important;
        width: 8vw !important;
        background-color: transparent;
        border-color: transparent;
    }

    .TDBtnExportCSV {
        display: none !important;
    }

    .TDBtnExportPDF {
        display: none !important;
        margin-left: 17px;
    }

    .BtnExport:hover {
        background-color: #BFCCCC;
        color: #344957;
    }

    .tabbordstablestyle_j tr {
        vertical-align: middle;
    }


    .tabbordstablestyle_j > tbody > tr > td:first-child {
        vertical-align: middle;
        border-bottom: 1px solid #B1C4CD;
    }


    .tabbordstablestyle_j > tbody > tr:nth-child(n+2) > td:first-child {
        background-color: white;
    }

    .tabbordstablestyle_j > tbody > tr:nth-child(2) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(8) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(12) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(17) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(19) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        background-color: transparent;
    }

    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        border-bottom: 0px solid transparent;
    }

    /*.tabbordstablestyle_j tr td:first-child{
    margin-left:5px;

}*/

    .TdB_J_Libelle {
        color: #151719;
        font-family: Roboto-Medium;
        font-size: 17px;
        text-align: left;
    }

    .tabbordstablestyle {
        border-spacing: 0px 0px;
        font-size: 8pt;
        width: 100%;
        padding-bottom: 0vw;
        padding-top: 2vw;
        margin-bottom: 0vw;
    }

    .sub_courbestablestyle_fc {
        min-width: 0px;
    }


    #div_loader {
        display: none;
        width: 4vw;
        height: 4vw;
    }

    .ribbon {
        display: none;
        font-family: Roboto-Medium;
        background-color: #25749A;
        padding: 0;
        margin: 0;
        font-weight: 100;
    }

    .courbe_tableribbon {
        /*border-spacing: 10px 0px !important;*/
        border-spacing: 0px 0px !important;
    }

    .CourbeMenuPolice {
        font-family: Roboto-Medium;
        font-size: 16px;
    }

    .ComboBoxCourbe {
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 182px;
        height: 38px;
        color: #25749A;
        text-indent: 8px;
        border-radius: 2px;
    }

    .courbestablestyle {
        font-family: Roboto-Bold;
    }

    .sub_courbestablestyle_fc input {
        max-width: 100%;
    }

    .PetitLibelle {
        font-family: Roboto-Bold;
        font-size: 24px;
        background-color: transparent;
        color: #344957;
        text-align: left;
        height: 40px;
    }



    #gridsc,
    #gridsc .k-grid-header,
    #gridsc .k-grid-header .k-grid-header-wrap,
    #gridvar,
    #gridvar .k-grid-header,
    #gridvar .k-grid-header .k-grid-header-wrap {
        border: 0px solid white;
    }

        #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
        #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th {
            padding: 0px;
        }

            #gridsc .k-grid-header .k-grid-header-wrap table thead tr,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a {
                background-color: #FFFFFF;
                border: 0px solid white;
            }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child {
                    display: none;
                }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    font-family: Roboto-Bold;
                    color: #344957;
                    font-size: 24px;
                    text-align: left;
                    height: 25px;
                }

                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    /*color: transparent;*/
                }

        #gridsc .k-filter-row,
        #gridvar .k-filter-row {
            display: block;
        }

            #gridsc .k-filter-row th,
            #gridvar .k-filter-row th {
                display: block;
                padding: 0px;
                height: 45px;
                border-bottom: 0px solid transparent;
            }

        #gridsc .k-input,
        #gridvar .k-input {
            background-color: #FFFFFF !important;
        }

        #gridsc .k-filter-row th span span span,
        #gridsc .k-filter-row th span span button,
        #gridvar .k-filter-row th span span span,
        #gridvar .k-filter-row th span span button {
            height: 40px;
            border: 0px solid #FFFFFF;
        }

        #gridsc .k-filter-row th span span span,
        #gridvar .k-filter-row th span span span {
            background-color: transparent;
        }

            #gridsc .k-filter-row th span span span:first-child,
            #gridvar .k-filter-row th span span span:first-child {
                background-color: transparent;
                margin: 0px;
                padding: 0px;
            }

                #gridsc .k-filter-row th span span span:first-child input,
                #gridvar .k-filter-row th span span span:first-child input {
                    width: 100%;
                    max-width: inherit;
                    background-color: transparent;
                    border: 1px solid #B0C0CA;
                    color: #B0C0CA;
                    font-family: Roboto-Medium;
                    font-size: 14px !important;
                    height: 100%;
                    padding: 0px;
                }



        #gridsc .k-grid-content table tbody tr,
        #gridvar .k-grid-content table tbody tr {
            height: 42px;
            background-color: #F7F9FA;
            color: #344957;
            text-align: left;
            font-family: Roboto-Medium;
            font-size: 16px;
        }


            #gridsc .k-grid-content table tbody tr td,
            #gridvar .k-grid-content table tbody tr td {
                border-bottom: 1px solid #3A6E844D;
                padding-left: 8px;
                line-height: normal;
            }

            #gridsc .k-grid-content table tbody tr:hover,
            #gridvar .k-grid-content table tbody tr:hover {
                background-color: #D3E3EB;
            }

        #gridsc .k-draghandle.k-state-selected:hover,
        #gridvar .k-draghandle.k-state-selected:hover {
            background-color: #25749A !important;
        }

        #gridsc .k-state-selected,
        #gridvar .k-state-selected {
            background-color: #25749A !important;
            color: white !important;
        }

        #gridsc tr.k-state-selected:hover td,
        #gridvar tr.k-state-selected:hover td {
            background-color: #D3E3EB;
            color: #344957;
        }


        #gridsc .k-state-default > .k-select,
        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-state-default > .k-select,
        #gridvar .k-filtercell > span > .k-button {
            background-color: #D1DEDE;
            border-radius: 50% 50%;
            color: #344957;
            width: 35px;
            height: 35px;
            margin-left: 10px;
            margin-right: 10px;
            top: 5px;
        }

        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-filtercell > span > .k-button {
            margin-left: 0px;
            margin-right: 0px;
        }


        #gridsc .k-filtercell > span,
        #gridvar .k-filtercell > span {
            padding-right: 84px;
        }

        #gridsc .k-filter-row .k-dropdown-operator {
            /*width:100%;*/
            height: 100%;
        }

    #MainContent_lb_scenariosS,
    #MainContent_lb_scenariosU {
        background-color: #E9F3F8;
        border: 0px;
    }

        #MainContent_lb_scenariosS option,
        #MainContent_lb_scenariosU option {
            height: 42px;
            font-family: Roboto-Medium;
            font-size: 16px;
            vertical-align: middle;
            color: #344957;
            text-align: left;
            padding-top: 12px;
            border-bottom: 1px solid #BECFD7;
            padding-left: 8px;
        }

            #MainContent_lb_scenariosS option:checked,
            #MainContent_lb_scenariosU option:checked {
                background-color: #25749A;
                color: #FFFFFF;
            }

            #MainContent_lb_scenariosS option:hover,
            #MainContent_lb_scenariosU option:hover {
                background-color: #D3E3EB;
            }

    #MainContent_tb_create,
    #MainContent_tb_rename {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #B0C0CA;
        padding-left: 8px;
        text-align: left;
    }

        #MainContent_tb_create:hover,
        #MainContent_tb_rename:hover {
            background-color: #D3E3EB;
            color: #FFFFFF;
        }

        #MainContent_tb_create:focus,
        #MainContent_tb_rename:focus {
            background-color: #FFFFFF;
            color: #35A8E0;
            border-color: #35A8E0;
        }

        #MainContent_tb_create:disabled,
        #MainContent_tb_rename:disabled {
            background-color: #E8EFEF;
            color: #B0C0CA;
            border-color: #B0C0CA;
        }

    #MainContent_ddl_typevar {
        background-color: #FFFFFF;
        border: 1px solid #B2C1CB;
        border-radius: 2px 2px;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #344957;
        padding-left: 8px;
        text-align: left;
    }

    .MenuOutil:hover,
    .MenuOutilSelectionner:hover,
    .MenuOutilSelectionnerSousMenu:hover {
        background-color: #EFF3F5;
    }


    .MenuOutilTitan {
        width: 100%;
        height: 36px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

        .MenuOutilTitan a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: white;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            width: 18px;
            height: 100%;
            margin-left: 22px;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2) {
            width: 265px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:nth-child(3) {
            width: 40px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            color: white;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2n+1) {
            color: white;
        }

        .MenuOutilTitan:hover {
            background-color: #29ABE2;
        }

    .tabbordsnamecolor_dd {
        text-align: left;
        font-family: Roboto-Medium;
        font-size: 4vw;
        letter-spacing: 0px;
        color: #1D1D1B;
    }

    .p_tabbords_dd_disabled, .p_tabbords_disabled {
        color: /*#D0D0D0*/ #B0C0CA;
        font-style: italic;
        text-decoration: none;
    }

    .courbeColorEtPolice {
        color: #1D1D1B;
        font-family: Roboto-Medium;
        font-size: 14px;
        /*max-width: 350px;*/
    }

    .courbedate1color, .courbevarnamecolor {
        color: #0080ff;
    }

    .courbeSuperposSelect {
        color: #D888DB;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #D888DB;
    }

    .courbebordervarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 1px;
    }

    .courbebordersuperposvarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 8px 1px 1px 1px;
    }


    .TableauLegende td table tbody tr:hover td,
    .TableauLegende td table tbody tr:hover td p {
        background-color: #EFF3F5;
    }

    .TAB_EcartPerf:hover td table tbody tr td,
    .TAB_EcartPerf:hover td table tbody tr td p {
        background-color: #D1DEDE;
    }

    .k-window-titlebar {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-color: #E38095;
        color: #ffffff;
        background-color: #E38095;
        background-image: linear-gradient(false);
    }

    .k-calendar .k-today .k-link {
        color: #2aa0d2;
        box-shadow: inset 0 0 0 1px #E38095;
    }

    /*fenetre calendrier curseur not-allowed*/
    .k-state-disabled, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
        cursor: not-allowed !important;
        pointer-events: initial;
        outline: 0;
    }
    /*fenetre calendrier couleur jour sélectionnable autre mois même couleur que mois actuel*/
    /*.k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-link {
    color: #4c5356;
}*/
    /*Pour passer les filtres à l'index 0 pour qu'ils ne passent pas au dessus de l'animation du tableau détail*/
    .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
        float: right;
        margin: -0.5em -0.6em -0.4em 0;
        padding: 0.5em 0.2em 0.4em;
        position: relative;
        z-index: 0;
        color: inherit;
    }
    /*Enlever les boutons du milieu non actif (jour, semaine, mois, année)*/
    .k-button[disabled] {
        color: #ffffff;
        border-color: #2aa0d2;
        background-color: #2aa0d2;
        box-shadow: none;
        background-image: none;
        display: none;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 100;
    }

    .nonClicableElement {
        background-color: #E4EBEB !important;
        cursor: default;
    }

    /*Partie alignement ligne TDB jour*/

    /*#tabcourbes tbody tr:nth-child(2),
#tabcourbes tbody tr:nth-child(12) {
    height: 56px !important;
}

#tabcourbes tbody tr:nth-child(8) {
    height: 57px !important;
}
#tabcourbes tbody tr:nth-child(17),
#tabcourbes tbody tr:nth-child(19) {
    height: 59px !important;
}*/



    .sub_courbestablestyle_lc {
        min-width: 0px;
    }

    .div_tabbords_j {
        display: block;
        overflow: visible;
        text-align: center;
        margin: 0px;
    }

    .buttonReloadImage {
        color: white;
        width: 21px;
        height: 21px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .sp_catalogue, .sp_planning {
        font-family: Roboto-Medium;
        font-size: 16px !important;
    }

    .toolbar {
        background-color: #D1DEDE !important;
    }

    /*#dateWindow table tbody tr:first-child {
    display: none;
    }*/

    #dateWindow {
        width: 100vw;
        height: 90vh;
    }

    #dateWindowTr1, #dateWindowTr2, #dateWindowTr3 {
        display: table-cell;
    }

    #tdDesCarre, #OptionAffichageExpert, #gridFullMenu {
        display: none !important;
    }

    #IDIndicateurs, #IDTableauDeBord, #IDTableauDesResultats, #IDAnalysesTechniques, #IDChargementRecomposition, #IDEditeurDeScenarios, #IDSaisiesUtilisateurs, #IDSaisiesUtilisateursOperateur, #IDCommentsOperateur, #IDParametresAutomatisme, #IDMaintenance, #IDMyAccount, #IDConsolidation,
    #IDGMAOEquip, #IDGMAOTask, #IDGMAORound, #IDGMAOPLANNING, #IDGMAOHistoEquip {
        display: none !important;
    }

    #ligneFinAccueil {
        display: none;
    }

    #divAccueilTableau, #divAccueilTitre {
        display: none;
    }

    #divAccueilMessageMobileV {
        display: none;
    }

    #divAccueilMessageMobileH {
    }

    #SousMenuMobile {
        /*display: none;*/
    }

    #SousMenuPC,
    #SousMenuV2 {
        display: none;
    }

    .createDivClass {
        width: 100vw;
        height: 10vh;
        text-align: left;
        font-size: 8vh;
        color: #344957;
        font-family: Roboto-Bold;
        word-break: break-all;
        overflow: hidden;
    }

    #espaceEnHaut {
        width: 100%;
        height: 30vh;
    }

    .espaceEnHautMobile {
        height: 12vh;
    }

    #recapSite, #recapZF, #recapDate {
        width: 100%;
        font-family: Roboto-Medium;
        font-size: 4vh;
        color: black;
    }

    .menuRecapSelection {
        width: 100%;
    }

    /*Pour changer le logo à la fin du select*/
    /*select {
        width: 140px;
        height: 35px;
        padding: 5px 35px 5px 5px;
        font-size: 18px;
        border: 2px solid #ccc;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("https://www.evercom.fr/wp-content/uploads/2020/05/Fle%CC%80che_250x150_HD_01-1-pdf.jpg") 96% / 15% no-repeat #eee;
    }*/

    /*select {*/
        /*width: 300px !important;*/
        /*height: 100% !important;
        padding: 5px 35px 5px 5px;
        font-size: 18px;
        border: 2px solid #ccc;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("https://svgsilh.com/svg/254095.svg") 96% / 15% no-repeat #eee;
    }*/

    .hauteurTrRecap {
        height: 8vh;
        width: 100vw;
    }

    .hauteurTdRecap {
        height: 8vh;
    }

    .noDataText {
        text-align: center;
        font-size: 8vh;
        color: #344957;
        font-family: Roboto-Bold;
    }

    #resetZoom { /*Bouton navigator zoom courbe*/
        width: 14vw !important;
        height: 20px;
        background-color: #E28EA0;
        color: white;
        font-size: 14px;
        border-radius: 20px;
        align-content: center;
        cursor: pointer;
        font-family: 'Roboto-Bold';
    }

        #resetZoom.disabledZoom {
            background-color: #d0d5dd !important;
            color: #ffffff;
            cursor: default;
        }

    body.gmao-mobile #espaceEnHaut {
        height: 12vh;
    }
    /* Le burger du menu mobile (fixed, z-index 101) recouvre le coin haut-gauche
       et intercepte le clic du bouton « maison » → on le fait repasser au-dessus. */
    body.gmao-mobile .gmao-home-btn {
        position: relative;
        z-index: 102;
    }
}
/* Fichier pour grande tablette ou petit écran */
/*@media (min-width: 769px)*/

/* Fichier pour grand écrann */
@media (min-device-width: 1200px) {
    #imageAccueilMobile {
        display: none;
    }

    .SousMenuLignePrincipale {
        height: 100%;
        width: 100%;
    }

    .TailleContenuMilieu {
        width: 974px;
        height: 100%;
    }

    .EcartEntreSousMenuEtContenu {
        width: 100%;
        height: 158px;
    }

    .EcartFinPage {
        width: 16px;
        height: 100%;
    }

    #imageAccueilPC {
        display: block;
    }

    #ColonneMenu {
        display: block !important;
    }

    #TdSousMenuMobile {
        display: none;
    }

    #ImageLogoBiksMenu {
        margin: 10px 0px 10px 20px;
    }

    .Div-TexteBox-Connexion {
        width: 520px;
        height: 48px;
        background-color: #fff;
        border: 1px solid #35A8E0;
        margin: 0px 185px 0px 215px;
        border-radius: 6px;
    }

    .TexteBox-Connexion {
        width: 100%;
        height: 100%;
        background-color: #fff;
        border: 0px;
        color: #000;
        padding: 0px;
        font-size: 24px;
        font-family: Roboto-Light;
        max-width: inherit !important;
    }

    .BtnSeConnecter {
        background-color: #25749A !important;
        border-color: white !important;
        color: White !important;
        Font-Size: 24px !important;
        Width: 225px !important;
        Height: 44px !important;
        border-radius: 6px !important;
        font-family: Roboto-Medium !important;
        box-shadow: none !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
        text-decoration: line-through;
    }

    .dropdown-menu {
        background-color: #344957;
        left: initial;
        width: 40px;
        float: none;
        min-width: 40px;
        border-radius: 20px;
        margin: 3px;
    }

        .dropdown-menu li:first-child {
            margin-top: 0;
        }

        .dropdown-menu li:last-child {
            margin-bottom: 0px;
        }

        .dropdown-menu li {
            margin: 3px;
        }

    .MenuBtnDrapeau {
        width: auto;
        height: 35px;
        background-color: #D2D2D2;
        border-radius: 20px;
        display: block;
        margin-left: 50px;
    }

        .MenuBtnDrapeau:hover {
            background-color: #344957;
        }

    .MenuBtnDrapeau_active {
        width: auto;
        height: 35px;
        background-color: #344957;
        border-radius: 20px;
        display: block;
        margin-left: 0px;
    }

    .-Home-Login {
        height: /*969*/ 919px;
        width: /*1903*/ 1920px;
        /*height:100%;
        width:100%;*/
        margin: auto;
        background-color: #F7F9FA;
    }

    .TableGeneral {
        height: /*950*/ 919px;
        width: /*1903*/ 1920px;
        margin: auto;
        background-color: white;
    }

        .TableGeneral .Menu {
            width: 318px;
            /*height: 950px;*/
            position: fixed;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            z-index: 100;
            border-right: 1px solid #D1DEDE;
        }

        .TableGeneral .Contenu {
            width: 1602px;
            /*height: 950px;*/
            background-color: #F7F9FA;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

    .Contenu .SousMenu {
        height: /*102*/ 64px;
        z-index: 10;
        position: fixed;
        background-color: #25749A;
        color: white;
        float: left;
    }

    .SousMenu .EspaceHautPageEtCombo {
        width: 100%;
        height: /*32*/ 13px;
        position: relative;
    }

    .SousMenu .Espace {
        position: inherit;
        height: 100%;
        min-height: 1px;
        width: 64px;
    }

    .SousMenu .Site {
        position: inherit;
        width: /*273*/ 268px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .Site .Texte {
        width: /*41*/ 33px;
        height: 21px;
        color: white;
        padding-right: 6px;
    }

    .Site .ComboBox {
        width: 200px;
        height: 38px;
        color: #25749A;
        /*background-color: #E38095;*/
        /*text-indent: 6px;*/
        border-radius: 3px;
    }

    .SousMenu .Element {
        position: inherit;
        width: /*337*/ 330px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .SousMenu .ElementNone {
        display: none;
        position: inherit;
        width: 330px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .Element .Texte {
        /*display: none;*/
        width: /*87*/ auto;
        height: 21px;
        color: white;
        padding-right: 6px;
    }

    .Element .ComboBox {
        width: 200px;
        height: 38px;
        color: #25749A;
        /*background-color: #E38095;*/
        /*text-indent: 6px;*/
        border-radius: 3px;
    }


    .SousMenu .ZoneFonctionnel {
        position: inherit;
        width: /*337*/ 330px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .ZoneFonctionnel .Texte {
        /*display: none;*/
        width: /*87*/ auto;
        height: 21px;
        color: white;
        padding-right: 6px;
    }

    .ZoneFonctionnel .ComboBox {
        width: 200px;
        height: 38px;
        color: #25749A;
        /*background-color: #E38095;*/
        /*text-indent: 6px;*/
        border-radius: 3px;
    }

    .SousMenu .CalendrierDebut {
        position: inherit;
        width: /*265*/ 257px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .CalendrierDebut .Texte {
        width: 32px;
        height: 21px;
        color: white;
        margin: 4px
    }

    #td_date div {
        line-height: 2em !important;
    }

    .CalendrierDebut .Contour {
        width: 152px;
        height: 30px;
        color: #25749A;
        line-height: 2em !important;
        background-color: #E38095;
    }

    .button_periode_button {
        display: inline-block;
        line-height: 100% !important;
        min-width: 0;
        padding: 0 !important;
        vertical-align: middle;
        border: 0 !important;
        border-image-width: 0 !important;
        min-height: 100%;
        border-radius: 3px;
    }

    .SousMenu .CalendrierFin {
        background-color: transparent;
        position: inherit;
        width: 15px;
        height: auto;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .CalendrierFin .Texte {
        padding-left: 20px;
        width: 20px;
        padding-right: 10px;
        padding-left: 8px;
        height: 21px;
        color: white;
    }

    .CalendrierFin .ComboBox {
        width: 152px;
        height: 30px;
        color: #25749A;
        border-radius: 3px;
    }

    .SousMenu .BtnRafraichir {
        position: inherit;
        width: 62px;
        height: 30px;
        font-family: Roboto-Medium;
        font-size: 18px;
        margin-top: 3px;
    }

    .SousMenu .Loader {
        position: inherit;
        width: 30px;
        height: 30px;
    }

    .SousMenu .LoaderTableauResultat {
        position: inherit;
        width: 30px;
        height: 30px;
        margin: 4px 0 0 16px;
    }

    .EcartEntreMenuEtPage {
        height: 100%;
        min-height: 1px;
        width: 65px;
    }

    .Tdr {
        background-color: #F7F9FA;
    }

        .Tdr .Export {
            background-color: #F7F9FA !important;
            border: 0px;
            height: 52px;
        }

        .Tdr .TdButton {
            width: 26px;
            vertical-align: bottom;
            top: 5px;
            left: 3px;
            background-color: transparent;
        }

            .Tdr .TdButton .ColorBack {
                width: 32px;
                height: 32px;
                background-color: #D1DEDE;
                margin: 0px 0px 12px 0px;
                border-radius: 100% 100%;
            }

                .Tdr .TdButton .ColorBack:hover {
                    background-color: #BFCCCC;
                    color: #344957;
                }

        .Tdr .Espace {
            width: 10px;
            margin: 0px 0px 0px 0px;
        }

        .Tdr .Td2PremierTableau {
            width: 472px;
            vertical-align: top;
        }

        .Tdr .Td2PremierTableau2 {
            width: 700px;
            vertical-align: top;
        }

        .Tdr .Div2PremierTableau {
            width: 100%;
            height: auto;
            min-height: 100px;
        }

        .Tdr .LibelleTableauGenerale {
            margin: 10px 0px 10px 0px;
            font-size: 28px;
            color: #344957;
            font-family: Roboto-Bold;
        }

        .Tdr .TableauGenerale {
            border-color: transparent;
            background-color: transparent;
            font-family: Roboto-Medium;
            font-size: 18px;
            width: 100%;
        }

    .TableauGenerale table tfoot {
        display: none;
    }

    .TableauGenerale table thead tr {
    }

        .TableauGenerale table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
        }
            /*class si dessous n'est pas prioritaire, voir changementVisuel() --> filtreTabUn sur les pages*/
            .TableauGenerale table thead tr th:nth-child(n+1) {
                pointer-events: initial;
                text-align: left;
                padding-left: 18px;
            }

            .TableauGenerale table thead tr th:last-child {
                text-align: center;
                width: 104px;
            }

            /*Pour activer et désactiver le logo de filtre*/
            .TableauGenerale table thead tr th a > span {
                /*display: none;*/
                font-size: 18px;
            }

    .TableauGenerale table:nth-child(n+1) {
        /*border-spacing: 0px 2px;
        border-top:0px;
        background-color: red;*/
    }

    .TableauGenerale table tbody tr {
        border-bottom: 10px solid red;
        height: 43px;
    }

        .TableauGenerale table tbody tr td {
            border-color: transparent;
            color: #1D1D1B;
            text-decoration: none;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
            height: 43px;
            line-height: normal;
        }

            .TableauGenerale table tbody tr td a {
                border-color: transparent;
                color: #25749A;
            }

                .TableauGenerale table tbody tr td a:hover {
                    text-decoration: underline;
                    font-size: /*21px*/ 18px;
                }

        .TableauGenerale table tbody tr td {
            text-align: left;
            padding-left: 18px;
        }

            .TableauGenerale table tbody tr td:last-child {
                text-align: center;
            }

    .TableauGenerale table tbody tr {
        background-color: #EFF3F5;
        border-bottom: 1px solid #D1DEDE;
    }

        .TableauGenerale table tbody tr:nth-child(1) {
            background-color: #F28DA3;
        }

        .TableauGenerale table tbody tr:nth-child(2) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(3) {
            background-color: #ECF2F4;
        }

        .TableauGenerale table tbody tr:nth-child(n+4) {
            background-color: #FFFFFF;
        }

        .TableauGenerale table tbody tr:hover td,
        .TableauGenerale table tbody tr:hover td a {
            background-color: #D5F1FF;
        }

    .Tdr .LibelleTableauElement {
        margin: 10px 0px 10px 0px;
        font-size: 28px;
        color: #344957;
        font-family: Roboto-Bold;
    }

    .Tdr .TableauElement {
        border-color: transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
    }

    .TableauElement table tfoot {
        display: none;
    }

    .TableauElement table thead tr {
        z-index: 1000;
    }

        .TableauElement table thead tr th {
            border-color: transparent;
            font-family: Roboto-Bold;
            font-size: 21px;
            text-align: left;
            padding-left: 18px;
        }

            .TableauElement table thead tr th:first-child {
                z-index: 1000;
                text-align: left;
                padding-left: 18px;
            }

            .TableauElement table thead tr th:last-child {
                text-align: center;
                width: 108px;
            }

    .TableauElement table tbody tr td,
    .TableauElement table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        text-align: left;
        padding-left: 18px;
        height: 43px;
    }

        .TableauElement table tbody tr td:first-child {
            text-align: left;
            padding-left: 18px;
        }

        .TableauElement table tbody tr td:last-child {
            text-align: center;
        }

    .TableauElement table tbody tr {
        background-color: #EFF3F5;
    }

        .TableauElement table tbody tr:hover td {
            background-color: #D5F1FF;
        }

    .Tdr .Toggle {
        width: 100%;
        height: 66px;
        margin: 56px 0px 1px 0px;
    }

    .Toggle .Taille {
        width: 100%;
        height: 100%;
        background-color: #25749A;
    }

    .Taille .Td1 {
        width: 1400px;
        cursor: pointer;
    }

    .Taille .Td2 {
        width: 48px;
        cursor: pointer;
    }

    .Toggle .Label {
        height: auto;
        width: auto;
        margin: auto;
        cursor: pointer;
        text-decoration: none;
        font-family: Roboto-Medium;
        font-size: 28px;
        color: #FFFFFF;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }

    .Toggle .Icon {
        width: 36px;
        height: 36px;
        margin: auto;
        color: white !important;
    }


    .Tdr .LibelleToggle {
        width: 100%;
        font-family: Roboto-Medium;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        background-color: white;
        padding: 0;
        margin: 20px 0px 10px 0px;
        display: none;
    }

    .LibelleToggle .Label {
    }

    .LibelleToggle .ButtonCalendrier {
        width: auto;
        display: inline-block;
        background-color: #2AA0D2;
        padding: 0 !important;
        margin: 0;
        border-spacing: 0;
        border-width: 0 !important;
    }

    .Tdr .TableauToggle {
        border: 0px solid transparent;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 100%;
        border: 0px solid #D3E4EC;
    }

    .TableauToggle table tfoot {
        display: none;
    }

    .TableauToggle table thead tr th {
        background-color: #D3E4EC;
        color: #1D1D1B;
        border-color: transparent;
        font-family: Roboto-Bold;
        font-size: 21px;
    }

        .TableauToggle table thead tr th a {
            color: #1D1D1B !important;
        }

            .TableauToggle table thead tr th a > span:before {
                color: black;
            }

        .TableauToggle table thead tr th:last-child {
            text-align: /*center*/ left;
        }

        .TableauToggle table thead tr th:nth-child(n+1) :first-child {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr td,
    .TableauToggle table tbody tr td a {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        height: 43px;
    }

        .TableauToggle table tbody tr td:first-child {
            text-align: left;
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:nth-child(2) {
            padding-left: 18px;
        }

        .TableauToggle table tbody tr td:last-child {
            text-align: left;
            padding-left: 18px;
        }

    .TableauToggle table tbody tr:hover td {
        background-color: #D5F1FF;
        color: #344957;
    }

    .TableauToggle table tbody tr {
        background-color: #FFFFFF;
    }

    .W100-H100-M0 {
        width: 100%;
        height: 100%;
        margin: 0px 0px 0px 0px;
        border-radius: 3px;
    }

    .k-pager-sm {
    }

    .MenuOutil {
        width: 100%;
        height: /*36px*/ 45px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #FFFFFF;
    }

        .MenuOutil a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: #344957;
        }

        .MenuOutil table tbody tr td:first-child,
        .MenuOutilSelectionner table tbody tr td:first-child {
            width: 18px;
            height: 100%;
            margin-left: 22px;
        }

    .MenuOutilSelectionnerSM table tbody tr td:first-child {
        width: 41px;
        margin-left: 0px;
    }


    .MenuOutil table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2),
    .MenuOutilSelectionnerSM table tbody tr td:nth-child(2) {
        width: 265px;
        height: 100%;
    }

    .MenuOutil table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 40px;
        height: 100%;
    }


    .MenuOutilTitreSousMenu table tbody tr td:nth-child(2),
    .MenuOutilSelectionner table tbody tr td:nth-child(2) {
        width: 214px;
        height: 100%;
    }

    .PoliceMenuUser {
        width: 214px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .MenuOutilTitreSousMenu table tbody tr td:nth-child(3),
    .MenuOutilSelectionner table tbody tr td:nth-child(3) {
        width: 40px;
        height: 100%;
    }

        .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a,
        .MenuOutilSelectionner table tbody tr td:nth-child(3) a {
            display: none;
        }

            .MenuOutilTitreSousMenu table tbody tr td:nth-child(3) a div,
            .MenuOutilSelectionner table tbody tr td:nth-child(3) a div {
                margin-top: 8px;
            }

    .MenuOutilTitreSousMenu a {
        font-family: Roboto-Medium !important;
    }

    .DisableDiv {
        pointer-events: none;
        background-color: darkgrey;
    }

    .MenuOutilSelectionner {
        width: 100%;
        height: /*36px*/ 45px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #F7F9FA;
        border-top: 1px solid white;
    }

        .MenuOutilSelectionner a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Regular;
            font-size: 17px;
            color: #344957;
        }

    .MenuOutilSelectionnerSousMenu,
    .MenuOutilSelectionnerSousMenuSeul {
        width: 100%;
        height: /*36px*/45px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenu a,
        .MenuOutilSelectionnerSousMenuSeul a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:first-child {
            height: 100%;
            margin-left: 9px;
            color: white;
            width: 41px;
        }

            .MenuOutilSelectionnerSousMenuSeul table tbody tr td:first-child {
                height: 100%;
                margin-left: 22px;
                color: white;
                width: 1em;
            }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(2) {
            width: 214px;
            height: 100%;
        }

            .MenuOutilSelectionnerSousMenuSeul table tbody tr td:nth-child(2) {
                width: 264px;
                height: 100%;
            }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3),
        .MenuOutilSelectionnerSousMenuSeul table tbody tr td:nth-child(3) {
            width: 40px;
            height: 100%;
        }

            .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a,
            .MenuOutilSelectionnerSousMenuSeul table tbody tr td:nth-child(3) a {
                display: block;
            }

                .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(3) a div,
                .MenuOutilSelectionnerSousMenuSeul table tbody tr td:nth-child(3) a div {
                    margin-left: 10px;
                    margin-top: 8px;
                    color: #FFFFFF;
                }

    /* GMAO est un élément de menu de premier niveau (sans sous-menu) :
       on conserve le même alignement icône/texte qu'à l'état non sélectionné. */
    #IDGMAO.MenuOutilSelectionnerSousMenu table tbody tr td:first-child {
        width: 18px;
        margin-left: 22px;
    }

    .MenuOutilSelectionnerSousMenuListeDeroulante {
        width: 100%;
        height: /*36px*/45px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: #25749A;
        border-top: 1px solid transparent;
    }

        .MenuOutilSelectionnerSousMenuListeDeroulante a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:first-child {
            width: 51px;
            margin-left: 22px;
            margin-top: 9px;
            color: white;
        }

        .MenuOutilSelectionnerSousMenuListeDeroulante table tbody tr td:nth-child(2) {
            width: 265px;
            height: 100%;
        }

    /*Filtre Tableau*/
    .k-filter-row {
        display: none;
    }

    .k-grid .k-autocomplete,
    .k-grid:hover .k-autocomplete:hover {
        background-color: transparent;
        background-image: none;
        background-position: 50% 50%;
        border-color: transparent;
    }

    .k-icon-32 {
        color: black;
        font-size: 32px;
    }

    .k-icon-36 {
        color: black;
        font-size: 36px;
    }

    .k-icon-18 {
        color: black;
        font-size: 18px;
    }

    .k-icon-22 {
        color: black;
        font-size: 22px;
    }

    .cblindic {
        word-break: break-all;
        width: 248px;
        max-height: 25px;
        margin: 5px 0 0 0px;
        overflow: hidden;
        padding-left: 10px;
        border-bottom: 1px solid #D1DEDE;
    }

    .tdleft {
        background-color: transparent;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

    .IndicateurLibelleTRSTRG {
        width: 300px;
        height: 60px;
        background-color: #D1DEDE;
        text-align: center !important;
        border-radius: 30px;
        color: #344957;
        font-family: Roboto-Black;
        font-size: 36px;
        padding-top: 9px;
    }

    .IndicateurLibelle {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 28px;
        text-align: left;
        height: 100%;
    }

    h3.headertabbords_j, p.headertabbords_j, td.headertabbords_dd {
        color: #344957;
        font-family: Roboto-Black;
        font-size: 28px;
        text-align: left;
        height: 100%;
        background-color: transparent;
        margin-bottom: 0px;
    }

    h3.headertabbords_j2, p.headertabbords_j2, td.headertabbords_dd2 {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 26px;
        text-align: left;
        height: 100%;
        background-color: transparent;
    }

    .IndicateurPremierGraphique {
        /*margin-top: 209px;*/
        /*margin-bottom: 64px;*/
        height: 100%;
        width: 100%;
        background-color: transparent;
        font-family: Roboto-Medium;
        font-size: 21px;
        color: #FFFFFF;
    }

    .Indicateur_Legend_Div {
        width: /*340px*/ 272px;
        height: 130px;
        background-color: #E4EBEB;
        font-family: Roboto-Medium;
        font-size: 18px;
        color: #1D1D1B;
        text-overflow: ellipsis;
    }

        .Indicateur_Legend_Div table tbody tr {
            height: 43px;
        }

            .Indicateur_Legend_Div table tbody tr table tbody tr:first-child td:first-child {
                width: 18px;
                padding-left: 9px;
                padding-top: 11px;
                text-align: right;
            }

            .Indicateur_Legend_Div table tbody tr table tbody tr td {
                padding-left: 8px;
                padding-top: 11px;
                text-align: left;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"] {
                position: absolute;
                /*left: -9999px;*/
                display:none;
            }

            .Indicateur_Legend_Div table tbody tr label {
                padding-left: 8px;
                padding-top: 11px;
                text-align: left;
                text-decoration: none;
                cursor: pointer;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label {
                color: #B0C0CA;
                background-color: #E4EBEB;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:checked + label {
                background-color: #D1DEDE #EFF3F5;
                color: #1D1D1B;
            }

            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:not(:checked) + label,
            .Indicateur_Legend_Div table tbody tr:hover input[type="checkbox"]:checked + label {
                background-color: #EFF3F5 #D1DEDE;
            }

            .Indicateur_Legend_Div table tbody tr input[type="checkbox"]:not(:checked) + label abbr {
                filter: brightness(30%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(2) input[type="checkbox"]:checked + label abbr {
                filter: brightness(100%);
            }

            .Indicateur_Legend_Div table tbody tr:nth-child(3) input[type="checkbox"]:checked + label abbr {
                filter: brightness(65%);
            }

    .Indicateur_Reference_Div {
        width: 350px;
        height: 130px;
        background-color: #E4EBEB;
        border-radius: 10px;
        font-family: Roboto-Bold;
        font-size: 32px;
        color: #344957;
        text-overflow: ellipsis;
    }

        .Indicateur_Reference_Div table tbody tr:first-child {
            height: 34px;
        }

            .Indicateur_Reference_Div table tbody tr:first-child table tbody tr:first-child td:first-child {
                padding: 14px 0 0 18px;
            }

    .Indicateur_Reference_Div_TableValeur {
        width: 100%;
        font-family: Roboto-Bold;
        font-size: 18px;
        color: #344957;
        text-align: center;
    }

    .IndicateurEspaceEntreGraphique {
        width: 100%;
        height: 64px;
    }

    .indic_div_legend_puce {
        width: 18px;
        height: 27px;
        border: none;
        border-radius: 16px;
    }
     /*Works on Firefox*/ 
    /*{
        scrollbar-color: #206080 #D3E4EC;
    }*/

         /*Works on Chrome, Edge, and Safari*/ 
        /*::-webkit-scrollbar {
            width: 20px;
        }

        *::-webkit-scrollbar-track {
            background: #D3E4EC;
        }

        *::-webkit-scrollbar-thumb {
            background-color: #206080;
            border-radius: 20px;
            border: 6px solid #D3E4EC;
        }*/

    /*case*/
    .AccueilTableauLigne {
        width: 100%;
        height: 200px;
    }

    .TableauLigne {
        width: 100%;
        height: auto;
    }

    .AccueilTableauLigneSeparer {
        width: 100%;
        height: 10px;
    }

    .TableauLigneSeparer {
        width: 100%;
        height: 10px;
    }

    .AccueilTableauColonne {
        width: 236px;
        height: 236px;
        margin: 5px;
        padding: 0px;
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneMilieu {
        width: 236px;
        height: 236px;
        margin: 5px;
        padding: 0px;
        background-color: #BFCCCC;
    }

    .TableauColonne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: white;
        cursor: pointer;
    }

    .AccueilTableauColonneSeparer {
        width: 10px;
        height: 200px;
    }

    .TableauColonneSeparer {
        width: 10px;
        height: 10px;
    }

    .AccueilTableauColonneSelectionne {
        width: 236px;
        height: 236px;
        margin: 5px;
        padding: 0px;
        background-color: #F28DA3;
    }

        .AccueilTableauColonneSelectionne a,
        .AccueilTableauColonne a,
        .AccueilTableauColonneMilieu a {
            cursor: pointer;
            text-decoration: none;
        }

        .AccueilTableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #F28DA3;
        cursor: pointer;
    }

        .TableauColonneSelectionne a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne:hover {
            background-color: #25749A;
        }

    .TableauColonneSelectionne2 {
        width: 219px;
        height: 219px;
        margin: 0px;
        padding: 0px;
        background-color: #ECF2F4;
        cursor: pointer;
    }

        .TableauColonneSelectionne2 a,
        .TableauColonne a {
            cursor: pointer;
            text-decoration: none;
        }

        .TableauColonneSelectionne2:hover {
            background-color: #25749A;
        }

    .AccueilTableauColonne:hover {
        background-color: #BFCCCC;
    }

    .AccueilTableauColonneMilieu:hover{
        background-color: #D1DEDE;
    }

    .TableauColonne:hover {
        background-color: #D1DEDE;
    }

    .AccueilTableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 68px;
        font-size: 30px;
        font-family: Roboto-Bold;
        color: #54768C;
        text-align: left;
        margin-top: 20px;
        margin-left: 20px;
        line-height: 32px;
    }

    .TableauColonneTitreSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .TableauColonneTitreSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }




    .AccueilTableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 86px;
        font-size: 26px;
        font-family: Roboto-Regular;
        color: white;
        text-align: left;
        margin-top: 5px;
        margin-left: 20px;
    }

    .TableauColonneTextSelectionne {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: white;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .TableauColonneTextSelectionne2 {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .AccueilTableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: white;
            font-size: 32px;
        }

    .TableauColonneIconSelectionne {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIconSelectionne .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .AccueilTableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 68px;
        font-size: 30px;
        font-family: Roboto-Bold;
        color: #25749A;
        text-align: left;
        margin-top: 20px;
        margin-left: 20px;
        line-height: 32px;
    }

    .TableauColonneTitre {
        margin: 0px;
        border: 0px;
        width: 202px;
        overflow: hidden;
        height: 116px;
        font-size: 30px;
        font-family: Roboto-Regular;
        color: #344957;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        line-height: 32px;
        word-wrap: break-word;
    }

    .AccueilTableauColonneText {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 86px;
        font-size: 26px;
        font-family: Roboto-Regular;
        color: #25749A;
        text-align: left;
        margin-top: 5px;
        margin-left: 20px;
    }

    .TableauColonneText {
        margin: 0px;
        border: 0px;
        width: 100%;
        overflow: hidden;
        height: 103px;
        line-height: 103px;
        font-size: 100px;
        font-family: Roboto-Medium;
        color: #344957;
        text-align: center;
        bottom: 0;
        /*margin-top: 30px;*/
    }

    .AccueilTableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .AccueilTableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .TableauColonneIcon {
        margin: 0px;
        border: 0px;
        width: 202px;
        height: 32px;
        color: #35A8E0;
        text-align: right;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: 20px;
    }

        .TableauColonneIcon .k-i-arrow-chevron-right {
            color: #35A8E0;
            font-size: 32px;
        }

    .PageTitre {
        color: #25749A;
        font-family: Roboto-Bold;
        font-size: 28px;
    }

    .AccueilLibelle {
        color: #344957;
        font-size: 28px;
        font-family: Roboto-Bold;
        height: 33px;
        width: /*100%*/ 694px;
    }

    #divDate {
        display: none;
    }

    .BtnLanguageHidden {
        display: none;
        width: 0px;
        height: 0px;
    }

    .LanguageSelectionner a {
        color: #35A8E0;
    }

    .IndicateurExport {
        width: 45px;
        height: 45px;
        background-color: #D1DEDE;
        border-radius: 50% 50%;
        color: #344957;
        right: 0px;
        border: 0px solid transparent;
        margin: 0px;
    }

        .IndicateurExport span {
            font-size: 24px;
            margin: 0px 0px 0px 0px !important;
        }

            .IndicateurExport span::before {
                margin-left: 0px;
            }

        .IndicateurExport:hover {
            background-color: #FFFFFF;
            color: #35A8E0;
        }

    .MenuLigneSeparateur {
        background-color: #D1DEDE;
        width: 100%;
        height: 2px;
    }

    .divcbl {
        width: 248px;
        height: 144px;
        background-color: #FFFFFF;
        color: #344957;
        font-family: Roboto-Regular;
        font-size: 18px;
    }

    .tableribbonBiksV4 {
        width: 100%;
        height: 100%;
        margin: 0px;
        border: 0px;
    }

        .tableribbonBiksV4 tbody tr:first-child td {
            padding-top: 14px;
            padding-left: 9px;
            height: 21px;
        }

        .tableribbonBiksV4 tbody tr:nth-child(2) td {
            padding-top: 8px;
            padding-right: 30px;
        }

    .StyleBoutonBiksV4 {
        width: auto;
        height: 100%;
        border: 0px solid transparent;
        border-radius: 6px;
        background-color: #E38095;
        color: #FFFFFF;
        font-family: Roboto-Medium;
        font-size: 18px;
    }

        .StyleBoutonBiksV4:hover {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #344957;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

        .StyleBoutonBiksV4:disabled {
            width: auto;
            height: 100%;
            border: 0px solid transparent;
            border-radius: 6px;
            background-color: #E38095;
            color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    /*Couleur nouveau calendrier kendo*/
        .k-picker-wrap.k-state-default,
        .k-picker-wrap.k-state-default:hover,
        .button_periode,
        .button_periode:hover,
        .k-state-default > .k-select,
        .k-state-hover > .k-select,
        .k-button,
        .k-button:hover,
        .k-calendar > .k-header/*,
        .k-calendar td.k-state-focused .k-link,
        .k-calendar td.k-state-selected .k-link,
        .k-calendar td.k-state-hover .k-link*/ {
            background-color: #344957;
            border-color: #E28EA0;
            box-shadow: inset 0 0 0 1px transparent;
        }

            .k-button,
            .k-button:hover {
                background-color: #E28EA0;
                border-color: #E28EA0;
                box-shadow: inset 0 0 0 1px transparent;
            }

        /*Couleur premier jour du mois*/
        .k-calendar td.k-state-focused .k-link {
            background-color: transparent;
            border-color: #E28EA0;
            box-shadow: inset 0 0 0 1px transparent;
        }

        /*Couleur survol non select*/
        .k-calendar td.k-state-selected .k-link {
            background-color: #E28EA0;
            border-color: #E28EA0;
            box-shadow: inset 0 0 0 1px transparent;
        }
        /*Couleur survol*/
        .k-calendar td.k-state-hover .k-link {
            background-color: #344957;
            border-color: #E28EA0;
            box-shadow: inset 0 0 0 1px transparent;
        }
    /**/
    .kkk {
        background-color: red;
        border-color: red;
        box-shadow: inset 0 0 0 1px red;
    }

    .Indicateur_Reference_Div_Valeur {
        background-color: #FFFFFF;
        border: 0px solid transparent;
        text-align: center !important;
        font-family: Roboto-Bold;
        font-size: 18px;
        color: #1D1D1B;
    }

    .Indicateur_Reference_Div_ComboValeur {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        /*text-align: center !important;*/
        font-family: Roboto-Medium;
        font-size: 18px;
        color: #B0C0CA;
    }

        .Indicateur_Reference_Div_ComboValeur:hover {
            color: #344957;
        }

        .Indicateur_Reference_Div_ComboValeur:focus {
            color: #344957;
        }


    .highcharts-yaxis .highcharts-axis-line {
        background-color: red;
        color: red;
    }

    .highcharts-xaxis .highcharts-axis-line {
        background-color: green;
        color: green;
    }


    .tabbordsnamecolor {
        float: left;
        font-family: Roboto-Medium;
        font-size: 18px;
        color: #151719;
        margin-left: 28px !important;
    }

    .tabbordsnamecolorPlanning {
        width: 100%;
        float: left;
        font-family: Roboto-Medium;
        font-size: 16px;
        color: #151719;
        /*margin-left: 28px !important;*/
    }

    .k-toolbar {
        display: none;
    }

    .TABLien {
        font-family: Roboto-Medium;
        font-size: 16px;
        color: #0D5F86;
        cursor: pointer;
    }


    .TAB-M-CumulTps-TR {
        width: 100%;
        height: 44px;
        background-color: #E4EBEB;
    }

    .TAB-M-CumulTps-TD1 {
        padding-top: 8px;
        width: 18px;
        height: 27px;
    }

    .TAB-M-CumulTps-TD2 {
        padding-top: 8px;
        padding-left: 5px;
        width: 210px;
        height: 27px;
    }

        .TAB-M-CumulTps-TD2 p {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .TAB-M-CumulTps-TD3 {
        padding-top: 8px;
        width: auto;
        height: 27px;
    }

    .TAB-M-CumulTps-TD4 {
        padding-top: 8px;
        width: 90px;
        text-align: center;
        height: 27px;
    }

        .TAB-M-CumulTps-TD4 span {
            color: #1D1D1B;
            font-family: Roboto-Medium;
            font-size: 18px;
        }

    .p_tabbords_dd_selected {
        color: #B0C0CA !important;
        /*background-color: #E4EBEB;*/
        font-family: Roboto-Medium;
        font-style: normal;
    }

        .p_tabbords_dd_selected:after {
            display: none;
        }


    .ContenuPageMarge {
        height: 100%;
        width: 64px;
    }

    .k-grid-filter span {
        font-size: 18px;
    }

    Header de tous les tableaux

    #grid2 .k-header {
        background-position: 50% 50%;
        background-color: #2aa0d2;
        background-color: #F28DA3;
    }

    .managetablestyle, .indictablestyle {
        border-spacing: 0px;
    }

    .indictablestyle {
        border-spacing: 0px 0px;
        padding-top: 15px;
    }

    input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

    input[type=checkbox] {
        height: 16px;
        width: 16px;
        background: #FFFFFF;
        border: 1px solid #D1DEDE;
        border-radius: 2px;
    }

    input[type="checkbox"]:checked {
        background: #E28EA0;
        color: white;
    }

    /*.test-animate-left {
        z-index:0;
        animation-duration: 5s;
        animation-name: glissement;
        animation-iteration-count: 1;
    }

    .aller {
        animation-direction: normal;
    }

    .retour {
        animation-direction: reverse;
    }*/

    @keyframes glissement {
        from {
            margin-left: 0%;
            width: 100%;
        }

        to {
            margin-left: -100%;
            width: 100%;
        }
    }


    .BtnExport {
        color: #344957 !important;
        border-radius: 50%;
        background-color: #D1DEDE !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0px 10px 0px 10px;
    }

    .BtnExportReload {
        width: 25px !important;
        height: 25px !important;
        margin-left:5px;
        margin-right:5px;
    }

    #kdParetoArrPropres,
    #kdArrInduits,
    #kdEcartPerf {
        border: 0px solid transparent;
    }

        #kdParetoArrPropres table tbody tr td,
        #kdArrInduits table tbody tr td,
        #kdEcartPerf table tbody tr td {
            background-color: #FFFFFF;
            font-family: Roboto-Medium;
            font-size: 16px;
            color: #1D1D1B;
            padding: 5px 5px 5px 5px;
            border: 0px solid transparent;
            border-bottom: 1px solid #D1DEDE;
        }

        #kdParetoArrPropres table thead th {
            background-color: #954D5A;
        }

        #kdArrInduits table thead th {
            background-color: #D88627;
        }

        #kdParetoArrPropres table thead th,
        #kdArrInduits table thead th,
        #kdEcartPerf table thead th {
            font-family: Roboto-Bold;
            font-size: 18px;
            color: white;
            padding: 5px 5px 5px 5px;
            border: 0px solid transparent;
        }

        #kdParetoArrPropres table tbody tr:last-child td,
        #kdParetoArrPropres table tbody tr:nth-last-child(2) td,
        #kdArrInduits table tbody tr:last-child td,
        #kdArrInduits table tbody tr:nth-last-child(2) td,
        #kdEcartPerf table tbody tr:last-child td,
        #kdEcartPerf table tbody tr:nth-last-child(2) td {
            background-color: #EFF3F5;
        }

        #kdParetoArrPropres table tbody tr td:first-child,
        #kdParetoArrPropres table tbody tr td:nth-child(3),
        #kdParetoArrPropres table thead th:nth-child(3),
        #kdParetoArrPropres table tbody tr td:nth-child(4),
        #kdParetoArrPropres table thead th:nth-child(4),
        #kdParetoArrPropres table tbody tr td:nth-child(5),
        #kdParetoArrPropres table thead th:nth-child(5) {
            text-align: center;
        }

        #kdArrInduits table tbody tr td:first-child,
        #kdArrInduits table tbody tr td:nth-child(3),
        #kdArrInduits table thead th:nth-child(3),
        #kdArrInduits table tbody tr td:nth-child(4),
        #kdArrInduits table thead th:nth-child(4),
        #kdArrInduits table tbody tr td:nth-child(5),
        #kdArrInduits table thead th:nth-child(5) {
            text-align: center;
        }

    .TDBtnExport,
    .TDBtnExport:hover {
        width: 56px;
        background-color: transparent;
        border-color: transparent;
    }

    .TDBtnExportCSV {
        /*display: none !important;*/
    }

    .TDBtnExportPDF {
        display: none !important;
        margin-left: 17px;
    }

    .BtnExport:hover {
        background-color: #BFCCCC;
        color: #344957;
    }

    .tabbordstablestyle_j tr {
        vertical-align: middle;
    }


    .tabbordstablestyle_j > tbody > tr > td:first-child {
        vertical-align: middle;
        border-bottom: 1px solid #B1C4CD;
    }


    .tabbordstablestyle_j > tbody > tr:nth-child(n+2) > td:first-child {
        background-color: white;
    }

    .tabbordstablestyle_j > tbody > tr:nth-child(2) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(8) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(12) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(17) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-child(19) > td:first-child,
    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        background-color: transparent;
    }

    .tabbordstablestyle_j > tbody > tr:nth-last-child(-n+7) > td:first-child {
        border-bottom: 0px solid transparent;
    }

    .tabbordstablestyle_j tr td:first-child{
        margin-left:5px;

    }

    .TdB_J_Libelle {
        color: #151719;
        font-family: Roboto-Medium;
        font-size: 17px;
        text-align: left;
    }

    .tabbordstablestyle {
        border-spacing: 0px 0px;
    }

    .sub_courbestablestyle_fc {
        min-width: 0px;
    }


    #div_loader {
        width: 30px;
        height: 30px;
    }

    .ribbon {
        font-family: Roboto-Medium;
        background-color: #25749A;
        padding: 0;
        margin: 0;
        font-weight: 100;
    }

    .courbe_tableribbon {
        border-spacing: 10px 0px !important;
        border-spacing: 0px 0px !important;
    }

    .CourbeMenuPolice {
        font-family: Roboto-Medium;
        font-size: 16px;
    }

    .ComboBoxCourbe {
        font-family: Roboto-Medium;
        font-size: 18px;
        width: 182px;
        height: 38px;
        color: #25749A;
        text-indent: 8px;
        border-radius: 2px;
    }

    .courbestablestyle {
        font-family: Roboto-Bold;
    }

    .sub_courbestablestyle_fc input {
        max-width: 100%;
    }

    .PetitLibelle {
        font-family: Roboto-Bold;
        font-size: 24px;
        background-color: transparent;
        color: #344957;
        text-align: left;
        height: 40px;
    }



    #gridsc,
    #gridsc .k-grid-header,
    #gridsc .k-grid-header .k-grid-header-wrap,
    #gridvar,
    #gridvar .k-grid-header,
    #gridvar .k-grid-header .k-grid-header-wrap {
        border: 0px solid white;
    }

        #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
        #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th {
            padding: 0px;
        }

            #gridsc .k-grid-header .k-grid-header-wrap table thead tr,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th,
            #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a {
                background-color: #FFFFFF;
                border: 0px solid white;
            }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:first-child {
                    display: none;
                }

                #gridsc .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child,
                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    font-family: Roboto-Bold;
                    color: #344957;
                    font-size: 24px;
                    text-align: left;
                    height: 25px;
                }

                #gridvar .k-grid-header .k-grid-header-wrap table thead tr:first-child th a:last-child {
                    /*color: transparent;*/
                }

        #gridsc .k-filter-row,
        #gridvar .k-filter-row {
            display: block;
        }

            #gridsc .k-filter-row th,
            #gridvar .k-filter-row th {
                display: block;
                padding: 0px;
                height: 45px;
                border-bottom: 0px solid transparent;
            }

        #gridsc .k-input,
        #gridvar .k-input {
            background-color: #FFFFFF !important;
        }

        #gridsc .k-filter-row th span span span,
        #gridsc .k-filter-row th span span button,
        #gridvar .k-filter-row th span span span,
        #gridvar .k-filter-row th span span button {
            height: 40px;
            border: 0px solid #FFFFFF;
        }

        #gridsc .k-filter-row th span span span,
        #gridvar .k-filter-row th span span span {
            background-color: transparent;
        }

            #gridsc .k-filter-row th span span span:first-child,
            #gridvar .k-filter-row th span span span:first-child {
                background-color: transparent;
                margin: 0px;
                padding: 0px;
            }

                #gridsc .k-filter-row th span span span:first-child input,
                #gridvar .k-filter-row th span span span:first-child input {
                    width: 100%;
                    max-width: inherit;
                    background-color: transparent;
                    border: 1px solid #B0C0CA;
                    color: #B0C0CA;
                    font-family: Roboto-Medium;
                    font-size: 14px !important;
                    height: 100%;
                    padding: 0px;
                }



        #gridsc .k-grid-content table tbody tr,
        #gridvar .k-grid-content table tbody tr {
            height: 42px;
            background-color: #F7F9FA;
            color: #344957;
            text-align: left;
            font-family: Roboto-Medium;
            font-size: 16px;
        }


            #gridsc .k-grid-content table tbody tr td,
            #gridvar .k-grid-content table tbody tr td {
                border-bottom: 1px solid #3A6E844D;
                padding-left: 8px;
                line-height: normal;
                word-wrap: break-word;
            }

            #gridsc .k-grid-content table tbody tr:hover,
            #gridvar .k-grid-content table tbody tr:hover {
                background-color: #D3E3EB;
            }

        #gridsc .k-draghandle.k-state-selected:hover,
        #gridvar .k-draghandle.k-state-selected:hover {
            background-color: #25749A !important;
        }

        #gridsc .k-state-selected,
        #gridvar .k-state-selected {
            background-color: #25749A !important;
            color: white !important;
        }

        #gridsc tr.k-state-selected:hover td,
        #gridvar tr.k-state-selected:hover td {
            background-color: #D3E3EB;
            color: #344957;
        }


        #gridsc .k-state-default > .k-select,
        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-state-default > .k-select,
        #gridvar .k-filtercell > span > .k-button {
            background-color: #D1DEDE;
            border-radius: 50% 50%;
            color: #344957;
            width: 35px;
            height: 35px;
            margin-left: 10px;
            margin-right: 10px;
            top: 5px;
        }

        #gridsc .k-filtercell > span > .k-button,
        #gridvar .k-filtercell > span > .k-button {
            margin-left: 0px;
            margin-right: 0px;
        }


        #gridsc .k-filtercell > span,
        #gridvar .k-filtercell > span {
            padding-right: 84px;
        }

        #gridsc .k-filter-row .k-dropdown-operator {
            /*width:100%;*/
            height: 100%;
        }

        #MainContent_lb_scenariosS,
        #MainContent_lb_scenariosU {
            background-color: #E9F3F8;
            border: 0px;
        }

        #MainContent_lb_scenariosS option,
        #MainContent_lb_scenariosU option {
            height: 42px;
            font-family: Roboto-Medium;
            font-size: 16px;
            vertical-align: middle;
            color: #344957;
            text-align: left;
            padding-top: 12px;
            border-bottom: 1px solid #BECFD7;
            padding-left: 8px;
        }

            #MainContent_lb_scenariosS option:checked,
            #MainContent_lb_scenariosU option:checked {
                background-color: #25749A;
                color: #FFFFFF;
            }

            #MainContent_lb_scenariosS option:hover,
            #MainContent_lb_scenariosU option:hover {
                background-color: #D3E3EB;
            }

    #MainContent_tb_create,
    #MainContent_tb_rename {
        background-color: #FFFFFF;
        border: 1px solid #B0C0CA;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #B0C0CA;
        padding-left: 8px;
        text-align: left;
    }

        #MainContent_tb_create:hover,
        #MainContent_tb_rename:hover {
            background-color: #D3E3EB;
            color: #FFFFFF;
        }

        #MainContent_tb_create:focus,
        #MainContent_tb_rename:focus {
            background-color: #FFFFFF;
            color: #35A8E0;
            border-color: #35A8E0;
        }

        #MainContent_tb_create:disabled,
        #MainContent_tb_rename:disabled {
            background-color: #E8EFEF;
            color: #B0C0CA;
            border-color: #B0C0CA;
        }

    #MainContent_ddl_typevar {
        background-color: #FFFFFF;
        border: 1px solid #B2C1CB;
        border-radius: 2px 2px;
        font-size: 18px;
        font-family: Roboto-Medium;
        color: #344957;
        padding-left: 8px;
        text-align: left;
    }

    .MenuOutil:hover,
    .MenuOutilSelectionner:hover,
    .MenuOutilSelectionnerSousMenu:hover,
    .MenuOutilSelectionnerSousMenuSeul:hover {
        background-color: #EFF3F5;
    }


    .MenuOutilTitan {
        width: 100%;
        height: 36px;
        position: relative;
        margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

        .MenuOutilTitan a {
            cursor: pointer;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            font-family: Roboto-Medium;
            font-size: 17px;
            color: white;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            width: 18px;
            height: 100%;
            margin-left: 22px;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2) {
            width: 265px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:nth-child(3) {
            width: 40px;
            height: 100%;
        }

        .MenuOutilTitan table tbody tr td:first-child {
            color: white;
        }

        .MenuOutilTitan table tbody tr td:nth-child(2n+1) {
            color: white;
        }

        .MenuOutilTitan:hover {
            background-color: #29ABE2;
        }

    .tabbordsnamecolor_dd {
        text-align: left;
        font-family: Roboto-Medium;
        font-size: 18px;
        letter-spacing: 0px;
        color: #1D1D1B;
    }

    .p_tabbords_dd_disabled, .p_tabbords_disabled {
        color: #D0D0D0 #B0C0CA;
        font-style: italic;
        text-decoration: none;
    }

    .courbeColorEtPolice {
        color: #1D1D1B;
        font-family: Roboto-Medium;
        font-size: 14px;
        max-width: 350px;
    }

    .courbedate1color, .courbevarnamecolor {
        color: #0080ff;
    }

    .courbeSuperposSelect {
        color: #D888DB;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #D888DB;
    }

    .courbebordervarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 1px;
    }

    .courbebordersuperposvarnamecolor {
        border: 0px solid #323232;
        padding: 1px;
        margin: 8px 1px 1px 1px;
    }


    .TableauLegende td table tbody tr:hover td,
    .TableauLegende td table tbody tr:hover td p {
        background-color: #EFF3F5;
    }

    .TAB_EcartPerf:hover td table tbody tr td,
    .TAB_EcartPerf:hover td table tbody tr td p {
        background-color: #D1DEDE;
    }

    .k-window-titlebar {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-color: #E38095;
        color: #ffffff;
        background-color: #E38095;
        background-image: linear-gradient(false);
    }

    .k-calendar .k-today .k-link {
        color: #2aa0d2;
        box-shadow: inset 0 0 0 1px #E38095;
    }

    /*fenetre calendrier curseur not-allowed*/
    .k-state-disabled, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
        cursor: not-allowed !important;
        pointer-events: initial;
        outline: 0;
    }

    .k-calendar .k-content td {
        border-radius: 4px;
        font-weight: bold;
    }

    /*fenetre calendrier couleur jour sélectionnable autre mois même couleur que mois actuel*/
    .k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-link {
        color: #4c5356;
        font-weight: 100;
    }
    /*Pour passer les filtres à l'index 0 pour qu'ils ne passent pas au dessus de l'animation du tableau détail*/
    .k-header > .k-grid-filter, .k-header > .k-header-column-menu {
        float: right;
        margin: -0.5em -0.6em -0.4em 0;
        padding: 0.5em 0.2em 0.4em;
        position: relative;
        z-index: 0;
        color: inherit;
    }
    /*Enlever les boutons du milieu non actif (jour, semaine, mois, année)*/
    .k-button[disabled] {
        color: #ffffff;
        border-color: #2aa0d2;
        background-color: #2aa0d2;
        box-shadow: none;
        background-image: none;
        display: none;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 100;
    }

    .nonClicableElement {
        /*background-color: #E4EBEB !important;*/
        cursor: default;
    }

    /*Partie alignement ligne TDB jour*/

    /*#tabcourbes tbody tr:nth-child(2),
    #tabcourbes tbody tr:nth-child(12) {
        height: 56px !important;
    }

    #tabcourbes tbody tr:nth-child(8) {
        height: 57px !important;
    }
    #tabcourbes tbody tr:nth-child(17),
    #tabcourbes tbody tr:nth-child(19) {
        height: 59px !important;
    }*/



    .sub_courbestablestyle_lc {
        min-width: 0px;
    }

    .div_tabbords_j {
        display: block;
        overflow: visible;
        text-align: center;
        margin: 0px;
    }

    .buttonReloadImage {
        color: white;
        width: 12px;
        height: 12px;
        margin-top: 6.5px;
        margin-left: 6px;
    }

    .sp_catalogue, .sp_planning {
        font-family: Roboto-Medium;
        font-size: 16px !important;
    }

    .toolbar {
        background-color: #D1DEDE !important;
    }

    .noDataText {
        text-align: center;
        font-size: 28px;
        color: #344957;
        font-family: Roboto-Bold;
    }

    #ribbonDate {
        padding-left: 10px;
        padding-right: 10px;
    }

    #dateWindow table tbody tr:first-child {
        /*display: none;*/
    }

    #ColonneContenu {
        padding-left: 0 !important;
    }

    #divAccueilMessageMobileV, #divAccueilMessageMobileH {
        display: none;
    }

    #SousMenuMobile {
        display: none;
    }

    #SousMenuPC,
    #SousMenuV2 {
    }

    #espaceEnHaut {
        width: 100%;
        height: 80px /*124px*/; 
    }

    .menuRecapSelection, #SousMenuZFMobile {
        display:none;
    }

    .menuRecapSelection, #SousMenuZFMobile {
        display: none !important;
    }

    /*SousMenuV2*/

    #SousMenuV2 {
        height: 38px !important;
    }

    .SousMenuV2TD {
        width: auto !important;
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #E28EA0;
        border-radius: 20px;
        /*padding: 0 20px 0 25px;*/
    }

    .SousMenu.CalendrierDebut.SousMenuV2TD {
        border: 0;
    }

    .SousMenuV2Icon,
    .k-icon-25 {
        height: /*100%*/36px;
        font-size: 21px;
        position: relative;
    }

    .k-icon-25 {
        height: 100%;
    }

    .iconSite,
    .iconZF,
    .iconDate{
        width:24px;
        margin-left: 25px;
    }

    .iconSiteNM{
        margin-left: 0;
    }

    .fleche-marge {
        margin-right: 20px;
    }

    #subMenu1Titre,
    #subMenu2Titre,
    #subMenu3Titre,
    #subMenu4Titre {
        padding: 0 5px 0 5px;
    }

    #subMenu3Titre {
        display: flex;
        height: 36px;
        align-items: center;
    }

    .k-calendar-title {
        position: absolute;
        left: 51.7%;
        transform: translateX(-50%);
        text-align: center;
        font-size: 20px;
    }

    #subMenu1,
    #subMenu2,
    #cbl_ngroupe,
    #cbl_nregion,
    #cbl_nagence,
    #cbl_nsite,
    #cbl_nzf {
        position: absolute;
        right: auto;
        left: /*-8px*/ 0;
        min-width: 100% /*calc(100% + 45px)*/;
        width: max-content;
        box-sizing: border-box;
        max-height: 600px;
        overflow-y: auto;
    }

    .subMenuAutoL {
        position: absolute;
        right: auto;
        left: 0;
        min-width: 100%;
        width: max-content;
        box-sizing: border-box;
        height: 14px;
    }

    #subMenu3{
        /*display: block !important;*/
    }

    #subMenu3,
    #subMenu4 {
        position: absolute;
        right: /*-12px*/ 0;
        left: auto;
        min-width: 100% /*calc(100% + 45px)*/;
        width: max-content;
        box-sizing: border-box;
    }

        /* Calendrier : largeur fixe */
        #subMenu3 #rangeCal ,
        #subMenu4 #rangeCal2 {
            width: 505px !important;
            height: 283px;
            /*max-width: 460px !important;*/
            justify-self: start; /* colle à gauche de sa colonne */
            border-radius: 10px;
            margin: 35px;
            margin-bottom: 17.5px;
        }

    .subMenuAutoR {
        position: absolute;
        right: 0;
        left: auto;
        min-width: 100%;
        width: max-content;
        box-sizing: border-box;
        height: 14px;
    }

    /* Style général du menu */
    .menu {
        display: flex;
        justify-content: space-between;
        background-color: #333;
        width: 100%;
        position: relative; /* Permet à la fenêtre fixe de se positionner */
    }

    .menu-item {
        position: relative;
        flex-grow: 1;
        padding: 20px 0;
        text-align: center;
        color: white;
        font-size: 24px;
        cursor: pointer;
    }

    .sub-menu {
        position: fixed; /* Position fixe par rapport à la fenêtre */
        /*left: 1155px;
              transform: translateX(-50%);*/ /* Centrage horizontal */
        width: auto; /* Largeur fixe, deux fois la largeur d'un menu, répartie sur 3 éléments */
        background-color: #D1DEDE;
        display: none;
        /*padding: 10px;*/
        box-sizing: border-box;
        top: 50px; /* Réduire l'espace entre le menu et le sous-menu */
        z-index: 1000;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        display: grid;
        flex-direction: column; /* Disposer les éléments côte à côte */
        overflow-x: hidden;
        /*flex-wrap: wrap;*/ /* Permet aux éléments de se répartir sur plusieurs lignes */
        /*justify-content: space-between;*/ /* Espacement entre les éléments */
    }

        .sub-menu .menu-name {
            width: 16.66%; /* Prendre 2/8 de la largeur totale */
            background-color: #F28DA3; /* Couleur plus claire */
            color: white;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 25px;
        }

        .sub-menu .menu-content {
            width: 100%; /* Le reste de l'espace */
            /*height: 50px;*/
            padding: 10px;
            padding-left: 25px;
            padding-right: 20px;
            font-size: 18px;
            color: #344957;
            box-sizing: border-box;
            text-align: left;
            overflow: hidden;
            display: block;
            align-items: center;
            justify-content: left;
            cursor: pointer;
        }

            .sub-menu .menu-content:hover {
                background-color: /*#F0F6F8*/#EDF2F2;
            }

        .sub-menu .menu-content-select {
            color: #F28DA3;
        }

    .menu-item:hover .sub-menu {
        display: flex; /* Affiche le sous-menu sous forme de flexbox */
    }

    /*Nouveau calendrier*/
    /* Compact + reset éventuels gros fonts */
    #subMenu3 .k-calendar-container {
        font-size: 13px !important;
        border-radius: 10px;
        border-color: transparent;
    }

    /*Couleur jour grisé*/
    .k-calendar-range td.k-range-mid {
        background-image: linear-gradient(transparent 1px, rgba(209, 222, 222, 0.8) 1px, rgba(209, 222, 222, 0.4) calc(100% - 1px), transparent calc(100% - 1px));
    }

    /* La vue des 2 mois est un flex (k-hstack) → on met un gap clair */
    /*#subMenu3 .k-calendar-view.k-calendar-monthview,
    #subMenu4.courbe-mode .k-calendar-view.k-calendar-monthview {
        gap: 40px !important;*/ /* ← espace horizontal entre les 2 mois */
        /*padding: 8px 8px;
    }*/
    #subMenu3 .k-calendar-range .k-calendar-view,
    #subMenu4.courbe-mode .k-calendar-range .k-calendar-view {
        gap: 40px !important;
        padding: 8px 8px;
    }


    /*Pour que le calendrier double prenne 100% de la place*/
    /*.k-calendar-range .k-content {
        width: 100%;
    }*/
        /* Séparateur centré entre les 2 mois */
        /*#subMenu3 .k-calendar-view.k-calendar-monthview > table.k-month:first-child,
        #subMenu4.courbe-mode .k-calendar-view.k-calendar-monthview > table.k-month:first-child {
            position: relative;
        }

            #subMenu3 .k-calendar-view.k-calendar-monthview > table.k-month:first-child::after,
            #subMenu4.courbe-mode .k-calendar-view.k-calendar-monthview > table.k-month:first-child::after {
                content: "";
                position: absolute;
                top: 50%;*/ /* centré verticalement */
        /*transform: translateY(-50%);*/ /* recentrage */
        /*right: -20px;*/ /* moitié du gap (40px/2) */
        /*width: 1px;
                height: 80%;*/ /* longueur ajustée */
        /*background: rgba(0,0,0,0.08);*/ /* fine ligne séparatrice */
        /*}*/

        /* Séparateur centré entre les 2 mois/année */
        #subMenu3 .k-calendar-view > table:first-child, #subMenu4.courbe-mode .k-calendar-view > table:first-child {
            position: relative;
        }

            /* Ligne: s'applique à toutes les vues (jours/mois/année/décennie...) */
            #subMenu3 .k-calendar-view > table:first-child::after,
            #subMenu4.courbe-mode .k-calendar-view > table:first-child::after {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: -20px;
                width: 1px;
                height: 80%;
                background: rgba(0,0,0,0.08);
                pointer-events: none;
            }

            /* En vue année/décennie (pas monthview) -> right : 0 */
            /*#subMenu3 .k-calendar-view:not(.k-calendar-monthview) > table:first-child::after,
            #subMenu4.courbe-mode .k-calendar-view:not(.k-calendar-monthview) > table:first-child::after {
                right: 0 !important;
            }*/


    /* Réduit l'entête et enlève le footer pour gagner en netteté */
    #subMenu3 .k-calendar-header {
        min-height: 28.5px;
        padding: 4px 8px;
        background-color: #E28EA0;
        border-radius: 10px 10px 0 0;
    }

    /*Taille texte calendrier haut date*/
    #subMenu3.courbe-mode .k-nav-fast,
    #subMenu4.courbe-mode .k-nav-fast{
        font-size : 20px;
    }

    #subMenu3.courbe-mode .k-button,
    #subMenu4.courbe-mode .k-button{
        padding: 0;
    }
    /**/

    #subMenu3 .k-footer,
    #subMenu4.courbe-mode .k-footer {
        display: none !important;
    }

    /* Assure-toi que la popup suive bien la largeur du parent */
    #subMenu3 .drp-inline ,
    #subMenu4 .drp-inline {
        position: relative;
    }

        #subMenu3 .drp-inline .k-animation-container,
        #subMenu3 .drp-inline .k-daterangepicker-popup {
            position: static !important;
            display: block !important;
            width: 100% !important; /* s’étire sur la zone de droite */
            height: 0% !important; /* s’étire sur la zone de droite */
            max-width: 100% !important;
            box-shadow: none !important;
            border: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box;
        }

    /* Cache totalement l’input blanc du DateRangePicker */
    #subMenu3 .k-daterangepicker,
    #subMenu3 .k-daterangepicker .k-input,
    #subMenu3 .k-daterangepicker .k-textbox,
    #subMenu3 .k-daterangepicker .k-dateinput,
    #subMenu3 .k-daterangepicker .k-input-inner {
        display: none !important;
    }

    #yesButton, #validButton, #noButton, #divRefresh1 > input, #divRefresh11 > input, #divRefresh2 > input {
        font-size: 24px;
        width: 160px;
        height: 44px;
        margin-bottom: 17.5px;
    }

    #divRefresh1 > input, #divRefresh11 > input, #divRefresh2 > input {
        margin-bottom: 0;
    }

    #subMenu3 {
        width: 575px;
        height: 355px; /*400px*/
        text-align: center;
    }

    #rangeCal{
        margin-top: 10px
    }

    .plusMoinsCal {
        background-color: #E28EA0;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        display: flex;
        cursor: pointer;
    }

    /*Calendrier seul*/
    /*Cacher la couleur du premier jour du mois*/
    #subMenu3.calseul-mode .k-calendar td.k-state-focused .k-link {
        background: transparent !important;
        color: white !important;
        box-shadow: none !important;
    }

    #subMenu3.calseul-mode .k-state-selected {
        background-color: #E28EA0 !important;
    }

    #subMenu3.calseul-mode .k-calendar > .k-header {
        background-color: #E28EA0;
        border-color: transparent;
        color: #4c5356;
    }

    #subMenu3.calseul-mode {
        grid-template-columns: 120px auto;
        column-gap: 16px;
        width: 322px;
        height: 355px;
        /*align-items: start;*/
    }

        /* Calendrier : largeur fixe */
        #subMenu3.calseul-mode #rangeCal ,
        #subMenu3.calseul-mode #rangeCal2 {
            width: 250px !important;
            max-width: 460px !important;
            justify-self: start; /* colle à gauche de sa colonne */
            border-radius: 10px;
            margin:35px;
        }

    /* Compactage doux (optionnel) */
    #subMenu3.calseul-mode .k-calendar {
        font-size: 13px;
    }

    /*Taille texte calendrier haut date*/
    #subMenu3.calseul-mode .k-nav-fast {
        font-size: 20px;
    }

    #subMenu3.calseul-mode .k-button {
        padding: 0;
    }
    /**/















        /*Calendrier seul courbe*/
        /*Cacher la couleur du premier jour du mois*/
        #subMenu3.courbe-mode .k-calendar td.k-state-focused .k-link ,
        #subMenu4.courbe-mode .k-calendar td.k-state-focused .k-link {
            background: transparent !important;
            box-shadow: none !important;
        }

        #subMenu3.courbe-mode .k-state-selected ,
        #subMenu4.courbe-mode .k-state-selected {
            background-color: #E28EA0 !important;
        }

        #subMenu3.courbe-mode .k-calendar > .k-header ,
        #subMenu4.courbe-mode .k-calendar > .k-header {
            background-color: #E28EA0;
            border-color: transparent;
            color: #4c5356;
        }

        #subMenu3.courbe-mode ,
        #subMenu4.courbe-mode {
            grid-template-columns: 120px auto;
            column-gap: 16px;
            width: 322px;
            height: 406px;
            text-align: center;
        }

        /* Calendrier : largeur fixe */
        #subMenu3.courbe-mode #rangeCal ,
        #subMenu4.courbe-mode #rangeCal2 {
            width: 250px !important;
            max-width: 460px !important;
            justify-self: start; /* colle à gauche de sa colonne */
            border-radius: 10px;
            margin: 35px;
        }

        #subMenu3.courbe-mode > div ,
        #subMenu4.courbe-mode > div {
            margin-bottom: 17.5px !important;
        }

        /* Compactage doux (optionnel) */
        #subMenu3.courbe-mode .k-calendar ,
        #subMenu4.courbe-mode .k-calendar {
            font-size: 13px;
        }


        /* ta couleur rose */
        #subMenu3.courbe-mode input[type="checkbox"] ,
        #subMenu4.courbe-mode input[type="checkbox"] {
            height: 18px;
            width: 18px;
            border-radius: 4px; /* pas 50% sinon “radio” */
        }

        #subMenu3.courbe-mode input[type="checkbox"]:focus ,
        #subMenu4.courbe-mode input[type="checkbox"]:focus {
            outline: 0px solid #e16b84; /* focus visible et cohérent */
            outline-offset: 2px;
        }

    .IndicLegendeTdUn {
        width: 20px;
        padding-left: 8px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .IndicLegendeTdUn5 {
        width: 43px;
        padding-left: 8px;
    }

    .IndicLegendeTdDeux {
        width: auto;
        padding-left: 8px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .indic_color {
        text-align: left;
        font-family: Roboto-Medium;
        font-size: 18px;
        letter-spacing: 0px;
        color: #1D1D1B;
        margin: 0;
    }

    .IndicLegendeTdValeur {
        width: 150px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 8px;
    }

    .IndicLegendeTdValeur2 {
        width: 50px;
    }

    .indic_titre_color {
        color: #344957;
        font-family: Roboto-Bold;
        font-size: 24px;
        text-align: left;
        height: 100%;
        padding-left: 8px;
    }

    .indic_div_legend_puc2e {
        width: 18px;
        height: 27px;
        border: none;
        border-radius: 16px;
    }

    .p_indic_disabled {
        color: #BFCCCC !important;
    }

    /*GMAO*/
    /*Design temp*/
    .texteLegende {
        width: 280px;
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        border-bottom: 1px solid #D1DEDE;
        height: 43px;
        font-family: Roboto-Medium;
        font-size: 18px;
        padding-left: 10px;
    }

        .texteLegende input,
        .texteLegende2 input,
        .texteLegende2_2 input {
            height: 100%;
            background-color: transparent;
            border: none;
        }

    .texteLegende2{
        width: 250px;
    }

    .texteLegende2 input{
        width: 100%;
    }

    .texteLegende2_2 {
        border-color: transparent;
        color: #151719;
        text-decoration: none;
        border: 0px solid transparent;
        background-color: #ECF2F4;
        /*border-bottom: 1px solid #D1DEDE;*/
        height: 43px;
        font-family: Roboto-Medium;
        font-size: 18px;
        padding-left: 10px;
    }

    .selectTab1 {
        width: 100%;
        height: 43px;
        font-family: Roboto-Medium;
        font-size: 18px;
        background-color: transparent;
        border-color: transparent;
        /*border-bottom: 1px solid #D1DEDE;*/
    }

    .widthCol2{
        width:216px;
    }

    #TitreRecapEspace {
        width: 80px;
        height: 100%;
    }

    .boutonGMAO {
        background-color: #35A8E0 !important;
        font-size: 18px !important;
        height: 30px !important;
        padding: 5px 20px !important;
        border: 0 !important;
    }

    #resetZoom { /*Bouton navigator zoom courbe*/
        width: 100px;
        height: 20px;
        background-color: #E28EA0;
        color: white;
        font-size: 14px;
        border-radius: 8px;
        align-content: center;
        cursor: pointer;
        font-family: 'Roboto-Bold';
    }

        #resetZoom.disabledZoom {
            background-color: #d0d5dd !important;
            color: #ffffff;
            cursor: default;
        }

    /*Nouveau style tableau sur GMAO*/
    .gmao-priority-grid {
        width: 100%;
        border-radius: 14px;
        overflow: hidden;
        background-color: #F7F9FA;
    }

        .gmao-priority-grid table thead tr th:nth-child(n+1) :first-child{
            padding-left: 0;
        }

        .gmao-priority-grid .k-grouping-header {
            background-color: #25749A;
            color: white;
            border: 0;
            padding: 11px 16px;
            font-size: 14px;
            display: none !important;
        }

        .gmao-priority-grid .k-grid-header th.k-header,
        .gmao-priority-grid .k-grid-header th {
            background: #d9edf4;
            color: #172b36;
            border-color: #c7dbe4;
            padding: 14px 16px;
            font-size: 18px;
            font-weight: 700;
        }

        .gmao-priority-grid .k-grid-content td,
        .gmao-priority-grid tbody td {
            padding: 14px 16px;
            border-color: #e5e7eb;
            background: #ffffff;
            color: #1f2937;
            vertical-align: middle;
        }

        .gmao-priority-grid tbody tr:nth-child(even) td {
            background: #fbfdfe;
        }

        .gmao-priority-grid tbody tr:hover td {
            background: #f1f8fb;
        }

        .gmao-priority-grid tbody tr td:first-child {
            border-left: 8px solid transparent;
        }

        .gmao-priority-grid tbody tr td:first-child {
            border-radius: 10px 0 0 10px;
        }

        .gmao-priority-grid tbody tr td:last-child {
            border-radius: 0 10px 10px 0;
        }

        .gmao-priority-grid tbody tr.ot-priority-expired td:first-child {
            border-left-color: #ef4444;
        }

        .gmao-priority-grid tbody tr.ot-priority-notacquitted td:first-child {
            border-left-color: #f59e0b;
        }

        .gmao-priority-grid tbody tr.ot-priority-forecast td:first-child {
            border-left-color: #38bdf8;
        }

        .gmao-priority-grid tbody tr.ot-priority-validated td:first-child {
            border-left-color: #22c55e;
        }

        .gmao-priority-grid tbody tr.ot-priority-acquitted td:first-child {
            border-left-color: #a855f7;
        }

        .gmao-priority-grid a.link {
            color: #2f3d46;
            /*text-decoration: underline;*/
            /*text-underline-offset: 3px;*/
        }

        .gmao-priority-grid .k-pager-wrap,
        .gmao-priority-grid .k-grid-pager {
            background: #ffffff;
            border-color: #e5e7eb;
            padding: 10px 12px;
        }

    .ot-status-link {
        text-decoration: none !important;
        display: inline-block;
        border-bottom: 0 !important;
        height: auto !important;
    }

        .ot-status-link:hover {
            text-decoration: none !important;
        }

            .ot-status-link:hover .ot-status-badge {
                filter: brightness(0.96);
                transform: translateY(-1px);
            }

    /* Le reste de l'apparence du badge est hors media-query (cf. « Badge de statut
       OT » plus bas) : seule la largeur mini, qui aligne les badges d'une colonne de
       grille, reste propre au desktop — en mobile elle écraserait les cartes. */
    .ot-status-badge {
        min-width: 112px;
    }

    /* ── Survol du badge de statut OT signalant un clic DISTINCT de la ligne ──
       Opt-in via la classe .gmao-badge-distinct-click posée sur le grid : à utiliser
       uniquement là où le badge ouvre l'OT alors que la ligne ouvre la tâche/ronde
       (Listeglobaltaches, Listeglobalrondes, planification). Au survol du badge, halo
       doux dans la couleur de bordure du statut + neutralisation du surlignage bleu
       de la ligne. ListeglobalOT ne pose PAS la classe (badge = même cible que la ligne). */
    .gmao-badge-distinct-click .ot-status-badge { --badge-ring: #e2e8f0; }
    .gmao-badge-distinct-click .ot-status-badge.forecast { --badge-ring: #bae6fd; }
    .gmao-badge-distinct-click .ot-status-badge.validated { --badge-ring: #bbf7d0; }
    .gmao-badge-distinct-click .ot-status-badge.expired { --badge-ring: #fecaca; }
    .gmao-badge-distinct-click .ot-status-badge.notacquitted { --badge-ring: #fde68a; }
    .gmao-badge-distinct-click .ot-status-badge.acquitted { --badge-ring: #e9d5ff; }

    .gmao-badge-distinct-click .ot-status-badge:hover {
        box-shadow: 0 0 0 1px var(--badge-ring), 0 0 10px 3px var(--badge-ring), 0 0 22px 8px var(--badge-ring);
    }

    .gmao-badge-distinct-click tbody tr:hover:has(.ot-status-badge:hover) td { background: #ffffff; }
    .gmao-badge-distinct-click tbody tr:nth-child(even):hover:has(.ot-status-badge:hover) td { background: #fbfdfe; }

    .task-suspended-badge {
        display: inline-flex;
        margin-left: 7px;
        padding: 2px 7px;
        border-radius: 999px;
        background: #e5e7eb;
        color: #4b5563;
        font-size: 11px;
        font-weight: 700;
        vertical-align: middle;
    }

    /* ── Filtre de la grille (#gridlist, + #gridexec/#gridsuppr de histoequip) ── */
    #gridlist .k-filter-row,
    #gridexec .k-filter-row,
    #gridsuppr .k-filter-row {
        display: table-row !important;
    }
    /* On masque l'icône de menu entonnoir pour ne laisser que la barre de recherche. */
    #gridlist .k-grid-filter,
    #gridlist .k-header-column-menu,
    #gridexec .k-grid-filter,
    #gridexec .k-header-column-menu,
    #gridsuppr .k-grid-filter,
    #gridsuppr .k-header-column-menu {
        display: none !important;
    }
    /* Texte de recherche à 12px */
    #gridlist .k-filter-row input,
    #gridexec .k-filter-row input,
    #gridsuppr .k-filter-row input {
        font-size: 12px !important;
    }

    #gridlist .k-filter-row .k-operator-hidden,
    #gridexec .k-filter-row .k-operator-hidden,
    #gridsuppr .k-filter-row .k-operator-hidden {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        min-height: 0;
        line-height: normal;
    }

        #gridlist .k-filter-row .k-operator-hidden > .k-autocomplete,
        #gridexec .k-filter-row .k-operator-hidden > .k-autocomplete,
        #gridsuppr .k-filter-row .k-operator-hidden > .k-autocomplete {
            flex: 1 1 auto;
            width: auto;
            min-width: 0;
        }

    #gridlist .k-filter-row .k-autocomplete .k-input,
    #gridlist .k-filter-row .k-autocomplete input,
    #gridexec .k-filter-row .k-autocomplete .k-input,
    #gridexec .k-filter-row .k-autocomplete input,
    #gridsuppr .k-filter-row .k-autocomplete .k-input,
    #gridsuppr .k-filter-row .k-autocomplete input {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    #gridlist .k-filter-row .k-filtercell .k-textbox,
    #gridexec .k-filter-row .k-filtercell .k-textbox,
    #gridsuppr .k-filter-row .k-filtercell .k-textbox {
        width: 100%;
    }

    #gridlist .k-filter-row .k-operator-hidden > .k-button,
    #gridexec .k-filter-row .k-operator-hidden > .k-button,
    #gridsuppr .k-filter-row .k-operator-hidden > .k-button {
        position: static;
        flex: 0 0 auto;
        height: 26px;
        width: 26px;
        min-width: 26px;
        min-height: 0;
        margin-left: 4px;
        padding: 0;
    }

    /* En-tête de fiche GMAO figé sous le bandeau bleu au défilement (opt-in).
       Le bandeau .Contenu .SousMenu est fixed/64px de haut → top:64px pour que
       l'en-tête s'arrête juste dessous, z-index sous le bandeau (10).
       ⚠ Une cellule sticky est bornée par SON tableau : les blocs de fin de page
       (#trcomments, table d'erreur) doivent être DANS la même table, sinon le
       titre décroche dès qu'on les atteint. */
    .gmao-sticky-head {
        position: sticky;
        top: 64px;
        z-index: 5;
        background-color: #F7F9FA;
        box-shadow: 0 2px 4px -2px rgba(0,0,0,.15);
    }

    /* Cellule du bouton maison : elle fait toute la hauteur de la page, donc rien
       de sticky sur la cellule (ni fond ni ombre) — c'est le bouton lui-même qui
       colle (+10px = le padding-top de la cellule). */
    .gmao-sticky-home > .gmao-home-btn {
        position: sticky;
        top: 74px;
    }
}

    /* ══ GMAO — styles modernes (globaux : appliqués à tous les breakpoints) ══
       Ces classes (.gmao-*) doivent fonctionner quelle que soit la device-width,
       elles sont donc volontairement hors de tout bloc @media. */

    /* ── Calendrier inline des champs date (fiches tâche/ronde et OT) ──
       Sélecteur de date qui s'ouvre en dessous du champ et valide au clic.
       Rendu repris du calendrier des Courbes (#subMenu3.courbe-mode) :
       carte blanche arrondie + en-tête rose au lieu du bleu marine du thème
       Kendo. Instancié en JS (onSelectDates) sur les pages tache, tacheot,
       ronde, rondeot, tacheotacq, rondeotacq */
    .gmao-inline-cal {
        position: absolute;
        top: 100%;
        left: 10px;
        z-index: 1000;
        display: none;
        margin-top: 6px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, .20);
        overflow: hidden;
    }
    .gmao-inline-cal .k-calendar {
        border: 0;
        width: 250px;
        font-size: 13px;
    }
    /* En-tête rose (comme le mode courbe) au lieu du bleu marine global */
    .gmao-inline-cal .k-calendar > .k-header {
        background-color: #E28EA0;
        border-color: transparent;
        color: #4c5356;
    }
    .gmao-inline-cal .k-nav-fast { font-size: 20px; }
    .gmao-inline-cal .k-button { padding: 0; }
    /* Jour sélectionné en rose (sécurise la règle globale) */
    .gmao-inline-cal .k-calendar td.k-state-selected .k-link {
        background-color: #E28EA0;
    }
    /* Pas de surbrillance du 1er jour du mois */
    .gmao-inline-cal .k-calendar td.k-state-focused .k-link {
        background: transparent;
        box-shadow: none;
    }
    /* Pas de pied de calendrier (date du jour) — Kendo pose un
       style="display:block" inline, d'où le !important (comme Courbes). */
    .gmao-inline-cal .k-footer { display: none !important; }

    /* ── Infobulles boutons ──────────────────────────────────── */
    .gmao-btn-tooltip {
        position: relative;
    }

    .gmao-btn-tooltip::after {
        content: attr(data-tooltip);
        position: absolute;
        bottom: calc(100% + 6px);
        left: 50%;
        transform: translateX(-50%);
        background-color: #344957;
        color: #ffffff;
        font-size: 12px;
        font-family: Roboto, sans-serif;
        padding: 4px 10px;
        border-radius: 4px;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.15s ease;
        z-index: 999;
    }

    .gmao-btn-tooltip:hover::after {
        opacity: 1;
    }

    .boutonGMAO .k-icon {
        color: inherit !important;
    }

    .titreBulle {
        width: 350px;
        height: 60px;
        background-color: #D1DEDE;
        text-align: center !important;
        border-radius: 30px;
        color: #344957;
        font-family: Roboto-Black;
        font-size: 35px;
        padding-top: 9px;
    }

    .GMAOCheckbox input {
        height: 18px;
        width: 18px;
        accent-color: #E28EA0;
    }

    .GMAOCheckbox label {
        font-family: 'Roboto-Medium';
        font-size: 18px;
        margin: 0;
    }

    /* ══ GMAO — Sélecteur de site (bandeau partagé) ════════════ */
    .gmao-site-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #E28EA0;
        border-radius: 20px;
        padding: 0 18px 0 10px;
        height: 42px;
        cursor: pointer;
        white-space: nowrap;
        position: relative; /* nécessaire pour la surcouche absolue */
    }

        .gmao-site-pill img {
            width: 24px;
            flex-shrink: 0;
            pointer-events: none;
        }

    .gmao-site-text {
        flex: 1;
        min-width: 80px;
        font-family: Roboto-Medium, sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: white;
        pointer-events: none; /* les clics passent au select en dessous */
    }

    .gmao-site-ddl {
        /* Surcouche invisible couvrant tout le pill */
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
        border: none;
        padding: 0;
        margin: 0;
    }

        .gmao-site-ddl option {
            background: #25749A;
            color: white;
            font-family: Roboto-Medium, sans-serif;
            font-size: 16px;
        }

    .gmao-site-arrow {
        color: white;
        font-size: 16px;
        pointer-events: none;
        line-height: 1;
    }

    /* ══════════════════════════════════════════════════════════════
   GMAO — Design System
   ══════════════════════════════════════════════════════════════ */

    /* ── Conteneurs flex ─────────────────────────────────────── */
    /* .container et .container_vert sont des alias legacy (ronde.aspx, tacheot.aspx…) */
    .gmao-row, .container {
        display: flex;
        align-items: stretch;
        gap: 12px;
    }

    .gmao-row-v, .container_vert {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        min-height: auto;
    }

    /* ── Carte ───────────────────────────────────────────────── */
    /* Contour (liseré fin + liseré gauche marqué) : défini ICI et nulle part
       ailleurs, pour que toutes les cartes GMAO — au premier chef celle du
       stepper Groupe/Élément — soient identiques d'une page à l'autre. Il
       provenait auparavant de gmao-mobile-cards.js, dont la règle .gmao-card
       n'était pas scopée : le cadre n'apparaissait donc que sur les pages
       chargeant ce composant (equipements, Listetaches, tacheot…). */
    .gmao-card {
        background: white;
        border: 0.5px solid #e5e7eb;
        border-left: 3px solid #cbd5e1;
        border-radius: 12px;
        padding: 18px 22px;
        margin-bottom: 14px;
    }

    /* Largeur de la carte du stepper : sur equipements et histoequip la carte est
       posée directement dans la cellule de contenu, donc elle occupe toute la
       largeur. Ailleurs elle vit dans une table imbriquée en largeur auto, qui se
       rétracte sur son contenu — la carte changeait donc de largeur à chaque
       sélection dans le stepper. On étire la table porteuse, repérée par la
       cellule unique qui contient la carte, pour obtenir partout le même
       comportement sans règle par page. */
    tr[name="lesTableaux"] table:has(> tbody > tr > td:only-child > .gmao-card) {
        width: 100%;
    }

    .gmao-card-title {
        font-size: 11px;
        font-weight: 700;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: .09em;
        margin-bottom: 14px;
        padding-bottom: 8px;
        border-bottom: 1px solid #d1d8e0;
    }

    .gmao-card-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
    }

    /* ── Boutons (bleu) ──────────────────────────────────────── */
    .gmao-card input[type="submit"],
    .gmao-card input[type="button"],
    .gmao-form-foot input[type="submit"],
    .gmao-form-foot input[type="button"] {
        height: 38px;
        padding: 0 20px;
        background: #2aa0d2;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
        transition: background .15s, box-shadow .15s;
        vertical-align: middle;
    }

        .gmao-card input[type="submit"]:hover,
        .gmao-card input[type="button"]:hover,
        .gmao-form-foot input[type="submit"]:hover,
        .gmao-form-foot input[type="button"]:hover {
            background: #0070c0;
            box-shadow: 0 2px 8px rgba(42,160,210,.35);
        }

        .gmao-card input[type="submit"]:active,
        .gmao-form-foot input[type="submit"]:active {
            background: #005a9e;
        }

    /* ── Bouton Enregistrer (vert) ───────────────────────────── */
    .gmao-form-foot input[id$="_btnSave"] {
        background: #2db245;
    }

        .gmao-form-foot input[id$="_btnSave"]:hover {
            background: #229036;
            box-shadow: 0 2px 8px rgba(45,178,69,.35);
        }

    /* ── Bouton Annuler (fantôme) ────────────────────────────── */
    .gmao-form-foot input[id$="_btnCancel"] {
        background: transparent;
        color: #4c5356;
        border: 1.5px solid #cfd6de;
        box-shadow: none;
    }

        .gmao-form-foot input[id$="_btnCancel"]:hover {
            background: #f5f7fa;
            border-color: #4c5356;
            box-shadow: none;
        }

    /* ── Pied de formulaire ──────────────────────────────────── */
    .gmao-form-foot {
        display: flex;
        gap: 10px;
        margin-top: 6px;
        margin-bottom: 16px;
    }

    /* ── Libellés (td.Element dans carte) ───────────────────── */
    .gmao-card td.Element {
        font-size: 13px;
        font-weight: 600;
        color: #4c5356;
        white-space: nowrap;
        min-width: 160px;
        padding: 7px 16px 7px 4px;
        vertical-align: middle;
    }

    /* ── Lignes de table ─────────────────────────────────────── */
    .gmao-card table {
        border-collapse: collapse;
        width: 100%;
    }

        .gmao-card table > tbody > tr,
        .gmao-card table > tr {
            border-bottom: 1px solid #d1d8e0;
        }

            .gmao-card table > tbody > tr:last-child,
            .gmao-card table > tr:last-child {
                border-bottom: none;
            }

        .gmao-card table td {
            padding: 7px 6px;
            vertical-align: middle;
        }

        /* ── Inputs / selects ────────────────────────────────────── */
        /* .gmao-input = style commun applicable à tout input GMAO, même hors .gmao-card */
        .gmao-card table input[type="text"],
        .gmao-card table input[type="number"],
        .gmao-card table select,
        .gmao-input {
            border: 1.5px solid #cfd6de;
            border-radius: 6px;
            padding: 0 12px;
            height: 40px;
            font-size: 18px;
            color: #4c5356;
            background: #fff;
            transition: border-color .15s, box-shadow .15s;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
        }

            .gmao-card table input[type="text"]:not(:disabled):focus,
            .gmao-card table input[type="number"]:not(:disabled):focus,
            .gmao-card table select:not(:disabled):focus,
            .gmao-input:not(:disabled):focus {
                border-color: #2aa0d2;
                box-shadow: 0 0 0 3px rgba(42,160,210,.18);
                outline: none;
            }

            .gmao-card table input:disabled,
            .gmao-card table input.aspNetDisabled,
            .gmao-card table select:disabled,
            .gmao-input:disabled,
            .gmao-input.aspNetDisabled {
                background: #f0f4f8;
                color: #6b7280;
                border-color: #e2e8f0;
                cursor: default;
            }

    /* ══ Comportement consultation / modification — commun à toutes les pages GMAO ══
       Deux classes explicites et exclusives posées sur le body par le code de
       chaque page : body.gmao-edit = modification (fond blanc), body.gmao-consult =
       consultation (pas de filigrane + texte noir). Centralisé ici pour un
       comportement identique des inputs GMAO sur toutes les pages. */

    /* Consultation : filigrane (placeholder) invisible — un champ vide doit rester
       réellement vide pour faire ressortir l'absence d'information.
       -webkit-text-fill-color neutralise le rendu WebKit du placeholder. */
    body.gmao-consult .gmao-input::placeholder { color: transparent !important; -webkit-text-fill-color: transparent !important; }
    body.gmao-consult .gmao-input::-webkit-input-placeholder { color: transparent !important; -webkit-text-fill-color: transparent !important; }
    body.gmao-consult .gmao-input::-moz-placeholder { color: transparent !important; opacity: 0; }
    body.gmao-consult .gmao-input:-ms-input-placeholder { color: transparent !important; }

    /* Consultation : texte des champs désactivés en noir (lisibilité) sans retirer
       le fond grisé. -webkit-text-fill-color neutralise le grisage propre à WebKit. */
    body.gmao-consult .gmao-input:disabled,
    body.gmao-consult .gmao-input.aspNetDisabled {
        color: #151719 !important;
        -webkit-text-fill-color: #151719 !important;
    }

    /* Modification : fond blanc pour les champs modifiables (activés). Les champs
       non applicables (désactivés) restent grisés pour le signaler. */
    body.gmao-edit .gmao-input:not(:disabled):not(.aspNetDisabled) {
        background: #fff !important;
    }

    /* Modification : champs date (.gmao-date-input) en fond blanc + curseur main
       (le champ ouvre un sélecteur de date au clic). */
    body.gmao-edit .gmao-date-input {
        background: #fff !important;
        cursor: pointer;
    }

    /* Consultation : les listes de tuiles (.gmao-chips) n'affichent que l'élément
       sélectionné pour gagner de la place ; en modification, toutes les tuiles
       restent visibles (comportement par défaut). S'applique à toutes les listes
       de tuiles GMAO (type d'alimentateur, tapis, racleur, broyeur, caisse,
       matière, pièces, etc.).
       Le stepper (.gmao-stepper) est exclu : il gère son propre mode consultation
       via gmaoStepper.setConsultMode(). La règle d'exclusion, de même spécificité
       et placée après, l'emporte par l'ordre des sources. */
    body.gmao-consult .gmao-chip:not(.gmao-chip-selected) { display: none; }
    body.gmao-consult .gmao-stepper .gmao-chip { display: inline-block; }

    /* Hauteur des tuiles adaptée au texte : un libellé qui passe sur plusieurs
       lignes fait grandir la tuile au lieu de déborder de la pastille (ex. liste
       de pièces sur tacheot). min-height (défini par page) conservé pour les
       libellés courts ; centrage flex pour aligner verticalement le texte
       multi-lignes. Le stepper est volontairement EXCLU : ses tuiles ont une
       largeur contrainte et s'appuient sur une hauteur fixe — height:auto les
       ferait grandir indûment. */
    .gmao-field-chips .gmao-chip,
    .gmao-parts-chips .gmao-chip,
    #panels_table .gmao-chips .gmao-chip,
    .gmao-month-chips .gmao-chip {
        height: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow-wrap: anywhere;
    }

    /* ── Textarea ────────────────────────────────────────────── */
    .gmao-card textarea {
        border: 1.5px solid #cfd6de;
        border-radius: 6px;
        font-size: 14px;
        color: #4c5356;
        background: #fff;
        box-sizing: border-box;
        transition: border-color .15s, box-shadow .15s;
        width: 100%;
        resize: vertical;
    }

        .gmao-card textarea:not(:disabled):focus {
            border-color: #2aa0d2;
            box-shadow: 0 0 0 3px rgba(42,160,210,.18);
            outline: none;
        }

        .gmao-card textarea:disabled {
            background: #f0f4f8;
            border-color: #e2e8f0;
        }

    /* ── Filigrane (placeholder) ─────────────────────────────── */
    /* Appliquer la classe .gmao-input sur tout <input> ou <textarea> GMAO */
    .gmao-card input::placeholder,
    .gmao-card textarea::placeholder,
    .gmao-input::placeholder {
        font-style: italic;
        color: #b0bec5;
    }

    /* ══ GMAO — En-tête de page (bouton retour + titre) ════════════ */
    .gmao-page-header {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 10px 0 16px;
        border-bottom: 2px solid #e4e7ec;
        margin-bottom: 20px;
        margin-left: 16px;
    }

        .gmao-page-header h2 {
            margin: 0;
            font-size: 22px;
            font-weight: 600;
            color: #344957;
            letter-spacing: -.01em;
        }

    .gmao-home-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        background: #eef6fb;
        color: #2aa0d2;
        border: 1.5px solid #cce3f0;
        text-decoration: none;
        flex-shrink: 0;
        transition: background .15s, color .15s, border-color .15s;
    }

        .gmao-home-btn:hover {
            background: #2aa0d2;
            color: #fff;
            border-color: #2aa0d2;
        }

        .gmao-home-btn svg {
            width: 18px;
            height: 18px;
        }

        /*Enlève les contours noir checkbox clique*/
        input[type="checkbox"]:focus,
        input[type="radio"]:focus {
            outline: none;
            box-shadow: none;
        }

        /*Effet de pointillé autour de l'élément*/
        .gradient {
            padding: 12px;
            background: linear-gradient(90deg, #344957 70%, transparent 0) repeat-x, linear-gradient(90deg, #344957 70%, transparent 0) repeat-x, linear-gradient(0deg, #344957 70%, transparent 0) repeat-y, linear-gradient(0deg, #344957 70%, transparent 0) repeat-y;
            background-size: 20px 3px, 20px 3px, 3px 20px, 3px 20px;
            background-position: 0 0, 0 100%, 0 0, 100% 0;
            cursor: pointer;
            /*&:hover {*/
            animation: linearGradientMove .3s infinite linear;
            /*}*/
        }

@keyframes linearGradientMove {
    100% {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
    }
}

a:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   GMAO — Mode mobile
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-device-width: 1199px) {
    /* .page (#pagecontainer) impose min-width:1280px (desktop) : sans ça la
       page se dimensionne contre 1280px → contenu clippé / débordant. */
    body.gmao-mobile .page { min-width: 0 !important; }

    /* #ColonneContenu (Site.Master) est figé height:100vh;position:absolute
       SANS overflow : on ajoute le défilement vertical, sinon le contenu plus
       haut que l'écran est coupé et les clics sont bloqués. */
    body.gmao-mobile #ColonneContenu {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* Rangée(s) de contenu détachée(s) du modèle « table » → pleine largeur
       écran avec marges latérales symétriques (8px). C'est la correction de la
       « marge gauche mal gérée » : la colonne .ContenuPageMarge (width:6vw +
       padding-left:6vw en mobile) décalait sinon tout le contenu vers la droite
       sans marge droite équivalente. */
    body.gmao-mobile tr[name="lesTableaux"] { display: block; width: 100%; }
    body.gmao-mobile tr[name="lesTableaux"] > td {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding: 0 8px !important;
    }
    /* Colonne de marge gauche vidée par le déplacement du bouton « maison ». */
    body.gmao-mobile tr[name="lesTableaux"] > td.ContenuPageMarge:empty { display: none !important; }

    /* Table externe (celle qui enveloppe sous-menu + contenu) en layout fixe :
       elle colle au viewport. Réutilise .gmao-mobile-table (même classe que les
       pages liste). */
    body.gmao-mobile .gmao-mobile-table { table-layout: fixed; width: 100% !important; }

    /* Bouton « maison » ramené sur la ligne du titre (déplacé en JS juste avant
       #TitreRecap par GmaoCards.placeHomeBtn / initMobile). */
    body.gmao-mobile #TitreRecap { display: inline-block; vertical-align: middle; margin: 0; }
    body.gmao-mobile .gmao-home-btn { vertical-align: middle; margin-right: 8px; }

    /* Helper : empile en une colonne toute table marquée .gmao-stack (blocs
       desktop à plusieurs colonnes : caractéristiques | espaceur | compteurs,
       commentaires | documents…). Le combinateur enfant direct (>) protège les
       tables imbriquées (ex. libellé/valeur) qui restent en 2 colonnes. Les
       cellules d'espacement (vides) sont retirées. */
    body.gmao-mobile table.gmao-stack,
    body.gmao-mobile table.gmao-stack > tbody,
    body.gmao-mobile table.gmao-stack > tbody > tr { display: block; }
    body.gmao-mobile table.gmao-stack { width: 100% !important; }
    body.gmao-mobile table.gmao-stack > tbody > tr > td {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
    body.gmao-mobile table.gmao-stack > tbody > tr > td:empty { display: none !important; }

    /* Champs, listes et zones de texte : tenir dans la colonne (certains ont des
       min-width/width fixes inline qui déborderaient). */
    body.gmao-mobile tr[name="lesTableaux"] input,
    body.gmao-mobile tr[name="lesTableaux"] select,
    body.gmao-mobile tr[name="lesTableaux"] textarea,
    body.gmao-mobile tr[name="lesTableaux"] .k-widget {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    /* Boutons d'action à hauteur uniforme. */
    body.gmao-mobile tr[name="lesTableaux"] .boutonGMAO {
        height: 32px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    /* .boutonGMAO n'était définie QUE dans le bloc desktop (min-device-width:1200px) :
       en mobile les boutons GMAO retombaient sur .StyleBoutonBiksV4 seul → rose #E38095
       au lieu du bleu, et font-size 4vw (portrait) / 6vh (paysage) au lieu de 18px.
       Recopie à l'identique du bloc desktop ici : ce @media n'a pas de contrainte
       d'orientation, il couvre donc portrait ET paysage.
       Note : sur les pages gmao-mobile la hauteur reste celle de la règle ci-dessus
       (32px, sélecteur plus spécifique) ; les couleurs et paddings posés en inline
       !important par les pages (violet Supprimer, bleu foncé Valider, padding des
       boutons icône) l'emportent aussi, comme en desktop.
       (`.boutonGMAO .k-icon` n'est pas repris : cette règle-là est déjà hors media-query.) */
    .boutonGMAO {
        background-color: #35A8E0 !important;
        font-size: 18px !important;
        height: 30px !important;
        padding: 5px 20px !important;
        border: 0 !important;
    }

    /* #dateWindow occupe tout l'écran dans le bandeau bleu → masqué sur ces pages. */
    body.gmao-mobile-list #dateWindow {
        display: none !important;
    }
    /* Tableau Kendo illisible en mobile : masqué au profit des cartes GmaoCards. */
    body.gmao-mobile-list #gridlist {
        display: none !important;
    }

    /* Cartes de documents : la largeur mini desktop (350px) déborderait de la
       colonne unique en mobile. */
    body.gmao-mobile .gmao-doc-cards {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* Carte de récap OT (.gmao-recap-*) : grilles repliées en mobile. */
    body.gmao-mobile .gmao-recap-grid  { grid-template-columns: repeat(2, 1fr); }
    body.gmao-mobile .gmao-recap-cards { grid-template-columns: 1fr; }
}

/* En paysage la largeur suffit pour garder les 3 cartes de dates (Prévu / Validé /
   Exécuté) sur une seule ligne. Bloc placé APRÈS celui ci-dessus : même spécificité,
   c'est l'ordre dans le fichier qui départage. */
@media (max-device-width: 1199px) and (orientation: landscape) {
    body.gmao-mobile .gmao-recap-cards { grid-template-columns: repeat(3, 1fr); }
    /* Rappel du modificateur 2 cartes : le selecteur ci-dessus (0,2,1) l'emporterait
       sur .gmao-recap-cards--2 (0,1,0) et rendrait 3 colonnes pour 2 cartes. */
    body.gmao-mobile .gmao-recap-cards--2 { grid-template-columns: repeat(2, 1fr); }
}

/* ══ Cartes de documents GMAO (.gmao-doc-cards) ═══════════════════════════════
   Liste de fichiers en cartes : icône Kendo typée selon l'extension + nom du
   fichier + bouton de téléchargement par carte (remplace l'ancienne ListBox +
   bouton unique « télécharger la sélection »). Utilisée par tache.aspx et
   tacheot.aspx ; equipements.aspx a le même rendu en version inline historique
   (#equip-doccards), qui gère en plus l'ajout/suppression.
   Hors media-query : le composant est identique en desktop et en mobile. */
.gmao-doc-cards {
    min-width: 350px;
    width: 100%;
}

    .gmao-doc-cards .doc-card {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        border: 0.5px solid #e5e7eb;
        border-left: 3px solid #cbd5e1;
        border-radius: 8px;
        padding: 7px 10px;
        margin-bottom: 4px;
    }

    .gmao-doc-cards .doc-ic .k-icon {
        font-size: 22px;
        color: #25749A;
    }

    .gmao-doc-cards .doc-name {
        flex: 1;
        min-width: 0;
        font-size: 14px;
        color: #344957;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gmao-doc-cards .doc-actions {
        display: inline-flex;
        gap: 4px;
        flex: 0 0 auto;
    }

    /* Bouton d'action carré (largeur = hauteur). Sélecteur sur-spécifié (4 classes)
       pour battre « .boutonGMAO { height:30px !important } » (desktop) et
       « body.gmao-mobile tr[name="lesTableaux"] .boutonGMAO { height:32px !important } ». */
    .gmao-doc-cards .doc-card .doc-actions .boutonGMAO {
        width: 23px !important;
        height: 23px !important;
        min-width: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Élément flex : sans min-width:0 (ci-dessus) la largeur ne descend jamais sous
       la taille de l'icône. On réduit aussi le glyphe pour qu'il tienne dans 23px. */
    .gmao-doc-cards .doc-card .doc-actions .boutonGMAO .k-icon {
        font-size: 15px !important;
        margin: 0 !important;
    }

/* ══ Badge de statut OT (.ot-status-badge) ════════════════════════════════════
   Tuile arrondie + point de couleur, identique desktop et mobile : ces règles
   étaient dans le bloc @media desktop, d'où un simple texte gris sur les fiches
   OT en mobile. Seule la largeur mini (112px, alignement des colonnes de grille)
   est restée côté desktop — elle déformerait les cartes de liste en mobile.
   Les cartes de liste (.gmao-card-head) gardent leur propre style, injecté par
   gmao-mobile-cards.js avec une spécificité supérieure. */
.ot-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    /* Apparence grise par défaut = statut « Non défini » (aucune classe couleur) */
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
}

    .ot-status-badge::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        flex: 0 0 auto;
        /* Point gris par défaut ; surchargé par .forecast::before, etc. */
        background: #94a3b8;
    }

    .ot-status-badge.forecast { /* prévisionnel */
        background: #e0f2fe;
        color: #075985;
        border-color: #bae6fd;
    }

        .ot-status-badge.forecast::before {
            background: #38bdf8;
        }

    .ot-status-badge.validated { /* validé */
        background: #dcfce7;
        color: #166534;
        border-color: #bbf7d0;
    }

        .ot-status-badge.validated::before {
            background: #22c55e;
        }

    .ot-status-badge.expired { /* échu */
        background: #fee2e2;
        color: #991b1b;
        border-color: #fecaca;
    }

        .ot-status-badge.expired::before {
            background: #ef4444;
        }

    .ot-status-badge.notacquitted { /* non acquitté */
        background: #fef3c7;
        color: #92400e;
        border-color: #fde68a;
    }

        .ot-status-badge.notacquitted::before {
            background: #f59e0b;
        }

    .ot-status-badge.acquitted { /* acquitté */
        background: #f3e8ff;
        color: #6b21a8;
        border-color: #e9d5ff;
    }

        .ot-status-badge.acquitted::before {
            background: #a855f7;
        }

/* ===== Carte de récap d'un OT (tacheotrecap, futurs rondeotrecap/apotrecap) =====
   Composant identique desktop/mobile : base hors media-query, seule la grille
   passe en 1 colonne dans le bloc @media mobile plus bas. */
.gmao-recap { max-width: 1100px; margin: 0 auto; text-align: left; background: white; }
.gmao-recap-otnum { font-size: 14px; font-weight: 400; color: #555; margin-left: 8px; }
.gmao-recap-topline { margin: 8px 0 4px; color: #333; }
.gmao-recap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
/* Variante « au contenu » : colonnes dimensionnées sur leur texte (auto, donc
   compressibles si la place manque) et écart identique entre chaque cadre.
   justify-content:start empêche les colonnes auto d'absorber la place restante. */
.gmao-recap-grid--fit {
    grid-template-columns: repeat(4, auto);
    justify-content: start;
    column-gap: 32px;
}
.gmao-recap-cell { display: flex; flex-direction: column; gap: 2px; }
.gmao-recap-lbl {
    color: #8a97a5; font-size: 11px; font-weight: 600; letter-spacing: .05em;
    text-transform: uppercase;
}
.gmao-recap-val { color: #151719; font-size: 14px; font-weight: 600; }
.gmao-recap-note {
    background: #eef2f4; border-radius: 6px; padding: 12px 16px; margin: 10px 0;
    color: #333; line-height: 1.45;
    /* Le texte est injecté via .text() : sans pre-wrap les retours chariot
       saisis dans la consigne / le compte rendu seraient réduits à une espace. */
    white-space: pre-wrap; overflow-wrap: break-word;
}
.gmao-recap-note-empty { color: #8a97a5; font-style: italic; }
.gmao-recap-parts { margin: 12px 0; }

/* QUAND : 3 cartes avec liseré coloré */
.gmao-recap-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
/* Variante 2 cartes (apotrecap) : ps_select_gmao_ap_ot n'expose pas de date
   previsionnelle, il ne reste que Validee / Executee — sans ce modificateur les
   deux cartes garderaient un tiers de largeur chacune et laisseraient un trou. */
.gmao-recap-cards--2 { grid-template-columns: repeat(2, 1fr); }
.gmao-recap-card {
    background: #f3f6f8; border-radius: 8px; padding: 14px 16px 16px;
    border-top: 4px solid #cfd8e0; display: flex; flex-direction: column; gap: 4px;
}
.gmao-recap-card--prev  { border-top-color: #2aa0d2; }
.gmao-recap-card--valid { border-top-color: #35b06a; }
.gmao-recap-card--exec  { border-top-color: #9b59d0; }
.gmao-recap-date { font-size: 17px; font-weight: 700; color: #151719; }
.gmao-recap-badge {
    display: inline-block; background: #fdf0c7; color: #7a5b00; border-radius: 4px;
    padding: 2px 8px; font-size: 12px; font-weight: 600; width: fit-content;
}

/* COÛT */
.gmao-recap-costs { margin-top: 8px; }
.gmao-recap-costrow {
    display: flex; justify-content: space-between; align-items: baseline;
    padding: 12px 4px; border-bottom: 1px solid #eef2f4;
}
.gmao-recap-costrow em { color: #8a97a5; font-style: italic; font-size: 13px; }
.gmao-recap-amount { font-variant-numeric: tabular-nums; font-weight: 600; }
.gmao-recap-total { border-bottom: none; font-size: 16px; }
.gmao-recap-total .gmao-recap-amount { color: #1a7aab; font-weight: 700; }

/* POINTS DE CONTRÔLE (rondeotrecap) : un bloc par point de contrôle, une ligne par
   équipement relevé. Reprend l'accordéon de ronde.aspx en consultation (en-tête gris
   #ECF2F4, bordure #D1DEDE, corps indenté) SANS son repli : une fiche de récap se lit
   d'un seul tenant. Pas de media-query : la ligne est en flex-wrap, le commentaire
   occupant toujours sa propre ligne (flex-basis 100%) et les badges repassant sous
   le nom d'équipement quand la largeur manque. */
.gmao-recap-cps { margin-top: 8px; }
.gmao-recap-cp-item {
    border: 1px solid #d1dede; border-radius: 4px; margin-bottom: 6px; overflow: hidden;
}
.gmao-recap-cp-title {
    background: #ecf2f4; padding: 6px 10px;
    font-size: 14px; font-weight: 700; color: #151719;
}
.gmao-recap-cp-row {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px;
    padding: 8px 10px 8px 28px; border-top: 1px solid #eef2f4;
}
.gmao-recap-cp-elem { flex: 1 1 220px; font-size: 14px; font-weight: 600; color: #151719; }
.gmao-recap-cp-flag {
    border-radius: 4px; padding: 2px 8px; font-size: 12px; font-weight: 600;
    white-space: nowrap;
}
.gmao-recap-cp-flag.ok { background: #e4f5ea; color: #1f7a45; }
.gmao-recap-cp-flag.ko { background: #fde8e8; color: #a13030; }
.gmao-recap-cp-flag.na { background: #eef2f4; color: #8a97a5; }
.gmao-recap-cp-comment {
    flex: 1 1 100%; color: #333; font-size: 13px; line-height: 1.45;
    /* Le commentaire est injecté via .text() : sans pre-wrap les retours chariot
       saisis lors du relevé seraient réduits à une espace. */
    white-space: pre-wrap; overflow-wrap: break-word;
}