@charset "UTF-8";
/*base*/
.clear:after, dl.horiz:after, .float-clear:after, .bloc1:after, .bloc3:after, .bloc2:after, .bloc:after, .clear:before, dl.horiz:before, .float-clear:before, .bloc1:before, .bloc3:before, .bloc2:before, .bloc:before {
  content: "";
  display: table;
  clear: both;
}

.shadow, .ombre, .bloc1, .bloc3, .bloc2,
.shadow-hover:hover, .ombre-hover:hover {
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}

.shadowMax, .ombreMax,
.shadowMax-hover:hover, .ombreMax-hover:hover {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.tj {
  text-align: justify !important;
}

.tc, .bloc1, .bloc3, .bloc2 {
  text-align: center !important;
}

@media (max-width: 480px) {
  .tls {
    text-align: left !important;
  }
  .trs {
    text-align: right !important;
  }
  .tjs {
    text-align: justify !important;
  }
  .tcs {
    text-align: center !important;
  }
}
/*.m-child-raz {
  > *:first-child {margin-top:0}
  > *:last-child {margin-bottom:0}
}*/
.m-child-raz > *:first-child,
.m-child-raz-1 > * > *:first-child,
.m-child-raz-2 > * > * > *:first-child {
  margin-top: 0 !important;
}
.m-child-raz > *:last-child,
.m-child-raz-1 > * > *:last-child,
.m-child-raz-2 > * > * > *:last-child {
  margin-bottom: 0 !important;
}

/* LOW_PRIORITY */
.up-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.up-center > div > *:first-child {
  margin-top: 0;
}
.up-center > div > *:last-child {
  margin-bottom: 0;
}

.up-center-outer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.up-center-outer > div.up-center-inner {
  z-index: 1;
}
.up-center-outer > div.up-center-inner > *:first-child {
  margin-top: 0;
}
.up-center-outer > div.up-center-inner > *:last-child {
  margin-bottom: 0;
}

/*color*/
.bg-noir,
.bg-hover-noir:hover,
.bg-black,
.bg-hover-black:hover {
  background-color: #000 !important;
  color: #fff;
}

.t-noir,
.t-hover-noir:hover,
.t-black,
.t-hover-black:hover {
  color: #000 !important;
}

.bd-noir,
.bd-hover-noir:hover,
.bd-black,
.bd-hover-black:hover {
  border-color: #000 !important;
}

.bg-grisFonce,
.bg-hover-grisFonce:hover,
.bg-darkGrey,
.bg-hover-darkGrey:hover {
  background-color: #333 !important;
  color: #fff;
}

.t-grisFonce,
.t-hover-grisFonce:hover,
.t-darkGrey,
.t-hover-darkGrey:hover {
  color: #333 !important;
}

.bd-grisFonce,
.bd-hover-grisFonce:hover,
.bd-darkGrey,
.bd-hover-darkGrey:hover {
  border-color: #333 !important;
}

.bg-gris,
.bg-hover-gris:hover,
.bg-grey,
.bg-hover-grey:hover {
  background-color: #888 !important;
  color: #000;
}

.t-gris,
.t-hover-gris:hover,
.t-grey,
.t-hover-grey:hover {
  color: #888 !important;
}

.bd-gris,
.bd-hover-gris:hover,
.bd-grey,
.bd-hover-grey:hover {
  border-color: #888 !important;
}

.bg-grisClair,
.bg-hover-grisClair:hover,
.bg-lightGrey,
.bg-hover-lightGrey:hover {
  background-color: #bbb !important;
  color: #000;
}

.t-grisClair,
.t-hover-grisClair:hover,
.t-lightGrey,
.t-hover-lightGrey:hover {
  color: #bbb !important;
}

.bd-grisClair,
.bd-hover-grisClair:hover,
.bd-lightGrey,
.bd-hover-lightGrey:hover {
  border-color: #bbb !important;
}

.bg-grisPale,
.bg-hover-grisPale:hover,
.bg-paleGrey,
.bg-hover-paleGrey:hover {
  background-color: #ddd !important;
  color: #000;
}

.t-grisPale,
.t-hover-grisPale:hover,
.t-paleGrey,
.t-hover-paleGrey:hover {
  color: #ddd !important;
}

.bd-grisPale,
.bd-hover-grisPale:hover,
.bd-paleGrey,
.bd-hover-paleGrey:hover {
  border-color: #ddd !important;
}

.bg-blanc,
.bg-hover-blanc:hover,
.bg-white,
.bg-hover-white:hover {
  background-color: #fff !important;
  color: #000;
}

.t-blanc,
.t-hover-blanc:hover,
.t-white,
.t-hover-white:hover {
  color: #fff !important;
}

.bd-blanc,
.bd-hover-blanc:hover,
.bd-white,
.bd-hover-white:hover {
  border-color: #fff !important;
}

.bg-bleuFonce,
.bg-hover-bleuFonce:hover,
.bg-darkBlue,
.bg-hover-darkBlue:hover {
  background-color: #001f3f !important;
  color: #fff;
}

.t-bleuFonce,
.t-hover-bleuFonce:hover,
.t-darkBlue,
.t-hover-darkBlue:hover {
  color: #001f3f !important;
}

.bd-bleuFonce,
.bd-hover-bleuFonce:hover,
.bd-darkBlue,
.bd-hover-darkBlue:hover {
  border-color: #001f3f !important;
}

.bg-bleu,
.bg-hover-bleu:hover,
.bg-blue,
.bg-hover-blue:hover {
  background-color: #01457F !important;
  color: #fff;
}

.t-bleu,
.t-hover-bleu:hover,
.t-blue,
.t-hover-blue:hover {
  color: #01457F !important;
}

.bd-bleu,
.bd-hover-bleu:hover,
.bd-blue,
.bd-hover-blue:hover {
  border-color: #01457F !important;
}

.bg-bleuClair,
.bg-hover-bleuClair:hover,
.bg-lightBlue,
.bg-hover-lightBlue:hover {
  background-color: #069 !important;
  color: #fff;
}

.t-bleuClair,
.t-hover-bleuClair:hover,
.t-lightBlue,
.t-hover-lightBlue:hover {
  color: #069 !important;
}

.bd-bleuClair,
.bd-hover-bleuClair:hover,
.bd-lightBlue,
.bd-hover-lightBlue:hover {
  border-color: #069 !important;
}

.bg-bleuPale,
.bg-hover-bleuPale:hover,
.bg-paleBlue,
.bg-hover-paleBlue:hover {
  background-color: #BCE0FF !important;
  color: #000;
}

.t-bleuPale,
.t-hover-bleuPale:hover,
.t-paleBlue,
.t-hover-paleBlue:hover {
  color: #BCE0FF !important;
}

.bd-bleuPale,
.bd-hover-bleuPale:hover,
.bd-paleBlue,
.bd-hover-paleBlue:hover {
  border-color: #BCE0FF !important;
}

.bg-vertFonce,
.bg-hover-vertFonce:hover,
.bg-darkGreen,
.bg-hover-darkGreen:hover {
  background-color: #006400 !important;
  color: #fff;
}

.t-vertFonce,
.t-hover-vertFonce:hover,
.t-darkGreen,
.t-hover-darkGreen:hover {
  color: #006400 !important;
}

.bd-vertFonce,
.bd-hover-vertFonce:hover,
.bd-darkGreen,
.bd-hover-darkGreen:hover {
  border-color: #006400 !important;
}

.bg-vert,
.bg-hover-vert:hover,
.bg-green,
.bg-hover-green:hover {
  background-color: #46a546 !important;
  color: #fff;
}

.t-vert,
.t-hover-vert:hover,
.t-green,
.t-hover-green:hover {
  color: #46a546 !important;
}

.bd-vert,
.bd-hover-vert:hover,
.bd-green,
.bd-hover-green:hover {
  border-color: #46a546 !important;
}

.bg-vertClair,
.bg-hover-vertClair:hover,
.bg-lightGreen,
.bg-hover-lightGreen:hover {
  background-color: #98fb98 !important;
  color: #000;
}

.t-vertClair,
.t-hover-vertClair:hover,
.t-lightGreen,
.t-hover-lightGreen:hover {
  color: #98fb98 !important;
}

.bd-vertClair,
.bd-hover-vertClair:hover,
.bd-lightGreen,
.bd-hover-lightGreen:hover {
  border-color: #98fb98 !important;
}

.bg-brun,
.bg-hover-brun:hover,
.bg-brown,
.bg-hover-brown:hover {
  background-color: #a0522d !important;
  color: #fff;
}

.t-brun,
.t-hover-brun:hover,
.t-brown,
.t-hover-brown:hover {
  color: #a0522d !important;
}

.bd-brun,
.bd-hover-brun:hover,
.bd-brown,
.bd-hover-brown:hover {
  border-color: #a0522d !important;
}

.bg-beige,
.bg-hover-beige:hover,
.bg-tan,
.bg-hover-tan:hover {
  background-color: #E8DAC3 !important;
  color: #000;
}

.t-beige,
.t-hover-beige:hover,
.t-tan,
.t-hover-tan:hover {
  color: #E8DAC3 !important;
}

.bd-beige,
.bd-hover-beige:hover,
.bd-tan,
.bd-hover-tan:hover {
  border-color: #E8DAC3 !important;
}

.bg-rougeFonce,
.bg-hover-rougeFonce:hover,
.bg-darkRed,
.bg-hover-darkRed:hover {
  background-color: #8b0000 !important;
  color: #fff;
}

.t-rougeFonce,
.t-hover-rougeFonce:hover,
.t-darkRed,
.t-hover-darkRed:hover {
  color: #8b0000 !important;
}

.bd-rougeFonce,
.bd-hover-rougeFonce:hover,
.bd-darkRed,
.bd-hover-darkRed:hover {
  border-color: #8b0000 !important;
}

.bg-rouge,
.bg-hover-rouge:hover,
.bg-red,
.bg-hover-red:hover {
  background-color: #ff1111 !important;
  color: #000;
}

.t-rouge,
.t-hover-rouge:hover,
.t-red,
.t-hover-red:hover {
  color: #ff1111 !important;
}

.bd-rouge,
.bd-hover-rouge:hover,
.bd-red,
.bd-hover-red:hover {
  border-color: #ff1111 !important;
}

.bg-rougeClair,
.bg-hover-rougeClair:hover,
.bg-lightRed,
.bg-hover-lightRed:hover {
  background-color: #f08080 !important;
  color: #000;
}

.t-rougeClair,
.t-hover-rougeClair:hover,
.t-lightRed,
.t-hover-lightRed:hover {
  color: #f08080 !important;
}

.bd-rougeClair,
.bd-hover-rougeClair:hover,
.bd-lightRed,
.bd-hover-lightRed:hover {
  border-color: #f08080 !important;
}

.bg-jauneFonce,
.bg-hover-jauneFonce:hover,
.bg-darkYellow,
.bg-hover-darkYellow:hover {
  background-color: #ffc40d !important;
  color: #000;
}

.t-jauneFonce,
.t-hover-jauneFonce:hover,
.t-darkYellow,
.t-hover-darkYellow:hover {
  color: #ffc40d !important;
}

.bd-jauneFonce,
.bd-hover-jauneFonce:hover,
.bd-darkYellow,
.bd-hover-darkYellow:hover {
  border-color: #ffc40d !important;
}

.bg-jaune,
.bg-hover-jaune:hover,
.bg-yellow,
.bg-hover-yellow:hover {
  background-color: #ffee00 !important;
  color: #000;
}

.t-jaune,
.t-hover-jaune:hover,
.t-yellow,
.t-hover-yellow:hover {
  color: #ffee00 !important;
}

.bd-jaune,
.bd-hover-jaune:hover,
.bd-yellow,
.bd-hover-yellow:hover {
  border-color: #ffee00 !important;
}

.bg-jauneClair,
.bg-hover-jauneClair:hover,
.bg-lightYellow,
.bg-hover-lightYellow:hover {
  background-color: #ffffe0 !important;
  color: #000;
}

.t-jauneClair,
.t-hover-jauneClair:hover,
.t-lightYellow,
.t-hover-lightYellow:hover {
  color: #ffffe0 !important;
}

.bd-jauneClair,
.bd-hover-jauneClair:hover,
.bd-lightYellow,
.bd-hover-lightYellow:hover {
  border-color: #ffffe0 !important;
}

.bg-orange,
.bg-hover-orange:hover,
.bg-orange,
.bg-hover-orange:hover {
  background-color: #ff851b !important;
  color: #000;
}

.t-orange,
.t-hover-orange:hover,
.t-orange,
.t-hover-orange:hover {
  color: #ff851b !important;
}

.bd-orange,
.bd-hover-orange:hover,
.bd-orange,
.bd-hover-orange:hover {
  border-color: #ff851b !important;
}

.bg-rose,
.bg-hover-rose:hover,
.bg-pink,
.bg-hover-pink:hover {
  background-color: #f012be !important;
  color: #000;
}

.t-rose,
.t-hover-rose:hover,
.t-pink,
.t-hover-pink:hover {
  color: #f012be !important;
}

.bd-rose,
.bd-hover-rose:hover,
.bd-pink,
.bd-hover-pink:hover {
  border-color: #f012be !important;
}

.bg-violet,
.bg-hover-violet:hover,
.bg-purple,
.bg-hover-purple:hover {
  background-color: #9400D3 !important;
  color: #fff;
}

.t-violet,
.t-hover-violet:hover,
.t-purple,
.t-hover-purple:hover {
  color: #9400D3 !important;
}

.bd-violet,
.bd-hover-violet:hover,
.bd-purple,
.bd-hover-purple:hover {
  border-color: #9400D3 !important;
}

.bg-c0,
.bg-hover-c0:hover,
.bg-transparent,
.bg-hover-transparent:hover {
  background-color: transparent !important;
  color: #fff;
}

.t-c0,
.t-hover-c0:hover,
.t-transparent,
.t-hover-transparent:hover {
  color: transparent !important;
}

.bd-c0,
.bd-hover-c0:hover,
.bd-transparent,
.bd-hover-transparent:hover {
  border-color: transparent !important;
}

.bg-c1,
.bg-hover-c1:hover,
.bg-primary,
.bg-hover-primary:hover {
  background-color: #01457F !important;
  color: #fff;
}

.t-c1,
.t-hover-c1:hover,
.t-primary,
.t-hover-primary:hover {
  color: #01457F !important;
}

.bd-c1,
.bd-hover-c1:hover,
.bd-primary,
.bd-hover-primary:hover {
  border-color: #01457F !important;
}

.bg-c1fonce,
.bg-hover-c1fonce:hover,
.bg-darkPrimary,
.bg-hover-darkPrimary:hover {
  background-color: #001f3f !important;
  color: #fff;
}

.t-c1fonce,
.t-hover-c1fonce:hover,
.t-darkPrimary,
.t-hover-darkPrimary:hover {
  color: #001f3f !important;
}

.bd-c1fonce,
.bd-hover-c1fonce:hover,
.bd-darkPrimary,
.bd-hover-darkPrimary:hover {
  border-color: #001f3f !important;
}

.bg-c1pale,
.bg-hover-c1pale:hover,
.bg-palePrimary,
.bg-hover-palePrimary:hover {
  background-color: #BCE0FF !important;
  color: #000;
}

.t-c1pale,
.t-hover-c1pale:hover,
.t-palePrimary,
.t-hover-palePrimary:hover {
  color: #BCE0FF !important;
}

.bd-c1pale,
.bd-hover-c1pale:hover,
.bd-palePrimary,
.bd-hover-palePrimary:hover {
  border-color: #BCE0FF !important;
}

.bg-c2,
.bg-hover-c2:hover,
.bg-secondary,
.bg-hover-secondary:hover {
  background-color: #888 !important;
  color: #000;
}

.t-c2,
.t-hover-c2:hover,
.t-secondary,
.t-hover-secondary:hover {
  color: #888 !important;
}

.bd-c2,
.bd-hover-c2:hover,
.bd-secondary,
.bd-hover-secondary:hover {
  border-color: #888 !important;
}

.bg-c2fonce,
.bg-hover-c2fonce:hover,
.bg-darkSecondary,
.bg-hover-darkSecondary:hover {
  background-color: #333 !important;
  color: #fff;
}

.t-c2fonce,
.t-hover-c2fonce:hover,
.t-darkSecondary,
.t-hover-darkSecondary:hover {
  color: #333 !important;
}

.bd-c2fonce,
.bd-hover-c2fonce:hover,
.bd-darkSecondary,
.bd-hover-darkSecondary:hover {
  border-color: #333 !important;
}

.bg-c2pale,
.bg-hover-c2pale:hover,
.bg-paleSecondary,
.bg-hover-paleSecondary:hover {
  background-color: #ddd !important;
  color: #000;
}

.t-c2pale,
.t-hover-c2pale:hover,
.t-paleSecondary,
.t-hover-paleSecondary:hover {
  color: #ddd !important;
}

.bd-c2pale,
.bd-hover-c2pale:hover,
.bd-paleSecondary,
.bd-hover-paleSecondary:hover {
  border-color: #ddd !important;
}

:root {
  --noir:#000;
  --black:#000;
  --grisFonce:#333;
  --darkGrey:#333;
  --gris:#888;
  --grey:#888;
  --grisClair:#bbb;
  --lightGrey:#bbb;
  --grisPale:#ddd;
  --paleGrey:#ddd;
  --blanc:#fff;
  --white:#fff;
  --bleuFonce:#001f3f;
  --darkBlue:#001f3f;
  --bleu:#01457F;
  --blue:#01457F;
  --bleuClair:#069;
  --lightBlue:#069;
  --bleuPale:#BCE0FF;
  --paleBlue:#BCE0FF;
  --vertFonce:#006400;
  --darkGreen:#006400;
  --vert:#46a546;
  --green:#46a546;
  --vertClair:#98fb98;
  --lightGreen:#98fb98;
  --brun:#a0522d;
  --brown:#a0522d;
  --beige:#E8DAC3;
  --tan:#E8DAC3;
  --rougeFonce:#8b0000;
  --darkRed:#8b0000;
  --rouge:#ff1111;
  --red:#ff1111;
  --rougeClair:#f08080;
  --lightRed:#f08080;
  --jauneFonce:#ffc40d;
  --darkYellow:#ffc40d;
  --jaune:#ffee00;
  --yellow:#ffee00;
  --jauneClair:#ffffe0;
  --lightYellow:#ffffe0;
  --orange:#ff851b;
  --orange:#ff851b;
  --rose:#f012be;
  --pink:#f012be;
  --violet:#9400D3;
  --purple:#9400D3;
  --c0:transparent;
  --transparent:transparent;
  --c1:#01457F;
  --primary:#01457F;
  --c1fonce:#001f3f;
  --darkPrimary:#001f3f;
  --c1pale:#BCE0FF;
  --palePrimary:#BCE0FF;
  --c2:#888;
  --secondary:#888;
  --c2fonce:#333;
  --darkSecondary:#333;
  --c2pale:#ddd;
  --paleSecondary:#ddd;
}

.bg-30, .bg-hover-30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-50, .bg-hover-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-80, .bg-hover-80:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

/*position*/
.bloc1, .bloc3, .bloc2 {
  margin: 10px 0;
  padding: 10px 5px;
  border: 1px solid #ddd;
}
.bloc1 > *:first-child, .bloc3 > *:first-child, .bloc2 > *:first-child {
  margin-top: 0;
}
.bloc1 > *:last-child, .bloc3 > *:last-child, .bloc2 > *:last-child {
  margin-bottom: 0;
}

.bloc2 {
  margin: 24px 0;
  padding: 24px 12px;
}

.bloc3 {
  margin: 36px 0;
  padding: 36px 18px;
}

.display-none {
  display: none !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-inline {
  display: inline !important;
}

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

.pos-sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}

.pos-relative, .abs-bloc {
  position: relative;
}

.abs-left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.abs-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.abs-top {
  position: absolute;
  top: 0;
}

.abs-bottom {
  position: absolute;
  bottom: 0;
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/*cell*/
.cell-row {
  display: table;
  width: 100%;
}

.cell {
  display: table-cell;
}

.cell-top {
  vertical-align: top;
}

.cell-center {
  vertical-align: middle;
}

.cell-bottom {
  vertical-align: bottom;
}

.cell-row:before,
.cell-row:after {
  content: "";
  display: table;
  clear: both;
}

/* FLEXGRID */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.fg-row {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
}

.fg-gap {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.fg-center {
  justify-content: center;
}

.fg-start {
  justify-content: flex-start;
}

.fg-end {
  justify-content: flex-end;
}

.fg-between,
.fg-entre {
  justify-content: space-between;
}

.fg-around,
.fg-autour {
  justify-content: space-around;
}

.fg-vtop {
  align-items: flex-start;
}

.fg-vbottom {
  align-items: flex-end;
}

.fg-vcenter {
  align-items: center;
}

.fg-vfill {
  align-items: stretch;
}

.fg-child-vcenter > * {
  display: flex;
  align-items: center;
}

.fg-child-center > * {
  display: flex;
  justify-content: center;
}

.fg-vspace-between,
.fg-vspace-between-1 > *,
.fg-vspace-between-2 > * > * {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}

.fg-vspace-around,
.fg-vspace-evenly,
.fg-vspace-center,
.fg-vspace-start,
.fg-vspace-end {
  display: flex;
  flex-flow: column wrap;
}

.fg-vspace-around {
  justify-content: space-around;
}

.fg-vspace-evenly {
  justify-content: space-evenly;
}

.fg-vspace-center {
  justify-content: center;
}

.fg-vspace-start {
  justify-content: start;
}

.fg-vspace-end {
  justify-content: end;
}

.fg-gap > * {
  margin: 0.5rem;
}

.fg-grow > * {
  flex-grow: 1;
}

.fg-row.fg-auto-1 > * {
  width: calc(100% / 1);
}

.fg-gap.fg-auto-1 > * {
  width: calc(100% / 1 - 1rem);
}

.fg-row.fg-auto-2 > * {
  width: calc(100% / 2);
}

.fg-gap.fg-auto-2 > * {
  width: calc(100% / 2 - 1rem);
}

.fg-row.fg-auto-3 > * {
  width: calc(100% / 3);
}

.fg-gap.fg-auto-3 > * {
  width: calc(100% / 3 - 1rem);
}

.fg-row.fg-auto-4 > * {
  width: calc(100% / 4);
}

.fg-gap.fg-auto-4 > * {
  width: calc(100% / 4 - 1rem);
}

.fg-row.fg-auto-5 > * {
  width: calc(100% / 5);
}

.fg-gap.fg-auto-5 > * {
  width: calc(100% / 5 - 1rem);
}

.fg-row.fg-auto-6 > * {
  width: calc(100% / 6);
}

.fg-gap.fg-auto-6 > * {
  width: calc(100% / 6 - 1rem);
}

.fg-row.fg-auto-7 > * {
  width: calc(100% / 7);
}

.fg-gap.fg-auto-7 > * {
  width: calc(100% / 7 - 1rem);
}

.fg-row.fg-auto-8 > * {
  width: calc(100% / 8);
}

.fg-gap.fg-auto-8 > * {
  width: calc(100% / 8 - 1rem);
}

.fg-row.fg-auto-9 > * {
  width: calc(100% / 9);
}

.fg-gap.fg-auto-9 > * {
  width: calc(100% / 9 - 1rem);
}

.fg-row.fg-auto-10 > * {
  width: calc(100% / 10);
}

.fg-gap.fg-auto-10 > * {
  width: calc(100% / 10 - 1rem);
}

.fg-row.fg-auto-11 > * {
  width: calc(100% / 11);
}

.fg-gap.fg-auto-11 > * {
  width: calc(100% / 11 - 1rem);
}

.fg-row.fg-auto-12 > * {
  width: calc(100% / 12);
}

.fg-gap.fg-auto-12 > * {
  width: calc(100% / 12 - 1rem);
}

.fg-c0 {
  display: none;
}

[class*=fg-c],
.fg-auto {
  flex: 0 1 auto;
}

.fg-row > .fg-c1 {
  width: calc(100% / 12 * 1) !important;
}

.fg-gap > .fg-c1 {
  width: calc(100% / 12 * 1 - 1rem) !important;
}

.fg-row > .fg-c2 {
  width: calc(100% / 12 * 2) !important;
}

.fg-gap > .fg-c2 {
  width: calc(100% / 12 * 2 - 1rem) !important;
}

.fg-row > .fg-c3 {
  width: calc(100% / 12 * 3) !important;
}

.fg-gap > .fg-c3 {
  width: calc(100% / 12 * 3 - 1rem) !important;
}

.fg-row > .fg-c4 {
  width: calc(100% / 12 * 4) !important;
}

.fg-gap > .fg-c4 {
  width: calc(100% / 12 * 4 - 1rem) !important;
}

.fg-row > .fg-c5 {
  width: calc(100% / 12 * 5) !important;
}

.fg-gap > .fg-c5 {
  width: calc(100% / 12 * 5 - 1rem) !important;
}

.fg-row > .fg-c6 {
  width: calc(100% / 12 * 6) !important;
}

.fg-gap > .fg-c6 {
  width: calc(100% / 12 * 6 - 1rem) !important;
}

.fg-row > .fg-c7 {
  width: calc(100% / 12 * 7) !important;
}

.fg-gap > .fg-c7 {
  width: calc(100% / 12 * 7 - 1rem) !important;
}

.fg-row > .fg-c8 {
  width: calc(100% / 12 * 8) !important;
}

.fg-gap > .fg-c8 {
  width: calc(100% / 12 * 8 - 1rem) !important;
}

.fg-row > .fg-c9 {
  width: calc(100% / 12 * 9) !important;
}

.fg-gap > .fg-c9 {
  width: calc(100% / 12 * 9 - 1rem) !important;
}

.fg-row > .fg-c10 {
  width: calc(100% / 12 * 10) !important;
}

.fg-gap > .fg-c10 {
  width: calc(100% / 12 * 10 - 1rem) !important;
}

.fg-row > .fg-c11 {
  width: calc(100% / 12 * 11) !important;
}

.fg-gap > .fg-c11 {
  width: calc(100% / 12 * 11 - 1rem) !important;
}

.fg-row > .fg-c12 {
  width: calc(100% / 12 * 12) !important;
}

.fg-gap > .fg-c12 {
  width: calc(100% / 12 * 12 - 1rem) !important;
}

.fg-ord-1 {
  order: -6;
}

.fg-ord-2 {
  order: -5;
}

.fg-ord-3 {
  order: -4;
}

.fg-ord-4 {
  order: -3;
}

.fg-ord-5 {
  order: -2;
}

.fg-ord-6 {
  order: -1;
}

.fg-reverse {
  flex-direction: row-reverse;
}

@media all and (max-width: 480px) {
  .fg-row > [class*=fg-c] {
    width: 100%;
  }
  .fg-row.fg-auto-s1 > * {
    width: calc(100% / 1);
  }
  .fg-gap.fg-auto-s1 > * {
    width: calc(100% / 1 - 1rem);
  }
  .fg-row.fg-auto-s2 > * {
    width: calc(100% / 2);
  }
  .fg-gap.fg-auto-s2 > * {
    width: calc(100% / 2 - 1rem);
  }
  .fg-row.fg-auto-s3 > * {
    width: calc(100% / 3);
  }
  .fg-gap.fg-auto-s3 > * {
    width: calc(100% / 3 - 1rem);
  }
  .fg-row.fg-auto-s4 > * {
    width: calc(100% / 4);
  }
  .fg-gap.fg-auto-s4 > * {
    width: calc(100% / 4 - 1rem);
  }
  .fg-cs0 {
    display: none;
  }
  [class*=fg-cs],
  .fg-sauto {
    flex: 0 1 auto;
  }
  .fg-row > .fg-cs1 {
    width: calc(100% / 12 * 1) !important;
  }
  .fg-gap > .fg-cs1 {
    width: calc(100% / 12 * 1 - 1rem) !important;
  }
  .fg-row > .fg-cs2 {
    width: calc(100% / 12 * 2) !important;
  }
  .fg-gap > .fg-cs2 {
    width: calc(100% / 12 * 2 - 1rem) !important;
  }
  .fg-row > .fg-cs3 {
    width: calc(100% / 12 * 3) !important;
  }
  .fg-gap > .fg-cs3 {
    width: calc(100% / 12 * 3 - 1rem) !important;
  }
  .fg-row > .fg-cs4 {
    width: calc(100% / 12 * 4) !important;
  }
  .fg-gap > .fg-cs4 {
    width: calc(100% / 12 * 4 - 1rem) !important;
  }
  .fg-row > .fg-cs5 {
    width: calc(100% / 12 * 5) !important;
  }
  .fg-gap > .fg-cs5 {
    width: calc(100% / 12 * 5 - 1rem) !important;
  }
  .fg-row > .fg-cs6 {
    width: calc(100% / 12 * 6) !important;
  }
  .fg-gap > .fg-cs6 {
    width: calc(100% / 12 * 6 - 1rem) !important;
  }
  .fg-row > .fg-cs7 {
    width: calc(100% / 12 * 7) !important;
  }
  .fg-gap > .fg-cs7 {
    width: calc(100% / 12 * 7 - 1rem) !important;
  }
  .fg-row > .fg-cs8 {
    width: calc(100% / 12 * 8) !important;
  }
  .fg-gap > .fg-cs8 {
    width: calc(100% / 12 * 8 - 1rem) !important;
  }
  .fg-row > .fg-cs9 {
    width: calc(100% / 12 * 9) !important;
  }
  .fg-gap > .fg-cs9 {
    width: calc(100% / 12 * 9 - 1rem) !important;
  }
  .fg-row > .fg-cs10 {
    width: calc(100% / 12 * 10) !important;
  }
  .fg-gap > .fg-cs10 {
    width: calc(100% / 12 * 10 - 1rem) !important;
  }
  .fg-row > .fg-cs11 {
    width: calc(100% / 12 * 11) !important;
  }
  .fg-gap > .fg-cs11 {
    width: calc(100% / 12 * 11 - 1rem) !important;
  }
  .fg-row > .fg-cs12 {
    width: calc(100% / 12 * 12) !important;
  }
  .fg-gap > .fg-cs12 {
    width: calc(100% / 12 * 12 - 1rem) !important;
  }
  .fg-ord-s1 {
    order: -6;
  }
  .fg-ord-s2 {
    order: -5;
  }
  .fg-ord-s3 {
    order: -4;
  }
  .fg-ord-s4 {
    order: -3;
  }
  .fg-ord-s5 {
    order: -2;
  }
  .fg-ord-s6 {
    order: -1;
  }
  .fg-sreverse {
    flex-direction: row-reverse;
  }
}
@media all and (min-width: 481px) and (max-width: 760px) {
  .fg-row.fg-auto-m1 > * {
    width: calc(100% / 1);
  }
  .fg-gap.fg-auto-m1 > * {
    width: calc(100% / 1 - 1rem);
  }
  .fg-row.fg-auto-m2 > * {
    width: calc(100% / 2);
  }
  .fg-gap.fg-auto-m2 > * {
    width: calc(100% / 2 - 1rem);
  }
  .fg-row.fg-auto-m3 > * {
    width: calc(100% / 3);
  }
  .fg-gap.fg-auto-m3 > * {
    width: calc(100% / 3 - 1rem);
  }
  .fg-row.fg-auto-m4 > * {
    width: calc(100% / 4);
  }
  .fg-gap.fg-auto-m4 > * {
    width: calc(100% / 4 - 1rem);
  }
  .fg-row.fg-auto-m5 > * {
    width: calc(100% / 5);
  }
  .fg-gap.fg-auto-m5 > * {
    width: calc(100% / 5 - 1rem);
  }
  .fg-row.fg-auto-m6 > * {
    width: calc(100% / 6);
  }
  .fg-gap.fg-auto-m6 > * {
    width: calc(100% / 6 - 1rem);
  }
  .fg-row.fg-auto-m7 > * {
    width: calc(100% / 7);
  }
  .fg-gap.fg-auto-m7 > * {
    width: calc(100% / 7 - 1rem);
  }
  .fg-row.fg-auto-m8 > * {
    width: calc(100% / 8);
  }
  .fg-gap.fg-auto-m8 > * {
    width: calc(100% / 8 - 1rem);
  }
  .fg-row.fg-auto-m9 > * {
    width: calc(100% / 9);
  }
  .fg-gap.fg-auto-m9 > * {
    width: calc(100% / 9 - 1rem);
  }
  .fg-row.fg-auto-m10 > * {
    width: calc(100% / 10);
  }
  .fg-gap.fg-auto-m10 > * {
    width: calc(100% / 10 - 1rem);
  }
  .fg-row.fg-auto-m11 > * {
    width: calc(100% / 11);
  }
  .fg-gap.fg-auto-m11 > * {
    width: calc(100% / 11 - 1rem);
  }
  .fg-row.fg-auto-m12 > * {
    width: calc(100% / 12);
  }
  .fg-gap.fg-auto-m12 > * {
    width: calc(100% / 12 - 1rem);
  }
  .fg-cm0 {
    display: none;
  }
  [class*=fg-cm],
  .fg-mauto {
    flex: 0 1 auto;
  }
  .fg-row > .fg-cm1 {
    width: calc(100% / 12 * 1) !important;
  }
  .fg-gap > .fg-cm1 {
    width: calc(100% / 12 * 1 - 1rem) !important;
  }
  .fg-row > .fg-cm2 {
    width: calc(100% / 12 * 2) !important;
  }
  .fg-gap > .fg-cm2 {
    width: calc(100% / 12 * 2 - 1rem) !important;
  }
  .fg-row > .fg-cm3 {
    width: calc(100% / 12 * 3) !important;
  }
  .fg-gap > .fg-cm3 {
    width: calc(100% / 12 * 3 - 1rem) !important;
  }
  .fg-row > .fg-cm4 {
    width: calc(100% / 12 * 4) !important;
  }
  .fg-gap > .fg-cm4 {
    width: calc(100% / 12 * 4 - 1rem) !important;
  }
  .fg-row > .fg-cm5 {
    width: calc(100% / 12 * 5) !important;
  }
  .fg-gap > .fg-cm5 {
    width: calc(100% / 12 * 5 - 1rem) !important;
  }
  .fg-row > .fg-cm6 {
    width: calc(100% / 12 * 6) !important;
  }
  .fg-gap > .fg-cm6 {
    width: calc(100% / 12 * 6 - 1rem) !important;
  }
  .fg-row > .fg-cm7 {
    width: calc(100% / 12 * 7) !important;
  }
  .fg-gap > .fg-cm7 {
    width: calc(100% / 12 * 7 - 1rem) !important;
  }
  .fg-row > .fg-cm8 {
    width: calc(100% / 12 * 8) !important;
  }
  .fg-gap > .fg-cm8 {
    width: calc(100% / 12 * 8 - 1rem) !important;
  }
  .fg-row > .fg-cm9 {
    width: calc(100% / 12 * 9) !important;
  }
  .fg-gap > .fg-cm9 {
    width: calc(100% / 12 * 9 - 1rem) !important;
  }
  .fg-row > .fg-cm10 {
    width: calc(100% / 12 * 10) !important;
  }
  .fg-gap > .fg-cm10 {
    width: calc(100% / 12 * 10 - 1rem) !important;
  }
  .fg-row > .fg-cm11 {
    width: calc(100% / 12 * 11) !important;
  }
  .fg-gap > .fg-cm11 {
    width: calc(100% / 12 * 11 - 1rem) !important;
  }
  .fg-row > .fg-cm12 {
    width: calc(100% / 12 * 12) !important;
  }
  .fg-gap > .fg-cm12 {
    width: calc(100% / 12 * 12 - 1rem) !important;
  }
  .fg-ord-m1 {
    order: -6;
  }
  .fg-ord-m2 {
    order: -5;
  }
  .fg-ord-m3 {
    order: -4;
  }
  .fg-ord-m4 {
    order: -3;
  }
  .fg-ord-m5 {
    order: -2;
  }
  .fg-ord-m6 {
    order: -1;
  }
  .fg-mreverse {
    flex-direction: row-reverse;
  }
}
/* border */
[class*=bd-] {
  border-width: 1px;
  border-style: solid;
}

.bd0 {
  border-width: 0 !important;
}

.bd1 {
  border-width: 1px !important;
}

.bd2 {
  border-width: 2px !important;
}

.bd3 {
  border-width: 6px !important;
}

.bdl0 {
  border-left-width: 0 !important;
}

.bdl1 {
  border-left-width: 1px !important;
}

.bdl2 {
  border-left-width: 2px !important;
}

.bdl3 {
  border-left-width: 6px !important;
}

.bdt0 {
  border-top-width: 0 !important;
}

.bdt1 {
  border-top-width: 1px !important;
}

.bdt2 {
  border-top-width: 2px !important;
}

.bdt3 {
  border-top-width: 6px !important;
}

.bdr0 {
  border-right-width: 0 !important;
}

.bdr1 {
  border-right-width: 1px !important;
}

.bdr2 {
  border-right-width: 2px !important;
}

.bdr3 {
  border-right-width: 6px !important;
}

.bdb0 {
  border-bottom-width: 0 !important;
}

.bdb1 {
  border-bottom-width: 1px !important;
}

.bdb2 {
  border-bottom-width: 2px !important;
}

.bdb3 {
  border-bottom-width: 6px !important;
}

.bd-solid {
  border-style: solid !important;
}

.bd-dotted {
  border-style: dotted !important;
}

.bd-rond {
  border-radius: 50%;
}

.bd-arrondi {
  border-radius: 5px;
}

/* typo */
.fs80 {
  font-size: 80%;
}

.fs90 {
  font-size: 90%;
}

.fs100 {
  font-size: 100%;
}

.fs120 {
  font-size: 120%;
}

.fs150 {
  font-size: 150%;
}

.fs200 {
  font-size: 200%;
}

.fs300 {
  font-size: 300%;
}

.fs400 {
  font-size: 400%;
}

.fs500 {
  font-size: 500%;
}

.lh80 {
  line-height: 80%;
}

.lh90 {
  line-height: 90%;
}

.lh100 {
  line-height: 100%;
}

.lh120 {
  line-height: 120%;
}

.lh150 {
  line-height: 150%;
}

.lh200 {
  line-height: 200%;
}

.lh300 {
  line-height: 300%;
}

.lh400 {
  line-height: 400%;
}

.lh500 {
  line-height: 500%;
}

@media (max-width: 480px) {
  .fss80 {
    font-size: 80%;
  }
  .fss90 {
    font-size: 90%;
  }
  .fss100 {
    font-size: 100%;
  }
  .fss120 {
    font-size: 120%;
  }
  .fss150 {
    font-size: 150%;
  }
  .fss200 {
    font-size: 200%;
  }
  .fss300 {
    font-size: 300%;
  }
  .fss400 {
    font-size: 400%;
  }
  .fss500 {
    font-size: 500%;
  }
  .lhs80 {
    line-height: 80%;
  }
  .lhs90 {
    line-height: 90%;
  }
  .lhs100 {
    line-height: 100%;
  }
  .lhs120 {
    line-height: 120%;
  }
  .lhs150 {
    line-height: 150%;
  }
  .lhs200 {
    line-height: 200%;
  }
  .lhs300 {
    line-height: 300%;
  }
  .lhs400 {
    line-height: 400%;
  }
  .lhs500 {
    line-height: 500%;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .fsm80 {
    font-size: 80%;
  }
  .fsm90 {
    font-size: 90%;
  }
  .fsm100 {
    font-size: 100%;
  }
  .fsm120 {
    font-size: 120%;
  }
  .fsm150 {
    font-size: 150%;
  }
  .fsm200 {
    font-size: 200%;
  }
  .fsm300 {
    font-size: 300%;
  }
  .fsm400 {
    font-size: 400%;
  }
  .fsm500 {
    font-size: 500%;
  }
  .lhm80 {
    line-height: 80%;
  }
  .lhm90 {
    line-height: 90%;
  }
  .lhm100 {
    line-height: 100%;
  }
  .lhm120 {
    line-height: 120%;
  }
  .lhm150 {
    line-height: 150%;
  }
  .lhm200 {
    line-height: 200%;
  }
  .lhm300 {
    line-height: 300%;
  }
  .lhm400 {
    line-height: 400%;
  }
  .lhm500 {
    line-height: 500%;
  }
}
.ff-mono {
  font-family: "Lucida Console", Monaco, monospace;
}

.ff-cursive {
  font-family: "Comic Sans MS", cursive;
}

.cesure {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.nocesure {
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: normal;
}

.nowrap {
  white-space: nowrap;
}

.scrollx {
  overflow-x: scroll;
}

.scrolly {
  overflow-y: scroll;
}

.b {
  font-weight: bold !important;
}

.i {
  font-style: italic;
}

.s {
  text-decoration: line-through;
}

.u, .u-hover:hover {
  text-decoration: underline !important;
}

.ud, .ud-hover:hover {
  text-decoration: underline dotted !important;
}

ul.up {
  list-style: square inside;
}

.list-none {
  list-style: none outside;
  margin-left: 0;
}

.list-inline, .list-inline-dash, .list-inline-dot, .list-inline-sep {
  margin-left: 0;
  list-style: none;
}
.list-inline > li, .list-inline-dash > li, .list-inline-dot > li, .list-inline-sep > li {
  display: inline-block;
  padding-left: 5px;
  margin-right: 0;
}

.list-inline-sep li:not(:last-child):after {
  content: " | ";
}

.list-inline-dot li:not(:last-child):after {
  content: " •";
}

.list-inline-dash li:not(:last-child):after {
  content: " –";
}

dl.horiz {
  border-bottom: 1px solid #ddd;
}
dl.horiz dt {
  padding: 10px 0 0 0;
  border-top: 1px solid #ddd;
}
dl.horiz dd {
  padding: 10px 0 10px 0;
}
@media (min-width: 760px) {
  dl.horiz dt {
    float: left;
    width: 180px;
    clear: left;
    text-align: right;
  }
  dl.horiz dd {
    padding-left: 200px;
    border-top: 1px solid #ddd;
  }
  dl.horiz.large dt {
    width: 240px;
  }
  dl.horiz.large dd {
    padding-left: 260px;
  }
}

.badge,
.badge-rouge,
.badge-red,
.badge-orange,
.badge-bleu,
.badge-blue,
.badge-vert,
.badge-green {
  display: inline;
  padding: 2px 8px;
  border-radius: 0.7em;
  background: #888;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
}
.badge a:hover, a:hover .badge,
.badge-rouge a:hover,
a:hover .badge-rouge,
.badge-red a:hover,
a:hover .badge-red,
.badge-orange a:hover,
a:hover .badge-orange,
.badge-bleu a:hover,
a:hover .badge-bleu,
.badge-blue a:hover,
a:hover .badge-blue,
.badge-vert a:hover,
a:hover .badge-vert,
.badge-green a:hover,
a:hover .badge-green {
  color: #ffa;
}

.badge-rouge, .badge-red {
  background: #ff1111;
}

.badge-bleu, .badge-blue {
  background: #01457F;
}

.badge-vert, .badge-green {
  background: #46a546;
}

.badge-orange {
  background: #ff851b;
}

@media (min-width: 481px) {
  .text-col-2 {
    column-count: 2;
    column-gap: 20px;
    column-rule: 1px solid #999;
  }
  .text-col-3 {
    column-count: 3;
    column-gap: 20px;
    column-rule: 1px solid #999;
  }
}
.text-col-no-break {
  break-inside: avoid;
}

/* image */
img.left {
  float: left;
  margin-right: 15px;
  vertical-align: top;
}

img.right {
  float: right;
  margin-left: 15px;
  vertical-align: top;
}

.img-opacity,
.img-hover-opacity:hover {
  opacity: 0.8;
}

.img-opacity-max {
  opacity: 0.35;
}

.img-grey,
.img-hover-grey:hover {
  filter: grayscale(100%);
}

.img-grey-min {
  filter: grayscale(50%);
}

.img-sepia,
.img-hover-sepia:hover {
  filter: sepia(100%);
}

.img-sepia-min {
  filter: sepia(50%);
}

.img-none,
.img-hover-none:hover {
  filter: none;
  opacity: 1;
}

img.img-polaroid,
a.img-polaroid {
  border: #fff 10px solid;
  border-bottom: #fff 40px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

a.img-polaroid {
  position: relative;
  display: inline-block;
}
a.img-polaroid::after {
  position: absolute;
  content: attr(alt);
  left: 0;
  bottom: -30px;
  width: 100%;
  color: #333;
  text-align: center;
}

/*box*/
[class^=box-] {
  margin: 10px 0;
}
[class^=box-] > *:first-child {
  margin-top: 0;
}
[class^=box-] > *:last-child {
  margin-bottom: 0;
}

.box-info {
  padding: 10px;
  background: #BCE0FF url("img/ico-info.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #70bdff 1px solid;
}

.box-idee {
  padding: 10px;
  background: #ffffad url("img/ico-idee.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #ffff61 1px solid;
}

.box-note {
  padding: 10px;
  background: #E8DAC3 url("img/ico-crayon.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #d3b88c 1px solid;
}

.box-ok {
  padding: 10px;
  background: #98fb98 url("img/ico-vrai.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #4ef84e 1px solid;
}

.box-error {
  padding: 10px;
  background: #f08080 url("img/ico-faux.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #e83c3c 1px solid;
}

.box-danger {
  padding: 10px;
  background: #ffae68 url("img/ico-danger.png") no-repeat 10px 10px;
  padding-left: 40px;
  border: #ff851b 1px solid;
}

.box-gris {
  padding: 10px;
  background-color: #aeaeae;
  border: #888888 1px solid;
}

.box-grisPale {
  padding: 10px;
  background-color: #ddd;
  border: #b7b7b7 1px solid;
}

.rotate-3 {
  transform: rotate(3deg);
}

.rotate-6 {
  transform: rotate(6deg);
}

.rotate3 {
  transform: rotate(-3deg);
}

.rotate6 {
  transform: rotate(-6deg);
}

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

.rotate90 {
  transform: rotate(-90deg);
}

/* table */
table.up {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #888;
}
table.up td, table.up th {
  border: 1px solid #888;
  padding: 5px;
  vertical-align: top;
}
table.up thead, table.up tfoot {
  background: #ddd;
  font-weight: bold;
}

.up.line {
  border: none;
  border-top: solid 2px #888;
  border-bottom: solid 2px #888;
}
.up.line th, .up.line td {
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: solid 1px #888;
}
.up.line thead, .up.line tfoot {
  background: #bbb;
  color: #333;
}

/* model = blue */
.up.blue {
  border: 1px solid #fff;
  border-collapse: collapse;
}
.up.blue td, .up.blue th {
  border: 1px solid #fff;
  padding: 3px 5px;
}
.up.blue tr:nth-child(even) {
  background: #d6ecff;
}
.up.blue thead tr, .up.blue tfoot tr {
  background: #01457F;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* model = green */
.up.green {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 0;
}
.up.green tr {
  background: #ddd;
  border: none;
}
.up.green tr:nth-of-type(odd) {
  background: #c4c4c4;
}
.up.green td, .up.green th {
  border: 0;
}
.up.green thead tr {
  font-weight: bold;
  color: #fff;
  background: #46a546 !important;
}
.up.green tfoot tr {
  border-top: 2px solid #888;
}

.up-table-line {
  border: none;
  border-top: solid 2px #888;
  border-bottom: solid 2px #888;
}
.up-table-line th, .up-table-line td {
  padding-left: 5px;
  padding-right: 5px;
}
.up-table-line td {
  border-bottom: solid 1px #888;
  vertical-align: top;
  padding: 5px;
}
.up-table-line thead {
  border-bottom: solid 2px #888;
}

/* modal */
.up-modal {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.up-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  max-width: 600px;
}

@media (max-width: 480px) {
  .up-modal-content {
    width: 95%;
  }
  .up-modal {
    padding-top: 30px;
  }
}
/*width*/
.w1 {
  width: 8.333%;
}

.w2 {
  width: 16.666%;
}

.w3 {
  width: 25%;
}

.w4 {
  width: 33.333%;
}

.w5 {
  width: 41.666%;
}

.w6 {
  width: 50%;
}

.w7 {
  width: 58.333%;
}

.w8 {
  width: 66.666%;
}

.w9 {
  width: 75%;
}

.w10 {
  width: 83.333%;
}

.w11 {
  width: 91.666%;
}

.w12 {
  width: 100%;
}

.wauto {
  width: auto;
}

.w0 {
  display: none;
}

.w25 {
  width: 25%;
}

.w50 {
  width: 50%;
}

.w75 {
  width: 75%;
}

.w100 {
  width: 100%;
}

.minh0 {
  min-height: 0px;
}

.maxh0 {
  max-height: 0px;
  overflow: scroll;
}

.minh100 {
  min-height: 100px;
}

.maxh100 {
  max-height: 100px;
  overflow: scroll;
}

.minh200 {
  min-height: 200px;
}

.maxh200 {
  max-height: 200px;
  overflow: scroll;
}

.minh400 {
  min-height: 400px;
}

.maxh400 {
  max-height: 400px;
  overflow: scroll;
}

.maxw100 {
  max-width: 100px;
}

.maxw200 {
  max-width: 200px;
}

.maxw400 {
  max-width: 400px;
}

.maxw600 {
  max-width: 600px;
}

.maxw800 {
  max-width: 800px;
}

.maxw50vw {
  max-width: 50vw;
}

.maxw75vw {
  max-width: 75vw;
}

.maxw90vw {
  max-width: 90vw;
}

.hscreen {
  min-height: 100vh;
}

@media (max-width: 480px) {
  .ws1 {
    width: 8.333%;
  }
  .ws2 {
    width: 16.666%;
  }
  .ws3 {
    width: 25%;
  }
  .ws4 {
    width: 33.333%;
  }
  .ws5 {
    width: 41.666%;
  }
  .ws6 {
    width: 50%;
  }
  .ws7 {
    width: 58.333%;
  }
  .ws8 {
    width: 66.666%;
  }
  .ws9 {
    width: 75%;
  }
  .ws10 {
    width: 83.333%;
  }
  .ws11 {
    width: 91.666%;
  }
  .ws12 {
    width: 100%;
  }
  .wsauto {
    width: auto;
  }
  .ws0 {
    display: none;
  }
  .ws25 {
    width: 25%;
  }
  .ws50 {
    width: 50%;
  }
  .ws75 {
    width: 75%;
  }
  .ws100 {
    width: 100%;
  }
  .minhs0 {
    min-height: 0px;
  }
  .maxhs0 {
    max-height: 0px;
    overflow: scroll;
  }
  .minhs100 {
    min-height: 100px;
  }
  .maxhs100 {
    max-height: 100px;
    overflow: scroll;
  }
  .minhs200 {
    min-height: 200px;
  }
  .maxhs200 {
    max-height: 200px;
    overflow: scroll;
  }
  .minhs400 {
    min-height: 400px;
  }
  .maxhs400 {
    max-height: 400px;
    overflow: scroll;
  }
  .maxws100 {
    max-width: 100px;
  }
  .maxws200 {
    max-width: 200px;
  }
  .maxws400 {
    max-width: 400px;
  }
  .maxws600 {
    max-width: 600px;
  }
  .maxws800 {
    max-width: 800px;
  }
  .maxw50vw {
    max-width: 50vw;
  }
  .maxw75vw {
    max-width: 75vw;
  }
  .maxw90vw {
    max-width: 90vw;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .wm1 {
    width: 8.333%;
  }
  .wm2 {
    width: 16.666%;
  }
  .wm3 {
    width: 25%;
  }
  .wm4 {
    width: 33.333%;
  }
  .wm5 {
    width: 41.666%;
  }
  .wm6 {
    width: 50%;
  }
  .wm7 {
    width: 58.333%;
  }
  .wm8 {
    width: 66.666%;
  }
  .wm9 {
    width: 75%;
  }
  .wm10 {
    width: 83.333%;
  }
  .wm11 {
    width: 91.666%;
  }
  .wm12 {
    width: 100%;
  }
  .wmauto {
    width: auto;
  }
  .wm0 {
    display: none;
  }
  .wm25 {
    width: 25%;
  }
  .wm50 {
    width: 50%;
  }
  .wm75 {
    width: 75%;
  }
  .wm100 {
    width: 100%;
  }
  .minhm0 {
    min-height: 0px;
  }
  .maxhm0 {
    max-height: 0px;
    overflow: scroll;
  }
  .minhm100 {
    min-height: 100px;
  }
  .maxhm100 {
    max-height: 100px;
    overflow: scroll;
  }
  .minhm200 {
    min-height: 200px;
  }
  .maxhm200 {
    max-height: 200px;
    overflow: scroll;
  }
  .minhm400 {
    min-height: 400px;
  }
  .maxhm400 {
    max-height: 400px;
    overflow: scroll;
  }
  .maxwm100 {
    max-width: 100px;
  }
  .maxwm200 {
    max-width: 200px;
  }
  .maxwm400 {
    max-width: 400px;
  }
  .maxwm600 {
    max-width: 600px;
  }
  .maxwm800 {
    max-width: 800px;
  }
  .maxw50vw {
    max-width: 50vw;
  }
  .maxw75vw {
    max-width: 75vw;
  }
  .maxw90vw {
    max-width: 90vw;
  }
}
/* spacing */
.m0 {
  margin: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mh0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m1 {
  margin: 10px !important;
}

.ml1 {
  margin-left: 10px !important;
}

.mt1 {
  margin-top: 10px !important;
}

.mr1 {
  margin-right: 10px !important;
}

.mb1 {
  margin-bottom: 10px !important;
}

.mh1 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mv1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m2 {
  margin: 24px !important;
}

.ml2 {
  margin-left: 24px !important;
}

.mt2 {
  margin-top: 24px !important;
}

.mr2 {
  margin-right: 24px !important;
}

.mb2 {
  margin-bottom: 24px !important;
}

.mh2 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mv2 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m3 {
  margin: 36px !important;
}

.ml3 {
  margin-left: 36px !important;
}

.mt3 {
  margin-top: 36px !important;
}

.mr3 {
  margin-right: 36px !important;
}

.mb3 {
  margin-bottom: 36px !important;
}

.mh3 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.mv3 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mleft {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.mright {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.mcenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.p0 {
  padding: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.ph0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p1 {
  padding: 10px !important;
}

.pl1 {
  padding-left: 10px !important;
}

.pt1 {
  padding-top: 10px !important;
}

.pr1 {
  padding-right: 10px !important;
}

.pb1 {
  padding-bottom: 10px !important;
}

.ph1 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pv1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p2 {
  padding: 24px !important;
}

.pl2 {
  padding-left: 24px !important;
}

.pt2 {
  padding-top: 24px !important;
}

.pr2 {
  padding-right: 24px !important;
}

.pb2 {
  padding-bottom: 24px !important;
}

.ph2 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.pv2 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p3 {
  padding: 36px !important;
}

.pl3 {
  padding-left: 36px !important;
}

.pt3 {
  padding-top: 36px !important;
}

.pr3 {
  padding-right: 36px !important;
}

.pb3 {
  padding-bottom: 36px !important;
}

.ph3 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.pv3 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

@media (max-width: 480px) {
  .ms0 {
    margin: 0 !important;
  }
  .msl0 {
    margin-left: 0 !important;
  }
  .mst0 {
    margin-top: 0 !important;
  }
  .msr0 {
    margin-right: 0 !important;
  }
  .msb0 {
    margin-bottom: 0 !important;
  }
  .msh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .msv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ms1 {
    margin: 10px !important;
  }
  .msl1 {
    margin-left: 10px !important;
  }
  .mst1 {
    margin-top: 10px !important;
  }
  .msr1 {
    margin-right: 10px !important;
  }
  .msb1 {
    margin-bottom: 10px !important;
  }
  .msh1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .msv1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .ms2 {
    margin: 24px !important;
  }
  .msl2 {
    margin-left: 24px !important;
  }
  .mst2 {
    margin-top: 24px !important;
  }
  .msr2 {
    margin-right: 24px !important;
  }
  .msb2 {
    margin-bottom: 24px !important;
  }
  .msh2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .msv2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .ms3 {
    margin: 36px !important;
  }
  .msl3 {
    margin-left: 36px !important;
  }
  .mst3 {
    margin-top: 36px !important;
  }
  .msr3 {
    margin-right: 36px !important;
  }
  .msb3 {
    margin-bottom: 36px !important;
  }
  .msh3 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .msv3 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .msleft {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .msright {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .mscenter {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ps0 {
    padding: 0 !important;
  }
  .psl0 {
    padding-left: 0 !important;
  }
  .pst0 {
    padding-top: 0 !important;
  }
  .psr0 {
    padding-right: 0 !important;
  }
  .psb0 {
    padding-bottom: 0 !important;
  }
  .psh0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .psv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ps1 {
    padding: 10px !important;
  }
  .psl1 {
    padding-left: 10px !important;
  }
  .pst1 {
    padding-top: 10px !important;
  }
  .psr1 {
    padding-right: 10px !important;
  }
  .psb1 {
    padding-bottom: 10px !important;
  }
  .psh1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .psv1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .ps2 {
    padding: 24px !important;
  }
  .psl2 {
    padding-left: 24px !important;
  }
  .pst2 {
    padding-top: 24px !important;
  }
  .psr2 {
    padding-right: 24px !important;
  }
  .psb2 {
    padding-bottom: 24px !important;
  }
  .psh2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .psv2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .ps3 {
    padding: 36px !important;
  }
  .psl3 {
    padding-left: 36px !important;
  }
  .pst3 {
    padding-top: 36px !important;
  }
  .psr3 {
    padding-right: 36px !important;
  }
  .psb3 {
    padding-bottom: 36px !important;
  }
  .psh3 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .psv3 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .mm0 {
    margin: 0 !important;
  }
  .mml0 {
    margin-left: 0 !important;
  }
  .mmt0 {
    margin-top: 0 !important;
  }
  .mmr0 {
    margin-right: 0 !important;
  }
  .mmb0 {
    margin-bottom: 0 !important;
  }
  .mmh0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mmv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mm1 {
    margin: 10px !important;
  }
  .mml1 {
    margin-left: 10px !important;
  }
  .mmt1 {
    margin-top: 10px !important;
  }
  .mmr1 {
    margin-right: 10px !important;
  }
  .mmb1 {
    margin-bottom: 10px !important;
  }
  .mmh1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mmv1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mm2 {
    margin: 24px !important;
  }
  .mml2 {
    margin-left: 24px !important;
  }
  .mmt2 {
    margin-top: 24px !important;
  }
  .mmr2 {
    margin-right: 24px !important;
  }
  .mmb2 {
    margin-bottom: 24px !important;
  }
  .mmh2 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mmv2 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mm3 {
    margin: 36px !important;
  }
  .mml3 {
    margin-left: 36px !important;
  }
  .mmt3 {
    margin-top: 36px !important;
  }
  .mmr3 {
    margin-right: 36px !important;
  }
  .mmb3 {
    margin-bottom: 36px !important;
  }
  .mmh3 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
  .mmv3 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mmleft {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .mmright {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .mmcenter {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .pm0 {
    padding: 0 !important;
  }
  .pml0 {
    padding-left: 0 !important;
  }
  .pmt0 {
    padding-top: 0 !important;
  }
  .pmr0 {
    padding-right: 0 !important;
  }
  .pmb0 {
    padding-bottom: 0 !important;
  }
  .pmh0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .pmv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pm1 {
    padding: 10px !important;
  }
  .pml1 {
    padding-left: 10px !important;
  }
  .pmt1 {
    padding-top: 10px !important;
  }
  .pmr1 {
    padding-right: 10px !important;
  }
  .pmb1 {
    padding-bottom: 10px !important;
  }
  .pmh1 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pmv1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pm2 {
    padding: 24px !important;
  }
  .pml2 {
    padding-left: 24px !important;
  }
  .pmt2 {
    padding-top: 24px !important;
  }
  .pmr2 {
    padding-right: 24px !important;
  }
  .pmb2 {
    padding-bottom: 24px !important;
  }
  .pmh2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .pmv2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .pm3 {
    padding: 36px !important;
  }
  .pml3 {
    padding-left: 36px !important;
  }
  .pmt3 {
    padding-top: 36px !important;
  }
  .pmr3 {
    padding-right: 36px !important;
  }
  .pmb3 {
    padding-bottom: 36px !important;
  }
  .pmh3 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  .pmv3 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
.m-remove > *:first-child,
.m-remove-1 > * > *:first-child,
.m-remove-2 > * > * > *:first-child {
  margin-top: 0;
}

.m-remove > *:last-child,
.m-remove-1 > * > *:last-child,
.m-remove-2 > * > * > *:last-child {
  margin-bottom: 0;
}

/*print*/
@media print {
  .noprint {
    display: none;
    visibility: hidden;
  }
}