/* Genralités │▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
@font-face {
  font-family: Tahoma;
  src: url(../fonts/Tahoma.ttf);
}
@font-face {
  font-family: PaytoneOne;
  src: url(../fonts/PaytoneOne.ttf);
}
@font-face {
  font-family: BigSoftieFat;
  src: url(../fonts/BigSoftie-Fat.otf);
}
*:focus {
  outline: 0;
}
html,
body {
  height: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding: 0;
  margin: 0;
}
body {
  font-family: Tahoma, Geneva, sans-serif;
  padding: 0;
  margin: 0;
}
body #wrapper {
  background-image: -webkit-gradient(radial, center top, 0, center top, 900, from(#006DD9), to(#1a334c));
  background-image: gradient(radial, center top, 0, center top, 900, from(#006DD9), to(#1a334c));
}
body #wrapper.mode-greffier {
  background-image: -webkit-gradient(radial, center top, 0, center top, 900, from(#a71b26), to(#500d14));
  background-image: gradient(radial, center top, 0, center top, 900, from(#a71b26), to(#500d14));
}
ul {
  list-style: none;
}
a {
  color: #fff;
}
.dnone {
  display: none;
}
.clear {
  clear: both;
  width: 100%;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.d-inline-b {
  display: inline-block;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.relative {
  position: relative;
}
.error {
  background: tomato;
  margin: 3px;
  text-align: center;
}
.oxo_debug {
  border: 2px solid #fff;
  background: #EAEAEA;
  border-radius: 6px;
  box-shadow: 2px 1px 3px #c2c2c2;
}
.oxo_debug .titre {
  font-weight: 100;
  text-align: center;
  display: block;
  background: #FFF;
  color: #5D5D5D;
  font-size: 23px;
}
.oxo_debug p {
  margin: 3px 0 0 0;
}
.oxo_debug i {
  font-size: 14px;
  text-decoration: underline;
}
.oxo_debug pre {
  overflow: auto;
  padding: 15px;
  margin: 15px 0;
  position: relative;
  background: #222;
  font-family: monospace;
  color: #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border: 2px solid #fff;
  border-radius: 6px;
}
.max-width {
  width: 99.2%;
}
md-toast.success-toast,
md-toast.success-toast .md-toast-content {
  background-color: #323232;
}
md-toast.error-toast,
md-toast.error-toast .md-toast-content {
  background-color: tomato;
}
/* Icons │▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */
i.c-icone {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.93);
  cursor: pointer;
}
i.c-icone:hover,
i.c-icone:active {
  text-decoration: none;
  text-shadow: none;
  cursor: pointer;
  filter: alpha(opacity=90);
  opacity: .9;
}
i.c-icone.disabled {
  opacity: .5;
  text-shadow: none;
  cursor: initial;
}
/* wrapper │▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ */

.fa-spin {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}
