* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  box-sizing: border-box;
  list-style: none;
  transition: all .3s ease;
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.none {
  display: none;
}

:root {
  --primary: #e15f25;
  --primary-1: #e15f2511;
  --primary-2: #e15f2522;
  --primary-3: #e15f2533;
  --primary-4: #e15f2544;
  --primary-5: #e15f2555;
  --pprimary: #ff5101;
  --pprimary-1: #ff510111;
  --pprimary-2: #ff510122;
  --pprimary-3: #ff510133;
  --pprimary-4: #ff510144;
  --pprimary-5: #ff510155;
  --secondary: #e4c002;
  --secondary-1: #e4c00211;
  --secondary-2: #e4c00222;
  --secondary-3: #e4c00233;
  --secondary-4: #e4c00244;
  --secondary-5: #e4c00255;
  --ssecondary: #d9e000;
  --ssecondary-1: #d9e00011;
  --ssecondary-2: #d9e00022;
  --ssecondary-3: #d9e00033;
  --ssecondary-4: #d9e00044;
  --ssecondary-5: #d9e00055;
  --text-img: #fafafa;
  --text-color: #333;
  --shadow-1: #0001;
  --shadow-2: #0002;
  --bg: #fff;
}

.mio {
  cursor: pointer;
}


.hide {
  display: none;
}

.hide2 {
  display: inline-block;
}

.primary {
  color: var(--primary);
}

.secondary {
  color: var(--secondary);
}

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Feedback commun aux interfaces client et administration. */
.orb-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1000;
  width: min(390px, calc(100vw - 48px));
  padding: 14px 17px;
  border-radius: 14px;
  color: #fff;
  background: #292521;
  box-shadow: 0 16px 40px rgba(41, 37, 33, .18);
  font-size: 13px;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(14px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, background .25s ease;
}

.orb-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.orb-toast.is-error {
  background: #9a3925;
}