@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

body {
    line-height: 1;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.pg-valid-normal {
    color: white;
    background-color: #AB1802;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 5px;
    margin: 2px;
    margin-top: 5px;
}

    .pg-valid-normal:hover {
        color: white;
        background-color: #445e70;
        font-weight: normal;
        text-decoration: none;
        cursor: pointer;
        padding: 3px 5px;
        margin: 2px;
        margin-top: 5px;
    }

.pg-valid-selected {
    color: white;
    background-color: #445e70;
    font-weight: bold;
    cursor: pointer;
    padding: 3px 5px;
    margin: 2px;
    margin-top: 5px;
}

/******************************************************************************/
.informationMessage {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px;
}

.supercontener {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background: url("/img/fond_page.jpg");
    background-repeat: repeat-y;
}

.contener {
    width: 1160px;
    margin-left: 20px;
}

.header {
    height: 155px;
    width: 100%;
    background-color: #F4F4F4;
}

.header-left {
    float: left;
    height: 112px;
    width: 1160px;
    background: url("/img/bandeau_AMS.jpg") no-repeat;
}

.header-bottom {
    width: 1136px;
    margin-left: auto;
    margin-right: auto;
    background-color: #AB1802;
}

.date {
    font: normal 13px Arial,Verdana,helvetica,sans-serif;
    color: #7895A3;
    width: 216px;
    height: 23px;
    line-height: 23px;
    float: left;
    display: inline;
}

.ariane {
    float: left;
    margin-top: 3px;
    font: normal 11px Arial,Verdana,helvetica,sans-serif;
    color: #000;
    line-height: 18px;
    display: inline;
}

    .ariane span {
        padding-right: 4px;
    }

    .ariane a, .ariane a:hover, .ariane a:visited, .ariane p {
        font: normal 11px Arial,Verdana,helvetica,sans-serif;
        color: #000;
        text-decoration: none;
    }

.deconnexion {
    float: right;
    margin-top: 3px;
    display: inline;
}

    .deconnexion a {
        height: 23px;
        line-height: 23px;
        font-size: 13px;
        color: #7895A3;
        text-decoration: underline;
    }

        .deconnexion a:hover {
            text-decoration: none;
        }

        .deconnexion a:visited {
            color: #7895A3;
        }

    .deconnexion img {
        height: 36px;
    }

.clear {
    clear: both;
}

.pageFooter {
    font-size: 11px;
    color: #FFFFFF;
    width: 100%;
    height: 45px;
    line-height: 23px;
    text-align: center;
    background-color: #293134;
    padding-top: 10px;
}

.content-menu {
    width: 200px;
    float: left;
    display: inline;
}

.content-page {
    width: 930px;
    margin-right: 12px;
    float: right;
    display: inline;
    padding-bottom: 20px;
    font-size: 11px;
    color: #000;
}

    .content-page p {
        font-size: 11px;
        color: #000;
    }

    .content-page a, .content-page a:hover, .content-page a:visited {
        font-size: 11px;
        color: #7895A3;
        box-sizing: content-box !important;
    }

    .content-page input, .content-page select {
        font-size: 11px;
        color: #000;
    }

.content-menu li {
    border-bottom: solid 1px #D4D3D1;
    display: block;
}

.menu-header {
    background-color: #A09999;
    width: 194px;
    text-align: center;
    padding: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 13px;
    color: #FFF;
    box-sizing: content-box !important;
}

#slider, #slider div.sliderInner {
    width: 180px;
    height: 210px;
    background-color: #D5D6D6;
}

.menu-detail {
    background: url("/img/puce1.png") no-repeat;
    background-size: 7px 7px;
    background-color: #D5D6D6;
    background-position: 5px 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    padding-left: 15px;
}

    .menu-detail a, .menu-detail p {
        display: block;
        text-decoration: none;
        font-size: 12px;
        color: #000;
        line-height: 16px;
    }

.menu-commande {
    background: url("/img/puce2.jpg") no-repeat;
    background-color: #FFF;
    background-position: 14px 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .menu-commande a {
        padding-left: 24px;
        text-decoration: none;
        font-size: 11px;
        color: #7895A3;
        text-decoration: underline;
    }

        .menu-commande a:hover {
            text-decoration: none;
        }

.menu-horaire {
    background: url("/img/puce-fleche.gif") no-repeat;
    background-position: 5px 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 22px;
    padding-left: 20px;
}

    .menu-horaire a, .menu-horaire p {
        display: block;
        color: #AB1802;
        text-decoration: none;
        font-size: 12px;
        color: #000;
        line-height: 16px;
    }

.espaceAgence > ul:first-child li.menu-header {
    background: url("/img/Avatar.png") no-repeat #AB1802 5px;
    background-size: 40px 40px;
    padding-left: 30px;
    width: 167px;
}

.espaceClient > ul:first-child li.menu-header {
    background: url("/img/Avatar.png") no-repeat #AB1802 5px;
    background-size: 40px 40px;
    padding-left: 30px;
    width: 167px;
}

.espaceAdmin > ul:first-child li.menu-header {
    background: url("/img/settings-avatar.png") no-repeat #AB1802 5px;
    background-size: 40px 40px;
    padding-left: 30px;
    width: 167px;
}

.adminAgence ul li.menu-header {
    background: url("/img/settings-avatar.png") no-repeat #A09999 5px;
    background-size: 35px 35px;
    padding-left: 30px;
    width: 167px;
}

.suiviDeMission ul li.menu-header {
    background: url("/img/Suivi.png") no-repeat #A09999 5px;
    background-size: 35px 35px;
    padding-left: 30px;
    width: 167px;
}

ul li.menu-header {
    background: url("/img/Pref.png") no-repeat #A09999 5px;
    background-size: 35px 35px;
    padding-left: 15px;
    width: 182px;
}

.menuAide ul li.menu-header {
    background: url("/img/AmpouleMenu.png") no-repeat #A09999 5px;
    background-size: 35px 35px;
    padding-left: 15px;
    width: 182px;
}

.header-bottom .date span {
    display: none;
}

.menu-detail:hover {
    background-color: #C9C7C7;
}

.puce-fleche {
    width: 11px;
    height: 12px;
    vertical-align: middle;
}

/*********************** grilles de résultats *********************/
.fixedRow {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 40px;
    height: 40px;
}

.fixed-header {
    z-index: 50;
}

.fixedColCmd {
    left: 0;
    position: sticky;
}

.fixedColServ {
    left: 70px;
    position: sticky;
}

.fixedColDate {
    left: 200px;
    position: sticky;
}

.liste {
    width: 100%;
    background-color: #FFF;
}

.GRIDHEADER, .GRIDSUBHEADER {
    background-color: #AB1802;
}

    .GRIDHEADER th, .GRIDHEADER td {
        background-color: #AB1802;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        border-right: solid 1px #D4D3D1;
        border-bottom: solid 1px #FFF;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .GRIDSUBHEADER th, .GRIDSUBHEADER td {
        background-color: #AB1802;
        font-size: 10px;
        color: #FFF;
        text-align: center;
        vertical-align: middle;
        border-right: solid 1px #D4D3D1;
        border-bottom: solid 1px #FFF;
    }

    .GRIDHEADER a, .GRIDHEADER a:hover, .GRIDHEADER a:visited {
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
    }

        .GRIDHEADER a.classementCTT, .GRIDHEADER a.classementCTT:hover, .GRIDHEADER a.classementCTT:visited {
            font-size: 11px;
            color: #FFF;
            text-decoration: none;
        }

    .GRIDHEADER input {
        background-color: transparent;
        border: solid 0px;
        font-size: 11px;
        color: #FFF;
    }

    .GRIDHEADER th.GRIDHEADER-left, .GRIDHEADER td.GRIDHEADER-left {
        background-color: #AB1802;
        background-position: top left;
        border-bottom: solid 1px #FFF;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .GRIDHEADER th.GRIDHEADER-left-right, .GRIDHEADER td.GRIDHEADER-left-right {
        background: url("/img/tab1_onglet_gauche.jpg") no-repeat top left, url("/img/tab1_onglet_droit.jpg") no-repeat top right;
        background-color: #AB1802;
        border-bottom: solid 1px #FFF;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .GRIDHEADER th.GRIDHEADER-right, .GRIDHEADER td.GRIDHEADER-right {
        background-color: #AB1802;
        background-position: top right;
        border: solid 0px;
        border-bottom: solid 1px #FFF;
        padding-top: 4px;
        padding-bottom: 4px;
    }

.GRIDITEM {
    font-size: 11px;
    color: #000;
    background-color: #FFF;
}

.RemarqueImportante {
    height: 300px;
    width: 100%;
}

.GRIDHEADER th.RemarquesHEADER-right, .GRIDHEADER td.RemarquesHEADER-right {
    background-color: #AB1802;
    background-position: top right;
    border: solid 0px;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 74px;
}

.GRIDITEM td {
    background-color: #FFF;
    padding: 2px 4px;
    border: solid 1px #D4D3D1;
    border-top: solid 0px;
    font-size: 11px;
    color: #000;
    height: 20px;
}

.GRIDITEM a, .GRIDITEM a:hover, .GRIDITEM a:visited {
    font-size: 11px;
    color: #7895A3;
}

.gridfooter td {
    font-size: 11px;
    border: solid 1px #D4D3D1;
    background: url("/img/tab1_fond_footer.jpg");
    background-repeat: repeat-x;
}

.gridPager span {
    font-size: 11px;
    color: #000;
    margin-left: 2px;
}

.gridPager a {
    font-size: 11px;
    color: #000;
    margin-left: 2px;
}

    .gridPager a:hover {
        font-size: 11px;
        color: #000;
        margin-left: 2px;
    }

    .gridPager a:visited {
        font-size: 11px;
        color: #000;
        margin-left: 2px;
    }

/*******************************************************/
.btnAjout a, .btnAjout a:visited {
    display: block;
    background: url("/img/ajouter.jpg") no-repeat;
    height: 20px;
    width: 56px;
    text-decoration: none;
    background-position: 0 0;
}

    .btnAjout a:hover {
        display: block;
        background: url("/img/ajouter.jpg") no-repeat;
        height: 20px;
        width: 56px;
        text-decoration: none;
        background-position: 0 -20px;
    }

.btnPopupExport a, .btnPopupExport a:visited {
    display: block;
    background: url("/img/exporter.jpg") no-repeat;
    height: 20px;
    width: 71px;
    text-decoration: none;
    background-position: 0 0;
}

    .btnPopupExport a:hover {
        display: block;
        background: url("/img/exporter.jpg") no-repeat;
        height: 20px;
        width: 71px;
        text-decoration: none;
        background-position: 0 -20px;
    }

.btnSaisieMultifiche a, .btnSaisieMultifiche a:visited {
    display: block;
    background: url("/img/boutonSaisie.jpg") no-repeat;
    height: 20px;
    width: 110px;
    text-decoration: none;
    background-position: 0 0;
}

    .btnSaisieMultifiche a:hover {
        display: block;
        background: url("/img/boutonSaisie.jpg") no-repeat;
        height: 20px;
        width: 110px;
        text-decoration: none;
        background-position: 0 -20px;
    }

.btnOK a, .btnOK a:visited {
    display: block;
    background: #A7ADAF;
    height: 15px;
    width: 47px;
    background-position: top center;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    font-weight: bold;
    box-sizing: content-box !important;
}

    .btnOK a:hover {
        display: block;
        background: #3CC1E7;
        width: 47px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
        background-position: bottom center;
        color: #FFF;
        font-size: 11px;
        font-weight: bold;
        box-sizing: content-box !important;
    }

.btnOKpetit a, .btnOKpetit a:visited {
    display: block;
    background: #A7ADAF;
    height: 15px;
    width: 38px;
    background-position: top center;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding-top: 4px;
    font-size: 10px;
    font-weight: bold;
}

    .btnOKpetit a:hover {
        display: block;
        background: #3CC1E7;
        width: 38px;
        text-decoration: none;
        text-align: center;
        padding-top: 4px;
        background-position: bottom center;
        color: #FFF;
        font-size: 10px;
        font-weight: bold;
    }

.btnGrand a, .btnGrand a:visited {
    display: block;
    background: #A7ADAF;
    height: 15px;
    width: 75px;
    text-decoration: none;
    text-align: center;
    padding-top: 4px;
    background-position: top center;
    padding-top: 3px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

    .btnGrand a:hover {
        display: block;
        background: #3CC1E7;
        width: 75px;
        text-decoration: none;
        text-align: center;
        background-position: bottom center;
        color: #FFF;
        font-size: 11px;
        font-weight: bold;
        padding-top: 3px;
    }

.btnTresGrand a, .btnTresGrand a:visited {
    display: block;
    background: #A7ADAF;
    height: 15px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

    .btnTresGrand a:hover {
        display: block;
        background: #3CC1E7;
        height: 15px;
        width: 150px;
        text-decoration: none;
        text-align: center;
        color: #FFF;
        font-size: 11px;
        font-weight: bold;
        padding-top: 3px;
    }

.btnTresGrand2 a, .btnTresGrand2 a:visited {
    display: block;
    background: #A7ADAF;
    height: 15px;
    width: 150px;
    background-position: top center;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    color: #FFF;
}

    .btnTresGrand2 a:hover {
        display: block;
        background: #3CC1E7;
        height: 15px;
        width: 150px;
        text-decoration: none;
        text-align: center;
        background-position: bottom center;
        color: #FFF;
        padding-top: 3px;
    }

.btnTresGrand3 a, .btnTresGrand3 a:visited {
    display: block;
    background: #A7ADAF;
    height: 30px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    color: #FFF;
}

    .btnTresGrand3 a:hover {
        display: block;
        background: #3CC1E7;
        height: 30px;
        width: 150px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        padding-top: 3px;
        color: #FFF;
    }

.btnTresGrand4 a, .btnTresGrand4 a:visited {
    display: block;
    background: #A7ADAF;
    height: 30px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    color: #FFF;
}

    .btnTresGrand4 a:hover {
        display: block;
        background: #3CC1E7;
        height: 30px;
        width: 100px;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        padding-top: 7px;
        color: #FFF;
    }

/****************** Tableaux Hebdos et Mensuels ****************************/
.Aspect span {
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

TABLE.tabhebdo {
    text-align: center;
    border: 0px;
}

    TABLE.tabhebdo TD {
        width: 30px;
        border: 1px solid grey;
    }

        TABLE.tabhebdo TD.crit {
            width: 120px;
            padding-left: 3px;
            text-align: left;
        }

        TABLE.tabhebdo TD.empty {
            border-left: 1px solid gray;
        }

TABLE.tabhebdo-header .header {
    height: 14px;
    border: none;
}

TABLE.tabhebdo-header .header1 {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    width: 100%;
}

TABLE.tabhebdo-header .header-left {
    background: url("/img/form_onglet_gauche.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 19px;
    width: 99%;
    margin: 0;
    padding-top: 4px;
    color: White;
    font-weight: bold;
}

.subTitleQuestionnaire {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    background-position: 14px 10px;
    padding-bottom: 3px;
    padding-left: 24px;
}

.subTitleSatGlob {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-position: 14px 10px;
    padding-bottom: 3px;
    padding-left: 4px;
}

.subTitleQuestion {
    color: #000;
    background-position: 14px 10px;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
    text-align: center;
}

.subTitleQualiteQuestion {
    color: #000;
    background-position: 14px 10px;
    font-size: 11px;
    padding-bottom: 3px;
}

.subTitleReponse {
    color: #000;
    font-size: 11px;
    background-position: 14px 10px;
    padding-bottom: 3px;
    padding-left: 4px;
    text-align: center;
}

.formulaire-questionnaire {
    font-size: 11px;
    font-weight: bold;
    border-left: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    padding: 10px;
    display: block;
}

.hidden {
    display: none;
}

.dataTable {
    background-color: #AB1802;
    font-size: 11px;
    color: #000;
    border: 1px solid gray;
}

table.dataTable thead th {
    height: 14px;
    border: 1px solid gray;
    border-bottom: 1px solid grey;
    padding: 3px 18px 3px 3px;
    color: #FFF;
}

table.dataTable td {
    padding: 1px 3px;
    border: 1px solid gray;
    height: 30px;
}

.DesignCS {
    padding: 3px 2px 3px 3px !important;
    color: #000;
}

table.dataTable tr.odd {
    background-color: #FFF;
    border: 1px solid gray;
}

table.dataTable tr.even {
    background-color: #FFF;
    border: 1px solid gray;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #FFF;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #FFF;
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #FFF;
}

table.dataTable tr.even td.sorting_2 {
    background-color: #FFF;
}

.linkQualite {
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}

table.dataTable a {
    text-decoration: underline;
    color: Blue;
}

.HeaderGridQuestionnaire th, .HeaderGridQuestionnaire td {
    background-color: #d4d3d1;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 115px;
}

.BodyGridQuestionnaire td, .BodyGridQuestionnaire td {
    background-color: #FFF;
    padding: 2px;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    font-size: 11px;
}

.HeaderGridEvaluation th, .HeaderGridEvaluation td {
    background-color: #AB1802;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    padding-top: 4px;
    padding-bottom: 4px;
}

.BodyGridEvaluation td, .BodyGridEvaluation2 td {
    background-color: #FFF;
    padding: 2px 4px;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    font-size: 11px;
    color: #000;
    height: 20px;
}

.BodyGridEvaluation a, .BodyGridEvaluation2 a {
    text-decoration: none;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: absolute;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}

#boxes #dialog {
    width: 375px;
    height: 203px;
}

#dialog {
    font-size: x-small;
}

    #dialog table tr th {
        font-size: 11px;
    }

    #dialog table {
        margin: 3px;
    }

    #dialog .dataTables_length {
        display: none;
    }

/****************** cadre de recherche / saisie ****************************/
.formulaire-header {
    position: relative;
    background-position: top right;
    background-color: #AB1802;
    font: bold 13px Arial,Verdana,helvetica,sans-serif;
    color: #FFF;
    width: 100%;
}

.formulaire-header-left {
    float: left;
    height: 22px;
    width: 12px;
}

.formulaire-header-left-txt {
    float: left;
    text-align: left;
    padding: 5px 0px;
    font-size: 16px;
    margin: 4px 4px;
}

    .formulaire-header-left-txt span.headerSubTitle {
        font: bold 11px Arial,Verdana,helvetica,sans-serif;
        color: #FFF;
        text-decoration: none;
    }

.formulaire-header-right {
    float: right;
    padding: 5px;
}

    .formulaire-header-right img {
        margin-right: 5px;
    }

.formulaire-content {
    font-weight: bold;
    font-size: 11px;
    border-left: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    padding: 10px;
    display: block;
    height: 100%;
}

    .formulaire-content p {
        font-weight: bold;
        font-size: 11px;
    }

    .formulaire-content span.info {
        font-size: 11px;
        color: #000;
        text-align: left;
    }

    .formulaire-content th {
        font-weight: bold;
        font-size: 11px;
        color: #000;
        text-align: left;
        background-color: #dad6de;
        padding: 2px 4px;
    }

    .formulaire-content select, .formulaire-content textarea, .formulaire-content input {
        margin-left: 5px;
        margin-right: 2px;
        margin-top: 1px;
        font-size: 11px;
    }

    .formulaire-content table {
        border: solid 0px;
    }

    .formulaire-content td {
        padding: 5px;
    }

/************************************/
.cadreDeconnect {
    background-color: #fff;
    color: #000;
    padding: 5px;
    border: 1px solid #7895A3;
    z-index: 1;
    left: 50%;
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
}

.title-disconnect {
    text-align: center;
    padding-bottom: 10px;
}

    .title-disconnect u {
        font-size: 14px !important;
    }

.text-disconnect {
    text-align: center;
    padding-bottom: 10px;
    font-size: 12px !important;
}

.btn-disconnect {
    padding-right: 10px;
}

.not-visible {
    display: none;
}

/************************************************************/
.pageTitle {
    font-weight: bold;
    font-size: 14px;
    color: #7895A3;
    text-decoration: underline;
}

/************************************************************/
.agrandir {
    padding-right: 5px;
}

    .agrandir a {
        display: block;
        background: url("/img/agrandir.jpg") no-repeat;
        height: 14px;
        line-height: 0px;
        width: 14px;
        background-position: 0px -14px;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
    }

        .agrandir a:hover {
            display: block;
            background: url("/img/agrandir.jpg") no-repeat;
            height: 14px;
            line-height: 0px;
            width: 14px;
            background-position: 0px 0px;
            padding: 0px;
            margin: 0px;
            text-decoration: none;
        }

.reduire {
    padding-right: 5px;
}

    .reduire a, .reduire a:visited {
        display: block;
        background: url("/img/reduire.jpg") no-repeat;
        height: 14px;
        line-height: 0px;
        width: 14px;
        background-position: 0px -14px;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
    }

        .reduire a:hover {
            display: block;
            background: url("/img/reduire.jpg") no-repeat;
            height: 14px;
            line-height: 0px;
            width: 14px;
            background-position: 0px 0px;
            padding: 0px;
            margin: 0px;
            text-decoration: none;
        }

/***************************************************************/
/* liste */
.formulaire-content li {
    display: block;
}

.liste1 {
    background: url("/img/puce2.jpg") no-repeat;
    background-position: 14px 10px;
    padding-top: 6px;
    padding-bottom: 3px;
    font-size: 11px;
    color: #000;
    padding-left: 24px;
}

    .liste1 a {
        text-decoration: none;
        font-size: 11px;
        color: #7895A3;
        text-decoration: underline;
    }

        .liste1 a:hover {
            text-decoration: none;
        }

/**************************************************/
.OuiNon {
    padding: 0px;
    margin: 0px;
}

    .OuiNon td {
        padding: 0px;
        margin: 0px;
    }

/***************************************************/
.exportParam {
    position: absolute;
    background-color: #dad6de;
    border: 2px solid #A69DB0;
    top: 190px;
    left: 350px;
    width: 500px;
    color: #000;
    font-size: 11px;
    display: none;
}

    .exportParam h1 {
        display: block;
        width: 100%;
        background-color: #A69DB0;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
    }

    .exportParam div.exportParamContent {
        padding-left: 5px;
    }

.export input {
    margin-left: 5px;
    margin-right: 2px;
    margin-top: 2px;
    font-size: 11px;
}

/***********jQuery UI DatePicker *****************/
div.ui-datepicker {
    font-size: small;
    z-index: 99;
}

/**************************************************/
.msgErreur {
    font-size: 11px;
    color: red;
    text-align: left;
}

.msgRhpapier {
    font-size: 11px;
    color: red;
    font-weight: bold;
    text-align: left;
}

.visuDonnee, .msgInfo {
    font-size: 11px;
    color: #000;
}

.msgWarningMdp {
    font-size: 11px;
    color: black;
    background-image: url("/img/exclamation-sign.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding-bottom: 5px;
    padding-top: 3px;
    padding-left: 25px;
}

.msgWarning10jMdp {
    font-size: 15px;
    color: red;
    background-image: url("/img/exclamation-sign.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding-bottom: 5px;
    padding-top: 3px;
    padding-left: 25px;
}

.msgInput {
    font-size: 11px;
    color: #000;
    vertical-align: middle;
}

/***************************************************/
.largeDiv {
    width: 930px;
    height: 600px;
    overflow: auto;
    padding-left: 1px;
}

.largeDivContrat {
    width: 930px;
    height: auto;
    overflow: auto;
    padding-left: 1px;
}

.lkButton {
    cursor: default;
}

    .lkButton:hover {
        cursor: pointer;
    }

/***************************************************/
td.planDate {
    background-color: #AB1802;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: center;
}

td.planVide {
    background: #ffffff;
    text-align: center;
    font-weight: bold;
}

td.planNuit {
    background: #bababa;
    text-align: center;
    font-weight: bold;
}

td.planWE {
    background: #dcdcdc;
    text-align: center;
    font-weight: bold;
}

td.planIC {
    background: #ffcc00;
    text-align: center;
    font-weight: bold;
}

td.planAC {
    background: #43802A;
    text-align: center;
    font-weight: bold;
    color: White;
}

td.planNS {
    background: #ff0000;
    text-align: center;
    font-weight: bold;
}

td.planI {
    background: #ffff00;
    text-align: center;
    font-weight: bold;
}

td.planC {
    background: #ffff00;
    text-align: center;
    font-weight: bold;
}

td.planX {
    background: #99ffff;
    text-align: center;
    font-weight: bold;
}

td.planDP {
    background: #000000;
    text-align: center;
    font-weight: bold;
}

td.cellLegende {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: 2px solid white;
    padding-left: 2px;
    padding-right: 2px;
}

td.cellPlanning {
    text-align: center;
    vertical-align: middle;
    font-size: 9px;
    padding: 0px;
    margin: 0px;
}

table.tblInformationsGenerales td, table.tblCriteres td {
    border: solid 0px;
    padding: 1px;
    vertical-align: middle;
}

table.tblCriteres input, table.tblCriteres select {
    margin: 2px;
    padding: 0px;
}

span.bandeauTitre {
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-align: left;
    background-color: #dad6de;
    padding: 2px 4px;
    display: block;
    width: 740px;
}

    span.bandeauTitre span {
        font-weight: bold;
        font-size: 11px;
        color: #000;
    }

/***********************************************************************/
/* QUestionnaires */
.rblReponses {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #000;
    text-align: left;
    border: solid 1px Red;
}

    .rblReponses td {
        padding: 0px;
        margin: 0px;
    }

/*************************/
.subTitle {
    font-weight: bold;
    font-size: 12px;
    color: #7895A3;
    text-decoration: none;
    background: url("/img/puce2.jpg") no-repeat;
    background-color: #FFF;
    background-position: 14px 10px;
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 24px;
}

/**************************************************/
.infoRouge {
    font-size: 11px;
    color: red;
}

.infoVert {
    font-size: 11px;
    color: green;
}

/*************************************************************************/
/* Planning Interimaires favoris */
td.planningDispo {
    background-color: #84CEF1;
}

td.planningIndispo {
    background-color: #E8562F;
}

td.planningNR {
    background-color: #808080;
}

.imgPopupButton {
    cursor: pointer;
    cursor: hand;
}

.imgPopupButtonInterloc {
    cursor: pointer;
    cursor: hand;
}

/* titre du popup de liste dans la partie satisfaction */
.ui-dialog .ui-dialog-title {
    font-size: 12px;
}

.informationGeneraleErreurBDC {
    color: red;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 5px;
}

.bdcEtat {
    color: green;
    font-size: 18px;
}

.no-borders {
    border: none !important;
}

.disabled {
    background-color: #ffc;
}

/***********************************************************************************/
/* Partie RHE */
/***********************************************************************************/
#infoRHE, #RHEfooter {
    padding: 1px 0;
}

#infoRHE {
    text-align: center;
}

#RHES {
    margin: auto;
    padding: 1px 0;
}

#RHEC {
    margin: auto;
    padding: 1px 0;
}

.infoLeft {
    float: left;
}

.infoRight {
    float: right;
}

#rheFooter {
    clear: both;
    padding-top: 30px;
}

#actionRHE {
    clear: both;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 665px;
}

td.RHE-HEADER-left {
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    border-right: solid 1px #D4D3D1;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.RHE-HEADER-right {
    background: url("/img/tab1_onglet_droit.jpg") no-repeat top right;
    background-color: #AB1802;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.RHE-HEADER-right-left {
    background: url("/img/tab1_onglet_gauche.jpg") no-repeat top left, url("/img/tab1_onglet_droit.jpg") no-repeat top right;
    background-color: #AB1802;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}

th.RHE-HEADER-right-left {
    background: url("/img/tab1_onglet_gauche.jpg") no-repeat top left, url("/img/tab1_onglet_droit.jpg") no-repeat top right;
    background-color: #AB1802;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}

td.RHE-HEADER {
    background-color: #AB1802;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    border-right: solid 1px #D4D3D1;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.RHE-ITEM1-left {
    background: url("/img/tab1_onglet_gauche.jpg") no-repeat top left;
    background-color: #AB1802;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: left;
    border-right: solid 1px #D4D3D1;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

td.RHE-ITEM1 {
    background-color: #AB1802;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-align: left;
    border-right: solid 1px #D4D3D1;
    border-bottom: solid 1px #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
}

td.RHE-ITEM2 {
    background-color: #FFF;
    padding: 2px 4px;
    border: solid 1px #D4D3D1;
    font-size: 11px;
    color: #000;
}

.gererRhe-content {
    font-weight: bold;
    font-size: 11px;
    border-left: solid 1px #D0D0D0;
    border-right: solid 1px #D0D0D0;
    padding: 10px;
    display: block;
    height: 100%;
}

    .gererRhe-content ul {
        list-style: inherit;
        padding: 1px;
        margin: 1px;
    }

    .gererRhe-content li {
        margin-left: 20px;
        margin-bottom: 10px;
    }

#listeRhe {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#main {
    margin: auto;
}

#rappelParam {
    float: left;
    width: 200px;
    height: 250px;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #D4D3D1;
    padding-right: 15px;
}

#assistantRHE {
    margin-left: 195px;
}

.selRecapRHE {
    display: list-item !important;
    margin-left: 15px;
    margin-bottom: 10px;
}

.tblInterimNom {
    width: 172px;
    padding-left: 3px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
}

.tblInterimPrenom {
    width: 172px;
    padding-left: 3px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblInterimCode {
    width: 20%;
    padding-left: 3px;
}

.tblMailInterloc {
    padding-left: 3px;
}

.mailObjetRHE {
    font-weight: bold;
    font-size: 11px;
    width: 100%;
}

.rhepdf {
    float: right;
}

.conteneur {
    display: table;
    margin: 0 auto;
}

.infoInterimComplet {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 5px;
    width: 300px;
    text-align: center;
}

.infotblConvComplet {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 5px;
    width: 240px;
    text-align: center;
}

.infoClientComplet {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 5px;
    width: 300px;
    text-align: center;
}

.line01, .line02, .line03, .line04, .line05, .line06, .line07, .line08, .line09, .line10, .line11, .line12, .line13, .line14, .totalHrs, .lineRhe {
    border-style: none;
    width: 100%;
    text-align: center;
    background-color: transparent;
}

.line01Tot, .line02Tot, .line03Tot, .line04Tot, .line05Tot, .line06Tot, .line07Tot, .line08Tot, .line09Tot, .line10Tot, .line11Tot, .line12Tot, .line13Tot, .line14Tot, .lineRheTot {
    border-style: none;
    width: 100%;
    text-align: center;
}

#divInfoConnect {
    width: 400px;
    margin-left: 10%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.gvAlignLeft {
    text-align: left !important;
}

.listeClientNonRh {
    vertical-align: middle;
    margin: 0 auto;
    width: 80%;
}

.modalPopup {
    background-color: #696969;
    filter: alpha(opacity=40);
    opacity: 0.7;
    z-index: -1;
}

.cbNextRhe {
    padding: 3px 0px 0px 0px;
    color: #7895A3;
    font-weight: bold;
    margin-top: 6px;
}

.tvReport {
    color: black !important;
    padding-left: 3px;
}

.reportFolder {
    float: left;
    position: relative;
    width: 30%;
}

.contentReportFolder {
    float: left;
    position: relative;
    margin-left: 10px;
    border-left: double;
    padding-left: 10px;
    height: 250px;
}

.labelFor {
    display: block;
    width: 150px;
    float: left;
}

.information {
    padding-left: 15px;
    margin-bottom: 10px !important;
    font-size: 14px;
    color: green;
}

.classementCTT {
    padding: 1px 6px;
}

span.alertMdp {
    padding-left: 25px;
}

#print-contract #div-print-all {
    float: left;
    width: 3%;
}

#print-contract #print-btn {
    margin-left: 3%;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

a.btnPrint:hover {
    cursor: pointer;
}

/* Bilan */
.header-global {
    background-color: #AB1802;
    height: 40px;
}

.default-column {
    border: none;
    padding: 2px;
    height: 20px;
}

.satisfaction-header {
    text-align: center;
    padding: 2px;
    width: 50px;
}

.satisfaction-header-ns-ps {
    background-color: rgba(227, 82, 5, 0.65);
}

.satisfaction-header-ms {
    background-color: rgba(242, 169, 0, 0.67);
}

.satisfaction-header-s-ts {
    background-color: rgba(67, 128, 42, 0.72);
}

.satisfaction-global-choice, .question-detail-choice {
    text-align: center;
}

.satisfaction-chapitre {
    background-color: #A09999;
}

    .satisfaction-chapitre > td {
        height: 30px;
    }

.question-detail {
    height: 20px;
}

    .question-detail > td {
        text-align: left;
        padding: 2px;
        padding-left: 20px;
        height: 20px;
    }

tr.question-detail:nth-child(odd) {
    background-color: rgba(213, 214, 214, 0.56);
}

.questionnaire-comment {
    height: 100px;
    width: 740px;
}

.panel-email {
    position: absolute;
    left: 50%;
    margin-left: -320px;
    margin-top: 100px;
}

    .panel-email > div {
        width: 640px;
        margin: 20px;
    }

.social-network {
    width: 36px;
    height: 46px;
    display: inline-block;
}

.container {
    font-size: 11px;
    color: #FFFFFF;
    height: 100%;
    width: 70%;
    margin: auto;
    margin-left: 22%;
}

.first {
    float: left;
    padding-top: 5px;
}

.second, .third, .fourth {
    float: left;
    height: 100%;
    padding-left: 13px;
}