@media screen and (max-width: 960px) {
    /*----------------------------------------------------------
    For: XI INGENIERIE
    Done by: Blue Ice Executive
    ----------------------------------------------------------*/

    html, #body html {
        width: 100vw;
        height: 100vh;
        font-family: Calibri;
        font-size: 9pt;
        color: black;
    }

    #body {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 0;
    }
    /**To avoid white space margin **/
    body {
        margin: 0;
        padding: 0;
    }

    /*for all browsers, including IE*/
    #aspnetForm {
        width: 100%;
        height: 100%;
        min-height: 100%;
        /*	background-color:#efefef; */ tablesorter-filter-row margin-bottom: -50px;
    }

    /*fixes error in non-IE agents*/
    html > #body #aspnetForm {
        height: auto;
        min-height: 100%;
    }

    html {
        /*background: #FEFEFF url('../Images/fond_page_degrade_metenergie.png') repeat-x fixed left bottom; */ /*background-color: #8894A0;*/
    }

    #fondIndex, #fondPageMaster {
        position: fixed;
        height: 100%;
        z-index: -1;
        margin-left: -477px;
    }

    #pozh {
        width: 100vw;
        margin: Auto;
    }

    #pozhPDF {
        width: 100vw;
        margin: Auto;
        height: auto;
    }

    #corpsPage {
        height: 100%;
        width: auto;
    }

    #IMG_LogoMX {
        float: left;
        margin-left: 5px;
        border: transparent;
        background: transparent;
        cursor: pointer;
        height: 15px;
        color: white;
    }

        #IMG_LogoMX:hover {
            color: red;
        }

    #logoSoc {
        position: absolute;
        right: 0px;
        display:none;
    }

    #logoSocPDF {
        position: absolute;
        top: 25px;
        right: 3px;
        height: 120px;
    }

    #logoMX {
        position: absolute;
        right: 0px;
        left: 0px;
        background: url(../Images/LogoEiffage151-30-Transparent.png);
        background-color: white;
        background-repeat: no-repeat;
        background-position: left;
        background-position-y: center;
        height: 30px;
        width: 158px;
        margin-left: 5px;
        padding: 10px;
        padding-top: 5px;
    }

    #img_metexpansion {
        margin-top: 50px;
    }

    #fondTitre {
        background-position: center top;
        /*background-image: url(../Content/Images/h2_metenergie.png);*/
        background: url(../Images/logo_met_avec_description2022mob.png) no-repeat scroll center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        position: relative;
        width: 100%;
        /* height : NE PAS METTRE 100% : Bugg dans IE => couvre l'ensemble de la page après quelques Submit */
        height: 200px;
        top: 4vh;
        left: 0px;
        /*z-index: 4;*/
    }

    #fondTitrePage {
        background-position: center top;
        background-image: url('../Images/h2_page.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        width: 100%;
        /* height : NE PAS METTRE 100% : Bugg dans IE => couvre l'ensemble de la page après quelques Submit 
	    height: 80px;*/
        /*position: absolute;
	    top: 0px;
	    left: 0px;*/
    }

    iframe {
        display: none;
    }

    /**Header**/
    #header {
        /*height: 140px;*/
        position: relative;
    }

    #headerPage {
        background-position: left center;
        height: 65px;
        position: relative;
        z-index: 1;
        background-color: white; /*TODO: eiffage custom*/
    }

    #headerPDF {
        background-position: left center;
        height: 20px;
        padding-left: 178px;
        position: relative;
        /*z-index: 1;*/
    }

    #header hr {
        display: none;
    }

    #header img {
        left: 100px;
        top: -100px;
    }

    /** Menu **/
    #MenuSite {
        z-index: 10;
        color: #FFF;
        height: 100%;
        position: absolute;
        margin-top: 50px;
        right: 0;
        width: 100vw;
        transform: translateX(100vw);
        transition: transform 250ms ease-in-out;
    }

        #MenuSite ul {
            background: #FFF;
        }

    .menuClassGeneral {
        margin: 0;
        padding: 0;
    }

        .menuClassGeneral li {
            width: 100%;
            text-transform: uppercase;
            font-weight: bold;
            padding-top: 12.5px;
            cursor: pointer;
            border-bottom: 1px solid rgba(51, 51, 51, 0.10);
        }

            .menuClassGeneral li span {
                display: block;
                font-size: 14px;
                color: rgba(51, 51, 51, 0.50);
            }

            .menuClassGeneral li a {
                text-transform: uppercase;
                font-weight: bold;
                cursor: pointer;
                text-decoration: none;
            }

    input[type="checkbox"]:checked ~ #MenuSite {
        transform: translateX(0);
    }

    input[type=checkbox] {
        transition: all 0.3s;
        box-sizing: border-box;
        display: none;
    }
    input[type="text"], textarea {
        /*background-color: #efefef;*/
        border: #666666 1px solid;
        /*border-radius: 4px;*/
    }
    .sidebarIconToggle {
        transition: all 0.3s;
        box-sizing: border-box;
        cursor: pointer;
        position: absolute;
        z-index: 99;
        top: 32px;
        height: 22px;
        width: 22px;
        right: 12px;
    }

    .spinner {
        transition: all 0.3s;
        box-sizing: border-box;
        position: absolute;
        height: 3px;
        width: 100%;
        background-color: black;
    }

    .horizontal {
        transition: all 0.3s;
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 3px;
    }

    .diagonal.part-1 {
        position: relative;
        transition: all 0.3s;
        box-sizing: border-box;
        float: left;
    }

    .diagonal.part-2 {
        transition: all 0.3s;
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 3px;
    }

    input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
        transition: all 0.3s;
        box-sizing: border-box;
        opacity: 0;
    }

    input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
        transition: all 0.3s;
        box-sizing: border-box;
        transform: rotate(135deg);
        background-color: red;
        margin-top: 8px;
    }

    input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
        transition: all 0.3s;
        box-sizing: border-box;
        transform: rotate(-135deg);
        background-color: red;
        margin-top: -9px;
    }

    #menu {
    }

    #menuPage {
    }

        #menuPage span {
            display: table-cell;
            vertical-align: middle;
            height: 25px;
            padding-left: 7.7vw;
            font-weight: bolder;
        }

    .menuClassCLI td {
        display: table-cell;
    }

    #MenuSite a.static.selected {
        color: red;
    }

    #MenuSite a.static {
        color: black;
    }

    .menuClassCLI, .menuClassPAR {
        height: 25px;
        overflow: hidden;
        text-align: center;
    }

    .menuClassINT {
        height: 25px;
        overflow: hidden;
        text-align: center;
    }

    .menuClassHover {
        color: #FFFFFF;
    }

    .menuClassSelectCLI, .menuClassSelectPAR {
        color: black;
        /*background-image: url('../Images/menuActif.png');
	    width: 125px;*/
        height: 25px;
        overflow: hidden;
    }

    .menuClassSelectINT {
        color: #000;
        height: 25px;
        overflow: hidden;
    }

        .menuClassSelectINT a, .menuClassSelectCLI a, .menuClassSelectPAR a {
            background-image: none;
            margin-left: inherit;
        }

    /*        #Hamburger {
        cursor: pointer;
    }*/


    /**TitreSite**/
    #titresite {
        padding-top: 2.5vh;
        display: none;
        /*z-index: 6;
	    position: absolute;
	    top: 10px;
	    visibility:hidden;*/
    }

        #titresite p {
            font-size: 16pt;
            font-weight: bolder;
            color: #ffffff;
            margin-top: 0;
        }

    .renvoipwd {
        font-size: 8px;
        color: black;
    }
    /** Login User div tag**/
    #loginuser {
        width: 100vw;
        color: #FFFFFF;
        font-size: 8pt;
        font-weight: normal;
        text-align: right;
        background-color: black;
        padding-bottom: 2px;
    }

        #loginuser div {
            text-align: right;
        }
        /**Reduce size of deconnexion word**/
        #loginuser a {
            font-size: 8pt;
            font-weight: normal;
            color: white;
        }

            #loginuser a:link {
                color: white;
            }

            #loginuser a:visited {
                color: white;
            }

            #loginuser a:hover {
                color: grey;
            }

            #loginuser a:active {
                color: white;
            }


        /**Name of login user**/
        #loginuser b {
            font-size: 9pt;
            font-weight: normal;
            color: #ffffff;
        }

    .NomTiers {
        position: absolute;
        top: 65px;
        font-size: large;
        font-weight: bolder;
        color: black;
        font-family: Calibri;
        width: fit-content;
        width: -moz-fit-content;
        margin-left: 6px;
    }

    #DateHeure {
        display: none;
    }

    .divAjFavoris {
        width: 100%;
        display: inline-block;
        float: none;
        cursor: pointer;
        text-decoration: underline;
        text-align: right;
    }
    /**Planning as title**/
    h1 {
        font-size: 12px;
        font-weight: bolder;
        color: black;
        font-family: Calibri;
        margin: 0px;
        text-transform:uppercase;
    }

    h2 {
        position: relative;
        top: 0px;
        font-size: 16pt;
        font-weight: bolder;
        color: black;
        font-family: Calibri;
    }

    #content {
        padding: 5px;
        margin-top: 40px;
    }

    /*****************************************************************/
    /** 22/10/2010 : Nouveaux styles pour les critères de recherche **/
    #zone_recherche {
    }

    #zone_critere {
        border: 1px none white;
        /*border-radius: 8px;*/
        background-color: white;
        color: black;
        margin: 10px 5px 5px 5px;
    }
    /*#zone_critere input
    {
	    width:130px;
    }*/
    .ligne {
        width: 100%;
        float: none;
        overflow: hidden;
        height: fit-content;
        /*padding-bottom: 10px;*/
    }

    .label-critere {
        display: none;
        padding: 0px 10px 0px 10px;
        font-weight: bolder;
        position: absolute;
        /*background-color: #FCFCFC;*/
        top: 5px;
        left: 30px;
    }

    .un-critere {
        margin-top: 10px;
        padding-left: 10px;
        float: left;
        width: 100%;
        height: fit-content;
        width: 100%;
    }

        .un-critere input[type=submit] {
            height: 30px;
            text-align: center;
            width: 150px;
            margin-left: -10px;
        }

    .divBtnRafraichir { /*TODO height: 30px; width:585px; text-align:right; POUR VERSION PC*/
        width: 100%;
        text-align: center;
    }

    .divComboAlign {
        width: auto;
        text-align: center;
        margin-left: 12px;
        height: 30px;
    }

    .divPlanningSocCombo {
        width: auto;
    }

    .divRadioAlign {
        width: 90%;
        height: 40px;
    }

        .divRadioAlign input {
            margin-left: 10px;
        }

    .premier-critere {
        margin-top: 10px;
        padding-left: 10px;
        float: none;
        width: 300px;
    }

    .libelle-critere {
        width: 120px;
        float: left;
        height: 25px;
        vertical-align: bottom;
        margin-top: 5px;
    }

    .libelle-critere-tech {
        width: 160px;
        float: left;
        height: 25px;
        vertical-align: bottom;
    }

    .demLegende label {
        margin-bottom: 10px;
        padding-left: 10px;
        display: flex;
    }
    /** page demand collaborateur **/
    .collaborateur-demande {
    }
    .collaborateur-demande-legende-titre {
        margin-top: 10px;
        text-align: left;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-size: 9pt;
    }

    .collaborateur-demande-legende {
        width: 100%;
        margin-bottom: 30px;
    }

        .collaborateur-demande-legende td {
            text-align:center
        }
    .liste-type-demande .liste_header, .liste-societe .liste_header, .liste-affectation .liste_header {
        border: 1px solid #666666;
        /*border-radius: 4px;*/
        white-space: normal;
        font-family: Calibri;
        overflow: auto;
        width: 159px;
        background-image: url(../Images/btn_flechebas.png);
        background-position: right;
        background-repeat: no-repeat;
        background-color: #efefef;
        z-index: 3;
        height: 16px;
        padding-top: 3px;
        padding-left: 5px;
        overflow: hidden;
    }

        .liste-type-demande .liste_header span, .liste-societe .liste_header span, .liste-affectation .liste_header span {
            width: 100%;
            font-size: 11px;
            font-family: Calibri;
            min-height: 17px;
        }

    #ctl00_MainContent_labTypeDem, #ctl00_MainContent_labSocMET, #ctl00_MainContent_labAgence, #ctl00_MainContent_labCollab {
        background-image: url('../Images/btn_flechebas.png');
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        font-weight: normal;
        overflow: auto;
        position: relative;
        white-space: normal;
        width: 150px;
        display: block;
    }

    .extender ul {
        list-style-type: none;
        margin: 0px;
        padding: 0;
    }

    .extender li {
        margin: 0px;
        padding: 0;
        width: 200px;
        height: 25px;
    }
        .extender li input[type=checkbox] {
            display: inline-block;
        }

    /*.mission-envoyee, .mission-acceptee, .mission-refusee, .a-reaffecter, .mission-commencee, .mission-cloturee, .mission-diffusee {
        height: 1px;
    }*/

    #S_DemVue #S_DemEnCours {
        width: 20px;
    }
    /*****************************************************************/

    /**Search div tag**/
    #search {
        background-color: Transparent;
        width: 100%;
        position: relative;
        top: 10px;
    }

        #search span {
            float: left;
            clear: both;
            font-weight: bolder;
            font-size: 11pt;
        }

    .spanNormal {
        font-weight: normal;
        font-size: 10px;
        float: none;
        clear: none;
    }

    #search {
        width: 100%;
    }

    #criteria {
        width: 100%;
    }

    .labDateRDV {
        clear: both;
        float: left;
        width: 572px;
        font-size: 12px;
        font-weight: bolder;
    }

    #search #criteria label {
        clear: both;
        float: left;
        width: 160px;
        font-weight: bold;
    }

    .btnTri {
        border-width: 0px;
        cursor: pointer;
        /*cursor:hand;*/
    }

    .btnFiltre {
        border-width: 0px;
        cursor: pointer;
        /*cursor: hand;*/
        background-color: #FF0000;
    }

    .btnChercher {
        /*border-radius: 4px;*/
        height: 30px;
        font-family: Calibri;
        background-color: black;
        color: #FFF;
        width: 150px;
        border: 1px solid black;
        cursor: pointer;
    }

    #critereBtnChercher {
        padding: 0;
        margin: auto;
        text-align: center;
    }

    .un-critere divBtnRafraichir {
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
    }

    .btnChercher:hover {
        border: 1px solid black;
        background-color: rgba(255, 0, 0, 0.9);
        color: #FeFeFe;
    }

    #search #criteria #search-button {
        bottom: 75px;
        float: left;
        position: relative;
    }

    #search #criteria #LoginExtranet_UserName {
        left: 48px;
        position: relative;
        width: 205px;
    }

    #LoginExtranet #LoginExtranet_UserName, #LoginExtranet #LoginExtranet_Password {
        height: 2.5vh;
        /*border-radius: 8px;*/
        border: 1px solid black;
        color: black;
        background-color: #efefef !important;
    }

    #LoginExtranet table td label {
        text-align: right;
        margin-right: 1vw;
    }

    #search #criteria #LoginExtranet_Password {
        left: 48px;
        position: relative;
        width: 205px;
    }

    #search #criteria input {
        float: left;
    }

    #search #criteria select {
        float: left;
        width: 186px;
    }


    #search #criteria div label {
        /*font-weight:bold;*/
        clear: both;
        float: left;
        width: 160px;
    }

    #search #criteria div input {
        float: left;
        left: 0;
        position: relative;
        width: 183px;
    }

    #search #criteria div #S_PlaSocMET {
        left: 102px;
        position: relative;
    }

    #search #criteria div #S_PlaAgence {
        left: 102px;
        position: relative;
    }

    #search #criteria div select {
        float: left;
        width: 186px;
    }

    #search #criteria textarea {
        float: left;
        height: 150px;
        width: 400px;
    }

    #S_Remarque {
        float: left;
        height: 100px;
        width: 575px;
    }

    #S_Courriel {
        float: left;
    }

    .FicPersRubrique {
    }

    .FicPersDivRub {
        margin-bottom: 20px;
        display: inline-flex;
    }

    .FicPersRubrique input {
        width: 64vw;
    }

    .FicPersIdentite {
        display: flow-root;
        margin-bottom: 20px;
        width: 80vw;
    }

        .FicPersIdentite div:nth-child(2) {
            float: none !important;
        }

    #search #criteria #recover-password-label label {
        width: 100%;
    }

    #search #criteria #contact {
        bottom: 42px;
        left: 400px;
        position: relative;
    }

    #search #criteria #type-demande {
        position: relative;
        bottom: 42px;
        left: 400px;
    }

    /**Positioning button rechercher**/
    search #criteria #S_TypeDem {
        float: left;
        position: relative;
        width: 13px;
    }

    #search #criteria #LoginExtranet_LoginButton {
        left: 135px;
        position: relative;
    }

    #search #criteria #LoginExtranet_PasswordRecoveryLink {
        position: relative;
        left: 23%;
        font-weight: normal;
    }

    /**Login form**/
    #search #criteria table table {
        clear: both;
        display: block;
        margin: 0 auto;
        width: 400px;
        border-width: medium;
        border-color: #7095CD;
    }

    #login_texte {
        font-size: 12pt;
        font-weight: bold;
        color: black;
    }

    .titre_page {
        font-size: 12pt;
        font-weight: bold;
        color: black;
    }

    #search #criteria table table #LoginExtranet_RememberMe {
        bottom: 10px;
        left: 33px;
        position: relative;
        width: 11px;
    }

    #search #criteria #login-intro label {
        white-space: nowrap;
    }


    #search #criteria table table label {
        bottom: 10px;
        float: none;
        left: 34px;
        position: relative;
        width: 168px;
    }

    #validation {
        margin-top: 50px;
        clear: both;
    }

    /**Resultats**/
    #resultatPDF {
        position: relative;
        margin-top: 40px;
        /*width:100%;*/
    }

    .field-validation-error {
        margin: 10px;
    }

    #resultat span {
        margin: 10px;
    }

    #resultat {
        border-radius: 8px;
        background-color: white;
        color: black;
        margin: 10px 5px 5px 5px;
        position: relative;
        /*width:100%;*/
    }

        #resultat span label {
            font-weight: bolder;
            /*margin: 10px;*/
            font-size: 9pt;
        }

        #resultat th {
            font-size: 9pt;
            font-weight: normal;
        }

        #resultat td {
            font-size: 9pt;
        }

        /*#resultat td label{
            display: none;
        }*/
        #resultat a:link {
            font-size: 9pt;
            color: #0000f0;
        }

        #resultat a:visited {
            color: #c8050f;
        }

        #resultat a:hover {
            color: #b0b0ff;
        }

        #resultat a:active {
            color: #ee7373;
        }




        /**Annuaire Global**/
        #resultat .one-result .raison-sociale label {
            font-weight: normal;
            font-size: 10pt;
            padding: 2px 5px 2px 5px;
        }

        #resultat .one-result label {
            font-weight: bold;
            font-size: 10pt;
            padding: 2px 5px 2px 5px;
        }

        #resultat .one-result table table tr td div label {
            font-weight: normal;
            font-size: 10pt;
            padding: 2px 5px 2px 5px;
            overflow:hidden;
            word-break:break-word;
        }

        #resultat .one-result {
            background-position: left top;
            border: 0px solid #808080;
            margin: 3px;
            padding: 2px 5px 2px 5px;
            background-color: #FFFFFF;
        }

            #resultat .one-result table table tr {
                display: inline-block;
                border: medium none #7095CD;
                width: 100%;
                float: left;
                border-right-width: 1px;
                border-bottom-width: 1px;
                border-top-width: 1px;
                border-left-width: 1px;
                margin: 3px;
            }

    .ajax__dropdown_arrow_image {
        background-color: transparent !important;
    }


    .coordonnees {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: black;
        padding: 2px 5px 2px 5px;
        font-family: Calibri;
        font-size: 10px;
        color: black;
    }
    .TiersListSite {
        width: 100%;
    }
    .lib-tiers {
        width: 100%;
        color: #FFFFFF;
        font-weight: bolder;
        font-family: Calibri;
        font-size: 12pt;
        background-color: #666;
        /*background-image: url(/Content/Images/fond_ligne_entete.png);
        background-repeat: repeat-x;
        background-attachment: scroll;*/
        display: inline-block;
    }

        .lib-tiers img {
            vertical-align: middle;
        }

        .lib-tiers input {
            
            vertical-align: middle;
        }

    .note_tiers {
        padding: 0px 6px 0px 6px;
        background-color: #FF0000;
        color: #FFFFFF;
        font-weight: bold;
        width: 100%;
    }

    #resultat .one-result .coordonnees label {
        font-weight: normal;
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
    }

    #stZREM {
        float: left;
        width: 100%;
        background-color: Gray;
        color: White;
        padding: 2px 0px 2px 4px;
        margin-top: 4px;
        text-transform: uppercase;
    }

    #stAdresse {
        float: left;
        width: 75%;
    }

    #AdresseStyle {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: black;
        padding: 2px 5px 2px 5px;
        font-family: Calibri;
        font-size: 8px;
        color: black;
    }

    #R_Message {
        width: 68vw;
        height: 180px;
        margin-left: -50px;
    }

    #resultat .one-result .AdresseStyle p label {
        font-weight: normal;
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
    }

    .AdresseStyle p {
        display: table-row-group;
    }

    #resultat .one-result .resultat-localite label {
        font-weight: normal;
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
    }

    #Login1 {
        width: 100%;
        clear: both;
    }

    /**Gestion des Tables dans AppelTele.htm**/
    #resultat .event-result tbody table {
        display: block;
        /*height:250px;*/
        width: 100%;
        /*overflow-y:scroll;
	    overflow-x:hidden;*/
    }

    #resultat .event-result tbody tr {
        display: inline-block;
        border: medium solid #808080;
        width: 100%;
        float: left;
        border-right-width: thin;
        border-bottom-width: thin;
        border-top-width: thin;
        border-left-width: thin;
        margin: 3px;
        max-height: 325px;
    }

    /** Coloriage des entetes des blocs - Tiers - Site - Automate **/
    #resultat .event-result .tiers {
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
        background-color: #4874BD;
        color: #FFFFFF;
        font-weight: bold;
        background-image: url('../Images/fond_ligne_entete.png');
    }

    #resultat .event-result .site {
        font-weight: bold;
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
        background-image: url('../Images/fond_ligne_gris.png');
        color: black;
    }

    #resultat .event-result .automate {
        font-weight: bold;
        font-size: 10pt;
        padding: 2px 5px 2px 5px;
        color: black;
        background-color: #FFFFFF;
    }

    #resultat tbody .table-title {
        background: #fcfcfc url('../Images/fond_ligne_entete.png') repeat-x left top;
        color: #ffffff;
    }

    #resultat tbody .table-title-PAR {
        color: black;
        background-repeat: repeat-x;
        background-attachment: scroll;
    }

    #resultat tbody .table-title input {
        background: url('../Images/sortarrow.png') no-repeat center;
        width: 20px;
    }

    #resultat tbody .impair {
        background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;
    }

    #resultat tbody .impair-PAR {
        background-color: #FFFFFF;
    }

    #resultat tbody .pair {
        background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
    }

    #resultat tbody .pair-PAR {
        background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
    }

        #resultat tbody .pair-PAR td, .pair-PAR tr, .impair-PAR td, .impair-PAR tr, .table-title-PAR th {
            border-bottom-width: 1px;
            border-bottom-color: #808080;
            border-bottom-style: solid;
            border-top-style: solid;
            border-top-width: 1px;
            border-top-color: #808080;
        }
    /* style des cellules des tableaux de graphique particulier */
    #resultat tbody .Entete-PAR {
        font-family: Calibri;
        font-size: 11px;
    }

    #resultat tbody .Ligne-PAR {
        font-family: Calibri;
        font-size: 11px;
        padding-right: 40px;
    }
    /* Style pour l'appel automate **/
    #resultat tbody .table-title-Automate {
        background: #A76D00 url('../Images/fond_ligne_entete_appelautomate.png') repeat-x left top;
        color: #ffffff;
    }

    #resultat tbody .impairdefaut {
        background: #FFFFFF url('../Images/fond_ligne_rose.png') repeat-x left top;
    }

    #resultat tbody .pairdefaut {
        background: #FFFFFF url('../Images/fond_ligne_rouge.png') repeat-x left top;
    }

    #resultat tbody .impairAutom {
        background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;
    }

    #resultat tbody .pairAutom {
        background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;
    }

    #resultat tbody .impairAutomDefaut {
        background: #FFFFFF url('../Images/fond_ligne_rose.png') repeat-x left top;
    }

    #resultat tbody .pairAutomDefaut {
        background: #FFFFFF url('../Images/fond_ligne_rouge.png') repeat-x left top;
    }

    .btn_accesGTB {
        background-image: url('../Images/acces_gtc.png');
    }

    /**surcharge**/
    #resultat .event-result tbody tr tbody {
        border: hidden;
    }

        #resultat .event-result tbody tr tbody tr {
            display: block;
            border: none;
        }

            #resultat .event-result tbody tr tbody tr th {
                font-weight: normal;
                font-size: 10pt;
            }

    /**footer signature**/
    #footer #signature {
        border-top: thin none #808080;
        background-position: left top;
        font-weight: bold;
        position: fixed;
        bottom: 0;
        padding-left: 40px;
        width: 99.4849vw;
        line-height: 20px;
        height: auto;
        background-image: url('../Images/fond_pied_page.png');
        background-repeat: repeat-x;
        background-attachment: scroll;
        vertical-align: bottom;
        color: black;
    }


    /** Style de l'extender (liste de type demande, société, ...) **/
    .extender {
        border: 1px solid #666666;
        background-color: #FFFFFF;
        height: 190px;
        left: 860px; /* overflow-y:scroll; */
        position: absolute;
        top: 280px;
        overflow-y: auto;
        overflow-x: hidden;
        visibility: visible;
        white-space: nowrap;
        width: auto;
        z-index: 2;
    }

    #dropdownlign {
        cursor: default;
        display: block;
        height: auto;
        /* overflow-y:scroll; */
        width: 500px;
    }

    #search #criteria .submit-button-planning-precedent {
        clear: both;
    }

    #search #criteria .submit-button-planning {
        width: 150px;
        border: 1px solid #ABADB3;
        left: 0px;
        position: relative;
        float: left;
        width: 130px;
        display: inline;
        font-family: Calibri;
        font-size: 10px;
    }

        #search #criteria .submit-button-planning:hover {
            border: 1px solid #FFFFFF;
            background-color: rgba(51,51,51,0.9);
            color: white;
        }

    #search #criteria .dynamic-checkboxes {
        bottom: 42px;
        position: relative;
    }

    #search #criteria #dynamic-checkboxes-planning {
        float: left;
    }

    .resultat-demande-collaborateur {
        padding-top: 10px;
        display: block;
        margin-left: 5px;
        font-size: 9px;
        text-align: center;
    }

    #resultat {
        padding: 5px;
    }

    .resultat-site {
        border-style: solid;
        border-color: inherit;
        border-width: 0px;
        /*background: #FFFFFF url('../Images/fond_ligne_gris.png') repeat-x left top;*/
        padding: 5px;
    }

    .resultat-localite {
        padding: 2px 2px 0px 2px;
        background-position: left top;
        /*width: 80%;*/
        color: white;
        font-weight: bolder;
        font-family: Calibri;
        font-size: 12pt;
        background-color: #7F7F7F;
    }

    .panCoord {
        background-position: left top;
        color: black;
        font-weight: bolder;
        font-family: Calibri;
        font-size: 10pt;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #808080;
    }

    .correspondant {
        padding: 4px 4px 0px 4px;
        border-bottom: 1px solid #808080;
        /*background: #FFFFFF url('../Images/fond_ligne_bleu.png') repeat-x left top;*/
        width: 80vw;
        margin-left: 10px;
        margin-top: 20px;
        border-left-style: none;
        border-left-width: 1px;
        border-right-style: none;
        border-right-width: 1px;
        border-top-style: none;
        border-top-width: 1px;
        background-color: silver;
    }

    .dynamic-checkboxes-planning .extender {
        WIDTH: 350px
    }

    #search #criteria .dynamic-checkboxes-planning #ctl00_MainContent_labTypeDem {
        /*	background-image:url(../Content/Images/downarrow.png);
	    background-position:right center;
	    background-repeat:no-repeat;
	    bottom:20px;
        background-color:#FFFFFF; 
	    font-size:10pt;
	    font-weight:bolder;
	    left:160px;
	    overflow:auto;
	    position:relative;
	    white-space:normal;
	    width:345px;
	    border-style:inset;*/
    }

    #search #criteria .dynamic-checkboxes-planning #ctl00_MainContent_labTech {
        /*	border: 1px solid #ABADB3;
	    background-image: url(../Content/Images/btn_down.png);
	    background-position: right center;
	    background-repeat: no-repeat;
	    bottom: 20px;
	    background-color: #FFFFFF;
	    font-size: 10pt;
	    font-weight: normal;
	    left: 160px;
	    overflow: auto;
	    position: relative;
	    white-space: normal;
	    width: 345px;*/
    }



    #search #criteria .dynamic-checkboxes span span span {
        /*	white-space: normal;
	    font-size:10pt;
	    font-weight:bolder;
	    overflow:auto;
	    width:350px;
	    background-image: url(../Content/Images/downarrow.png);
	    background-position: right;	
	    background-repeat:no-repeat;*/
    }


    /**Planning legend color**/
    .RTT {
        background-color: Blue;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-align: center;
    }

    .FORMATION {
        background-color: #7BFD7E;
        width: 100%;
        height: 100%;
        color: #000000;
        text-align: center;
    }

    .ABSENCE {
        background-color: #FF8080;
        width: 100%;
        height: 100%;
        color: #000000;
        text-align: center;
    }

    .DIMJF {
        background-color: #999999;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-align: center;
    }

    .AUJOURDHUI {
        background-color: #FFFFCC;
        width: 100%;
        height: 100%;
        color: #000000;
        text-align: center;
    }

    /**icon**/

    .mission-refusee {
        background: url('../Images/missionrefusee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-diffusee {
        background-image: url('../Images/vuclient.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }

    .a-reaffecter {
        background-image: url('../Images/reaffecter.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-envoyee {
        background-image: url('../Images/missionenvoyee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-cloturee {
        background: url('../Images/missioncloturee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        margin-bottom:-10px;
        cursor: default;
    }

    #demandesCloturees {
        background: url('../Images/missioncloturee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        margin-bottom: -10px;
        cursor: default;
    }

    .mission-acceptee {
        background: url('../Images/missionacceptee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-commencee {
        background: url('../Images/missioncommencee.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-panne {
        background: url('../Images/Panne.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }

    .mission-renseignement {
        background: url('../Images/Renseignement.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }

    .mission-preventif {
        background: url('../Images/heure.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }
    .mission-photos {
        background: url('../Images/missionphotos.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }

    #demandePhotos{
        background: url('../Images/missionphotos.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 20%;
        height: 24px;
        cursor: default;
    }

    .mission-document {
        background: url('../Images/Document.png');
        background-position: center top;
        background-repeat: no-repeat;
        width: 25%;
        height: 24px;
        cursor: default;
    }

    /* intervention : légende type mission : C : Contrat ; I : Interventions ; D : Travaux devis */
    .type_mission_I {
        background: url('../Images/IntVoiture.png') no-repeat center;
        background-size: 24px;
        padding-left: 16px;
        width: 24px;
        height: 24px;
        cursor: default;
    }

    .type_mission_C {
        background: url('../Images/IntMaintenance.png') no-repeat center;
        background-size: 24px;
        padding-left: 16px;
        width: 24px;
        height: 24px;
        cursor: default;
    }

    .type_mission_D {
        background: url('../Images/IntTravaux.png') no-repeat center;
        background-size: 24px;
        padding-left: 16px;
        width: 24px;
        height: 24px;
        cursor: default;
    }

    .DemandeInfoBulle {
        width: 200px;
        height: 20px;
        visibility: hidden;
        position: absolute;
        z-index: 20;
        text-align: center;
        color: White;
        font-family: Calibri;
        background-color: Silver;
    }

    #resultat .document a {
        background-repeat: no-repeat;
        background-position: left;
        margin-left: 0px;
        padding-left: 0px;
    }

    #search #criteria #checkbox-status #S_DemEnCours {
        width: auto;
        overflow: auto;
    }

    #search #criteria #checkbox-vue #S_DemVue {
        width: auto;
        overflow: auto;
    }

    #search #criteria .extender input {
        width: auto;
    }

    #search #criteria .dynamic-checkboxes-type-demande {
        float: left;
    }

    #search #criteria .dynamic-checkboxes-societe {
        float: left;
    }

    #search #criteria .dynamic-checkboxes-affectation {
        float: left;
        clear: left;
    }

    /** page demand collaborateur **/

    .demande-collaborateur #search #criteria #textbox {
        /*	clear:both; 
	    position:relative;
	    left: 100px;
	    height:30px;
	    z-index:1;*/
    }

    /*#btnvalid.un-critere  {
        height: 30px;
        text-align: center;
        width: 100%;
        margin-left: -10px;
    }*/

    #search #criteria #textbox label {
        /*	font-weight:bold;
	    width:auto ;
	    clear:none ; float:left ;
	    display:inline ;
	    margin-right : 4px;*/
    }

    #search #criteria #textbox input {
        /*	margin-right : 10px;
	    position:static ;*/
    }

    .demande-collaborateur #search #criteria {
        /*width:100%;*/
        /*z-index:5;*/
    }

        .demande-collaborateur #search #criteria #contact {
            /*float:left;*/
        }

        .demande-collaborateur #search #criteria #checkbox-vue {
            /*float:left;
    clear:left ;
    width:375px;*/
        }

    #IBT_PwdInfo {
        display: none;
    }

    #LoginExtranet {
        margin: auto;
        width: 90%;
        border-top: 1px;
        border-left: 1px;
        /*border-radius: 3em;*/
        box-shadow: 2px 1px 1px black;
        box-sizing: border-box;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

        #LoginExtranet Table {
            min-height: 150px;
            margin: auto;
            font-weight: normal;
        }

            #LoginExtranet Table td {
                text-align: center;
                display: block;
            }

            #LoginExtranet Table a#LoginExtranet_PasswordRecoveryLink {
                color: black;
                font-size: 16px;
                font-weight: normal;
            }


    .demande-collaborateur #search #criteria #checkbox-vue br {
        /*    display:none; */
    }

    .demande-collaborateur #search #criteria #checkbox-status input,
    .demande-collaborateur #search #criteria #checkbox-vue input {
        /*width:150px !important;*/
    }

    .demande-collaborateur #search #criteria #checkbox-status {
        /*width:375px;
    float:left;*/
    }

    .demande-collaborateur #search #criteria #search-button {
        /*	float:left;
	position:static;
    width:150px !important;
    z-index:2;
    bottom:auto ;*/
    }


    .demande-collaborateur #search #criteria .dynamic-checkboxes-type-demande {
        /*    z-index: 3;
    width: 365px;*/
    }

    .demande-collaborateur #search #criteria .dynamic-checkboxes-societe {
        /*    z-index:3;
    width:365px;*/
    }

    .demande-collaborateur #search #criteria .dynamic-checkboxes-affectation {
        /*    z-index:3;
    width:365px;*/
    }


    .demande-collaborateur .extender {
        /*	background-color:#cbddf6;
	    height: 190px;
	    /* overflow-y:scroll; */
        /*	position:absolute;
	    top:0px;
	    visibility:visible;
	    white-space:nowrap;
	    width:210px;
	    padding:10px;
	    z-index:2;*/
    }

    .demande-collaborateur-grille {
        font-size: 8pt;
    }


    #Login1 Table {
        margin: auto;
        font-weight: normal;
    }

        #Login1 Table td {
            text-align: center;
            display: block;
        }

        #Login1 Table a#Login1_PasswordRecoveryLink {
            color: black;
            font-size: 16px;
            font-weight: normal;
        }

    .ajax__calendar .ajax__calendar_container {
        font-weight: normal;
        z-index: 99;
    }

    #ctl00_MainContent_CalendarExtenderDeb {
        z-index: 99;
    }

    #ctl00_MainContent_CalendarExtenderFin {
        z-index: 99;
    }
    /*** Planning ****/

    .ScheduleSociete {
        font-weight: bolder;
        float: none;
        width: 100%;
        text-align: left;
        font-weight: bold;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .ScheduleSecteur {
        font-weight: bolder;
        float: none;
        width: 100%;
        text-align: left;
        font-weight: bolder;
        padding-left: 20px;
    }

    #ctl00_MainContent_ScheduleCalendar1 table {
        border-collapse: collapse;
        border: 1px solid #FFFFFF;
    }

    #ctl00_MainContent_ScheduleCalendar1 .ScheduleNormal div {
        text-align: center;
    }

    /*#ctl00_MainContent_ScheduleCalendar0 th, #ctl00_MainContent_ScheduleCalendar1 th, #ctl00_MainContent_ScheduleCalendar2 th */
    .ScheduleCalendrier th {
        BACKGROUND-COLOR: #808080;
        color: white;
        font-weight: bold;
        border: 1px solid #ABADB3;
        /*border-bottom:1px solid #7FCCFF;
        border-right:1px solid #7FCCFF;
        border-top:1px solid #7FCCFF;
        border-left:1px solid #7FCCFF;*/
    }

    .ScheduleHormal {
        text-align: center;
        background-color: #aaccee;
    }

    .ScheduleHormal2 {
        text-align: center;
        background-color: #ddeeff;
    }

    .ScheduleEmpty {
        background-color: #E3E6E8;
    }

    .ScheduleNormal {
        background-color: #E3E6E8;
    }

    .ScheduleHeading {
        text-align: left;
    }

    .collapsePanel {
        font-size: medium;
        color: #000099;
        font-weight: bold;
    }

    .collapseTargetPanel {
        background-color: Transparent;
        padding-left: 7px;
        font-size: 0.8em;
    }

    Input {
        font-family: Calibri;
        color: black;
        font-size: 11px;
    }

    Select {
        font-family: Calibri;
        color: black;
        font-size: 11px;
    }

    .pagesize {
        align-content: center;
    }
    
    /* Bouton de pagination des listes */
    .btn_prem {
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-image: url('../Images/btn_prem_pt_noir.png');
        background-color: transparent;
        border: none;
        width: 15px;
        height: 15px;
        color: #F0F0F0;
        font-size: 0px;
        cursor: pointer;
    }

        .btn_prem:hover {
            background-color: transparent;
            background-image: url('../Images/btn_prem_pt.png');
            color: #808080;
        }

        .btn_prem:active {
            color: #737270;
        }

    .btn_prec {
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-image: url('../Images/btn_prec_pt_noir.png');
        background-color: transparent;
        border: none;
        width: 15px;
        height: 15px;
        color: #F0F0F0;
        font-size: 0px;
        cursor: pointer;
    }

        .btn_prec:hover {
            background-color: transparent;
            background-image: url('../Images/btn_prec_pt.png');
            color: #808080;
        }

        .btn_prec:active {
            color: #737270;
        }

    .btn_suiv {
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-image: url('../Images/btn_suiv_pt_noir.png');
        background-color: transparent;
        border: none;
        width: 15px;
        height: 15px;
        color: #F0F0F0;
        font-size: 0px;
        cursor: pointer;
    }

        .btn_suiv:hover {
            background-color: transparent;
            background-image: url('../Images/btn_suiv_pt.png');
            color: #808080;
        }

        .btn_suiv:active {
            color: #737270;
        }

    .btn_dern {
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        background-image: url('../Images/btn_dern_pt_noir.png');
        background-color: transparent;
        border: none;
        width: 15px;
        height: 15px;
        color: #F0F0F0;
        font-size: 0px;
        cursor: pointer;
    }

        .btn_dern:hover {
            background-color: transparent;
            background-image: url('../Images/btn_dern_pt.png');
            color: #808080;
        }

        .btn_dern:active {
            color: #737270;
        }

    .panBTNAutomate {
        width: 100%;
        text-align: center;
        height: 25px;
    }

    .txtPagination {
        text-align: center;
        border-style: none;
        background-color: Transparent;
        color: #666666;
        vertical-align: top;
        font-size: 14px;
        font-family: Calibri;
    }

    .txtEtoile {
        font-family: Calibri;
        font-size: small;
        color: #FF0000;
        width: 10px;
    }
    /*
    .btnChercher
    {
	    border: 1px solid #808080;
	    font-family: Calibri;
	    font-size: 12px;
	    width: 150px;
    }
    .btnChercher:hover
    {
	    border: 1px solid #FFFFFF;
	    background-color: #808080;
	    color: #FFFFFF;
    }
    */
    /* Boutons de choix de société */
    .Btn_ME {
        border-style: none;
        background-position: center center;
        font-family: Arial;
        /*background-image: url('../Images/btnME.gif');*/
        font-size: 40px;
        font-weight:bold;
        /*width: 140px;
        height: 100px;*/
        background-color: #FCFCFC;
        background-repeat: no-repeat;
        /*color: transparent;*/
    }

        .Btn_ME:hover {
            cursor: pointer;
        }

    .Btn_CM {
        border-style: none;
        background-position: center center;
        font-family: Arial;
        /*background-image: url('../Images/btnCM.gif');*/
        font-size: 40px;
        font-weight: bold;
        /*width: 140px;
        height: 70px;*/
        background-color: #FCFCFC;
        background-repeat: no-repeat;
        /*color: transparent;*/
    }

        .Btn_CM:hover {
            cursor: pointer;
        }

    .Btn_SE {
        border-style: none;
        background-position: center center;
        font-family: Arial;
        /*background-image: url('../Images/btnSE.gif');*/
        font-size: 40px;
        font-weight: bold;
        /*width: 140px;
        height: 70px;*/
        background-color: #FCFCFC;
        background-repeat: no-repeat;
        /*color: transparent;*/
    }

        .Btn_SE:hover {
            cursor: pointer;
        }

    .Btn_DE {
        border-style: none;
        background-position: center center;
        font-family: Arial;
        /*background-image: url('../Images/btnDE.gif');*/
        font-size: 40px;
        font-weight: bold;
        /*width: 140px;
        height: 70px;*/
        background-color: #FCFCFC;
        background-repeat: no-repeat;
        /*color: transparent;*/
    }

        .Btn_DE:hover {
            cursor: pointer;
        }

    .Btn_MX {
        border-style: none;
        background-position: center center;
        font-family: Arial;
        /*background-image: url('../Images/btnMX.gif');*/
        font-size: 40px;
        font-weight: bold;
        /*width: 140px;
        height: 70px;*/
        background-color: #FCFCFC;
        background-repeat: no-repeat;
        /*color: transparent;*/
    }

        .Btn_MX:hover {
            cursor: pointer;
        }
    .clsBusinessUnit {
        font-size:20px;
    }
    .divComptesAssocies {
        text-align: center;
    }

    .Btn_CompteAssocie {
        border: 1px solid black;
        background-color: white;
        color: black;
        width: 50%;
        height: 40px;
        /*border-radius: 10px;*/
        margin: 10px;
        cursor: pointer;
        margin: 0 auto;
    }

        .Btn_CompteAssocie:hover {
            background-color: rgba(204,204,204,0.9);
            color: black;
        }

    #txtRDVClient {
        margin-top: 40px;
        margin-left: 300px;
    }
    /* Style de la boite tri/filtre */
    .docLibelle {
        float: none;
        text-align: center;
        height: 35px;
        font-size: 11px;
    }

    .docColumnContract {
        min-width: 180px;
    }

    .docLibellePAR {
        float: left;
        height: 10px;
        font-size: 11px;
        font-weight: lighter;
        vertical-align: top;
    }

    .docLibelleFlt {
        float: none;
        text-align: center;
        height: 35px;
        font-weight: bold;
        color: #CF043F;
        font-size: 11px;
    }

    .docLibelleFltPAR {
        float: left;
        height: 10px;
        font-weight: bold;
        color: #CF043F;
        font-size: 11px;
        vertical-align: top;
    }
    /* *** Style permettant d'afficher un scrolling horizontal avec la plupart des navigateurs
	    Testé avec : Opera, Firefox, Safari, Chrome, Internet Explorer  */
    #panGrdView {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        overflow: -moz-scrollbars-horizontal;
        width: 920px;
    }

    .docBouton {
        background-position: right center;
        background-image: url('../Images/btn_filtreup.png');
        float: right;
        background-repeat: no-repeat;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .docBoutonFlt {
        background-position: right center;
        background-image: url('../Images/btn_filtredn.png');
        float: right;
        background-repeat: no-repeat;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .docBouton:hover {
        background-image: url('../Images/btn_filtreover.png');
    }

    .docBouton-PAR {
        background-position: right center;
        background-image: url('../Images/btn_filtreup.png');
        float: left;
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
        cursor: pointer;
    }

    .docBoutonFlt-PAR {
        background-position: right center;
        background-image: url('../Images/btn_filtredn.png');
        float: left;
        background-repeat: no-repeat;
        width: 17px;
        height: 17px;
        cursor: pointer;
    }

    .docBoutonVide {
        background-position: right center;
        background-image: url(../Content/Images/btn_downvide.png);
        background-image: none;
        float: right;
        background-repeat: no-repeat;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .docTriFiltre {
        padding: 3px;
        border: 1px solid black;
        position: absolute;
        top: 25px;
        background-color: White;
        width: 120px;
        height: 140px;
        text-align: left;
        z-index: 99;
    }

    .docTriC {
        border-style: none;
        background-image: url('../Images/TriC.png');
        background-repeat: no-repeat;
        background-position: left center;
        width: 95%;
        background-color: #FFFFFF;
        text-align: left;
    }

        .docTriC:Hover {
            background-color: #CCCCCC;
            cursor: pointer;
        }

    .docTriD {
        border-style: none;
        background-image: url('../Images/TriD.png');
        background-repeat: no-repeat;
        background-position: left center;
        width: 95%;
        background-color: #FFFFFF;
        text-align: left;
    }

        .docTriD:Hover {
            background-color: #CCCCCC;
            cursor: pointer;
        }

    .docAnnule {
        border-style: none;
        background-image: url('../Images/AnnuleTF.png');
        background-repeat: no-repeat;
        background-position: left center;
        width: 95%;
        background-color: #FFFFFF;
        text-align: left;
    }

        .docAnnule:Hover {
            background-color: #CCCCCC;
            cursor: pointer;
        }

    .docBtnFiltre {
        border: 1px solid black;
        font-family: Calibri;
        font-size: 12px;
        width: 110px;
    }

        .docBtnFiltre:Hover {
            background-color: #CCCCCC;
            cursor: pointer;
        }
    /* Page Demande - bouton Vu */
    .btnAppelVu {
        background: url('../Images/BTN_Accept.png') no-repeat center;
        border: 1px none #808080;
        width: 30px;
        cursor: hand;
    }

        .btnAppelVu:hover {
            background-image: url('../Images/BTN_AcceptHover.png');
        }
    /* Page Demande - bouton Clôture */
    .btnAppelClo {
        background: url('../Images/BTN_Cloture.png') no-repeat center;
        border: 1px none #808080;
        width: 30px;
        cursor: hand;
    }

    .btnAppelCache {
        visibility: hidden;
        display: none;
    }

    .btnAppelClo:hover {
        background-image: url('../Images/BTN_ClotureHover.png');
    }
    /* Page Appel automate - bouton acquit OM/APPEL et ligne d'alarme */
    .btnAcquitteOM {
        background: url('../Images/BTN_Rge.png') no-repeat center;
        border: 1px none #808080;
        width: 20px;
    }

        .btnAcquitteOM:hover {
            background-image: url('../Images/BTN_RgeHover.png');
        }

    .ligneAppelAutomate1 {
        font-size: 9pt;
    }

    .ligneAppelAutomate0 {
        color: Red;
        font-size: 9pt;
    }
    /* Page Accueil particulier => style choix type de pièce */
    .par_lienOption {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #666666;
        width: 80px;
        height: 96px;
        margin-right: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        cursor: hand;
    }

        .par_lienOption:hover {
            color: #FFFFFF;
            background-color: #808080;
        }
    /* Page Accueil particulier => style sélection logement */
    .par_selLogement {
        background-position: left top;
        border: 1px solid black;
        margin: 15px 5px 5px 5px;
        padding: 10px 10px 10px 35px;
        font-size: 12px;
        text-decoration: none;
        font-family: Calibri;
        color: #666666;
        width: 240px;
        height: 55px;
        text-align: left;
        cursor: pointer;
        overflow: hidden;
        float: left;
        background-image: url('../Images/extPartSelLogOn.png');
        background-repeat: no-repeat;
    }

        .par_selLogement:hover {
            background-image: url('../Images/extPartSelLogOff.png');
            color: #FFFFFF;
            background-color: #808080;
        }
    /* Page Espace Paticulier ==> couleur des sous menu */
    .Espace_lienPAR_CHAUFF {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #FF7723;
        font-weight: bold;
    }

    .Espace_lienPAR_SYNTHE {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #91D04C;
        font-weight: bold;
    }

    .Espace_lienPAR_EAU {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #526DB0;
        font-weight: bold;
    }

    .Espace_lienPAR_ELECTR {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #6DD9FF;
        font-weight: bold;
    }

    .Espace_lienPAR_FACT {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #C0C0C0;
        font-weight: bold;
    }

    .Espace_lienPAR_ENVIRO {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #80FF00;
        font-weight: bold;
    }
    /* Page AccesDocument => style choix type de pièce */
    .AD_lienMenuPiece {
        font-size: 12px;
        text-decoration: none;
        font-family: verdana;
        color: #666666;
    }

        .AD_lienMenuPiece:hover, .AD_lienMenuPiece:active, .AD_lienMenuPiece::after, .AD_lienMenuPiece::selection {
            color: #FFFFFF;
        }

    btnMenuPieceSelect {
        color: #FFFFFF;
        background-color: #808080;
    }

    .AD_MenuPiece {
        text-align: center;
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 5px;
        padding-left: 5px;
        height: 22px;
        display: block;
    }

        .AD_MenuPiece:hover {
            border-color: #FFFFFF;
            background-color: #808080;
            color: #FFFFFF;
            height: 16px;
            margin-bottom: 6px;
        }

    .AD_MenupieceSeparateur {
        display: none;
    }

    .AD_MenuPieceSelect {
        background-image: url('../Images/flechegaucheseule.png');
        background-repeat: no-repeat;
        background-position-y: center;
        color: #FFF;
        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
        text-align: center;
        margin-right: 5px;
        margin-left: 5px;
        padding: 10px;
        height: 16px;
        margin-bottom: 4px;
        display: block;
    }

        .AD_MenuPieceSelect btnMenuPieceSelect {
            color: #FFFFFF;
            background-color: #808080;
        }

        .AD_MenuPieceSelect:hover {
            color: #FFFFFF;
            background-color: #808080;
        }

    .AD_ModalPopupBG {
        background-color: #666699;
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        -ms-opacity: 0.7;
        -o-opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 20;
    }

    .AD_BackgroundTreeview {
        border-left: 1px solid #C0C0C0;
        border-right: 1px solid #808080;
        border-top: 1px solid #C0C0C0;
        border-bottom: 1px solid #808080;
        padding: 1px;
        background-color: #F0F0F0;
        background-image: url('../Images/fond_ligne_entete.png');
        background-repeat: repeat-x;
        background-attachment: scroll;
        width: 90vw;
        margin-left: auto;
        position: fixed;
        top: 25%;
        z-index: 21;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .AD_BackgroundInfoPwd {
        border-left: 1px solid #C0C0C0;
        border-right: 1px solid #808080;
        border-top: 1px solid #C0C0C0;
        border-bottom: 1px solid #808080;
        padding: 1px;
        background-color: #F0F0F0;
        background-image: url('../Images/fond_ligne_entete.png');
        background-repeat: repeat-x;
        background-attachment: scroll;
        width: 640px;
        margin-left: -320px;
        position: fixed;
        top: 2%;
        left: 50%;
        z-index: 1;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .AD_TitreTreeview {
        padding: 1px;
        color: #ffffff;
        vertical-align: middle;
        height: 30px;
    }

    .AD_btnFermerTreeview {
        border-style: solid;
        border-width: 0px;
        background-image: url('../../../Images/fermer.gif');
    }

    .AD_lnkDetailDevis {
        border-style: solid;
        border-width: 0px;
        background-color: Transparent;
        background-image: url('../Images/btn_detail.png');
        width: 30px;
        height: 30px;
        cursor: hand;
    }

    .Dem_MasqueCritere {
        background-color: #666699;
        filter: alpha(opacity=50);
        opacity: 0.7;
        position: absolute;
        top: 20px;
        bottom: 0px;
        right: 0px;
        left: 10px;
        width: 938px;
        height: 133px;
        z-index: 0;
    }

    #resultat tbody .AD_lnkPiece:link {
        color: #2200C1;
    }

    #resultat tbody .AD_lnkPiece:visited {
        color: #551A8B;
    }

    #resultat tbody .AD_lnkPiece:hover {
        color: #336699;
    }
    table .FactureMontant {
        text-align: right;
    }

    /* *** Style Recouvrement Mot de passe *** */
    #weak, #medium {
        border-right: solid 1px #DEDEDE;
    }

    #sm {
        margin: 0px;
        padding: 0px;
        height: 14px;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 9px;
    }

        #sm ul {
            border: 0px;
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            text-align: center;
        }

            #sm ul li {
                display: block;
                float: left;
                text-align: center;
                padding: 0px 0px 0px 0px;
                margin: 0px;
                height: 14px;
            }

    .nrm {
        width: 84px;
        color: #adadad;
        text-align: center;
        padding: 2px;
        background-color: #F1F1F1;
        display: block;
        vertical-align: middle;
    }

    .red {
        width: 84px;
        color: #FFFFFF;
        text-align: center;
        padding: 2px;
        background-color: #FF6F6F;
        display: block;
        vertical-align: middle;
    }

    .yellow {
        width: 84px;
        color: #FFFFFF;
        text-align: center;
        padding: 2px;
        background-color: #FDB14D;
        display: block;
        vertical-align: middle;
    }

    .green {
        width: 84px;
        color: #FFFFFF;
        text-align: center;
        padding: 2px;
        background-color: #A0DA54;
        display: block;
        vertical-align: middle;
    }

    .ClavierVirtuelBouton {
        font-size: x-large;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        cursor: hand;
    }

    .ACC_FactNum {
        border-style: none;
        background-image: url('../Images/btn_factnum.png');
        width: 266px;
        height: 67px;
        display: block;
        cursor: hand;
        color: #666666;
        background-color: #FFFFFF;
        margin-left: 166px;
    }

        .ACC_FactNum:hover {
            background-image: url('../Images/btn_factnum_h.png');
            color: #A8A8A8;
        }

        .ACC_FactNum:active {
            background-image: url('../Images/btn_factnum_c.png');
        }

    .ACC_FactNumQuestion {
        font-weight: bolder;
        text-decoration: underline;
    }

    .InterventionsColonne {
        display: none;
    }

    .docDossFich ul.Root, .RootNom ul {
        list-style-type: none;
    }

    .RootNom {
        margin-left: -20px;
        margin-bottom: -9px;
    }

    .DossFich li span.FolderUp {
        background-image: url('../Images/parent.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        font-style: italic;
        cursor: pointer;
    }

    .DossFich span.Folder {
        background-image: url('../Images/dossier.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
        display: block;
        margin: 3px 0px 3px 15px;
    }

    .DossFich li.Puce:before {
        /*content: "\002B";*/
        content: url('../Images/plus.png');
        color: Silver;
        display: inline-block;
        margin-right: 2px;
        cursor: pointer;
        float: left;
    }
    .DossFich li.PuceUp:before {
        /*content: "\002B";*/
        content: url('../Images/moins.png');
        color: Silver;
        display: inline-block;
        margin-right: 2px;
        cursor: pointer;
        float: left;
    }

    .DossFich li.Puce, .DossFich li.PuceUp {
        margin-left: -20px;
    }

    li.Racine:before {
        /*content: "\002B";*/
        content: url('../Images/moins.png');
        color: Silver;
        display: inline-block;
        margin-right: 2px;
        cursor: pointer;
    }

    .DossFich span.FilePDF {
        background-image: url('../Images/pdf.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
    }

    .DossFich span.FileXLS {
        background-image: url('../Images/Excel2007.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
    }

    .DossFich span.FileTXT {
        background-image: url('../Images/texte.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
    }

    #DossCourant {
        margin-left: 50px;
    }

    .DossFich span.FileDOC {
        background-image: url('../Images/Word2007.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
    }

    .DossFich span.FileOTH {
        background-image: url('../Images/docAutre.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 20px;
        cursor: pointer;
    }

    a.OpenFolderRoot, .RootNom li span.FolderUp {
        background-image: url('../Images/acces_gtc.png');
        background-repeat: no-repeat;
        background-size: 16px 16px;
        padding: 0px 0px 0px 20px;
        margin-left: 7px;
        cursor: pointer;
    }

    a.OpenFolder,
    a.ADLienFichier {
        text-decoration: none;
        color: #666666;
    }

        a.OpenFolder:hover,
        a.ADLienFichier:hover {
            background-color: Silver;
            color: White;
        }

        a.OpenFolder:link,
        a.OpenFolder:visited,
        a.ADLienFichier:link,
        a.ADLienFichier:visited {
            color: #666666;
        }
    /* Style et mise en forme de gestion de la RGPD */
    .rgpd {
        display: block;
        width: 100%;
        /*height: 42px;*/
        /* z-index: 999; */
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        text-indent: 0px;
        font-size: 18px;
        color: #FFFFFF;
        background-color: #111111;
        position: fixed;
        bottom: 0px;
        left: 0px;
    }

        .rgpd a {
            text-decoration: none;
            color: #FFFFFF;
        }

    .RgpdFirst {
        width: inherit;
        display: contents;
    }

    .RgpdSecond {
        float: right;
    }

        .RgpdSecond img {
            cursor: pointer;
            padding-right: 5px;
            margin-top: -3px;
        }

    .CharteRGPD {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background-color: #C0C0C0;
        height: 100%;
        border-width: 1px;
        filter: alpha(opacity=70);
        opacity: 0.7;
        z-index: 1;
    }

    .CharteRGPDTexte {
        display: none;
        position: fixed;
        left: 0px;
        z-index: 102;
        top: 0px;
        margin: 0px auto;
        padding-top: 80px;
        width: 100vw;
        height: 80vh;
    }

    .RGPDCenter {
        display: block;
        width: 80%;
        height: 80%;
        margin-left: auto;
        margin-right: auto;
        background-color: #FFFFFF;
        color: #000000;
        padding: 35px 35px 35px 35px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .RGPDClose {
        float: left;
        position: relative;
        text-align: right;
        width: 100%;
    }

        .RGPDClose img {
            cursor: pointer;
            background-color: #666666;
            height: 25px;
            width:25px;
        }

    #RGPDOpen {
        cursor: pointer;
    }

    .btnTableFiltre {
        background-image: url(../Images/filtre.png);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
        display: none;
        float: right;
        cursor: pointer;
    }

    #FiltreMobile {
        display: block;
        position: fixed;
        left: 50vw;
        top: 50vh;
        background-color: gray;
        width: 26vh;
        margin-left: -12vh;
        margin-top: -10vw;
        text-align: center;
        /*border-radius: 5px;*/
        padding-bottom: 3px;
    }

        #FiltreMobile div {
            height: 25px;
            padding: 2px;
        }

    .Quitte {
        background-image: url(../Images/fermer.gif);
        display: inline-block;
        float: right;
    }

    /* *** Styles pour éColog *** */
    .divNomParticulier {
        float: none;
        display: none;
        visibility: hidden;
        width: 80%;
        min-height: 70px;
        "
    }

    .divEcologComplet {
        float: none;
        width: 100%;
        min-height: 450px;
        display: inline-block;
        background-image: url(/Content/Images/fond_factnum.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;
        text-align: center;
    }

    .divBienvenueDeuxApparts {
        padding-top: 0px;
        padding-bottom: 0px;
        float: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #C1C1C1;
    }

    .divBienvenueUnAppart {
        padding-top: 34px;
        padding-bottom: 4px;
        display: flex;
        float: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #C1C1C1;
    }

    .divDateHeure {
        float: left;
        /*width:200px; */
        padding-top: 0px;
        text-align: center;
        margin: 30px 20px 20px 20px;
    }

    .divEcologBtn {
        text-align: center;
        margin: 0 auto;
    }

        .divEcologBtn div {
            display: inline-block;
            margin-top: 20px;
        }

    .divQuestionsFrequentes {
        width: 68vw;
        margin-top: 30px;
        text-align: left;
        border-width: 1px;
        display: flow-root;
    }


    /* pager element reset (needed for bootstrap) */
    .tablesorter-pager select {
        font-family: Verdana;
        font-size: 11px;
        margin: 10px 0px -20px 0px;
        display: flex;
        text-align: center;
        margin-left: auto !important; 
        margin-right: auto !important;
    }

    .tablesorter-resizable-container {
        margin-top: 10px;
    }
}