.roundBorder {
    -ms-border-radius: 4px;
    border-radius: 4px;
}

#titre.anomalies {
    width: 200px;
}

#titre.alertVehicule {
    width: 350px;
}

#titre.sms, #titre.roles {
    width: 140px;
}

#titre.alert {
    width: 190px;
}

.livraison_chauffeur {
    background: url(../charte/structure-generale/picto.png) -10px -360px no-repeat;
    background-color: #363130;
    padding: 0 0 0 30px;
}

/* Commenté car tout pourri ! :D */
/*.RadGrid .rgRow td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}*/

/* Message d'erreur*/
#container .divErrorMessage {
    background: #FFF none repeat scroll 0 0;
    width: 80%;
    float: left;
    position: relative;
}

    #container .divErrorMessage > div {
        z-index: 1000;
        position: relative;
        padding: 5px 15px;
    }

        #container .divErrorMessage > div.Error {
            background: #FF1400 none repeat scroll 0 0;
        }

        #container .divErrorMessage > div.Warning {
            background: #FFA352 none repeat scroll 0 0;
        }

        #container .divErrorMessage > div.Message {
            background: #3DA828 none repeat scroll 0 0;
        }

        #container .divErrorMessage > div span {
            font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            font-size: 12px;
            line-height: 12px;
        }

        #container .divErrorMessage > div.Error span {
            color: #170001;
        }

        #container .divErrorMessage > div.Warning span {
            color: #582900;
        }

        #container .divErrorMessage > div.Message span {
            color: #FFF;
        }

#container.hidden .divErrorMessage {
    width: 80%;
    z-index: initial;
    position: initial;
}

    #container.hidden .divErrorMessage > div {
        width: 100%;
        margin-left: 24%;
    }

td.tooltip {
    cursor: default;
}

/* Selection table*/
.table_ressources, .table_anomalies, .table_fleet_alert {
    outline: none;
}

    /*Ligne de la table*/
    .table_ressources tr.table_row td, .table_anomalies tr.table_row td, .table_fleet_alert tr.table_row td {
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .table_ressources tr td input, .table_anomalies tr td input, .table_fleet_alert tr td input {
        position: initial;
    }

    .table_ressources.hover tr.table_row:hover td,
    .table_ressources.hover tr.table_row:hover.gris td,
    .table_tache_detail.hover tr.table_row:hover td,
    .table_tache_detail.hover tr.table_row:hover.gris td,
    .table_anomalies.hover tr.table_row:hover td,
    .table_anomalies.hover tr.table_row:hover.gris td,
    .table_fleet_alert.hover tr.table_row:hover td,
    .table_fleet_alert.hover tr.table_row:hover.gris td {
        cursor: pointer;
        background: #cacaca !important;
    }

.table_tache_detail.hover tr.table_row:hover.selected td {
    cursor: default;
    background: #464241 !important;
}

/*Pager de la table*/
.table_ressources tr.table_pager,
.table_tache_detail tr.table_pager,
.table_tournee_detail tr.table_pager,
.table_anomalies tr.table_pager,
.table_fleet_alert tr.table_pager,
.RadTreeList_Default tfoot tr.rtlPager {
    cursor: default;
    background-color: #363130;
    color: #ffffff;
    font-family: 'nobileregular', 'Trebuchet MS', Arial, sans-serif;
}

.table_ressources.hover tr.table_pager td,
.table_tache_detail.hover tr.table_pager td,
.table_tournee_detail.hover tr.table_pager td,
.table_anomalies.hover tr.table_pager td,
.table_fleet_alert.hover tr.table_pager td {
    cursor: default;
    background-color: #363130;
}

/*Header de la grille*/
.RadGrid .table_ressources .rgHeader,
.RadGrid .table_tache_detail .rgHeader,
.RadGrid .table_tache_detail,
.RadGrid .table_anomalies,
.RadGrid .table_anomalies .rgHeader,
.RadGrid .table_fleet_alert,
.RadGrid .table_fleet_alert .rgHeader {
    text-align: center;
    padding-bottom: 6px;
}

    /*Numero des pages*/
    .RadGrid .table_ressources .table_pager .rgNumPart a,
    .RadGrid .table_tache_detail .table_pager .rgNumPart a,
    .RadGrid .table_tournee_detail .table_pager .rgNumPart a,
    .RadGrid .table_anomalies .table_pager .rgNumPart a,
    .RadGrid .table_fleet_alert .table_pager .rgNumPart a,
    .RadTreeList_Default .rtlPager .rtlNumPart a {
        color: #FFF !important;
    }

    .RadGrid .table_pager .rgNumPart .rgCurrentPage span,
    .RadGrid .table_tache_detail .table_pager .rgNumPart .rgCurrentPage span,
    .RadGrid .table_tournee_detail .table_pager .rgNumPart .rgCurrentPage span,
    .RadGrid .table_anomalies .table_pager .rgNumPart .rgCurrentPage span,
    .RadGrid .table_fleet_alert .table_pager .rgNumPart .rgCurrentPage span,
    .RadTreeList_Default .rtlPager .rtlNumPart a.rtlCurrentPage span,
    .RadTreeList_Default .rtlPager .rtlNumPart a.rtlCurrentPage:hover span {
        text-decoration: underline;
        background: transparent !important;
    }
    .RadTreeList_Default .rtlPager .rtlNumPart a.rtlCurrentPage span{
        background : transparent !important;
        color : #FFF;
        line-height : 25px;
    }
    .RadTreeList_Default .rtlPager .rtlNumPart a.rtlCurrentPage{
        background : transparent !important;
    }
    .RadTreeList .rtlPager .rtlWrap{
        padding: 0 10px;
    }
    .RadTreeList .rtlPagerCell{
        padding: 0 10px;
    }

/* Input pour la combo de radGrid des pages   */
.table_pager .RadComboBox .rcbInput {
    border: initial;
    padding: 0 1px 1px 0 !important;
    margin-top: 1px !important;
    background-color: #FFF;
    color: #363130;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: inherit;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    cursor: pointer !important;
    text-align: center;
    width: 100% !important;
}

/* DropDownList des pages quand ouvert*/
.rcbList {
    outline: none;
    color: #FFF;
    background-color: #363130;
    cursor: pointer;
}

.RadComboBoxDropDown .rcbHovered {
    background-color: #FFF;
    color: #363130;
}

/* sort */
.table_ressources tr th a.sortImage, .table_anomalies tr th a.sortImage, .table_fleet_alert tr th a.sortImage {
    position: absolute;
    float: right;
    width: 12px;
    height: 7px;
    background-image: url(../charte/structure-generale/picto.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 3px 0 10px;
}

    .table_ressources tr th a.sortImage.top, .table_anomalies tr th a.sortImage.top, .table_fleet_alert tr th a.sortImage.top {
        background-position: -12px -966px;
    }

    .table_ressources tr th a.sortImage.bottom, .table_anomalies tr th a.sortImage.bottom, .table_fleet_alert tr th a.sortImage.bottom {
        margin: 12px 3px 0 10px;
        background-position: -12px -977px;
    }

    .table_ressources tr th a.sortImage:hover.top, .table_ressources tr th a.sortImage.select.top, .table_anomalies tr th a.sortImage:hover.top, .table_anomalies tr th a.sortImage.select.top, .table_fleet_alert tr th a.sortImage:hover.top, .table_fleet_alert tr th a.sortImage.select.top {
        background-position: -25px -966px;
    }

    .table_ressources tr th a.sortImage:hover.bottom, .table_ressources tr th a.sortImage.select.bottom, .table_anomalies tr th a.sortImage:hover.bottom, .table_anomalies tr th a.sortImage.select.bottom, .table_fleet_alert tr th a.sortImage:hover.bottom, .table_fleet_alert tr th a.sortImage.select.bottom {
        background-position: -25px -977px;
    }

.table_pager .RadComboBox .rcbArrowCell a {
    position: absolute;
    float: right;
    width: 12px;
    height: 7px;
    background-image: url(../charte/structure-generale/picto.png);
    background-repeat: no-repeat;
    background-position: -12px -977px;
    cursor: pointer;
    margin: 0 3px 0 3px;
}

.table_ressources .contenu_pop_up.hover tr:hover.table_pager td, .table_tournee_detail .contenu_pop_up.hover tr:hover.table_pager td, .table_anomalies .contenu_pop_up.hover tr:hover.table_pager td {
    cursor: default !important;
    background-color: #363130 !important;
}

.table_fleet_alert .not_read, .table_fleet_alert .gris_not_read {
    font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
}

.table_fleet_alert tr.not_read:hover td, .table_fleet_alert tr.gris_not_read:hover td {
    cursor: default !important;
    background: #cacaca !important;
}

/*  --------------Pop-up de la grille----------------   */
 .RadGrid_Default {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    cursor: default;
}

 #contenu_pop_up span, #contenu_pop_up .inscriptions span {
    width: 42%;
    font-size: 18px;
    font-style: italic;
    margin: 10px 5% 10px 0;
    display: inline-block;
    text-align: left;
}

#contenu_pop_up br {
    clear: both;
}

#contenu_pop_up input, #contenu_pop_up select {
    width: 42%;
}

#contenu_pop_up table input {
    width: 100%;
}

#contenu_pop_up .RadPicker {
}

 #contenu_pop_up span.spanRFV, #contenu_pop_up .inscriptions span.spanRFV {
    clear: right;
    width: 2%;
}

#contenu_pop_up input, #contenu_pop_up .inscriptions input {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    position: relative;
}

#contenu_pop_up input.submit, #contenu_pop_up .inscriptions input.submit {
        margin: 20px 10px 0 10px !important;
    }

    #contenu_pop_up .inscriptions input.submit {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

 #contenu_pop_up input[type="checkbox"], #contenu_pop_up .inscriptions input[type="checkbox"] {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

.table_ressources.hover tr:hover td {
    cursor: pointer;
    background: initial !important;
}

.table_pager .RadComboBox_Default .rcbArrowCell {
   background-image: inherit;
}

/*#contenu_pop_up select, #contenu_pop_up .inscriptions select {
    width: 43.8%;
}*/

#contenu_pop_up input.fermer {
    width: 100px;
    border: 0 none;
    margin: 0;
    right: 20px;
    position: absolute;
}

#contenu_pop_up p, #contenu_pop_up .inscriptions p {
    padding: 0;
}

 #contenu_pop_up .RadDropDownTree_PopUp, #contenu_pop_up .inscriptions .RadDropDownTree_PopUp {
    width: 43%;
}

#contenu_pop_up .RadDropDownTree_PopUp span, #contenu_pop_up .inscriptions .RadDropDownTree_PopUp span {
        width: 92% !important;
        
    }

 #contenu_pop_up .RadDropDownTree_PopUp span.rddtIcon, #contenu_pop_up .inscriptions .RadDropDownTree_PopUp span.rddtIcon {
            width: 18px !important;
        }

 #contenu_pop_up p span, #contenu_pop_up .inscriptions p span {
    float: inherit;
    clear: inherit;
    width: inherit;
    font: inherit;
    margin: inherit;
}

/* modification de la couleur exterieur de la modale */
.GridModal_Default {
    -ms-opacity: 0.6 !important;
    opacity: 0.6 !important;
    background-color: #000000 !important;
}

/*  ------------------------------   */

/* popup arbre combobox */
.RadDropDownTree_PopUp_Style {
    z-index: 1020 !important;
    margin-top: -10px;
}

/*----- Alertes -----*/

.Alertes {
    margin-left: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: visible;
    font-family: nobileregular, 'Trebuchet MS', Arial, sans-serif;
    font-size: 14px;
    position: relative;
}

.Alertes {
    font-style: italic;
    font-family: 'nobileregular', 'Trebuchet MS', Arial, sans-serif;
}

    .Alertes table {
        border-spacing: 0;
    }

    .Alertes input[type="checkbox"] {
        position: absolute;
        margin: 5px 0 0 -25px;
        margin-left: 20px;
    }

    .Alertes span {
        height: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        display: block;
    }

    .Alertes label {
        margin-left: 45px;
        height: 25px;
        width: 100% !important;
        display: block;
    }

    /*--Light Grey--*/

    .Alertes .light_grey {
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        background-color: #f2f2f2;
    }

    .Alertes .light_grey_read {
        background-color: #f2f2f2;
    }

    /*-- Grey--*/

    .Alertes .grey {
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
    }

.liste#liste_alert ul li {
    white-space: nowrap;
}

.liste#liste_message ul li {
    white-space: nowrap;
}

.bloc_gris_clair label {
    width: 350px;
}

/*----- Messages -----*/

.table_messages td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-align: left !important;
}

.table_messages input[type="checkbox"] {
    position: relative;
    margin: 5px 0 0 7px;
}

/*----- Popup Message -----*/

#contenu_pop_up .Message .gris_clair span {
    text-align: left;
}

#contenu_pop_up .Message .gris_clair .normal {
    font-family: nobileregular, 'Trebuchet MS', Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
}

#contenu_pop_up .Message input, #contenu_pop_up .Message select {
    width: auto !important;
    border: 0 solid #c4c4c4 !important;
}

.rcbInput {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*----- Background des couleurs du dashboard et du traitement de la tournée pour les popup pointdepassage et tache  ------*/

/*.EnAttente, .table_tournees .attente {
    background-color: #d5d5d6;
}

.RetardPossible, .table_tournees .retardee {
    background-color: #f28100;
}

.EnRetard, .table_tournees .retard {
    background-color: #dc0a18;
}

.EnRetard1, .table_tournees .retard1 {
    background-color: rgb(255, 179, 0);
}

.EnRetard2, .table_tournees .retard2 {
    background-color: rgb(255, 119, 0);
}

.EnRetard3, .table_tournees .retard3 {
    background-color: rgb(255, 31, 31);
}

.Termine, .table_tournees .livree {
    background-color: #363130;
    color: #ffffff;
}

.EnCours, .EnCours:hover, .DansLesDelais, .table_tournees .encours {
    background-color: #199016;
    color: #ffffff;
}*/

.dashboardImg {
    width: 20px;
    height: 20px;
    padding-left: 12%;
    cursor: pointer;
    display: block;
}

.dashboardForbiddenImg {
    width: 20px;
    height: 20px;
    padding-left: 12%;
    display: block;
}

.table_tournees .overflow {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table_tournees .livree a {
    padding-left: 0px;
}

.table_tournees a {
    padding-left: 10px;
    text-decoration: none;
    color: #FFF;
}

.table_tournees td.attente a {
    color: #000;
}

/*----- Table du chauffeur présente dans les popup tache/pointdepassage/tournee (UC FrmChauffeur) -----*/

#contenu_pop_up .table_chauffeur {
    width: 95% !important;
    text-align: center;
    background: #ececec;
}

    #contenu_pop_up .table_chauffeur th {
        background-color: #363130;
        color: #ffffff;
        text-align: center;
    }

    #contenu_pop_up .table_chauffeur .nom {
        display: inline-block;
        background: #363130;
        color: #ffffff;
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        font-size: 14px;
        padding: 5px 10px;
    }

    #contenu_pop_up .table_chauffeur .b_vehicletemp {
        display: inline-block;
        color: #ffffff;
        background-color: #dc0a18;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
    }

        #contenu_pop_up .table_chauffeur .b_vehicletemp:hover {
            background-color: #363130;
            color: #ffffff;
        }

        #contenu_pop_up .table_chauffeur .b_vehicletemp span {
            width: 40px;
            height: 40px;
            float: left;
            margin: -8px 0 0 0;
            background: url(../charte/structure-generale/picto.png) -10px -1005px no-repeat;
        }


.popupTemperature {
    display: none; /*--masqué par défaut--*/
    background: #fff;
    padding: 20px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 20%;
    left: 20%;
    z-index: 99999;
    /*--Les différentes définitions de Box Shadow en CSS3--*/
    /*-webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;*/
    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .popupTemperature p {
        font-size: 30px;
        text-align: center;
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        font-style: italic;
        padding: 0 0 0 70px;
        color: #dc0a18;
    }

    .popupTemperature .fermer {
        float: right;
        display: block;
        padding: 10px 50px 10px 0;
        margin: -10px 0 0 0;
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        font-style: italic;
        color: #818181;
        font-size: 14px;
        line-height: 14px;
        background: url(../charte/structure-generale/picto.png) right -1058px no-repeat;
        cursor: pointer;
    }

#fade { /*--Masque opaque noir de fond--*/
    display: none; /*--masqué par défaut--*/
    background: #AAA;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-opacity: .60;
    opacity: .60;
    z-index: 9999;
}


/*----- Image de l'état de traitement du point de passage présent dans les popup tache/pointdepassage  ------*/
.statut .conforme {
    background: url(../charte/structure-generale/picto.png) center -1214px no-repeat;
}

.statut .litige {
    background: url(../charte/structure-generale/picto.png) center -1264px no-repeat;
}

.statut .non {
    background: url(../charte/structure-generale/picto.png) center -1314px no-repeat;
}

/* UC Point de passage */

#contenu_pop_up .table_pointDePassage {
    width: 95% !important;
    text-align: center;
    background: #ececec;
}

    #contenu_pop_up .table_pointDePassage th {
        background-color: #363130;
        color: #ffffff;
        text-align: center;
    }

    #contenu_pop_up .table_pointDePassage .nom {
        display: inline-block;
        background: #363130;
        color: #ffffff;
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        font-size: 14px;
        padding: 5px 10px;
    }


.table_pointDePassage span.conforme, .table_pointDePassage .livree span, .table_chauffeur .livree span {
    background: url(../charte/structure-generale/picto.png) center -1214px no-repeat;
    width: 24px;
    height: 24px;
    float: left;
}

.table_pointDePassage span.litige, .table_chauffeur span.litige {
    background: url(../charte/structure-generale/picto.png) center -1264px no-repeat;
    width: 24px;
    height: 24px;
    float: left;
}

.table_pointDePassage span.non, .table_chauffeur span.non {
    background: url(../charte/structure-generale/picto.png) center -1314px no-repeat;
    width: 24px;
    height: 24px;
    float: left;
}

.table_pointDePassage td.livree, .table_chauffeur td.livree {
    background: #615b59;
    color: #ffffff;
}

.table_pointDePassage td.retardee, .table_chauffeur td.retardee {
    background: #f28100;
    color: #ffffff;
}

.table_pointDePassage td.encours, .table_chauffeur td.encours {
    background: #199016;
    color: #ffffff;
}

.table_pointDePassage td.retard, .table_chauffeur td.retard {
    background: #dc0a18;
    color: #ffffff;
}

.table_pointDePassage td.retard1, .table_chauffeur td.retard1 {
    background: rgb(255, 179, 0);
    color: #ffffff;
}

.table_pointDePassage td.retard2, .table_chauffeur td.retard2 {
    background: rgb(255, 119, 0);
    color: #ffffff;
}

.table_pointDePassage td.retard3, .table_chauffeur td.retard3 {
    background: rgb(255, 31, 31);
    color: #ffffff;
}

.table_pointDePassage td.attente, .table_chauffeur td.attente {
    background: #d5d5d6;
    color: #ffffff;
}

/*----- Popup Tournees -----*/

#contenu_pop_up .tournee_detail {
    width: 100%;
}

    #contenu_pop_up .tournee_detail input, #contenu_pop_up .tournee_detail select {
        width: auto;
        border: 0 solid #c4c4c4 !important;
    }

    #contenu_pop_up .tournee_detail .filtres {
        width: 95% !important;
        margin: auto !important;
        padding: 10px 0 !important;
    }

.whitecolor {
    color: #ffffff;
}

.tipBody {
    color: #464241;
}

.top {
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding-bottom: 0;
}

.bottom {
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0 10px 0;
    padding-top: 0;
    float: left;
}

.submit_right {
    float: right !important;
}

.bloc_notes .btn {
    float: right;
    font-size: 12px;
    margin: -5px 0 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
    font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    color: #ffffff;
    background-color: #dc0a18;
    padding: 5px 7px 5px 7px;
    margin-top: 15px;
    border: none;
}

    .bloc_notes .btn:hover {
        background-color: #464241;
    }

#contenu_pop_up .tournee_detail table {
    width: auto;
    text-align: center;
}

#contenu_pop_up .PopupOverflow {
    max-height: 300px;
    overflow: auto;
    margin: auto;
    width: auto;
}

    #contenu_pop_up .PopupOverflow .table_tournee_order, #contenu_pop_up .PopupOverflow .table_tournee_detail {
        width: 100% !important;
    }

#contenu_pop_up th, #contenu_pop_up th a {
    background-color: #363130;
    color: #ffffff;
    text-align: center;
}

#contenu_pop_up .tournee_detail .ss_titre_center {
    text-align: center;
    font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
    margin: 10px 0 0 0;
}

#contenu_pop_up .tournee_detail .table_row {
    background-color: #e5e5e5;
}

#contenu_pop_up .tournee_detail .gris {
    background-color: #ececec;
}

#contenu_pop_up .tournee_detail .table_tournee_detail tr.table_row:hover td, #contenu_pop_up.tournee_detail .table_tournee_detail .hover tr.table_row:hover.gris td {
    cursor: pointer;
    background: #cacaca !important;
}

/* sort */
.tournee_detail th a.sortImage {
    position: absolute;
    float: right;
    width: 12px;
    height: 7px;
    background-image: url(../charte/structure-generale/picto.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 3px 0 10px;
}

    .tournee_detail th a.sortImage.top {
        background-position: -12px -966px;
    }

    .tournee_detail th a.sortImage.bottom {
        margin: 12px 3px 0 10px;
        background-position: -12px -977px;
    }

    .tournee_detail th a.sortImage:hover.top, .table_ressources tr th a.sortImage.select.top {
        background-position: -25px -966px;
    }

    .tournee_detail th a.sortImage:hover.bottom, .table_ressources tr th a.sortImage.select.bottom {
        background-position: -25px -977px;
    }

.tournee_detail td .encours {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #199016;
}

.tournee_detail td .retard3 {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: rgb(255, 31, 31);
}

.tournee_detail td .retard2 {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: rgb(255, 119, 0);
}

.tournee_detail td .retard1 {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: rgb(255, 179, 0);
}

.tournee_detail td .retardee {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #f28100;
}

.tournee_detail td .attente {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: #d5d5d6;
}

.tournee_detail td .litige {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url(../charte/structure-generale/picto.png) center -1260px no-repeat #615b59;
}


.tournee_detail td .conforme {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url(../charte/structure-generale/picto.png) center -1210px no-repeat #615b59;
}

.tournee_detail td .non {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url(../charte/structure-generale/picto.png) center -1311px no-repeat #615b59;
}

.tournee_detail .tout {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .tournee_detail .tout.center {
        display: block;
        width: 80%;
    }

        .tournee_detail .tout.center input {
            padding: 8px 40px !important;
            margin: 0 0 0 10px !important;
        }

.tournee_detail .btn, .tournee_detail .btn.supp:hover {
    float: right;
    font-size: 12px;
    margin: -5px 0 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-style: normal;
    margin: 0;
    text-decoration: none;
    font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    color: #ffffff;
    background-color: #dc0a18;
}

    .tournee_detail .btn.supp, .tournee_detail .btn:hover {
        background-color: #363130;
        color: #ffffff;
    }

.tournee_detail .center.tout .btn_up {
    display: block;
    padding: 0 21px 0 21px !important;
    height: 36px;
    margin: 0 auto;
    background: url(../Images/Fleche_Up_And_Down_42x38.png) center -1px no-repeat #615b59;
}

    .tournee_detail .center.tout .btn_up:hover {
        display: block;
        padding: 0 21px 0 21px !important;
        height: 36px;
        margin: 0 auto;
        background: url(../Images/Fleche_Up_And_Down_42x38.png) center -79px no-repeat #615b59;
    }

.tournee_detail .center.tout .btn_down {
    display: block;
    padding: 0 21px 0 21px !important;
    height: 36px;
    margin: 0 auto;
    background: url(../Images/Fleche_Up_And_Down_42x38.png) center -40px no-repeat #615b59;
}

    .tournee_detail .center.tout .btn_down:hover {
        display: block;
        padding: 0 21px 0 21px !important;
        height: 36px;
        margin: 0 auto;
        background: url(../Images/Fleche_Up_And_Down_42x38.png) center -118px no-repeat #615b59;
    }

/* PLANNING */

.filtres ul li span.journee {
    margin: 0 5px 0 -5px;
}

#container.hidden .table_planning {
    width: 98.7%;
}

.table_planning {
    width: 100%;
}

    .table_planning tr th {
        height: 26px;
    }

        .table_planning tr th div {
            height: 26px;
            background-color: #363130;
        }

            .table_planning tr th div div {
                position: relative;
                display: inline-block;
                height: 26px;
                overflow: hidden;
                background: #363130;
                color: #ffffff;
                font-family: 'nobileregular', 'Trebuchet MS', Arial, sans-serif;
                font-weight: normal;
                font-size: 10px;
                text-align: center;
                vertical-align: middle;
                line-height: 26px;
            }

        .table_planning tr th.no {
            height: 26px;
            background: #ffffff;
        }

    .table_planning td {
        width: auto !important;
    }

    .table_planning tr td.nom {
        cursor: default;
    }

        .table_planning tr td.nom img {
            /*cursor: pointer;*/
            padding-top: 2px;
            display: block;
            width: 24px !important;
            height: 24px !important;
        }

            .table_planning tr td.nom img.clickable {
                cursor: pointer;
            }

        .table_planning tr td.nom span {
            display: block;
            width: 90%;
            word-wrap: break-word;
            overflow: hidden;
            -moz-text-overflow: ellipsis;
            text-overflow: ellipsis;
            background: transparent none repeat scroll 0 0;
            height: auto;
            margin: auto;
            float: none;
        }

        .table_planning tr td.nom ul li {
            padding: 5px 0 !important;
        }

        .table_planning tr td.nom div.planningLblTournee {
            word-wrap: break-word;
            overflow: hidden;
            -moz-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

    .table_planning tr td.nom {
        margin-left: -5px;
    }

    .table_planning .infobulle .encours, .table_planning .infobulle .livree, .table_planning .infobulle .retardee,
    .table_planning .infobulle .retard, .table_planning .infobulle .retard1, .table_planning .infobulle .retard2, .table_planning .infobulle .retard3,
    .table_planning .infobulle .attente {
        cursor: default;
    }

    .table_planning .infobulle table tr td p span {
        display: inline;
    }

    .table_planning td div.container {
        height: 71px;
        position: relative;
    }

        .table_planning td div.container div {
            position: relative;
            vertical-align: top;
            display: inline-block;
            height: 71px;
            word-wrap: break-word;
            white-space: -moz-no-wrap;
            white-space: nowrap;
            background-color: #ECECEC;
        }

            .table_planning td div.container div.gris {
                background-color: #e5e5e5;
            }

            .table_planning td div.container div.livree, .table_planning td div.container div.retardee, .table_planning td div.container div.encours,
            .table_planning td div.container div.retard, .table_planning td div.container div.retard1, .table_planning td div.container div.retard2, .table_planning td div.container div.retard3,
            .table_planning td div.container div.attente {
                padding: 2px !important;
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

            .table_planning td div.container div.livree {
                background: #615b59;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.retardee {
                background: #f28100;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.encours {
                background: #2ecc71;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.retard {
                background: #e74c3c;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.retard1 {
                background: #F5E40D;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.retard2 {
                background: #f39c12;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.retard3 {
                background: #e74c3c;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

            .table_planning td div.container div.attente {
                background: #d5d5d6;
                font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
            }

        .table_planning td div.container .livree span, .table_planning td div.container span.litige, .table_planning td div.container span.non,
        .table_planning td div.container span.depot, .table_planning td div.container span.retrait, .table_planning td div.container span.transport {
            margin: 22px 0 0 5px;
        }

        .table_planning td div.container div p {
            padding-left: 5px;
            padding-top: 5px;
            font-size: 12px;
        }

        .table_planning td div.container p.important {
            font-size: 16px;
        }

/*Panier du planning*/

div.containerPanier {
    position: relative;
}

    div.containerPanier div {
        position: absolute;
        height: 59px;
        overflow: hidden;
        font-size: 12px;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: -moz-no-wrap;
        white-space: nowrap;
        background-color: #ECECEC;
    }

        div.containerPanier div.attente {
            color: #ffffff;
            padding: 0;
            margin: 0 2px;
            font-style: italic;
            border-left: 1px solid #ffffff;
            cursor: pointer;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        div.containerPanier div.attente {
            background: #d5d5d6;
            font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        }

        div.containerPanier div p {
            display: inline;
            padding: 5px;
            margin: 0;
            font-size: 12px;
        }

            div.containerPanier div p.important {
                font-size: 16px;
            }

a.ArrowUp, a.ArrowDown {
    padding-left: 20px;
}

    a.ArrowUp span {
        position: absolute;
        width: 20px;
        height: 40px;
        background: url(../Images/Arrow-Up-20x20.png) center 20px no-repeat #FFF;
        margin: -20px 0 0 -22px;
    }

    a.ArrowDown span {
        position: absolute;
        width: 20px;
        height: 40px;
        background: url(../Images/Arrow-Down-20x20.png) center 20px no-repeat #FFF;
        margin: -20px 0 0 -22px;
    }

/*@API->  Ajout du css oublié par LRDC*/
/*.filtres ul li ul li.livree span, .table_ressources tr td.livree, .table_ressources tr td span.livree,*/
.table_planning tr td table tr td.livree, .table_planning tr td table tr.gris td.livree {
    background: #615B59;
}

/*----- Popup Detail Point de Passage -----*/

#contenu_pop_up .pointdepassage_detail {
    width: 100%;
}

    #contenu_pop_up .pointdepassage_detail input, #contenu_pop_up .pointdepassage_detail select {
        width: auto !important;
        border: 0 solid #c4c4c4 !important;
    }

#contenu_pop_up .table_commande {
    width: 95% !important;
}

    #contenu_pop_up .table_commande span {
        background-color: red;
        width: 100%;
        display: block;
        background-color: #f2f2f2;
        text-align: center;
        padding: 10px 0 10px 0;
        font-size: 14px;
        font-style: italic;
        font-weight: bold;
    }

    #contenu_pop_up .table_commande .no_padding {
        padding: 0;
        vertical-align: top;
    }

    #contenu_pop_up .table_commande .padding {
        padding: 10px;
    }

    #contenu_pop_up .table_commande .btn {
        padding: 5px 0 5px 0;
        text-align: center;
        display: block;
        margin: 0 5%;
        width: 90%;
    }

/*----- Popup Detail Tache -----*/

.pnlPopup #contenu_pop_up {
    width: 90% !important;
    margin: 0 5% !important;
}

#contenu_pop_up .tache_detail {
    width: 100%;
}

    #contenu_pop_up .tache_detail input, #contenu_pop_up .tache_detail select {
        width: auto;
        border: 0 solid #c4c4c4 !important;
    }


    #contenu_pop_up .tache_detail th {
        background-color: #363130;
        color: #ffffff;
        text-align: center;
    }

    #contenu_pop_up .tache_detail .nom {
        display: inline-block;
        background: #363130;
        color: #ffffff;
        font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
        font-size: 14px;
        padding: 5px 10px;
    }

#contenu_pop_up .center_detail {
    width: 95% !important;
    margin: auto;
}


#contenu_pop_up .table_tache_detail {
    width: 70% !important;
    text-align: center;
    background: #ececec;
    display: table;
    float: left;
}

/*#contenu_pop_up .table_tache_detail tr:hover {
        cursor: pointer;
        background: #cacaca;
    }*/

.table_tache_detail tr.selected td {
    background: #464241 !important;
    color: #ffffff !important;
}



#contenu_pop_up .right {
    width: 28% !important;
    float: right;
}

/* sort */
.table_tache_detail th a.sortImage {
    position: absolute;
    float: right;
    width: 12px;
    height: 7px;
    background-image: url(../charte/structure-generale/picto.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 3px 0 10px;
}

    .table_tache_detail th a.sortImage.top {
        background-position: -12px -966px;
    }

    .table_tache_detail th a.sortImage.bottom {
        margin: 12px 3px 0 10px;
        background-position: -12px -977px;
    }

    .table_tache_detail th a.sortImage:hover.top, .table_ressources tr th a.sortImage.select.top {
        background-position: -25px -966px;
    }

    .table_tache_detail th a.sortImage:hover.bottom, .table_ressources tr th a.sortImage.select.bottom {
        background-position: -25px -977px;
    }

/*----- Control de la carte avec les tracés -----*/
#map {
    width: 100%;
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px;
    height: 100%;
    min-height: 100px;
}



.TableOverflow .pdpinfobulle {
    margin: 0;
    padding-bottom: 10px;
}

.bloc_gris_clair .ucmap label {
    width: initial;
    margin: initial;
}

.bloc_gris_clair .ucmap form {
    width: initial;
}

.bloc_gris_clair input {
    position: initial;
    margin: initial;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial;
}

/*----- Anomalie popup-----*/

#contenu_pop_up .anomalie {
    width: 100% !important;
    text-align: center;
}

.table_anomalies .RadGrid_Default, .table_fleet_alert .RadGrid_Default {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    cursor: default;
    text-align: center !important;
}

.table_anomalies #contenu_pop_up p {
    padding: 0;
}

.table_anomalies #contenu_pop_up .gris_clair input {
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


.table_anomalies #contenu_pop_up .submit {
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    display: inline-block;
}

.table_anomalies #contenu_pop_up .gris_clair span {
    float: left;
    clear: both;
    width: 42%;
    font-size: 18px;
    font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    margin: 10px 5% 10px 0;
}

.table_anomalies #contenu_pop_up .submit {
    margin: 10px 10px 0 10px;
    display: initial;
}

.table_anomalies tr.gris td, .disabled .gris, .table_tache_detail tr.gris td, .table_fleet_alert tr.gris td, .table_fleet_alert tr.gris_not_read td {
    background-color: #e5e5e5;
}

.disabled td:hover {
    cursor: default !important;
}

.disabled td {
    cursor: default !important;
}

.roles .gris_clair table {
    width: 100%;
}

.roles .gris_clair input[type="checkbox"] {
    width: 50px !important;
    /*display: block !important;*/
    margin-top: 20px !important;
}

.roles .gris_clair label {
    /*display: block !important;*/
    clear: none !important;
    margin-left: 50px !important;
    text-align: left !important;
    font-family: 'nobileregular', 'Trebuchet MS', Arial, sans-serif !important;
}

#menu ul li.modeEncaissement a {
    background-image: url(../charte/menu/picto.png) !important;
    background-position: 0 -1100px !important;
}

#menu ul li.modeEncaissement a:hover, #menu ul li.modeEncaissement a.select {
    background-image: url(../charte/menu/picto_over.png) !important;
    background-position: 0 -1400px !important;
}

#menu ul li.typeEncaissement a {
    background-image: url(../charte/menu/picto.png) !important;
    background-position: 0 -1100px !important;
}

#menu ul li.typeEncaissement a:hover, #menu ul li.typeEncaissement a.select {
    background-image: url(../charte/menu/picto_over.png) !important;
    background-position: 0 -1400px !important;
}

#menu ul li.anomalies a {
    background-image: url(../charte/menu/picto_settings_pages.png) !important;
    background-position: 0 0 !important;
}

#menu ul li.anomalies a:hover, #menu ul li.anomalies a.select {
    background-image: url(../charte/menu/picto_settings_pages.png) !important;
    background-position: 0 -200px !important;
}

#menu ul li.sms_templates a {
    background-image: url(../charte/menu/picto_settings_pages.png) !important;
    background-position: 0 -50px !important;
}

    #menu ul li.sms_templates a:hover, #menu ul li.sms_templates a.select {
        background-image: url(../charte/menu/picto_settings_pages.png) !important;
        background-position: 0 -250px !important;
    }

#menu ul li.roles a {
    background-image: url(../charte/menu/picto_settings_pages.png) !important;
    background-position: 0 -100px !important;
}

    #menu ul li.roles a:hover, #menu ul li.roles a.select {
        background-image: url(../charte/menu/picto_settings_pages.png) !important;
        background-position: 0 -300px !important;
    }

#menu ul li.fleetalert a {
    background-image: url(../charte/menu/picto_settings_pages.png) !important;
    background-position: 0 -150px !important;
}

    #menu ul li.fleetalert a:hover, #menu ul li.fleetalert a.select {
        background-image: url(../charte/menu/picto_settings_pages.png) !important;
        background-position: 0 -350px !important;
    }

.table_rpt_alternatingItem {
    border: 0;
    width: 100%;
}

    .table_rpt_alternatingItem tr {
        background-color: #e5e5e5;
    }

        .table_rpt_alternatingItem tr.gris {
            background-color: #ececec;
        }

/* Css pour modifier l'apparence en pleine ecran*/
#container.hidden .FullScreenPage {
}

    #container.hidden .FullScreenPage.filtres {
        width: 82% !important;
        margin-left: 18% !important;
        padding: 10px 0 !important;
    }

.FullScreenPage.TableOverflow {
    height: auto;
}

.FullScreenPage.filtres ul li span.lbllegende {
    float: initial;
    width: auto;
    height: auto;
    margin: 0;
    background-repeat: initial;
    background-image: none;
    cursor: pointer;
    display: inline;
    background: none;
}

.FullScreenPage.filtres ul li span.lbllegende {
    text-decoration: underline;
}

.legendeInfobulle {
    width: 370px;
    margin: 35px 0 0 -100px;
    padding: 15px;
}

.FrmBTPopup #contenu_pop_up .OldBT span {
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    margin: inherit;
    display: inline;
    text-align: inherit;
}

.RadTreeList_Default .rtlTable tr {
    font-family: 'nobileregular', 'Trebuchet MS', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}



/* Modification Seb */

#container.hidden #contenu {

   padding: 2%;

   width: 90%;

}#contenu {

   padding: 1%;
    background: #ffffff;
    margin: 0;
width: 77%;

   }#entete {

   width: 31%;

   margin-top: 20px;

   margin-left: 23%;

}#titre {

   text-align: center;

   width: auto;

}#titre .picto {

   display: inline-block;

   position: relative;

   vertical-align: middle;

}.PnlIndicateurAvancement {

   margin-bottom: 10px;

   background-color: #363130

;

   padding: 10px;

   border-radius: 4px;

}.chauffeur {

   display: none;

}.filtres {

   padding: 5px 20px;

   box-sizing: border-box;

}.filtres .RadDropDownTree.RadDropDownTree_Default.ddlSitesFix span {

   background-color: #FFF;

   height: 22px;

   line-height: 22px;

   border-radius: 0px;

   border-color: #BBB;

   font-size: 14px;

   background-image: none;

}span#ContentPlaceHolder1_IndicateurAvancement_LblLegende {

   padding: 5px;

   box-sizing: border-box;

}.PnlIndicateurAvancement fieldset {

   border: 0;

}.PnlIndicateurAvancement table {

   background-color: #FFF;

   border-radius: 5px;

}.PnlIndicateurAvancement legend {

   font-family: 'nobilebold', 'Trebuchet MS', Arial, sans-serif;

   font-style: italic;

   margin: 10px 0 15px 0;

   font-size: 16px;

   line-height: 16px;

   color: #FFF;

}.PnlIndicateurAvancement .fa-truck {

   font-size: 2em;

}#container.hidden .FullScreenPage.filtres {

   margin-left: inherit;

   width: 100%;

}