/*:root {
  --color-fond: #FFFFFF;
  --color-elements: #F5F5F5;
  --color-elementshover: #E6E6E6;
  --color-txt: #1E1E1E;
  --color-titre: #898989;
  --color-charte: #1E59A1;
  --color-bgTbGvHeader: #1E59A1;
}*/

.GridViewStyle {
  padding: 0.1em;
  margin: 0px;
  font-size: 1em;
  text-align: left;
}

  .GridViewStyle a {
    color: var(--color-gv-txt);
  }

.GridViewHeaderStyle a {
  color: var(--color-gv-txtbl) !important;
}

.GridViewHeaderStyle th {
  border: 0px;
  padding: 0px 4px 0px 4px;
  text-align: left;
  font-weight: normal;
}

.GridViewHeaderStyle {
  background-color: var(--color-gv-fondhead);
  font-weight: normal;
  color: var(--color-gv-txtbl) !important;
  text-align: left;
  height: 30px;
  border: none;
  border-top: 0.5px solid var(--color-gv-borderhead);
  border-bottom: 0.5px solid var(--color-gv-borderhead);
}

.GridViewHeaderStyleWhite a {
  color: black !important;
}

.GridViewHeaderStyleWhite th {
  border: 0px;
  padding: 0px 4px 0px 4px;
  text-align: left;
  font-weight: bold;
}

.GridViewHeaderStyleWhite {
  background-color: var(--color-def-borderborderstats);
  font-weight: bold;
  color: black !important;
  text-align: left;
  height: 22px;
  border: none;
  border-bottom: 0px solid black;
}

.GridViewHeaderStyleR a {
  color: var(--color-gv-txtbl) !important;
}

.GridViewHeaderStyleR th {
  border: 0px;
  padding: 0px 4px 0px 4px;
  text-align: right !important;
  font-weight: normal;
}

.GridViewHeaderStyleR {
  background-color: var(--color-gv-fondhead);
  font-weight: normal;
  color: var(--color-gv-txtbl) !important;
  text-align: right !important;
  height: 22px;
  border: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.GridViewFooterStyle {
  background-color: var(--color-gv-fondfoot);
  font-weight: normal;
  color: var(--color-gv-titre);
  border: none;
}

.GridViewRowStyle {
  /*background-color: #FFFFFF;*/
  border: none;
  border-bottom: 1px solid var(--color-gv-border);
}

  .GridViewRowStyle:hover {
    background-color: var(--color-gv-fondhover);
  }

.GridViewRowStyleNew {
  background-color: #D2DCF5;
}

.GridViewAlternatingRowStyle {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-gv-border);
}

  .GridViewAlternatingRowStyle:hover {
    background-color: var(--color-gv-fondhover);
  }

.GridViewRowData {
  /*background-color: #FFFFFF;*/
  border: none;
}

.GridViewRowStyleData:hover {
  background-color: var(--color-gv-fondhover);
}

.GridViewAlternatingRowStyleData {
  background-color: transparent;
  border: none;
}

  .GridViewAlternatingRowStyleData:hover {
    background-color: var(--color-gv-fondhover);
  }

.GridViewSelectedRowStyle {
  background-color: #6DA6EC;
  font-weight: bold;
  color: black;
}

.GridViewSelectedRowStyleLeg {
  font-weight: bold;
  color: var(--color-gv-txt);
}

.GridViewPagerStyle {
  background-color: var(--color-gv-pager);
  font-weight: bold;
  color: #505050;
  text-align: left;
  height: 1.4em;
}

  .GridViewPagerStyle table /* to center the paging links*/ {
    margin: 0 auto 0 auto;
  }

.gridpager, .gridpager td {
  text-align: center;
  color: var(--color-gv-txtgredpager);
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 7px 0px 7px;
}

  .gridpager td td {
    border-width: 0px;
    margin: 0px;
  }

  .gridpager a {
    color: black;
    font-weight: bold;
  }

/*GridView de recherche*/
.GridViewRechStyle {
  border: none;
  padding: 0.1em;
  margin: 0px;
  font-size: 1em;
  text-align: left;
}

  .GridViewRechStyle a {
    color: var(--color-gv-txt);
  }

.GridViewRechHeaderStyle th {
  border: 0px;
  font-size: 1.2em;
  color: var(--color-gv-titre);
  padding: 0px 4px 0px 4px;
  text-align: left;
  font-weight: bold;
}

.GridViewRechHeaderStyle {
  background-color: transparent !important;
  font-weight: normal;
  color: var(--color-gv-txtbl) !important;
  text-align: left;
  height: 22px;
  border: none;
}

.GridViewRechFooterStyle {
  border: none;
  padding: 0.1em;
  margin: 0px;
  font-size: 1em;
  text-align: left;
}

.GridViewRechRowStyle {
  border: none;
  border-bottom: 1px solid var(--color-gv-border);
}

  .GridViewRechRowStyle a:hover {
    text-decoration: underline;
  }

.GridViewRechPagerStyle {
  background-color: #CCCCCC;
  font-weight: bold;
  color: #000050;
  text-align: left;
  height: 30px;
}

  .GridViewRechPagerStyle table /* to center the paging links*/ {
    margin: 0 auto 0 auto;
  }

.gridrechpager, .gridrechpager td {
  background-color: #EAEAEA;
  text-align: center;
  color: var(--color-gv-txtgredpager);
  font-weight: bold;
  font-size: 1.05em;
  text-decoration: none;
  border-width: 1px 0px 2px 0px;
  border-style: solid;
  border-color: gray;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 7px 0px 7px;
}

  .gridrechpager a {
    color: black;
    font-weight: bold;
  }

th.rwd-table, td.rwd-table {
  display: table-cell;
  padding: .25em .5em;
}
td.rwd-tableZnBl {
  width: 10%;
}
td.rwd-table {
  width: 40%;
}

td.rwd-table2 {
  width: 25%;
}

td.rwd-table3 {
  width: 33%;
}

td.rwd-tablenowidth {
  width: auto;
}

th.rwd-table:first-child, td.rwd-table:first-child {
  padding-left: 0;
}

th.rwd-table:last-child, td.rwd-table:last-child {
  padding-right: 0;
}

th.rwd-table, td.rwd-table {
  padding: 1px 0em 0em 0em !important;
}


@media screen and (max-width: 900px) {
  table.rwd-table {
    margin: 0;
    padding: 0;
    min-width: 300px;
  }

  tr.rwd-table {
    border: 0;
    margin: 0;
  }

  th.rwd-table {
    border: 0;
    margin: 0;
  }

  td.rwd-table, td.rwd-table2, td.rwd-table3, td.rwd-tablenowidth {
    border: 0;
    margin: 0;
    display: block;
    width: 99% !important;
  }

    td.rwd-table:before, td.rwd-table2:before, td.rwd-table3:before, td.rwd-tablenowidth:before {
      width: 1.5em;
      display: inline-block;
    }

  table.rwd-table {
    overflow: hidden;
  }
}


table.gv-table td {
  vertical-align: initial;
}

th.gv-table, td.gv-table {
  display: table-cell;
  padding: .25em .5em;
}

td.gv-table {
  width: 50%;
}

  th.gv-table:first-child, td.gv-table:first-child {
    padding-left: 0;
  }

  th.gv-table:last-child, td.gv-table:last-child {
    padding-right: 0;
  }

th.gv-table, td.gv-table {
  padding: 0em !important;
}


@media screen and (max-width: 900px) {
  table.gv-table {
    margin: 0;
    padding: 0;
    min-width: 300px;
  }

  tr.gv-table {
    border: 0;
    margin: 0;
  }

  th.gv-table {
    border: 0;
    margin: 0;
    display: none;
  }

  td.gv-table {
    border: 0;
    margin: 0;
    display: block;
    width: 99% !important;
  }

    td.gv-table[data-th] {
      width: 100% !important;
    }

      td.gv-table[data-th] span {
        width: calc(99% - 7em) !important;
        display: inline-block !important;
      }

    td.gv-table:before {
      width: 1.5em;
      display: inline-block;
      padding: 4px 0 4px 0;
    }

    td.gv-table[data-th]:before {
      content: attr(data-th) ": ";
      font-weight: bold;
      width: 6.5em;
      display: inline-block;
    }

  table.gv-table {
    overflow: hidden;
  }
}
