/* Traitement du retour des interventions : zone en lecture seule */
.LectureSeule
{
    background-color: #dddddd;
    border: 0px !important;
    font-weight:normal !important;
}

.LectureSeule .DetailValeur
{
    border: 0px;
    font-weight:normal !important;
}

.LectureSeule .ui-state-disabled, .LectureSeule .ui-widget-content .ui-state-disabled, .LectureSeule .ui-widget-header .ui-state-disabled, .LectureSeule .ui-state-disabled-transparent
{
    background-color: #dddddd !important;
    border: 0px;
    font-weight:normal !important;
}

.LectureSeule .datepicker
{
    background-color: #dddddd !important;
    border: 0px;
    font-weight:normal !important;
}

.LectureSeule .ui-widget-content
{
    background-color: #dddddd;
}

.LectureSeule .ui-state-default .ui-icon
{
    display: none;
}

.LectureSeule .ui-state-default .ui-icon-check
{
    display: block;
}

/* Traitement du retour des interventions : zone de saisie en acces limité (certains champs accessibles d'autes non) */
.AccesLimite .ui-state-disabled, .LectureSeule .ui-widget-content .ui-state-disabled, .LectureSeule .ui-widget-header .ui-state-disabled, .LectureSeule .ui-state-disabled-transparent
{
    border: 0px;
    font-weight:normal !important;
}

.AccesLimite .datepicker
{
    border: 0px;
    font-weight:normal !important;
}

.AccesLimite .ui-state-default .ui-icon
{
    display: none;
}

.SaisieRetour .AccesLimite .ui-selectmenu-button span.ui-selectmenu-text
{
    background-color: #fafafa !important;
}

/* Traitement du retour des interventions : zone de saisie */
.SaisieRetour .DetailValeur
{
    background-color: #ffffc0 !important;
}

.SaisieRetour .DetailValeur .hover .ui-state-default .ui-corner-all
{
    background-color: #ffffc0 !important;
}

.SaisieRetour .ui-selectmenu-button span.ui-selectmenu-text
{
    background-color: #ffffc0 !important;
}

.SaisieRetour .datepicker
{
    background-color: #ffffc0 !important;
}

.SaisieRetour .DetailValeur.LectureSeule {
    background-color: #fafafa !important;
}

.SaisieRetour :disabled.DetailValeur {
    background-color: #fafafa !important;
}

.LienConfirmation
{
    text-decoration: underline;
}

.DetailLibelle
{
    text-align: left;
    vertical-align: top;
    padding: 1px;
    font-weight: bold;
}

.DetailLibelleVert
{
    text-align: left;
    /*vertical-align: top;*/
    padding: 1px;
    color: Green;
}

.DetailLibellePetit
{
    text-align: left;
    /*vertical-align: top;*/
    padding: 1px;
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
}

.ZoneSaisie
{
    background-color: White !important;
    font-weight: bold !important;
}

.DivCritereRechercheMasque
{
   display: none;
   max-height: 1px !important;
   max-width: 1px !important;
}

.DetailValeur
{
    color: #0070a3;
    text-align: left;
    padding-left: 1px;
}

table td.DetailValeur {
    vertical-align: top
}

span.DetailValeur
{
    display:inline-block;
}

.DetailValeurExpose
{
    color: #0070a3;
    text-align: left;
    /*vertical-align: top;*/
    padding: 1px;
    padding-left: 1px;
    background-color: Silver;
}

.DetailCommentaire
{
    padding-left: 4px !important;
}

a.DetailValeur
{
    color: #0070a3;
    text-align: left;
    /*vertical-align: top;*/
    padding: 1px;
    padding-left: 1px;
    text-decoration: underline;
}

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

div.DetailValeur
{
    min-height: 70px;
    max-height: 150px;
    width: 100%;
    overflow: auto;
}

textarea.DetailValeur
{
    /*width: 95%;*/
    width: 700px;
    color: #0070a3;
}

.ZoneCriteresRecherche
{
    line-height: 1;
}

.DivCritereRecherche
{
   padding: 1px 2px 1px !important;
   overflow: hidden;
   min-height: 31px;
}

.DivCritereRecherche .DetailLibelle
{
    display: inline-block;
    width: 150px;
    padding-top: 8px;
    word-wrap: break-word;
}

.DivCritereRecherche td.DetailLibelle
{
    width: 152px;
}

.DivCritereRecherche .DetailValeur
{
    width: 170px;
}

.DivCritereRecherche .DetailListe
{
    width: 182px;
}

.DivCritereRecherche td:first-child
{
    vertical-align: top;
}

.DivCritereRecherche td:last-child
{
    vertical-align: bottom;
}

.DivCritereRecherche .chosen-container-single .chosen-single
{
    margin-top: 1px;
    height: 24px;
}

.DivCritereRecherche .ui-selectmenu-button
{
    max-height: 22px;
}

.DivCritereRecherche .DetailValeur .ui-checkbox
{
    margin-top: 6px;
}

.DivDetailTitre
{
    padding: 5px 35px 2px 5px;
    font-size: 95%;
}

.DivDetail
{
    padding: 5px 5px 2px 5px;
    float: left;
    text-align: left;
    min-width: 330px;
}

.DivDetailRecherche
{
    float: left;
    text-align: left;
    width: 339px;
}

.RecherchePDSTECHN .DetailValeur
{
    font-style: italic;
}

.RecherchePDSTECHN .ui-checkbox.ui-state-disabled .ui-icon
{
    display: none;
}

.DivDetail360
{
    padding: 5px 5px 2px 5px;
    float: left;
    text-align: left;
    min-width: 300px;
}

.DivDetailTable
{
    padding-left: 3px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    text-align: left;
    min-width: 200px;
    overflow: hidden;
}

.DivDetailTable table
{
    display: inline;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

.DivDetailTable tr, .DivDetailTable td, .DivDetailTable tbody
{
    border-width: 0px;
    display: inline;
}

.DivDetailTableLabel
{
    padding: 5px 5px 2px 5px;
}

.DivDetailNewLine
{
    padding: 5px 35px 2px 5px;
    float: left;
    clear: both;
}

.SeparateElement{
    margin-top: 25px;
}

.SeparateElementResponsive1619 {
    margin-top: 25px;
}

.SeparateElementResponsive1273 {
    margin-top: 25px;
}

@media screen and (max-width: 1619px) {
    .SeparateElement {
        margin-top: 10px;
    }
    .SeparateElementResponsive1273 {
        margin-top: 10px;
    }
    .SeparateElementResponsive1619 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1273px) {
    .SeparateElement {
        margin-top: 10px;
    }

    .SeparateElementResponsive1273 {
        margin-top: 0px;
    }
}

.PanelDetail {
    clear: both;
}

.PanelDetailTab
{
    overflow: auto;
}

.ButtonsDetail
{
    padding: 0px 15px 10px 15px;
    float: right;
    min-width: 100px;
    text-align: right;
}

.AucuneDonnee
{
    padding: 0em 0em;
    font-style: italic;
    color: Gray;
}

.PanelTableauBord 
{
    padding: 0px !important;
}

.PanelGrid
{
    padding: 0px;
}

.PanelGridAucuneDonnee
{
    /*    margin: -1em -2.2em;*/
    padding: 1em 2.2em;
    font-style: italic;
    color: Gray;
}

.Bouton
{
    /*    background-color : Orange;     width : auto;     color : black;*/
    font-weight: normal;
    min-width: 100px;
}

.Navigation_Header
{
    cursor: pointer;
    vertical-align: middle;
}

.Navigation_Header img
{
    vertical-align: middle;
    margin-top: 0px;
}

.Menu_Header
{
    color: #0070a3 !important;
    font-weight: 900 !important;
    text-align: left !important; /*padding-left: 30px !important;*/
}

.Menu_Header div
{
    padding-left: 30px !important;
}

/*
   Style pour le composant d'historique des relèves d'index
*/

.hide 
{
    display: none !important;
}

.TailleNulle
{
    max-width: 0px;
    display: none;
}


.EntetHisoIndex
{
    font-weight: bold;
}

.LigneHistoReleve
{
    background-color: #ffffff;
}

.LigneHistoReleve:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}

.LigneHistoReleveLigneAnnulee:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}

.LigneHistoReleveLigneAnnulee 
{
    background-color: #a3b3d9;
    cursor: pointer;
}

.LigneHistoReleveIndexTechnique {
    font-style: italic;
}

/* Tarif BLEU */
.LigneHistoReleveLigneImpaire_A, .LigneHistoReleveLigneImpaire_B, .LigneHistoReleveLigneImpaire_C, .LigneHistoReleveLigneImpaire_E, .LigneHistoReleveLigneImpaire_F, .LigneHistoReleveLigneImpaire_K
{
    background-color: #D7E3FF;
    cursor: pointer;
}
.LigneHistoReleveLigneImpaire_A:hover, .LigneHistoReleveLigneImpaire_B:hover, .LigneHistoReleveLigneImpaire_C:hover, .LigneHistoReleveLigneImpaire_E:hover, .LigneHistoReleveLigneImpaire_F:hover, .LigneHistoReleveLigneImpaire_K:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}


/* Tarif GAZ */
.LigneHistoReleveLigneImpaire_G, .LigneHistoReleveLigneImpaire_H, .LigneHistoReleveLigneImpaire_I
{
    background-color: #EEDDF7;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire_G:hover, .LigneHistoReleveLigneImpaire_H:hover, .LigneHistoReleveLigneImpaire_I:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}


/* Tarif EAU */
.LigneHistoReleveLigneImpaire_O
{
    background-color: #CFFFFF;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire_O:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}


/* Tarif CABLE / INTERNET */
.LigneHistoReleveLigneImpaire_T
{
    background-color: #E9E9E9;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire_T:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}


/* Tarif CHALEUR */
.LigneHistoReleveLigneImpaire_N
{
    background-color: #FDE2D0;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire_N:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}


/* Tarifs FR */
.LigneHistoReleveLigneImpaire_J:hover, .LigneHistoReleveLigneImpaire_L:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}

.LigneHistoReleveLigneImpaire_M, .LigneHistoReleveLigneImpaire_R, .LigneHistoReleveLigneImpaire_S, .LigneHistoReleveLigneImpaire_T
{
    background-color: #D7FFE3;
    cursor: pointer;
}
.LigneHistoReleveLigneImpaire_M:hover, .LigneHistoReleveLigneImpaire_R:hover, .LigneHistoReleveLigneImpaire_S:hover, .LigneHistoReleveLigneImpaire_T:hover
{
    background-color: #FFFF6C;
    cursor: pointer;
}



/* Tarif base */
.histo_A_1
{
    background-color: #FFFFFF;
}

.histo_A_2
{
    background-color: #baeab8;
}

/* Tarif Hueres creuses */
.histo_B_1
{
    background-color: #dbeef3; /* heures pleines */
}

.histo_B_2
{
    background-color: #e5e0ec; /* heures cruses */
}

/* Tarif Tri mono */
.histo_C_1
{
    background-color: #def000;
}

/* Tarif EJP */
.histo_E_1
{
    background-color: #e7d9af; /* heures normales */
}

.histo_E_2
{
    background-color: #eaf1dd; /* heures de pointe */
}

/* Tarif Tempo */
.histo_F_1
{
    background-color: #dbeef3; /* bleu HP */
}

.histo_F_2
{
    background-color: #e5e0ec; /* bleu HC */
}

.histo_F_3
{
    background-color: #D7D7D7; /* blanc HP */
}

.histo_F_4
{
    background-color: #eeeeee; /* blanc HC */
}

.histo_F_5
{
    background-color: #f6b3b5; /* rouge HP */
}

.histo_F_6
{
    background-color: #f6d3d5; /* rouge HC */
}

/* Tarif Gaz */
.histo_G_1
{
    background-color: #B993FF; 
}

/* Tarif Souscr. 2 saisons */
.histo_H_1
{
    background-color: #a5d7a9; 
}

/* Tarif Gaz 1 souscription */
.histo_I_1
{
    background-color: #b5f6ba; 
}

/* Tarif Jaune Eligible */
.histo_J_1
{
    background-color: #ffff99; /* jaune eligible HPH */
}

.histo_J_2
{
    background-color: #a6b5ff; /* jaune eligible HCH */
}

.histo_J_3
{
    background-color: #c8aebd; /* jaune eligible HPE */
}

.histo_J_4
{
    background-color: #ccd5ff; /* jaune eligible HCE */
}

.histo_J_5
{
    background-color: #dbeef3; /* jaune eligible HP */
}

.histo_J_6
{
    background-color: #e5e0ec; /* jaune eligible HC */
}

/* Tarif Bleu Eligible */
.histo_K_1
{
    background-color: #ffff99; /* bleu eligible HPH */
}

.histo_K_2
{
    background-color: #a6b5ff; /* bleu eligible HCH */
}

.histo_K_3
{
    background-color: #c8aebd; /* bleu eligible HPE */
}

.histo_K_4
{
    background-color: #ccd5ff; /* bleu eligible HCE */
}

.histo_K_5
{
    background-color: #dbeef3; /* bleu eligible HP */
}

.histo_K_6
{
    background-color: #e5e0ec; /* bleu eligible HC */
}

/* Tarif haute tension éligible */
.histo_L_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_L_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_L_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif vert éligible */
.histo_M_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_M_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_M_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif eau */
.histo_O_1
{
    background-color: #8acdde; 
}

/* Tarif vert A modulable */
.histo_R_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_R_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_R_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif vert B modulable */
.histo_S_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_S_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_S_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif Télédistribution */
.histo_T_1
{
    background-color: #def000;
}

/* Tarif gaz commercial */
.histo_Z_1
{
    background-color: #def000;
}

/* Tarif Jaune base */
.histo_1_1
{
    background-color: #ffff99; /* jaune base HPH */
}

.histo_1_2
{
    background-color: #a6b5ff; /* jaune base HCH */
}

.histo_1_3
{
    background-color: #c8aebd; /* jaune base HPE */
}

.histo_1_4
{
    background-color: #ccd5ff; /* jaune base HCE */
}

.histo_1_5
{
    background-color: #dbeef3; /* jaune base HP */
}

.histo_1_6
{
    background-color: #e5e0ec; /* jaune base HC */
}

/* Tarif Jaune EJP */
.histo_2_1
{
    background-color: #ec7ebf; /* jaune EJP PM */
}

.histo_2_2
{
    background-color: #f8a7d7; /* jaune EJP HH */
}

.histo_2_3
{
    background-color: #c8aebd; /* jaune EJP HPE */
}

.histo_2_4
{
    background-color: #ccd5ff; /* jaune EJP HCE */
}

.histo_2_5
{
    background-color: #dbeef3; /* jaune EJP HP */
}

.histo_2_6
{
    background-color: #e5e0ec; /* jaune EJP HC */
}

/* Tarif vert A5 base */
.histo_3_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_3_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_3_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif vert A5 EJP */
.histo_4_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_4_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_4_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif vert A8 base */
.histo_6_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_6_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_6_3
{
    background-color: #dbeef3; /* HP */
}

/* Tarif vert A8 EJP */
.histo_7_1
{
    background-color: #e5e0ec; /* HC */
}

.histo_7_2
{
    background-color: #eaf1dd; /* Pointe */
}

.histo_7_3
{
    background-color: #dbeef3; /* HP */
}