@font-face{
  font-family: 'geosanslightregular';
      src: url('ChamsRegular.woff') format('woff'),
           url('ChamsRegular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  @font-face{
  font-family: 'coolveticaregular';
      src: url('dimbo_regular-webfont.eot');
      src: url('dimbo_regular-webfont.woff2') format('woff2'),
           url('dimbo_regular-webfont.woff') format('woff'),
           url('dimbo_regular-webfont.ttf') format('truetype'),
           url('dimbo_regular-webfont.svg#dimboregular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  cursor : url(../images/icones/icon_select.png), auto;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

 
/* The Modal (background) */
#popups {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: black;
  /*pointer-events : none;*/
  overflow: hidden;
  /*-webkit-user-select: none;*/
  user-select: none;
}

img.visu {
  width: 100px;
  height: 200px;
  margin-top: 0px;
  margin-left: 0px;
  position : absolute;
  object-fit: fill;
}

div.visu {
  width: 100px;
  height: 200px;
  margin-top: 0px;
  margin-left: 0px;
  position : absolute;
}

div.dialog {
  z-index: 0;
  height: calc(100% - 50px);
  width: 400px;
  border: 1px solid #E0E0E0;
  position : absolute;
  right:0;
  bottom:0;
  background-color: #F0F0F0;
  pointer-events: auto;
}

div.dialogtitle {
  line-height: 25px;
  width: 100%;
  background-color: #FFF0F0;
  color: #600000;
  text-align: center;
  font-weight: bold;
}

div.dialogbottom {
  width : 100%;
  height: calc(100% - 25px);
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}

div.dialogbottomfull {
  width : 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}

div.dialogsameline {
  width : 100%;
  display: inline-block;
}

div.buttonsmall {
  width: 22px; 
  height: 22px; 
  background-color: #C0C0C0;
  margin: 1px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  float: right;
}

img.buttonsmall {
  height: 18px;
  margin-top: 2px;
  object-fit: scale-down;
}

.invert { filter: invert(100%); }

img.buttonlist:hover, img.buttonlist2:hover, img.buttonnorm:hover,img.buttonsmall:hover {
  cursor : url(../images/icones/icon_click.png), auto;
}

.lookPiece{
  position: absolute;
  width:   500px;
  height:  500px;
  background-size: 100% 100%;       
}
  
.btnTest:hover {
  transform: scale(1.5,1.5)
}

input {border:0;}

select {border:0}