@font-face{
  font-family:ABBaldingerProBookRegular;
  src:local("☺︎"), url(ABBaldingerPro-Book.woff) format("woff");
  font-weight:400;
  font-style:normal
  } 
@font-face {
      font-family: "Admin Icons";
      font-style: normal;
      font-weight: 400;
      src: url("../fonts/AdminCH_Symbols.eot?#iefix") format("embedded-opentype"), url("../fonts/AdminCH_Symbols.woff2?v3") format("woff2"), url("../fonts/AdminCH_Symbols.woff?v3") format("woff"), url("../fonts/AdminCH_Symbols.ttf?v3") format("truetype");
    }
body{
font-family: ABBaldingerProBookRegular,Arial,Helvetica,sans-serif;
}
a{
  /*background-color: rgba(0, 0, 0, 0);*/
box-sizing: border-box;
color: rgb(128, 128, 128);
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
text-decoration-color: rgb(128, 128, 128);
/*text-decoration-line: underline;*/
text-decoration-style: solid;
}
#myInput {
 
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0px 0px;
background-position-x: 0px;
background-position-y: 0px;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(204, 204, 204);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(128, 128, 128);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(128, 128, 128);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(128, 128, 128);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
box-shadow: none;
box-sizing: border-box;
color: rgb(128, 128, 128);
display: block;
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 14px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: 400;
height: 25px;
line-height: 16.8px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(128, 128, 128);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 30px;
padding-top: 0px;
position: relative;
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: width;
transition-timing-function: ease;
width: 200px;
z-index: 30;
/*background-image: url('https://www.w3schools.com/css/searchicon.png');*/ /* Add a search icon to input */
  background-position: right top; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
}
/* Style the submit button */
button {
 background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0px 50%;
background-position-x: 0px;
background-position-y: 50%;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(128, 128, 128);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(128, 128, 128);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(128, 128, 128);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(128, 128, 128);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(128, 128, 128);
cursor: pointer;
display: block;
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 18px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-weight: 400;
left: 177px;
line-height: 28.8px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
padding-top: 3px;
position: absolute;
right: -8px;
text-transform: none;
top: -8px;
z-index: 999;
}
/* Classe obligatoire pour les flèches */
.flecheDesc {
  vertical-align: bottom;
  margin: 10px;
  border-style: solid;
  border-color: rgb(128, 128, 128);
  border-width: 0 3px 3px 0;
  display: inline-block;
 padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.flecheAsc {
  vertical-align: bottom;
  margin: 10px;
  border-style: solid;
  border-color: rgb(128, 128, 128);
  border-width: 0 3px 3px 0;
  display: inline-block;
 padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/* Classe optionnelle pour le style */
table {
    width: 100%;
    max-width: 100%;
   column-width: auto;
    background-color: rgb(245, 245, 245);
border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 0px;
border-collapse: collapse;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 0px;
border-spacing: 0px 0px;
border-top-color: rgb(221, 221, 221);
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: #333;
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 25.6px;
}
td {
  border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-spacing: 0px 0px;
border-top-color: rgb(221, 221, 221);
border-top-style: solid;
border-top-width: 0px;
box-sizing: border-box;
color: #333;
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 25.6px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
vertical-align: top;
}
.avectri th {
  background-attachment: scroll;
background-clip: border-box;
background-color: rgb(245, 245, 245);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-spacing: 0px 0px;
border-top-color: rgb(221, 221, 221);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(128, 128, 128);
font-family: ABBaldingerProBookRegular, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 25.6px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
text-align: left;
vertical-align: bottom;
-moz-user-select: none;
}
.avectri th.selection {
 color: red;

}
.avectri th.tri:hover {
 color: red;
}
.avectri th.selection .flecheDesc {border-color: red;}
.avectri th.selection .flecheAsc {border-color: red;}
.avectri th.tri .flecheDesc:hover {border-color: red;}
.avectri th.tri .flecheAsc:hover{border-color: red;}
.avectri th.tri {
 cursor: pointer;

}
a:hover {
 color: red;
 text-decoration:none;
}