@charset "UTF-8";
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
 FICHIER .SCSS */
/* COLORS */
/* FONTS */
.message-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.message-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.message-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.message-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

/* BANNER */
.strong-banner {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #1ABFA7;
  color: #3C8AD4; }

.navbar-inverse {
  background-color: #1ABFA7;
  background-color: transparent;
  border-style: none; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #81DCCE; }

.navbar-collapse {
  border-top: 0px solid transparent;
  padding: 0px;
  /* only < 768px*/
  background-color: #81DCCE;
  padding-left: 25px;
  margin-left: -15px;
  margin-right: -15px; }
  @media (min-width: 768px) {
    .navbar-collapse {
      background-color: transparent;
      padding-left: 0px;
      margin-left: 0px;
      margin-right: 0px; } }

.navbar-nav {
  width: 100%; }
  @media (min-width: 768px) {
    .navbar-nav {
      float: right;
      width: auto; } }

.navbar-inverse {
  /* BRAND */
  /* ICONE */
  /* LINKS */ }
  .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: white;
    font-family: "Dosis", cursive;
    font-size: x-large;
    border-bottom: 5px solid #3C8AD4; }
  .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #3C8AD4;
    border-color: #3C8AD4; }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #EAF2FB; }
  .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    font-family: "Work Sans", cursive;
    font-size: large;
    color: #3C8AD4;
    background: transparent; }
    @media (min-width: 768px) {
      .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #EAF2FB; } }

.btn-primary {
  /**
   * This mixins allows defining color-related properties of buttons.
   *
   * It sets the following properties:
   *   color: $color, except for disabled-like buttons.
   *   border-color: $border.
   *   background-color: Depending on button state:
   *     - Default, disabled:
   *         $background-base
   *     - Hovered, focused, actived, responsible of an opened dropdown:
   *         (one is sufficent)
   *         $background-special
   *
   * ## Bootstrap compatibility
   *
   * This mixin can be used to replace colors behaviors of Bootstrap buttons.
   * Indeed, this mixin aims to replace each definition done by the
   * 'button-variant' Bootstrap mixin.
   *
   */
  color: white;
  background-color: #1ABFA7;
  border-color: #1ABFA7;
  /**
   * This mixin applies content if the button is in at least one of the
   * following states:
   *
   * - hovered,
   * - focused,
   * - actived,
   * - is responsible of an opened dropdown.
   *
   * Where possible, state is checked from class attribute and
   * :pseudo-classes.
   *
   * ## Bootstrap compatibility
   *
   * If content defines 'color', 'background-color' and 'border', it is safe
   * to use this mixin with Bootstrap buttons as it will overrides all
   * Bootstrap color defaults of the previous cases.
   * To be precise, this covers all special important-like cases of the
   * Bootstrap mixin 'button-variant' (except the 'disabled' case).
   *
   */ }
  .btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    color: white;
    background-color: #81DCCE;
    border-color: #1ABFA7; }
  .btn-primary:active, .btn-primary.active {
    color: white;
    background-color: #81DCCE;
    border-color: #1ABFA7; }
    .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary.active:hover {
      color: white;
      background-color: #81DCCE;
      border-color: #1ABFA7; }
  .open > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #81DCCE;
    border-color: #1ABFA7; }
    .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:hover {
      color: white;
      background-color: #81DCCE;
      border-color: #1ABFA7; }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:hover {
    background-color: #1ABFA7;
    border-color: #1ABFA7; }
  .btn-primary .badge {
    color: #1ABFA7;
    background-color: white; }

/* MISE EN FORME GÉNÉRALE */
html {
  height: 100%;
  background-color: #EAF2FB; }

body {
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: 15px; }

#principal {
  background-color: #EAF2FB; }

/*MAIN*/
main {
  background-color: white;
  margin-top: 0px;
  padding: 15px; }
  main a {
    color: #1ABFA7; }
    main a:hover, main a:active, main a:focus {
      color: #1ABFA7; }
  main h1 {
    border-bottom: 7px solid #3C8AD4;
    padding-bottom: 5px;
    font-family: "Saira", sans-serif;
    font-weight: 600; }
  main h2 {
    border-bottom: 2px solid #1ABFA7;
    color: #1ABFA7;
    padding-bottom: 5px;
    font-family: "Saira", sans-serif;
    font-weight: 600; }

/*ASIDE*/
aside {
  background-color: #69A7E1;
  color: white;
  margin-top: 0px;
  padding: 15px; }
  aside a {
    color: #ABF3E8; }
    aside a:hover, aside a:active, aside a:focus {
      color: #ABF3E8; }

@media (min-width: 768px) {
  main {
    margin-top: 20px; }

  aside {
    margin-top: 20px; } }
hr {
  border-top: 1px solid #3C8AD4; }

span.vsep {
  padding-left: 5px;
  padding-right: 5px; }

div.tag-list {
  margin-top: 20px; }

/* COULD BE USERFULL LATER 

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
*/

/*# sourceMappingURL=global.css.map */