:root {
  /* Colors */
  --brand-primary: #44943b;
  --brand-secondary: #205da4;
  --brand-danger: #e41f1d;

  --h5-color: #44943b;
  --h4-color: #205da4;

  --link-color: #ce7130;
  --border-color: #bbb;
  --menu-color: #ffffff;
  --menu-bg: var(--link-color);

  --body-bg: #fff;
  --container-bg: #fff;
  --couleurFond2: var(--body-bg);

  --btn-primary-bg: var(--brand-primary);
  --btn-success-bg: var(--brand-secondary);
  --btn-info-bg: var(--h4-color);
  --btn-danger-bg: var(--brand-danger);

  /* Program Colors */
  --couleurHoraire: grey;
  --couleurSession: black;
  --couleurParrainage: #310036;

  /* Typography */
  --font-family-base: 'Montserrat', "Helvetica Neue", Helvetica, sans-serif;
  --headings-font-family: 'Montserrat', "Helvetica Neue", Helvetica, sans-serif;
  --headings-font-weight: 600;
  --headings-line-height: 1.25;
  --font-family-secondary: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;

  /* Navigation & Navbar */
  --navbar-height: 36px;
  --navbar-default-color: var(--menu-color);
  --navbar-default-bg: var(--brand-secondary);
  --navbar-default-link-color: #ffffff;
  --navbar-default-link-hover-color: #ffffff;
  --navbar-default-link-active-bg: var(--navbar-default-bg);
  --navbar-default-link-active-color: var(--navbar-default-link-color);

  --dropdown-bg: rgba(238, 238, 238, 0.95);
  --dropdown-link-hover-bg: #9cc151;
  --dropdown-link-hover-color: #fff;
  --dropdown-link-color: #111;
  --dropdown-link-active-bg: #dfdfdf;
  --dropdown-link-active-color: var(--navbar-default-bg);

  /* Layout */
  --body-max-width: 1018px;
  --grid-gutter-width: 26px;
}

/* Base Helper Classes */

small,
.small {
  font-size: 12px;
  line-height: 16px;
  color: #555555;
}

strong {
  font-weight: 600;
}

.grasCouleur1 {
  color: var(--brand-primary);
  font-weight: 600;
}

.grasCouleur2 {
  color: var(--brand-secondary);
  font-weight: 600;
}



.grasCouleur4 {
  color: var(--h4-color);
  font-weight: 600;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* Layout & Elements */
body {
  font-family: var(--font-family-base);
  font-size: 14px;

  @media (min-width: 768px) {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}



header {
  max-width: var(--body-max-width);
  text-indent: -9999px;

  &.container {
    padding-left: 0;
    padding-right: 0;
  }

  h1,
  p {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }

  img {
    border-radius: 0;

    &.home {
      margin-top: 0;
      border-radius: 0;
    }
  }
}



footer {
  margin: 10px 0;
  text-align: center;
}

.pager {
  font-family: var(--headings-font-family);
}

/* Navigation Menu */
nav {
  max-width: var(--body-max-width);
  border-bottom: 0;
  border-radius: 0;
  padding: 0;
  font-family: var(--headings-font-family);
  font-size: 16px;
  font-weight: normal;

  ul.navbar-nav {
    @media (max-width: 768px) {
      margin: 4px;
    }

    @media (min-width: 768px) {
      margin: 10px -4px 4px -4px;
    }
  }

  .glyphicon {
    font-size: 12px;
    font-weight: normal;

    &:empty {
      width: 1.8em;
    }
  }

  .small.navbar-brand {
    font-size: 12px;
    line-height: 20px;
  }

  .nav-header {
    font-family: var(--headings-font-family);
    font-weight: bold;
    padding: 3px 20px;
  }

  .barremenu {
    border: 0;
  }

  &.navbar {
    min-height: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;

    .navbar-collapse {
      padding: 0;

      @media (min-width: 768px) {
        text-align: center;
      }

      .dropdown-menu {
        text-align: left;
      }
    }

    .navbar-nav {
      >li {
        @media (min-width: 768px) {
          border-left: 1px solid var(--menu-color);

          &:first-child {
            border-left: 0;
          }

          &:last-child {
            border-right: 0;
          }
        }

        >.dropdown-menu {
          margin-top: 4px;
        }

        >a {
          padding-top: 4px;
          padding-bottom: 4px;

          @media (min-width: 768px) {
            padding-top: 0;
            padding-bottom: 0;
          }
        }
      }

      @media (min-width: 768px) {
        display: inline-block;
        float: none;
      }
    }
  }
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: transparent;
}



/* Main Section */
#main {
  max-width: var(--body-max-width);
  padding: 15px 40px 25px 40px;
  background-color: var(--container-bg);
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);

  &.fond {
    background-repeat: no-repeat;
    background-position: right bottom;
  }



  h2,
  h3,
  h4 {
    font-family: var(--headings-font-family);
  }

  h2 {
    font-weight: 400;
    font-size: 36px;
    color: var(--brand-primary);
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 16px;
    color: var(--brand-secondary);
    margin-bottom: 4px;

    img {
      vertical-align: baseline;
      margin-right: 5px;
    }
  }

  h4 {
    font-size: 15px;
    color: var(--h4-color);
    margin-top: 20px;
    margin-bottom: 10px;

    img {
      vertical-align: bottom;
      margin-right: 5px;
    }
  }

  h6 {
    color: var(--brand-secondary);
    margin-bottom: 10px;
    font-size: 15px;
    margin-top: 0;
  }

  &.liens h4 {
    margin-bottom: 0;
  }

  h3+h4 {
    margin-top: 10px;
  }

  h5 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--h5-color);

    &.label-primary {
      background-color: var(--brand-secondary);
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      padding: 5px 5px 4px 8px;
      color: white;
    }

    &.label-work {
      background-color: #a9a9a9;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      padding: 5px 5px 4px 8px;
      color: white;
    }

    &.label-vert {
      background-color: var(--brand-primary);
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      padding: 5px 5px 4px 8px;
      color: white;
    }

    &.label-vert2 {
      background-color: #9cc151;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      padding: 5px 5px 4px 8px;
      color: white;
    }

    &.label-primary2 {
      background-color: var(--h5-color);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
      padding: 4px 5px 3px 6px;
      color: white;
      display: inline;
    }

    &.label-primary3 {
      background-color: var(--brand-secondary);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
      padding: 4px 5px 3px 6px;
      color: white;
      display: inline;
    }

    &.label-condition {
      text-align: center;
      background-color: var(--h5-color);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      padding: 5px 8px 4px 8px;
      color: white;
      display: inline-block;
    }

    &.label-partner {
      text-align: center;
      background-color: var(--brand-secondary);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
      padding: 5px 8px 4px 8px;
      color: white;
      display: inline-block;
    }

    &.label-vertclair {
      text-align: center;
      background-color: #b2c536;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
      padding: 5px 8px 4px 8px;
      color: white;
      display: inline-block;
    }

    &.label-sponsors {
      text-align: center;
      background-color: var(--brand-primary);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
      padding: 5px 8px 4px 8px;
      color: white;
      display: inline-block;
    }

    &.label-primary4 {
      background-color: var(--brand-secondary);
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      padding: 5px 5px 4px 8px;
      color: white;
    }

    &.label-primary5 {
      background-color: #2656a0;
      font-weight: 500;
      letter-spacing: 0.5px;
      margin-bottom: -10px;
      padding: 5px 5px 5px 8px;
      border-radius: 6px;
      color: white;
      margin-left: -20px;
    }
  }

  .numberCircle {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-left: -30px;
    padding: 0;
    background: #fff;
    border: 2px solid #205da4;
    color: var(--brand-secondary);
    font-weight: 600;
    text-align: center;
    font: 16px Helvetica;
    display: inline-block;
  }

  .cadre {
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 8px 8px 8px 10px;
    border: 1px solid var(--border-color);
    border-radius: 6px;

    p:first-child,
    h3:first-child,
    h4:first-child,
    ul:first-child {
      margin-top: 0;
    }

    p:last-child,
    h3:last-child,
    h4:last-child,
    ul:last-child {
      margin-bottom: 0;
    }
  }

  .derouleur {
    font-weight: 800;
    margin-left: 20px;
    margin-right: 20px;
    padding: 4px 0;
    background: #aaa;
    color: #fff;
    width: 35px;
    float: left;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
  }

  .boxed-grey {
    background: #eef6f9;
    padding: 3px 25px 12px 25px;
  }

  .boxed-green {
    background: #f0f6e5;
    padding: 3px 25px 12px 25px;
  }

  .boxed-index {
    background: #eef6f9;
    padding: 15px 10px 5px 10px;
  }

  .boxed-grey2 {
    border: 2px solid;
    border-color: var(--brand-danger);
    padding: 0 15px;
    font-size: 13px;
  }

  .cadreeco {
    color: var(--brand-secondary);
    margin-top: 5px;
    margin-left: -5px;
    margin-bottom: 15px;
    padding: 8px 8px 8px 10px;
    border: 1px solid;
    border-color: var(--brand-secondary);
    border-radius: 6px;
  }

  .cadre2 {
    color: var(--h5-color);
    margin-top: 5px;
    margin-left: -5px;
    margin-bottom: 15px;
    padding: 8px 8px 8px 10px;
    border: 1px solid;
    border-color: var(--h5-color);
    border-radius: 6px;
  }

  .cadre3 {
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline;
    padding: 8px 8px 8px 10px;
    border: 1px solid;
    color: var(--brand-primary);
    border-radius: 0;
  }

  .filet {
    border-top: 1px solid var(--border-color);
    margin-top: 5px;
    padding-top: 10px;
  }

  .menu-like {
    background-color: var(--navbar-default-bg);
    color: white;
    letter-spacing: 1px;
    padding: 5px 5px 5px 8px;
  }

  .newspaper ul {
    margin-left: -23px;
    line-height: 22px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    max-width: 700px;
  }

  hr {
    border-top: 1px solid var(--border-color);
    clear: both;
  }

  .dashed {
    border-top: 1px dashed var(--border-color);
  }

  .session {
    color: var(--couleurSession);
    font-family: var(--font-family-base);

    strong {
      font-weight: 520;
    }

    /* make-sm-column(12) on a 14-column layout grid */
    position: relative;
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;

    @media (min-width: 768px) {
      float: left;
      width: 85.71428571%;
    }

    p:first-child,
    h3:first-child,
    h4:first-child,
    h5:first-child {
      margin-top: 0;
    }

    h4,
    h5 {
      margin-left: 26px;
    }
  }

  &.sponsoring {
    ul {
      margin: 20px 0 0 0;
      padding: 0;
      text-align: center;

      li {
        margin: 30px 20px 20px 20px;
        padding: 0;
        width: 240px;
        list-style-type: none;
        display: inline-block;

        img {
          border: none;
          vertical-align: middle;
        }
      }
    }
  }

  &.edito {
    h3 {
      font-size: 18px;
    }

    .cadre4 {
      margin-top: 15px;
      margin-bottom: 30px;
      display: inline;
      padding: 8px 8px 8px 10px;
      border: 1px solid;
      color: #e32a30;
      border-radius: 0;
    }

    h4 {
      font-size: 15px;
      color: var(--brand-primary);

      &.label-session2-1 {
        background-color: #205DA4;
        color: #ffffff;
        display: inline;
        font-size: 15px;
        padding: 3px 8px;
        border-radius: 4px;
        letter-spacing: -0.02em;
        margin-top: -2px;
        margin-bottom: 15px;
        vertical-align: middle;
      }
    }

    .contenu {
      text-align: justify;
    }

    img {
      border: 1px solid var(--border-color);
      margin-top: 10px;
    }
  }

  &.programme {
    h2 {
      margin-bottom: 30px;
    }

    h3 {
      color: var(--brand-primary);
      margin-top: 22px;
      margin-bottom: 5px;
    }

    h4 {
      color: #007c48;
      margin-bottom: 4px;
      font-size: 14px;

      &.label-session {
        background-color: var(--brand-primary);
        font-size: 14px;
        font-weight: 500;
        padding: 4px 7px 3px 6px;
        color: white;
        display: inline;
        margin-top: 20px;
      }
    }

    h4 a {
      float: right;
      display: block;
      padding: 1px 6px;
      font-size: 13px;
      font-weight: normal;
      color: var(--couleurHoraire);
      border: solid 1px var(--border-color);
      border-radius: 5px;
      text-decoration: none;
      margin-right: 0px;
    }

    h5 {
      margin-bottom: 15px;
      font-size: 15px;

      &.label-session {
        background-color: #6691c9;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 8px 5px 8px;
        border-radius: 6px;
        color: white;
        display: inline;
        margin-top: 20px;
        margin-left: 13px;
      }

      &.label-poster-session {
        background-color: #c3d17d;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 8px 5px 8px;
        border-radius: 6px;
        color: black;
        display: inline;
        margin-top: 20px;
        margin-left: 13px;
      }


      &.label-primary {
        background-color: var(--brand-secondary);
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        padding: 5px 5px 4px 8px;
        color: white;
      }

      &.label-condition {
        text-align: center;
        background-color: var(--h5-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 5px 8px 4px 8px;
        color: white;
        display: inline-block;
      }

      &.label-partner {
        text-align: center;
        background-color: var(--brand-secondary);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-bottom: 25px;
        padding: 5px 8px 4px 8px;
        color: white;
        display: inline-block;
      }

      &.label-sponsors {
        text-align: center;
        background-color: var(--brand-primary);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-bottom: 25px;
        padding: 5px 8px 4px 8px;
        color: white;
        display: inline-block;
      }

      &.label-vert {
        background-color: var(--brand-primary);
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 10px;
        padding: 5px 5px 4px 8px;
        color: white;
      }

      &.label-primary2 {
        background-color: var(--h5-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-bottom: 25px;
        padding: 4px 5px 3px 6px;
        color: white;
        display: inline;
      }
    }

    hr.dashed {
      border-top: 1px dashed #a2a2a2;
      margin-top: 3px;
      margin-bottom: 13px;
    }

    ul {
      margin-left: -23px;
    }

    .horaire {
      color: var(--couleurHoraire);

      /* make-sm-column(2) on 14-column layout grid */
      position: relative;
      min-height: 1px;
      padding-left: 13px;
      padding-right: 13px;
      margin-top: 2px;
      font-size: 12px;

      @media (min-width: 768px) {
        float: left;
        width: 14.28571428%;
        text-align: right;
      }
    }

    .horaire-titre1 {
      color: var(--couleurHoraire);

      /* make-sm-column(2) on 14-column layout grid */
      position: relative;
      min-height: 1px;
      padding-left: 13px;
      padding-right: 4px;
      margin-top: 7px;
      font-size: 12px;

      @media (min-width: 768px) {
        float: left;
        width: 14.28571428%;
        text-align: right;
      }
    }

    .horaire-titre2 {
      color: var(--couleurHoraire);

      /* make-sm-column(2) on 14-column layout grid */
      position: relative;
      min-height: 1px;
      padding-left: 13px;
      padding-right: 4px;
      margin-top: 2px;
      font-size: 12px;

      @media (min-width: 768px) {
        float: left;
        width: 14.28571428%;
        text-align: right;
      }
    }

    .horaire2 {
      color: var(--couleurHoraire);

      /* make-sm-column(2) on 14-column layout grid */
      position: relative;
      min-height: 1px;
      padding-left: 13px;
      padding-right: 13px;
      font-size: 12px;

      @media (min-width: 768px) {
        float: left;
        width: 14.28571428%;
        text-align: right;
        font-weight: 500;
      }
    }

    .pause {
      color: #f17436;
    }

    h5 a {
      float: right;
      display: block;
      padding: 1px 6px;
      font-size: 13px;
      font-weight: normal;
      color: var(--couleurHoraire);
      border: solid 1px var(--border-color);
      border-radius: 5px;
      text-decoration: none;
      margin-right: 0px;
    }

    .theme {
      font-size: 15px;
      color: var(--brand-primary);
      margin-top: 10px;
      margin-bottom: 15px;
    }

    .pause1 {
      color: #40556a;
      margin-top: 20px;
      margin-bottom: 15px;
    }

    .animation {
      color: #006f2e;
    }

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

    .assemblee {
      color: #82c74f;
    }

    h4+ul,
    h4+ol,
    h5+p {
      margin-top: 5px;
    }

    .rangee {
      /* make-row() */
      margin-left: -13px;
      margin-right: -13px;

      &::before,
      &::after {
        content: " ";
        display: table;
      }

      &::after {
        clear: both;
      }
    }

    .rangee:has(hr.dashed) {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
      margin-left: 5px;
    }

    h2,
    h3,
    h4 {
      &.couleur1 {
        color: var(--brand-primary);
      }

      &.couleur2 {
        color: var(--brand-secondary);
      }
    }
  }

  .flotteADroite {
    float: right;
    margin: 0 0 20px 20px;
  }

  .hidden {
    display: none;
  }

  .parrainage {
    margin-top: 0;
    border-radius: 6px;
    float: left;
    padding: 2px 6px;
    color: var(--couleurParrainage);
    border: 1px solid var(--couleurParrainage);
  }

  .contenu {
    /* make-sm-column(10) on a 14-column layout grid */
    position: relative;
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 20px;
    text-align: justify;

    @media (min-width: 768px) {
      float: left;
      width: 71.42857143%;
      border-right: 1px solid var(--border-color);
    }

    img {
      border: 1px solid var(--border-color);
      margin-top: 15px;
    }
  }

  .bande-droite {
    /* make-sm-column(4) on a 14-column layout grid */
    position: relative;
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: -1px;
    padding-left: 20px;
    padding-right: 0;
    margin-top: 16px;
    line-height: 18px;

    @media (min-width: 768px) {
      float: left;
      width: 28.57142857%;
      border-left: 1px solid var(--border-color);
    }

    @media (max-width: 768px) {
      border-top: 2px solid #a7a7a7;
      padding-top: 24px;

      div {
        max-width: 300px;
        margin: auto;
      }
    }
  }

  #sponsoring {
    ul {
      margin: 20px 0 0 0;
      padding: 0;
      text-align: center;

      li {
        margin: 30px 20px 20px 20px;
        padding: 0;
        width: 240px;
        list-style-type: none;
        display: inline-block;

        img {
          border: none;
          vertical-align: middle;
        }
      }
    }
  }

  /* Form Styles (translated from form.less) */
  fieldset {
    margin-top: 15px;
  }

  legend {
    color: var(--brand-secondary);

    small {
      font-size: 16px;
      color: gray;
    }
  }

  form h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  label {
    font-weight: normal;
  }

  .star {
    font-style: normal;
    font-weight: bold;
    color: #ff0000;
  }

  hr.dashed {
    border-top: 1px dashed #a2a2a2;
  }

  .form-container {
    width: 112%;
  }

  .form-actions {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  ul.steps {
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;

    li {
      margin: 0 5px;
      padding: 2px 0;
      width: 32px;
      height: 32px;
      list-style-type: none;
      display: inline-block;
      font-size: 17px;
      font-weight: bold;
      text-align: center;
      cursor: default;
      border: 2px solid #B3B3B3;
      border-radius: 16px;

      &.past {
        color: white;
        background-color: #B3B3B3;

        a {
          color: white;
          cursor: pointer;

          &:hover {
            text-decoration: none;
          }
        }
      }

      &.current {
        color: white;
        background-color: var(--brand-secondary);
        border-color: var(--brand-secondary);
      }

      &.future {
        color: #B3B3B3;
      }
    }
  }

  form.submited {

    input.ng-invalid,
    select.ng-invalid,
    textarea.ng-invalid {
      border-color: var(--brand-danger);
    }

    label.ng-invalid {
      color: var(--brand-danger);
    }
  }

  .spin {
    animation: spin 1s infinite linear;
  }

  .editor {
    position: relative;

    h4 {
      margin-top: 20px;
      margin-bottom: 12px;
    }

    .wysihtml5-toolbar {
      position: absolute;
      top: -5px;
      right: 0;
    }
  }

  #abstractPreview {
    margin-top: 20px;
    padding: 20px;
    text-align: justify;
    border: 1px solid var(--border-color);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);

    p {
      margin: 0;
    }

    ol {
      margin-top: 7px;
    }
  }

  #montantTotal {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 8px 8px 8px 10px;
    border: 1px solid #e5e5e5;
  }

  #recapitulatif {
    margin-top: 18px;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    margin-bottom: 15px;

    .montantADroite {
      float: right;
      padding-left: 20px;
      color: gray;
      font-weight: bold;
    }

    .iconADroite {
      float: right;
      padding-left: 10px;
      font-size: 14px;
      font-weight: normal;

      a {
        color: gray;
      }

      i {
        text-decoration: none;
        padding-right: 5px;
      }
    }

    ul.listeOptions {
      font-size: 13px;
      margin-left: 2px;
      margin-bottom: 6px;
      list-style: square inside;
    }

    h4.montantTotal {
      color: var(--brand-secondary);

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

    hr {
      margin-left: -12px;
      margin-right: -12px;
      margin-top: 10px;
      margin-bottom: -9px;
    }
  }
}

/* Filet plein - hors du nesting pour garantir l'application */
hr.nodashed {
  clear: both;
  border: 0;
  border-top: 1px solid #bbb;
}

/* Animations */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* AngularJS */
[ng-cloak] {
  display: none;
}