/*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: #BF1D40;
        }

        #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: #FF00FF;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #FF00FF;
    }

    .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, #IDChargementRecomposition, #IDEditeurDeScenarios, #IDSaisiesUtilisateurs, #IDSaisiesUtilisateursOperateur, #IDCommentsOperateur, #IDParametresAutomatisme, #IDMaintenance, #IDMyAccount, #IDConsolidation {
        display: none !important;
    }

    #ligneFinAccueil {
        display: none;
    }

    #divAccueilTableau{
        display: none;
    }

    #divAccueilTableauMobileV {
        height: 90vh !important;
    }

    #divAccueilTableauMobileH {
        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;
    }
}

/*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: #BF1D40;
        }

        #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: #FF00FF;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #FF00FF;
    }

    .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, #IDChargementRecomposition, #IDEditeurDeScenarios, #IDSaisiesUtilisateurs, #IDSaisiesUtilisateursOperateur, #IDCommentsOperateur, #IDParametresAutomatisme, #IDMaintenance, #IDMyAccount, #IDConsolidation {
        display: none !important;
    }

    #ligneFinAccueil {
        display: none;
    }

    #divAccueilTableau {
        display: none;
    }

    #divAccueilTableauMobileV {
        display: none;
    }

    #divAccueilTableauMobileH {
        
    }

    #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;
    }
}
/* 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 {
        width: 100%;
        height: /*36px*/45px;
        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: 17px;
            color: #FFFFFF !important;
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:first-child {
            /*width: 18px;*/
            height: 100%;
            margin-left: 9px;
            color: white;
            width: 41px;
            /*margin-left: 0px;*/
        }

        .MenuOutilSelectionnerSousMenu table tbody tr td:nth-child(2) {
            width: 214px;
            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: /*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;
            }

            .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;
        }


    .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: 22px;
        color: #344957;
    }

    .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;*/
    }

    .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: 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;
    }

    
    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: 32px !important;
        height: 32px !important;
        margin: 0px 10px 0px 10px;
    }

    #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: #BF1D40;
        }

        #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 {
        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: #FF00FF;
        font-weight: bold;
    }

    .courbedate1sppcolor {
        color: #FF00FF;
    }

    .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: 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;
    }

    .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;
    }

    #divAccueilTableauMobileV, #divAccueilTableauMobileH {
        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;
    }

    .fleche-marge {
        margin-right: 20px;
    }

    #subMenu1Titre,
    #subMenu2Titre,
    #subMenu3Titre,
    #subMenu4Titre {
        padding: 0 5px 0 5px;
    }

    #subMenu3Titre {
        display: flex;
        height: 36px;
        align-items: center;
    }

    #subMenu1,
    #subMenu2 {
        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,
    #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;
    }

        /* 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 */
            }

    /* Réduit l'entête et enlève le footer pour gagner en netteté */
    #subMenu3 .k-calendar-header {
        padding: 4px 8px;
    }

    #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, #divRefresh2 > input {
        font-size: 24px;
        width: 160px;
        height: 44px;
        margin-bottom: 17.5px;
    }

    #divRefresh1 > input, #divRefresh2 > input {
        margin-bottom: 0;
    }

    #subMenu3 {
        width: 575px;
        height: 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: transparent;
        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;
    }















        /*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;
            color: white !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: transparent;
            border-color: transparent;
            color: #4c5356;
        }

        #subMenu3.courbe-mode ,
        #subMenu4.courbe-mode {
            grid-template-columns: 120px auto;
            column-gap: 16px;
            width: 322px;
            height: 450px;
            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;
        }











}

/*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;
    }
}