/* ======= Skin Standard | 6.1.1 | Copyright (c) 2005-2025 Doxense SAS ======= */
body {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
  color: #000;
  background-color: #fff;
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", "Lucida Grande", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  scrollbar-face-color: #F2F6FC;
  scrollbar-shadow-color: #9BB5D6;
  scrollbar-highlight-color: #9BB5D6;
  scrollbar-3dlight-color: white;
  scrollbar-track-color: white;
  scrollbar-darkshadow-color: white;
  scrollbar-arrow-color: #9BB5D6;
}

form {
  margin: 0;
}

address, caption, cite, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}

sub, sup {
  font-size: 80%;
}

a, a.link {
  color: #374B80;
}

.h {
  cursor: help;
}

.ptr {
  cursor: pointer;
}

.d {
  color: silver;
}

.g {
  color: gray;
}

.wb {
  background-color: white;
}

.red {
  color: red;
}

.nowrap {
  white-space: nowrap;
}

.u {
  text-decoration: underline;
}

.i {
  font-style: italic;
}

.l {
  text-align: left;
}

.r {
  text-align: right;
}

.c {
  text-align: center;
}

b, .b, .bold {
  font-weight: bold;
}

.bm, .semibold {
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.light {
  font-family: "Segoe UI Semilight", "Segoe UI", "Roboto Light", "Roboto", "Helvetica Neue", "Lucida Grande", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.normal {
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", "Lucida Grande", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.middle {
  vertical-align: middle;
}

.printonly {
  display: none;
}

.page-break {
  page-break-before: always;
}

.fixed {
  font-family: "Consolas", "Times New Roman", fixedsys;
}

.block {
  display: block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.lpad {
  padding: 0 0.25em 0 0.5em;
}

.rpad {
  padding: 0 0.5em 0 0.25em;
}

.hpad {
  padding: 0 0.5em;
}

.nopad {
  padding: 0;
}

.inline-icon img {
  vertical-align: middle;
  padding-right: 0.25em;
}

td.icon {
  width: 16px;
  max-width: 16px;
  padding: 0;
  margin: 0;
}
td.icon > img {
  margin: 0;
  padding: 0;
  border: none;
}

td.icon-pad {
  width: 1%;
  max-width: 24px;
  margin: 0;
  padding: 0 0.1em;
}
td.icon-pad > img {
  margin: 0;
  padding: 0;
  border: none;
}

td.spark {
  padding: 0;
  margin: 0;
}
td.spark > img {
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
}

.f7, a.ulink.f7, a.f7.link {
  font-size: 7pt;
}

.f7p5, a.ulink.f7p5, a.f7p5.link {
  font-size: 7.5pt;
}

.f8, a.ulink.f8, a.f8.link {
  font-size: 8pt;
}

.f8p5, a.ulink.f8p5, a.f8p5.link {
  font-size: 8.5pt;
}

.f9, a.ulink.f9, a.f9.link {
  font-size: 9pt;
}

.f10, a.ulink.f10, a.f10.link {
  font-size: 10pt;
}

.f11, a.ulink.f11, a.f11.link {
  font-size: 11pt;
}

.f12 {
  font-size: 12pt;
}

.f13 {
  font-size: 13pt;
}

.f14 {
  font-size: 14pt;
}

.f15 {
  font-size: 15pt;
}

.demoversion {
  display: block;
  position: absolute;
  top: 4px;
  width: 20%;
  left: 40%;
  text-align: center;
  background-color: #FFFAE4;
  border: 1px solid #3959AE;
  color: red;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
}

p.text {
  text-align: justify;
}

.title {
  color: #3959AE;
  font-weight: bold;
  font-size: 10pt;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  padding: 4px 10px;
}

a.sortlink {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

a.sortlink:hover {
  text-decoration: underline;
  background-color: #FFFAE4;
}

thead .x-sortable-td {
  border-bottom: 1px solid #EDEEEF;
}

a.ulink, a.link, a.ulink.link {
  color: #000;
  font-size: 8pt;
}
a.ulink.d, a.d.link {
  color: silver;
}
a.ulink.g, a.g.link {
  color: gray;
}

a.link {
  text-decoration: none;
}

a.link_disabled {
  color: silver;
  font-size: 8pt;
  text-decoration: none;
}

a.link_error {
  color: red;
  font-size: 8pt;
  text-decoration: none;
}

a.link_error:hover {
  text-decoration: underline;
}

a.link_warning {
  color: #FF4500;
  font-size: 8pt;
  text-decoration: none;
}

a.link_warning:hover {
  text-decoration: underline;
}

a.link_off {
  color: gray;
  font-size: 8pt;
  text-decoration: none;
}

a.link:hover {
  text-decoration: underline;
}

a.external {
  color: #374B80;
  font-size: 8pt;
}

a.helplink {
  color: #374B80;
  font-size: 8pt;
}

a.smalllink {
  color: #374B80;
  font-size: 7pt;
  text-decoration: none;
}

a.smalllink:hover {
  text-decoration: underline;
}

#layoutdiv {
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 0.5em;
}

.dcg {
  background-color: #F9F9F9;
  color: silver;
  text-align: center;
  font-size: 85%;
}

.opa33 {
  opacity: 0.33;
  filter: alpha(opacity=33);
}

.admin-image-button {
  height: 36px;
  width: 36px;
}

img.admin-image-button {
  height: 36px;
  width: 36px;
}

.opa66 {
  opacity: 0.66;
  filter: alpha(opacity=66);
}

.br2 {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.br3 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.br4 {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.br6 {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.br8 {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.br16 {
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}

.bsh1 {
  box-shadow: 1px 1px 2px #F0F0F0;
  -webkit-box-shadow: 1px 1px 2px #F0F0F0;
  -moz-box-shadow: 1px 1px 2px #F0F0F0;
}

.bsh2 {
  box-shadow: 2px 2px 2px #F0F0F0;
  -webkit-box-shadow: 2px 2px 2px #F0F0F0;
  -moz-box-shadow: 2px 2px 2px #F0F0F0;
}

.bsh4 {
  box-shadow: 4px 4px 8px #F0F0F0;
  -webkit-box-shadow: 4px 4px 8px #F0F0F0;
  -moz-box-shadow: 4px 4px 8px #F0F0F0;
}

.invisible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* CLIENT */
.x-top-bar {
  position: relative;
  width: 100%;
  height: 40px;
}

.x-top-oem-doxense {
  background-color: #F8F8FC;
  border-bottom: 1px solid #F0F0F8;
}

.x-admin-oem-doxense {
  background-color: #F8F8FC;
  border-bottom: 1px solid #F0F0F8;
}

/* classes associe'es aux erreurs lors du deboggage */
.AWD_ERROR_SECTION {
  color: #374B80;
  font-size: 11pt;
  font-weight: bold;
}

.AWD_ERROR_TEXT {
  color: #374B80;
  font-size: 9pt;
}

.AWD_ERROR_TIMEOUT {
  color: #374B80;
  font-size: 9pt;
  font-weight: bold;
}

.AWD_ERROR {
  font-weight: bold;
  font-size: 8pt;
  color: red;
}

/* classe associe'es au compte a rebours */
.AWD_WARNING_TEXT {
  color: #374B80;
  font-size: 10pt;
}

.AWD_WARNING_TIMEOUT {
  color: #374B80;
  font-size: 10pt;
  font-weight: bold;
}

.AWD_WARNING_POPUP {
  border: 1px solid #3C496D;
  background-color: #DCE7F3;
}

div.warning {
  color: white;
  padding: 4px;
  text-align: justify;
  background-color: red;
  border: 1px solid #FFC40A;
  font-weight: bold;
}

td.warning {
  color: white;
  background-color: red;
  font-weight: bold;
}

/* classe associee au message relatif au lecteur de carte */
.AWD_SMARTCARD_TEXT {
  color: #374B80;
  font-size: 10pt;
  font-weight: bold;
}

.AWD_SMARTCARD_BACKGROUND {
  background-color: white;
}

.AWD_SMARTCARD_POPUP {
  border: 1px solid black;
  background-color: #374B80;
}

/* boutons de la topbar */
.AWD_LOGOFF_BUTTON {
  color: #FFFFFF;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

.AWD_NORMAL_BUTTON {
  color: #333;
  font-size: 10pt;
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", "Lucida Grande", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

.AWD_EMPH_BUTTON {
  color: #FF4444;
  font-size: 10pt;
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", "Lucida Grande", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

.admin_topbar {
  color: #333;
  font-size: 7pt;
  font-weight: bold;
}

/* Onglets de l'admin */
#adminonglets table.onglets a {
  display: block;
  font-size: 9pt;
  height: 24px;
  line-height: 24px;
  text-align: center;
  padding-right: 1em;
}
#adminonglets table.onglets img {
  margin-right: 0.25em;
  border: none;
  vertical-align: middle;
  margin-top: -4px;
}

.AWD_ADMIN_ONG {
  background-color: #F4F5F5;
  border: 1px solid #D7D8D9;
  line-height: 24px;
  padding: 2px 0px;
  border-left: none;
  border-right: none;
  margin-right: 1px;
}
.AWD_ADMIN_ONG:hover {
  background-color: #F2F6FC;
  border: 1px solid #BBCDDF;
  text-decoration: none;
  border-left: none;
  border-right: none;
  margin-right: 1px;
}

.AWD_ADMIN_ONG_SELECTED {
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  line-height: 24px;
  padding: 2px 0px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* mise en page */
.AWD_TITLE {
  padding: 4px;
  font-weight: bold;
  font-size: 13pt;
  color: #333;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  -webkit-box-shadow: 2px 2px 2px #F0F0F0;
  -moz-box-shadow: 2px 2px 2px #F0F0F0;
  box-shadow: 2px 2px 2px #F0F0F0;
}

.AWD_PREVIEW_TITLE {
  color: #333;
  font-weight: bold;
  font-size: 10pt;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
}

.AWD_PREVIEW_TITLE_LINK {
  color: #333;
  font-weight: bold;
  font-size: 10pt;
}

.AWD_PREVIEW_TITLE_ERROR {
  color: red;
  font-weight: bold;
  font-size: 10pt;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
}

.AWD_PREVIEW_TITLE_NOT_READY {
  color: gray;
  font-style: italic;
  font-weight: bold;
  font-size: 10pt;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
}

.AWD_SECTION {
  color: #333;
  font-weight: bold;
  font-size: 10pt;
  padding: 0px 4px;
}

.AWD_TEXT {
  color: #333;
  font-size: 10pt;
}

.AWD_INSTALL_TEXT {
  color: #374B80;
  font-size: 12pt;
  font-weight: bold;
}

.AWD_INSTALL_ERROR {
  color: red;
  font-size: 12pt;
  font-weight: bold;
}

.AWD_SMALL_TEXT {
  color: #374B80;
  font-size: 8pt;
}

.AWD_CONTENT {
  border: 1px solid #3C496D;
  background-color: #DCE7F3;
}

.AWD_PREVIEW_NO_AVAILABLE {
  font-weight: bold;
  font-size: 10pt;
  background-color: white;
  color: #333;
}

.AWD_INFO_VSPACING {
  height: 7px;
}

/* login par formulaire */
.AWD_LOGIN {
  width: 270px;
  color: #333;
  font-weight: bold;
  font-size: 8pt;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFE8), to(#FFF6E0));
  background-image: -moz-linear-gradient(top, #FFFFE8, #FFF6E0);
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  -webkit-box-shadow: 2px 2px 2px #F0F0F0;
  -moz-box-shadow: 2px 2px 2px #F0F0F0;
  box-shadow: 2px 2px 2px #F0F0F0;
}

.AWD_INPUT_LOGIN {
  width: 100px;
  border: 1px solid #BBAE85;
  background-color: #FFFCFC;
  font-size: 10pt;
}

.AWD_INPUT_LOGIN:focus {
  background-color: #FFF;
}

.AWD_INPUT_LOGIN_ERROR {
  width: 100px;
  border: 1px solid red;
  font-size: 10pt;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  color: #333 !important;
  -webkit-text-fill-color: #333 !important;
  background-color: #FFF !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

/* virements entre comptes */
.AWD_INPUT_TRANSFERT {
  width: 96px;
  border: 1px solid #374B80;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  padding-right: 2px;
}

.AWD_INPUT_TRANSFERT_ERROR {
  width: 96px;
  border: 1px solid red;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  color: red;
  padding-right: 2px;
}

/* la page detail */
.AWD_EDIT_ZONE {
  color: #3959AE;
  font-size: 9pt;
  padding: 4px;
  font-weight: bold;
}

.AWD_EDIT_BUTTONS_GROUP {
  border: 1px solid #374B80;
  border-bottom: none;
}

.AWD_EDIT_BUTTON {
  border-bottom: 1px solid #374B80;
  height: 25px;
  background-color: #F0F4F9;
}

.AWD_EDIT_BUTTON_SELECTED {
  border-bottom: 1px solid #374B80;
  height: 25px;
  background-color: #FFFAE4;
}

.AWD_EDIT_BUTTON_TEXT {
  color: #3959AE;
  font-size: 8pt;
}

.AWD_EDIT_BUTTON_SELECTED_TEXT {
  color: #3959AE;
  font-size: 8pt;
}

.AWD_RATE_BORDER {
  width: 100px;
  height: 10px;
  border: 1px solid #3C496D;
}

.AWD_RATE {
  background-color: #FFC308;
  height: 10px;
  font-size: 6pt;
}

div.thumb {
  float: left;
  background-color: white;
  border: 1px solid silver;
  background-color: white;
  padding: 5px;
}

div.thumb_over {
  float: left;
  background-color: white;
  border: 1px solid #FFC40A;
  background-color: #FFFAE4;
  cursor: pointer;
  padding: 5px;
}

div.thumb_selected {
  float: left;
  background-color: white;
  border: 1px solid #3C496D;
  background-color: #dce7f3;
  padding: 5px;
}

div.thumb p {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #333;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.thumb_over p {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #333;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.thumb_selected p {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #333;
  margin-top: 0px;
  margin-bottom: 0px;
}

.AWD_THUMB {
  border: 1px solid silver;
  background-color: white;
  padding: 5px;
}

.AWD_THUMB_LEGEND {
  font-size: 10pt;
  font-weight: bold;
  color: #333;
}

.AWD_THUMB_SELECTED {
  border: 1px solid #3C496D;
  background-color: #dce7f3;
  padding: 5px;
}

.AWD_THUMB_OVER {
  border: 1px solid #FFC40A;
  background-color: #FFFAE4;
  cursor: pointer;
  padding: 5px;
}

/* Onglets */
.AWD_ONG_LEFT {
  border-bottom: 1px solid #3C496D;
  font-size: 7pt;
}

.AWD_ONG_RIGHT {
  border-bottom: 1px solid #3C496D;
  font-size: 7pt;
}

.AWD_ONG_SECTION {
  border-top: 1px solid #3C496D;
  font-size: 7pt;
  font-weight: bold;
}

.AWD_ONG_SECTION_SELECTED {
  border-top: 1px solid #3C496D;
  color: #333;
  background-color: #dce7f3;
  font-size: 7pt;
  font-weight: bold;
}

.AWD_ONG_SECTION_LINK {
  color: #A0A0A0;
  text-decoration: none;
}

.AWD_ONG_CONTENT {
  border: 1px solid #3C496D;
  border-top: none;
  background-color: #DCE7F3;
}

/* barre d'outils */
table.AWD_BUTTONS a {
  color: #333;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
}

table.AWD_BUTTONS a:hover {
  text-decoration: underline;
}

.AWD_BUTTON_ON, .AWD_BUTTON_ON table td {
  color: #333;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
}

.AWD_BUTTON_ON:hover, AWD_BUTTON:hover table td {
  text-decoration: underline;
  cursor: pointer;
}

.AWD_BUTTON_OFF, .AWD_BUTTON_OFF table td {
  color: #cccccc;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  cursor: default;
}

/* les documents dans la file d'attente */
.AWD_LIST .head {
  color: #333;
  font-size: 8pt;
  font-weight: bold;
}
.AWD_LIST .row {
  color: #333;
  font-size: 9pt;
}
.AWD_LIST .row_selected {
  color: #333;
  font-size: 9pt;
  background-color: #FFF4D0;
}
.AWD_LIST .rowbig {
  color: #333;
  font-size: 9pt;
  font-weight: bold;
}
.AWD_LIST .rowerror {
  color: red;
  font-size: 9pt;
}
.AWD_LIST .rowbigerror {
  color: red;
  font-size: 9pt;
  font-weight: bold;
  font-style: normal;
}
.AWD_LIST .rownotready {
  color: gray;
  font-size: 9pt;
}
.AWD_LIST .colselected {
  background-color: #F0F4F9;
}
.AWD_LIST .job_spacing {
  height: 10px;
}
.AWD_LIST .printer_spacing {
  height: 20px;
}

.odd, .list .auto_even:nth-child(even) {
  background-color: #FAFAF8;
}

td.sep {
  height: 4px;
  background-color: #FAFAF8;
}

.list .head {
  color: #333;
  font-size: 8.5pt;
  font-weight: bold;
  background-color: #F2F6FC;
}
.list tr.head > th {
  padding: 0 0.5em;
  font-weight: bold;
}
.list tr.head > th.icon {
  padding: 0;
}
.list tr.head.c > th {
  text-align: center;
}
.list tr.head.r > th {
  text-align: right;
}
.list .body {
  background-color: #F8F8FF;
}
.list .row {
  color: #333;
  font-size: 9pt;
}
.list .row_small {
  color: #333;
  font-size: 8pt;
}
.list .row_small_head {
  color: #333;
  font-size: 8pt;
  background-color: #f0f0ff;
}
.list .row_emphasized {
  color: #333;
  font-size: 9pt;
  background-color: #F8F8FF;
}
.list .row_focused {
  background-color: #FFFAE4 !important;
}
.list .row_unfocused {
  color: #AAA;
}
.list .row_emph {
  color: #333;
  font-size: 9pt;
  font-weight: bold;
}
.list .row_group {
  color: #333;
  font-size: 8pt;
  font-weight: bold;
  border-bottom: 1px solid #DCE7F3;
  padding: 0.25em 0.5em;
  background-color: #FCFCFC;
}
.list .row_value {
  color: #333;
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 1px solid #DCE7F3;
}
.list .row_selected {
  color: #333;
  font-size: 9pt;
  background-color: #FFF4D0;
}
.list .row_group_link {
  color: #333;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}
.list .rowerror {
  color: red;
  font-size: 9pt;
}
.list .row_emphasized_error {
  background-color: #FFFAE4;
  color: red;
  font-size: 9pt;
}
.list .rownotready {
  color: gray;
  font-size: 9pt;
}
.list .rownotready_emphasized {
  color: gray;
  font-size: 9pt;
  background-color: #F8F8FF;
}
.list .underline > td {
  border-bottom: 1px solid #EDEEEF;
}

.bordered {
  border-spacing: 1px;
  border: 1px solid #EDEEEF;
  border-bottom: none;
}

table.list caption {
  text-align: left;
  color: #333;
  font-size: 9pt;
  padding: 0.25em;
}

.hvr_on {
  background-color: #FFFAE4 !important;
}

.hvr_show {
  visibility: hidden;
}

.hvr_on .hvr_show {
  visibility: inherit;
}

.value_ultrared {
  color: White !important;
  background-color: Red !important;
  font-weight: bold;
  font-size: 120%;
}

.value_red {
  color: red !important;
  background-color: #FFF6F6 !important;
  font-weight: bold;
}

.value_orange {
  color: #FF4500 !important;
  background-color: #FFF8E0 !important;
  font-weight: bold;
}

.value_green {
  background-color: #E8FFF0 !important;
}

.value_cold {
  background-color: #E8F0FF !important;
}

.value_low {
  color: Gray;
}

.value_ultralow {
  color: Silver;
}

.nimp {
  color: #889;
}

.value_empty {
  color: silver;
  background-color: #F8F8F8;
}

.x-status-square {
  display: inline-block;
  width: 7px;
  height: 14px;
  border-radius: 3px;
  margin: 0 1px;
  vertical-align: sub;
}

table.toplist {
  border: 1px solid #FFC40A;
}

table.toplist thead tr {
  color: #374B80;
  font-size: 8pt;
  font-weight: bold;
  background-color: #FFFAE4;
}

table.toplist tbody tr {
  color: #374B80;
  font-size: 9pt;
  background-color: #FFF;
}

table.stats {
  border: 1px solid #e0e0ff;
}

img.loading {
  background: url(Images/anim_processing.gif) no-repeat;
}

a.hvr_edit {
  display: block;
  padding-right: 16px;
  line-height: 16px;
}

a.hvr_edit:hover {
  background: url(images/button_small_editer.png) 100% 0 no-repeat;
}

a.hvr_view {
  display: block;
  padding-right: 16px;
  line-height: 16px;
}

a.hvr_view:hover {
  background: url(images/button_small_view.png) 100% 0 no-repeat;
}

a.hvr_add {
  display: block;
  padding-right: 16px;
  line-height: 16px;
}

a.hvr_add:hover {
  background: url(images/button_small_add.png) 100% 0 no-repeat;
}

.x-transparent-icon {
  opacity: 0.25;
}
.row:hover .x-transparent-icon {
  opacity: 1;
}

/* affichage des infos sur le document */
.AWD_DOC_TITLE {
  color: #333;
  text-decoration: underline;
  font-size: 9pt;
}

.AWD_DOC_TITLE_ERROR {
  color: red;
  text-decoration: none;
}

.AWD_DOC_TITLE_ERROR_WITH_PREVIEW {
  color: red;
  text-decoration: underline;
}

.AWD_DOC_TITLE_NOT_READY {
  color: gray;
  text-decoration: none;
  font-style: italic;
}

.AWD_DOC_TITLE_NO_PREVIEW {
  color: #333;
  font-size: 9pt;
}

.AWD_DOC_TEXT {
  color: #333;
}

.AWD_DOC_TEXT_ERROR {
  color: red;
}

.AWD_DOC_TEXT_NOT_READY {
  color: gray;
  font-style: italic;
}

.AWD_DOC_BIG_TITLE {
  color: #333;
  text-decoration: underline;
  font-size: 11pt;
  font-weight: bold;
}

.AWD_DOC_BIG_TITLE_ERROR {
  color: red;
  text-decoration: none;
  font-size: 11pt;
  font-weight: bold;
}

.AWD_DOC_BIG_TITLE_NOT_READY {
  color: gray;
  text-decoration: none;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
}

.AWD_DOC_BIG_TITLE_NO_PREVIEW {
  color: #333;
  text-decoration: none;
  font-size: 11pt;
  font-weight: bold;
}

.AWD_DOC_COST {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
}

.AWD_DOC_COST_ERROR {
  color: red;
  font-size: 10pt;
  font-weight: bold;
}

.AWD_DOC_COST_NOT_READY {
  color: gray;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
}

.AWD_DOC_GROUP {
  background-color: #f0f4f9;
  color: #333;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_DOC_GROUP_ERROR {
  background-color: #f0f4f9;
  color: red;
  font-size: 8pt;
  font-weight: bold;
}

.doc_title {
  color: #333;
  text-decoration: underline;
  font-size: 9pt;
}

.doc_titleerror {
  color: red;
  text-decoration: underline;
}

.doc_titlenotready {
  color: gray;
  text-decoration: underline;
  font-style: italic;
}

.doc_big_title {
  color: #333;
  text-decoration: underline;
  font-size: 11pt;
  font-weight: bold;
}

.doc_big_titleerror {
  color: red;
  text-decoration: underline;
  font-size: 11pt;
}

.doc_cost {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
}

/* affichage des infos des imprimantes */
.AWD_PRINTER_DELIMITER {
  border-bottom: 1px solid #FFC30A;
  padding: 2px;
}

.AWD_PRINTER_TITLE {
  color: #FF8000;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

.AWD_PRINTER_TITLE_ERROR {
  color: red;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

.AWD_PRINTER_TEXT {
  color: #333;
  font-size: 8pt;
}

.AWD_PRINTER_TEXT_ERROR {
  color: red;
  font-size: 8pt;
}

.AWD_PRINTER_LEGEND {
  color: #A0A0A0;
  font-size: 8pt;
}

.AWD_PRINTER_BORDER_MSG {
  border-left: 1px solid #FFC30A;
  border-top: 1px solid #FFC30A;
  border-right: 1px solid #FFC30A;
}

.AWD_PRINTER_ERROR {
  color: red;
  font-size: 8pt;
}

/* affichage des infos des stations */
.AWD_STATION_LOGIN_TITLE {
  color: #374B80;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
}

.AWD_STATION_LOGIN_TEXT {
  color: #374B80;
  font-size: 7pt;
  padding: 0px 5px;
}

.AWD_STATION_TITLE {
  color: #374B80;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
}

.AWD_STATION_TEXT {
  color: #374B80;
  font-size: 8pt;
  padding: 0px 5px;
}

/* affichage des infos sur le compte utilisateur */
.AWD_ACCOUNT_NAME {
  color: #333;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
}

.AWD_ACCOUNT_TEXT {
  color: #333;
  font-size: 8pt;
  padding: 0px 5px;
}

.AWD_ACCOUNT_NAME_MFP {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
}

.AWD_ACCOUNT_TEXT_MFP {
  color: #333;
  font-size: 8pt;
  padding: 0px 5px;
}

.item-section {
  margin-bottom: 0.5em;
}

.item-title {
  font-weight: bold;
  font-size: 10.5pt;
  line-height: 20px;
  color: #333;
  background-color: #F2F6FC;
  border: 1px solid #E8E8F0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.item-content {
  position: relative;
  width: 100%;
  font-size: 10.5pt;
  color: #333;
  padding: 0.5em;
}

* > .item-content {
  padding: 0.5em 0;
  width: 98%;
} /* fix stupid IE bug */
.item-message {
  text-align: left;
  color: #333;
  padding: 0.5em;
  background-color: #F8F8FF;
  border: 1px solid #EDEEEF;
}

.item-message p {
  text-align: justify;
  text-indent: 0.5em;
  margin: 0;
  margin-bottom: 0.5em;
}

.item-graph {
  text-align: center;
}

table.enviro {
  color: #1F4D1D;
  font-size: 10pt;
}
table.enviro tr.head {
  font-weight: bold;
  background-color: #F0FCE0;
  color: #1F4D1D;
}
table.enviro tr.even {
  background-color: #F8FFF8;
}

/* tarification */
.AWD_COST_TITLE {
  color: #333;
  font-weight: bold;
  font-size: 13pt;
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  padding-left: 5px;
}

.AWD_COST_LABEL {
  font-size: 11pt;
  color: #333;
  font-weight: bold;
}

.AWD_COST_TOTAL {
  color: #FF8000;
  font-size: 13pt;
  font-weight: normal;
}

.AWD_COST_SEC_TOTAL {
  color: #333;
  font-size: 8pt;
  padding: 0px 15px;
}

.AWD_COST_SEC_TOTAL_ERROR {
  color: red;
  font-size: 8pt;
  padding: 0px 15px;
}

.AWD_COST_SEC_TOTAL_WARNING {
  color: red;
  font-size: 8pt;
  padding: 0px 15px;
}

.AWD_COST_LEGEND {
  color: #333;
  font-size: 8pt;
}

.AWD_COST_LEGEND_ERROR {
  color: red;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_COST_LEGEND_WARNING {
  color: red;
  font-size: 8pt;
}

.AWD_COST_TITLE_MFP {
  color: #333;
  font-weight: bold;
  font-size: 11pt;
  background-color: #E4F0F9;
}

.AWD_COST_LABEL_MFP {
  font-size: 10pt;
  color: #333;
  font-weight: bold;
}

.AWD_COST_TOTAL_MFP {
  color: #FF8000;
  font-size: 12pt;
  font-weight: normal;
}

.AWD_COST_LEGEND_MFP {
  color: #333;
  font-size: 7pt;
}

.AWD_FINAL_COST_LABEL {
  font-size: 13pt;
  color: #333;
  font-weight: bold;
}

.AWD_FINAL_COST_TOTAL {
  color: #FF8000;
  font-size: 15pt;
  font-weight: normal;
}

.AWD_FINAL_COST_TOTAL_ERROR {
  color: red;
  font-size: 15pt;
  font-weight: normal;
}

.AWD_FINAL_COST_LEGEND {
  color: #333;
  font-size: 13pt;
  padding: 0px 15px;
  font-weight: normal;
}

.AWD_FINAL_COST_LEGEND_ERROR {
  color: red;
  font-size: 13pt;
  padding: 0px 15px;
  font-weight: normal;
}

/* Client Divers */
.AWD_ENCART_TITLE {
  color: #FF8000;
  font-size: 13px;
  font-weight: bold;
  background-color: #FFFFFF;
}

.tree_zone {
  padding-left: 32px;
  padding-bottom: 0.5em;
  cursor: pointer;
}

td.open_zone a {
  display: block;
  cursor: pointer;
}

td.open_zone a:hover {
  background-color: #F8F8FF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8FF), to(#F0F0F0));
}

td.close_zone {
  font-size: 7pt;
}

.group_header {
  font-size: 10pt;
  border-bottom: 1px solid #EDEEEF;
  background-color: #FCFCFC;
}

.group_header td {
  white-space: nowrap;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

table.toolbar {
  height: 24px;
  color: #333;
  font-size: 9pt;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

table.toolbar td.item, table.toolbar td.itemoff {
  background-color: #FCFCFC;
  border: 1px solid #E7E8E9;
  border-left: none;
  border-right: none;
  padding: 0 0.25em;
}

table.toolbar td.itemon {
  background-color: #FFFAE4;
  border: 1px solid #FFC40A;
  padding: 0 0.25em;
}

table.toolbar td.sp {
  border: 1px solid #E7E8E9;
  border-top: none;
  border-bottom: none;
}

table.toolbar td.item:hover {
  background-color: #F2F6FC;
  border: 1px solid #BBCDDF;
  border-left: none;
  border-right: none;
}

table.clientlist {
  color: #374B80;
  font-size: 11px;
}

table.clientlist tr.head td {
  font-weight: bold;
  border-bottom: 1px solid #FFC40A;
  background-color: #FFFAE4;
  height: 21px;
}

table.clientlist tr.row td {
  height: 18px;
  vertical-align: bottom;
}

div.clientlist {
  line-height: 21px;
  height: 21px;
  color: #374B80;
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #FFC40A;
  background-color: #FFFAE4;
}

div.clientlistmiddle {
  line-height: 21px;
  height: 21px;
  color: #374B80;
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #FFC40A;
  border-top: 1px solid #FFC40A;
  background-color: #FFFAE4;
}

/* comptes */
.AWD_ACCOUNT {
  border: 1px solid black;
  background-color: white;
  font-size: 10pt;
  font-weight: bold;
  color: #374B80;
}

/* visualisation des jobs se'lectionne' */
td.job {
  border: 1px solid white;
  padding: 5px;
}

td.job_selected {
  border: 1px solid #3C496D;
  background-color: #dce7f3;
  padding: 5px;
}

td.job_over {
  border: 1px solid #FFC40A;
  background-color: #FFFAE4;
  cursor: pointer;
  padding: 5px;
}

.text {
  color: #374B80;
  font-size: 10pt;
}

/* Administration */
.ADMIN_MENU_LINK {
  font-size: 11pt;
  color: #3c496d;
  font-weight: bold;
  text-decoration: none;
}

.ADMIN_MENU_LINK:hover {
  text-decoration: underline;
}

.ADMIN_MENU_LINK_OFF {
  font-size: 11pt;
  color: #cccccc;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
}

.ADMIN_MENU_HOVER {
  height: 60px;
}

.ADMIN_MENU_HOVER_ON {
  background-color: #F8F8FF;
}

.ADMIN_MENU_QUICKLINK {
  font-size: 10pt;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

.ADMIN_MENU_QUICKLINK_OFF {
  font-size: 10pt;
  color: #cccccc;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
}

A.ADMIN_MENU_QUICKLINK:hover {
  font-size: 10pt;
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}

.ADMIN_MENU_DESC {
  font-size: 9pt;
  color: #555;
  font-style: italic;
}

.ADMIN_MENU_DESC_OFF {
  font-size: 9pt;
  color: #cccccc;
  font-style: italic;
}

.ADMIN_MENU_ERROR {
  background-color: #FFF6F6;
  height: 60px;
}

.ADMIN_MENU_ERROR .ADMIN_MENU_LINK {
  color: #F80000;
}

.ADMIN_MENU_ERROR .ADMIN_MENU_DESC {
  color: #F00000;
}

.ADMIN_MENU_ERROR .ADMIN_MENU_LINK_OFF {
  color: orange;
}

.ADMIN_MENU_ERROR .ADMIN_MENU_DESC_OFF {
  color: orange;
}

.AWD_ADMIN_HEADER {
  border: 1px solid #333;
  background-color: #DCE7F3;
}

.AWD_ADMIN_DELETE {
  color: red;
  font-size: 13pt;
  font-weight: bold;
}

.AWD_ADMIN_EMPH {
  font-size: 13pt;
  font-weight: bold;
}

.AWD_ADMIN_POPUP_TITLE {
  color: #333;
  font-size: 11pt;
  font-weight: bold;
}

.AWD_ADMIN_POPUP_MESS {
  color: #333;
  font-size: 11pt;
}

.AWD_ADMIN_QUEUE_LINK {
  color: #333;
  font-size: 10pt;
  text-decoration: underline;
  font-weight: bold;
}

.AWD_ADMIN_QUEUE_INFO {
  color: #333;
  font-size: 8pt;
  text-decoration: none;
}

.AWD_ADMIN_QUEUE_VALUE {
  color: #333;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_ADMIN_QUEUE_ERROR {
  color: red;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_ADMIN_QUEUE_PAUSED {
  color: orange;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_ADMIN_QUEUE_READY {
  color: #008000;
  font-size: 8pt;
  font-weight: bold;
}

.AWD_ADMIN_VSPACING {
  height: 7px;
}

.ADMIN_QUEUE_HEAD_SEPARATOR {
  color: #c0c0c0;
  width: 100%;
}

.AWD_ADMIN_QUEUE {
  font-size: 13pt;
  color: #3959AE;
  font-weight: bold;
  text-decoration: none;
}

/* Classes JSE */
.JSButton {
  background-color: #3C6567;
  border: #0B2628 2px solid;
  color: white;
  font-size: x-small;
  font-weight: 500;
  text-align: center;
}

.JSButtonHighlight {
  background-color: #9FD6D7;
  border: #0B2628 2px outset;
  color: white;
  cursor: pointer;
  font-size: x-small;
  font-weight: 500;
  text-align: center;
}

.JSButtonDown {
  background-color: #9FD6D7;
  border: #0B2628 3px solid;
  border-bottom: #0B2628 1px solid;
  border-left: #0B2628 1px solid;
  color: white;
  cursor: pointer;
  font-size: x-small;
  font-weight: 500;
  text-align: center;
}

.JSPROGRESSBARBODY {
  border: 1px solid #374B80;
  background-color: white;
}

.JSPROGRESSBARON {
  background-color: #DCE7F3;
}

.JSPROGRESSBARTEXT {
  color: #374B80;
  font-weight: bold;
}

.JSRB_CONTAINER {
  top: 15px;
  left: 15px;
  padding: 2px;
  position: absolute;
  z-index: 5;
  border: #5F1C44 2px solid;
  color: #5F1C44;
  background-color: #FFFFFF;
}

.xforms-textbox {
  font-size: 8pt;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #626260;
  border: 1px solid #ADB6CD;
  margin: 0;
  padding-left: 2px;
}
.xforms-textbox.xforms-status-valid {
  color: #626260;
  border: 1px solid #ADB6CD;
}
.xforms-textbox.xforms-status-valid:focus {
  border: 1px solid #5577AA;
  background-color: #FAFAFF;
  outline-color: #EEF;
}
.xforms-textbox.xforms-status-invalid {
  color: red;
  border: 1px solid red;
  background-color: #FFF6F6;
  outline-color: #F88;
}
.xforms-textbox.xforms-status-attention {
  color: #FF8000;
  border: 1px solid #FF8000;
  background-color: #FFFCED;
  outline-color: #FC8;
}
.xforms-textbox.xforms-status-disabled {
  color: #828280;
  border: 1px solid silver;
  background-color: #F2F2F0;
}
.xforms-textbox.xforms-status-ghost {
  color: silver;
  border: 1px solid #ADB6CD;
  outline-color: silver;
}

.xforms-checkbox {
  font-size: 7pt;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: 1px 1px;
}
.xforms-checkbox.xforms-status-invalid {
  background-color: red;
}
.xforms-checkbox.xforms-status-attention {
  background-color: #FF8000;
}
.xforms-xlabel {
  font-size: 8pt;
}
.xforms-xlabel.xforms-status-valid {
  color: #626260;
}
.xforms-xlabel.xforms-status-invalid {
  color: red;
}
.xforms-xlabel.xforms-status-attention {
  color: #FF8000;
}
.xforms-xlabel.xforms-status-disabled {
  color: silver;
}

.xforms-radio {
  margin: 0;
  padding: 0;
  font-size: 9pt;
}

.xforms-radio-button {
  list-style: none;
  margin-bottom: 1px;
  line-height: 16px;
}
.xforms-radio-button > input {
  vertical-align: top;
}
.xforms-radio-button.xforms-status-valid {
  color: #626260;
}
.xforms-radio-button.xforms-status-invalid {
  color: red;
}
.xforms-radio-button.xforms-status-attention {
  color: #FF8000;
}
.xforms-radio-button.xforms-status-disabled {
  color: silver;
}

.xforms-select {
  font-size: 8pt;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.xforms-select.xforms-status-valid {
  color: #626260;
}
.xforms-select.xforms-status-invalid {
  color: white;
  background-color: red;
}
.xforms-select.xforms-status-attention {
  color: white;
  background-color: #FF8000;
}
.xforms-select.xforms-status-disabled {
  color: silver;
  background-color: #F2F2F0;
}

.xforms-xtable-body {
  font-size: 9pt;
  color: black;
}
.xforms-xtable-body .xforms-xtable-head {
  font-size: 9pt;
  color: black;
  font-weight: bold;
  text-align: center;
}
.xforms-xtable-body .xforms-xtable-col {
  background-color: #F2F6FC;
  color: #7A7A78;
  font-weight: bold;
  text-align: center;
  font-size: 8pt;
}
.xforms-xtable-body .xforms-xtable-row {
  font-size: 9pt;
  color: black;
}
.xforms-xtable-disabled .xforms-xtable-col {
  background-color: #F2F2F0 !important;
}
.xforms-xtable-disabled .xforms-xtable-head, .xforms-xtable-disabled .xforms-xtable-col, .xforms-xtable-disabled .xforms-xtable-row {
  color: silver !important;
}

/* Site Web Client */
.button_text {
  color: #333;
  font-weight: bold;
  font-size: 8pt;
  padding: 0px 5px;
  text-decoration: none;
}

.printer_title {
  color: #FF8000;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px;
}

.printer_text {
  color: #333;
  font-size: 8pt;
  padding: 0px 5px;
}

.printer_legend {
  color: #A0A0A0;
  font-size: 8pt;
  padding: 0px 5px;
}

tr.buttons td a {
  color: #333;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
}

/* Forms */
input, textarea, select {
  font-family: "Segoe UI", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
}

input.button {
  color: #333;
  font-weight: bold;
  border: 1px solid #444;
  background-color: white;
  font-size: 8pt;
}

input.button_over {
  color: #333;
  font-weight: bold;
  border: 1px solid #444;
  background-color: #FFFAE4;
  font-size: 8pt;
}

input.text {
  color: #333;
  border: 1px solid #444;
  font-size: 7pt;
}

input.text:focus {
  border: 1px solid #5577AA;
  background-color: #FAFAFF;
  outline-color: #EEF;
}

input.warning {
  color: #333;
  border: 1px solid orange;
  font-size: 7pt;
}

input.error, textarea.error {
  color: red;
  border: 1px solid red;
  font-size: 7pt;
}

input.bigtext {
  color: #333;
  border: 1px solid #ADB6CD;
  font-size: 9pt;
}

input.bigtext:focus {
  border: 1px solid #5577AA;
  background-color: #FAFAFF;
  outline-color: #EEF;
}

input.bigtextok {
  color: #333;
  border: 1px solid green;
  font-size: 9pt;
  outline-color: #8F8;
}

input.bigtexterror {
  color: #333;
  border: 1px solid red;
  font-size: 9pt;
  outline-color: #F88;
}

select.bigtext {
  color: #333;
  border: 1px solid #ADB6CD;
  font-size: 9pt;
}

select.bigtext:focus {
  background-color: #FAFAFF;
  outline-color: #EEF;
}

input.disabled {
  color: #AAA;
  background-color: #F0F0F0;
  border: 1px solid silver;
  font-size: 9pt;
  outline-color: silver;
}

select.disabled {
  color: #AAA;
  background-color: #F0F0F0;
  border: 1px solid silver;
  font-size: 9pt;
}

/* frames */
.admin_frame_active, .admin_frame_inactive {
  font-size: 8pt;
  margin: 1px;
  margin-bottom: 8px;
}

.admin_frame_active .value {
  color: #333;
  font-size: 10pt;
}

.admin_frame_label {
  font-weight: bold;
  font-size: 11pt;
  margin-bottom: 4px;
}

.admin_frame_label_teal {
  color: red;
}

.admin_frame_active .admin_frame_label {
  color: #3a609a;
  background: url(images/frames/frame_hline_grey.png);
}

.admin_frame_inactive .admin_frame_label {
  color: silver;
  background: url(images/frames/frame_hline_dis.png);
}

.admin_frame_active .itemlabel {
  background-color: #F2F6FC;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.admin_frame_active .itembody {
  background-color: #FFF;
  padding: 1px 0;
  border: 1px solid #EDEEEF;
}

.admin_frame_label input {
  margin-top: 2px;
}

.admin_frame_label div {
  background-color: #FFF;
}

.admin_frame_body {
  margin: 2px 0;
}

table.fields td.fl {
  font-size: 9pt;
  font-weight: bold;
  background-color: #FAFAFC;
  color: #333;
  padding-right: 0.5em;
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid #E8E8E6;
}
table.fields td.fh {
  font-size: 9.5pt;
  background-color: #F2F6FC;
  color: #333;
  text-align: center;
}
table.fields td.fs {
  vertical-align: top;
}
table.fields td.fb {
  color: #333;
  vertical-align: top;
  line-height: 18px;
}
table.fields td.fp {
  color: #5B5B5A;
  font-weight: bold;
  line-height: 18px;
  vertical-align: top;
}
table.fields td.fe {
  background-color: #FFE8E8;
  color: red;
  font-weight: bold;
}
table.fields tr.hvr:hover td.fl {
  background-color: #EEF;
}
table.fields tr.hvr:hover td.fb, table.fields table.fields tr.hvr:hover td.fs {
  background-color: #F8F8FF;
}
table.fields span.fc {
  color: #7F7F7E;
  font-size: 8pt;
}
table.fields div.fc {
  padding-left: 2px;
  color: #7F7F7E;
  font-size: 8pt;
}
table.fields table {
  font-size: 9pt;
  color: #333;
}
table.fields tbody:hover td.fl {
  background-color: #F2F6FC;
}

.admin_frame_inactive table.fields td.fl {
  background-color: #F0F0F0;
  color: silver;
}
.admin_frame_inactive table.fields td.fb {
  color: gray;
}
.admin_frame_inactive table.fields td.fp {
  color: gray;
}
.admin_frame_inactive table.fields span.fc, .admin_frame_inactive table.fields div.fc {
  color: gray;
  font-style: italic;
}
.admin_frame_inactive table.fields table {
  color: gray;
}
.admin_frame_inactive table.fields td.fb td.XFORMSXTABLE_COL {
  background-color: #f0f0f0;
  color: silver;
}

.admin_frame_body_collapsed {
  display: none !important;
}

div.fields_legend {
  line-height: 16px;
  padding-bottom: 0.5em;
  page-break-after: avoid;
}

/* hack les input radio et checkbox pour ie et ffox */
table.fields {
  font-size: 9pt;
  margin: -1px 0;
}

table.fields td.fs input {
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin: 1px;
}

table.fields td.fs input.XFORMSRADIO {
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 2px;
}

* html table.fields td.fs input {
  width: 14px;
  height: 16px;
  margin: 0;
  margin-left: 2px;
}

* html table.fields td.fs input.XFORMSRADIO {
  width: 14px;
  height: 16px;
  margin: 0;
  margin-left: 2px;
  margin-top: 2px;
}

.x-admin-field.disabled td.fl {
  background-color: #F0F0F0;
  color: silver;
}
.x-admin-field.disabled td.fb {
  color: gray;
}
.x-admin-field.disabled td.fp {
  color: gray;
}
.x-admin-field.disabled span.fc {
  color: gray;
  font-style: italic;
}
.x-admin-field.disabled table {
  color: gray;
}
.x-admin-field.disabled td.fb td.XFORMSXTABLE_COL {
  background-color: #f0f0f0;
  color: silver;
}

.x-admin-field.hidden, .x-admin-field-next.hidden {
  display: none;
}
.x-admin-field.hidden td, .x-admin-field-next.hidden td {
  display: none;
}

.x-admin-field-last > td {
  padding-bottom: 0.5em;
}

.x-iconlabel {
  white-space: nowrap;
}

.x-iconlabel img {
  margin-right: 4px;
  vertical-align: middle;
}

.x-iconlabel span {
  vertical-align: middle;
}

/* Sticky Navigation Header Styles */
.sticky-nav-container {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.sticky-nav-header {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}

.sticky-nav-header .nav-title {
  font-weight: bold;
  color: #495057;
  margin-right: 20px;
  font-size: 10pt;
  white-space: nowrap;
}

.sticky-nav-header .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.sticky-nav-header .nav-link {
  padding: 6px 4px;
  background: transparent;
  border: 1px solid transparent;
  color: #6c757d;
  font-size: 8pt;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
  outline: none;
}

.sticky-nav-header .nav-link:hover {
  background-color: #e9ecef;
  color: #495057;
  border-color: #adb5bd;
}

.sticky-nav-header .nav-link.active {
  background-color: #3a609a;
  color: #fff;
  border-color: #3a609a;
}

@media (max-width: 768px) {
  .sticky-nav-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .sticky-nav-header .nav-title {
    margin-right: 0;
    margin-bottom: 5px;
  }
  
  .sticky-nav-header .nav-links {
    width: 100%;
    justify-content: flex-start;
  }
  
  .sticky-nav-header .nav-link {
    flex: 0 0 auto;
    font-size: 7pt;
    padding: 4px 8px;
  }
}

.section-title-highlight {
  background-color: #3a609a;
  transition: background-color 0.2s ease-in-out;
  color: #fff;
  border-radius: 4px;
}

ul.jump-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.jump-list li {
  float: left;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 18px;
  color: #CCC;
  font-size: 9pt;
}
ul.jump-list li b {
  color: #7F7F7E;
  font-size: 8pt;
}
ul.jump-list li a {
  font-size: 7pt;
  color: #7F7F7E;
  text-decoration: none;
  border: 1px solid transparent;
}
ul.jump-list li a { /* for IE only */
  height: 16px;
  padding: 0;
}
ul.jump-list > li a { /* for non-IE */
  height: 18px;
  padding: 1px 1px;
}
ul.jump-list li a:hover {
  text-decoration: underline;
  color: #333;
  background-color: #F8F8FF;
  border: 1px solid #ADB6CD;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

div.jump-footer {
  clear: left;
  height: 4px;
  font-size: 2px;
}

table.top_bottom {
  width: 100%;
  font-size: 7pt;
  margin-bottom: -11px;
}

table.top_bottom td {
  padding: 0;
}

table.top_bottom a {
  color: #333;
  text-decoration: none;
}

/* erreurs */
.queue_error_zone {
  padding: 0 0.5em;
  line-height: 16px;
  font-size: 8pt;
  font-weight: bold;
  background-color: #FFF6F6;
  border: 1px dashed #FFE0E0;
}

.queue_warning_zone {
  padding: 0 0.5em;
  line-height: 16px;
  font-size: 8pt;
  color: #FF4500;
  background-color: #FFF9E4;
  border: 1px dashed #FFD4AA;
}

.queue_info_zone {
  padding: 0 0.5em;
  line-height: 16px;
  font-size: 8pt;
  color: #374B80;
  background-color: #FCFCFC;
  border: 1px dashed #EEE;
}

div.err_box {
  font-size: 11pt;
  margin: 4px auto;
  border: 2px solid #E42;
  background-color: #FFF6F6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
div.err_box .err_box_warn {
  float: left;
  margin: 8px;
}
div.err_box .err_box_body {
  margin-left: 36px;
  padding: 0.5em;
}
div.err_box .err_box_msg {
  font-weight: bold;
  color: #F80000;
}
div.err_box .err_box_infos {
  margin-top: 0.5em;
}
div.err_box .err_box_desc {
  font-size: 9pt;
  padding: 0.5em 1em;
  color: #B22;
}
div.err_box a.AWD_BUTTON_ON table td {
  color: #F00000 !important;
}

.avertissement {
  font-size: 9pt;
  border: 1px solid #FFA40A;
  background-color: #FFF9E4;
  color: #374B80;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.avertissement_error {
  font-size: 9pt;
  border: 1px solid #E42;
  background-color: #FFF6F6;
  color: #F80000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* OEM */
.oem_pantum i, .oem_pantum .ADMIN_MENU_DESC {
  font-style: normal;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

div#lang_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: url(Images/cb2.png);
}

* > div#lang_overlay {
  background: #002;
  opacity: 0.25;
}

ul#lang_sel {
  display: block;
  position: absolute;
  background-color: white;
  border: 1px solid gray;
  padding: 2px;
  z-index: 100;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}

ul#lang_sel.hidden {
  display: none;
}

ul#lang_sel {
  margin: 0;
  margin-left: -32px;
  margin-top: 20px;
  padding: 4px;
  color: #374B80;
}

* > ul#lang_sel {
  margin: 0;
  margin-left: 16px;
}

ul#lang_sel li {
  list-style: none;
  width: 128px;
  margin: 2px;
  font-style: normal;
}

ul#lang_sel li.head {
  font-weight: bold;
  border-bottom: 1px solid #3959AE;
  background-color: #F8F8FF;
}

ul#lang_sel li a {
  position: relative;
  display: block;
  height: 16px;
  padding-left: 1em;
}

ul#lang_sel li a img {
  position: relative;
  top: 2px;
  margin-right: 1em;
}

ul#lang_sel li a:hover {
  background-color: #EEF;
  text-decoration: none;
}

ul#lang_sel li.lang_current a {
  text-decoration: underline;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9CF), to(#7AD));
  background-color: #7AD;
  color: White;
}

.helpframebody {
  font-size: 80%;
  background-color: white;
  text-align: justify;
}

.helpframebody .title1 {
  font-size: 110%;
}

.helpframebody .title2 {
  font-size: 95%;
  color: #666664;
  background-color: #FAFAFC;
  border-bottom: 1px solid #7A7A78;
}

.helpframebody .item {
  margin-top: 0.75em;
  padding: 0.25em 0.5em;
  font-size: 85%;
  color: #7A7A78;
  font-weight: bold;
  background-color: #FAFAFC;
}

.helpframebody .text {
  font-size: 80%;
  padding: 0.5em;
  padding-left: 1em;
  text-indent: 0.5em;
}

.helpframebody ul {
  padding: 0;
  margin: 0.5em;
  margin-left: 2.5em;
  list-style: square;
}

.helpframebody li {
  margin-bottom: 0.5em;
}

table.consobar {
  width: 100%;
  margin: 1px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

table.consobar tr {
  height: 14px;
}

table.consobar td {
  padding: 0;
  height: 14px;
}

table.consobar td img {
  height: 14px;
}

table.consobar td.pix1 {
  width: 1px;
}

table.consobar td.pix1 img {
  width: 1px;
}

div.bgbar {
  position: relative;
}

div.bgbar img {
  position: absolute;
  top: -2px;
  height: 16px;
  z-index: 100;
}

div.bgbar nobr {
  position: relative;
  display: block;
  height: 100%;
  text-align: right;
  z-index: 101;
}

.meta_red {
  background: #FFF0E8 url(images/flag_meta_red.png) no-repeat;
}

.meta_orange {
  background: #FFF0E0 url(images/flag_meta_orange.png) no-repeat;
}

.meta_green {
  background: #F0FFE0 url(images/flag_meta_green.png) no-repeat;
}

.meta_blue {
  background: #E0F0FF url(images/flag_meta_blue.png) no-repeat;
}

.meta_gray {
  background: #F0F0F0 url(images/flag_meta_gray.png) no-repeat;
}

.power_rating {
  text-align: center;
  color: white;
  padding: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.power_class_A {
  background-color: #3B7634;
}

.power_class_B {
  background-color: #5DA436;
}

.power_class_C {
  background-color: #A3CF2A;
}

.power_class_D {
  background-color: #F6DF1B;
}

.power_class_E {
  background-color: #F29020;
}

.power_class_F {
  background-color: #EB422C;
}

.power_class_Z {
  background-color: black;
}

.barok {
  background-color: #EDEEF8;
  border:  1px solid #C0D0E0;
  width: 8px;
}

.barwrn {
  background-color: #FFC080;
  border: 1px solid #C0A080;
  width: 8px;
}

.barerr {
  background-color: #FF4020;
  border: 1px solid #C04020;
  width: 8px;
}

.barnan {
  background-color: #DDDEEF;
  border: 1px dotted #AFB9D5;
  width: 8px;
  height: 62px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.barunk {
  background-color: #DDEEDF;
  border: 1px dotted #AFB9D5;
  width: 8px;
  height: 62px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.cb {
  background-color: #E0E0E0;
  border-color: #B0B0B0;
}

.cc {
  background-color: #C8FFFF;
  border-color: #AFD5D5;
}

.cm {
  background-color: #FFD8FF;
  border-color: #D5AFD5;
}

.cy {
  background-color: #FFFFA8;
  border-color: #D5D5AF;
}

.tooltip {
  cursor: help;
}

a.tooltip {
  cursor: pointer;
}

#tooltip_container {
  position: absolute;
  z-index: 999;
  font-size: 9pt;
  padding: 0.25em 0.5em;
  background-color: #F2F6FF;
  color: #374B80;
  border: 1px solid #9CAACC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #CCC;
  -moz-box-shadow: 0px 0px 8px #CCC;
  box-shadow: 0px 0px 8px #CCC;
}

.m-select {
  position: relative;
  border: 1px solid #edeeef;
  line-height: 18px;
}
.m-select:hover {
  border-color: #ccc;
}
.m-select .m-select-current {
  height: 19px;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: white;
  cursor: pointer;
}
.m-select .m-option-icon {
  padding: 0;
}
.m-select .m-option-icon img {
  padding: 0 0.25em;
  width: 16px;
  vertical-align: middle;
}
.m-select .m-option-visible {
  padding: 0 0.25em;
  white-space: nowrap;
  vertical-align: middle;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #333;
  font-size: 8.5pt;
}
.m-select .m-select-button {
  padding: 0;
}
.m-select .m-select-button > img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.m-select .m-select-panel {
  position: absolute;
  background-color: white;
  padding: 0;
  padding-right: 2px;
  margin: 0;
  border: 1px solid #EEE;
  z-index: 666;
  box-shadow: 0 2px 2px #CCC;
  -webkit-box-shadow: 0 2px 2px #CCC;
  -moz-box-shadow: 0 2px 2px #CCC;
}
.m-select .m-select-panel > .m-option:hover {
  background-color: #FFFAE4;
}
.m-select .m-select-panel > .m-option {
  font-weight: 600 !important;
}
.m-select .m-select-panel > .m-option-selected {
  font-weight: bold !important;
}
.m-select .m-option {
  display: block;
  padding: 0.125em 0.5em;
  font-size: 8pt;
  white-space: nowrap;
  text-decoration: none !important;
  border: 1px solid transparent;
  border-bottom-color: #edeeef;
}
.m-select .m-option img {
  padding-right: 0.5em;
}
.m-select .m-option.m-option-selected {
  background-color: #F0F8FC;
  border-color: #ccc;
}

.fake-input {
  height: 24px;
  line-height: 18px;
}
.fake-input > table {
  border: 1px solid #EDEEEF;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: white;
  height: 22px;
  cursor: pointer;
}
.fake-input > table:hover {
  border-color: #ccc;
}
.fake-input .input-icon {
  padding: 0;
}
.fake-input .input-icon > img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  padding-left: 0.25em;
}
.fake-input .input-text {
  color: #333;
  white-space: nowrap;
  padding: 0 0.25em;
  font-size: 8.5pt;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.fake-input .input-text > input {
  font-size: 8.5pt;
  border: 0;
  font-family: "Segoe UI Semibold", "Segoe UI", "Roboto Medium", "Roboto", "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.fake-input .input-button:hover {
  background-color: #F8F8F8;
}
.fake-input .input-drop {
  color: silver;
  padding-right: 0.5em;
  font-size: 8.5pt;
}

.popup_outer {
  padding: 0.5em;
}

.popup_header {
  font-weight: bold;
  font-size: 9pt;
  white-space: nowrap;
  background-color: #F8F8FF;
  margin-bottom: 0.5em;
  padding: 0.25em;
}

a.popup_link {
  color: #000;
  font-size: !important 12pt;
  text-decoration: none;
}

a:hover.popup_link {
  font-size: !important 12pt;
  text-decoration: underline;
}

.spr_levels_12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(images/spr_levels_12.png) no-repeat;
}

.spr_levels_14 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/spr_levels_14.png) no-repeat;
}

.spr_levels_16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/spr_levels_16.png) no-repeat;
}

.spr_levels_24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(images/spr_levels_24.png) no-repeat;
}

.spr_levels_32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(images/spr_levels_32.png) no-repeat;
}

.x_black_x {
  background-position: 0px 0px;
}

.x_black_z {
  background-position: -40px 0px;
}

.x_black_0 {
  background-position: -80px 0px;
}

.x_black_1 {
  background-position: -120px 0px;
}

.x_black_2 {
  background-position: -160px 0px;
}

.x_black_3 {
  background-position: -200px 0px;
}

.x_black_4 {
  background-position: -240px 0px;
}

.x_black_5 {
  background-position: -280px 0px;
}

.x_black_6 {
  background-position: -320px 0px;
}

.x_black_7 {
  background-position: -360px 0px;
}

.x_black_8 {
  background-position: -400px 0px;
}

.x_black_9 {
  background-position: -440px 0px;
}

.x_black_10 {
  background-position: -480px 0px;
}

.x_black_11 {
  background-position: -520px 0px;
}

.x_black_12 {
  background-position: -560px 0px;
}

.x_black_13 {
  background-position: -600px 0px;
}

.x_black_14 {
  background-position: -640px 0px;
}

.x_black_15 {
  background-position: -680px 0px;
}

.x_black_16 {
  background-position: -720px 0px;
}

.x_black_17 {
  background-position: -760px 0px;
}

.x_black_18 {
  background-position: -800px 0px;
}

.x_black_19 {
  background-position: -840px 0px;
}

.x_black_20 {
  background-position: -880px 0px;
}

.x_cyan_x {
  background-position: 0px -40px;
}

.x_cyan_z {
  background-position: -40px -40px;
}

.x_cyan_0 {
  background-position: -80px -40px;
}

.x_cyan_1 {
  background-position: -120px -40px;
}

.x_cyan_2 {
  background-position: -160px -40px;
}

.x_cyan_3 {
  background-position: -200px -40px;
}

.x_cyan_4 {
  background-position: -240px -40px;
}

.x_cyan_5 {
  background-position: -280px -40px;
}

.x_cyan_6 {
  background-position: -320px -40px;
}

.x_cyan_7 {
  background-position: -360px -40px;
}

.x_cyan_8 {
  background-position: -400px -40px;
}

.x_cyan_9 {
  background-position: -440px -40px;
}

.x_cyan_10 {
  background-position: -480px -40px;
}

.x_cyan_11 {
  background-position: -520px -40px;
}

.x_cyan_12 {
  background-position: -560px -40px;
}

.x_cyan_13 {
  background-position: -600px -40px;
}

.x_cyan_14 {
  background-position: -640px -40px;
}

.x_cyan_15 {
  background-position: -680px -40px;
}

.x_cyan_16 {
  background-position: -720px -40px;
}

.x_cyan_17 {
  background-position: -760px -40px;
}

.x_cyan_18 {
  background-position: -800px -40px;
}

.x_cyan_19 {
  background-position: -840px -40px;
}

.x_cyan_20 {
  background-position: -880px -40px;
}

.x_magenta_x {
  background-position: 0px -80px;
}

.x_magenta_z {
  background-position: -40px -80px;
}

.x_magenta_0 {
  background-position: -80px -80px;
}

.x_magenta_1 {
  background-position: -120px -80px;
}

.x_magenta_2 {
  background-position: -160px -80px;
}

.x_magenta_3 {
  background-position: -200px -80px;
}

.x_magenta_4 {
  background-position: -240px -80px;
}

.x_magenta_5 {
  background-position: -280px -80px;
}

.x_magenta_6 {
  background-position: -320px -80px;
}

.x_magenta_7 {
  background-position: -360px -80px;
}

.x_magenta_8 {
  background-position: -400px -80px;
}

.x_magenta_9 {
  background-position: -440px -80px;
}

.x_magenta_10 {
  background-position: -480px -80px;
}

.x_magenta_11 {
  background-position: -520px -80px;
}

.x_magenta_12 {
  background-position: -560px -80px;
}

.x_magenta_13 {
  background-position: -600px -80px;
}

.x_magenta_14 {
  background-position: -640px -80px;
}

.x_magenta_15 {
  background-position: -680px -80px;
}

.x_magenta_16 {
  background-position: -720px -80px;
}

.x_magenta_17 {
  background-position: -760px -80px;
}

.x_magenta_18 {
  background-position: -800px -80px;
}

.x_magenta_19 {
  background-position: -840px -80px;
}

.x_magenta_20 {
  background-position: -880px -80px;
}

.x_yellow_x {
  background-position: 0px -120px;
}

.x_yellow_z {
  background-position: -40px -120px;
}

.x_yellow_0 {
  background-position: -80px -120px;
}

.x_yellow_1 {
  background-position: -120px -120px;
}

.x_yellow_2 {
  background-position: -160px -120px;
}

.x_yellow_3 {
  background-position: -200px -120px;
}

.x_yellow_4 {
  background-position: -240px -120px;
}

.x_yellow_5 {
  background-position: -280px -120px;
}

.x_yellow_6 {
  background-position: -320px -120px;
}

.x_yellow_7 {
  background-position: -360px -120px;
}

.x_yellow_8 {
  background-position: -400px -120px;
}

.x_yellow_9 {
  background-position: -440px -120px;
}

.x_yellow_10 {
  background-position: -480px -120px;
}

.x_yellow_11 {
  background-position: -520px -120px;
}

.x_yellow_12 {
  background-position: -560px -120px;
}

.x_yellow_13 {
  background-position: -600px -120px;
}

.x_yellow_14 {
  background-position: -640px -120px;
}

.x_yellow_15 {
  background-position: -680px -120px;
}

.x_yellow_16 {
  background-position: -720px -120px;
}

.x_yellow_17 {
  background-position: -760px -120px;
}

.x_yellow_18 {
  background-position: -800px -120px;
}

.x_yellow_19 {
  background-position: -840px -120px;
}

.x_yellow_20 {
  background-position: -880px -120px;
}

.x_red_x {
  background-position: 0px -160px;
}

.x_red_z {
  background-position: -40px -160px;
}

.x_red_0 {
  background-position: -80px -160px;
}

.x_red_1 {
  background-position: -120px -160px;
}

.x_red_2 {
  background-position: -160px -160px;
}

.x_red_3 {
  background-position: -200px -160px;
}

.x_red_4 {
  background-position: -240px -160px;
}

.x_red_5 {
  background-position: -280px -160px;
}

.x_red_6 {
  background-position: -320px -160px;
}

.x_red_7 {
  background-position: -360px -160px;
}

.x_red_8 {
  background-position: -400px -160px;
}

.x_red_9 {
  background-position: -440px -160px;
}

.x_red_10 {
  background-position: -480px -160px;
}

.x_red_11 {
  background-position: -520px -160px;
}

.x_red_12 {
  background-position: -560px -160px;
}

.x_red_13 {
  background-position: -600px -160px;
}

.x_red_14 {
  background-position: -640px -160px;
}

.x_red_15 {
  background-position: -680px -160px;
}

.x_red_16 {
  background-position: -720px -160px;
}

.x_red_17 {
  background-position: -760px -160px;
}

.x_red_18 {
  background-position: -800px -160px;
}

.x_red_19 {
  background-position: -840px -160px;
}

.x_red_20 {
  background-position: -880px -160px;
}

.x_green_x {
  background-position: 0px -200px;
}

.x_green_z {
  background-position: -40px -200px;
}

.x_green_0 {
  background-position: -80px -200px;
}

.x_green_1 {
  background-position: -120px -200px;
}

.x_green_2 {
  background-position: -160px -200px;
}

.x_green_3 {
  background-position: -200px -200px;
}

.x_green_4 {
  background-position: -240px -200px;
}

.x_green_5 {
  background-position: -280px -200px;
}

.x_green_6 {
  background-position: -320px -200px;
}

.x_green_7 {
  background-position: -360px -200px;
}

.x_green_8 {
  background-position: -400px -200px;
}

.x_green_9 {
  background-position: -440px -200px;
}

.x_green_10 {
  background-position: -480px -200px;
}

.x_green_11 {
  background-position: -520px -200px;
}

.x_green_12 {
  background-position: -560px -200px;
}

.x_green_13 {
  background-position: -600px -200px;
}

.x_green_14 {
  background-position: -640px -200px;
}

.x_green_15 {
  background-position: -680px -200px;
}

.x_green_16 {
  background-position: -720px -200px;
}

.x_green_17 {
  background-position: -760px -200px;
}

.x_green_18 {
  background-position: -800px -200px;
}

.x_green_19 {
  background-position: -840px -200px;
}

.x_green_20 {
  background-position: -880px -200px;
}

.x_blue_x {
  background-position: 0px -240px;
}

.x_blue_z {
  background-position: -40px -240px;
}

.x_blue_0 {
  background-position: -80px -240px;
}

.x_blue_1 {
  background-position: -120px -240px;
}

.x_blue_2 {
  background-position: -160px -240px;
}

.x_blue_3 {
  background-position: -200px -240px;
}

.x_blue_4 {
  background-position: -240px -240px;
}

.x_blue_5 {
  background-position: -280px -240px;
}

.x_blue_6 {
  background-position: -320px -240px;
}

.x_blue_7 {
  background-position: -360px -240px;
}

.x_blue_8 {
  background-position: -400px -240px;
}

.x_blue_9 {
  background-position: -440px -240px;
}

.x_blue_10 {
  background-position: -480px -240px;
}

.x_blue_11 {
  background-position: -520px -240px;
}

.x_blue_12 {
  background-position: -560px -240px;
}

.x_blue_13 {
  background-position: -600px -240px;
}

.x_blue_14 {
  background-position: -640px -240px;
}

.x_blue_15 {
  background-position: -680px -240px;
}

.x_blue_16 {
  background-position: -720px -240px;
}

.x_blue_17 {
  background-position: -760px -240px;
}

.x_blue_18 {
  background-position: -800px -240px;
}

.x_blue_19 {
  background-position: -840px -240px;
}

.x_blue_20 {
  background-position: -880px -240px;
}

.x_gray_x {
  background-position: 0px -280px;
}

.x_gray_z {
  background-position: -40px -280px;
}

.x_gray_0 {
  background-position: -80px -280px;
}

.x_gray_1 {
  background-position: -120px -280px;
}

.x_gray_2 {
  background-position: -160px -280px;
}

.x_gray_3 {
  background-position: -200px -280px;
}

.x_gray_4 {
  background-position: -240px -280px;
}

.x_gray_5 {
  background-position: -280px -280px;
}

.x_gray_6 {
  background-position: -320px -280px;
}

.x_gray_7 {
  background-position: -360px -280px;
}

.x_gray_8 {
  background-position: -400px -280px;
}

.x_gray_9 {
  background-position: -440px -280px;
}

.x_gray_10 {
  background-position: -480px -280px;
}

.x_gray_11 {
  background-position: -520px -280px;
}

.x_gray_12 {
  background-position: -560px -280px;
}

.x_gray_13 {
  background-position: -600px -280px;
}

.x_gray_14 {
  background-position: -640px -280px;
}

.x_gray_15 {
  background-position: -680px -280px;
}

.x_gray_16 {
  background-position: -720px -280px;
}

.x_gray_17 {
  background-position: -760px -280px;
}

.x_gray_18 {
  background-position: -800px -280px;
}

.x_gray_19 {
  background-position: -840px -280px;
}

.x_gray_20 {
  background-position: -880px -280px;
}

button.btn-reset {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #FFF;
}

.sml_bt {
  display: block;
  line-height: 16px;
  font-size: 8pt;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.1, #F8F8FF), color-stop(0.9, #F2F6FC), color-stop(1, #E8E8FF));
  background-image: -moz-linear-gradient(top, #FCFCFF, #F2F6FC);
  background-color: #FAFAFF;
  color: #7A7A78;
  border: 1px solid #D0D1D2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 1px;
  padding: 1px;
  padding-right: 0.5em;
  -webkit-box-shadow: 1px 1px 2px #F0F0F0;
  -moz-box-shadow: 1px 1px 2px #F0F0F0;
  box-shadow: 1px 1px 2px #F0F0F0;
  padding: 1px 0.5em;
}

* > .sml_bt {
  padding: 1px 0.75em;
}

.sml_bt:hover {
  background: #F2F6FC;
  border-color: #BBCDDF;
  text-decoration: underline;
  -webkit-box-shadow: 1px 1px 4px #DDD;
}

.sml_bt:active {
  position: relative;
  top: 1px;
  left: -1px;
  -webkit-box-shadow: 1px 1px 2px #DDD;
  background: #FFFAE4;
  border-color: #FFC40A;
}

.sml_bt img {
  vertical-align: middle;
  margin: 0 0.5em;
}

.sml_bt > img {
  margin-left: 0;
  margin-right: 0.5em;
  margin-top: -2px;
}

.sml_bt_on, .sml_bt_on:hover {
  background: #FFFAE4;
  border-color: #FFC40A;
}

.sml_bt_off, .sml_bt_off:hover {
  font-weight: normal;
  color: silver;
  background: #FCFCFF;
}
.sml_bt_off > img, .sml_bt_off:hover > img {
  opacity: 0.25;
}

.sml_bt_red {
  border-color: #C00;
  color: #FFF;
  background: #F00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F44), to(#E00));
  background-image: -moz-linear-gradient(top, #F44, #E00);
}

.sml_bt_red:hover {
  border-color: #C00;
  color: #FFF;
  background: #F44;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F66), to(#F00));
  background-image: -moz-linear-gradient(top, #F66, #F00);
}

.sml_bt_blue {
  border-color: #58B;
  color: #FFF;
  background: #7AD;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8BE), to(#69C));
  background-image: -moz-linear-gradient(top, #8BE, #69C);
}

.sml_bt_blue:hover {
  border-color: #69C;
  color: #FFF;
  background: #8BE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9CF), to(#7AD));
  background-image: -moz-linear-gradient(top, #9CF, #7AD);
}

.sml_bt_disabled {
  pointer-events: none;
  cursor: default;
}

.float_sml_bt {
  float: left;
  margin-top: 0.25em;
}

.sml_bt_inline {
  display: inline-block;
  width: auto;
}

.v_sml_bts {
  background-color: #F8F8FC;
  padding: 0.25em;
  border: 1px solid #EDEEEF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.h_sml_bts {
  position: relative;
  background-color: #FAFAFC;
  padding: 0.125em 0 0.125em 0;
  margin-bottom: 0.5em;
  border: 1px solid #EDEEEF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.h_sml_bts td {
  font-size: 9pt;
  color: #374B80;
}

.floating_sml_bts {
  position: relative;
  width: 99%;
  background-color: #FAFAFC;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  border: 1px solid #EDEEEF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Tags */
.wd-tags {
  max-width: 300px;
  margin: 0 0.25em;
  line-height: 14px;
}

.wd-tag {
  font-size: 7pt;
  display: inline-block;
  color: black;
  font-weight: 600;
  border: 1px solid gray;
  border-radius: 4px;
  background-color: white;
  padding: 0 0.25em;
  text-decoration: none;
  margin: 1px 0;
}
a.wd-tag:hover {
  text-decoration: underline;
}

.wd-tag .wd-tag-single {
  padding: 0 0.25em;
}
.wd-tag .wd-tag-key {
  padding-right: 0.25em;
  color: gray;
  font-weight: normal;
}
.wd-tag .wd-tag-value {
  border-left: 1px solid gray;
  padding-left: 0.25em;
}
.wd-tag.wd-tag-more {
  color: silver;
}
.wd-tag.wd-tag-add {
  color: #090;
  font-weight: bold;
  background-color: #F8FFF8;
}
.wd-tag.wd-tag-remove {
  color: red;
  font-weight: bold;
  background-color: #FFF8F8;
}
.wd-tag.wd-tag-sys {
  color: gray;
}

#AWD_DEBUG {
  top: 0px;
  position: absolute;
  z-index: 665;
  font-size: 8pt;
  height: 17px;
}

#AWD_DEBUG_XML {
  bottom: 0px;
  position: relative;
  width: 100%;
  z-index: 666;
  font-size: 8pt;
  background-color: #F0F8FF;
}

#AWD_DEBUG_CALLS {
  top: 0px;
  position: absolute;
  width: 80%;
  z-index: 666;
  font-size: 8pt;
}

.AWD_DEBUG_TEXT {
  font-size: 8pt;
  width: 100%;
  background-color: #FFF;
  color: #374B80;
  border: 1px solid #3959AE;
  padding: 2px;
  height: 320px;
}

.AWD_DEBUG_LINK {
  font-size: 8pt;
  color: #374B80;
  background-color: #E0F0FF;
  padding: 2px;
  margin: 1px;
  font-weight: bold;
  border: 1px solid #3959AE;
  border-top: none;
  text-decoration: none;
  height: 16px;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.debug-zone {
  position: absolute;
  z-index: 999;
  border: 1px solid silver;
  background-color: #F0F8FF;
  font-size: 85%;
  padding: 0.25em;
}

.debug-zone ul {
  margin: 0;
}

.debug-label {
  border: 1px solid silver;
  background-color: #F0F8FF;
  font-size: 10px;
  width: 48px;
  padding: 1px;
  margin: 1px;
  color: #315AA5;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.debug-title {
  font-weight: bold;
  margin-bottom: 0.25em;
}

.x-dump {
  position: relative;
  display: inline;
}

.x-dump-icon {
  background-color: #F0F0F0;
  font-weight: normal;
  padding: 0px;
  border: 1px solid #E0E0E0;
  font-size: 10px;
  color: gray;
  margin-left: 2px;
}

.x-dump-container {
  position: absolute;
  display: none;
  z-index: 99999;
  left: 2px;
  width: 640px;
  min-height: 240px;
  color: #444;
  font-weight: normal;
  border: 1px solid #E7E8E9;
  background-color: #FCFCFC;
  font-size: 8pt;
  font-family: Consolas;
}

.x-dump:hover .x-dump-container {
  display: block;
}

.x-dump-container .x-dump-tag {
  color: #A21818;
  font-weight: bold;
}

.x-dump-container .x-dump-attr {
  color: #FD0404;
}

.x-dump-container .x-dump-val {
  color: #0404FD;
}

.debug-grid {
  background-color: white;
}

.debug-grid td, tr.debug-grid th {
  font-size: 7px;
  text-align: center;
  color: #000;
  background-color: #EEE;
}

.print-api-cert {
	margin-bottom: 10px;
}

.print-api-cert-copy {
	float:right; 
	font-weight: bold; 
	margin-left: 10px;
}

@media print {
  body {
    background-color: #FFF;
    color: #000;
    font-family: Cambria, "Times New Roman", Garamond, Helvetica, serif;
    font-size: 12pt;
  }
  img.AWD_INFO_VSPACING {
    display: none;
  }
  a, a.link {
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  a.link, a.ulink {
    color: #000;
  }
  img {
    page-break-inside: avoid;
  }
  thead {
    page-break-after: avoid;
  }
  tfoot {
    page-break-before: avoid;
  }
  .printimportant {
    width: 100%;
  }
  .printnotimportant {
    width: 1%;
  }
  .printonly {
    display: block;
  }
  .printhide {
    display: none;
  }
  .demoversion {
    display: block;
    position: absolute;
    background-color: transparent;
    left: 25%;
    top: 45%;
    width: 50%;
    color: red;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    border: 1px solid red;
    text-decoration: none;
  }
  .printwhite {
    visibility: hidden;
  }
  img.noprint {
    visibility: hidden;
  }
  .debug-zone {
    display: none;
  }
  .debug-label {
    display: none;
  }
  .debug-title {
    display: none;
  }
  div.page-break {
    page-break-before: always;
  }
  #menubar {
    display: none;
  }
  #helpframe {
    display: none;
  }
  #adminonglets {
    display: none;
  }
  #pagedescriptor_buttons {
    display: none;
  }
  #pagedescriptor a {
    display: none;
  }
  #queuedescriptor_buttons {
    display: none;
  }
  #leftframe {
    display: none;
  }
  #datesearch {
    display: none;
  }
  #layouttable .content {
    width: 100%;
  }
  #layouttable .leftbar {
    display: none;
  }
  #layoutdiv {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #AWD_DEBUG {
    display: none;
  }
  table tr.odd, table .list tr.auto_even:nth-child(even), .list table tr.auto_even:nth-child(even) {
    background-color: #F8F8F8;
  }
  table.stats {
    border: 1px solid #e0e0e0;
  }
  .admin_frame_active {
    font-size: x-small;
    page-break-before: auto;
    color: black;
    background-color: transparent;
    page-break-inside: avoid;
  }
  .admin_frame_inactive {
    font-size: x-small;
    page-break-before: auto;
    color: gray;
    background-color: transparent;
    page-break-inside: avoid;
  }
  .admin_frame_body {
    padding: 0.5em;
    margin: 0.5em;
    margin-left: 1.5em;
    margin-right: 0.5em;
    font-weight: normal;
    font-size: x-small;
    page-break-before: avoid;
  }
  .admin_frame_active .admin_frame_body {
    color: black;
  }
  .admin_frame_inactive .admin_frame_body {
    color: gray;
  }
  .admin_frame_active .admin_frame_label, .admin_frame_inactive .admin_frame_label {
    background-color: #FFF;
    background-image: none;
    font-weight: bold;
    page-break-after: avoid;
    margin-left: 0.5em;
    border-bottom: 1px solid gray;
    margin-bottom: 0.5em;
    font-size: 15pt;
  }
  .admin_frame_label div {
    color: #000;
    font-weight: bold;
  }
  .AWD_ADMIN_QUEUE_LINK {
    font-weight: bold;
    color: black;
    text-decoration: none;
    font-size: medium;
  }
  .AWD_ADMIN_QUEUE_INFO {
    font-weight: normal;
    color: black;
    font-size: x-small;
  }
  .AWD_ADMIN_QUEUE_VALUE {
    font-weight: normal;
    color: black;
    font-size: x-small;
  }
  .ADMIN_MENU_LINK {
    font-weight: bold;
    color: black;
    font-size: medium;
  }
  .ADMIN_MENU_QUICKLINK {
    font-weight: normal;
    color: black;
    font-size: medium;
  }
  .AWD_DEBUG_LIST {
    display: none;
  }
  .AWD_LIST .head {
    color: black;
    font-size: x-small;
    font-weight: bold;
  }
  .AWD_LIST .row {
    color: black;
    font-size: x-small;
  }
  .AWD_LIST .rowbig {
    color: black;
    font-size: medium;
  }
  .AWD_LIST .rowerror {
    color: red;
    font-size: x-small;
  }
  .AWD_LIST .rowbigerror {
    color: red;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
  }
  .AWD_LIST .rownotready {
    color: gray;
    font-size: x-small;
    font-style: italic;
  }
  .AWD_LIST .colselected {
    background-color: #FFF;
  }
  .AWD_LIST .job_spacing {
    height: 10px;
  }
  tr.head td {
    color: black;
    font-weight: normal;
    font-size: 10pt;
    font-weight: bold;
    background-color: #F0F0F0;
  }
  a.sortlink {
    color: black;
    font-weight: normal;
    font-size: x-small;
    text-decoration: underline;
  }
  table.list {
    page-break-inside: avoid;
  }
  table.list tr.row {
    color: black;
    page-break-inside: avoid;
  }
  .list .row {
    font-size: 11pt;
  }
  table.fields tr.row {
    color: black;
    page-break-inside: avoid;
  }
  table.fields td.fl {
    color: #222;
    font-weight: bold;
    text-decoration: underline;
    background-color: white;
    font-size: 13pt;
    margin: 0;
    margin-bottom: 1em;
    display: block;
    text-align: left;
    page-break-before: auto;
    page-break-after: avoid;
  }
  table.fields td.fs {
    display: none;
  }
  table.fields td.fb {
    color: #444;
    padding-left: 1em;
    font-weight: normal;
    font-size: 11pt;
    page-break-inside: avoid;
    display: block;
    page-break-before: avoid;
  }
  table.fields td.fp {
    color: black;
    font-weight: bold;
    font-size: x-small;
    display: block;
    page-break-before: avoid;
  }
  dib.bgbar img {
    display: none;
  }
  #lang_overlay, #lang_sel {
    display: none;
  }
  .AWD_BUTTON_ON, .AWD_BUTTON_ON table td {
    color: #000;
  }
  .AWD_BUTTON_OFF, .AWD_BUTTON_OFF table td {
    color: #444;
  }
  .helpframebody {
    font-size: 12pt;
    background-color: white;
    font-family: Cambria, "Times New Roman", Garamond, Helvetica, serif;
  }
  .helpframebody .title1 {
    font-size: 18pt;
  }
  .helpframebody .title2 {
    font-size: 16pt;
    color: black;
    background-color: white;
    border-bottom: 1px solid black;
    page-break-after: avoid;
  }
  .helpframebody .item {
    font-size: 12pt;
    color: black;
    page-break-after: avoid;
  }
  .helpframebody .text {
    font-size: 11pt;
    line-height: 115%;
    color: Black;
    page-break-before: avoid;
  }
  .helpframebody ul {
    page-break-before: avoid;
  }
  .helpframebody li {
    margin-bottom: 0.5em;
  }
}

/* Affiche en rouge les liens des parents des sites en erreur (ceux ayant la classe red) */
#table_geosites tr:not([data-state^="leaf"]):has(~ tr a.red) td:first-child a {
	color: red;
	font-weight: bold;
}

#table_geosites td:has(a.red) {
	background-color: #FFE6E6;
	font-weight: bold;
}

#table_geosites a.red {
    color: red;
}