/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
 * Whole.
 */
.one-whole {
  width: 100% !important;
}

/**
 * Halves.
 */
.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50% !important;
}

/**
 * Thirds.
 */
.one-third,
.two-sixths,
.three-ninths,
.four-twelfths {
  width: 33.3333333% !important;
}

.two-thirds,
.four-sixths,
.six-ninths,
.eight-twelfths {
  width: 66.6666666% !important;
}

/**
 * Quarters.
 */
.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25% !important;
}

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75% !important;
}

/**
 * Fifths.
 */
.one-fifth,
.two-tenths {
  width: 20% !important;
}

.two-fifths,
.four-tenths {
  width: 40% !important;
}

.three-fifths,
.six-tenths {
  width: 60% !important;
}

.four-fifths,
.eight-tenths {
  width: 80% !important;
}

/**
 * Sixths.
 */
.one-sixth,
.two-twelfths {
  width: 16.6666666% !important;
}

.five-sixths,
.ten-twelfths {
  width: 83.3333333% !important;
}

/**
 * Eighths.
 */
.one-eighth {
  width: 12.5% !important;
}

.three-eighths {
  width: 37.5% !important;
}

.five-eighths {
  width: 62.5% !important;
}

.seven-eighths {
  width: 87.5% !important;
}

/**
 * Ninths.
 */
.one-ninth {
  width: 11.1111111% !important;
}

.two-ninths {
  width: 22.2222222% !important;
}

.four-ninths {
  width: 44.4444444% !important;
}

.five-ninths {
  width: 55.5555555% !important;
}

.seven-ninths {
  width: 77.7777777% !important;
}

.eight-ninths {
  width: 88.8888888% !important;
}

/**
 * Tenths.
 */
.one-tenth {
  width: 10% !important;
}

.three-tenths {
  width: 30% !important;
}

.seven-tenths {
  width: 70% !important;
}

.nine-tenths {
  width: 90% !important;
}

/**
 * Twelfths.
 */
.one-twelfth {
  width: 8.3333333% !important;
}

.five-twelfths {
  width: 41.6666666% !important;
}

.seven-twelfths {
  width: 58.3333333% !important;
}

.eleven-twelfths {
  width: 91.6666666% !important;
}

/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
 * Margin helper classes.
 *
 * Add margins.
 */
.m {
  margin: 24px !important;
}

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

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

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

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

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

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

/**
 * Add huge margins.
 */
.m\+\+ {
  margin: 96px !important;
}

.mt\+\+ {
  margin-top: 96px !important;
}

.mr\+\+ {
  margin-right: 96px !important;
}

.mb\+\+ {
  margin-bottom: 96px !important;
}

.ml\+\+ {
  margin-left: 96px !important;
}

.mh\+\+ {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.mv\+\+ {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

/**
 * Remove margins.
 */
.m0 {
  margin: 0 !important;
}

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

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

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

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

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

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

.hide {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px;
}

.text-cut {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis; /* pour Opera 9 */
  text-overflow: ellipsis; /* pour le reste du monde */
}