@charset "UTF-8";
/* Include externes */
@import "../font/montserrat/montserrat.css";
@import "../font/fontawesome/all.min.css";
/* Sources internes */
/* Page connexion */
.logoVersionContent {
  display: flex;
  /* align-self: center;*/
  line-height: 60px;
  text-indent: 10px;
  /*--*/
  background-color: rgba(255, 255, 255, 0.2);
  font-family: Lato, Arial, sans-serif;
  color: #4d4d4d;
}

.logoVersion {
  /*  border-radius:10px;*/
  position: absolute;
  width: 90%;
  bottom: 15px;
  display: flex;
  text-align: right;
  flex-direction: row-reverse;
  background: linear-gradient(to right, #eee, #fff);
}

/* A Propos */
.cacheApropos {
  /* position: absolute;*/
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55) !important;
  opacity: 0.7;
  z-index: 10000;
}

.Apropos_version {
  margin: 5px;
  border-top: 1px solid #000;
  width: 100%;
  font-size: 13px;
}

.Apropos {
  position: fixed;
  width: 320px;
  height: 240px;
  /*top: 50%; left: 50%; /* à 50%/50% du parent référent */
  /*transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
  top: 150px;
  left: 400px;
  background-color: #fff;
  padding-bottom: 1px;
  vertical-align: middle;
  border-radius: 5px;
  padding: 10px 10px 10px 5px;
  display: block;
  font-family: Lato, Arial, sans-serif;
  font-size: 16px;
  color: #4d4d4d;
  z-index: 20000;
}

.ncf-container {
  font-size: 14px;
  box-sizing: border-box;
  position: fixed;
  z-index: 999999;
}

.ncf-container.nfc-top-left {
  top: 12px;
  left: 12px;
}

.ncf-container.nfc-top-center {
  top: 12px;
  left: 200px;
}

.ncf-container.nfc-top-right {
  top: 12px;
  right: 12px;
}

.ncf-container.nfc-bottom-right {
  bottom: 12px;
  right: 12px;
}

.ncf-container.nfc-bottom-left {
  bottom: 12px;
  left: 12px;
}

@media (max-width: 767px) {
  .ncf-container {
    left: 0;
    right: 0;
  }
}
.ncf-container .ncf {
  background: #fff;
  transition: 0.3s ease;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 30px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 12px #999;
  color: #000;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
  background-position: 15px !important;
  background-repeat: no-repeat !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ncf-container .ncf:hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  cursor: pointer;
}

.ncf-container .ncf .ncf-title {
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 6px;
  word-wrap: break-word;
}

.ncf-container .ncf .nfc-message {
  margin: 0;
  text-align: left;
  word-wrap: break-word;
}

.ncf-container .success_cop {
  background: #2f96b4;
  color: #fff;
  padding: 15px 15px 15px 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
}

.ncf-container .success {
  background: #51a351;
  color: #fff;
  padding: 15px 15px 15px 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
}

.ncf-container .info {
  background: #2f96b4;
  color: #fff;
  padding: 15px 15px 15px 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
}

.ncf-container .warning {
  background: #f87400;
  color: #fff;
  padding: 15px 15px 15px 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
}

.ncf-container .error {
  background: #bd362f;
  color: #fff;
  padding: 15px 15px 15px 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

.ncf-container button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  line-height: 1;
  font-size: 16px;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.ncf-container button:hover {
  opacity: 1;
}

/* ---------------------------------
      CSS TABVIEW
-----------------------------------*/
/* Style the tab */
.coptab {
  display: inline-block;
  border-bottom: 1px solid #DAE0E7;
  background-color: inherit;
  list-style-type: none;
  margin: 0;
  width: 100%;
  padding: 0;
  color: #001A51;
}

.coptab:has(button.coptablinks) {
  margin-top: 1rem;
}

/* Style the buttons that are used to open the tab content */
.coptab button {
  background-color: #F9F9F9;
  font-weight: bold;
  color: #001A51;
  overflow: hidden;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  margin: 0 4px -1px 0;
  border-radius: 8px 8px 0 0;
  border: 1px solid #DAE0E7;
  border-bottom: solid 0px #B9B9C1;
}

/* Change background color of buttons on hover */
.coptab button:hover {
  background-color: #ddd;
  border-bottom: solid 2px #001A51;
}

/* Create an active/current tablink class */
.coptab button.active {
  background-color: #fff;
  border-bottom: solid 2px #FF7700;
  text-transform: uppercase;
  font-weight: bold;
  color: #FF7700;
}

/* Style the tab content */
.coptabcontent {
  display: none;
  /*padding: 6px;*/
  border: 1px solid #ccc;
  border-top: none;
}

/* ----------------- Mise en page générale accueils ----------------- */
.page-conteneur.page-accueil.sous-page, .page-conteneur.page-accueil .contenu {
  width: 100%;
}
.page-conteneur.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.page-conteneur .main {
  flex-grow: 8;
  align-self: flex-start;
  max-width: 1153px;
}
.page-conteneur .main.flex {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1389px) {
  .page-conteneur .main {
    min-width: 1153px;
  }
}
.page-conteneur .sidebar {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 220px;
  padding-top: 45px;
}
@media screen and (min-width: 1896px) {
  .page-conteneur .sidebar {
    max-width: 500px;
  }
}
.page-conteneur .sidebar > div {
  min-width: 190px;
  float: right;
  margin-left: 10px;
  padding-right: 10px;
}
.page-conteneur .sidebar > div:not(.large) {
  width: 190px;
}
.page-conteneur .sidebar > div.large {
  width: 90%;
}
.page-conteneur .sidebar > div.entetediv {
  width: 100%;
}
.page-conteneur .sidebar > div:empty {
  display: none;
}
.page-conteneur.flex .sidebar > div {
  float: unset;
}

.collapser {
  display: none;
  position: fixed;
  right: 2px;
  font-size: 1.2rem;
  cursor: pointer;
  color: #FF7700;
  border-radius: 2rem;
  padding: 0.4rem 0.6rem;
}
@media screen and (max-width: 1389px) {
  .collapser {
    display: block;
  }
  .collapser:not(.collapsed) + div, .collapser:not(.collapsed) + .sidebar {
    margin-top: 30px;
  }
}
.collapser:hover {
  color: #006EFF;
}
.collapser i {
  transform: rotate(90deg);
}
.collapser.collapsed {
  display: block;
  padding-right: 10px;
  right: 0px;
  border-radius: 2rem 0 0 2rem;
  background-color: #001A51;
  color: white;
}
.collapser.collapsed i {
  transform: rotate(270deg);
}
.collapser.collapsed i:before {
  color: white !important;
  opacity: 100% !important;
}

.sidebar:hover + .collapser:not(.collapsed), .collapser:hover:not(.collapsed) {
  background-color: #001A51;
  color: white;
  border-radius: 2rem;
  padding: 0.4rem 0.6rem;
  box-shadow: 0 0 5px 1px rgba(0, 26, 81, 0.3);
}
.sidebar:hover + .collapser:not(.collapsed) i:before, .collapser:hover:not(.collapsed) i:before {
  color: white !important;
  opacity: 100% !important;
}
.sidebar:hover + .collapser.collapsed, .collapser:hover.collapsed {
  background-color: #FF7700;
}
.sidebar:hover + .collapser:active, .collapser:hover:active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.sidebar:has(+ .collapser:hover) {
  background-color: white;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
}

.sidebar.collapsed-container {
  flex-grow: 0 !important;
  width: 10px;
  overflow: hidden;
  background-color: #1A3C85;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
}
.sidebar.collapsed-container:has(+ .collapser:hover) {
  background-color: #5c9dff;
}

.page-conteneur .main:has(+ .sidebar.collapsed-container) {
  padding-right: 15px;
}

/* ----------------- Mise en page générale générique ----------------- */
.page-conteneur main.flex {
  display: flex;
  flex-direction: column;
}
.page-conteneur.conteneur {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.page-conteneur .page-entete {
  margin-top: 10px;
  padding-bottom: 0.5rem !important;
  justify-content: space-between;
  flex-grow: 2;
}
.page-conteneur .page-entete .entete-modif {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  color: #001A51;
  font-size: medium;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: space-between;
}
.page-conteneur .page-entete .entete-modif div {
  align-self: center;
}
.page-conteneur .page-entete .entete-modif .boutons {
  margin-left: 1rem;
}
.page-conteneur .page-entete .entete-modif label {
  font-weight: bold;
}
.page-conteneur .page-entete .entete-modif .modif-info:first-child {
  margin-left: 2rem;
}
.page-conteneur .page-entete .entete-modif .modif-info + .modif-info {
  border-left: 1px solid #001A51;
  margin-left: 1rem;
  padding-left: 1rem;
}

/* ligne qui prévoit une colonne flex => flex-grow-2 */
.row-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.row-flex.right {
  flex-direction: row-reverse;
}

.ml-a {
  margin-left: auto !important;
}

.col-flex {
  display: flex;
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-2 {
  flex-grow: 2;
}

.flex-grow-3 {
  flex-grow: 3;
}

.flex-grow-4 {
  flex-grow: 4;
}

.flex-grow-5 {
  flex-grow: 5;
}

.flex-grow-6 {
  flex-grow: 6;
}

.flex-grow-7 {
  flex-grow: 7;
}

.flex-grow-8 {
  flex-grow: 8;
}

.flex-grow-9 {
  flex-grow: 9;
}

.flex-grow-10 {
  flex-grow: 10;
}

.flex-grow-11 {
  flex-grow: 11;
}

.flex-grow-12 {
  flex-grow: 12;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.flex-shrink-2 {
  flex-shrink: 2;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

/* standard pour formulaire */
.row-flex .col-1 {
  /*  1 / 12 */
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.row-flex .col-2 {
  /*  2 / 12 */
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.row-flex .col-3 {
  /*  3 / 12 */
  flex: 0 0 25%;
  max-width: 25%;
}

.row-flex .col-4 {
  /*  4 / 12 */
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-flex .col-5 {
  /*  5 / 12 */
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.row-flex .col-6 {
  /*  6 / 12 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-7 {
  /*  7 / 12 */
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.row-flex .col-8 {
  /*  8 / 12 */
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.row-flex .col-9 {
  /*  9 / 12 */
  flex: 0 0 75%;
  max-width: 75%;
}

.row-flex .col-10 {
  /*  10 / 12 */
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.row-flex .col-11 {
  /*  11 / 12 */
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.row-flex .col-12 {
  /*  12 / 12 */
  flex: 0 0 100%;
  max-width: 100%;
}

/* variants col-max-use */
.row-flex .col-2-1 {
  /*  1 / 2 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-2-2 {
  /*  2 / 2 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-3-1 {
  /*  1 / 3 */
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-flex .col-3-2 {
  /*  2 / 3 */
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.row-flex .col-3-3 {
  /*  3 / 3 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-4-1 {
  /*  1 / 4 */
  flex: 0 0 25%;
  max-width: 25%;
}

.row-flex .col-4-2 {
  /*  2 / 4 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-4-3 {
  /*  3 / 4 */
  flex: 0 0 75%;
  max-width: 75%;
}

.row-flex .col-4-4 {
  /*  4 / 4 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-5-1 {
  /*  1 / 5 */
  flex: 0 0 20%;
  max-width: 20%;
}

.row-flex .col-5-2 {
  /*  2 / 5 */
  flex: 0 0 40%;
  max-width: 40%;
}

.row-flex .col-5-3 {
  /*  3 / 5 */
  flex: 0 0 60%;
  max-width: 60%;
}

.row-flex .col-5-4 {
  /*  4 / 5 */
  flex: 0 0 80%;
  max-width: 80%;
}

.row-flex .col-5-5 {
  /*  5 / 5 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-6-1 {
  /*  1 / 6 */
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.row-flex .col-6-2 {
  /*  2 / 6 */
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-flex .col-6-3 {
  /*  3 / 6 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-6-4 {
  /*  4 / 6 */
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.row-flex .col-6-5 {
  /*  5 / 6 */
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.row-flex .col-6-6 {
  /*  6 / 6 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-7-1 {
  /*  1 / 7 */
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.row-flex .col-7-2 {
  /*  2 / 7 */
  flex: 0 0 28.5714285714%;
  max-width: 28.5714285714%;
}

.row-flex .col-7-3 {
  /*  3 / 7 */
  flex: 0 0 42.8571428571%;
  max-width: 42.8571428571%;
}

.row-flex .col-7-4 {
  /*  4 / 7 */
  flex: 0 0 57.1428571429%;
  max-width: 57.1428571429%;
}

.row-flex .col-7-5 {
  /*  5 / 7 */
  flex: 0 0 71.4285714286%;
  max-width: 71.4285714286%;
}

.row-flex .col-7-6 {
  /*  6 / 7 */
  flex: 0 0 85.7142857143%;
  max-width: 85.7142857143%;
}

.row-flex .col-7-7 {
  /*  7 / 7 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-8-1 {
  /*  1 / 8 */
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.row-flex .col-8-2 {
  /*  2 / 8 */
  flex: 0 0 25%;
  max-width: 25%;
}

.row-flex .col-8-3 {
  /*  3 / 8 */
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.row-flex .col-8-4 {
  /*  4 / 8 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-8-5 {
  /*  5 / 8 */
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.row-flex .col-8-6 {
  /*  6 / 8 */
  flex: 0 0 75%;
  max-width: 75%;
}

.row-flex .col-8-7 {
  /*  7 / 8 */
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.row-flex .col-8-8 {
  /*  8 / 8 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-9-1 {
  /*  1 / 9 */
  flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
}

.row-flex .col-9-2 {
  /*  2 / 9 */
  flex: 0 0 22.2222222222%;
  max-width: 22.2222222222%;
}

.row-flex .col-9-3 {
  /*  3 / 9 */
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-flex .col-9-4 {
  /*  4 / 9 */
  flex: 0 0 44.4444444444%;
  max-width: 44.4444444444%;
}

.row-flex .col-9-5 {
  /*  5 / 9 */
  flex: 0 0 55.5555555556%;
  max-width: 55.5555555556%;
}

.row-flex .col-9-6 {
  /*  6 / 9 */
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.row-flex .col-9-7 {
  /*  7 / 9 */
  flex: 0 0 77.7777777778%;
  max-width: 77.7777777778%;
}

.row-flex .col-9-8 {
  /*  8 / 9 */
  flex: 0 0 88.8888888889%;
  max-width: 88.8888888889%;
}

.row-flex .col-9-9 {
  /*  9 / 9 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-10-1 {
  /*  1 / 10 */
  flex: 0 0 10%;
  max-width: 10%;
}

.row-flex .col-10-2 {
  /*  2 / 10 */
  flex: 0 0 20%;
  max-width: 20%;
}

.row-flex .col-10-3 {
  /*  3 / 10 */
  flex: 0 0 30%;
  max-width: 30%;
}

.row-flex .col-10-4 {
  /*  4 / 10 */
  flex: 0 0 40%;
  max-width: 40%;
}

.row-flex .col-10-5 {
  /*  5 / 10 */
  flex: 0 0 50%;
  max-width: 50%;
}

.row-flex .col-10-6 {
  /*  6 / 10 */
  flex: 0 0 60%;
  max-width: 60%;
}

.row-flex .col-10-7 {
  /*  7 / 10 */
  flex: 0 0 70%;
  max-width: 70%;
}

.row-flex .col-10-8 {
  /*  8 / 10 */
  flex: 0 0 80%;
  max-width: 80%;
}

.row-flex .col-10-9 {
  /*  9 / 10 */
  flex: 0 0 90%;
  max-width: 90%;
}

.row-flex .col-10-10 {
  /*  10 / 10 */
  flex: 0 0 100%;
  max-width: 100%;
}

.row-flex .col-11-1 {
  /*  1 / 11 */
  flex: 0 0 9.0909090909%;
  max-width: 9.0909090909%;
}

.row-flex .col-11-2 {
  /*  2 / 11 */
  flex: 0 0 18.1818181818%;
  max-width: 18.1818181818%;
}

.row-flex .col-11-3 {
  /*  3 / 11 */
  flex: 0 0 27.2727272727%;
  max-width: 27.2727272727%;
}

.row-flex .col-11-4 {
  /*  4 / 11 */
  flex: 0 0 36.3636363636%;
  max-width: 36.3636363636%;
}

.row-flex .col-11-5 {
  /*  5 / 11 */
  flex: 0 0 45.4545454545%;
  max-width: 45.4545454545%;
}

.row-flex .col-11-6 {
  /*  6 / 11 */
  flex: 0 0 54.5454545455%;
  max-width: 54.5454545455%;
}

.row-flex .col-11-7 {
  /*  7 / 11 */
  flex: 0 0 63.6363636364%;
  max-width: 63.6363636364%;
}

.row-flex .col-11-8 {
  /*  8 / 11 */
  flex: 0 0 72.7272727273%;
  max-width: 72.7272727273%;
}

.row-flex .col-11-9 {
  /*  9 / 11 */
  flex: 0 0 81.8181818182%;
  max-width: 81.8181818182%;
}

.row-flex .col-11-10 {
  /*  10 / 11 */
  flex: 0 0 90.9090909091%;
  max-width: 90.9090909091%;
}

.row-flex .col-11-11 {
  /*  11 / 11 */
  flex: 0 0 100%;
  max-width: 100%;
}

.titre-page {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.titre-page h1 {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  color: #001A51;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: initial;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
}
.titre-page h1 i.icon {
  margin-right: 1rem;
  color: #FF7700;
  font-size: 2.5rem;
}
.titre-page h1 i.icon img {
  vertical-align: middle;
  border-style: none;
}

/* ----------------- Mise en page formulaire ----------------- */
.form-group {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
}
.form-group:not(.mini) {
  margin-bottom: 0.3rem;
  min-height: 32px;
}
.form-group label {
  line-height: 1.3;
  display: inline-block;
  margin-bottom: 0.3rem;
  font-weight: bold;
  vertical-align: middle;
  color: #001A51;
}
.form-group label:first-child {
  width: 100%;
  padding-right: 0.3rem;
}
.form-group label.obligatoire:after {
  content: " ";
  color: #dc3545;
  padding-left: 0.2rem;
  padding-right: 0.5rem;
  background: url(../images/obligatoire.gif) no-repeat center center;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.form-group label:only-child {
  line-height: 1.9;
}
.form-group.sans-label > div {
  padding-top: 1.8rem;
}
.form-group.sans-label > a {
  padding-top: 1.5rem;
}
.form-group.mini label, .form-group.mini:not(:has(label)) {
  margin-bottom: 0.1rem;
}
.form-group input + label {
  margin-left: 0.3rem;
  line-height: 1.9;
  margin-top: 0.5rem;
}
.form-group input[type=radio] {
  margin-bottom: 0.3rem;
}
.form-group .radio-group + .radio-group {
  margin-left: 0.3rem;
}
.form-group select {
  min-height: 32px;
}
.form-group .bloctel-info i {
  vertical-align: top;
}
.form-group label + div.form-lib {
  margin-top: 0.7rem;
}

:is(.page-flex, .page-conteneur.flex) *:not(.button) {
  box-sizing: border-box;
}
:is(.page-flex, .page-conteneur.flex) :is(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
  padding-right: 15px;
  padding-left: 15px;
}

form.form-main {
  margin-right: 10px;
}
form.form-main * {
  box-sizing: border-box;
}
form.form-main .form-group:not(.mini) {
  margin-bottom: 0.7rem;
}
form.form-main .form-group label {
  margin-bottom: 0.5rem;
}
form.form-main .form-group label.obligatoire:after {
  content: "*";
  background: transparent;
}
form.form-main .form-group:is(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
  padding-right: 15px;
  padding-left: 15px;
}
form.form-main .form-group .form-control {
  display: block;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
form.form-main .form-group .form-control input {
  height: calc(1.5em + 0.75rem + 2px);
}
form.form-main .form-group input:is([type=text], :not([type])) {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  white-space: nowrap;
  margin-bottom: 0;
  min-height: 26px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  margin: 0.2rem 0;
  padding: 0.1rem 0.75rem;
  height: calc(1.5em + 0.75rem + 2px);
}
form.form-main .form-group input:is([type=text], :not([type])) [readonly] {
  background-color: #e9ecef;
}
form.form-main .form-group .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
form.form-main .form-group .input-group input {
  flex-grow: 3;
}
form.form-main .form-group .input-group input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form.form-main .form-group .input-group:has(.input-group-append) {
  flex-flow: nowrap;
}
form.form-main .form-group .input-group .input-group-append {
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: -1px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  display: flex;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.375rem 0.375rem;
}
form.form-main .form-group .input-group .input-group-append :is(i, .icone)::before {
  font-size: 1rem !important;
}
form.form-main .form-group .input-group .input-group-append:has(i:is([style*="visibility: hidden" i]):only-child) {
  width: 0;
}
form.form-main .form-bloc {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  background-color: white;
  margin: 0 0 1rem 0;
  padding: 1rem 0;
}
form.form-main .form-bloc .form-bloc-entete {
  display: flex;
  color: #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  margin-left: 15px;
  margin-bottom: 0.3rem;
}
form.form-main .form-bloc .form-bloc-entete i {
  font-size: 1rem;
  align-self: center;
  margin-right: 0.8rem;
}
form.form-main .form-bloc .form-bloc-entete h2 {
  font-size: 1rem;
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
}
form.form-main .form-bloc .form-bloc-entete .button {
  margin-left: 1rem;
  font-weight: 600;
  padding: 0.4rem 0.9rem;
}
form.form-main .mention-champs-obligatoire .obligatoire {
  background: transparent;
}
form.form-main .mention-champs-obligatoire .obligatoire:before {
  content: "*";
  margin-right: 0.3rem;
  padding-right: 0.6rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

label.custom-radio {
  color: #212529;
  font-weight: normal;
  padding-top: 0.3rem;
  font-weight: 400 !important;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
}
label.custom-radio input {
  position: absolute;
  left: -9999px;
}
label.custom-radio input + span {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
label.custom-radio input + span:hover {
  background-color: rgb(255, 246.84, 239.7);
  cursor: pointer;
}
label.custom-radio input + span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #ced4da;
}
label.custom-radio input:disabled + span:before {
  box-shadow: inset 0 0 0 0.125em #F2F2F2;
}
label.custom-radio input:disabled + span:hover {
  background-color: rgb(252.92, 252.92, 252.92);
  cursor: initial;
}
label.custom-radio input:checked + span:before {
  box-shadow: inset 0 0 0 0.4em #FF7700;
}

.custom-switch input[type=checkbox] {
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 36px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 9px;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-left: 0;
}
.custom-switch input[type=checkbox]:checked {
  background: #FF7700;
  border-color: #FF7700;
}
.custom-switch input[type=checkbox]:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 16px;
  border-radius: 50%;
  background-color: #adb5bd;
  -webkit-transform: scale(0.7);
  transform: scale(0.75);
  left: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-switch input[type=checkbox]:checked:after {
  left: calc(100% - 18px);
  background-color: white;
}
.custom-switch input[type=checkbox]:not(:disabled):active {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-switch input[type=checkbox]:not(:disabled):active:after {
  color: #fff;
}
.custom-switch input[type=checkbox]:not(:disabled):active:focus {
  box-shadow: none;
}
.custom-switch input[type=checkbox]:disabled {
  color: #aaaaaa;
  background-color: #e9ecef;
}
.custom-switch input[type=checkbox]:disabled:checked {
  background: #FF7700;
  opacity: 50%;
}

label + span.rgpd-comm:after, label.rgpd-comm:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f06a";
  color: #1A3C85;
  margin-left: 0.3rem;
  opacity: 100%;
}
label + span.rgpd-comm:after:hover, label.rgpd-comm:after:hover {
  opacity: 70%;
  cursor: pointer;
}

textarea + span.rgpd-comm {
  float: right;
  position: relative;
  top: -2rem;
}
textarea + span.rgpd-comm:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f06a";
  color: #1A3C85;
  margin-left: 0.3rem;
  opacity: 50%;
}
textarea + span.rgpd-comm:after:hover {
  opacity: 70%;
  cursor: pointer;
}

.section-sep {
  border-top: 1px solid #8e8e8e;
  padding-top: 2rem;
}

:is(input[type=text], select).search-criteria-enter:focus {
  border-right: 1px dotted #5c9dff !important;
}
:is(input[type=text], select).search-criteria-enter:focus ::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2f6";
  color: #FF7700;
  margin-left: 0.3rem;
  opacity: 0.3;
}
:is(input[type=text], select).search-criteria-enter:focus ::after:hover {
  opacity: 70%;
  cursor: pointer;
}
:is(input[type=text], select).search-criteria-enter:focus[obligatoire=OUI] {
  border-left: 1px dotted #dc3545 !important;
  transition: all 0.2s ease-in;
}

.form-control:has(span.unite) {
  position: relative;
}
.form-control:has(span.unite) span.unite {
  position: absolute;
  right: 5px;
  top: 30%;
  font-weight: 400;
}

/* ----------------- alertes / Notifications ----------------- */
.alert {
  border-radius: 0.25rem;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: auto;
}
.alert i {
  font-size: 1.2rem;
  align-self: center;
}
.alert ul {
  margin-bottom: 0;
  padding: 0;
}
.alert ul li {
  list-style: none;
}
.alert .alert-titre {
  font-size: 1rem;
  font-weight: bold;
  margin-block-start: 0.3rem;
  margin-block-end: 0.3rem;
}
.alert .alert-content {
  flex-grow: 2;
  padding: 0.5rem;
}
.alert.alert-primary {
  background-color: #D7E7FC;
}
.alert.alert-warning {
  color: #dc5f00;
  padding: 0.2rem 1.25rem;
  border: 2px solid #FF7700;
  background-color: #fff3cd;
}
.alert.alert-comments {
  color: #001A51;
  padding: 0.2rem 1.25rem;
  border: 2px solid #8e8e8e;
  background-color: rgb(218.5, 218.5, 218.5);
}
.alert.alert-comments i {
  font-size: 1.8rem;
  color: #8e8e8e;
  margin: 1rem 1rem 1rem 0.3rem;
  height: 100%;
}
.alert.alert-info {
  color: #0047B1;
  background-color: #D7E7FC;
  padding: 0.2rem 1.25rem;
  border: 2px solid #65A3FF;
}
.alert.alert-info i {
  color: #0047B1;
}

/* ----------------- bloc accueil ----------------- */
div + div.bloc-section-liste {
  margin-top: 2rem;
}

.bloc-section-liste {
  color: #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
}
.bloc-section-liste .bloc-section-liste-entete {
  display: flex;
  justify-content: space-between;
}
.bloc-section-liste .bloc-section-liste-titre {
  display: flex;
}
.bloc-section-liste .bloc-section-liste-titre i {
  font-size: 1rem;
  align-self: center;
  margin-right: 0.8rem;
}
.bloc-section-liste .bloc-section-liste-titre h2 {
  font-size: 1rem;
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
}
.bloc-section-liste .bloc-section-liste-contenu {
  display: flex;
  flex-direction: column;
}
.bloc-section-liste .bloc-section-liste-table {
  margin: 0.3rem 0 0.3rem 1.5rem;
}
.bloc-section-liste .bloc-section-liste-table table tr.entetecolonne td {
  padding: 0.5rem 0;
  border-bottom: 4px solid #001A51;
}
.bloc-section-liste .bloc-section-liste-table table tr:is(.CouleurImpair, .CouleurPair) td {
  border-bottom: 1px solid #001A51;
  line-height: 2rem;
}
.bloc-section-liste .bloc-section-liste-table table tr:is(.CouleurImpair, .CouleurPair) td i {
  font-size: 1.1rem;
  align-self: center;
  color: #001A51;
}
.bloc-section-liste .bloc-section-liste-table table tr.CouleurImpair {
  background-color: white !important;
}
.bloc-section-liste .bloc-section-liste-table table tr.CouleurPair {
  background-color: transparent !important;
}
.bloc-section-liste .bloc-section-liste-table table tr a:not(.button):not(:has(> img, > i)) {
  text-decoration: none;
}
.bloc-section-liste .bloc-section-liste-table table tr a:not(.button):not(:has(> img, > i)):hover {
  color: #1483ff;
}
.bloc-section-liste .bloc-section-liste-table table tr a:not(.button):not(:has(> img, > i)):hover:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f35d";
  margin-left: 0.3rem;
}

.bloc-boutons .right {
  float: right;
}

@media screen and (max-width: 1338px) {
  .page-conteneur:has(.sidebar) .bloc-section-liste .bloc-section-liste-table {
    margin: 0.3rem 0;
  }
}

.bloc-favorite-links {
  display: flex;
  flex-direction: column;
}
.bloc-favorite-links .favorite-link {
  line-height: 2rem;
  border-bottom: 1px solid #8e8e8e;
}
.bloc-favorite-links .favorite-link i {
  font-size: 1.1rem;
  margin-left: 1rem;
  vertical-align: middle;
  font-size: 1rem;
}
.bloc-favorite-links .favorite-link i.empty {
  color: #8e8e8e;
}
.bloc-favorite-links .favorite-link i.not-empty {
  color: #00C414;
}
.bloc-favorite-links .favorite-link i.blue {
  color: #006EFF !important;
}
.bloc-favorite-links .favorite-link i.large {
  font-size: large;
}
.bloc-favorite-links .favorite-link a, .bloc-favorite-links .favorite-link span {
  margin-left: 1rem;
  color: #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  text-decoration: none;
}
.bloc-favorite-links .favorite-link a:not(.button):not(:has(> img, > i)) {
  text-decoration: none;
}
.bloc-favorite-links .favorite-link a:not(.button):not(:has(> img, > i)):hover {
  color: #1483ff;
}
.bloc-favorite-links .favorite-link a:not(.button):not(:has(> img, > i)):hover:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f35d";
  margin-left: 0.3rem;
}

/* ----------------- cards ----------------- */
.bloc-carte {
  background-color: transparent;
  color: #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  display: flex;
  flex-direction: column;
}
.bloc-carte:not(.premier-bloc) {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  background-color: white;
  margin-top: 1rem;
  padding: 1rem;
}
.bloc-carte .bloc-carte-entete {
  display: flex;
  margin-bottom: 0.3rem;
}
.bloc-carte .bloc-carte-entete > i, .bloc-carte .bloc-carte-entete .bloc-carte-entete-titre > i {
  font-size: 1rem;
  align-self: center;
  margin-right: 0.8rem;
}
.bloc-carte .bloc-carte-entete h2 {
  font-size: 1rem;
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
}
.bloc-carte .bloc-carte-entete:has(.bloc-carte-entete-titre) {
  justify-content: space-between;
}
.bloc-carte .bloc-carte-entete .bloc-carte-entete-titre {
  display: flex;
}
.bloc-carte .bloc-carte-entete .bloc-carte-entete-boutons {
  margin-left: 0.3rem;
}
.bloc-carte .bloc-carte-contenu {
  display: flex;
  flex-direction: row;
  padding-top: 0.3rem;
  color: #001A51;
}
.bloc-carte .bloc-carte-contenu label:first-child {
  width: 100%;
  padding-right: 0.3rem;
}
.bloc-carte .bloc-carte-contenu:empty {
  display: none;
}
.bloc-carte:has(> .bloc-carte-colonne) {
  display: flex;
  flex-direction: row;
}
.bloc-carte .bloc-carte-colonne + .bloc-carte-colonne {
  border-left: 1px solid #8e8e8e;
  padding-left: 1rem;
  margin-left: 1rem;
}
.bloc-carte .bloc-carte-colonne:not(:is([style*="visibility: hidden" i], [style*="visibility:hidden" i])):last-of-type {
  flex-grow: 2;
}
.bloc-carte .bloc-carte-colonne:is([style*="visibility: hidden" i], [style*="visibility:hidden" i]) {
  display: none;
}
.bloc-carte .montant:not(:empty):after {
  padding-left: 0.3rem;
  content: "€";
  text-decoration: none;
}
.bloc-carte .mauve {
  color: #DF2161;
}
.bloc-carte .bloc-vert .bloc-carte-contenu {
  border-top: 2px solid #BDD630;
}
.bloc-carte .bloc-vert i:has(+ h2) {
  color: #BDD630;
}
.bloc-carte .bloc-bleu .bloc-carte-contenu {
  border-top: 2px solid #387DC9;
}
.bloc-carte .bloc-bleu i:has(+ h2) {
  color: #387DC9;
}
.bloc-carte .bloc-bleu-clair .bloc-carte-contenu {
  border-top: 2px solid #0aaccd;
}
.bloc-carte .bloc-bleu-clair i:has(+ h2) {
  color: #0aaccd;
}
.bloc-carte .bloc-jaune .bloc-carte-contenu {
  border-top: 2px solid #FFDD00;
}
.bloc-carte .bloc-jaune i:has(+ h2) {
  color: #FFDD00;
}
.bloc-carte .bloc-orange .bloc-carte-contenu {
  border-top: 2px solid #FF6A23;
}
.bloc-carte .bloc-orange i:has(+ h2) {
  color: #FF6A23;
}
.bloc-carte .bloc-violet .bloc-carte-contenu {
  border-top: 2px solid #ab8ad0;
}
.bloc-carte .bloc-violet i:has(+ h2) {
  color: #ab8ad0;
}
.bloc-carte .bloc-mauve .bloc-carte-contenu {
  border-top: 2px solid #FF3366;
}
.bloc-carte .bloc-mauve i:has(+ h2) {
  color: #FF3366;
}
.bloc-carte .bloc-rouge .bloc-carte-contenu {
  border-top: 2px solid #FF6464;
}
.bloc-carte .bloc-rouge i:has(+ h2) {
  color: #FF6464;
}
.bloc-carte i.empty {
  color: #8e8e8e;
}
.bloc-carte i.not-empty {
  color: #00C414;
}
.bloc-carte i.blue {
  color: #006EFF !important;
}
.bloc-carte i.large {
  font-size: large;
}
.bloc-carte a:not(.button):not(:has(> img, > i)) {
  text-decoration: none;
}
.bloc-carte a:not(.button):not(:has(> img, > i)):hover {
  color: #1483ff;
}
.bloc-carte a:not(.button):not(:has(> img, > i)):hover:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f35d";
  margin-left: 0.3rem;
}

input.iban-fixed, .iban-fixed span {
  float: left;
  margin-right: 0.9rem;
}

/* ----------------- tools ----------------- */
.m-0 {
  margin: 0rem;
}

.mt-0, .my-0 {
  margin-top: 0rem;
}

.mr-0, .mx-0 {
  margin-right: 0rem;
}

.mb-0, .my-0 {
  margin-bottom: 0rem;
}

.ml-0, .mx-0 {
  margin-left: 0rem;
}

.pl-0, .px-0 {
  padding-left: 0rem;
}

.pr-0, .px-0 {
  padding-right: 0rem;
}

.pt-0, .py-0 {
  padding-top: 0rem;
}

.pb-0, .py-0 {
  padding-bottom: 0rem;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1, .my-1 {
  margin-top: 0.25rem;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem;
}

.pl-1, .px-1 {
  padding-left: 0.25rem;
}

.pr-1, .px-1 {
  padding-right: 0.25rem;
}

.pt-1, .py-1 {
  padding-top: 0.25rem;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2, .my-2 {
  margin-top: 0.5rem;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem;
}

.pl-2, .px-2 {
  padding-left: 0.5rem;
}

.pr-2, .px-2 {
  padding-right: 0.5rem;
}

.pt-2, .py-2 {
  padding-top: 0.5rem;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.mt-3, .my-3 {
  margin-top: 1rem;
}

.mr-3, .mx-3 {
  margin-right: 1rem;
}

.mb-3, .my-3 {
  margin-bottom: 1rem;
}

.ml-3, .mx-3 {
  margin-left: 1rem;
}

.pl-3, .px-3 {
  padding-left: 1rem;
}

.pr-3, .px-3 {
  padding-right: 1rem;
}

.pt-3, .py-3 {
  padding-top: 1rem;
}

.pb-3, .py-3 {
  padding-bottom: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.mt-4, .my-4 {
  margin-top: 1.5rem;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem;
}

.pl-4, .px-4 {
  padding-left: 1.5rem;
}

.pr-4, .px-4 {
  padding-right: 1.5rem;
}

.pt-4, .py-4 {
  padding-top: 1.5rem;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mt-5, .my-5 {
  margin-top: 3rem;
}

.mr-5, .mx-5 {
  margin-right: 3rem;
}

.mb-5, .my-5 {
  margin-bottom: 3rem;
}

.ml-5, .mx-5 {
  margin-left: 3rem;
}

.pl-5, .px-5 {
  padding-left: 3rem;
}

.pr-5, .px-5 {
  padding-right: 3rem;
}

.pt-5, .py-5 {
  padding-top: 3rem;
}

.pb-5, .py-5 {
  padding-bottom: 3rem;
}

.w5 {
  width: 5%;
}

.mw5 {
  max-width: 5%;
}

.miw5 {
  min-width: 5%;
}

.w10 {
  width: 10%;
}

.mw10 {
  max-width: 10%;
}

.miw10 {
  min-width: 10%;
}

.w15 {
  width: 15%;
}

.mw15 {
  max-width: 15%;
}

.miw15 {
  min-width: 15%;
}

.w20 {
  width: 20%;
}

.mw20 {
  max-width: 20%;
}

.miw20 {
  min-width: 20%;
}

.w25 {
  width: 25%;
}

.mw25 {
  max-width: 25%;
}

.miw25 {
  min-width: 25%;
}

.w30 {
  width: 30%;
}

.mw30 {
  max-width: 30%;
}

.miw30 {
  min-width: 30%;
}

.w35 {
  width: 35%;
}

.mw35 {
  max-width: 35%;
}

.miw35 {
  min-width: 35%;
}

.w40 {
  width: 40%;
}

.mw40 {
  max-width: 40%;
}

.miw40 {
  min-width: 40%;
}

.w45 {
  width: 45%;
}

.mw45 {
  max-width: 45%;
}

.miw45 {
  min-width: 45%;
}

.w50 {
  width: 50%;
}

.mw50 {
  max-width: 50%;
}

.miw50 {
  min-width: 50%;
}

.w55 {
  width: 55%;
}

.mw55 {
  max-width: 55%;
}

.miw55 {
  min-width: 55%;
}

.w60 {
  width: 60%;
}

.mw60 {
  max-width: 60%;
}

.miw60 {
  min-width: 60%;
}

.w65 {
  width: 65%;
}

.mw65 {
  max-width: 65%;
}

.miw65 {
  min-width: 65%;
}

.w70 {
  width: 70%;
}

.mw70 {
  max-width: 70%;
}

.miw70 {
  min-width: 70%;
}

.w75 {
  width: 75%;
}

.mw75 {
  max-width: 75%;
}

.miw75 {
  min-width: 75%;
}

.w80 {
  width: 80%;
}

.mw80 {
  max-width: 80%;
}

.miw80 {
  min-width: 80%;
}

.w85 {
  width: 85%;
}

.mw85 {
  max-width: 85%;
}

.miw85 {
  min-width: 85%;
}

.w90 {
  width: 90%;
}

.mw90 {
  max-width: 90%;
}

.miw90 {
  min-width: 90%;
}

.w95 {
  width: 95%;
}

.mw95 {
  max-width: 95%;
}

.miw95 {
  min-width: 95%;
}

.w100 {
  width: 100%;
}

.mw100 {
  max-width: 100%;
}

.miw100 {
  min-width: 100%;
}

.rot45 {
  transform: rotate(45deg);
}

.rot90 {
  transform: rotate(90deg);
}

/* icones spécifiques au métier */
.icone.camionjaune:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0d1" !important;
  color: #ebd534 !important;
  text-shadow: 1px 1px 2px black;
}
.icone.camionbleu:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0d1" !important;
  color: #001A51 !important;
}

/* INPUT TEXTAREA */
textarea {
  resize: none; /* qc 23792 */
}

/*HYPERLIEN*/
/*FLD 27032003*/
.hyperlienrouge:link {
  font-size: 0.8rem; /*8pt;*/
  text-decoration: underline;
  cursor: pointer;
  color: #dc3545;
}
.hyperlienrouge:visited {
  font-size: 0.8rem; /*8pt;*/
  text-decoration: underline;
  cursor: pointer;
  color: #dc3545;
}

.hyperlienbleu {
  font-size: 0.8rem; /*8pt;*/
  text-decoration: underline;
  cursor: pointer;
  color: #006EFF;
}

/*FLD 07102002*/
.hyperlien {
  font-size: 0.8rem; /*8pt;*/
  text-decoration: underline;
  cursor: pointer;
  color: #0000FF;
}

.hyperlienhover {
  font-size: 0.8rem; /*8pt;*/
  text-decoration: underline;
  cursor: pointer;
  color: #dc3545;
}

/* Fin FLD 07102002*/
/*FONT PAR DEFAUT*/
.def {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
}

.def:hover {
  color: #001A51;
}

.defpetit {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
}

/*SVA 27/04/2007 negoce multiprix */
.defitalique {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  font-style: italic;
}

/* CBC 12/04/2005 */
.def10 {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
}

/* fin CBC */
.defmain {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  cursor: pointer;
  font-weight: bold;
}

.defgras {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
}

.defrouge {
  font-size: 10pt;
  color: #dc3545 !important;
}

.defvert {
  font-size: 10pt;
  color: #00C414;
}

.def span.obligatoire, .mention-champs-obligatoire span.obligatoire {
  background: url(../images/obligatoire.gif) no-repeat center center;
  display: inline-block;
  color: #dc3545;
  padding-left: 0.2rem;
  height: 10px;
  width: 10px;
}

.mention-champs-obligatoire {
  font-style: italic;
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  text-align: right;
}

.right > .mention-champs-obligatoire {
  margin-right: 1rem;
}

.titre {
  font-weight: bold;
  color: #001A51;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.titreCommentaireNI {
  font-size: 11px;
  color: #666666;
  background-image: url(../images/icone-info.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-left: 0;
  display: block;
  width: 100%;
  margin-top: 4px;
  line-height: 16px;
  margin-right: 0;
  margin-bottom: 4px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  clear: both;
}

.commentaireNI {
  background-color: #e5f4ff;
  border: 2px solid #7db1d6;
  overflow: auto;
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
  font-size: 12px;
}

.titreCommentaireAcces {
  font-size: 11px;
  color: #666666;
  background-image: url(../images/icone-info.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-left: 0;
  display: block;
  width: 100%;
  margin-top: 4px;
  line-height: 16px;
  margin-right: 0;
  margin-bottom: 4px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  clear: both;
}

.commentaireAcces {
  background-color: #E3FADF;
  border: 2px solid #A9EA9C;
  overflow: auto;
  padding-right: 5px;
  padding-left: 5px;
  width: 100%;
  font-size: 12px;
}

/*.titre.mini {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #242477;
    font-weight: bold
}*/
.titresaisie {
  font-size: 0.8rem; /*8pt;*/
  color: #0047B1;
  font-weight: bold;
  border-bottom: solid 1px #1A3C85;
}

/*FLD 27032003*/
.listerougen {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545 !important;
}

.listeorangen {
  font-size: 0.8rem; /*8pt;*/
  color: #FF9966;
}

/* JRT 03/05/04 */
.listebleun {
  font-size: 0.8rem; /*8pt;*/
  color: #0066FF;
}

.listebleu {
  font-size: 0.8rem; /*8pt;*/
  color: #0066FF;
}

.listerouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545 !important;
  font-weight: bold;
}

.listevert {
  font-size: 0.8rem; /*8pt;*/
  color: #41C13E;
  font-weight: bold;
}

/* FPI 25012013 FM257456 */
.listeorange {
  font-size: 0.8rem; /*8pt;*/
  color: #FF9966;
  font-weight: bold;
}

/* FLD 31122002 */
.listerougepaireinv {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  background-color: #dc3545;
}

.policesaisiefondrgmauve {
  font-size: 0.8rem; /*8pt;*/
  background-color: #DF2161 !important;
}

.listerougepaire {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  background-color: #FFFFFF;
}

.listerougeimpaireinv {
  font-size: 0.8rem; /*8pt;*/
  color: #E1E6F7;
  background-color: #dc3545;
}

.listerougeimpaire {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  background-color: #E1E6F7;
}

/* FIN FLD 31122002 */
/* JRT 12/04/2003 */
.entetecolonne {
  color: #FFFFFF;
  background-color: #646FBB;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnerouge {
  color: #dc3545;
  background-color: #FFFFFF;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

/*CBC 20/09/2006 : FM 133527*/
.entetecolonnejaune {
  color: black;
  background-color: #FFFF66;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnerose {
  color: black;
  background-color: #FFCCCC;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnevert {
  color: black;
  background-color: #02E6B3;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnebleuclair {
  color: black;
  background-color: #A5D8FE;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnePlatts {
  color: #FFFFFF;
  background-color: #0070C0;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnePlattsCotation {
  color: #FFFFFF;
  background-color: #00B0F0;
  font-size: 60%;
  text-align: center;
  font-weight: bold;
}

.entetecolonnePlattsType {
  color: black;
  background-color: #FFFFCC;
  font-size: 60%;
  text-align: center;
}

.entetecolonneDAMPlatts {
  color: black;
  background-color: #FFFFFF;
  font-size: 60%;
  text-align: center;
}

.ligneDAMPlatts {
  color: #046380;
  background-color: #FFFFFF;
  font-size: 60%;
  text-align: center;
}

/*fin CBC 20/09/2006*/
.liste {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
}

.listeGris {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  background-color: #BDBDBD;
}

.listegras {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

.listemain {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  cursor: pointer;
}

/*FLD 27032003 */
.listemainrouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  cursor: pointer;
}

.listemainrougegras {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  cursor: pointer;
  font-weight: bold;
}

/* FPI 16/12/2016 */
.listemainASaisir {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  cursor: pointer;
  background-color: #e6e6e6;
}

.listemainSaisi {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  cursor: pointer;
  background-color: #0066FF;
}

.listemainFerie {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  cursor: pointer;
  background-color: #dc3545;
}

/* fin FPI */
.calendriervide {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  background-color: #FFFFFF;
}

.calendrier {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
}

/*BODY DE LA PAGE*/
.body {
  background-color: #f8f9fa;
  margin-left: 0;
  margin-top: 0;
  BACKGROUND-ATTACHMENT: scroll;
  BACKGROUND-REPEAT: no-repeat;
  /*Partie POLICE SAISIE (A modifier en même temps que policesasie
  font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

/*ROMAIN 11092203 */
.separationtableau {
  font-size: 80%;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  background-color: #6699FF;
}

/*TABLEAUX DE SAISIE*/
.TABLESAISIE {
  border-width: 0;
  font-size: 0.8rem; /*8pt;*/
  color: #242477;
}

/*TABLEAUX DE LISTE*/
.TABLELISTE {
  border-width: 0;
  font-size: 0.8rem; /*8pt;*/
  color: #242477;
}

.CouleurPair {
  background-color: #FFFFFF;
}

.CouleurImpair {
  background-color: #E1E6F7;
}

/*POLICE DE SAISIE 8pt*/
.policesaisie {
  font-size: 0.8rem; /*8pt;*/
  color: black;
}

.policesaisie:hover {
  color: black;
}

.policesaisiebleue {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
}

/*SVA 27/04/2007 negoce multiprix */
.policesaisieitalique {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  font-style: italic;
}

.policesaisiemain {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  cursor: pointer;
}

.policeorange {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #FF9966;
}

.policerouge {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #CC3300;
}

.policeverte {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #1CD143;
}

.policerougegras {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  font-weight: bold;
}

.policerougegraspetit {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 60%;
  color: #dc3545;
  font-weight: bold;
}

.policenoirgras {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

.policebleue {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem; /*8pt;*/
  color: #0477BB;
  font-weight: bold;
}

/*POLICE DE SAISIE 9pt*/
.policeDADProuge {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #dc3545;
  font-weight: bold;
}

/*POLICE DE SAISIE 10pt*/
.policesaisie10 {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
}

/*Positionnement des bulles d'aides*/
.popper {
  POSITION: absolute;
  VISIBILITY: hidden;
  z-index: 700; /* au dessus de la toolbar */
  padding: 0.3rem;
}

.popper .cop-net-tooltip {
  border: 3px solid #242477;
  padding: 0.5rem;
  background-color: white;
  vertical-align: middle;
  text-align: center;
}

.popper .cop-net-tooltip.text-left {
  text-align: left;
}

.popper .cop-net-tooltip.text-big {
  max-width: 400px;
  word-wrap: break-word;
}

.ui-menu.ui-widget.ui-front.ui-autocomplete {
  z-index: 10001 !important; /* au dessus du masque */
}

/*font des messages d'erreur*/
.erreur {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  font-weight: bold;
}

/*font des messages d'info*/
.info {
  font-size: 0.8rem; /*8pt;*/
  color: #CC0099;
  font-weight: bold;
}

/*style des libellés complémentaires*/
/*Netscape4*/
.LibCompNSP {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10pt;
  color: #001A51;
}

/*IE*/
.LibCompIE {
  font-size: 10pt;
  color: #001A51;
}

/*Libelle complémentaire avec des edit*/
.LibComp {
  font-family: Verdana;
  font-size: 10pt;
  color: #001A51;
  border-style: solid;
  border-color: #FFFFFF;
}

.LibCompIFrame {
  font-family: Verdana;
  font-size: 10pt;
  color: #001A51;
  background-color: #DEE3FD;
  border-style: solid;
  border-color: #DEE3FD;
}

/* Font pour info bulle */
.bullerouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
}

.bulle {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
}

/* Font pour info bulle Carto Ptv*/
.entetePtvRouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
}

.lignePtv {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
}

.cadreEnregistrementEnCours {
  text-align: center;
  background-color: #EAEAEA;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/*FLD 27032003*/
.Formulaires {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

/* page de connexion */
.lignevisible {
  display: inline;
}

.lignecache {
  display: none;
}

.classbouton {
  width: 50px;
  height: 21px;
  font-size: 11pt;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #5868B9;
}

/* IFRAME */
.divmaitre {
  position: absolute;
  z-index: 20;
  left: 200px;
  top: 150px;
  visibility: hidden;
}

.divmaitreIFrame {
  background-color: #DEE3FD;
  border: inset 1px #dee2e6; /* #2D376D */
}

/* FIN IFRAME */
/* JRT */
.bandeauinactif {
  background-color: #646FBB;
  font-size: 9pt;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

.bandeauaccueil {
  background-color: #387DC9;
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
}

.bandeaudefault {
  background-color: #FFFFFF;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
}
.bandeaudefault .def {
  padding-left: 0.5rem;
}

.bandeauBleuClair {
  background-color: #A5D8FE;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

.bandeauBleu {
  background-color: #646FBB;
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
}

.bandeauJaune {
  background-color: #FFF4A6;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

.bandeauVert {
  background-color: #02E6B3;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

.bandeauAccueilRouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
  font-weight: bold;
  white-space: nowrap;
}

/* COR 22/03/04 */
.tdcalendrier {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 0px 0px 1px;
  background-color: transparent;
  text-align: center;
}

.tdcalendrierright {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 0px 1px;
  background-color: transparent;
  text-align: center;
}

.tdcalendrierbottom {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 0px 1px 1px;
  background-color: transparent;
  text-align: center;
}

.tdcalendrierRB {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 1px 1px;
  background-color: transparent;
  text-align: center;
}

.tdcalendriertop {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 0px 0px 0;
  background-color: transparent;
  text-align: center;
}

/* CBC 30/11/2005 */
.calendtop {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 0px 1px;
  background-color: transparent;
  text-align: center;
}

.calendbottom {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 1px 1px;
  background-color: transparent;
  text-align: center;
}

.calendleft {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 0px 1px;
  background-color: transparent;
  text-align: center;
}

.calendright {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 0px 0;
  background-color: transparent;
  text-align: center;
}

.calendbottomleft {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 1px 1px;
  background-color: transparent;
  text-align: center;
}

.calendbottomright {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  cursor: pointer;
  border-width: 1px 1px 1px 0;
  background-color: transparent;
  text-align: center;
}

/* fin CBC */
.zonerougeinv {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
}

.zonerouge {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
}

.zonenoireinv {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
}

.zonenoire {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
}

.zonesaisieinv {
  font-size: 0.8rem; /*8pt;*/
  color: #dc3545;
}

.zonesaisie {
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
}

/*FIN COR 22/03/04*/
.calque {
  border-width: 0;
  overflow: hidden;
  position: absolute;
  height: 1px;
  left: 1px;
  top: 1px;
  /*FILTER: progid: DXImageTransform.Microsoft.Alpha(style = 0, opacity = 0);*/
}

/*style du bouton valider*/
.submit_btvalider {
  height: 25px;
  width: 55px;
  background: url(../images/Boutons/BTValider.gif) no-repeat top;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  vertical-align: top;
}

input[type=image] {
  vertical-align: top;
  margin-right: 3px;
}

/*CBC 30/01/2006*/
.cadre {
  border: inset 1px;
  border-width: 1px 1px 1px 1px;
  background-color: transparent;
}

/*fin CBC 30/01/2006 */
/* cas de balise a encapsulant un input */
a:has(> input[type=image]), a:has(> input[type=submit]), a:has(> img) {
  text-decoration: none;
}

/* CBC 02/02/2006 */
a.LienBlancHover:hover {
  color: white;
}

a.LienBlancHover:visited {
  color: black;
}

a.LienBlancHover:visited:hover {
  color: white;
}

a.LienNormal:hover {
  color: red;
}

a.LienNormal:visited:hover {
  color: red;
}

.listerougeclair {
  font-size: 0.8rem; /*8pt;*/
  color: #E1E6F7;
  background-color: #FF3333;
}

/* fin CBC 02/02/2006 */
/*CBC 24/05/2007 */
.listefontvert {
  font-size: 0.8rem; /*8pt;*/
  color: black;
  background-color: green;
}

.listefontorange {
  font-size: 0.8rem; /*8pt;*/
  color: black;
  background-color: orange;
}

.listefontrouge {
  font-size: 0.8rem; /*8pt;*/
  color: black;
  background-color: red;
}

/*fin CBC 24/05/2007 */
/* LBR 03/02/2006 Classes utilisées dans transfert de dossiers*/
.defencadrebig {
  font-size: 10pt;
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  border-width: 2px 2px 2px 2px;
  border-color: #001A51;
  background-color: transparent;
  text-align: center;
}

.defencadreblanc {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  border-width: 1px 1px 1px 1px;
  border-color: #001A51;
  background-color: #FFFFFF;
  text-align: center;
}

.lignesup {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
  background-color: #646FBB;
  border: inset 2px;
  border-width: 1px 0px 0px 0;
  border-color: #444E9C;
}

.lignesupcouleur {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
  background-color: #DEE3FD;
  border: inset 2px;
  border-width: 1px 0px 0px 0;
  border-color: #444E9C;
}

.sansligne {
  font-size: 0.8rem; /*8pt;*/
  color: #B7E3FB;
  font-weight: bold;
  background-color: #646FBB;
  border: inset 1px;
  border-width: 0px 0px 0px 0;
  border-color: #444E9C;
}

.sanslignesaisie {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
}

.sansligneblanc {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
  background-color: #646FBB;
  border: inset 1px;
  border-width: 0px 0px 0px 0;
  border-color: #444E9C;
}

.sanslignecouleur {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
  font-weight: bold;
  border: inset 1px;
  border-width: 0px 0px 0px 0;
  border-color: #444E9C;
}

.sanslignesaisiecouleur {
  font-size: 0.8rem; /*8pt;*/
  color: #001A51;
}

.encadretable {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
  background-color: #DEE3FD;
  border: inset 1px;
  border-width: 1px 1px 1px 1px;
  border-color: #444E9C;
}

.bordureblanc {
  font-size: 0.8rem; /*8pt;*/
  font-weight: bold;
  background-color: #FFFFFF;
  border: inset 1px;
  border-width: 0px 0px 0px 0;
  border-color: #444E9C;
}

.borduredroite {
  border: inset 2px;
  border-width: 0px 1px 0px 0;
  border-color: #444E9C;
}

.encadreliste {
  border: inset 1px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #646FBB;
}

/* CBC 24/11/2008 : Cartographie lot 2*/
.bandeauBleuParamCarto {
  background-color: #0099FF;
  font-size: 0.8rem; /*8pt;*/
  color: #000000;
  font-weight: bold;
}

/* fin CBC 24/11/2008*/
/*SVA 24/02/2009 : indicateurs commerciaux*/
td.bordureindicateurs {
  border: inset 1px;
  background-color: #EEEEEE;
  border-color: #999999;
}

/*fin SVA 24/02/2009 : indicateurs commerciaux*/
/*CBC 06/11/2009 : Style de l'exposant dans liste des produits d'une commande*/
.NA {
  font-size: 12pt;
  font-weight: bold;
}

/*fin CBC 06/11/2009*/
/* CBC 12/12/2011 FM 250207 : Style des entêtes des pavés pour la traduction des libellés par langue*/
.entetePaveLangue {
  font-size: 75%;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  background-color: #646FBB;
}

/* Proposition Crenaux  */
.calendrier-propo-rc {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  overflow-y: scroll;
  height: 100px;
  font-size: 11px;
  font-family: arial, helvetica, sans-serif;
}

.rdv-propo-rc {
  font-size: 11px;
  vertical-align: middle;
  height: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin: 3px;
}

.rdv-propo-white {
  background-color: white;
  border-color: darkgreen;
  text-align: left;
}

.rdv-propo-texte {
  float: left;
  padding-top: 4px;
  padding-left: 5px;
  width: 120px;
  white-space: nowrap;
}

.rdv-propo-saisie {
  width: 20px;
  float: right;
  margin-right: 5px;
}

.proposition-rouge {
  font-weight: bold;
  color: red;
}

#idImageMini img {
  max-width: 100px;
  max-height: 133px;
}

#idImageMini {
  width: 100px;
  height: 133px;
}

form > table {
  border-spacing: 0px 2px;
}

/*JFA 01/12/2017 QC 19069: ESLC_GAZ - EVOL - Saisie proposition contrat GAZ (Subrow dhtlmxgrid)*/
.divSubRow {
  /* FPI - 14/12/2017 QC19260 modification de la bordure */
  border-style: solid;
  border-width: 1px 0px 0px 0;
  background-color: #E1E6F7;
}

.favorivisible {
  display: inline;
}

.favoriinvisible {
  display: none;
}

/*NDR FIN*/
.divNotification {
  font-size: 0.8rem; /*8pt;*/
  color: #FFFFFF;
  font-weight: bold;
}

.notification {
  position: relative;
  border: 1px solid #eee;
  background: #e9e9e9;
  border: 2px solid #ccc;
  border-radius: 4px;
  z-index: 100;
}

.calendar {
  cursor: pointer;
  vertical-align: middle;
  margin-left: 4px;
}

/* tool qui permet de faire le tri (ex: liste des devis) */
.tool-sort {
  padding: 0.3rem;
  position: absolute;
  z-index: 2;
  background-color: #DEE3FD;
  border: inset 1px #2D376D;
  border-radius: 0.3rem;
  width: 100px;
  top: 250px;
  left: 180px;
}

.tool-sort.container {
  width: max-content;
  height: max-content;
}

/* marge de gauche sur popup aide */
table.containeraide {
  padding-left: 10px;
}

[bgcolor="#646FBB"] {
  background-color: #1A3C85;
}

.blue, .blue:before {
  color: #1A3C85 !important;
}

.light-blue, .light-blue:before {
  color: #5c9dff !important;
}

.red, .red:before {
  color: #dc3545 !important;
}

.orange, .warning, .orange:before, .warning:before {
  color: #FF7700 !important;
}

.green, .success, .green:before, .success:before {
  color: #00C414 !important;
}

.yellow, .yellow:before {
  color: #ebd534;
}

.bg-dark, .bg-dark:before {
  background-color: #1A3C85;
}

.blue-link, .blue-link:before {
  color: #006EFF !important;
}

.grey, .grey:before {
  color: #8e8e8e !important;
}

.tres-satisfait:before {
  color: #00C414 !important;
}

.satisfait:before {
  color: #a1ce01 !important;
}

.moyen-satisfait:before {
  color: #ebd534 !important;
}

.mecontent:before {
  color: #fdb301 !important;
}

i.over-zoom-x2:hover:before {
  font-size: 200%;
}

.text-capitalize {
  text-transform: capitalize;
}

/* alertes / Notifications */
.bleu-info {
  color: #0047B1;
}

.alert {
  font-weight: bold;
  font-size: 1rem;
}
.alert i {
  font-size: 1.2rem;
}
.alert ul {
  margin-bottom: 0;
  padding: 0;
}
.alert ul li {
  list-style: none;
  font-size: 0.8rem;
}
.alert.alert-primary {
  background-color: #D7E7FC;
}
.alert.alert-info {
  background-color: #D7E7FC;
  color: #0047B1;
  border: 2px solid #65A3FF;
  padding: 0.4rem 1.25rem;
}
.alert.alert-info i {
  color: #0047B1;
}
.alert.alert-info div {
  font-weight: normal;
  font-size: 0.8rem;
}
.alert.alert-warning {
  color: #dc5f00;
  border: 2px solid #fd7e14;
  padding: 0.4rem 1.25rem;
}
.alert.alert-warning div {
  font-weight: normal;
  font-size: 0.8rem;
}
.alert.alert-danger {
  padding: 0.4rem 1.25rem;
  border: 2px solid #dc3545;
}
.alert.alert-danger div {
  font-weight: normal;
  font-size: 0.8rem;
}

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

/* équivalent bootstrap */
a.ml-1 {
  margin-left: 0.25rem;
}

a.ml-2 {
  margin-left: 0.5rem;
}

a.fl-r {
  float: right;
}

.ta-l {
  text-align: left;
}

/* exclure les polices d'icones */
*:not(.fa, .fas, :before) {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
}

i:is(.fa, .fas, :before) {
  user-select: none;
}

body, body.bodyac {
  background-color: #f8f9fa;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
}

/* *************** MISE EN PAGE TITRE ET BOUTONS ASSOCIES */
h1 {
  color: #001A51;
  margin: auto;
}
h1:not(.ss-titre) {
  font-size: 1.2rem !important;
  text-transform: uppercase;
}
h1:not(:has(> h1)) {
  padding: 12px 0;
}
h1 > span {
  margin-left: 0.3rem;
}

table td.titre, table td:has(> .titre) {
  color: #001A51;
  margin: auto;
  min-height: 22px;
  padding-left: 4px;
}
table td.titre:not(.ss-titre), table td:has(> .titre):not(.ss-titre) {
  font-size: 1.2rem;
  text-transform: uppercase;
}
table td.titre:not(:has(> h1)), table td:has(> .titre):not(:has(> h1)) {
  padding: 12px 0;
}

/* *************** DIVERS COMMUNS FORM / LISTE SAISIE */
/* zone cachée */
.cache {
  display: none;
}

/* label */
.def {
  color: #001A51 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: bold;
}
.def img[src$="obligatoire.gif"] {
  margin-left: 0.3rem;
}
.def[align=left] {
  white-space: nowrap;
}
.def i {
  font-weight: 600;
}

.mention-champs-obligatoire {
  color: #001A51 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600;
}

.label-ac {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
}
.label-ac td:first-of-type, .label-ac label {
  color: #001A51 !important;
  font-weight: bold;
}

/* lecture seule */
.policesaisie {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  padding: 0.1rem 0;
}
.policesaisie i:not(.fas, .far) {
  font-family: Verdana, arial, helvetica, sans-serif;
}

/* zone de saisie sauf saisie dans grille DHTMLX et Ext-JS */
input:not([type=button], [type=image], [type=submit], [type=radio], [type=checkbox]):not(.LibComp):not(.x-form-field):not(.form-control) {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  padding: 0.1rem 0;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  min-height: 26px;
  color: #495057;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0.2rem 0;
  padding: 0.1rem 0.75rem;
}
input:not([type=button], [type=image], [type=submit], [type=radio], [type=checkbox]):not(.LibComp):not(.x-form-field):not(.form-control).mini {
  padding: 0.1rem 0.1rem;
}
input:not([type=button], [type=image], [type=submit], [type=radio], [type=checkbox]):not(.LibComp):not(.x-form-field):not(.form-control)[disabled] {
  color: #aaaaaa;
}

/* champ en lecture seule */
input.LibComp {
  background-color: transparent;
  border-color: transparent;
}
input.LibComp:focus {
  border: none;
}

td.def + td:has(input + a) {
  text-wrap: nowrap;
}

select {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  padding: 0.1rem 0;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  min-height: 26px;
  color: #495057;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0.2rem 0;
  padding: 0.1rem 0.75rem;
  padding: 0.3rem 0.75rem;
  min-height: 32px;
}
select.mini {
  padding: 0.1rem 0.1rem;
}
select[disabled] {
  color: #aaaaaa;
}
select.select-selected {
  border-right: solid 2px #17a2b8;
}

select + i.select-selected, select + i.select-selected:before {
  color: #17a2b8 !important;
}

input.dirty, select.dirty {
  border-left: solid 2px #17a2b8 !important;
}
input.invalid, select.invalid {
  border: solid 1px #dc3545 !important;
}

.icone.dirty::before {
  color: #17a2b8 !important;
}

input + .icone:not(.input-group-append):before {
  height: 26px;
  display: inline-block;
}

textarea {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 0.8rem !important;
  padding: 0.1rem 0;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  min-height: 26px;
  color: #495057;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0.2rem 0;
  padding: 0.1rem 0.75rem;
}
textarea.mini {
  padding: 0.1rem 0.1rem;
}
textarea[disabled] {
  color: #aaaaaa;
}

input:not([type=submit], .LibComp):focus, select:focus, textarea:focus {
  transition-property: border-color;
  transition-duration: 0.5s;
  color: #495057;
  outline: 0;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.2509803922);
}

#idCouleur {
  height: 28px;
}

/* *************** EXPLOITER LA LARGEUR DISPO *************** */
/* identifier les tableaux pouvant exploiter toute la largeur dispo */
table[width="600"]:not([bgcolor^="#"]), table[width="550"]:not([bgcolor^="#"]) {
  width: 100%;
}

.page-conteneur.sous-page, .page-conteneur.sous-page .contenu {
  width: 100%;
}

/* tableau conteneur le plus haut dans la page */
.page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page) {
  width: 70% !important;
}
@media screen and (max-width: 1415.7142857143px) {
  .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page)[width="984"], TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page)[width="984"] {
    width: max(70%, 984px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page).page-recherche, .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(.button.search), .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a input[type=image][src$="BtRechercher.gif" i]), .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BtRechercher.gif" i]), .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BTprecedent.gif" i]), .page-conteneur:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BTsuivant.gif" i]), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page).page-recherche, TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(.button.search), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a input[type=image][src$="BtRechercher.gif" i]), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BtRechercher.gif" i]), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BTprecedent.gif" i]), TABLE[width="984"]:not(.flex):not(.page-flex):not(.page-theme):not(.page-accueil):not(.sous-page):has(a img[src$="BTsuivant.gif" i]) {
    width: 90% !important;
  }
}

TD[WIDTH="824"]:not(.page-theme) {
  width: max(70%, 824px) !important;
}
@media screen and (min-width: 1280px) {
  TD[WIDTH="824"]:not(.page-theme) {
    width: 90% !important;
  }
}

TABLE[width="800"]:not(.page-theme), TD[WIDTH="800"] {
  width: 100% !important;
}

@media screen and (min-width: 1280px) {
  TABLE[width="984"].page-theme:has(.theme-bar) {
    width: max(70%, 1280px) !important;
  }
}

TABLE.popin-impression {
  width: 100% !important;
}

body[onmousemove^=DragEnCours] {
  margin: 0 10px;
}

/* **************************** UTIL font Awesome & boutons ******************************/
/* mise en page par défaut */
span:not(.button) > i:is(.fas, .far, .fal, .fad) {
  color: #FF7700;
  vertical-align: middle;
  font-size: 1rem;
}
span:is(.clickable, [onclick]) i:is(.fas, .far, .fal, .fad):hover:before {
  opacity: 70%;
  cursor: pointer;
}
span:is(.clickable, [onclick]) i:is(.fas, .far, .fal, .fad):active:before {
  color: #1483ff;
}

i.clickable:hover:before {
  opacity: 70%;
  cursor: pointer;
}
i.clickable:active:before {
  color: #1483ff;
}

i.discreet:before {
  opacity: 50%;
}
i.discreet:hover:before {
  opacity: 100%;
}

/* **************************** TOOLBAR ******************************/
.page-toolbar-bottom {
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 500;
  width: 100%;
  background: #E7EBF2;
  display: block;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
}

.containerext .page-toolbar-bottom, .containeraide .page-toolbar-bottom, .body-popin .page-toolbar-bottom {
  background: white;
}

.popin-toolbar {
  background: white;
  display: flow-root;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.popin-toolbar .btn-disabled {
  display: none !important;
}

:is(.page-toolbar-bottom, .popin-toolbar) {
  cursor: initial;
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  padding-left: 0.5rem !important;
  text-align: left;
  /* on aligne les boutons par défaut à gauche */
  /* on aligne les boutons principaux à droite */
}
:is(.page-toolbar-bottom, .popin-toolbar):has(> table) {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick], span > a) {
  float: left;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick], span > a):not(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])) {
  padding: 0.5rem 2rem !important;
  border-radius: 2rem !important;
  height: max-content !important;
  line-height: 19px;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick], span > a):not(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])).mini {
  padding: 0.5rem 0.9rem !important;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick], span > a):not(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])) > i {
  line-height: 19px;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick], span > a):not(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])) > span {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 8px;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick]):first-child {
  margin-left: 1rem;
}
:is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick]).primary, :is(.page-toolbar-bottom, .popin-toolbar) > :is(a, span[onclick]):is(:has(> *[src$="BTvalider.gif" i]), :has(> *[src$="BTRechercher.gif" i]), :has(> *[src$="BTSuite.gif" i])) {
  float: right;
  margin-right: 1rem !important;
  margin-left: 0 !important;
  height: max-content !important;
}
:is(.page-toolbar-bottom, .popin-toolbar) a:has(> span) {
  display: flex;
  justify-content: center;
  align-items: center;
}
:is(.page-toolbar-bottom, .popin-toolbar) a:is([style*="visibility: hidden" i], [style*="visibility:hidden" i]) {
  display: contents;
}
:is(.page-toolbar-bottom, .popin-toolbar):has(:is(a, span[onclick]):only-child > *[src$="BTRetour.gif" i]) {
  min-height: inherit;
  height: 0;
  display: contents;
}
:is(.page-toolbar-bottom, .popin-toolbar) :is(a, span[onclick]):is(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])) {
  border-width: 0;
}
:is(.page-toolbar-bottom, .popin-toolbar):blank, :is(.page-toolbar-bottom, .popin-toolbar):empty {
  display: none;
}

body:has(:not([style*="display: none"]) > .page-toolbar-bottom) {
  padding-bottom: 70px;
}
body:has(:not([style*="display: none"]) > .page-toolbar-bottom) div.coptabcontent {
  padding-bottom: 70px;
}
body:has(:not([style*="display: none"]) > .page-toolbar-bottom) :is(a, span[onclick]):is(.back, :has(> *[src$="BTRetour.gif" i]), :has(> *[src$="BTfermer.gif" i])) {
  position: fixed;
  top: 20px;
  right: 20px;
}
body:has(:not([style*="display: none"]) > .page-toolbar-bottom) table tr td[align=right].page-toolbar-bottom a:has(> *[src$="BTfermer.gif" i]) {
  padding: 0.5rem 0.7rem !important;
}

frame[name=TRAVAIL] {
  padding-left: 0 !important;
}
frame[name=TRAVAIL] body {
  margin-left: 10px;
}

/* **************************** TOOLTIP ******************************/
.popper, .cop-net-tooltip-container {
  z-index: 700;
  padding: 0.3rem;
}
.popper .cop-net-tooltip, .cop-net-tooltip-container .cop-net-tooltip {
  font-size: 0.8rem;
  border-radius: 0.3rem;
  border: 2px solid #001A51;
  padding: 0.5rem;
  background-color: white;
  vertical-align: middle;
  text-align: center;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
}
.popper .cop-net-tooltip .bulle, .cop-net-tooltip-container .cop-net-tooltip .bulle {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
}

/* **************************** ACCORDEON ******************************/
table.entetediv {
  border-top: 1px solid #B9B9C1;
}
table.entetediv tbody:last-child {
  transition: all 0.2s ease-in-out;
}
table.entetediv .CollapsiblePanelTabO {
  text-transform: uppercase;
  border-bottom: 0;
  color: #001A51;
  background: #E7EEF9;
  position: relative;
}
table.entetediv .CollapsiblePanelTabO::after {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
table.entetediv .CollapsiblePanelTabO td[onclick] {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  cursor: pointer;
}
table.entetediv .CollapsiblePanelTabO td[onclick]::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f077" !important;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
table.entetediv .CollapsiblePanelTabC {
  text-transform: uppercase;
  color: #001A51;
  background: #E7EEF9;
  position: relative;
}
table.entetediv .CollapsiblePanelTabC::after {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
table.entetediv .CollapsiblePanelTabC td[onclick] {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  cursor: pointer;
}
table.entetediv .CollapsiblePanelTabC td[onclick]::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078" !important;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
table.entetediv .CollapsiblePanelTabO:hover, table.entetediv .CollapsiblePanelTabC:hover {
  color: #FF7700;
  background-color: #E7EBF2;
}
table.entetediv .CollapsiblePanelTabO:active, table.entetediv .CollapsiblePanelTabC:active {
  color: #1483ff;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
table.entetediv table[class^=CollapsiblePanelContent] {
  min-height: 10px;
  width: 100%;
}

/* accordeon dans un formulaire */
.formulaire .entetediv {
  border-top: 1px solid #B9B9C1;
  transition: all 0.4s ease-in-out;
}
.formulaire .entetediv tbody:last-child {
  transition: all 0.2s ease-in-out;
}
.formulaire .entetediv .CollapsiblePanelTabO {
  text-transform: uppercase;
  background: none;
  border-left: 5px solid #FF7700;
  border-bottom: 0;
  color: #FF7700;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.formulaire .entetediv .CollapsiblePanelTabO::after {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.formulaire .entetediv .CollapsiblePanelTabO td[onclick]::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f077" !important;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.formulaire .entetediv .CollapsiblePanelTabC {
  color: #001A51;
  text-transform: uppercase;
  background: none;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.formulaire .entetediv .CollapsiblePanelTabC::after {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.formulaire .entetediv .CollapsiblePanelTabC td[onclick]::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078" !important;
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.formulaire .entetediv .CollapsiblePanelTabC:hover {
  color: #FF7700;
}
.formulaire .entetediv [class^=CollapsiblePanelContent] {
  min-height: 10px;
}

.bandeau-separation {
  background-color: #E7EEF9;
  color: #001A51;
  line-height: 1.8rem;
  border-top: 1px solid #B9B9C1;
  font-size: 0.9rem;
  padding-left: 1rem;
}
.bandeau-separation > td {
  border-top: 1px solid #B9B9C1;
  font-size: 0.9rem;
}

/* **************************** LOADER / MASQUE DE CHARGEMENT ******************************/
@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #FF7700, 24px 0 #FFF;
  }
  66% {
    background: #FF7700;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FF7700;
  }
}
.mask {
  z-index: 100;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  background: rgba(0, 0, 0, 0.4);
}

.loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

.loader-vertical, [id=spinner] {
  display: block;
  position: relative;
  height: 12px;
  width: 80%;
  border: 1px solid #fff;
  border-radius: 10px;
  overflow: hidden;
}
.loader-vertical::after, [id=spinner]::after {
  content: "";
  width: 40%;
  height: 100%;
  background: #FF7700;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

[id=spinner] {
  height: 18px;
  width: 100%;
}
[id=spinner] .innerspinner {
  font-size: smaller;
}

.cadreEnregistrementEnCours img {
  display: none;
}

.cadreEnregistrementEnCours[style*="visibility: visible" i], .cadreEnregistrementEnCours:not([style*="visibility: hidden" i]) {
  z-index: 100;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000 !important;
}
.cadreEnregistrementEnCours[style*="visibility: visible" i]:after, .cadreEnregistrementEnCours:not([style*="visibility: hidden" i]):after {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
  content: "Veuillez patienter";
}

[id=spinner] {
  background: inherit !important;
  height: auto;
  width: auto;
  border: transparent;
  border-radius: 4px;
}

@keyframes animloader {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}
/* **************************** ALERTES ******************************/
/* 1:nom-image 2:titre-fa-icone 3:titre-message 4:titre-couleur 5:class 6:couleur-msg 7:couleur-background 8:couleur-border */
table.conteneur-alerte-info {
  /* TITRE  1 - 4 */
  /* contenu  5 - 8 */
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: calc(100% - 16px);
  display: block;
  font-weight: 700 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 1.2rem !important;
  background-color: #D7E7FC !important;
  border: 2px solid #0047B1 !important;
  color: #0047B1 !important;
}
table.conteneur-alerte-info span.titre-information:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a" !important;
  font-size: 1.2rem;
  content: "\f05a" !important;
  color: #0047B1;
  margin-right: 1rem;
}
table.conteneur-alerte-info span.titre-information:after {
  content: "Information";
  color: #0047B1;
  font-size: 1rem !important;
}
table.conteneur-alerte-info .info {
  color: #0047B1 !important;
  font-size: 0.8rem !important;
  font-weight: normal;
  background: none;
  width: 100%;
}

table.conteneur-alerte-erreur {
  /* TITRE  1 - 4 */
  /* contenu  5 - 8 */
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: calc(100% - 16px);
  display: block;
  font-weight: 700 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 1.2rem !important;
  background-color: #f8d7da !important;
  border: 2px solid #dc3545 !important;
  color: #dc3545 !important;
}
table.conteneur-alerte-erreur span.titre-erreur:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a" !important;
  font-size: 1.2rem;
  content: "\f06a" !important;
  color: #721c24;
  margin-right: 1rem;
}
table.conteneur-alerte-erreur span.titre-erreur:after {
  content: "Erreur";
  color: #721c24;
  font-size: 1rem !important;
}
table.conteneur-alerte-erreur .erreur {
  color: #dc3545 !important;
  font-size: 0.8rem !important;
  font-weight: normal;
  background: none;
  width: 100%;
}

table.conteneur-alerte-warning {
  /* TITRE  1 - 4 */
  /* contenu  5 - 8 */
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: calc(100% - 16px);
  display: block;
  font-weight: 700 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  font-size: 1.2rem !important;
  background-color: #fff3cd !important;
  border: 2px solid #FF7700 !important;
  color: #FF7700 !important;
}
table.conteneur-alerte-warning span.titre-avertissement:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a" !important;
  font-size: 1.2rem;
  content: "\f06a" !important;
  color: #dc5f00;
  margin-right: 1rem;
}
table.conteneur-alerte-warning span.titre-avertissement:after {
  content: "Avertissement";
  color: #dc5f00;
  font-size: 1rem !important;
}
table.conteneur-alerte-warning .warning {
  color: #FF7700 !important;
  font-size: 0.8rem !important;
  font-weight: normal;
  background: none;
  width: 100%;
}

img[src$="TraitB282.gif" i] {
  display: none;
}

/* messages discrets */
.discret td.info, #idMessage td.info {
  position: relative;
  height: auto;
  padding: 0rem 0rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: calc(100% - 16px);
  display: block;
  font-weight: 700 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  background-image: none !important;
  border: 0;
  color: #0066FF;
}
.discret td.info:before, #idMessage td.info:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a" !important;
  font-size: 1.2rem;
  content: "\f05a" !important;
}
.discret:empty, #idMessage:empty {
  display: none;
}

.discret td.erreur, #idMsgErr td.erreur {
  position: relative;
  height: auto;
  padding: 0rem 0rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: calc(100% - 16px);
  display: block;
  font-weight: 700 !important;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  background-image: none !important;
  border: 0;
  color: #dc3545;
}
.discret td.erreur:before, #idMsgErr td.erreur:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a" !important;
  font-size: 1.2rem;
}
.discret:empty, #idMsgErr:empty {
  display: none;
}

:is(.page-flex, .page-conteneur.flex) .row-flex > .message-general {
  padding-left: 0;
  padding-right: 0;
}

/* **************************** POPIN ******************************/
@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes shadowPulse {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #FF7700, 24px 0 #FFF;
  }
  66% {
    background: #FF7700;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #FF7700;
  }
}
.mask {
  z-index: 100;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  background: rgba(0, 0, 0, 0.4);
}

.loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

.loader-vertical, [id=spinner] {
  display: block;
  position: relative;
  height: 12px;
  width: 80%;
  border: 1px solid #fff;
  border-radius: 10px;
  overflow: hidden;
}
.loader-vertical::after, [id=spinner]::after {
  content: "";
  width: 40%;
  height: 100%;
  background: #FF7700;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

[id=spinner] {
  height: 18px;
  width: 100%;
}
[id=spinner] .innerspinner {
  font-size: smaller;
}

.divmaitre {
  position: fixed;
}

.popin-header {
  min-height: 40px;
  background: white;
  display: flex;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.popin-header .titre {
  flex-grow: 2;
  margin: auto;
}
.popin-header .buttons {
  text-align: right;
  margin: auto;
}
.popin-header .buttons .button {
  border: none !important;
  background-color: transparent !important;
  text-decoration: auto;
}
.popin-header .buttons .button:not(:has(span)) {
  padding: 0.3rem 0.5rem !important;
  display: inline-flex !important;
  justify-content: space-around;
  flex-direction: column;
}
.popin-header .buttons .button i:only-child:before {
  margin-left: 0;
  margin-right: 0;
}

.popin-container, #popin-container-id {
  z-index: 100;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  outline: none !important;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  position: fixed;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000 !important;
}
.popin-container .lfo-popin.divmaitre:not(.dragging):not([style*=height]), #popin-container-id .lfo-popin.divmaitre:not(.dragging):not([style*=height]) {
  position: unset;
}
.popin-container .lfo-popin.divmaitre:not(.dragging) .if-dragging, #popin-container-id .lfo-popin.divmaitre:not(.dragging) .if-dragging {
  display: none;
}
.popin-container .lfo-popin.divmaitre:not([style*="visibility: visible" i]), #popin-container-id .lfo-popin.divmaitre:not([style*="visibility: visible" i]) {
  display: none;
}
.popin-container .lfo-popin.divmaitre .divmaitreIFrame, #popin-container-id .lfo-popin.divmaitre .divmaitreIFrame {
  padding: 0.5rem;
  background-color: #f8f9fa;
  border: none;
  border-bottom: 1px solid #dee2e6;
  overflow: auto;
  max-height: 710px;
}
@media (max-height: 840px) {
  .popin-container .lfo-popin.divmaitre .divmaitreIFrame, #popin-container-id .lfo-popin.divmaitre .divmaitreIFrame {
    max-height: 520px;
  }
}

#Impression-popin-container-id > #Impression[visibility*=hidden] {
  visibility: hidden;
}

/* ancienne boite de dialogue */
.boitedialogue {
  background-color: white;
}

#dialog {
  border-radius: 0.5rem !important;
}

/* fenêtre windows */
.body-popin table.containerext, table.containeraide {
  border-left: solid 10px transparent;
}

/* *************** AJUSTEMENTS TITRE ET BOUTONS ASSOCIES */
/* FLEX du titre vs boutons de droite */
tr:has(> td.titre:not([width="100%"])) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
tr:has(> td.titre:not([width="100%"])) > td.titre {
  width: auto; /* on retire le width en dur */
  display: block;
  align-self: self-start;
  text-align: left;
  flex-grow: 2;
}
tr:has(> td.titre:not([width="100%"])) > td.titre i {
  vertical-align: middle;
  margin-right: 1rem;
}
tr:has(> td.titre:not([width="100%"])) > td:not(.titre) {
  align-self: center;
}
tr:has(> td.titre:not([width="100%"])) > td:not(.titre):has(> a.button) {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
tr:has(> td.titre:not([width="100%"])) td.titre + td[width]:not(.page-toolbar-bottom) {
  width: auto; /* on retire le width en dur */
}

/* FLEX du titre VIDE vs boutons de droite avec des width (mal) positionné en dur et la classe titre absente
 => risque de capter trop ici (retirer alors et ajouter la classe "titre" partout où ça manque) */
tr:has(> td:first-child:empty + td[align=right]:has(> a)) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
tr:has(> td:first-child:empty + td[align=right]:has(> a)) > td:first-child:empty {
  width: auto; /* on retire le width en dur */
  display: block;
  align-self: self-start;
  text-align: left;
  flex-grow: 2;
  width: auto;
}
tr:has(> td:first-child:empty + td[align=right]:has(> a)) > td:not(:first-child:empty) {
  width: auto;
  align-self: center;
}
tr:has(> td:first-child:empty + td[align=right]:has(> a)) > td:not(:first-child:empty):has(> a.button) {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

/* titre sans bouton mais avec info cré/modif */
td.titre .modif-info {
  float: right;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  color: #001A51;
  font-size: medium;
  font-weight: normal;
  text-transform: none;
}

/* parfois la classe titre n'est pas utilisée mais uniquement la classe entete */
table.entete tr td:has(> a.button) {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

TABLE.page-theme td:has(> a[onmouseout="MM_swapImgRestore()" i]), TABLE.page-theme td:has(> a[onmouseout="MM_swapImgRestore();" i]), TABLE > tbody > tr > td:has(> a[onmouseout="MM_swapImgRestore()" i]), TABLE > tbody > tr > td:has(> a[onmouseout="MM_swapImgRestore();" i]) {
  background: url("../images/Themes/Themes_repeat.png") repeat;
  border-right: rgb(36, 36, 119) solid 1.5px;
  padding: 0;
}
TABLE.page-theme td:has(> a[onmouseout="MM_swapImgRestore()" i]) > img, TABLE.page-theme td:has(> a[onmouseout="MM_swapImgRestore();" i]) > img, TABLE > tbody > tr > td:has(> a[onmouseout="MM_swapImgRestore()" i]) > img, TABLE > tbody > tr > td:has(> a[onmouseout="MM_swapImgRestore();" i]) > img {
  display: none;
}

.TABLESAISIE {
  width: 100%;
}

/* **************************** Boutons dans la page  ******************************/
/* hauteur de ligne de boutons */
td:has(a > *[src*="/Boutons/" i]) {
  min-height: 22px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
td:has(a > *[src*="/Boutons/" i])[align=right]:not(.page-toolbar-bottom) a {
  /* version compressée */
}
@media screen and (max-width: 800px) {
  td:has(a > *[src*="/Boutons/" i])[align=right]:not(.page-toolbar-bottom) a {
    padding: 0.3rem 0.5rem;
    margin: 2px 0.3rem 0 0;
  }
}

/* **************************** Boutons dans la page  ******************************/
table.lfo-popin-frame[width="380"], table.lfo-popin-frame[width="580"], table.lfo-popin-frame[width="470"] {
  width: 100%;
  padding: 0.3rem;
}

.divmaitre.lfo-popin.lfo-popin-adjust#Div1_400, .divmaitre.lfo-popin.lfo-popin-adjust#Div2_400, .divmaitre.lfo-popin.lfo-popin-adjust#Div1_500 {
  width: 550px;
}
.divmaitre.lfo-popin.lfo-popin-adjust#Div1_580 {
  width: 630px;
}
.divmaitre.lfo-popin.lfo-popin-adjust#Div1_680 {
  width: 700px;
}
.divmaitre.lfo-popin.lfo-popin-adjust#DivF_830 {
  width: 900px;
}

/* *************** LISTE *************** */
.listegras, .liste {
  color: #001A51;
}

table:is(.icop-grille, .table) td.montant {
  font-variant-numeric: tabular-nums;
  font-family: Verdana, arial, helvetica, sans-serif !important;
}

/* **************************** ANCIENS BOUTONS ******************************/
/* surcharge anciens src image pour vieux boutons pour améliorer les boutons */
/* <nom-gif> <texte-a-afficher> <P pour primary ou S pour secondary> [<font-awesome fa#\fxxx> <font name> <#color>] */
/* renseigner la partie entre ["fa#\f00c" "check-vert" "#00C414"] pour ajouter un icone au bouton */
/* on optimise en minimisant le nombre et l'efficience des selecteurs (droite à gauche) */
/* *********** ANCIENS BOUTONS / GENERIQUE *********/
.btn-translate img, .btn-translate input[src] {
  /* on efface l'ancienne image */
  height: 0;
  width: 0;
}

:is(a[href], a[href] span, span[onclick]) > *[src*="/Boutons/" i] {
  /* on efface l'ancienne image */
  height: 0;
  width: 0;
}

/* on dessine des boutons Simple / secondary par défaut */
a:has(> *[src*="/Boutons/" i]) {
  white-space: nowrap;
  box-sizing: initial !important;
  /* on dessine le bouton */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a:has(> *[src*="/Boutons/" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src*="/Boutons/" i]):first-letter, a:has(> *[src*="/Boutons/" i]) > :first-letter {
  text-transform: capitalize;
}
a:has(> *[src*="/Boutons/" i]):focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
a:has(> *[src*="/Boutons/" i]):hover:not(:active) {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a:has(> *[src*="/Boutons/" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src*="/Boutons/" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
a:has(> *[src*="/Boutons/" i]).maxi {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  height: 19px !important;
}
a:has(> *[src*="/Boutons/" i]).maxi:after, a:has(> *[src*="/Boutons/" i]).maxi:before, a:has(> *[src*="/Boutons/" i]).maxi span {
  font-size: 15px !important;
}
a:has(> *[src*="/Boutons/" i]):has(> img[style*="display: none" i]), a:has(> *[src*="/Boutons/" i]):has(> input[type=image][style*="display: none" i]) {
  display: none;
}
a:has(> *[src*="/Boutons/" i]):has(> img[style*="visibility: hidden" i]), a:has(> *[src*="/Boutons/" i]):has(> input[type=image][style*="visibility: hidden" i]) {
  visibility: hidden;
}
a:has(> *[src*="/Boutons/" i]).primary {
  text-transform: uppercase;
}
a:has(> *[src*="/Boutons/" i]).primary:not(:active) {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a:has(> *[src*="/Boutons/" i]).primary:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src*="/Boutons/" i]).primary:not(:active):hover {
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a:has(> *[src*="/Boutons/" i]).primary:not(:active):hover:first-letter {
  text-transform: capitalize;
}
a.btn-translate {
  white-space: nowrap;
  box-sizing: initial !important;
  /* on dessine le bouton */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a.btn-translate:first-letter {
  text-transform: capitalize;
}
a.btn-translate:first-letter, a.btn-translate > :first-letter {
  text-transform: capitalize;
}
a.btn-translate:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
a.btn-translate:hover:not(:active) {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a.btn-translate:hover:not(:active):first-letter {
  text-transform: capitalize;
}
a.btn-translate:active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
a.btn-translate.maxi {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  height: 19px !important;
}
a.btn-translate.maxi:after, a.btn-translate.maxi:before, a.btn-translate.maxi span {
  font-size: 15px !important;
}
a.btn-translate:has(> img[style*="display: none" i]), a.btn-translate:has(> input[type=image][style*="display: none" i]) {
  display: none;
}
a.btn-translate:has(> img[style*="visibility: hidden" i]), a.btn-translate:has(> input[type=image][style*="visibility: hidden" i]) {
  visibility: hidden;
}
a.btn-translate.primary {
  text-transform: uppercase;
}
a.btn-translate.primary:not(:active) {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a.btn-translate.primary:not(:active):first-letter {
  text-transform: capitalize;
}
a.btn-translate.primary:not(:active):hover {
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a.btn-translate.primary:not(:active):hover:first-letter {
  text-transform: capitalize;
}
a.btn-translate:not(:has(> span)):after {
  margin-left: 0.4rem;
}
a.btn-translate.valid:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c" !important;
  color: #00C414;
}
a.btn-translate.valid-next:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f061" !important;
  color: #00C414;
}
a.btn-translate.cancel:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00d" !important;
  color: #dc3545;
}
a.btn-translate.search:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
}
a.btn-translate.back:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f3bf" !important;
  color: #FF7700;
}
a.btn-translate.list:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f03a" !important;
  color: #FF7700;
}
a.btn-translate.create:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f067" !important;
  color: #5c9dff;
}
a.btn-translate.reload:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2f1" !important;
  color: #FF7700;
}
a.btn-translate.file:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f15c" !important;
  color: #FF7700;
}
a.btn-translate.enable:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f205" !important;
  color: #00C414;
}
a.btn-translate.disable:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f204" !important;
  color: #dc3545;
}
a.btn-translate.delete:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2ed" !important;
  color: #dc3545;
}
a.btn-translate.clone:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f24d" !important;
  font-weight: normal;
}
a.btn-translate.save:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c7" !important;
}
a.btn-translate.previous:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f053" !important;
  margin-right: 0.4rem;
  color: #FF7700;
}
a.btn-translate.next:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f054" !important;
  color: #FF7700;
}
a.btn-translate.popup:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2d2" !important;
}
a.btn-translate.btn-pbm {
  background-color: #dc3545 !important;
  color: white !important;
  border-color: orange !important;
}

/* *********** ANCIENS BOUTONS / SPECIFIQUE *********/
/* on traite uniquement le spécifique de chaque bouton */
/* BOUTON BtAbandon.gif/btn-abandon Abandon S */
/*a, span {*/
a.btn-abandon:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Abandon";
}

/* BOUTON BtAbonnement.gif/btn-abandonnement Abonnement S */
/*a, span {*/
a.btn-abandonnement:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Abonnement";
}

/* BOUTON BtAccueil.gif/btn-accueil Accueil S */
/*a, span {*/
a.btn-accueil:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Accueil";
}

/* BOUTON BTactivite.gif Activité S */
/*a, span {*/
a:has(> *[src$="BTactivite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Activité";
}

/* BOUTON BTActualiser.gif Actualiser S */
/*a, span {*/
a:has(> *[src$="BTActualiser.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTActualiser.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Actualiser";
}
a:has(> *[src$="BTActualiser.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTActualiser.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2f1" !important;
  margin-left: 8px;
}

/* BOUTON BTaffectations.gif Affectations S */
/*a, span {*/
a:has(> *[src$="BTaffectations.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Affectations";
}

/* BOUTON Btagenda.gif Agenda S */
/*a, span {*/
a:has(> *[src$="Btagenda.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Agenda";
}

/* BOUTON BTajouter.gif Ajouter S */
/*a, span {*/
a:has(> *[src$="BTajouter.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ajouter";
}

/* BOUTON BtAnnees.gif Années S */
/*a, span {*/
a:has(> *[src$="BtAnnees.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Années";
}

/* BOUTON BTannuler.gif Annuler S */
/*a, span {*/
a:has(> *[src$="BTannuler.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTannuler.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Annuler";
}
a:has(> *[src$="BTannuler.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTannuler.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00d" !important;
  margin-left: 8px;
  color: #dc3545 !important;
}

/* BOUTON BtAppliquer.png/btn-appliquer Appliquer S */
/*a, span {*/
a.btn-appliquer:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Appliquer";
}

/* BOUTON BtArrondir.gif Arrondir S */
/*a, span {*/
a:has(> *[src$="BtArrondir.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Arrondir";
}

/* BOUTON BtAutre.gif Autre S */
/*a, span {*/
a:has(> *[src$="BtAutre.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Autre";
}

/* BOUTON btn-autre-bon Autre bon S */
/*a, span {*/
a.btn-autre-bon:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Autre bon";
}

/* BOUTON btAutresproduits.gif Autres produits S */
/*a, span {*/
a:has(> *[src$="btAutresproduits.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Autres produits";
}

/* BOUTON BtAvancements.gif Avancements S */
/*a, span {*/
a:has(> *[src$="BtAvancements.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Avancements";
}

/* BOUTON BTbilan.gif Bilan S */
/*a, span {*/
a:has(> *[src$="BTbilan.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Bilan";
}

/* BOUTON BtBloquer.gif Bloquer S */
/*a, span {*/
a:has(> *[src$="BtBloquer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BtBloquer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Bloquer";
}
a:has(> *[src$="BtBloquer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BtBloquer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f023" !important;
  margin-left: 8px;
  color: #dc3545 !important;
}

/* BOUTON BTcalculer.gif Calculer S */
/*a, span {*/
a:has(> *[src$="BTcalculer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTcalculer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Calculer";
}
a:has(> *[src$="BTcalculer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTcalculer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f1ec" !important;
  margin-left: 8px;
}

/* BOUTON btCalculPrixCession.gif Calcul Prix Cession S */
/*a, span {*/
a:has(> *[src$="btCalculPrixCession.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Calcul Prix Cession";
}

/* BOUTON BTCalendrier.gif Calendrier S */
/*a, span {*/
a:has(> *[src$="BTCalendrier.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTCalendrier.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Calendrier";
}
a:has(> *[src$="BTCalendrier.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTCalendrier.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f073" !important;
  margin-left: 8px;
}

/* BOUTON BTCartographie.gif Cartographie S */
/*a, span {*/
a:has(> *[src$="BTCartographie.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTCartographie.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cartographie";
}
a:has(> *[src$="BTCartographie.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTCartographie.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f3c5" !important;
  margin-left: 8px;
}

/* BOUTON BtChangementAction.gif Changement Action S */
/*a, span {*/
a:has(> *[src$="BtChangementAction.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Changement Action";
}

/* BOUTON Btchantier.gif Chantier S */
/*a, span {*/
a:has(> *[src$="Btchantier.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Chantier";
}

/* BOUTON btClientsdetaches.gif Clients détachés S */
/*a, span {*/
a:has(> *[src$="btClientsdetaches.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Clients détachés";
}

/* BOUTON BTCocherPage.gif Cocher page S */
/*a, span {*/
a:has(> *[src$="BTCocherPage.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cocher page";
}

/* BOUTON BTCocherTout.gif Cocher tout S */
/*a, span {*/
a:has(> *[src$="BTCocherTout.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cocher tout";
}

/* BOUTON BTCommande.gif Commande S */
/*a, span {*/
a:has(> *[src$="BTCommande.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commande";
}

/* BOUTON BTCommandeRapide.gif Commande rapide S */
/*a, span {*/
a:has(> *[src$="BTCommandeRapide.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commande rapide";
}

/* BOUTON BTCommandesProximite.gif Commandes à proximité S */
/*a, span {*/
a:has(> *[src$="BTCommandesProximite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commandes à proximité";
}

/* BOUTON BtComptabiliser.gif Comptabiliser S */
/*a, span {*/
a:has(> *[src$="BtComptabiliser.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Comptabiliser";
}

/* BOUTON btConcurrent.gif Concurrent S */
/*a, span {*/
a:has(> *[src$="btConcurrent.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Concurrent";
}

/* BOUTON btConfirmer.gif Confirmer S */
/*a, span {*/
a:has(> *[src$="btConfirmer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Confirmer";
}

/* BOUTON btConso.png Conso. S */
/*a, span {*/
a:has(> *[src$="btConso.png" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Conso.";
}

/* BOUTON BTConsultation.gif Consultation S */
/*a, span {*/
a:has(> *[src$="BTConsultation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Consultation";
}

/* BOUTON BTConsultCmd.gif Consultation commandes S */
/*a, span {*/
a:has(> *[src$="BTConsultCmd.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Consultation commandes";
}

/* BOUTON BTContinuer.gif Continuer S */
/*a, span {*/
a:has(> *[src$="BTContinuer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Continuer";
}

/* BOUTON BTContrat.gif Contrat S */
/*a, span {*/
a:has(> *[src$="BTContrat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Contrat";
}

/* BOUTON btConvention.gif Convention S */
/*a, span {*/
a:has(> *[src$="btConvention.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Convention";
}

/* BOUTON BTCorrespondance.gif Correspondance S */
/*a, span {*/
a:has(> *[src$="BTCorrespondance.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Correspondance";
}

/* BOUTON BTCorrespondanceSite.gif Correspondance site S */
/*a, span {*/
a:has(> *[src$="BTCorrespondanceSite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Correspondance site";
}

/* BOUTON BTcreer.gif Créer S */
/*a, span {*/
a:has(> *[src$="BTcreer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Créer";
}

/* BOUTON BTCriteres.gif Critères S */
/*a, span {*/
a:has(> *[src$="BTCriteres.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Critères";
}

/* BOUTON BTdebloquer.gif Débloquer S */
/*a, span {*/
a:has(> *[src$="BTdebloquer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTdebloquer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Débloquer";
}
a:has(> *[src$="BTdebloquer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTdebloquer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f3c1" !important;
  margin-left: 8px;
  color: #00C414 !important;
}

/* BOUTON BTdebours.gif Débours S */
/*a, span {*/
a:has(> *[src$="BTdebours.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Débours";
}

/* BOUTON BTdecocherPage.gif Décocher page S */
/*a, span {*/
a:has(> *[src$="BTdecocherPage.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Décocher page";
}

/* BOUTON BTdecocherTout.gif Décocher tout S */
/*a, span {*/
a:has(> *[src$="BTdecocherTout.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Décocher tout";
}

/* BOUTON BTDetacher.gif Détacher S */
/*a, span {*/
a:has(> *[src$="BTDetacher.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Détacher";
}

/* BOUTON BTdevis.gif Nouveau devis S */
/*a, span {*/
a:has(> *[src$="BTdevis.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouveau devis";
}

/* BOUTON BtDevise.gif Devise S */
/*a, span {*/
a:has(> *[src$="BtDevise.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Devise";
}

/* BOUTON BTdisponibilite.gif Disponibilité S */
/*a, span {*/
a:has(> *[src$="BTdisponibilite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Disponibilité";
}

/* BOUTON BtDossierAchat.gif Créer S */
/*a, span {*/
a:has(> *[src$="BtDossierAchat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Créer";
}

/* BOUTON BTDupliquer.gif Dupliquer S */
/*a, span {*/
a:has(> *[src$="BTDupliquer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTDupliquer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Dupliquer";
}
a:has(> *[src$="BTDupliquer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTDupliquer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f24d" !important;
  margin-left: 8px;
  font-weight: 400;
}

/* BOUTON BtEchecContact.gif Echec Contact S */
/*a, span {*/
a:has(> *[src$="BtEchecContact.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Echec Contact";
}

/* BOUTON btEnregistrerquantites.gif Enregistrer quantités S */
/*a, span {*/
a:has(> *[src$="btEnregistrerquantites.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Enregistrer quantités";
}

/* BOUTON BTEnvoi.gif Envoi S */
/*a, span {*/
a:has(> *[src$="BTEnvoi.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Envoi";
}

/* BOUTON BTEnvoiMail.gif Envoi par mail S */
/*a, span {*/
a:has(> *[src$="BTEnvoiMail.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTEnvoiMail.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Envoi par mail";
}
a:has(> *[src$="BTEnvoiMail.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTEnvoiMail.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f1d8" !important;
  margin-left: 8px;
}

/* BOUTON BTExoTIC.gif Exo TIC S */
/*a, span {*/
a:has(> *[src$="BTExoTIC.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Exo TIC";
}

/* BOUTON BTExporter.gif Exporter S */
/*a, span {*/
a:has(> *[src$="BTExporter.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Exporter";
}

/* BOUTON BTExport_Excel.gif Export Excel S */
/*a, span {*/
a:has(> *[src$="BTExport_Excel.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Export Excel";
}

/* BOUTON BtFacture.gif Facture S */
/*a, span {*/
a:has(> *[src$="BtFacture.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Facture";
}

/* BOUTON BtFacturedef.gif Facture définitive S */
/*a, span {*/
a:has(> *[src$="BtFacturedef.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Facture définitive";
}

/* BOUTON BTfermer.gif X S */
/*a, span {*/
a:has(> *[src$="BTfermer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "X";
}

/* BOUTON BtFormule.gif Formule S */
/*a, span {*/
a:has(> *[src$="BtFormule.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Formule";
}

/* BOUTON BtFreintes.gif Freintes S */
/*a, span {*/
a:has(> *[src$="BtFreintes.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Freintes";
}

/* BOUTON BtGenerationDossier.gif Génération dossier S */
/*a, span {*/
a:has(> *[src$="BtGenerationDossier.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Génération dossier";
}

/* BOUTON BtGraphique.gif Graphique S */
/*a, span {*/
a:has(> *[src$="BtGraphique.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Graphique";
}

/* BOUTON btHistocmd.gif Histo cmd. S */
/*a, span {*/
a:has(> *[src$="btHistocmd.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo cmd.";
}

/* BOUTON BtHistoInt.gif Histo. Interv. S */
/*a, span {*/
a:has(> *[src$="BtHistoInt.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo. Interv.";
}

/* BOUTON btHistoliv.gif Histo liv. S */
/*a, span {*/
a:has(> *[src$="btHistoliv.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo liv.";
}

/* BOUTON BtHistoRel.gif Histo Rel. S */
/*a, span {*/
a:has(> *[src$="BtHistoRel.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo Rel.";
}

/* BOUTON bthistorique.gif Historique S */
/*a, span {*/
a:has(> *[src$="bthistorique.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="bthistorique.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Historique";
}
a:has(> *[src$="bthistorique.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="bthistorique.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f1da" !important;
  margin-left: 8px;
}

/* BOUTON BTHistoSite.gif Histo site S */
/*a, span {*/
a:has(> *[src$="BTHistoSite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo site";
}

/* BOUTON BTimporter.gif Importer S */
/*a, span {*/
a:has(> *[src$="BTimporter.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Importer";
}

/* BOUTON BTImport_Excel.gif Import Excel S */
/*a, span {*/
a:has(> *[src$="BTImport_Excel.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Import Excel";
}

/* BOUTON BtImpressionprov.gif Impression provisoire S */
/*a, span {*/
a:has(> *[src$="BtImpressionprov.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Impression provisoire";
}

/* BOUTON BTImprimer.gif Imprimer S */
/*a, span {*/
a:has(> *[src$="BTImprimer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTImprimer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Imprimer";
}
a:has(> *[src$="BTImprimer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTImprimer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f02f" !important;
  margin-left: 8px;
}

/* BOUTON BtInf.gif < S */
/*a, span {*/
a:has(> *[src$="BtInf.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "<";
}

/* BOUTON BtInf1.gif < S */
/*a, span {*/
a:has(> *[src$="BtInf1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "<";
}

/* BOUTON BtIntervention.gif Intervention S */
/*a, span {*/
a:has(> *[src$="BtIntervention.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Intervention";
}

/* BOUTON BTJourprecedent.gif Jour précédent S */
/*a, span {*/
a:has(> *[src$="BTJourprecedent.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTJourprecedent.gif" i]):not(:has(> span)):after {
  /* LIBELLE DU BOUTON */
  content: "Jour précédent";
}
a:has(> *[src$="BTJourprecedent.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTJourprecedent.gif" i]):not(.mini):before {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f104" !important;
  margin-right: 8px;
  color: #FF7700 !important;
}
a:has(> *[src$="BTJourprecedent.gif" i]):not(.mini):after {
  margin-left: 0;
  margin-right: 0;
}

/* BOUTON BTJourSuivant.gif Jour suivant S */
/*a, span {*/
a:has(> *[src$="BTJourSuivant.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTJourSuivant.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Jour suivant";
}
a:has(> *[src$="BTJourSuivant.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTJourSuivant.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f105" !important;
  margin-left: 8px;
  color: #FF7700 !important;
}

/* BOUTON BTLettrage.gif Lettrage S */
/*a, span {*/
a:has(> *[src$="BTLettrage.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Lettrage";
}

/* BOUTON btLignes.gif Lignes S */
/*a, span {*/
a:has(> *[src$="btLignes.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Lignes";
}

/* BOUTON BTliste.gif Liste S */
/*a, span {*/
a:has(> *[src$="BTliste.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTliste.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Liste";
}
a:has(> *[src$="BTliste.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTliste.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f03a" !important;
  margin-left: 8px;
  color: #FF7700 !important;
}

/* BOUTON BTlistefactures.gif Liste des factures et avoirs S */
/*a, span {*/
a:has(> *[src$="BTlistefactures.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Liste des factures et avoirs";
}

/* BOUTON BTListeNew.gif Liste S */
/*a, span {*/
a:has(> *[src$="BTListeNew.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Liste";
}

/* BOUTON BTListesets.gif/btn-liste-sets Liste sets S */
/*a, span {*/
a.btn-liste-sets:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Liste sets";
}

/* BOUTON btlubrifiants.gif Lubrifiants S */
/*a, span {*/
a:has(> *[src$="btlubrifiants.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Lubrifiants";
}

/* BOUTON BTMAJ-date-echeance.gif MAJ date échéance S */
/*a, span {*/
a:has(> *[src$="BTMAJ-date-echeance.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "MAJ date échéance";
}

/* BOUTON BTMAJprixdecession.gif MAJ prix de cession S */
/*a, span {*/
a:has(> *[src$="BTMAJprixdecession.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "MAJ prix de cession";
}

/* BOUTON btMargemini.gif Marge mini S */
/*a, span {*/
a:has(> *[src$="btMargemini.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Marge mini";
}

/* BOUTON btMargeunitaire.gif Marge unitaire S */
/*a, span {*/
a:has(> *[src$="btMargeunitaire.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Marge unitaire";
}

/* BOUTON BtMoisPrecedent.gif Mois Précédent S */
/*a, span {*/
a:has(> *[src$="BtMoisPrecedent.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Mois Précédent";
}

/* BOUTON BtMoisSuivant.gif Mois suivant S */
/*a, span {*/
a:has(> *[src$="BtMoisSuivant.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Mois suivant";
}

/* BOUTON BTNautorisation.gif N° autorisation S */
/*a, span {*/
a:has(> *[src$="BTNautorisation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "N° autorisation";
}

/* BOUTON BTnon.gif Non S */
/*a, span {*/
a:has(> *[src$="BTnon.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Non";
}

/* BOUTON BTNonaffectees.gif Non affectées S */
/*a, span {*/
a:has(> *[src$="BTNonaffectees.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Non affectées";
}

/* BOUTON BTNonRemis.gif Non remis S */
/*a, span {*/
a:has(> *[src$="BTNonRemis.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Non remis";
}

/* BOUTON BTnouveau.gif Nouveau S */
/*a, span {*/
a:has(> *[src$="BTnouveau.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTnouveau.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouveau";
}
a:has(> *[src$="BTnouveau.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTnouveau.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f067" !important;
  margin-left: 8px;
  color: #5c9dff !important;
}

/* BOUTON BTnouveaucde.gif Nouvelle commande S */
/*a, span {*/
a:has(> *[src$="BTnouveaucde.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTnouveaucde.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle commande";
}
a:has(> *[src$="BTnouveaucde.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTnouveaucde.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f067" !important;
  margin-left: 8px;
  color: #5c9dff !important;
}

/* BOUTON BTNouveauClient.gif Nouveau client S */
/*a, span {*/
a:has(> *[src$="BTNouveauClient.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouveau client";
}

/* BOUTON BTnouveaurec.gif Nouvelle réception S */
/*a, span {*/
a:has(> *[src$="BTnouveaurec.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle réception";
}

/* BOUTON BTnouvelavoir.gif Nouvel avoir S */
/*a, span {*/
a:has(> *[src$="BTnouvelavoir.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvel avoir";
}

/* BOUTON BtNouvelleAction.gif Nouvelle action S */
/*a, span {*/
a:has(> *[src$="BtNouvelleAction.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle action";
}

/* BOUTON BTNouvelleadresse.gif Nouvelle adresse S */
/*a, span {*/
a:has(> *[src$="BTNouvelleadresse.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle adresse";
}

/* BOUTON BTNouvelleCampagne.gif Nouvelle campagne S */
/*a, span {*/
a:has(> *[src$="BTNouvelleCampagne.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle campagne";
}

/* BOUTON BTnouvellefacture.gif Nouvelle facture S */
/*a, span {*/
a:has(> *[src$="BTnouvellefacture.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Nouvelle facture";
}

/* BOUTON btOffre.gif Offre S */
/*a, span {*/
a:has(> *[src$="btOffre.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Offre";
}

/* BOUTON BTOk.gif Ok S */
/*a, span {*/
a:has(> *[src$="BTOk.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTOk.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ok";
}
a:has(> *[src$="BTOk.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTOk.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c" !important;
  margin-left: 8px;
  color: #00C414 !important;
}

/* BOUTON BtOrdrevirt.gif Ordre virement S */
/*a, span {*/
a:has(> *[src$="BtOrdrevirt.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ordre virement";
}

/* BOUTON BToui.gif Oui S */
/*a, span {*/
a:has(> *[src$="BToui.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Oui";
}

/* BOUTON BTpac.gif P.A.C. S */
/*a, span {*/
a:has(> *[src$="BTpac.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "P.A.C.";
}

/* BOUTON btParametres.gif Paramètres S */
/*a, span {*/
a:has(> *[src$="btParametres.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Paramètres";
}

/* BOUTON BTParcourir.gif Parcourir S */
/*a, span {*/
a:has(> *[src$="BTParcourir.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Parcourir";
}

/* BOUTON BtParticule.gif Particularités S */
/*a, span {*/
a:has(> *[src$="BtParticule.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Particularités";
}

/* BOUTON BtPlanif.gif Planification S */
/*a, span {*/
a:has(> *[src$="BtPlanif.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Planification";
}

/* BOUTON BTplanning.gif Planning S */
/*a, span {*/
a:has(> *[src$="BTplanning.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Planning";
}

/* BOUTON BTPlus.gif + S */
/*a, span {*/
a:has(> *[src$="BTPlus.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "+";
}

/* BOUTON BTprecedent.gif Précédent S */
/*a, span {*/
a:has(> *[src$="BTprecedent.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTprecedent.gif" i]):not(:has(> span)):after {
  /* LIBELLE DU BOUTON */
  content: "Précédent";
}
a:has(> *[src$="BTprecedent.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTprecedent.gif" i]):not(.mini):before {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f104" !important;
  margin-right: 8px;
  color: #FF7700 !important;
}
a:has(> *[src$="BTprecedent.gif" i]):not(.mini):after {
  margin-left: 0;
  margin-right: 0;
}

/* BOUTON BTprestation.gif Prestation S */
/*a, span {*/
a:has(> *[src$="BTprestation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prestation";
}

/* BOUTON BTpriorites.gif Priorités S */
/*a, span {*/
a:has(> *[src$="BTpriorites.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Priorités";
}

/* BOUTON BTprixachat.gif Prix achat S */
/*a, span {*/
a:has(> *[src$="BTprixachat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix achat";
}

/* BOUTON BTPrixContrat.gif Prix contrat S */
/*a, span {*/
a:has(> *[src$="BTPrixContrat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix contrat";
}

/* BOUTON BTprixvente.gif Prix vente S */
/*a, span {*/
a:has(> *[src$="BTprixvente.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix vente";
}

/* BOUTON BTprix_achat.gif Prix achat S */
/*a, span {*/
a:has(> *[src$="BTprix_achat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix achat";
}

/* BOUTON BTprix_vente.gif Prix vente S */
/*a, span {*/
a:has(> *[src$="BTprix_vente.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix vente";
}

/* BOUTON btProfilpardefaut.gif Profil par défaut S */
/*a, span {*/
a:has(> *[src$="btProfilpardefaut.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Profil par défaut";
}

/* BOUTON BTproforma.gif Proforma S */
/*a, span {*/
a:has(> *[src$="BTproforma.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Proforma";
}

/* BOUTON btProposition.gif Proposition S */
/*a, span {*/
a:has(> *[src$="btProposition.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Proposition";
}

/* BOUTON BtPropositioncontrat.gif Proposition contrat S */
/*a, span {*/
a:has(> *[src$="BtPropositioncontrat.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Proposition contrat";
}

/* BOUTON BtProspect.gif Prospect S */
/*a, span {*/
a:has(> *[src$="BtProspect.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prospect";
}

/* BOUTON BtRapport.gif Rapport S */
/*a, span {*/
a:has(> *[src$="BtRapport.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Rapport";
}

/* BOUTON BTrecap.gif Récap. S */
/*a, span {*/
a:has(> *[src$="BTrecap.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Récap.";
}

/* BOUTON BTRechElargie.gif Recherche élargie S */
/*a, span {*/
a:has(> *[src$="BTRechElargie.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Recherche élargie";
}

/* BOUTON BtRechercher.gif Rechercher P */
/*a, span {*/
a:has(> *[src$="BtRechercher.gif" i]) {
  /* on dessine le bouton PRINCIPAL / PRIMARY */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  text-transform: uppercase;
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BtRechercher.gif" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BtRechercher.gif" i]).maxi {
  height: 18px !important;
}
a:has(> *[src$="BtRechercher.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Rechercher";
}
a:has(> *[src$="BtRechercher.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BtRechercher.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
  margin-left: 8px;
}
a:has(> *[src$="BtRechercher.gif" i]):hover:not(:active) {
  /* on dessine le HOVER du bouton PRINCIPAL / PRIMARY */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  text-transform: uppercase;
}
a:has(> *[src$="BtRechercher.gif" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BtRechercher.gif" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BOUTON BtReediter.gif Rééditer S */
/*a, span {*/
a:has(> *[src$="BtReediter.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Rééditer";
}

/* BOUTON BtRefTrentenaire.gif Ref. Trentenaire S */
/*a, span {*/
a:has(> *[src$="BtRefTrentenaire.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ref. Trentenaire";
}

/* BOUTON BTReport.gif Report S */
/*a, span {*/
a:has(> *[src$="BTReport.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Report";
}

/* BOUTON BTretour.gif Retour S */
/*a, span {*/
a:has(> *[src$="BTretour.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTretour.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Retour";
}
a:has(> *[src$="BTretour.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTretour.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f3bf" !important;
  margin-left: 8px;
  color: #FF7700 !important;
}

/* BOUTON BTRetour2.gif < Retour S */
/*a, span {*/
a:has(> *[src$="BTRetour2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "< Retour";
}

/* BOUTON BTRevision.gif Révision S */
/*a, span {*/
a:has(> *[src$="BTRevision.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Révision";
}

/* BOUTON BTsanssuite.gif Sans suite S */
/*a, span {*/
a:has(> *[src$="BTsanssuite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Sans suite";
}

/* BOUTON BtSauvegarder.png/btn-sauvegarder Sauvegarder S */
/*a, span {*/
a.btn-sauvegarder {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a.btn-sauvegarder:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Sauvegarder";
}
a.btn-sauvegarder.maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a.btn-sauvegarder:not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c7" !important;
  margin-left: 8px;
}

/* BOUTON BtSimulation.gif Simulation S */
/*a, span {*/
a:has(> *[src$="BtSimulation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Simulation";
}

/* BOUTON BTSolde.gif Solder S */
/*a, span {*/
a:has(> *[src$="BTSolde.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Solder";
}

/* BOUTON Btsuccesseur.gif Successeur S */
/*a, span {*/
a:has(> *[src$="Btsuccesseur.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Successeur";
}

/* BOUTON BTSuite.gif Suite P */
/*a, span {*/
a:has(> *[src$="BTSuite.gif" i]) {
  /* on dessine le bouton PRINCIPAL / PRIMARY */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  text-transform: uppercase;
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTSuite.gif" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BTSuite.gif" i]).maxi {
  height: 18px !important;
}
a:has(> *[src$="BTSuite.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Suite";
}
a:has(> *[src$="BTSuite.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTSuite.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f061" !important;
  margin-left: 8px;
  color: #00C414 !important;
}
a:has(> *[src$="BTSuite.gif" i]):hover:not(:active) {
  /* on dessine le HOVER du bouton PRINCIPAL / PRIMARY */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  text-transform: uppercase;
}
a:has(> *[src$="BTSuite.gif" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BTSuite.gif" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BOUTON BTSuite2.gif Suite > S */
/*a, span {*/
a:has(> *[src$="BTSuite2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Suite >";
}

/* BOUTON BTsuivant.gif Suivant S */
/*a, span {*/
a:has(> *[src$="BTsuivant.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTsuivant.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Suivant";
}
a:has(> *[src$="BTsuivant.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTsuivant.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f105" !important;
  margin-left: 8px;
  color: #FF7700 !important;
}

/* BOUTON BTSuivi.gif Suivi S */
/*a, span {*/
a:has(> *[src$="BTSuivi.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Suivi";
}

/* BOUTON BtSup.gif > S */
/*a, span {*/
a:has(> *[src$="BtSup.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: ">";
}

/* BOUTON BtSup1.gif > S */
/*a, span {*/
a:has(> *[src$="BtSup1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: ">";
}

/* BOUTON BTsupprimer.gif Supprimer S */
/*a, span {*/
a:has(> *[src$="BTsupprimer.gif" i]) {
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTsupprimer.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Supprimer";
}
a:has(> *[src$="BTsupprimer.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTsupprimer.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2ed" !important;
  margin-left: 8px;
  color: #dc3545 !important;
}

/* BOUTON BTsupprimerFiltre.gif Supprimer Filtre S */
/*a, span {*/
a:has(> *[src$="BTsupprimerFiltre.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Supprimer Filtre";
}

/* BOUTON btsupprimerRecreer.png Supprimer/recréer S */
/*a, span {*/
a:has(> *[src$="btsupprimerRecreer.png" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Supprimer/recréer";
}

/* BOUTON BtSuspect.gif Suspect S */
/*a, span {*/
a:has(> *[src$="BtSuspect.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Suspect";
}

/* BOUTON bttarif.gif Tarif S */
/*a, span {*/
a:has(> *[src$="bttarif.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Tarif";
}

/* BOUTON BTTechnique.gif Technique S */
/*a, span {*/
a:has(> *[src$="BTTechnique.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Technique";
}

/* BOUTON BTtotalisation.gif Totalisation S */
/*a, span {*/
a:has(> *[src$="BTtotalisation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Totalisation";
}

/* BOUTON BTToutes.gif Toutes S */
/*a, span {*/
a:has(> *[src$="BTToutes.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Toutes";
}

/* BOUTON BtTransfert.gif Transfert S */
/*a, span {*/
a:has(> *[src$="BtTransfert.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Transfert";
}

/* BOUTON BTtransport.gif Transport S */
/*a, span {*/
a:has(> *[src$="BTtransport.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Transport";
}

/* BOUTON BTvalider.gif Valider P */
/*a, span {*/
a:has(> *[src$="BTvalider.gif" i]) {
  /* on dessine le bouton PRINCIPAL / PRIMARY */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  text-transform: uppercase;
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a:has(> *[src$="BTvalider.gif" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BTvalider.gif" i]).maxi {
  height: 18px !important;
}
a:has(> *[src$="BTvalider.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Valider";
}
a:has(> *[src$="BTvalider.gif" i]).maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a:has(> *[src$="BTvalider.gif" i]):not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c" !important;
  margin-left: 8px;
  color: #00C414 !important;
}
a:has(> *[src$="BTvalider.gif" i]):hover:not(:active) {
  /* on dessine le HOVER du bouton PRINCIPAL / PRIMARY */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  text-transform: uppercase;
}
a:has(> *[src$="BTvalider.gif" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="BTvalider.gif" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BOUTON BTVehicule.gif Véhicule S */
/*a, span {*/
a:has(> *[src$="BTVehicule.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Véhicule";
}

/* BOUTON BTVentilation.gif Ventilation S */
/*a, span {*/
a:has(> *[src$="BTVentilation.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ventilation";
}

/* BOUTON BTZoom.gif Zoom S */
/*a, span {*/
a:has(> *[src$="BTZoom.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Zoom";
}

/* BOUTON bt_enregistreroffre.gif Enr. suspect/offre S */
/*a, span {*/
a:has(> *[src$="bt_enregistreroffre.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Enr. suspect/offre";
}

/* BOUTON DtDevise.gif Devise S */
/*a, span {*/
a:has(> *[src$="DtDevise.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Devise";
}

/* BOUTON Joursprecedent.gif Jours précédent S2 */
/*a, span {*/
a > *[src$="Joursprecedent.gif" i] {
  height: 0;
  width: 0;
}
a:has(> *[src$="Joursprecedent.gif" i]) {
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a:has(> *[src$="Joursprecedent.gif" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="Joursprecedent.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Jours précédent";
}
a:has(> *[src$="Joursprecedent.gif" i]):hover:not(:active) {
  /* on dessine le HOVER du bouton secondaire spécifique (hors répertoire images/Boutons) */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a:has(> *[src$="Joursprecedent.gif" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="Joursprecedent.gif" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BOUTON Jourssuivant.gif Jours suivant S2 */
/*a, span {*/
a > *[src$="Jourssuivant.gif" i] {
  height: 0;
  width: 0;
}
a:has(> *[src$="Jourssuivant.gif" i]) {
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
a:has(> *[src$="Jourssuivant.gif" i]):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="Jourssuivant.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Jours suivant";
}
a:has(> *[src$="Jourssuivant.gif" i]):hover:not(:active) {
  /* on dessine le HOVER du bouton secondaire spécifique (hors répertoire images/Boutons) */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
a:has(> *[src$="Jourssuivant.gif" i]):hover:not(:active):first-letter {
  text-transform: capitalize;
}
a:has(> *[src$="Jourssuivant.gif" i]):active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* BOUTON btn-valider-commande Valider la commande P */
/*a, span {*/
a.btn-valider-commande {
  /* on dessine le bouton PRINCIPAL / PRIMARY */
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  text-transform: uppercase;
  /* bouton avec image de type font awesome  */
  display: inline-block;
}
a.btn-valider-commande:first-letter {
  text-transform: capitalize;
}
a.btn-valider-commande.maxi {
  height: 18px !important;
}
a.btn-valider-commande:not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Valider la commande";
}
a.btn-valider-commande.maxi:before {
  /* bouton MAXI avec image en font awesome */
  font-size: 15px !important;
}
a.btn-valider-commande:not(.mini):after {
  /* bouton STANDARD avec image en font awesome  */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c" !important;
  margin-left: 8px;
  color: #00C414 !important;
}
a.btn-valider-commande:hover:not(:active) {
  /* on dessine le HOVER du bouton PRINCIPAL / PRIMARY */
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  text-transform: uppercase;
}
a.btn-valider-commande:hover:not(:active):first-letter {
  text-transform: capitalize;
}
a.btn-valider-commande:active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

:is(a:has(> span, > font), span[onclick]).button {
  background: inherit;
  user-select: none;
  white-space: nowrap;
  box-sizing: content-box;
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
:is(a:has(> span, > font), span[onclick]).button :is(span, font) {
  display: inline;
  background: inherit;
  line-height: inherit;
  padding: 0 !important;
  user-select: none;
  text-shadow: none;
  text-transform: lowercase;
}
:is(a:has(> span, > font), span[onclick]).button :is(span, font):first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button:first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button:first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button.mini {
  padding: 0.25rem 0.5rem !important;
  font-weight: bold;
}
:is(a:has(> span, > font), span[onclick]).button:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
:is(a:has(> span, > font), span[onclick]).button:hover {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  height: 16px;
  cursor: pointer;
}
:is(a:has(> span, > font), span[onclick]).button:hover:first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button.primary {
  background-color: #001A51;
  color: white;
  border-radius: 1rem;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
  margin: 0 0.5rem 0 0;
  text-transform: uppercase;
}
:is(a:has(> span, > font), span[onclick]).button.primary:first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button.primary span {
  text-transform: uppercase;
}
:is(a:has(> span, > font), span[onclick]).button.primary:hover {
  background: transparent;
  color: #001A51;
  border: 1px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif !important;
  /* btn-base */
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  display: inline;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  border-radius: 1rem;
  height: 16px;
  width: fit-content;
  display: inline-block;
}
:is(a:has(> span, > font), span[onclick]).button.primary:hover:first-letter {
  text-transform: capitalize;
}
:is(a:has(> span, > font), span[onclick]).button:not(:has(> span)):before {
  text-transform: uppercase;
  user-select: none;
}
:is(a:has(> span, > font), span[onclick]).button:active, :is(a:has(> span, > font), span[onclick]).button.primary:active {
  background-color: #1483ff;
  border-color: #1483ff;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
:is(a:has(> span, > font), span[onclick]).button > i::before, :is(a:has(> span, > font), span[onclick]).button:after {
  margin-left: 8px;
}
:is(a:has(> span, > font), span[onclick]).button:not(:has(> span)):after {
  margin-left: 0.4rem;
}
:is(a:has(> span, > font), span[onclick]).button.valid:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c" !important;
  color: #00C414;
}
:is(a:has(> span, > font), span[onclick]).button.valid-next:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f061" !important;
  color: #00C414;
}
:is(a:has(> span, > font), span[onclick]).button.cancel:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00d" !important;
  color: #dc3545;
}
:is(a:has(> span, > font), span[onclick]).button.search:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
}
:is(a:has(> span, > font), span[onclick]).button.back:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f3bf" !important;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.list:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f03a" !important;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.create:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f067" !important;
  color: #5c9dff;
}
:is(a:has(> span, > font), span[onclick]).button.reload:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2f1" !important;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.file:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f15c" !important;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.enable:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f205" !important;
  color: #00C414;
}
:is(a:has(> span, > font), span[onclick]).button.disable:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f204" !important;
  color: #dc3545;
}
:is(a:has(> span, > font), span[onclick]).button.delete:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2ed" !important;
  color: #dc3545;
}
:is(a:has(> span, > font), span[onclick]).button.clone:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f24d" !important;
  font-weight: normal;
}
:is(a:has(> span, > font), span[onclick]).button.save:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c7" !important;
}
:is(a:has(> span, > font), span[onclick]).button.previous:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f053" !important;
  margin-right: 0.4rem;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.next:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f054" !important;
  color: #FF7700;
}
:is(a:has(> span, > font), span[onclick]).button.popup:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2d2" !important;
}
:is(a:has(> span, > font), span[onclick]).button.btn-pbm {
  background-color: #dc3545 !important;
  color: white !important;
  border-color: orange !important;
}

a[href*=FiltrageParam]:has([src$="BtRechercher.gif" i]):before {
  content: "Filtrer";
}
a[href*=FiltrageParam]:has([src$="BtRechercher.gif" i]):not(.mini):after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0b0" !important;
  margin-left: 6px;
}

/* **************************** ANCIENS ICONES ******************************/
.icone {
  color: #001A51;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.icone.mini {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable) {
  cursor: pointer;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable):before {
  color: #FF7700;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable):hover:before {
  opacity: 70%;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable):active:before {
  color: #1483ff;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable):focus:before {
  color: #1483ff;
}
.icone:is(a[href], a[href] span, span[onclick], i[onclick], .clickable).select-selected::before {
  color: #17a2b8;
}
.icone.contour {
  text-shadow: 2px 2px 4px white;
}
.icone.contour-noir {
  text-shadow: 2px 2px 4px black;
}

.medium-icon {
  font-size: 125% !important;
}

.large-icon {
  font-size: 150% !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2ed" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])) img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/corbeille.gif" i], [src$="Images//corbeille.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-corbeille:not(.button), :is(a, span, font, i).icone-corbeille:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-corbeille:not(.button):before, :is(a, span, font, i).icone-corbeille:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2ed" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-corbeille:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-corbeille:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-corbeille:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-corbeille:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-corbeille:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-corbeille {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-corbeille:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-recherche:not(.button), :is(a, span, font, i).icone-recherche:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-recherche:not(.button):before, :is(a, span, font, i).icone-recherche:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-recherche {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-recherche:before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])) img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/Aide.gif" i], [src$="Images//Aide.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-recherche-aide:not(.button), :is(a, span, font, i).icone-recherche-aide:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-recherche-aide:not(.button):before, :is(a, span, font, i).icone-recherche-aide:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche-aide:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche-aide:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche-aide:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche-aide:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-recherche-aide:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-recherche-aide {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-recherche-aide:before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f073" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])) img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/calendar.gif" i], [src$="Images//calendar.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).calendar:not(.button), :is(a, span, font, i).calendar:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).calendar:not(.button):before, :is(a, span, font, i).calendar:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f073" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).calendar:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).calendar:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).calendar:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).calendar:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).calendar:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).calendar {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).calendar:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-calendrier:not(.button), :is(a, span, font, i).icone-calendrier:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-calendrier:not(.button):before, :is(a, span, font, i).icone-calendrier:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f073" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-calendrier:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-calendrier:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-calendrier:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-calendrier:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-calendrier:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-calendrier {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-calendrier:before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2b6" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])) img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/CourrierVide.gif" i], [src$="Images//CourrierVide.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f658" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])) img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/CourrierPlein.gif" i], [src$="Images//CourrierPlein.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-courrier-vide:not(.button), :is(a, span, font, i).icone-courrier-vide:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-courrier-vide:not(.button):before, :is(a, span, font, i).icone-courrier-vide:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2b6" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-vide:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-vide:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-vide:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-vide:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-vide:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-courrier-vide {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-courrier-vide:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-courrier-plein:not(.button), :is(a, span, font, i).icone-courrier-plein:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-courrier-plein:not(.button):before, :is(a, span, font, i).icone-courrier-plein:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f658" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-plein:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-plein:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-plein:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-plein:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-courrier-plein:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-courrier-plein {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-courrier-plein:before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f35d" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])) img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/NewWindow2.gif" i], [src$="Images//NewWindow2.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f02f" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])) img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/imprimante.gif" i], [src$="Images//imprimante.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-imprimante:not(.button), :is(a, span, font, i).icone-imprimante:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-imprimante:not(.button):before, :is(a, span, font, i).icone-imprimante:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f02f" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-imprimante:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-imprimante:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-imprimante:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-imprimante:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-imprimante:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-imprimante {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-imprimante:before {
  font-size: 16px !important;
}

:is(a, span, font, i).gomme:not(.button), :is(a, span, font, i).gomme:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).gomme:not(.button):before, :is(a, span, font, i).gomme:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f12d" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).gomme:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).gomme:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).gomme:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).gomme:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).gomme:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).gomme {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).gomme:before {
  font-size: 16px !important;
}

:is(a, span, font, i).commentaire:not(.button), :is(a, span, font, i).commentaire:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).commentaire:not(.button):before, :is(a, span, font, i).commentaire:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f075" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).commentaire:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire:before {
  font-size: 16px !important;
}

:is(a, span, font, i).commentaire-vide:not(.button), :is(a, span, font, i).commentaire-vide:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).commentaire-vide:not(.button):before, :is(a, span, font, i).commentaire-vide:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f075" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).commentaire-vide:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-vide:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-vide:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-vide:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-vide:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire-vide {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire-vide:before {
  font-size: 16px !important;
}

:is(a, span, font, i).commentaire-saisi:not(.button), :is(a, span, font, i).commentaire-saisi:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).commentaire-saisi:not(.button):before, :is(a, span, font, i).commentaire-saisi:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f4ad" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).commentaire-saisi:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-saisi:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-saisi:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-saisi:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).commentaire-saisi:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire-saisi {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).commentaire-saisi:before {
  font-size: 16px !important;
}

:is(a, span, font, i).calculer:not(.button), :is(a, span, font, i).calculer:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).calculer:not(.button):before, :is(a, span, font, i).calculer:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f1ec" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).calculer:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).calculer:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).calculer:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).calculer:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).calculer:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).calculer {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).calculer:before {
  font-size: 16px !important;
}

:is(a, span, font, i).file:not(.button), :is(a, span, font, i).file:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).file:not(.button):before, :is(a, span, font, i).file:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f15b" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).file:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).file:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).file:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).file:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).file:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).file {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).file:before {
  font-size: 16px !important;
}

:is(a, span, font, i).file-text:not(.button), :is(a, span, font, i).file-text:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).file-text:not(.button):before, :is(a, span, font, i).file-text:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f15c" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).file-text:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).file-text:not(.button):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable).file-text:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).file-text:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).file-text:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).file-text {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).file-text:before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c8" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #8e8e8e;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])) img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):before {
  color: #1A3C85;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherVide.gif" i], [src$="Images//BCocherVide.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #00C414;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])) img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):before {
  color: #00C414;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherVerte.gif" i], [src$="Images//BCocherVerte.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #dc3545;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])) img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):before {
  color: #dc3545;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BCocherRouge.gif" i], [src$="Images//BCocherRouge.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #00C414;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])) img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):before {
  color: #00C414;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/obligatoirevert.gif" i], [src$="Images//obligatoirevert.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f360" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  color: #006EFF;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])) img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):before {
  color: #006EFF;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/BtNewWindow.gif" i], [src$="Images//BtNewWindow.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f24d" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  vertical-align: middle;
}
:is(a, span, font, i):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])) img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i]) {
  display: none;
}
:is(a, span, font, i):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):has(> img[align=right]) {
  float: right;
}

:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):before {
  color: #FF7700;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])) {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span):has(> img:is([src$="Images/Dupliquer.gif" i], [src$="Images//Dupliquer.gif" i])):before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-vide-inactive:not(.button), :is(a, span, font, i).icone-coche-vide-inactive:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-vide-inactive:not(.button):before, :is(a, span, font, i).icone-coche-vide-inactive:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c8" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #8e8e8e;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide-inactive:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide-inactive:not(.button):before {
  color: #8e8e8e;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide-inactive:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide-inactive:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide-inactive:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-vide-inactive {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-vide-inactive:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-vide:not(.button), :is(a, span, font, i).icone-coche-vide:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-vide:not(.button):before, :is(a, span, font, i).icone-coche-vide:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0c8" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #001A51;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide:not(.button):before {
  color: #1A3C85;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-vide:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-vide {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-vide:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-verte:not(.button), :is(a, span, font, i).icone-coche-verte:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-verte:not(.button):before, :is(a, span, font, i).icone-coche-verte:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #00C414;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte:not(.button):before {
  color: #00C414;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-verte {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-verte:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-verte-inactive:not(.button), :is(a, span, font, i).icone-coche-verte-inactive:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-verte-inactive:not(.button):before, :is(a, span, font, i).icone-coche-verte-inactive:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  color: #00C414;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte-inactive:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte-inactive:not(.button):before {
  color: #00C414;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte-inactive:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte-inactive:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-verte-inactive:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-verte-inactive {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-verte-inactive:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-rouge:not(.button), :is(a, span, font, i).icone-coche-rouge:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-rouge:not(.button):before, :is(a, span, font, i).icone-coche-rouge:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #dc3545;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-rouge:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-rouge:not(.button):before {
  color: #dc3545;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-rouge:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-rouge:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-rouge:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-rouge {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-rouge:before {
  font-size: 16px !important;
}

:is(a, span, font, i).icone-coche-bleu:not(.button), :is(a, span, font, i).icone-coche-bleu:has(> img:not([src="" i])) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:is(a, span, font, i).icone-coche-bleu:not(.button):before, :is(a, span, font, i).icone-coche-bleu:has(> img:not([src="" i])):before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f14a" !important;
  color: #8e8e8e;
  font-size: 18px !important;
  font-weight: 400;
  color: #0066FF;
  vertical-align: middle;
}

:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-bleu:not(.button) {
  cursor: pointer;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-bleu:not(.button):before {
  color: #0066FF;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-bleu:not(.button):hover:before {
  opacity: 70%;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-bleu:not(.button):active:before {
  color: #1483ff;
}
:is(a[href], a[href] span, span[onclick], .clickable).icone-coche-bleu:not(.button):focus:before {
  color: #1483ff;
}

:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-bleu {
  width: 16px;
  height: 16px;
  background-size: 16px 16px !important;
}
:is(.liste, table[bgcolor^="#444E9C"], table.icop-grille, .table) :is(a, span).icone-coche-bleu:before {
  font-size: 16px !important;
}

/* info bloc tel */
.bloctel {
  /*&.success {
    @include icones-override-specifiques-fontawesome-engine(false, 'bloctel', 'bloctelOK.png', 'fa#\f095', 'phone', '#00C414');
  }
  &.attente {
    @include icones-override-specifiques-fontawesome-engine(false, 'bloctel', 'bloctelKO.png', 'fa#\f095', 'phone', '#dc3545');
  }
  &.blocage {
    @include icones-override-specifiques-fontawesome-engine(false, 'bloctel', 'bloctelKO.png', 'fa#\f3dd', 'phone-slash', '#dc3545');
  }
  &.warning {
    @include icones-override-specifiques-fontawesome-engine(false, 'bloctel', 'bloctelOrange.png', 'fa#\f095', 'phone', '#FF7700');
  }*/
}
.bloctel:is(.success, .attente, .blocage, .warning).mini:has(> img) {
  margin-left: 0;
  margin-right: 0;
}
.bloctel:is(.success, .attente, .blocage, .warning).mini:has(> img):before {
  font-size: 1rem !important;
}

/* **************************** ANCIENS BOUTONS THEME ******************************/
/* surcharge anciens src image pour vieux boutons pour améliorer les boutons */
/* <nom-gif> <texte-a-afficher> */
.theme-bar {
  background-color: inherit;
  list-style-type: none;
  color: #001A51;
  background: none !important;
  border-right: none !important;
  border-bottom: 2px solid #001A51;
}
.theme-bar:not(td) {
  display: inline-flex;
  margin: 1rem 0 0.3rem 0;
  padding: 0;
}
.theme-bar:not([width]) {
  width: 100%;
}
.theme-bar:not(:first-of-type) {
  border-left: solid 0.3rem transparent;
}
.theme-bar :is(a, span) > img[src*="images/Themes/" i] {
  height: 0;
  width: 0;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i]) {
  background-color: #F9F9F9;
  overflow: hidden;
  outline: none;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: unset;
  padding: 10px 16px;
  color: #001A51 !important;
  font-weight: bold;
  border-top: 1px solid #B9B9C1;
  display: inline-block;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i]):not(.theme-center) {
  float: left;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i]):first-of-type {
  border-left: 1px solid #B9B9C1;
  border-top-left-radius: 8px;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i]):last-of-type {
  border-right: 1px solid #B9B9C1;
  border-top-right-radius: 8px;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i])[href] {
  color: black;
  font-weight: bold;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i])[href]:hover:not(:active) {
  background-color: rgba(221, 221, 221, 0.2);
  color: #FF7700 !important;
  border-bottom: solid 2px #001A51;
  cursor: pointer;
  font-weight: bold;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i])[href]:active {
  background-color: #fff;
  color: #1483ff !important;
  border-bottom: solid 2px #1483ff;
  font-weight: bold;
}
.theme-bar > :is(a, span):has(> [src*="images/Themes/" i])[name]:not([href]) {
  color: #FF7700 !important;
  font-weight: bold;
  border-bottom: solid 2px #FF7700;
  cursor: initial;
  text-transform: uppercase;
}
.theme-bar :is(a, span).theme-courant {
  color: #FF7700 !important;
  font-weight: bold;
  border-bottom: solid 2px #FF7700;
  cursor: initial;
  text-transform: uppercase;
}

td.theme-bar {
  padding: 1rem 0 0 0 !important;
}

tr:has(> td.theme-bar) + tr > td {
  padding-top: 0.3rem !important;
}

/* *********** ANCIENS BOUTONS / SPECIFIQUE *********/
/* on traite uniquement le spécifique de chaque bouton */
.theme-bar :is(a, span):has(> [src*="/themes/AccesSite_" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Accès Site";
}

.theme-bar :is(a, span):has(> [src*="/themes/AccesCuve_" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Accès Cuve";
}

.theme-bar :is(a, span):has(> [src*="/themes/Chaufferie_" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Chaufferie";
}

.theme-bar :is(a, span):has(> [src*="/themes/Amiante_" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Amiante";
}

.theme-bar :is(a, span):has(> [src*="/themes/Lubrifiant_" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Lubrifiant";
}

.theme-bar :is(a, span):has(> [src*="/themes/Consentement" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Consentement";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themesmeteo" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Météo Fioul";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesConcurrence" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Concurrence";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesQualification" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Qualification";
}

.theme-bar :is(a, span):has(> [src*="/themes/Technique" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Technique";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesManif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Manifestation";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesDocu" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Documentations";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesCommentaires" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commentaires";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesFournisseur" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Fournisseur";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesPoa" i][src$="_C1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Généralités";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesPoa" i][src$="_C2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Assiettes";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme5" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Fréquence";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes6_r1_c1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Client";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes6_r1_c2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Produit";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes6_r1_c3" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Localisation";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes6_r1_c4" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Prix";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes7_1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Généralité";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes7_2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Facturation";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes7_3" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Livraison";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes7_4" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Historique de vente";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes7_5" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Edition";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes10_1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Critères de sélection";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes10_2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Critères d'édition";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreMilieu" i][src$="_r1_c2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Généralités";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Scénario";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Echec contact";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme3" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Durée";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme4" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Statistiques";
}

.theme-bar :is(a, span):has(> [src*="/themes/Theme6" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Traitement";
}

.theme-bar :is(a, span):has(> [src*="/themes/Horaire.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Horaire Chauffeur";
}

.theme-bar :is(a, span):has(> [src*="/themes/Horaire_vehicule.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Horaire Véhicule";
}

.theme-bar :is(a, span):has(> [src*="/themes/volucompteur" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Volucompteur";
}

.theme-bar :is(a, span):has(> [src*="/themes/kilometrage.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Kilométrage";
}

.theme-bar :is(a, span):has(> [src*="/themes/divers.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Divers";
}

.theme-bar :is(a, span):has(> [src*="/themes/recapitulatif.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Récapitulatif horaire";
}

.theme-bar :is(a, span):has(> [src*="/themes/BT_Deplacement.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Déplacement";
}

.theme-bar :is(a, span):has(> [src*="/themes/Bt_Livraison.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Livraison";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes10_1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Critères de sélection";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themetri1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Tri";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesTri" i][src$="_C1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Critères de sélection";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesTri" i][src$="_C2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Tri";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes9_1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Client";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes9_2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Ecriture";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Produit";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Conditionnement";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c3.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Facturation";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c4.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Marges anormales";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c5.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Stock";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c6.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commentaires";
}

.theme-bar :is(a, span):has(> [src*="/themes/BarreNavig2" i][src$="_r1_c7.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Technique";
}

.theme-bar :is(a, span):has(> [src*="/themes/CARealise" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Chiffres d'affaires réalisés";
}

.theme-bar :is(a, span):has(> [src*="/themes/MARealise" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Marge réalisée";
}

.theme-bar :is(a, span):has(> [src*="/themes/Groupe" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Groupe";
}

.theme-bar :is(a, span):has(> [src*="/themes/RepartPts" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Répartition selon points";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themecarte_1" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Identification";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themecarte_2" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Facturation";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themecarte_3" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "RIB";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themecarte_4" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cartes";
}

.theme-bar :is(a, span):has(> [src*="/themes/Stations" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Stations";
}

.theme-bar :is(a, span):has(> [src*="/themes/Equipements" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Équipements";
}

.theme-bar :is(a, span):has(> [src*="/themes/Reseau" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Réseau";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesEnquete" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Enquête";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesNotation" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Notation";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesComment" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commentaires";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes4" i][src$="_r1_c1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Client";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes2" i][src$="_r1_c2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Financier";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themessite" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Site";
}

.theme-bar :is(a, span):has(> [src*="/themes/Logistique" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Logistique";
}

.theme-bar :is(a, span):has(> [src*="/themes/Produit" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Produit";
}

.theme-bar :is(a, span):has(> [src*="/themes/Commercial" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Commercial";
}

.theme-bar :is(a, span):has(> [src*="/themes/Compta" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Compta";
}

.theme-bar :is(a, span):has(> [src*="/themes/CartesPriv" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cartes privatives";
}

.theme-bar :is(a, span):has(> [src*="/themes/Generaux" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Généraux";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes2" i][src$="_r1_c1.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Client";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes2" i][src$="_r1_c4.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Groupement";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes4" i][src$="_r1_c3.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Cuve";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themesequipement" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Equipement";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themes4" i][src$="_r1_c2.gif" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Consommation";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themesremise" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Remise";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themesaccord" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Accord prix";
}

.theme-bar :is(a, span):has(> [src*="/themes/Themeshistorique" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Historique";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesCreance" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Créance";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesHistoPai" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Histo Paiement";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesModePai" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Mode Paiement";
}

.theme-bar :is(a, span):has(> [src*="/themes/ThemesReglCreance" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Règlement Créance";
}

.theme-bar :is(a, span):has(> [src*="/themes/TCialAction" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Action";
}

.theme-bar :is(a, span):has(> [src*="/themes/TCialReaction" i]):not(:has(> span)):before {
  /* LIBELLE DU BOUTON */
  content: "Réaction";
}

/* **************************** ACCUEILS ******************************/
/* écran dictionnaire */
tr.bandeauaccueil {
  height: 30px;
  font-size: 0.8rem;
  border-top: 1px solid #B9B9C1;
  border-left: 1px solid #B9B9C1;
  border-right: 1px solid #B9B9C1;
  transition: all 0.4s ease-in-out;
}

tr.bandeaudefault {
  border-left: 1px solid #B9B9C1;
  border-right: 1px solid #B9B9C1;
}

.section-centre label.label-capacite {
  text-align: center;
  border-bottom: 2px solid #001A51;
  border-right: 2px solid transparent;
  border-left: 1px dotted #d1d4d7;
}

.section-centre .form-group label.label-capacite + div {
  border-left: 1px dotted #d1d4d7;
}

.section-centre .form-group label.label-capacite + div * {
  text-align: center;
}

/* accueils */
@media screen and (min-width: 1664px) {
  .page-conteneur.flex .sidebar > * {
    min-width: 220px;
  }
  .page-conteneur.flex .sidebar > *:not(.large) {
    width: 220px;
  }
  .page-conteneur.flex .sidebar > * .entetediv, .page-conteneur.flex .sidebar > * .liens {
    width: 100%;
  }
}
@media screen and (min-width: 1651px) {
  .page-conteneur.flex .sidebar {
    max-width: 500px;
  }
}
/* table et margin et % ne fonctionne pas bien => utiliser du padding */
.page-conteneur.page-accueil, .page-conteneur.flex {
  width: 100% !important;
}
.page-conteneur.page-accueil .main, .page-conteneur.flex .main {
  max-width: 1380px;
}
.page-conteneur.page-accueil .contenu, .page-conteneur.flex .contenu {
  width: 100% !important;
  /* conteneur des onglets */
}
.page-conteneur.page-accueil .contenu div:has(> div.coptab), .page-conteneur.flex .contenu div:has(> div.coptab) {
  margin-right: 13px;
  margin-left: 13px;
  width: 97%;
}

.sidebar .item table.conteneur-alerte-info, .sidebar .item table.conteneur-alerte-erreur, .sidebar .item table.conteneur-alerte-warning {
  width: 100%;
}
.sidebar table.entetediv {
  border: 0px solid #B9B9C1;
  border-right-width: 0;
}
.sidebar table.entetediv :is(.CollapsiblePanelTabO, .CollapsiblePanelTabC) {
  background: transparent !important;
  border: 0px;
  border-radius: 0.5rem;
}
.sidebar table.entetediv :is(.CollapsiblePanelTabO, .CollapsiblePanelTabC) td:last-of-type {
  text-align: start;
  text-transform: capitalize;
}
.sidebar table.entetediv :is(.CollapsiblePanelTabO, .CollapsiblePanelTabC) td + td:last-of-type {
  padding-left: 10px;
}
.sidebar table.entetediv [class^=CollapsiblePanelContent] {
  border-radius: 0.5rem;
  border: 1px solid #B9B9C1;
}

/* surchages styles-AC */
:is(.containerext, .containeraide, .containercdl) .contenu .paveliste table.table {
  border: 0;
}

table.table {
  border: 0;
}
table.table td {
  border: 0;
}

td.entetecolonne {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  background-color: #1A3C85;
  font-weight: bold;
  line-height: 1.5rem;
}

td.separationtableau {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: normal;
}

table.entetecolonne {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  background-color: transparent;
}
table.entetecolonne > tr > td {
  border: 0;
  border-top: 0 solid #001A51;
  border-bottom: 4px solid #001A51;
  border-left: 1px dotted #d1d4d7;
}

/* ligne paire en blanc */
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is(.CouleurPair, [bgcolor^="#"]:nth-child(odd):not(.entetecolonne, .CouleurPair, .CouleurImpair)) {
  background-color: #edeff3 !important;
  color: #212529;
}

/* ligne impaire en gris */
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is(.CouleurImpair, [bgcolor^="#"]:nth-child(even):not(.entetecolonne, .CouleurPair, .CouleurImpair)) {
  background-color: white;
  color: #212529;
}

table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.CouleurImpair, table[bgcolor^="#"] .CouleurPair td, tr[bgcolor^="#"]:not(.entetecolonne) > td {
  border: 0;
  border-top: 1px solid #001A51;
  border-left: 1px dotted #d1d4d7;
}

table:is([bgcolor^="#444E9C"], .icop-grille, .table), div.gridbox table {
  background-color: #f8f9fa;
  border-spacing: 0;
  color: #212529;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td font[face^=Verdana][size="1"], div.gridbox table tr td font[face^=Verdana][size="1"] {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) [color^="#FFFFFF"], div.gridbox table [color^="#FFFFFF"] {
  color: #212529;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete), div.gridbox table tr, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) {
  color: #212529;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:not(.mini), table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):not(.mini), div.gridbox table tr:not(.mini), div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):not(.mini) {
  height: 30px;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr a, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) a, div.gridbox table tr a, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) a {
  color: #006EFF;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:not(.CouleurPair):not(.CouleurImpair), table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):not(.CouleurPair):not(.CouleurImpair), div.gridbox table tr:not(.CouleurPair):not(.CouleurImpair), div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):not(.CouleurPair):not(.CouleurImpair) {
  background: transparent;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.liste td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr :is(td, font, span).liste, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).liste td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) :is(td, font, span).liste, div.gridbox table tr.liste td, div.gridbox table tr :is(td, font, span).liste, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).liste td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) :is(td, font, span).liste {
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td[align=left], table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td[align=left], div.gridbox table tr td[align=left], div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td[align=left] {
  padding-left: 0.3rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td[align=right], table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td[align=right], div.gridbox table tr td[align=right], div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td[align=right] {
  padding-right: 0.3rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.entetecolonne, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.separationtableau, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td.separationtableau, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).entetecolonne, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).separationtableau, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.separationtableau, div.gridbox table tr.entetecolonne, div.gridbox table tr.separationtableau, div.gridbox table tr td.separationtableau, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).entetecolonne, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).separationtableau, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.separationtableau {
  color: #001A51;
  background: transparent;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is(.entetecolonne, .table-entete) td.def, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete) td.def, div.gridbox table tr:is(.entetecolonne, .table-entete) td.def, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete) td.def {
  background-color: #E7EEF9;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr table.icop-grille tr.entetecolonne, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) table.icop-grille tr.entetecolonne, div.gridbox table tr table.icop-grille tr.entetecolonne, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) table.icop-grille tr.entetecolonne {
  background-color: #E7EEF9;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr table.icop-grille tr.entetecolonne td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) table.icop-grille tr.entetecolonne td, div.gridbox table tr table.icop-grille tr.entetecolonne td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) table.icop-grille tr.entetecolonne td {
  background-color: #E7EEF9;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is(.entetecolonne, .table-entete).grille-recap td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete).grille-recap td, div.gridbox table tr:is(.entetecolonne, .table-entete).grille-recap td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete).grille-recap td {
  background-color: #E7EEF9;
  border-width: 1px;
  font-weight: bold;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td.separationtableau, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.separationtableau, div.gridbox table tr td.separationtableau, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.separationtableau {
  color: white;
  background-color: #1A3C85;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: normal;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is(.entetecolonne, .table-entete) > td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td.entetecolonne, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete) > td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.entetecolonne, div.gridbox table tr:is(.entetecolonne, .table-entete) > td, div.gridbox table tr td.entetecolonne, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete):is(.entetecolonne, .table-entete) > td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.entetecolonne {
  color: #001A51;
  background: transparent;
  border: 0;
  border-top: 0 solid #001A51;
  border-bottom: 4px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  border-left: 1px dotted #d1d4d7;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr td.entetecolonnerouge, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.entetecolonnerouge, div.gridbox table tr td.entetecolonnerouge, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete) td.entetecolonnerouge {
  color: #001A51;
  background: transparent;
  border: 0;
  border-top: 0 solid #001A51;
  border-bottom: 4px solid #001A51;
  font-family: Montserrat, Verdana, arial, helvetica, sans-serif;
  font-size: 0.8rem;
  color: #dc3545;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.separationtableau, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).separationtableau, div.gridbox table tr.separationtableau, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).separationtableau {
  border: 0;
  border-top: 0 solid #001A51;
  border-bottom: 4px solid #001A51;
}
table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.CouleurPair > td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr.CouleurImpair > td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).CouleurPair > td, table:is([bgcolor^="#444E9C"], .icop-grille, .table) tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).CouleurImpair > td, div.gridbox table tr.CouleurPair > td, div.gridbox table tr.CouleurImpair > td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).CouleurPair > td, div.gridbox table tr:is([bgcolor^="#"]:nth-child(odd), .table-entete).CouleurImpair > td {
  border: 0;
  border-top: 1px solid #001A51;
  border-left: 1px dotted #d1d4d7;
}

/** boutons en header de page de liste */
table:not(.table):not(.icop-grille) > tbody > tr:not(.liste) > td.boutons-header:only-child, table:not(.table):not(.icop-grille) > tbody > tr:not(.liste) > td:not([width="100%"])[align=right]:not(.liste):only-child {
  float: right;
}
table:not(.table):not(.icop-grille) > tbody > tr:not(.liste) > td.boutons-header:only-child a:has(> img), table:not(.table):not(.icop-grille) > tbody > tr:not(.liste) > td:not([width="100%"])[align=right]:not(.liste):only-child a:has(> img) {
  display: inline-block;
}

/* alignement par défaut sur dernière colonne sans précision pour les icones */
.liste > tbody > tr.liste td:last-child:not([align]), table[bgcolor^="#444E9C"] > tbody > tr.liste td:last-child:not([align]), table.icop-grille > tbody > tr.liste td:last-child:not([align]), .table > tbody > tr.liste td:last-child:not([align]) {
  text-align: center;
}

/*# sourceMappingURL=copitole.css.map */