/*******************************************************************
                         Les tableaux 
 *******************************************************************/
/* note : en 1024 de large, le tableau occupe 940px                */

/*EricM-mantis#30543 Style des cases à cocher non modifiables*/
input[type=checkbox]:disabled {
    outline: 1px solid #aaa;
    opacity: 0.5;
    color: #aaa;
}

/*EricM271112-4	Ajout*/
div.avantCadreListe {
}

div.cadreListe {
    width: 100%;
    overflow-x: auto;
    /*EricM271112-4	Suppression*/
    /*
    padding-bottom: 5px;
	*/
    margin-bottom: 10px;
}

div.cadreListeConfigNotifMessEnvoi {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 10px;
    margin-top: 1em;
}

/*EricM271112-4	Ajout*/
div.apresCadreListe {
}

/* EricM-mantis#30543 ajout*/
div.BoutonsDansCadreListe {
    margin-top: 10px;
}

table.tableDonnees {
    width: 100%;
    border: solid 1px #e1e1e1;
}

table.l60 {
    width: 60% !important;
}

table.tableDonnees tbody tr {
    height: 44px;
    border-bottom: solid 1px #e1e1e1;
    font-size: 0.8em;
    background-color: #EBF2F2;
}

tr.ombreTr {
    -moz-box-shadow: 0px 1px 5px rgba(145,145,145,0.7);
    -webkit-box-shadow: 0px 1px 5px rgba(145,145,145,0.7);
    box-shadow: 0px 1px 5px rgba(145,145,145,0.7);
    z-index: 998;
}

table.tableDonnees tbody td a img, table.tableDonnees tfoot td img {
    vertical-align: middle;
}

.tooltipForTable img {
    vertical-align: middle;
}

.tooltipForTable {
    padding-left: 3px;
    padding-right: 3px;
}
/*EricM271112-4	Mise en valeur de toute la ligne*/
table.tableDonnees tbody tr:hover {
    background-color: #D6E4E5;
}

table.tableDonnees tbody tr td {
    color: #000;
    /*text-align:center;*/
    background-color: transparent;
}

.lignebleue {
    background-color: #D6E4E5;
}

table.tableDonnees tbody tr td.liste_picto {
    color: #000;
    margin: 1px;
    text-align: left;
}

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

table.tableDonnees tbody tr.rouge:hover {
    background-color: #D84D16;
}

table.tableDonnees th {
    background-repeat: no-repeat;
    background-position: center right;
    height: 30px;
    background-color: #40787C;
    padding: 2px 0 2px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 0.8em;
    color: #fff;
    margin-top: 20px;
}

table.tableDonnees .header {
    background-image: url("images/bg.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #40787C;
    color: White;
    height: 20px;
    padding-right: 10px;
}

.tablesorter-hidden {
    display: none;
}

table.tableDonnees .headerSansTri {
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #40787C;
    color: White;
    height: 25px;
}

table.tableDonnees .SansTri {
    background-repeat: no-repeat;
    background-position: center right;
    color: #40787C;
    height: auto;
    padding: 2px 0 2px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: solid 1px #EBF2F2;
    background-color: #fff;
}


table.tableDonnees .headerSortUp {
    background-image: url("images/asc.gif");
    background-repeat: no-repeat;
}

table.tableDonnees .headerSortDown {
    background-image: url("images/desc.gif");
    background-repeat: no-repeat;
}

table.tableDonnees .numGrp {
    display: none;
}

table td.left {
    text-align: center;
}

table td.center {
    text-align: center;
}

table td.right {
    text-align: right;
}


table.tableDonnees div.pager {
    /*EricM271112-4	Ajouts*/
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 380px;
}

table#tableDonneesDemandes.tableDonnees div.pager {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 200px;
}

table.tableDonnees tfoot {
}

    table.tableDonnees tfoot tr td {
        /*EricM271112-4 Changement de couleur de la ligne de pied de tableau*/
        /* background-color: #D6E4E5; */
        background-color: /* #40787C; */ #6EAEB7;
        color: White;
        height: 24px;
    }

table.tableDonnees .pagedisplay {
    /*EricM271112-4	 ajouts*/
    color: white;
    height: 24px;
    margin: 0;
    font-size: 0.9em;
    width: 60px;
    border: 0px;
    background-color: transparent;
    text-align: center;
    vertical-align: top;
}

table.tableDonnees th.PJValeur {
    width: 70%;
    text-align: center;
}

table.tableDonnees td.PJValeur {
    width: 75%;
}

table.tableDonnees th.PJValeur, table.tableDonnees th.PJAutorise, table.tableDonnees th.PJRequis, table.tableDonnees td.PJAutorise, table.tableDonnees td.PJRequis {
    text-align: center;
}

table.tableDonnees tbody tr.selected {
    background-color: #ccc;
}

    table.tableDonnees tbody tr.selected .boutonsTableau {
        background-color: #ccc;
    }

    table.tableDonnees tbody tr.selected:hover .boutonsTableau {
        background-color: #D6E4E5;
    }


    /*EricM271112-4	Mise en valeur de toute la ligne*/
    table.tableDonnees tbody tr.selected:hover {
        background-color: #D6E4E5;
    }

select.pagesize {
    margin: 0; /*EricM271112-4	ajout*/
    width: 50px;
    height: 24px; /*EricM271112-4	ajout*/
}

table.tableDonnees tr {
    position: relative;
}

    table.tableDonnees tr div.boutonsTableau {
        position: absolute;
        margin-top: -21px;
        margin-left: -1px;
        padding: 8px;
        padding-right: 2px;
        height: 25px;
        background-color: #EBF2F2; /*EricM271112-4 Changement couleur #fff -> #D6E4E5 -> #EBF2F2 -> transparent*/
        display: flex; /* DavidA120916 ajout  need update5 VS2013*/
    }

    table.tableDonnees tr td.colonneLogiciel {
        padding-left: 45px;
    }

    table.tableDonnees tr div.boutonsTableauPager {
        padding: 3px;
    }

    table.tableDonnees tr:hover div.boutonsTableau {
        background-color: #D6E4E5;
    }

table.tableDonnees div.boutonsTableau a {
    float: left;
}

table.tableDonnees span.noButton {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    padding: 0 3px;
    vertical-align: middle;
    background-image: url("images/liste_image_vide.png");
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

table.tableDonnees span.noButtonInHeader {
    display: -webkit-inline-box;
    clear: left;
    width: 24px;
    height: 24px;
    padding: 0 1px;
    vertical-align: middle;
    background-image: url("images/liste_image_vide.png");
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

.arrow-plie {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #40787C;
    margin-top: 7px;
    margin-right: 5px;
    margin-left: 8px;
    display: inline-block;
}

.arrow-ouvert {
    width: 0;
    height: 5px;
    border-left: 6px solid transparent;
    border-top: 9px solid #6EAEB7;
    border-right: 6px solid transparent;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 8px;
    display: inline-block;
}

.mygroups {
    background-color: #EFEFEF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF));
    background-image: -webkit-linear-gradient(top, #fff, #EFEFEF);
    background-image: -moz-linear-gradient(top, #fff, #EFEFEF);
    background-image: -ms-linear-gradient(top, #fff, #EFEFEF);
    background-image: -o-linear-gradient(top, #fff, #EFEFEF);
    background-image: linear-gradient(top, #fff, #EFEFEF);
}
/*.mygroups:hover
{
    background-color: #D6E6EA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D6E6EA));
    background-image: -webkit-linear-gradient(top, #fff, #D6E6EA);
    background-image: -moz-linear-gradient(top, #fff, #D6E6EA);
    background-image: -ms-linear-gradient(top, #fff, #D6E6EA);
    background-image: -o-linear-gradient(top, #fff, #D6E6EA);
    background-image: linear-gradient(top, #fff, #D6E6EA);
}*/

.mygroups2 span.contenuPlie, .mygroups2 span.contenuOuvert {
    padding-left: 30px;
}

.sousrubrique {
    padding-left: 50px;
}

/* Le calendrier des jours fériés */
table.calendrier {
    width: 870px;
    margin-left: 50px;
}

    table.calendrier tbody tr {
        height: 25px;
    }

table.sticky tr {
    background-color: #f9fbfb !important;
}

    table.sticky tr th {
        background-color: #f9fbfb !important;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border-bottom: 1px solid #d1d1d1 !important;
    }

table.tableDonnees .nomJour, table.calendrier .nomJour {
    width: 120px;
}

table.tableDonnees .jour, table.calendrier .jourVide {
    width: 90px;
}

/*******************************************************************
                  Les paramètres - dépendances
 *******************************************************************/

table.itemConcerne {
    width: 100%;
}

    table.itemConcerne .colonneConcerne {
        width: 110px;
        text-align: center;
    }

    table.itemConcerne .colonneItem0, table.itemConcerne .colonneItem1, table.itemConcerne .colonneItem2 {
        /* colonne libre */
        text-align: center;
    }

table.itemInstructeur {
    width: 100%;
}

    table.itemInstructeur .colonneConcerne, table.itemInstructeur .colonneInstructeur {
        width: 110px;
        text-align: center;
    }

    table.itemInstructeur .colonneItem {
        /* colonne libre */
        text-align: center;
    }

/*******************************************************************
                         Les paramètres
 *******************************************************************/

/* AgentService : Historique des Postes des Agents */
table.ags {
    width: 940px;
}

    table.ags .colonneActions {
        width: 80px;
    }

    table.ags .colonneService {
        width: 300px;
        text-align: center;
    }

    table.ags .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.ags .colonneDebut {
        width: 150px;
        text-align: center;
    }

    table.ags .colonneFin {
        width: 150px;
        text-align: center;
    }

/* ComptePaiement */
table.cpa {
    /*width:940px;*/
}

    table.cpa .colonneActions {
        width: 80px;
    }

    table.cpa .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.cpa .colonneType {
        width: 150px;
        text-align: center;
    }

    table.cpa .colonnePublication {
        width: 150px;
        text-align: center;
    }

    table.cpa .colonneCode {
        width: 150px;
        text-align: center;
    }

/* Picto et image peros*/
div .cadreListePrincipale {
    margin-top: 1em;
}

table.picto {
    width: 100%;
}

    table.picto .colonneActions {
        text-align: center;
        width: 5%;
    }

    table.picto .colonneRangPec {
        width: 10%;
        text-align: center;
    }


    /* EricM190918-1 Ajout */
    table.picto .colonneNom {
        width: 20%;
        text-align: center;
    }

    table.picto .colonneVignette {
        width: 1%; /* EricM130918-2 Modif. 60px était 150px */
        text-align: center !important;
    }

    table.picto .colonneLibelle /* EricM130918-2 Correction ".colonneLibelle" était ".colonneNom" */ {
        text-align: center !important;
        width: 20%; /* EricM130918-2 Modif. 300px était 800px */
    }

    /* EricM130918-2 Ajout */
    table.picto .colonneVisible {
        width: 6%;
        text-align: center;
    }

    table.picto .colonneModifie /* EricM130918-2 Correction ".colonneModifie" était ".colonneModif" */ {
        text-align: center !important;
        width: 5%; /* EricM130918-2 Modif. 60px était 100px */
    }

    table.picto .colonneEtat {
        text-align: center !important;
        width: 100px;
    }

#tableDonneesMetiers .colonneVignette, #tableDonneesDemandes .colonneVignette /*MatthieuB 230620 Mantis #26431*/ {
    width: 15%;
}

#tableDonneesMetiers .colonneCode, #tableDonneesDemandes .colonneCode /*MatthieuB 230620 Mantis #26431*/ {
    text-align: center;
}

#tableDonneesDemandes .colonneInvi, #tablePiecesJointes .colonneInvi /*MatthieuB 160720-1 Mantis #26431 class pour masquer la colonne filtre*/ {
    display: none;
    width: auto;
}

#tableDonneesAvatars .colonneVignette {
    width: 20%;
}

#tabsPictoImg {
    font-size: 100%;
}

#tabsPictoImgBrouillon {
    font-size: 100%;
}

.pagerPicto {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 40%;
}

/* Qualification des types de demandes */
/* JulienP020922 - Jira GRC2-5577 : Revoir la taille de la colonne Nom sur les qualifications des types de demandes */
table.qdt {
    width: 2250px;
}

    table.qdt .colonneActions {
        width: 120px;
    }

    table.qdt .colonneMetier {
        width: 180px;
    }

    table.qdt .colonneNom {
        min-width: 250px;
    }

    table.qdt .colonneEtat {
        width: 125px;
    }

    table.qdt .colonneAcces {
        width: 250px;
    }

    table.qdt .colonneAccesCentre {
        width: 350px;
        text-align: center;
    }

    table.qdt .colonneQuota {
        width: 50px;
    }

    table.qdt .colonneRdv {
        width: 150px;
    }

    table.qdt .colonneReadOnly {
        width: 70px;
        text-align: center;
    }

    /*EricM200718-1 ajout*/
    table.qdt .colonneCorrespondanceMCity {
        width: 70px;
        text-align: center;
    }

    table.qdt .colonneFormulaire {
        width: 250px;
    }

    /* <<< fin JulienP020922 Jira GRC-2-5577 */

    table.qdt .colonneModeEnreg {
        width: 195px;
        text-align: center;
    }

    table.qdt .colonneInterne {
        width: 135px;
        text-align: center;
    }

    table.qdt .colonneCode {
        width: 190px;
    }

/* Workflow */
table.wfa {
    width: 1050px;
}

    table.wfa .colonneActions {
        width: 180px;
    }

    table.wfa .colonneNom {
        /* colonne libre */
    }

    table.wfa .colonneVersion {
        width: 80px;
    }

    table.wfa .colonneEtat {
        width: 120px;
    }

    table.wfa .colonneNomTh {
        text-align: left;
        padding-left: 180px;
    }

    table.wfa .colonneVersionTh {
        width: 50px;
    }

    table.wfa .colonneEtatTh {
        width: 200px;
    }

/* Paramètres des réseaux sociaux */
table.mcpReseauxSociaux {
}

    table.mcpReseauxSociaux .colonneActions {
    }

    table.mcpReseauxSociaux .colonneNom {
        max-width: 200px;
    }

    table.mcpReseauxSociaux .colonneTypeReseauSocial {
        text-align: center;
        max-width: 40px;
    }

    table.mcpReseauxSociaux .colonneEtatPublication {
        text-align: center;
        max-width: 65px;
    }

    table.mcpReseauxSociaux .colonneUrlPageWeb {
        max-width: 200px;
    }

    table.mcpReseauxSociaux .colonneIdentifiantPage {
        max-width: 200px;
    }

/* pid */

table.pid {
    width: 1400px;
}

    table.pid .colonneActions {
        width: 70px;
    }

    table.pid .colonneReadOnly {
        width: 50px;
        text-align: center;
    }

    table.pid .colonneNom {
        width: 100px;
    }

    table.pid .colonneValeurDefaut {
        width: 250px;
    }

    table.pid .colonneValeurTestPersonnalisee {
        width: 250px;
    }

    table.pid .colonneValeurPersonnalisee {
        width: 250px;
    }



/* Qualification des métiers */
table.qdm {
    width: 940px;
}

    table.qdm .colonneActions {
        width: 150px;
    }

    table.qdm .colonneRang {
        width: 70px;
        text-align: center;
    }

    table.qdm .colonneIcone {
        width: 70px;
        text-align: center;
    }

    table.qdm .colonneNom {
        /* colonne libre */
    }

    table.qdm .colonneVisibleEC {
        width: 60px;
        text-align: center;
    }

    table.qdm .colonneVisibleVA {
        width: 60px;
        text-align: center;
    }

    table.qdm .colonneReadOnly {
        width: 70px;
        text-align: center;
    }

    table.qdm .colonneCode {
        width: 150px;
    }

    table.qdm .colonneServInstructeur {
        width: 150px;
    }


/* Agents */
table.agents {
    width: 1460px;
}

    table.agents .colonneActions {
        width: 130px;
    }

    table.agents .colonneCivilite {
        width: 100px;
    }

    table.agents .colonneNom {
        /* colonne libre */
    }

    table.agents .colonnePrenoms {
        width: 250px;
    }

    table.agents .colonneActivite {
        text-align: center;
        width: 80px;
    }

    table.agents .colonneUtilisateur {
        width: 200px;
    }

    table.agents .colonnePostes {
        width: 400px;
    }

/* Citoyens super usager */
table.citoyensSu {
    width: 940px;
}

    table.citoyensSu .colonneActions {
        width: 50px;
    }

    table.citoyensSu .colonneUtilisateur {
        /* colonne libre */
    }

    table.citoyensSu .colonneNom {
        width: 300px;
    }

    table.citoyensSu .colonnePrenom {
        width: 300px;
    }

/* Modèles de créneaux de rendez-vous */
table.rdvSchema {
    width: 1550px;
}

    table.rdvSchema .colonneActions {
        width: 107px;
    }

    table.rdvSchema .colonneNom {
        /* colonne libre */
    }

    table.rdvSchema .colonneDemandes {
        width: 500px;
    }

    table.rdvSchema .colonneSite {
        width: 200px;
    }

    table.rdvSchema .colonneNbRdv {
        width: 100px;
        text-align: center;
    }

    table.rdvSchema .colonneAgents {
        width: 300px;
    }

    table.rdvSchema .colonneCode {
        width: 150px;
    }

/* Qualification des étapes */
table.qet {
    width: 1500px;
}

    table.qet .colonneActions {
        width: 80px;
    }

    table.qet .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.qet .colonneIntituleTypes {
        width: 400px;
    }

    table.qet .colonneVisible {
        width: 60px;
        text-align: center;
    }

    table.qet .colonneAvant {
        width: 150px;
    }

    table.qet .colonneApres {
        width: 150px;
    }

    table.qet .colonneCode {
        width: 150px;
    }

table.qetType {
    width: 100%;
}

    table.qetType .colonneConcerne {
        text-align: center;
        width: 150px;
    }

    table.qetType .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.qetType .colonneType {
        text-align: center;
        /* colonne libre */
    }

/* Qualification des pièces jointes */
table.qpj {
    width: 940px;
}

    table.qpj .colonneActions {
        width: 80px;
    }

    table.qpj .colonneNom {
    }

    table.qpj .colonneReadOnly {
        width: 70px;
        text-align: center;
    }

    table.qpj .colonneCode {
        width: 200px;
    }

/* sites */
table.sites {
    width: 940px;
}

    table.sites .colonneActions {
        width: 80px;
    }

    table.sites .colonneNom {
        /* colonne libre */
    }

    table.sites .colonneType {
        width: 250px;
        text-align: center;
    }

    table.sites .colonneCode {
        width: 250px;
    }


/* Formulaire */
table.formulaire {
    width: 1990px;
}

    table.formulaire .colonneActions {
        width: 195px;
    }

    table.formulaire .colonneNom {
        /* colonne libre */
    }

    table.formulaire .colonneEtat {
        width: 100px;
        text-align: center;
    }

    table.formulaire .colonneDemandes {
        width: 320px;
    }

    table.formulaire .colonneCode {
        width: 250px;
    }

    table.formulaire .colonneCreat {
        width: 400px;
    }

    table.formulaire .colonneModif {
        width: 400px;
    }

table.fbl {
    width: 100%;
}

    table.fbl td.blocListeLignes {
        background-color: #fff !important;
    }

        table.fbl td.blocListeLignes table {
            margin: 0px 0px 20px 100px;
            padding: 10px;
        }

    table.fbl > tbody > tr > td {
        background-color: transparent !important;
    }

    table.fbl > tbody > tr {
        margin-bottom: 10px;
    }

    table.fbl .colonneActions {
        width: 200px;
    }

    table.fbl .colonneLibelle {
        /* colonne libre */
    }

    table.fbl .colonneReserveAgent {
        width: 110px;
    }

    table.fbl .colonneReadOnly {
        width: 60px;
        text-align: center;
    }

    table.fbl .colonneEtat {
        width: 150px;
        text-align: center;
    }

table.flg {
    width: 89%;
}

    table.flg tr {
        font-size: 1em !important;
    }

    table.flg .colonneActions {
        width: 200px;
    }

    table.flg .colonneLibelle {
        /*width: 250px;*/
    }

    table.flg .colonneType {
        width: 160px;
    }

    table.flg .colonneObligatoire {
        width: 50px;
        text-align: center;
    }

    table.flg .colonneReadOnly {
        width: 50px;
        text-align: center;
    }

    table.flg .colonneSysExt {
        width: 70px;
        text-align: center;
    }

    table.flg .colonneEtat {
        width: 100px;
        text-align: center;
    }

.divTableLignesBlocPH .PHJour {
    width: 50%;
}

.divTableLignesBlocPH .PHDe {
    width: 20%;
}

    .divTableLignesBlocPH .PHDe.timepick, .divTableLignesBlocPH .PHA.timepick {
        width: 97%;
    }

.divTableLignesBlocPH .PHA {
    width: 20%;
}

table.tableDonnees_rubriques {
    border: solid 1px #e1e1e1;
    width: 100% !important;
    -moz-box-shadow: inset 0 0 8px rgba(145,145,145,0.8);
    -webkit-box-shadow: inset 0 0 8px rgba(145,145,145,0.8);
    box-shadow: inset 0 0 8px rgba(145,145,145,0.8);
    margin: 0px;
}

    table.tableDonnees_rubriques tbody tr {
        height: 34px;
        border: solid 1px #e1e1e1;
        font-size: 1em;
        width: 100%;
    }


        table.tableDonnees_rubriques tbody tr:hover {
        }

    table.tableDonnees_rubriques th {
        background-repeat: no-repeat;
        background-position: center right;
        background-color: #EDFCC1;
        height: 20px;
        padding: 2px 0 2px 0;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 1em;
        border-bottom: solid 1px #EBF2F2;
        color: #000;
    }


table.ligneBloc tr {
    font-size: 1em !important;
}

.divTableLignesBloc {
    max-height: 223px;
    overflow-y: auto;
}

/* Contenus HTML */
table.contenuHtml {
    width: 940px;
}

    table.contenuHtml .colonneActions {
        width: 50px;
    }

    table.contenuHtml .colonneNom {
        /* colonne libre */
    }

/* pied de page */
table.piedpage {
    width: 940px;
}

    table.piedpage .colonneActions {
        width: 150px;
    }

    table.piedpage .colonneOrdre {
        width: 100px;
        text-align: center;
    }

    table.piedpage .colonneLibelle {
        /* colonne libre */
    }


/* classe de documents */
table.classeDoc {
    width: 940px;
}

    table.classeDoc .colonneActions {
        width: 80px;
    }

    table.classeDoc .colonneNom {
        /* colonne libre */
    }

/* documents */
table.document {
    width: 940px;
}

    table.document .colonneActions {
        width: 140px;
    }

    table.document .colonneNom {
        /* colonne libre */
    }

    table.document .colonneType {
        width: 300px;
    }

    table.document .colonneFusion {
        width: 150px;
    }

    table.document .colonneOrigine {
        width: 100px;
    }

    table.document .colonneReadOnly {
        width: 70px;
        text-align: center;
    }

    table.document .obsolete td {
        color: #ccc;
        font-style: italic;
    }

/* btq */
table.btq {
    width: 940px;
}

    table.btq .colonneActions {
        width: 150px;
    }

    table.btq .colonneOrdre {
        width: 80px;
        text-align: center;
    }

    table.btq .colonneNom {
        /* colonne libre */
    }

    table.btq .colonneCode {
        width: 150px;
    }

/* carte */
table.carte {
    width: 940px;
}

    table.carte .colonneActions {
        width: 100px;
    }

    table.carte .colonneNom {
        /* colonne libre */
    }

    table.carte .colonneType {
        width: 130px;
    }

    table.carte .colonneDebut {
        width: 150px;
        text-align: center;
    }

    table.carte .colonneFin {
        width: 150px;
        text-align: center;
    }

    table.carte .colonneCode {
        width: 130px;
    }

/* code postaux */
table.cp {
    width: 940px;
}

    table.cp .colonneActions {
        width: 80px;
    }

    table.cp .colonneNom {
        /* colonne libre */
    }

/* Configuration des envois d'avis */
table.ea .colonneAEnvoyer {
    width: 110px;
}

table.ea .colonneMedia {
    width: 110px;
}

table.ea .colonneEvenement {
    width: 410px;
}

table.ea .colonneAvis select {
    width: 100%;
}


/* Configuration des envois de notification */
table.cnme {
    /*      width: 940px; */
    width: 100%;
}

    table.cnme .colonneActions {
        width: 80px;
    }

    table.cnme .colonneEtape {
        width: 420px;
    }

    table.cnme .colonneDestinataire {
    }

/* Communes */
table.commune {
    width: 940px;
}

    table.commune .colonneActions {
        width: 80px;
    }

    table.commune .colonneCode {
        width: 100px;
        text-align: center;
    }

    table.commune .colonneNom {
        /* colonne libre */
    }

    table.commune .colonneDep {
        width: 80px;
        text-align: center;
    }

    table.commune .colonneCp {
        text-align: center;
        width: 80px;
    }


/* Départements */
table.departement {
    width: 940px;
}

    table.departement .colonneActions {
        width: 80px;
    }

    table.departement .colonneCode {
        width: 150px;
        text-align: center;
    }

    table.departement .colonneNom {
        /* colonne libre */
    }

/* domaine */
table.dom {
    width: 940px;
}

    table.dom .colonneActions {
        width: 80px;
    }

    table.dom .colonneNom {
        text-align: center;
        /* colonne libre */
    }

/* droit */
table.drt {
    width: 940px;
}

    table.drt .colonneActions {
        width: 50px;
    }

    table.drt .colonneFamille {
        width: 300px;
        text-align: center;
    }

    table.drt .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.drt .colonneDroits, table.drt .colonneType {
        width: 300px;
        text-align: center;
    }

/* droit demande */
table.drd {
    /* width: 940px; */
}

    table.drd .colonneActions {
        width: 50px;
    }

    table.drd .colonneMetier {
        width: 550px;
        text-align: center;
    }
    /* EricM-mantis#30543   Ajout */
    table.drd .colonneMetierOuTypeDemande {
        width: 550px;
        text-align: center;
    }

    table.drd .colonneDemande {
        width: 550px;
        text-align: center;
    }

    table.drd .colonneNom {
        text-align: center;
        width: 550px;
    }

    table.drd .colonneDroits {
        text-align: center;
    }

    table.drd .colonneType {
        width: 300px;
        text-align: center;
    }

/* Droits */
table.tableDonneesDomaine {
}

    table.tableDonneesDomaine .colonneActions {
        width: 40px;
    }

    table.tableDonneesDomaine .colonneDroits {
        width: 300px;
    }

table.tableDonneesUtilisateur {
}

    table.tableDonneesUtilisateur .colonneActions {
        width: 40px;
    }

    table.tableDonneesUtilisateur .colonneDroits {
        width: 300px;
    }

/* journal */
table.jna {
    width: 2300px;
}

    table.jna td {
        padding: 3px;
    }

    table.jna .colonneActions {
        width: 25px;
    }

    table.jna .colonneEtat {
        width: 65px;
        text-align: center;
    }

    table.jna .colonneActionJna {
        width: 100px;
        text-align: left;
    }

    table.jna .colonneThemeJna {
        width: 100px;
        text-align: left;
    }

    table.jna .colonneTexte {
        text-align: left;
        /* colonne libre */
    }

    table.jna .colonneDate {
        width: 75px;
        text-align: left;
    }

    table.jna .colonneHeure {
        width: 75px;
        text-align: left;
    }

    table.jna .colonneUtilisateur {
        width: 230px;
        text-align: left;
    }

    table.jna .colonneMachine {
        width: 250px;
        text-align: center;
    }

    table.jna .colonneLogin {
        width: 250px;
        text-align: center;
    }

    table.jna .colonneDateSys {
        width: 80px;
        text-align: center;
    }

    table.jna .colonneHeureSys {
        width: 80px;
        text-align: center;
    }

    table.jna .colonneChamp {
        width: 200px;
        text-align: left;
    }

/* état publications et demandes */
table.etat-pub-dem {
    /*width: 1200px;*/
}

    table.etat-pub-dem td {
        padding: 3px;
    }

    table.etat-pub-dem .colonneActions {
        width: 40px;
    }

    table.etat-pub-dem .colonneTypeSysteme {
        width: 200px;
        text-align: left;
    }

    table.etat-pub-dem .colonneTypeEtat {
        width: 230px;
        text-align: center;
    }

    table.etat-pub-dem .colonneTypePublication {
        width: 220px;
        text-align: left;
    }

    table.etat-pub-dem .colonneNom {
        text-align: left;
        /* colonne libre */
    }

    table.etat-pub-dem .colonneDate {
        width: 75px;
        text-align: left;
    }

    table.etat-pub-dem .colonneHeure {
        width: 75px;
        text-align: left;
    }

    table.etat-pub-dem .colonneUtilisateur {
        width: 230px;
        text-align: left;
    }

    table.etat-pub-dem .colonneMachine {
        width: 250px;
        text-align: center;
    }

    table.etat-pub-dem .colonneLogin {
        width: 250px;
        text-align: center;
    }

    table.etat-pub-dem .colonneDateSys {
        width: 80px;
        text-align: center;
    }

    table.etat-pub-dem .colonneHeureSys {
        width: 80px;
        text-align: center;
    }

    table.etat-pub-dem .colonneChamp {
        width: 200px;
        text-align: left;
    }

/* pays */
table.pays {
    width: 940px;
}

    table.pays .colonneActions {
        width: 80px;
    }

    table.pays .colonneCode {
        width: 110px;
        text-align: center;
    }

    table.pays .colonneNom {
        /* colonne libre */
    }

    table.pays .colonneNat {
        width: 190px;
    }

    table.pays .colonneNatInsee {
        width: 190px;
    }

    table.pays .colonneCEE {
        width: 100px;
        text-align: center;
    }

    table.pays .colonneObsolete {
        width: 100px;
        text-align: center;
    }

/* Services */
table.service {
    width: 940px;
}

    table.service .colonneActions {
        width: 80px;
    }

    table.service .colonneCode {
        width: 150px;
    }

    table.service .colonneNom {
        /* colonne libre */
    }

/* Secteurs */
table.secteur {
    width: 940px;
}

    table.secteur .colonneActions {
        width: 80px;
    }

    table.secteur .colonneNom {
        /* colonne libre */
    }

/* Poste des agents */
table.posteagent {
    width: 940px;
}

    table.posteagent .colonneActions {
        width: 80px;
    }

    table.posteagent .colonneNom {
        /* colonne libre */
    }

/* Systèmes externes fonctionnels */
table.sysext {
    width: 940px;
}

    table.sysext .colonneActions {
        width: 150px;
    }

    table.sysext .colonneRang {
        width: 80px;
        text-align: center;
    }

    table.sysext .colonneNom {
        /* colonne libre */
    }

    table.sysext .colonneReadOnly {
        width: 70px;
        text-align: center;
    }

    table.sysext .colonneType {
        width: 100px;
        text-align: center;
    }

    table.sysext .colonneEtat {
        width: 100px;
        text-align: center;
    }

/* stats tranche age */
table.tra {
    width: 940px;
}

    table.tra .colonneActions {
        width: 75px;
    }

    table.tra .colonneNom {
        padding-left: 25px;
        /* colonne libre */
    }

    table.tra .colonneDebut {
        width: 150px;
        text-align: center;
    }

    table.tra .colonneFin {
        width: 150px;
        text-align: center;
    }

/* stats tranche horaire */
table.trh {
    width: 940px;
}

    table.trh .colonneActions {
        width: 75px;
    }

    table.trh .colonneNom {
        padding-left: 25px;
        /* colonne libre */
    }

    table.trh .colonneDebut {
        width: 150px;
        text-align: center;
    }

    table.trh .colonneFin {
        width: 150px;
        text-align: center;
    }

/* utilisateur */
table.use {
    width: 940px;
}

    table.use .colonneActions {
        width: 80px;
    }

    table.use .colonneDom {
        width: 300px;
        text-align: center;
    }

    table.use .colonneLogin {
        text-align: center;
        /* colonne libre */
    }

    table.use .colonneType {
        width: 150px;
        text-align: center;
    }

/* Configuration modèle réponse */
table.crm {
    width: 940px;
}

    table.crm .colonneActions {
        width: 130px;
    }

    table.crm .colonneNom {
    }

    table.crm .colonneMetier {
        width: 230px;
    }

    table.crm .colonneValidite {
        width: 90px;
    }

    table.crm .colonneMedia {
        width: 180px;
    }

    table.crm .colonneEtat {
        width: 100px;
    }

    table.crm .colonneQualification {
        width: 100px;
    }

table.crmType {
    width: 100%;
}

    table.crmType .colonneRattache {
        text-align: center;
        width: 115px;
    }

    table.crmType .colonneNom {
        /* colonne libre */
        text-align: center;
    }

    table.crmType .colonneType {
        /* colonne libre */
        text-align: center;
    }

/* Configuration des natures de notification */
table.cnn {
    width: 940px;
}

    table.cnn .colonneActions {
        width: 100px;
    }

    table.cnn .colonneType {
    }

    table.cnn .colonneNom {
    }

    table.cnn .colonneCode {
        width: 300px;
    }

#tableConfigurationNotifications.cnn {
    width: 920px;
}

    #tableConfigurationNotifications.cnn .colonneDestinataire {
        width: 200px;
    }

    #tableConfigurationNotifications.cnn .colonneMedia {
        width: 130px;
    }

    #tableConfigurationNotifications.cnn .colonneNature {
        width: 400px;
    }

    #tableConfigurationNotifications.cnn .colonnePieceAJoindre {
        width: 210px;
    }

    #tableConfigurationNotifications.cnn .colonneIsCreerReponseModifiable {
        width: 75px;
    }

    #tableConfigurationNotifications.cnn .colonneDM {
        width: 70px;
    }

    #tableConfigurationNotifications.cnn .colonnePJ {
        width: 70px;
    }

    #tableConfigurationNotifications.cnn .colonneRDV {
        width: 70px;
    }

/* Villes */
table.ville {
    width: 940px;
}

    table.ville .colonneActions {
        width: 80px;
    }

    table.ville .colonneNom {
        /* colonne libre */
    }

    table.ville .colonnePays {
        width: 200px;
    }

    table.ville .colonneCP {
        width: 200px;
    }

/* les voies */
table.voie {
    width: 940px;
}

    table.voie .colonneActions {
        width: 100px;
    }

    table.voie .colonneParite {
        width: 80px;
    }

    table.voie .colonneChevauchement {
        width: 140px;
        text-align: center;
    }

    table.voie .colonneVoie {
        /* colonne libre */
    }

    table.voie .colonneSecteur {
        width: 150px;
    }

    table.voie .colonneCommune {
        width: 150px;
    }

    table.voie .boutonsTableau input {
        /* Spécificités */
        height: auto;
    }

        table.voie .boutonsTableau input[type=checkbox] {
            float: right;
        }

/* les rues */
table.rue {
    width: 940px;
}

    table.rue .colonneActions {
        width: 80px;
    }

    table.rue .colonneCode {
        width: 150px;
    }

    table.rue .colonneNom {
        /* colonne libre */
    }

    table.rue .colonneCle {
        width: 150px;
    }

    table.rue .colonneVille {
        width: 150px;
    }

    table.rue .colonneCP {
        width: 100px;
    }

/* la configuration des libellés et paramètres fonctionnels m-City */
table.configLib, table.parametresFonc {
    width: 1700px;
}

    table.configLib .colonneCheck, table.parametresFonc .colonneCheck {
        width: 50px;
    }

    table.configLib .colonneActions, table.parametresFonc .colonneActions {
        width: 100px;
    }

    table.configLib .colonneSection, table.parametresFonc .colonneSection {
        width: 150px;
    }

    table.configLib .colonneSousSection, table.parametresFonc .colonneSousSection {
        width: 150px;
    }

    table.configLib .colonneNom, table.parametresFonc .colonneNom {
        /* colonne libre */
    }

    table.configLib .colonneValeurDefaut, table.parametresFonc .colonneValeurDefaut {
        width: 345px;
    }

    table.configLib .colonneValeurTestPersonnalisee, table.parametresFonc .colonneValeurTestPersonnalisee {
        width: 345px;
    }

    table.configLib .colonneValeurPersonnalisee, table.parametresFonc .colonneValeurPersonnalisee {
        width: 345px;
    }

/* Archivage/Purge des demandes */
table.dmdarch {
    width: 1840px;
}

    table.dmdarch .colonneActions {
        width: 80px;
    }

        table.dmdarch .colonneActions input {
            float: left;
        }

    table.dmdarch .colonneDepot {
        width: 80px;
        text-align: center;
    }

    table.dmdarch .colonneRefInterne {
        width: 200px;
    }

    table.dmdarch .colonneSite {
        width: 150px;
    }

    table.dmdarch .colonneEtat {
        width: 200px;
    }

    table.dmdarch .colonneArchivage {
        width: 100px;
    }

    table.dmdarch .colonneLien {
        width: 100px;
    }

    table.dmdarch .colonneDemandeur {
        /* libre */
    }

    table.dmdarch .colonneFinInstruction {
        width: 100px;
    }

    table.dmdarch .colonneServiceInstructeur {
        width: 150px;
    }

    table.dmdarch .colonneMetier {
        width: 250px;
    }

    table.dmdarch .colonneType {
        width: 250px;
    }

    table.dmdarch tfoot input[type=button] {
        float: left;
    }


/* 
    ***DorianF Ajout Jira GRC2-4155***
    Purge des demandes non cloturées
    
     */
table.dmdarchnonClt {
    width: 100%;
}

    table.dmdarchnonClt .colonneActions {
        width: 80px;
    }

        table.dmdarchnonClt .colonneActions input {
            float: left;
        }

    table.dmdarchnonClt .colonneDepot {
        width: 80px;
        text-align: center;
    }

    table.dmdarchnonClt .colonneRefInterne {
        width: 200px;
    }

    table.dmdarchnonClt .colonneSite {
        width: 150px;
    }

    table.dmdarchnonClt .colonneEtat {
        width: 200px;
    }

    table.dmdarchnonClt .colonneLien {
        width: 100px;
    }

    table.dmdarchnonClt .colonneDemandeur {
        /* libre */
    }


    table.dmdarchnonClt .colonneServiceInstructeur {
        width: 150px;
    }

    table.dmdarchnonClt .colonneMetier {
        width: 250px;
    }

    table.dmdarchnonClt .colonneType {
        width: 250px;
    }

    table.dmdarchnonClt tfoot input[type=button] {
        float: left;
    }


/* la recherche de voie */
table.recVoie {
    width: 100%;
}

    table.recVoie .colonneActions {
        width: 100px;
    }

table.decoupageVoie {
    width: 740px;
}

    table.decoupageVoie td input, table.decoupageVoie td select {
        width: 94%;
    }

    table.decoupageVoie .colonneActions {
        width: 120px;
    }

    table.decoupageVoie .colonneParite, table.decoupageVoie .colonneNumdeb, table.decoupageVoie .colonneNumfin, table.decoupageVoie .colonneNom {
        width: 120px;
        text-align: center;
    }

/* droit utilisateur */
table.dru {
    /* width: 940px; */
}

    table.dru .colonneFamille {
        width: 300px;
        text-align: center;
    }

    table.dru .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    /* EricM-mantis#30543   Ajout */
    table.dru .colonneMetierOuTypeDemande {
        width: 550px;
        text-align: center;
    }

    table.dru .colonneDroits {
        width: 400px;
        text-align: center;
    }

table.drcd {
}

    table.drcd .colonneNom {
        text-align: center;
        /* colonne libre */
    }

    table.drcd .colonneDroits {
        text-align: center;
    }

/* modèle de rapport */
table.cpm {
    width: 940px;
}

    table.cpm .colonneActions {
        width: 110px;
    }

    table.cpm .colonneNom {
        width: 250px;
    }

    table.cpm .colonneValidite {
        width: 95px;
    }

    table.cpm .colonneDocument {
        width: 250px;
    }

    table.cpm .colonneDescription {
        /* colonne libre */
    }

table.cpmType {
    width: 100%;
}

    table.cpmType .colonneRattache {
        text-align: center;
        width: 115px;
    }

    table.cpmType .colonneNom {
        /* colonne libre */
        text-align: center;
    }

    table.cpmType .colonneType {
        /* colonne libre */
        text-align: center;
    }

/* import rues */
table.importRue {
    width: 1240px;
}

    table.importRue .colonneActions {
        width: 150px;
    }

    table.importRue .colonneCommune {
        width: 120px;
    }

    table.importRue .colonneCP {
        width: 120px;
    }

    table.importRue .colonneCodeRivoli {
        width: 80px;
    }

    table.importRue .colonneLimites {
        width: 150px;
    }

    table.importRue .colonneNom {
        width: 230px;
    }

    table.importRue .colonneChangement {
        /* colonne libre */
    }

/* import lieux publiés */
table.importLieuPublie {
    width: 1240px;
}

    table.importLieuPublie .colonneActions {
        width: 15px;
    }

    table.importLieuPublie .colonneNomLieu {
        padding-left: 15px;
    }

    table.importLieuPublie .colonnePriorite {
        width: 120px;
    }

    table.importLieuPublie .colonneCategorie {
        width: 33%;
    }

    table.importLieuPublie .colonneChangement {
        /* colonne libre */
    }

/*Paramétrage des catégories d'actualité (index)*/
table.paramCategories {
    width: 1115px;
}

    table.paramCategories .colonneActions {
        width: 80px;
    }

    table.paramCategories .colonneNom {
        text-align: center;
        /*colonne libre*/
    }

    table.paramCategories .colonnePriorite {
        width: 70px;
        text-align: left;
    }

    table.paramCategories .colonneVignette {
        text-align: center;
        width: 90px;
    }

    table.paramCategories .colonneAuth {
        width: 70px;
        text-align: center;
    }

    table.paramCategories .colonneTypPub {
        width: 270px;
        text-align: center;
    }

    table.paramCategories .colonneCodRgb {
        width: 130px;
        text-align: center;
    }

        table.paramCategories .colonneCodRgb .codRbg {
            height: 20px;
            width: 20px;
            margin: auto;
        }


table.portails {
    width: 900px;
}

    table.portails .colonneActions {
        width: 135px;
    }

    table.portails .colonneRang {
        width: 60px;
        text-align: center;
    }

    table.portails .colonneIcone {
        width: 60px;
    }

    table.portails .colonneNom {
        /* largeur libre */
    }

    table.portails .colonneType {
        width: 70px;
    }

    table.portails .colonneEtat {
        width: 150px;
    }

/*///////////////////Publications//////////////////*/

/*Actualites (index)*/
table.confActus {
    width: 2600px; /* Anaelt Modif de 1890 => 2600 Ajout de colonnes sur l'état de diffusion sur un canal */
}

    table.confActus .colonneActions {
        width: 202px; /*DavidA Modif ex:169  => 202   Ajout d'un icone "Envoie de notification"*/
    }

.btnActiverFocus {
    vertical-align: middle;
    width: 24px !important;
    height: 24px;
}

.btnDesactiverFocus {
    vertical-align: middle;
    width: 24px !important;
    height: 24px;
}

table.confActus .colonnePublie {
    width: 142px;
    text-align: left;
    padding-left: 4px;
}

table.confActus .colonneTitre {
    text-align: left;
    padding-left: 4px;
    /*min-width:124px;*/
    /* colonne libre */
}

table.confActus .colonnePriorite {
    width: 70px;
    text-align: center;
}

table.confActus .colonneVignette {
    text-align: center;
    width: 90px;
}

table.confActus .ColonneDate {
    text-align: center;
    width: 100px;
}

table.confActus .ColonneDatesPub {
    text-align: center;
    width: 220px;
}


table.confActus .ColonneCategorie {
    text-align: center;
    width: 120px;
}

table.confActus .ColonneCreation {
    text-align: center;
    width: 220px;
}

table.confActus .ColonneModification {
    text-align: center;
    width: 220px;
}

table.confActus .colonneCode {
    text-align: center;
    width: 120px;
}

table.confActus .colonneDestinataire {
    width: 220px;
    text-align: center;
}

table.confActus .ColonneCanalDiffusion {
    width: 160px;
    text-align: center;
}

.trfocus {
    background-color: #F0A000 !important;
}

/*Configuration des avertissements (index)*/
table.confAvertissements {
    width: 940px;
}

    table.confAvertissements .colonneActions {
        width: 120px;
    }

    table.confAvertissements .colonnePublie {
        width: 240px;
    }

    table.confAvertissements .colonneNom {
        text-align: left;
        padding-left: 60px;
        /* colonne libre */
    }

    table.confAvertissements .ColonneDatesAffichage {
        text-align: center;
        width: 240px;
    }

/*index du pager pour les localisations/demandes*/
.koPageIndex {
    display: inline-block;
    width: 60px;
    text-align: center;
}


/*Configuration des sondages (index)*/
table.confSondages {
    width: 2000px; /* Anaelt Modif de 1510 => 2000 Ajout de colonnes sur l'état de diffusion sur un canal */
}

    table.confSondages .colonneActions {
        width: 175px; /*DavidA 130916 Ajout d'un icone "ajouter au presse papier" ex=>135px*/
    }

    table.confSondages .colonnePublie {
        width: 126px;
        text-align: left;
    }

    table.confSondages .colonneTitre {
        text-align: center;
        /* colonne libre */
    }

    table.confSondages .colonnePriorite {
        width: 70px;
        text-align: center;
    }

    table.confSondages .colonneDatesPub {
        width: 185px;
        text-align: center;
    }

    table.confSondages .colonneDatesRep {
        width: 185px;
        text-align: center;
    }

    table.confSondages .colonneDestinataire {
        width: 220px;
        text-align: center;
    }

    table.confSondages .colonneAuth {
        width: 70px;
        text-align: center;
    }

    table.confSondages .colonneComplement {
        width: 150px;
        text-align: center;
    }

    table.confSondages .colonneCommentaire {
        width: 150px;
        text-align: center;
    }

    table.confSondages .ColonneCanalDiffusion {
        width: 160px;
        text-align: center;
    }

/*Configuration du questionnaire (questions)*/
table.confQuestions .colonneActions {
    padding-left: 1px;
    padding-top: 6px;
    text-align: left;
    width: 175px;
}

table.confQuestions .colonneLibelle {
    text-align: center;
    /*colonne libre*/
}

table.confQuestions .colonneNbReponses {
    text-align: center;
    width: 160px;
}

table.confQuestions .tdNbReponses {
    text-align: center;
}

table.confQuestions .colonneCommentaire {
    text-align: center;
    width: 250px;
}

/*Configuration du questionnaire (réponses)*/
table.confReponses .colonneActions {
    width: 175px;
}

table.confReponses .colonneLibelle {
    /*text-align: left;*/
    /*max-width:900px;*/
    /*colonne libre*/
}

/*Visualisation des résultats*/
table.visualResultats .colonneActions {
    width: 160px;
}

table.visualResultats .colonneIsPublished {
    width: 60px;
    text-align: left;
}

table.visualResultats .colonneTitre {
    text-align: center;
    /*colonne libre*/
}

table.visualResultats .colonneDatPub {
    text-align: center;
    width: 185px;
}

table.visualResultats .colonneDatRep {
    text-align: center;
    width: 185px;
}

table.confActivites {
    width: 2200px; /* Anaelt Modif de 1500 => 2200 Ajout de colonnes sur l'état de diffusion sur un canal */
}

    table.confActivites .colonneActions {
        width: 147px; /*DavidA 120916 Ajout d'un icone "ajouter au presse papier"  ex=>100px  */
    }

    table.confActivites .colonnePublie {
        width: 120px;
        text-align: left;
    }

    table.confActivites .colonneTitre {
        min-width: 220px;
        text-align: left;
    }

    table.confActivites .colonnePriorite {
        width: 70px;
        text-align: center;
    }

    table.confActivites .colonneVignette {
        width: 60px;
        text-align: center;
    }

    table.confActivites .colonneCategorie {
        width: 220px;
        text-align: left;
    }

    table.confActivites .colonneAuth {
        width: 70px;
        text-align: center;
    }

    table.confActivites .colonneCreation {
        width: 220px;
        text-align: left;
    }

    table.confActivites .colonneModification {
        width: 220px;
        text-align: left;
    }

    table.confActivites .ColonneCanalDiffusion {
        width: 160px;
        text-align: center;
    }

/*Documents Publies (index)*/
table.confDocumentsPublies {
    width: 2000px;
}

    table.confDocumentsPublies .colonneActions {
        width: 147px; /*DavidA ajout d'un icone  "copier dans le presse papier" ex:106px*/
    }

    table.confDocumentsPublies .colonneIsPublie {
        width: 102px;
        text-align: left;
        padding-left: 4px;
    }

    table.confDocumentsPublies .colonneNom {
        text-align: left;
        padding-left: 4px;
        /*min-width:124px;*/
        /* colonne libre */
    }

    table.confDocumentsPublies .colonnePriorite {
        width: 70px;
        text-align: center;
    }

    table.confDocumentsPublies .colonneVignette {
        text-align: center;
        width: 90px;
    }

    table.confDocumentsPublies .ColonneDatesPublication {
        text-align: center;
        width: 220px;
    }


    table.confDocumentsPublies .ColonneCategorie {
        text-align: center;
        width: 120px;
    }

    table.confDocumentsPublies .ColonneTypeDocument {
        text-align: center;
        width: 220px;
    }

    table.confDocumentsPublies .ColonneAuth {
        text-align: center;
        width: 70px;
    }

    table.confDocumentsPublies .ColonneCode {
        text-align: center;
        width: 120px;
    }

    table.confDocumentsPublies .ColonneCreation {
        text-align: center;
        width: 220px;
    }

    table.confDocumentsPublies .ColonneModification {
        text-align: center;
        width: 220px;
    }

/*Messages avec notifications vers applications mobiles (index)*/
table.confMessages {
    width: 2200px;
}

    table.confMessages .colonneActions {
        width: 147px;
    }

    table.confMessages .colonneTitre {
        min-width: 220px;
        text-align: left;
        padding-left: 4px;
    }

    table.confMessages .colonneTexte {
        text-align: left;
        min-width: 220px;
    }

    table.confMessages .colonneLien {
        width: 200px;
    }

    table.confMessages .colonneDateHeure {
        text-align: center;
        width: 220px;
    }

    table.confMessages .colonneCreation {
        text-align: center;
        width: 220px;
    }

    table.confMessages .colonneModification {
        text-align: center;
        width: 220px;
    }

.pagerMessage {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 380px;
}

/*Messages avec notifications vers applications mobiles (_CreateOrEdit)*/
#clearLierMessage, #clearUrl {
    width: 22px !important;
    height: 22px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("images/effacer.png") no-repeat scroll 0 0 #6EB5DE !important;
    background-size: 22px 22px !important;
}

#siteweb {
    width: 22px !important;
    height: 22px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("images/site_internet.png") no-repeat scroll 0 0 !important;
    background-size: 22px 22px !important;
}

#imgLierMessage {
    width: 22px !important;
    height: 22px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("images/lien_publication.png") no-repeat scroll 0 0 !important;
    background-size: 22px 22px !important;
}

.divMargin {
    margin: 7px 0px;
}

/*Messages avec notifications vers applications mobiles (_LierMobilePushMessage)*/
.cadreListeLierMessage {
    /* give the outermost container a predefined size */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.sectionLierMessage {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 5px;
    /* for Firefox */
    min-height: 0;
}

.contentLierMessage {
    margin: 5px;
    height: 30px;
}

.scrollable-content {
    background: white;
    flex-grow: 1;
    overflow: auto;
    /* for Firefox */
    min-height: 0;
}

.containerLierMessage {
    width: 100%;
}

.tableDonneesLierMessage {
    border: solid 1px #e1e1e1;
}

.headerLierMessage {
    display: flex;
    height: 30px;
    background-color: #40787C;
    padding: 2px 0 2px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 0.8em;
    color: #fff;
    margin-top: 20px;
    align-items: center;
}

    .headerLierMessage div {
        width: 50%;
        text-align: center;
        font-style: italic;
    }

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rowLierMessage {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 44px;
    font-size: 0.8em;
    background: linear-gradient(#fff, #EFEFEF);
    border-bottom: solid 1px #e1e1e1;
}

    .rowLierMessage > div {
        width: 50%;
    }

    .rowLierMessage div:first-child {
        display: flex;
        align-items: center;
    }

    .rowLierMessage > div:last-child {
        text-align: center;
    }

.arrowLierMessage {
    display: flex;
    margin-left: 6px;
}

    .arrowLierMessage:after {
        content: '\25B6';
        margin-right: 10px;
    }

.openLierMessage .arrowLierMessage:after {
    color: #6EAEB7;
    transform: rotate(90deg);
}

.closedLierMessage .arrowLierMessage:after {
    color: #40787C;
    transform: rotate(0deg);
}

.mygroups2 .rowLierMessage {
    background: #EBF2F2;
}

.mygroups2 .selectedElement .rowLierMessage {
    background-color: #6EAEB7 !important;
    color: #fff;
}

.mygroups2 .rowLierMessage:hover {
    background-color: #D6E4E5;
}

.mygroups2 ul .arrowLierMessage:after {
    content: '';
    margin-right: 15px;
}

.openLierMessage ul {
    display: block;
}

.closedLierMessage ul {
    display: none;
}

.openLierMessage .mygroups2 .arrowLierMessage {
    padding-left: 15px;
}

.openLierMessage .mygroups2 ul .arrowLierMessage {
    padding-left: 30px;
}

.footerLierMessage {
    height: 24px;
    background: #6EAEB7;
    border: solid 1px #e1e1e1;
}

.hideOffline .offline {
    display: none;
}

/* Lieux publies (index)  .. en  cours*/
table.confLieuxPublies {
    width: 910px;
}

    table.confLieuxPublies .colonneActions {
        width: 118px;
    }

    table.confLieuxPublies .colonneNom {
        text-align: left;
        padding-left: 4px;
    }

    table.confLieuxPublies .colonnePriorite {
        width: 70px;
        text-align: center;
    }

    table.confLieuxPublies .colonneCategorie {
        text-align: center;
        width: 120px;
    }

    table.confLieuxPublies .colonneCanalDiffusion {
        width: 160px;
        text-align: center;
    }

/*vignette index publications*/
.vignette-container {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-top: 1.45px;
}

.vignette-haute-container {
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-top: 1.5px;
}

.vignette-img {
    max-width: 100%;
}

/* Contenus HTML */
table.demarchesEnAvant {
    width: 940px;
}

    table.demarchesEnAvant .colonneActions {
        width: 50px;
    }

    table.demarchesEnAvant .colonneNom {
        /* colonne libre */
    }

table.matable tbody {
    display: block;
    border: 1px solid green;
    height: 30px;
    overflow-y: scroll;
}


table.demarcheConcernee {
    width: 910px;
}

    table.demarcheConcernee tbody {
        display: block;
        overflow: auto;
        height: 300px;
    }

        table.demarcheConcernee tbody tr {
            height: auto;
        }

    table.demarcheConcernee tr {
        display: block;
        position: relative;
    }

        table.demarcheConcernee tr td {
            height: 44px;
        }

    table.demarcheConcernee thead tr {
        background-color: #40787C;
    }

    table.demarcheConcernee th {
        padding-right: 0px !important;
    }

        table.demarcheConcernee th.colonneMetier {
            width: 230px;
        }

        table.demarcheConcernee th .colonneType {
            width: 280px;
        }

        table.demarcheConcernee th .colonnePeriodeOuverture {
            width: 130px;
        }

        table.demarcheConcernee th .colonneCompteRequis {
            width: 70px;
        }


    table.demarcheConcernee .colonneFocus {
        width: 80px;
        text-align: center;
    }

        table.demarcheConcernee .colonneFocus input[type="checkbox"] {
            position: absolute;
            left: -999em;
        }

            table.demarcheConcernee .colonneFocus input[type="checkbox"] ~ label:before {
                content: ""; /* this is generated content*/
                display: inline-block; /* make this fake elements inline block */
                position: relative; /* we need to move the element without effecting the doc flow */
                top: 0px; /* we're moving it slightly down for alignment purposes */
                left: 3px; /* we're moving it slightly to the left */
                width: 24px;
                height: 25px; /* the width and height of the fake elements */
                background-image: url(images/onfocus.png); /* the background image sprite */
                vertical-align: middle;
                background-position: 24px 0px;
                cursor: pointer;
            }

            table.demarcheConcernee .colonneFocus input[type="checkbox"]:checked ~ label:before {
                background-position: 0px 0px;
            }

    table.demarcheConcernee .colonneEnAvant {
        width: 80px;
        text-align: center;
    }

    table.demarcheConcernee .colonneMetier {
        width: 230px;
        vertical-align: middle;
    }

    table.demarcheConcernee .colonneType {
        width: 280px;
    }

    table.demarcheConcernee .colonnePeriodeOuverture {
        width: 150px;
    }

    table.demarcheConcernee .colonneCompteRequis {
        width: 70px;
        text-align: center;
    }

table.analyseDemandesATraiter {
    width: 1500px;
}

    table.analyseDemandesATraiter .colonneActions {
        width: 120px;
    }

    table.analyseDemandesATraiter .colonneMetier {
        width: 200px;
    }

    table.analyseDemandesATraiter .colonneFormulaire {
        width: 200px;
    }

    table.analyseDemandesATraiter .colonneNbDemandes {
        width: 200px;
    }

table.decoupageVoie .colonneParite, table.decoupageVoie .colonneNumdeb, table.decoupageVoie .colonneNumfin, table.decoupageVoie .colonneNom {
    width: 120px;
    text-align: center;
}

.old_ie_wrapper {
    height: 300px;
    overflow: auto;
}

    .old_ie_wrapper tbody {
        height: auto;
    }

.fsDemarcheEnAvant {
    width: 47.5%;
    margin-top: 0px;
}

.fsDemarcheFocus {
    width: 48.4%;
    float: left;
    margin-top: 0px;
}

.fsDemarcheEnAvant-1colonne{
    width: 100%;
}

.textePromotion {
    width: 98%;
}

.focusTitre {
    display: none;
}

    .focusTitre img {
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }

        .focusTitre img:first-child {
            /*float:left;*/
            width: auto;
            height: auto;
            cursor: pointer;
        }

.focusPromotion {
    display: none;
}

table.demarcheEnAvant {
    display: none;
}

    table.demarcheEnAvant .colonneActions {
        width: 20%;
    }

    table.demarcheEnAvant .colonneMetier {
        width: 40%;
    }

    table.demarcheEnAvant .colonneType {
        width: 40%;
    }

    table.demarcheEnAvant .tdEnAvant img {
        cursor: pointer;
    }

/* pager wrapper, div */
/*.pager {
padding: 5px;*/
/*}*/
/* pager wrapper, in thead/tfoot */
/*td.pager {
background-color: #e6eeee;
}*/
/* pager navigation arrows */
/*.pager img {
vertical-align: middle;
margin-right: 2px;
cursor: pointer;
}*/
/* pager output text */
/*.pager .pagedisplay {
font-size: 11px;
padding: 0 5px 0 5px;
width: 50px;
text-align: center;
}*/

/*** loading ajax indeterminate progress indicator ***/
/*#tablesorterPagerLoading {
background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
position: absolute;
z-index: 1000;
}*/

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
/*.pager.disabled {
display: none;
}*/
/* hide or fade out pager arrows when the first or last row is visible */
/*.pager img.disabled {*/
/* visibility: hidden */
/*opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}*/

/* Table paiements internet*/

table.pti td {
    padding: 3px;
    text-align: center;
}

table.pti .colonnesActions {
    width: 25px;
}

table.pti .colonneDemandeur {
    text-align: left;
    /* libre */
}

table.pti .colonneDestination, .colonneMoyen, .colonneSysExt, .colonneFacture {
    width: 100px;
}

table.pti .colonneValidite {
    width: 75px;
}

table.pti .colonneGroupe, .colonneRefTransaction {
    width: 150px;
}

table.pti .colonneRefCommande {
    width: 250px;
}

table.pti .colonneDateTransaction, .colonneMontant, .colonneHeure {
    width: 75px;
}

/* Fonds de carte */
table.lay {
    width: 940px;
}

    table.lay .colonneActions {
        width: 80px;
    }

    table.lay .colonneNom {
        width: 200px;
        text-align: center;
    }

    table.lay .colonneDescription {
        /* colonne libre */
    }

/* Fichiers Shapefile */
table.shp {
    width: 940px;
}

    table.shp .colonneActions {
        width: 80px;
    }

    table.shp .colonneNom {
        width: 200px;
        text-align: center;
    }

/* ---- NOTIFICATIONS PUSH -----*/

table.confNotifsPush .colonneEtat {
    text-align: center;
    width: 175px;
}

table.confNotifsPush .tdEtat {
    text-align: left;
    padding-left: 6px;
}

    table.confNotifsPush .tdEtat img {
        padding: 0px 10px 0px 20px;
    }

table.confNotifsPush .colonneNb {
    width: 160px;
    text-align: center;
}

.colonne-actions-conditions {
    width: 80px;
    padding-left: 10px;
}

.condition-tr {
    background-color: white !important;
    font-size: 1em !important;
}

.tableCondition {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.condition-tr:last-child {
    border: none !important;
}

.condition-dropdown-ou {
    border-top: solid 1px #e1e1e1;
}

/* ---- PARAMETRES MCITY - DALLES ----*/
table.paramDalles .colonneActions {
    width: 150px;
}

table.paramDalles .colonneRang {
    width: 60px;
    text-align: center;
}

table.paramDalles .colonneVignette {
    text-align: center;
    width: 90px;
}

table.paramDalles .colonneType {
    width: 125px;
}

table.paramDalles .colonneEtat {
    width: 125px;
}

table.paramDalles .colonneOnglet {
    width: 160px;
    text-align: center;
}

table.paramDalles .colonneTelephone {
    width: 150px;
}

table.paramDalles .colonneUrl {
    width: 280px;
}

table.paramDalles .colonneFonctionnel {
    width: 150px;
}