* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

BODY {
  font-family: Coming soon, serif;
  font-size: 16px;
  background-origin: content-box;
  background-size: cover;
  background-image: url('../img/background.jpg');
  color: #57493e;
  /*	@include user-select(none);*/
}

h1 {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  color: #93a95a;
  margin: 0px;
  margin-bottom: 10px;
  padding-top: 8px;
}

h2 {
  font-size: 18px;
  text-align: center;
  color: #f48a00;
  margin: 0px;
  margin-bottom: 0px;
}

h3 {
  font-size: 18px;
  text-align: center;
  color: #93a95a;
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.lien {
  cursor: pointer;
  /*	@include user-select(none);*/
}

.lien:hover {
  color: orange;
  text-decoration: underline;
}

div.alert {
  width: 90%;
  font-size: 18px;
  color: red;
  border: 2px dashed red;
  background-color: #fffbd6;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  margin: 4px;
  padding: 4px;
}

.headerl {
  position: absolute;
  left: 3%;
  top: 0px;
  bottom: 40px;
  width: 16%;
  height: 124px;
  text-align: center;
  z-index: 2;
}
.headerl img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.headerr {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 124px;
  width: 84%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

.nav {
  position: absolute;
  left: 3%;
  top: 124px;
  bottom: 40px;
  width: 16%;
  /*	background-color: #cfa96a;*/
  background-size: cover;
  /*	background-image: image-url("paper2.jpg");*/
  /*	background-image: image-url("Fond-Planche.jpg");*/
  /*	border: 2px solid #4b1d19;*/
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
.nav a {
  font-size: 18px;
  text-decoration: none;
  color: #614920;
}

.menu {
  display: inline-block;
  padding-top: 0px;
  margin: 0px;
  margin-top: 0px;
  width: 100%;
  background-image: url('../img/Chaines.png');
  background-position: center;
  background-repeat: repeat-y;
}

.ssmenu {
  /*  border: 1px solid transparent;
  	background-repeat: no-repeat;
  	background-image: image-url("paper2.jpg");
  	background-size: 100%;
  	background-image: image-url("Planche.png");	*/
  float: center;
  width: 90%;
  margin: 0px;
  padding: 4px;
  background-color: #fffbd6;
  border: 2px solid #4b1d19;
  line-Height: 22pt;
  text-align: center;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
.ssmenu a {
  font-size: 16px;
  text-decoration: none;
  color: #614920;
}
.ssmenu a:hover {
  font-size: 16px;
  text-decoration: underline;
}

.ssmenu:hover {
  border: 2px solid #4b1d19;
}

.view {
  position: absolute;
  left: 22%;
  right: 3%;
  top: 124px;
  bottom: 40px;
  padding: 5px;
  z-index: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 2px solid #4b1d19;
  background-color: #fffbd6;
  font-size: 22px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 2;
  text-align: center;
  font-size: 12px;
  padding-top: 8px;
  color: #fffbd6;
  height: 40px;
}
.footer a {
  color: #fffbd6;
  font-weight: bold;
}
.footer a:hover {
  text-decoration: underline;
  font-weight: none;
}

.cadre {
  border-size: 2px;
  border-style: dotted;
  font-size: 18px;
  padding: 12px;
  padding-top: 0px;
}
.cadre .caseinfo {
  font-size: 18px;
  color: black;
}

.cadrevert {
  border-color: #cfa96a;
  background-color: #e1f6e1;
}

.cadremarron {
  border-color: #cfa96a;
  background-color: #ead9aa;
}

.cadrerouge {
  border-color: #cfa96a;
  background-color: #eaaeaa;
}

.cadrebleu {
  border-color: #cfa96a;
  background-color: #e1f6f6;
}

.cadreOLD {
  font-size: 18px;
  padding-right: 26px;
  padding-left: 26px;
}
.cadreOLD span.titre {
  float: left;
  margin: 0px;
  font-size: 32px;
  font-weight: bold;
  background-color: white;
  border: 1px solid #a98646;
}
.cadreOLD p.texte {
  top: 10px;
  right: 0px;
  padding: 12px;
  text-align: left;
}
.cadreOLD .sscadre {
  display: inline-block;
  vertical-align: top;
  top: 10px;
  padding: 12px;
  margin: 5px;
  text-align: left;
}

.sscadrelivraison {
  border: 3px solid #a98646;
}

.sscadreajout {
  padding: 5px;
  border: 2px solid #5a0e07;
  font-size: 16px;
  background-color: #a98646;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.sscadreajout img {
  display: inline-block;
  margin: 5px;
  padding: 5px;
}
.sscadreajout .text {
  padding: 5px;
  border: 0px;
  color: #fffbd6;
}
.sscadreajout input {
  border: solid 1px white;
  width: 100%;
}

.sscadrelegume:hover {
  border-style: dotted;
}

.tablemdf {
  border: 2px solid #a98646;
}
.tablemdf tr {
  background: #a98646;
  color: #fbf1e0;
}
.tablemdf tr.pair, .tablemdf td.pair {
  background: #e3c081;
  color: #694609;
}
.tablemdf tr.impair, .tablemdf td.impair {
  background: #e5cb9f;
  color: #694609;
}
.tablemdf tr.tablemdftitre, .tablemdf td.tablemdftitre {
  color: #fffbd6;
  background: #614920;
  font-weight: bold;
  padding: 8px;
}
.tablemdf tr.tablemdftitre td, .tablemdf td.tablemdftitre td {
  text-align: center;
  font-size: 16px;
  height: 20px;
}
.tablemdf td {
  font-size: 16x;
  padding: 3px;
  padding-left: 6px;
}
.tablemdf td .variete {
  font-size: 12px;
}

.levelon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.levelon:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.ardoise {
  font-size: 16px;
  color: white;
  border: 5px solid #e5cb9f;
  padding: 8px;
  margin: 3px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url('../img/Ardoise.jpg');
  -moz-box-shadow: brown 1px 1px 6px;
  -webkit-box-shadow: brown 1px 1px 6px;
  box-shadow: brown 1px 1px 6px;
}
.ardoise a {
  color: #ff6a6a;
  font-weight: bold;
}
.ardoise a:hover {
  text-decoration: underline;
}

.planche {
  font-size: 16px;
  color: black;
  padding: 4px;
  margin: 3px;
  background-image: url('../img/Fond-Planche1.jpg');
  -moz-box-shadow: brown 1px 1px 6px;
  -webkit-box-shadow: brown 1px 1px 6px;
  box-shadow: brown 1px 1px 6px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-size: cover;
  text-shadow: 0px 2px 3px #666;
}

.ticket {
  font-size: 14px;
  font-family: Cabin, Indie Flower, serif;
  border: 1px solid brown;
  /*	background-image: image-url("paper2.jpg");*/
  -moz-box-shadow: grey 1px 1px 6px;
  -webkit-box-shadow: grey 1px 1px 6px;
  box-shadow: grey 1px 1px 6px;
  background-color: white;
  color: black;
  padding: 3px;
  /*	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);*/
  background-repeat: no-repeat;
  padding: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  /*	@include user-select(none);*/
}
.ticket .titre {
  font-size: 14px;
  font-weight: bold;
}
.ticket .liste {
  font-size: 14px;
}

.debug {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  -o-user-select: all;
  user-select: all;
}

/******************************************/
/***	Feuilles de style des boutons   ***/
/******************************************/
.bouton {
  font-family: Arial,sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: 43px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 24px;
  padding-left: 24px;
  text-align: center;
  color: #ffde8c;
  background: #4b1d19;
  background: linear-gradient(#5b5c2c, #5c5c39);
  border-radius: 8px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.4);
  /*	@include user-select(none);*/
}

.minibouton {
  font-size: 12px;
  height: 24px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 3px;
}

.bouton:hover {
  color: #222;
  background: #555;
  background: linear-gradient(#5c5c39, #5c5c42);
}

.bouton:active {
  color: #000;
  background: #444;
  background: linear-gradient(#5c5c42, #5c5c4d);
  box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}

.boutonactive {
  color: #000;
  background: #444;
  background: linear-gradient(#5c5c42, #5c5c4d);
  box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}

.ui-dialog {
  position: absolute;
  top: 300px;
}

.dlg-no-close .ui-dialog-titlebar-close {
  display: none;
}

.dlg-no-title .ui-dialog-titlebar {
  display: none;
}

.ui-tooltip {
  font-size: 10pt;
  font-family: Calibri;
}

.ui-effects-transfer {
  border: 2px solid black;
  background-color: white;
}