/*:root {*/
/*  --color-fond: #FFFFFF;
  --color-btbarr: #7D7D7D;
  --color-titre: #898989;
  --color-charte: #1E59A1;
  --color-chartrehover: #4D91D0;
  --color-txt: #1E1E1E;
  --color-bgTbGvHeader: #404040;*/
/*}*/

A.Bt {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  margin: 0.05em 0.20em 0.05em 0.20em;
  background: var(--color-bt-fond);
  color: white !important;
  /* color: white;*/
  border-radius: 0.15em;
  height: 1.2em;
  white-space: nowrap;
  transition-duration: 200ms;
}

  A.Bt:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarr {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  height: 1.2em;
  transition-duration: 200ms;
}

  A.BtBarr:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrRouge {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  background: #BC4749;
  color: var(--color-bt-txt);
  height: 1.2em;
}

  A.BtBarrRouge:hover {
    text-decoration: none;
    background: #CA6465;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

  a.BtBarrRouge[disabled="disabled"], a.BtBarrRouge[disabled="disabled"]:hover, a.BtBarrRouge[disabled="disabled"]:visited {
    color: #B12121;
    cursor: default;
  }

a.Bt[disabled="disabled"], a.Bt[disabled="disabled"]:hover, a.Bt[disabled="disabled"]:visited,
a.BtSsBord[disabled="disabled"], a.BtSsBord[disabled="disabled"]:hover, a.BtSsBord[disabled="disabled"]:visited,
i.BtSsBord[disabled="disabled"], i.BtSsBord[disabled="disabled"]:hover, i.BtSsBord[disabled="disabled"]:visited,
a.BtBarr[disabled="disabled"], a.BtBarr[disabled="disabled"]:hover, a.BtBarr[disabled="disabled"]:visited,
a.BtBarrFin[disabled="disabled"], a.BtBarrFin[disabled="disabled"]:hover, a.BtBarrFin[disabled="disabled"]:visited,
a.BtBarrDeb[disabled="disabled"], a.BtBarrDeb[disabled="disabled"]:hover, a.BtBarrDeb[disabled="disabled"]:visited {
  color: var(--color-bt-titre);
  /*background: #1E59A1;*/
  cursor: default;
}

a.BtBarrTabl[disabled="disabled"], a.BtBarrTabl[disabled="disabled"]:hover, a.BtBarrTabl[disabled="disabled"]:visited,
a.BtBarrTablFin[disabled="disabled"], a.BtBarrTablFin[disabled="disabled"]:hover, a.BtBarrTablFin[disabled="disabled"]:visited,
a.BtBarrTablDeb[disabled="disabled"], a.BtBarrTablDeb[disabled="disabled"]:hover, a.BtBarrTablDeb[disabled="disabled"]:visited {
  color: var(--color-bt-titre);
  background: var(--color-bt-fond);
  cursor: default;
}

A.BtBarrDeb {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  height: 1.2em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0.15em 0em 0em 0.15em;
  transition-duration: 200ms;
}

  A.BtBarrDeb:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrFin {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  height: 1.2em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0 0.15em 0.15em 0;
  transition-duration: 200ms;
}

  A.BtBarrFin:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrFinSeul {
  width: 2px !important;
  min-width: 3px;
  padding: 0.5em 0em 0.3em 0em;
  margin: 0.05em 0em 0.05em 0em;
  vertical-align: middle;
  font-size: 1em;
  height: 1.2em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0 0.15em 0.15em 0;
  transition-duration: 200ms;
}

  A.BtBarrFinSeul:hover {
    text-decoration: none;
    background: var(--color-bt-fond);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrTabl {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  margin-left: -1px;
  padding: 0.3em 0.6em 0.1em 0.6em;
  font-size: 1em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  height: 1.2em;
}

  A.BtBarrTabl:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrTablDeb {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.3em 0.6em 0.1em 0.6em;
  font-size: 1em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  height: 1.2em;
  border-radius: 0.4em 0 0 0;
}

  A.BtBarrTablDeb:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrTablFin {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.3em 0.6em 0.1em 0.6em;
  margin-left: -1px;
  font-size: 1em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  height: 1.2em;
  border-radius: 0 0.4em 0 0;
}

  A.BtBarrTablFin:hover {
    text-decoration: none;
    background: var(--color-bt-fond);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtBarrTablFinSeul {
  width: 2px !important;
  min-width: 10px;
  padding: 0.3em 0em 0.3em 0em;
  margin-left: -1px;
  vertical-align: middle;
  font-size: 1em;
  height: 1em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0 0.4em 0 0;
}

  A.BtBarrTablFinSeul:hover {
    text-decoration: none;
    background: var(--color-bt-fond);
    color: var(--color-bt-txt);
    cursor: pointer;
  }


A.BtBarrRech {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.5em 0.6em 0.3em 0.6em;
  font-size: 1em;
  height: 1.2em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0 0.15em 0.15em 0;
  transition-duration: 200ms;
}

  A.BtBarrRech:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

  A.Bt:link, A.BtBarr:link, A.BtBarrDeb:link, A.BtBarrRouge:link, A.BtBarrFin:link, A.BtBarrRech:link, A.BtBarrTabl:link, A.BtBarrTablDeb:link, A.BtBarrTablFin:link, A.BtAction:link,
  A.BtSuppr:link, A.BtFi:link, A.Bt2x:link, A.Bt2xAction:link, A.Bt2xSuppr:link, A.Bt2xCompl:link, A.BtFM:link, A.Bt4xAction:link, A.Bt4xSuppr:link, A.Bt2xSsBordBlanc:link {
    color: var(--color-bt-txt);
  }

  A.Bt:visited, A.BtBarr:visited, A.BtBarrDeb:visited, A.BtBarrRouge:visited, A.BtBarrFin:visited, A.BtBarrRech:visited, A.BtBarrTabl:visited, A.BtBarrTablDeb:visited, A.BtBarrTablFin:visited, A.BtAction:visited,
  A.BtSuppr:visited, A.BtFi:visited, A.Bt2x:visited, A.Bt2xAction:visited, A.Bt2xSuppr:visited, A.Bt2xCompl:visited, A.BtFM:visited, A.Bt4xAction:visited, A.Bt4xSuppr:visited, A.Bt2xSsBordBlanc:visited {
    color: var(--color-bt-txt);
  }

A.BtAction {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  margin: 0.05em 0.20em 0.05em 0.20em;
  background: var(--color-bt-fond);
  /*color: white !important;*/
  color: var(--color-bt-txt);
  border-radius: 0.15em;
  height: 1.2em;
  white-space: nowrap;
  transition-duration: 200ms;
}

  A.BtAction:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtSuppr {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1em;
  margin: 0.05em 0.20em 0.05em 0.20em;
  background: var(--color-bt-fond);
  /*color: white !important;*/
  color: white;
  border-radius: 0.15em;
  height: 1.2em;
  white-space: nowrap;
  transition-duration: 200ms;
}

  A.BtSuppr:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: white;
    cursor: pointer;
  }

A.Bt2x {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.2em;
  margin: 0.20em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt2x:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.Bt2xAction {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.2em;
  margin: 0.20em;
  background: #6A994E;
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt2xAction:hover {
    text-decoration: none;
    background: #86B077;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.Bt2xSuppr {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.2em;
  margin: 0.20em;
  background: #BC4749;
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt2xSuppr:hover {
    text-decoration: none;
    background: #D86A6A;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.Bt2xCompl {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.2em;
  margin: 0.20em;
  background: #EE9B00;
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt2xCompl:hover {
    text-decoration: none;
    background: #F9BA23;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.Bt4xAction {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.5em;
  margin: 0.20em;
  background: #1DB840;
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt4xAction:hover {
    text-decoration: none;
    background: #1AA238;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.Bt4xSuppr {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.40em 0.6em 0.4em 0.6em;
  font-size: 1.5em;
  margin: 0.20em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0.20em;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt4xSuppr:hover {
    text-decoration: none;
    background: var(--color-bt-fond);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

A.BtFM {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 1.2em 0.40em 1.2em 0.40em;
  box-shadow: rgba(0, 0, 30, 0.75) 0px 3px 8px;
  font-size: 1.2em;
  margin: 0.20em;
  background: var(--color-bt-fond);
  white-space: nowrap;
  color: var(--color-bt-txt) !important;
  text-align: left !important;
}

  A.BtFM:hover {
    text-decoration: none;
    background: var(--color-bt-txt);
    transition-duration: 200ms;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--color-bt-txtzoneetat) !important;
    cursor: pointer;
  }


A.BtSsBord, i.BtSsBord, TD.BtSsBord, A.BtSsBord span, A.BtSsBord i {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  font-weight: bold;
  color: var(--color-bt-fond);
  transition-duration: 200ms;
}

  A.BtSsBord:hover, i.BtSsBord:hover, TD.BtSsBord:hover {
    text-decoration: none;
    color: var(--color-bt-fondhover);
    cursor: pointer;
  }

  a.BtSsBord:link, a.BtSsBord:visited, i.BtSsBord:link, i.BtSsBord:visited, TD.BtSsBord:link, TD.BtSsBord:visited {
    color: var(--color-bt-fond);
  }

A.BtSsBordRouge {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  font-weight: bold;
  color: var(--color-bt-fond);
  transition-duration: 200ms;
}

  A.BtSsBordRouge:hover {
    text-decoration: none;
    color: var(--color-bt-fondhover);
    cursor: pointer;
  }

  a.BtSsBordRouge:link, a.BtSsBordRouge:visited {
    color: #B12121;
  }

A.BtSsBordVert {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: #1DB840;
}

  A.BtSsBordVert:hover {
    text-decoration: none;
    color: #1AA238;
    cursor: pointer;
  }

  a.BtSsBordVert:link, a.BtSsBordVert:visited {
    color: #1DB840;
  }

A.BtSsBordGris {
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: orangered;
}

A.Bt2xSsBordGris {
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1.5em;
  margin: 0.2em;
  color: #909090;
}

  A.BtSsBordGris:hover, A.Bt2xSsBordGris:hover {
    text-decoration: none;
    color: var(--color-bt-titre);
    cursor: pointer;
  }

A.Bt2xSsBordBlanc {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1.2em;
  margin: 0.2em;
  color: var(--color-bt-txt);
  width: auto;
  height: 1.2em;
  white-space: nowrap;
}

  A.Bt2xSsBordBlanc:hover {
    text-decoration: none;
    color: var(--color-bt-txt);
    cursor: pointer;
  }

a.BtSsBordGris:link, a.BtSsBordGris:visited, a.Bt2xSsBordGris:link, a.Bt2xSsBordGris:visited {
  color: white;
  
}

A.BtSsBordnoClic, TD.BtSsBordnoClic {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: #009EE0;
}

  A.BtSsBordnoClic:hover, TD.BtSsBordnoClic:hover {
    text-decoration: none;
    cursor: none;
  }

@media screen and (max-width: 1024px) {
  A.BtSsBord {
    width: auto;
    min-width: 1.5em;
    vertical-align: middle;
    padding: 0.40em 0.6em 0.4em 0.6em;
    font-size: 1em;
    margin: 0.20em;
    background: var(--color-bt-fond);
    color: white;
    border-radius: 0.20em;
  }

    A.BtSsBord:hover {
      text-decoration: none;
      background: var(--color-bt-fondhover);
      color: white;
      cursor: pointer;
    }

    a.BtSsBord:link, a.BtSsBord:visited {
      color: var(--color-bt-txt);
    }

  A.BtSsBordRouge {
    width: auto;
    min-width: 1.5em;
    vertical-align: middle;
    padding: 0.40em 0.6em 0.4em 0.6em;
    font-size: 1em;
    margin: 0.20em;
    background: #B12121;
    color: var(--color-bt-txt);
    border-radius: 0.20em;
  }

    A.BtSsBordRouge:hover {
      text-decoration: none;
      background: #BA1D1D;
      color: var(--color-bt-txt);
      cursor: pointer;
    }

    a.BtSsBordRouge:link, a.BtSsBordRouge:visited {
      color: var(--color-bt-txt);
    }

  A.BtSsBordVert {
    width: auto;
    min-width: 1.5em;
    vertical-align: middle;
    padding: 0.40em 0.6em 0.4em 0.6em;
    font-size: 1em;
    margin: 0.20em;
    background: #1DB840;
    color: var(--color-bt-txt);
    border-radius: 0.20em;
  }

    A.BtSsBordVert:hover {
      text-decoration: none;
      background: #1AA238;
      color: var(--color-bt-txt);
      cursor: pointer;
    }

    a.BtSsBordVert:link, a.BtSsBordVert:visited {
      color: var(--color-bt-txt);
    }
}

A.BtFi {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 0.20em 0.2em 0.2em 0.2em;
  font-size: 1em;
  margin-left: 0.20em;
  background: var(--color-bt-fond);
  color: var(--color-bt-txt);
  border-radius: 0.15em;
  height: 1em;
  transition-duration: 200ms;
}

  A.BtFi:hover {
    text-decoration: none;
    background: var(--color-bt-fondhover);
    color: var(--color-bt-txt);
    cursor: pointer;
  }

@media screen and (max-width: 800px) {
  a.BtBarr, a.BtBarrDeb, a.BtBarrFin {
    border-radius: 0.2em;
    margin: 0.2em;
  }

  A.BtBarrFinSeul {
    display: none;
  }

  A.BtBarrTablFinSeul {
    display: none;
  }
}


/* Boutons spéciaux */
TD.ZoneNo {
  color: var(--color-bt-txtzoneetat);
  font: 15px;
  width: 200px;
  min-height: 20px;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: var(--color-bt-titre);
  cursor: default;
}

TD.ZoneNoAcc {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 1.2em 0.40em 1.2em 0.40em;
  box-shadow: rgba(0, 0, 30, 0.75) 0px 3px 8px;
  font-size: 1.2em;
  margin: 0.20em;
  background: var(--color-bt-titre);
  white-space: nowrap;
  color: var(--color-bt-txtzoneetat) !important;
  text-align: left !important;
}


DIV.ZoneNo1 {
  color: var(--color-bt-txtzoneetat);
  font: 15px;
  width: 100px;
  height: 66px;
  padding: 0px 20px 20px 0px;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--color-bt-borderzoneetat);
  border-top: solid 1px var(--color-bt-borderzoneetat);
  border-left: solid 1px var(--color-bt-borderzoneetat);
  border-right: solid 1px var(--color-bt-borderzoneetat);
  border-bottom: solid 1px var(--color-bt-borderzoneetat);
  background: #DCDE7E;
  border-radius: 2px;
  background: -moz-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -webkit-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -o-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -ms-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneNo2 {
  color: var(--color-bt-txtzoneetat);
  font: 15px;
  width: 270px;
  height: 66px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid var(--color-bt-borderzoneetat);
  border-top: solid 1px var(--color-bt-borderzoneetat);
  border-left: solid 1px var(--color-bt-borderzoneetat);
  border-right: solid 1px var(--color-bt-borderzoneetat);
  border-bottom: solid 1px var(--color-bt-borderzoneetat);
  background: #DCDE7E;
  border-radius: 2px;
  background: -moz-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -webkit-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -o-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -ms-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneNo3 {
  color: var(--color-bt-txtzoneetat);
  font: 15px;
  width: 270px;
  height: 200px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid var(--color-bt-borderzoneetat);
  border-top: solid 1px var(--color-bt-borderzoneetat);
  border-left: solid 1px var(--color-bt-borderzoneetat);
  border-right: solid 1px var(--color-bt-borderzoneetat);
  border-bottom: solid 1px var(--color-bt-borderzoneetat);
  background: #DCDE7E;
  border-radius: 2px;
  background: -moz-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -webkit-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -o-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: -ms-linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  background: linear-gradient(top, var(--color-bt-fondzoneetat) 40%, var(--color-bt-fondzoneetat) 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

TD.ZoneEtat {
  padding: 5px;
  border: 1px solid var(--color-bt-fond);
  border-radius: 15px;
  font-size: 15px;
  min-height: 20px;
  color: var(--color-bt-fond);
  font-weight: normal;
  /*font-size: large;*/
  margin: 0;
  cursor: pointer;
  text-align: center;
}


DIV.ZoneEtat1 {
  color: #000;
  font: 15px;
  width: 100px;
  height: 66px;
  padding: 0px 20px 20px 0px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #7ED91A;
  border-top: solid 1px #7ED91A;
  border-left: solid 1px #7ED91A;
  border-right: solid 1px #64AB14;
  border-bottom: solid 1px #64AB14;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -webkit-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -o-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -ms-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneEtat2 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 66px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #7ED91A;
  border-top: solid 1px #7ED91A;
  border-left: solid 1px #7ED91A;
  border-right: solid 1px #64AB14;
  border-bottom: solid 1px #64AB14;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -webkit-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -o-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -ms-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneEtat3 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 200px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #7ED91A;
  border-top: solid 1px #7ED91A;
  border-left: solid 1px #7ED91A;
  border-right: solid 1px #64AB14;
  border-bottom: solid 1px #64AB14;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -webkit-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -o-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -ms-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

  TD.ZoneEtat:hover, DIV.ZoneEtat1:hover, DIV.ZoneEtat2:hover, DIV.ZoneEtat3:hover {
    background: #1B4D89;
    color: var(--color-bt-txt);
  }

TD.ZoneEtatAcc {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 1.2em 0.40em 1.2em 0.40em;
  box-shadow: rgba(0, 0, 30, 0.75) 0px 3px 8px;
  font-size: 1.2em;
  margin: 0.20em;
  background: #BFF188;
  white-space: nowrap;
  color: var(--color-bt-txtzoneetat) !important;
  text-align: left !important;
}

  TD.ZoneEtatAcc:hover {
    text-decoration: none;
    background: #D7F6B5;
    transition-duration: 200ms;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--color-bt-txtzoneetat) !important;
    cursor: pointer;
  }

TD.ZoneAlert {
  padding: 5px;
  border: 1px solid #A46562;
  border-radius: 15px;
  font-size: 15px;
  min-height: 20px;
  color: #A46562;
  font-weight: normal;
  /*font-size: large;*/
  margin: 0;
  cursor: pointer;
  text-align: center;
}

DIV.ZoneAlert1 {
  color: #000;
  font: 15px;
  width: 100px;
  height: 66px;
  padding: 0px 20px 20px 0px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #E1B428;
  border-top: solid 1px #E1B428;
  border-left: solid 1px #E1B428;
  border-right: solid 1px #B38C1A;
  border-bottom: solid 1px #B38C1A;
  background: #E9C969;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -webkit-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -o-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -ms-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneAlert2 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 66px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #E1B428;
  border-top: solid 1px #E1B428;
  border-left: solid 1px #E1B428;
  border-right: solid 1px #B38C1A;
  border-bottom: solid 1px #B38C1A;
  background: #E9C969;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -webkit-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -o-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -ms-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneAlert3 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 200px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #E1B428;
  border-top: solid 1px #E1B428;
  border-left: solid 1px #E1B428;
  border-right: solid 1px #B38C1A;
  border-bottom: solid 1px #B38C1A;
  background: #E9C969;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -webkit-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -o-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: -ms-linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  background: linear-gradient(top, #F1DEA3 40%, #E9C969 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}


  TD.ZoneAlert:hover, DIV.ZoneAlert1:hover, DIV.ZoneAlert2:hover, DIV.ZoneAlert3:hover {
    background: #A46562;
    color: var(--color-bt-txt);
  }

  TD.ZoneAlert:active, DIV.ZoneAlert1:active, DIV.ZoneAlert2:active, DIV.ZoneAlert3:active {
    box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
  }

TD.ZoneLien {
  color: var(--color-bt-fond);
  font-size: 15px;
  width: 100px;
  min-height: 16px;
  padding: 16px;
  /*  text-align: left;*/
  text-decoration: none;
  /*  background-color: white;*/
  border: 1px solid;
  border-color: var(--color-bt-fond);
  border-radius: 2px;
  /*  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
  cursor: pointer;
}

DIV.ZoneLien1 {
  color: #000;
  font: 15px;
  width: 100px;
  height: 66px;
  padding: 0px 20px 20px 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #B470F1;
  border-top: solid 1px #B470F1;
  border-left: solid 1px #B470F1;
  border-right: solid 1px #993EEC;
  border-bottom: solid 1px #993EEC;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -webkit-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -o-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -ms-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}


  TD.ZoneLien:hover, DIV.ZoneLien1:hover {
    border: 1px solid var(--color-bt-fond);
    background-color: var(--color-bt-fond);
    color: white;
    border-radius: 2px;
    /*font-weight: bold;*/
  }

  TD.ZoneLien:hover, DIV.ZoneLien1:active {
    border: 1px solid var(--color-bt-fond);
    background-color: var(--color-bt-fond);
    color: white;
    border-radius: 2px;
    /*font-weight: bold;*/
  }

TD.ZoneLien B {
  font-size: 22px;
  font-weight: bold;
}

TD.ZoneLien i {
  font-size: 20px;
  margin-bottom: 5px;
}

TD.ZoneLienAcc {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 1.2em 0.40em 1.2em 0.40em;
  box-shadow: rgba(0, 0, 30, 0.75) 0px 3px 8px;
  font-size: 1.2em;
  margin: 0.20em;
  background: var(--color-bt-fond);
  white-space: nowrap;
  color: var(--color-bt-txt) !important;
  text-align: left !important;
}

  TD.ZoneLienAcc:hover {
    text-decoration: none;
    background: var(--color-bt-txt);
    transition-duration: 200ms;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--color-bt-txtzoneetat) !important;
    cursor: pointer;
  }

TD.ZoneAlertAcc {
  width: auto;
  min-width: 1.5em;
  vertical-align: middle;
  padding: 1.2em 0.40em 1.2em 0.40em;
  box-shadow: rgba(0, 0, 30, 0.75) 0px 3px 8px;
  font-size: 1.2em;
  margin: 0.20em;
  background: #E9C969;
  white-space: nowrap;
  color: var(--color-bt-txt) !important;
  text-align: left !important;
}

  TD.ZoneAlertAcc:hover {
    text-decoration: none;
    background: var(--color-bt-txt);
    transition-duration: 200ms;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: var(--color-bt-txtzoneetat) !important;
    cursor: pointer;
  }

TD.ZoneRouge {
  color: white;
  font: 15px;
  width: 100px;
  min-height: 16px;
  padding: 16px;
  text-decoration: none;
  background-color: #BC4749;
  border: 1px solid #BC4749;
  border-radius: 2px;
  cursor: pointer;
}

}

DIV.ZoneRouge1 {
  color: #000;
  font: 15px;
  width: 100px;
  height: 66px;
  padding: 0px 20px 20px 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #B470F1;
  border-top: solid 1px #BB241C;
  border-left: solid 1px #BB241C;
  border-right: solid 1px #941D16;
  border-bottom: solid 1px #941D16;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -webkit-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -o-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -ms-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneRouge2 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 66px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #B470F1;
  border-top: solid 1px #BB241C;
  border-left: solid 1px #BB241C;
  border-right: solid 1px #941D16;
  border-bottom: solid 1px #941D16;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -webkit-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -o-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -ms-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

DIV.ZoneRouge3 {
  color: #000;
  font: 15px;
  width: 270px;
  height: 200px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #B470F1;
  border-top: solid 1px #BB241C;
  border-left: solid 1px #BB241C;
  border-right: solid 1px #941D16;
  border-bottom: solid 1px #941D16;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -webkit-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -o-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: -ms-linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  background: linear-gradient(top, #F1ACA9 40%, #E86F68 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

  TD.ZoneRouge:hover, DIV.ZoneRouge1:hover, DIV.ZoneRouge2:hover, DIV.ZoneRouge3:hover {
    background: #CA6465;
    /*background: #E8D2FB;
		background: -moz-linear-gradient(top, #F7CCCA 0%, #EC8782 100%);
		background: -webkit-linear-gradient(top, #F7CCCA 0%, #EC8782 100%);
		background: -o-linear-gradient(top, #F7CCCA 0%, #EC8782 100%);
		background: -ms-linear-gradient(top, #F7CCCA 0%, #EC8782 100%);
		background: linear-gradient(top, #F7CCCA 0%, #EC8782 100%);*/
  }

TD.ZoneRouge:active {
  box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
}

INPUT.BtValid2 {
  color: #000;
  font: 15px;
  width: 140px;
  min-height: 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #7ED91A;
  border-top: solid 1px #7ED91A;
  border-left: solid 1px #7ED91A;
  border-right: solid 1px #64AB14;
  border-bottom: solid 1px #64AB14;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -webkit-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -o-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: -ms-linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  background: linear-gradient(top, #CEF4A4 40%, #B1EE6F 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

INPUT.BtAttention2 {
  color: #000;
  font: 15px;
  width: 140px;
  min-height: 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #BCBE4B;
  border-top: solid 1px #BCBE4B;
  border-left: solid 1px #BCBE4B;
  border-right: solid 1px #9A9C38;
  border-bottom: solid 1px #9A9C38;
  background: #DCDE7E;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #EBEBAB 40%, #D2D462 100%);
  background: -webkit-linear-gradient(top, #EBEBAB 40%, #D2D462 100%);
  background: -o-linear-gradient(top, #EBEBAB 40%, #D2D462 100%);
  background: -ms-linear-gradient(top, #EBEBAB 40%, #D2D462 100%);
  background: linear-gradient(top, #EBEBAB 40%, #D2D462 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

INPUT.BtRetour2 {
  color: #000;
  font: 15px;
  width: 50px;
  min-height: 20px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #B470F1;
  border-top: solid 1px #B470F1;
  border-left: solid 1px #B470F1;
  border-right: solid 1px #993EEC;
  border-bottom: solid 1px #993EEC;
  background: #CEF4A4;
  border-radius: 2px;
  background: -moz-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -webkit-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -o-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: -ms-linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  background: linear-gradient(top, #DDBFF9 40%, #CA9AF5 100%);
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  cursor: pointer;
}

A.BtPrio1 {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: var(--color-bt-txt) !important;
  background: #B12121;
}

  A.BtPrio1:hover {
    text-decoration: none;
    cursor: none;
  }

A.BtPrio2 {
  width: auto;
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: var(--color-bt-txt) !important;
  background: orange;
}

  A.BtPrio2:hover {
    text-decoration: none;
    cursor: none;
  }

A.BtPrio3 {
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: var(--color-bt-txt) !important;
  background: #1DB840;
}

  A.BtPrio3:hover {
    text-decoration: none;
    cursor: none;
  }

A.BtPrio4 {
  min-width: 1.1em;
  vertical-align: middle;
  padding: 0.1em;
  font-size: 1em;
  margin: 0.2em;
  color: var(--color-bt-txt) !important;
  background: #909090;
}

  A.BtPrio4:hover {
    text-decoration: none;
    cursor: none;
  }