div.dc-chart {
    float: left
}

.dc-chart rect.bar {
    stroke: none;
    cursor: pointer
}

.dc-chart rect.bar:hover {
    fill-opacity: .5
}

.dc-chart rect.stack1 {
    stroke: none;
    fill: red
}

.dc-chart rect.stack2 {
    stroke: none;
    fill: green
}

.dc-chart rect.deselected {
    stroke: none;
    fill: #ccc
}

.dc-chart .pie-slice {
    fill: #fff;
    font-size: 10px;
    font-family: 'Segoe UI';
    cursor: pointer
}

.dc-chart .pie-slice :hover {
    fill-opacity: .8
}

.dc-chart .selected path {
    stroke-width: 3;
    stroke: #ccc;
    fill-opacity: 1
}

.dc-chart .deselected path {
    stroke: none;
    fill-opacity: .5;
    fill: #ccc
}

.axis line,
.dc-chart .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

.dc-chart .axis text {
    font: 10px sans-serif
}

.dc-chart .grid-line,
.dc-chart .grid-line line {
    fill: none;
    stroke: #ccc;
    opacity: .5;
    shape-rendering: crispEdges
}

.dc-chart .brush rect.background {
    z-index: -999
}

.dc-chart .brush rect.extent {
    fill: #4682b4;
    fill-opacity: .125
}

.dc-chart .brush .resize path {
    fill: #eee;
    stroke: #666
}

.dc-chart path.line {
    fill: none;
    stroke-width: 1.5px
}

.dc-chart circle.dot {
    stroke: none
}

.dc-chart g.dc-tooltip path {
    fill: none;
    stroke: grey;
    stroke-opacity: .8
}

.dc-chart path.area {
    fill-opacity: .3;
    stroke: none
}

.dc-chart .node {
    font-size: .7em;
    cursor: pointer
}

.dc-chart .node :hover {
    fill-opacity: .8
}

.dc-chart .selected circle {
    stroke-width: 3;
    stroke: #ccc;
    fill-opacity: 1
}

.dc-chart .deselected circle {
    stroke: none;
    fill-opacity: .5;
    fill: #ccc
}

.dc-chart .bubble {
    stroke: none;
    fill-opacity: .6
}

.dc-data-count {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

.dc-data-count .filter-count,
.dc-data-count .total-count {
    color: #3182bd;
    font-weight: 700
}

.dc-chart g.state {
    cursor: pointer
}

.dc-chart g.state :hover {
    fill-opacity: .8
}

.dc-chart g.state path {
    stroke: #fff
}

.dc-chart g.deselected path {
    fill: grey
}

.dc-chart g.deselected text {
    display: none
}

.dc-chart g.county path {
    stroke: #fff;
    fill: none
}

.dc-chart g.debug rect {
    fill: #00f;
    fill-opacity: .2
}

.dc-chart g.row rect {
    fill-opacity: .8;
    cursor: pointer
}

.dc-chart g.row rect:hover {
    fill-opacity: .6
}

.dc-chart g.row text {
    fill: #fff;
    font-size: 12px;
    cursor: pointer
}

.dc-chart .highlight,
.dc-chart path.highlight {
    fill-opacity: 1;
    stroke-opacity: 1
}

.dc-legend {
    font-size: 10px;
    font-family: 'Segoe UI';
    opacity: 0.9;
}

.dc-legend-item {
    cursor: pointer
}

.dc-chart g.axis text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none
}

.dc-chart path.highlight {
    stroke-width: 3
}

.dc-chart .fadeout {
    fill-opacity: .2;
    stroke-opacity: .2
}

.dc-chart path.dc-symbol {
    fill-opacity: .5;
    stroke-opacity: .5
}

.dc-hard .number-display {
    float: none
}

.dc-chart g.row text {
    fill: black;
    opacity: 0.9;
    font-family: 'Segoe UI';
    font-size: 10px;
}

.bar-chart .x.axis text {
    font-size: 6pt;
    text-anchor: end !important;
    transform: rotate(-45deg)!important;
}

/* Pour le tableau */

#tablePubli table {
    table-layout: fixed;
   }

   #tablePubli tbody tr:nth-child(odd) {
        background-color: rgb(242,242,242);
    }

    @media screen and (max-width: 600px)
    {
        #tablePubli tbody {
            display: block;
            height: 75vh;
            overflow-y: auto;
            overflow-x: hidden;
          }
    }

    @media screen and (min-width: 600px) and (max-width: 1400px)
    {
        #tablePubli tbody {
            display: block;
            height: 75vh;
            overflow-y: auto;
            overflow-x: hidden;
          }
    }

    @media screen and (min-width: 1400px)
    {
        #tablePubli tbody {
            display: block;
            height: 75vh;
            overflow-y: auto;
            overflow-x: hidden;
          }
    }

   #tablePubli>thead>tr>th, #tablePubli>tbody>tr>td {
     float: left;
     line-height: 1em;
     border: 0px;
     padding: 5px;
   }

   #tablePubli>thead>tr>th {
     font-weight: normal;
   }

   .dc-chart {
     padding: 0px;
   }

   /* #tablePubli .th_Chercheur , #tablePubli .dc-table-column._0 { width: 200px;  text-align: left; } */
   /* #tablePubli .th_Publication, #tablePubli .dc-table-column._1 { width: 270px; text-align: left; } */
   #tablePubli .thTitre , #tablePubli .dc-table-column._0 { width: 35%;  text-align: left; }
   #tablePubli .thChercheur, #tablePubli .dc-table-column._1 { width: 15%; text-align: left; }
   #tablePubli .thSpecialite, #tablePubli .dc-table-column._2 { width: 15%; text-align: left; }
   #tablePubli .thAnnee, #tablePubli .dc-table-column._3 { width: 50px; text-align: left; }
   #tablePubli .thLangue, #tablePubli .dc-table-column._4 { width: 60px; text-align: left; }
   #tablePubli .thThematique, #tablePubli .dc-table-column._5 { width: 15%; text-align: left; }
   #tablePubli .dc-table-column._9 { width: 50px; text-align: center; }

   #tablePubli .dc-table-column._7, #tablePubli .dc-table-column._8 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }

   #tablePubli input[type="checkbox"] {
       padding: 0;
       margin-left: 15px;
       margin-right: 10px;
       margin-top: 0px;
       margin-bottom: 0px;
   }

   #tablePubli td {
     cursor: pointer;
     color: #333;
     font-size: 13px;
     border: 0px;
   }

   #tablePubli thead tr {
     font-family: 'Segoe UI';
     font-size: 15px;
     /* background: #333; */
     background-color: #ddd;
     color: rgb(0, 0, 0);
     font-weight: bold;
     /* font-style: bold; */
     padding: 0px;
   }

   #tablePubli tbody tr {
     background: #333;
     background-color: rgb(255, 255, 255);
     /* border-top: 1px solid #ddd; */
     font-weight: normal;
     font-family: 'Segoe UI';
     font-size: 12px;
     color: rgb(0, 0, 0);

   }

   /* #tablePubli tr:hover {
     background: #ccc;
   } */

   #tablePubli tr:hover td {
     font-weight: bold;
   }


   /* Pour les checkboxes */

  .dc-chart th {
    text-align: left
  }
  .dc-chart th,.dc-chart td {
      padding-left: 10px;
  }
  .dc-chart tr.dc-table-group td {
      padding-top: 4px;
      border-bottom: 1px solid black;
  }
  .dc-chart li {
      /* width: 15rem; */
      text-align: start;
      margin-left: 0px;
  }
  .dc-cbox-group {
    list-style-type: none;
    margin-left: 0;
  }
  /* .dc-cbox-group label {
    display: inline-block;
  } */
  .dc-cbox-group input[type=checkbox], .dc-cbox-group input[type=radio] {
    /* margin: 0 5px 5px 5px; */
    margin: 0px 5px 0px 0px;
  }