html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

a,
a:visited,
a:link {
  text-decoration: none;
  outline: none;
}

select,
input,
textarea {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9em;
  border: 1px solid #7c8388;
  padding: 0.25em;
  margin: 0.25em;
  box-sizing: border-box;
}

.ff-m {
  font-family: monospace;
}

.p-7c8388::-webkit-input-placeholder {
  color: #7c8388;
  opacity: 0.5;
}

.p-7c8388::-moz-placeholder {
  color: #7c8388;
  opacity: 0.5;
}

/** Width */

.w-i {
  width: inherit;
}

.w-av {
  width: available;
  width: -moz-available;
  width: -webkit-available;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 1em;
}

.w-1-5 {
  width: 1.5em;
}

.w-1-4 {
  width: 1.4em;
}

.w-2 {
  width: 2em;
}

.w-3 {
  width: 3em;
}

.w-4 {
  width: 4em;
}

.w-5 {
  width: 5em;
}

.w-6 {
  width: 6em;
}

.w-7 {
  width: 7em;
}

.w-8 {
  width: 8em;
}

.w-9 {
  width: 9em;
}

.w-10 {
  width: 10em;
}

.w-12 {
  width: 12em;
}

.w-13 {
  width: 13em;
}

.w-14 {
  width: 14em;
}

.w-15 {
  width: 15em;
}

.w-20 {
  width: 20em;
}

.w-22 {
  width: 22em;
}

.w-25 {
  width: 25em;
}

.w-30 {
  width: 30em;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.w-80-p {
  width: 80%;
}

.w-85-p {
  width: 85%;
}

.w-100-p {
  width: 100%;
}

.w-110-p {
  width: 110%;
}

.w-30v {
  width: 30vw;
}

.w-50v {
  width: 50vw;
}

.h-0 {
  height: 0;
}

.h-0 {
  height: 0;
}

.h-8 {
  height: 8em;
}

.mw-3 {
  max-width: 3em;
}

.mw-5 {
  max-width: 5em;
}

.mw-7 {
  max-width: 7em;
}

.mw-10 {
  max-width: 10em;
}

.mw-22 {
  max-width: 22em;
}

.mw-30 {
  max-width: 30em;
}

.mw-60 {
  max-width: 60%;
}

.mw-90 {
  max-width: 90%;
}

.mw-100 {
  max-width: 100%;
}

.mw-30v {
  max-width: 30vw;
}

.mw-80v {
  max-width: 80vw;
}

.mh-a {
  max-height: auto;
}

.mh-0 {
  max-height: 0;
}

.mh-3 {
  max-height: 3em;
}

.mh-8 {
  max-height: 8em;
}

.mh-15 {
  max-height: 8em;
}

.mh-20e {
  max-height: 20em;
}

.mh-50v {
  max-height: 50vh;
}

.mh-80v {
  max-height: 80vh;
}

.mh-90v {
  max-height: 90vh;
}

.mh-90p {
  max-height: 90%;
}

.mb-90pe {
  max-height: 90%;
}

/** Appearence */

.a-n {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}

.bc-tr {
  background-color: transparent;
}

.bc-fff {
  background-color: #fff;
}

.bc-fff-5 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bc-000-5 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bc-999 {
  background-color: #999;
}

.bc-bbb {
  background-color: #bbb;
}

.bc-ddd,
.ho-bc-ddd:hover,
.ho-bc-ddd-ch:hover > * {
  background-color: #ddd;
}

.bc-eee {
  background-color: #eee;
}

.bc-eaeaea {
  background-color: #e8e8e8;
}

.bc-ccc {
  background-color: #ccc;
}

.bc-99cc33 {
  background-color: #99cc33;
}

.bc-99cc33-8 {
  background-color: #cc333333;
}

.bc-aa00aa {
  background-color: #eeee44;
}

.bc-ff0000,
.ho-bc-f00:hover {
  background-color: #ff0000;
}

.bc-7c8388 {
  background-color: #7c8388;
}

.bc-ffaa00 {
  background-color: #ffaa00;
}

.bc-f9b635 {
  background-color: #f9b635;
}

.bc-78b6fc {
  background-color: #78b6fc;
}

.bc-777 {
  background-color: #777;
}

.bc-333 {
  background-color: #333;
}

.bc-222 {
  background-color: #222;
}

.bc-444 {
  background-color: #444;
}

.bc-ff0 {
  background-color: #ff0;
}

.bc-disabled {
  background-color: #fff; /*rgba(204, 51, 51, .1);*/
}

.hov-bc-ddd:hover {
  background-color: #ddd;
}

.bg-1 {
  background: url(/little_arrow.svg) no-repeat 96% 50% transparent;
}

.m-0-a {
  margin: 0 auto;
}

.m-a {
  margin: auto;
}

.m-0 {
  margin: 0;
}

.m-2p {
  margin: 2px;
}

.m-0-025 {
  margin: 0 0.25em;
}

.m-025 {
  margin: 0.25em;
}

.m-025-0 {
  margin: 0.25em 0;
}

.m-05-0 {
  margin: 0.5em 0;
}

.m-05-1 {
  margin: 0.5em 1em;
}

.m-06-0 {
  margin: 0.6em 0;
}

.m-0-05 {
  margin: 0 0.5em;
}

.m-0-1 {
  margin: 0 1em;
}

.m-0-2 {
  margin: 0 2em;
}

.m-05 {
  margin: 0.5em;
}

.m-1 {
  margin: 1em;
}

.m-1-a {
  margin: 1em auto;
}

.m-1-0 {
  margin: 1em 0;
}

.m-2-0 {
  margin: 2em 0;
}

.m-0-0-2 {
  margin: 0 0 2em;
}

.mt-0 {
  margin-top: 0;
}

.mt-05 {
  margin-top: 0.5em;
}

.mt-1 {
  margin-top: 1em;
}

.mt-1-5 {
  margin-top: 1.5em;
}

.mt-2 {
  margin-top: 2em;
}

.mt-2-5 {
  margin-top: 2.5em;
}

.mt-3 {
  margin-top: 3em;
}

.mt-4 {
  margin-top: 4em;
}

.mt-4-5 {
  margin-top: 4.5em;
}

.mtt-1 + .mtt-1 {
  margin-top: 1em;
}

.mtt-05 + .mtt-05 {
  margin-top: 0.5em;
}

.mtt-025 + .mtt-025 {
  margin-top: 0.25em;
}

.ml-025 {
  margin-left: 0.25em;
}

.mll-025 + .mll-025 {
  margin-left: 0.25em;
}

.mll-05 + .mll-05 {
  margin-left: 0.5em;
}

.ml-1 {
  margin-left: 1em;
}

.ml-2 {
  margin-left: 2em;
}

.mr-05 {
  margin-right: 0.5em;
}

.mr-1 {
  margin-right: 1em;
}

.mb-025 {
  margin-bottom: 0.25em;
}

.mb-05 {
  margin-bottom: 0.5em;
}

.mb-1 {
  margin-bottom: 1em;
}

.mb-1-5 {
  margin-bottom: 1.5em;
}

.mb-2 {
  margin-bottom: 2em;
}

.mb-3 {
  margin-bottom: 3em;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 1em;
}

.p-2 {
  padding: 2em;
}

.p-0-025 {
  padding: 0 0.5em;
}

.p-0-05 {
  padding: 0 0.5em;
}

.p-0-1 {
  padding: 0 1em;
}

.p-0-3 {
  padding: 0 3em;
}

.p-025 {
  padding: 0.25em;
}

.p-025-0 {
  padding: 0.25em 0;
}

.p-025-1 {
  padding: 0.25em 1em;
}

.p-025-05 {
  padding: 0.25em 0.5em;
}

.p-05 {
  padding: 0.5em;
}

.p-05-0 {
  padding: 0.5em 0;
}

.p-05-4 {
  padding: 0.5em 4em;
}

.p-07-0 {
  padding: 0.7em 0;
}

.p-05-1 {
  padding: 0.25em 1em;
}

.p-1-0 {
  padding: 1em 0;
}

.p-05-2 {
  padding: 0.5em 2em;
}

.p-2-0 {
  padding: 2em 0;
}

.p-3-0 {
  padding: 3em 0;
}

.p-4-0 {
  padding: 4em 0;
}

.p-6-0 {
  padding: 6em 0;
}

.p-7-0 {
  padding: 7em 0;
}

.p-5p {
  padding: 5px;
}

.pl-2 {
  padding-left: 2em;
}

.pr-2 {
  padding-right: 2em;
}

.py-2 {
  padding-left: 2em;
  padding-right: 2em;
}

.pb-2 {
  padding-bottom: 2em;
}

.pt-2 {
  padding-top: 2em;
}

.bo-t {
  border: 1px solid transparent;
}

.bo-0 {
  border: 0;
}

.bo-1 {
  border: 1px solid black;
}

.bo-2 {
  border: 2px solid #fff;
}

.bo-3,
.bo-3-tt {
  border: 1px solid #ccc;
}

.bo-3-tt + .bo-3-tt {
  border: 1px solid #ccc;
  border-top: 0;
}

.bo-4 {
  border: 2px solid #fff;
}

.bo-5,
.ho-bo-5:hover {
  border: 1px solid #7c8388;
}

.bo-1-ddd {
  border: 1px solid #ddd;
}

.bo-1-99cc33 {
  border: 1px solid #99cc33;
}

.bo-1-f9b635 {
  border: 1px solid #f9b635;
}

.bo-tb-1 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.bo-tb-2 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.bo-tb-2 + .bo-tb-2 {
  border-top: 0;
  border-bottom: 1px solid #ccc;
}

.bo-lr-1 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.bo-lr-1 + .bo-lr-1 {
  border-left: 0;
  border-right: 1px solid #fff;
}

.bo-b-1 {
  border-bottom: 1px solid #fff;
}

.bo-b-2 + .bo-b-2 {
  border-top: 1px solid #7c8388;
}

.bo-r-1 {
  border-right: 0;
}

.bo-r-1 + .bo-r-1 {
  border-left: 1px solid #fff;
}

.bo-r-2 {
  border-right: 0;
}

.bo-r-2 + .bo-r-2 {
  border-left: 1px solid #7c8388;
}

.bb-1 {
  border-bottom: 1px solid #000;
}

.bb-2 {
  border-bottom: 1px solid #bbb;
}

.bb-3 {
  border-bottom: 1px solid #fff;
}

.bb-5 {
  border-top: 1px solid #7c8388;
  border-bottom: 1px solid #7c8388;
}

.bb-5 + .bb-5 {
  border-top: 0;
  border-bottom: 1px solid #7c8388;
}

.br-3 {
  border-radius: 3px;
}

.br-2-e {
  border-radius: 2em;
}

.br-50-p {
  border-radius: 50%;
}

/** Display */

.d-bl {
  display: block !important;
}

.d-il {
  display: inline;
}

.d-ib {
  display: inline-block;
}

.d-fl {
  display: flex;
}

.d-no {
  display: none;
}

/** Flex */

.jc-c {
  justify-content: center;
  /* alignement horizontal */
}

.jc-l {
  justify-content: left;
  /* alignement horizontal */
}

.jc-sa {
  justify-content: space-around;
  /* alignement horizontal */
}

.jc-sb {
  justify-content: space-between;
  /* alignement horizontal */
}

.jc-fs {
  justify-content: flex-start;
  /* alignement horizontal */
}

.jc-fe {
  justify-content: flex-end;
  /* alignement horizontal */
}

.fd-c {
  flex-direction: column;
}

.fd-r {
  flex-direction: row;
}

/** Position */

.po-fi {
  position: fixed !important;
}

.po-ab {
  position: absolute;
}

.po-re {
  position: relative;
}

.po-st {
  position: sticky;
  position: -webkit-sticky;
}

.sb-a {
  scroll-behavior: auto;
}

.sb-s {
  scroll-behavior: smooth;
}

.t-100p {
  top: 100%;
}

.t-0 {
  top: 0;
}

.t-05 {
  top: 0.5em;
}

.t-1 {
  top: 1em;
}

.t-2 {
  top: 2em;
}

.t-2p {
  top: 2px;
}

.l-0 {
  left: 0;
}

.l-25 {
  left: 25em;
}

.r-m1 {
  right: -1px;
}

.r-0 {
  right: 0;
}

.r-05 {
  right: 0.5em;
}

.r-1 {
  right: 1em;
}

.r-2p {
  right: 2px;
}

.b-0 {
  bottom: 0;
}

/** Width */

.miw-3 {
  min-width: 3em;
}

.miw-4 {
  min-width: 4em;
}

.miw-5 {
  min-width: 5em;
}

.miw-7 {
  min-width: 7em;
}

.miw-9 {
  min-width: 9em;
}

.miw-12 {
  min-width: 12em;
}

.miw-14 {
  min-width: 14em;
}

.miw-15 {
  min-width: 15em;
}

.miw-20 {
  min-width: 20em;
}

.miw-22 {
  min-width: 22em;
}

.miw-30 {
  min-width: 30em;
}

.miw-40v {
  min-width: 40vw;
}

.miw-30v {
  min-width: 30vw;
}

.mw-10 {
  max-width: 10em;
}

.mw-12 {
  max-width: 12em;
}

.mw-15 {
  max-width: 15em;
}

.mw-20 {
  max-width: 20em;
}

.mw-100p {
  max-width: 100%;
}

.h-i {
  height: inherit;
}

.h-1 {
  height: 1em;
}

.h-1-25 {
  height: 1.25em;
}

.h-1-5 {
  height: 1.5em;
}

.h-2 {
  height: 2em;
}

.h-3 {
  height: 3em;
}

.h-4 {
  height: 4em;
}

.h-100-p {
  height: 100%;
}

.h-40v {
  height: 40vh;
}

.h-50v {
  height: 50vh;
}

.mh-2 {
  max-height: 2em;
}

.mh-3 {
  max-height: 3em;
}

.mh-5 {
  max-height: 5em;
}

.mh-8 {
  max-height: 8em;
}

.mh-40v {
  max-height: 30vh;
}

.mh-90p {
  max-height: 90%;
}

.mh-100v {
  max-height: 100vh;
}

.mih-10e {
  min-height: 10em;
}

.mih-20e {
  min-height: 20em;
}

.mih-50v {
  min-height: 50vh;
}

.mih-90v {
  min-height: 90vh;
}

.mih-100v {
  min-height: 100vh;
}

/** Z-index */

.zi-m1 {
  z-index: -1;
}

.zi-1 {
  z-index: 1;
}

.zi-2 {
  z-index: 2;
}

.zi-40 {
  z-index: 40;
}

.zi-50 {
  z-index: 50;
}

.zi-99 {
  z-index: 99;
}

/**** OVERFLOW ***/

.of-hi {
  overflow: hidden;
}

.of-au {
  overflow: auto;
}

.of-vi {
  overflow: visible;
}

.of-sc {
  overflow: scroll;
}

.of-x-hi {
  overflow-x: hidden;
}

.of-y-sc {
  overflow-y: scroll;
}

.of-c {
  object-fit: cover;
}

.va-m {
  vertical-align: middle;
}

.va-t {
  vertical-align: top;
}

.va-b {
  vertical-align: bottom;
}

.va-s {
  vertical-align: sub;
}

/*** TEXTE ***/

/** Text-Aglign
 * Format : ta-[2lettres]
 */

.ta-ce {
  text-align: center;
}

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

.ta-ri {
  text-align: right;
}

.ta-ju {
  text-align: justify;
}

/** Font-weight 
 * Format : fw-[valeur/100]
 */

.fw-7 {
  font-weight: 700;
}

.fw-4 {
  font-weight: 400;
}

/** Font-size
 * Format : fs-[valeur replace('.', '-')]
 */

.fs-06 {
  font-size: 0.6em;
}

.fs-07 {
  font-size: 0.7em;
}

.fs-08 {
  font-size: 0.8em;
}

.fs-085 {
  font-size: 0.85em;
}

.fs-09 {
  font-size: 0.85em;
}

.fs-1,
.ho-fs-1:hover {
  font-size: 1em;
}

.fs-1-05 {
  font-size: 1.05em;
}

.fs-1-1 {
  font-size: 1.1em;
}

.fs-1-2 {
  font-size: 1.2em;
}

.fs-1-5 {
  font-size: 1.5em;
}

.fs-2 {
  font-size: 2em;
}

.fs-2-2 {
  font-size: 2.2em;
}

.fs-3 {
  font-size: 3em;
}

.fs-3-8 {
  font-size: 3.8889em;
}

/** Color
 * Format : c-[valeur]
 */

.c-i {
  color: inherit;
}

.c-fff {
  color: #fff;
}

.c-ddd {
  color: #ddd;
}

.c-ccc {
  color: #ccc;
}

.c-bbb {
  color: #bbb;
}

.c-000 {
  color: #000;
}

.c-333 {
  color: #333;
}

.c-99cc33 {
  color: #99cc33;
}

.c-7c8388 {
  color: #7c8388;
}

.c-ff0000 {
  color: #ff0000;
}

.c-99cc33 {
  color: #99cc33;
}

/** Filter
* Colorisation des SVG
*/

.fi-sel {
  /* cc3333 */
  filter: invert(31%) sepia(47%) saturate(4001%) hue-rotate(341deg)
    brightness(82%) contrast(93%);
}

.fi-0000ff {
  filter: invert(11%) sepia(75%) saturate(6546%) hue-rotate(245deg)
    brightness(92%) contrast(152%);
}

.fi-3399ff {
  filter: invert(47%) sepia(60%) saturate(1468%) hue-rotate(189deg)
    brightness(101%) contrast(101%);
}

.fi-ccc {
  filter: invert(90%) sepia(0%) saturate(0%) hue-rotate(330deg) brightness(94%)
    contrast(85%);
}

/** Text-Transform 
 * Format : tt-[1 ou 2 lettres]
 */

.tt-n {
  text-transform: none;
}

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

.tt-u {
  text-transform: uppercase;
}

.tt-l {
  text-transform: lowercase;
}

.tt-ii {
  text-transform: initial;
}

.tt.ih {
  text-transform: inherit;
}

/** Line-height
 * lh-[valeur.replace('.', '-')]
 */

.lh-05 {
  line-height: 0.5em;
}

.lh-1 {
  line-height: 1em;
}

.lh-1-5 {
  line-height: 1.5em;
}

.lh-120 {
  line-height: 120%;
}

.lh-121-4 {
  line-height: 121.4%;
}

.lh-128-5 {
  line-height: 128.5%;
}

.lh-166-6 {
  line-height: 166.6%;
}

.lh-145-5 {
  line-height: 145.5%;
}

.lh-222-2 {
  line-height: 222.2%;
}

.lh-240 {
  line-height: 240%;
}

.lh-200 {
  line-height: 2em;
}

/**
 * Tailles d'écran :
 * ls >= 1200px
 * sc >= 979px
 * tl >= 768px
 * ta >= 480px
 * sm <= 479px
 */

/** Large Screen **/

@media screen and (min-width: 1200px) {
  .ls-bo-t-1 {
    border-top: 1px solid #ccc;
  }
}

/** Screen **/

@media screen and (min-width: 979px) and (max-width: 1199px) {
  .sc-bo-t-1 {
    border-top: 1px solid #ccc;
  }
}

/**  Tablette landscape */

@media screen and (min-width: 768px) and (max-width: 978px) {
  .tl-bo-l-1 {
    border-left: 1px solid #ccc;
  }
}

/** Tablette */

@media screen and (min-width: 480px) and (max-width: 767px) {
  .ta-bo-l-1 {
    border-left: 1px solid #ccc;
  }
}

/** Smartphone */

@media screen and (max-width: 479px) {
  .sm-bo-l-1 {
    border-left: 1px solid #ccc;
  }
}

/** Menu foldable */

.MenuFoldable .MFBut {
  display: none;
}

@media screen and (max-width: 767px) {
  .MenuFoldable {
    height: 2em;
  }
  .MenuFoldable .MFBut {
    display: inline-block;
  }
  .MenuFoldable .MFMenu {
    max-height: 0;
    width: 70%;
    overflow: hidden;
  }
  .MenuFoldable .MFMenu li {
    display: block;
  }
  .MenuFoldable .MFMenu a {
    padding: 1em;
  }
  .MenuFoldable .MFUnf {
    max-height: 80vh;
  }
  .MenuFoldable .hov-d-bl {
    position: static !important;
    display: block;
    border: none;
  }
  .MFMenuScr {
    display: none;
  }
}

/** Tablette */

@media screen and (min-width: 480px) and (max-width: 767px) {
  .MFMenuScr {
    display: none;
  }
  .MenuFoldable.ta-f {
    height: 2em;
  }
  .MenuFoldable .MF-Menu {
    max-height: 0;
  }
}

.bd-btn li + li {
  border-left: 1px solid #fff;
}

.boc-c {
  border-collapse: collapse;
}

.v-h {
  visibility: hidden;
}

.bs-bb {
  box-sizing: border-box;
}

.w-c-6 {
  width: 49.9998%;
}

/** curseur */

.cu-po {
  cursor: pointer;
}

.cu-de {
  cursor: default;
}

.cu-na {
  cursor: not-allowed;
}

.cu-he {
  cursor: help;
}

.cu-pr {
  cursor: progress;
}

.cu-g {
  cursor: grab;
}

.cu-gr,
.cu-g:active {
  cursor: grabbing;
}

.cu-m {
  cursor: move;
}

.tr-r-45 {
  transform: rotate(45deg);
}

.tr-r-180 {
  transform: rotate(180deg);
}

.tr-s-08:active {
  transform: scale(0.8);
}

.tr-s-09:active {
  transform: scale(0.9);
}

.tr-05 {
  transition: 0.5s;
}

.tr-02 {
  transition: 0.2s;
}

.us-no {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.li-st-no {
  list-style: none;
}

.test + .test {
  border-top: 1px solid #fff;
}

.fl-ri {
  float: right;
}

.o-7 {
  opacity: 0.7;
}

.o-2 {
  opacity: 0.2;
}

.ho-o-1:hover {
  opacity: 1;
}

.ou-n {
  outline: none;
}

.r-no {
  resize: none;
}

.r-bo {
  resize: both;
}

.r-ho {
  resize: horizontal;
}

.r-ve {
  resize: vertical;
}

.r-bl {
  resize: block;
}

.r-in {
  resize: inline;
}

.le-sp-08 {
  letter-spacing: 0px;
}

.le-sp {
  letter-spacing: 2px;
}

.hov .hov-d-bl {
  display: none;
}

.hov:hover .hov-d-bl,
.hov-d-bl:hover {
  display: block;
}

.hov-mh-3-a {
  max-height: 3em;
}

.hov-mh-3-a:hover {
  max-height: 20em;
  overflow: auto;
}

.hov-mh-5-a {
  max-height: 7em;
}

.hov-mh-5-a:hover {
  max-height: 20em;
  overflow: auto;
}

.ws-nw {
  white-space: nowrap;
}

.as-c {
  align-self: center;
}

.bc-z:nth-child(even) {
  background-color: #d5d5d5;
}

.bc-z:nth-child(odd) {
  background-color: #e5e5e5;
}

.tb-z td:nth-child(even) {
  background-color: #ccc;
}

.tb-z td:nth-child(odd) {
  background-color: #ddd;
}

.tb-z2 tr:nth-child(even) {
  background-color: #ccc;
}

.tb-z2 tr:nth-child(odd) {
  background-color: #ddd;
}

.to-el {
  text-overflow: ellipsis;
}

.f-1 {
  flex: 1;
}

.f-1-0-350 {
  flex: 1 0 350px;
}

.f-0-0-350 {
  flex: 0 0 350px;
}

.fw-w {
  flex-wrap: wrap;
}

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

.fw-wr {
  flex-wrap: wrap-reverse;
}

.em:empty {
  visibility: hidden;
}

.em-n:empty {
  display: none;
}

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

.ai-s {
  align-items: stretch;
}

.bsh-1,
.ho-bsh-1:hover {
  box-shadow: 0 0 0.25em #222;
}

.bsh-000 {
  box-shadow: 0 0 0.25em #000;
}

.bsh-f00 {
  box-shadow: 0 0 0.25em #f00;
}

.bsh-99cc33 {
  box-shadow: 0 0 0.25em #99cc33;
}

.td-u {
  text-decoration: underline;
}

.ts-1 {
  text-shadow: 0 0 0 #000;
}

/** Large Screen **/

@media screen and (min-width: 1200px) {
  .ls-fd-c {
    flex-direction: column;
  }
}

/** Screen **/

@media screen and (min-width: 979px) and (max-width: 1199px) {
  .sc-fd-c {
    flex-direction: column;
  }
}

/**  Tablette landscape */

@media screen and (min-width: 768px) and (max-width: 978px) {
  body {
    font-size: 12px !important;
  }
  .tl-fd-c {
    flex-direction: column;
  }
  .tl-d-no {
    display: none;
  }
  .tl-d-bl {
    display: block;
  }
}

/** Tablette */

@media screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 11px !important;
  }
  .ta-fd-c {
    flex-direction: column;
  }
  .ta-w-90p {
    width: 90%;
  }
  .ta-d-no {
    display: none;
  }
  .ta-d-bl {
    display: block;
  }
  .ta-miw-50v {
    min-width: 50vw;
  }
}

/** Smartphone */

@media screen and (max-width: 479px) {
  body {
    font-size: 10px !important;
  }
  .sm-bo-1-ddd {
    border: 1px solid #ddd;
  }
  .sm-fd-c {
    flex-direction: column;
  }
  .sm-w-90p {
    width: 90%;
  }
  .sm-d-no {
    display: none;
  }
  .sm-d-bl {
    display: block;
  }
  .sm-miw-50v {
    min-width: 50vw;
  }
}

.an-ro-ho {
  animation: anim_rotate_hora 2s ease infinite;
}

.an-ro-tr {
  animation: anim_rotate_trig 2s ease infinite;
}

.an-ap {
  animation: anim_appear 0.8s ease;
}

@keyframes anim_rotate_hora {
  0%,
  20% {
    transform: rotate(0);
  }
  75%,
  100% {
    transform: rotate(360deg);
  }
}

@keyframes anim_rotate_trig {
  0%,
  10% {
    transform: rotate(0);
  }
  75%,
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes anim_appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ff-i {
  font-family: inherit;
}

.jato_old::after {
  content: "";
  background-color: darkred;
  /* defines the background color of the image */
  mask: url("/Icons/Admin_UI/prohibition21.svg") no-repeat center / contain;
  -webkit-mask: url("/Icons/Admin_UI/prohibition21.svg") no-repeat center /
    contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
  vertical-align: -10%;
}

.jato_new::after {
  content: "";
  background-color: dodgerblue;
  /* defines the background color of the image */
  mask: url("/Icons/Admin_UI/add176.svg") no-repeat center / contain;
  -webkit-mask: url("/Icons/Admin_UI/add176.svg") no-repeat center / contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
  vertical-align: -10%;
}

.jato_manu::after {
  content: "";
  background-color: forestgreen;
  /* defines the background color of the image */
  mask: url("/Icons/WebdevSeo/create1.svg") no-repeat center / contain;
  -webkit-mask: url("/Icons/WebdevSeo/create1.svg") no-repeat center / contain;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.3em;
  vertical-align: -20%;
}