/*************** Initialisation ***************/
/*************** icones ***************/
/*Variables*/
/* line 17, ../scss/stylesheets/styles.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 31, ../scss/stylesheets/styles.scss */
.autocomplete-suggestions {
  border: none;
  border: 3px solid #005695;
  margin-top: -3px;
  font-size: 0.8em; }
  /* line 38, ../scss/stylesheets/styles.scss */
  .autocomplete-suggestions .autocomplete-suggestion strong {
    color: #0074C8;
    font-weight: normal; }

/* line 45, ../scss/stylesheets/styles.scss */
body {
  font-family: 'Roboto Condensed', 'Arial Condensed', Sans-serif;
  font-size: 28px;
  color: #49556A;
  background-color: #EEEEEE;
  line-height: 1.6em; }
  /* line 53, ../scss/stylesheets/styles.scss */
  body #dtbox .dtpicker-title {
    color: #49556A;
    font-family: 'Bebas Neue'; }
  /* line 58, ../scss/stylesheets/styles.scss */
  body #dtbox .dtpicker-close {
    color: #0074C8; }
  /* line 63, ../scss/stylesheets/styles.scss */
  body #wrapHeader {
    background-color: #0074C8; }
    /* line 66, ../scss/stylesheets/styles.scss */
    body #wrapHeader header {
      position: relative;
      height: 85px;
      padding: 0.5em 5%; }
      /* line 71, ../scss/stylesheets/styles.scss */
      body #wrapHeader header > * {
        display: inline-block;
        vertical-align: middle; }
      /* line 76, ../scss/stylesheets/styles.scss */
      body #wrapHeader header a {
        display: inline-block;
        height: 100%; }
        /* line 80, ../scss/stylesheets/styles.scss */
        body #wrapHeader header a img {
          height: 100%;
          width: auto; }
      /* line 86, ../scss/stylesheets/styles.scss */
      body #wrapHeader header h1 {
        font-family: Roboto, Arial, Sans-serif;
        position: absolute;
        right: 5%;
        top: 0.2em;
        color: white;
        text-transform: lowercase;
        font-size: 1.2em; }
        /* line 96, ../scss/stylesheets/styles.scss */
        body #wrapHeader header h1 span.largeSlashes {
          position: relative;
          top: 0.15em;
          left: 0.1em;
          font-size: 2em;
          letter-spacing: -7px; }
        /* line 105, ../scss/stylesheets/styles.scss */
        body #wrapHeader header h1 strong {
          font-weight: 900; }
  /* line 113, ../scss/stylesheets/styles.scss */
  body #main, body #wrapHeader > header, body .errorDiv {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%; }
  /* line 122, ../scss/stylesheets/styles.scss */
  body .errorDiv {
    background-color: white;
    border: 3px solid #C60051;
    margin-top: 3em;
    margin-bottom: 2em;
    padding-top: 1em; }
    /* line 129, ../scss/stylesheets/styles.scss */
    body .errorDiv.infoDiv {
      border-color: #0074C8; }
    /* line 133, ../scss/stylesheets/styles.scss */
    body .errorDiv#validationError {
      display: none; }
    /* line 137, ../scss/stylesheets/styles.scss */
    body .errorDiv > *:last-child {
      margin-bottom: 1em; }
    /* line 141, ../scss/stylesheets/styles.scss */
    body .errorDiv span.codeId {
      font-family: 'Courier New', Monospace;
      font-weight: bold;
      color: #7787a2;
      font-size: 0.9em; }
    /* line 148, ../scss/stylesheets/styles.scss */
    body .errorDiv p {
      color: #0074C8; }
      /* line 151, ../scss/stylesheets/styles.scss */
      body .errorDiv p + p {
        margin-top: 1em; }
      /* line 155, ../scss/stylesheets/styles.scss */
      body .errorDiv p.error::before {
        content: 'x';
        display: inline-block;
        margin-right: 0.5em;
        color: #C60051;
        font-size: 1.5em; }
      /* line 163, ../scss/stylesheets/styles.scss */
      body .errorDiv p.success::before {
        content: 'o';
        display: inline-block;
        margin-right: 0.5em;
        color: #57C457;
        font-size: 1.5em; }
      /* line 171, ../scss/stylesheets/styles.scss */
      body .errorDiv p.info::before {
        content: '?';
        display: inline-block;
        margin-right: 0.5em;
        color: #7787a2;
        font-size: 1.5em; }
      /* line 179, ../scss/stylesheets/styles.scss */
      body .errorDiv p + ul {
        padding-left: 1.5em;
        list-style-type: disc;
        list-style-position: inside;
        font-family: 'Bebas Neue'; }
        /* line 185, ../scss/stylesheets/styles.scss */
        body .errorDiv p + ul li {
          text-indent: -0.9em;
          margin-left: 0.9em; }
  /* line 193, ../scss/stylesheets/styles.scss */
  body #main {
    background-color: white;
    padding-top: 2em; }
    /* line 197, ../scss/stylesheets/styles.scss */
    body #main form {
      padding-bottom: 1em; }
      /* line 200, ../scss/stylesheets/styles.scss */
      body #main form label, body #main form legend, body #main form p {
        font-family: 'Bebas Neue'; }
        /* line 203, ../scss/stylesheets/styles.scss */
        body #main form label .requiredStar, body #main form legend .requiredStar, body #main form p .requiredStar {
          color: #C60051;
          position: relative;
          bottom: 0.2em; }
      /* line 210, ../scss/stylesheets/styles.scss */
      body #main form .separateur {
        position: relative;
        height: 1.2em;
        margin-top: -0.7em;
        text-align: center;
        border-bottom: 2px solid #49556A;
        width: 100%; }
        /* line 218, ../scss/stylesheets/styles.scss */
        body #main form .separateur p {
          display: inline-block;
          position: relative;
          top: 0.35em;
          padding: 0 0.25em;
          background-color: white; }
      /* line 227, ../scss/stylesheets/styles.scss */
      body #main form section, body #main form .separateur {
        margin-bottom: 1em; }
      /* line 231, ../scss/stylesheets/styles.scss */
      body #main form .entreChamps {
        display: inline-block;
        width: 5%;
        text-align: center; }
      /* line 237, ../scss/stylesheets/styles.scss */
      body #main form div.hideFields {
        display: none; }
      /* line 242, ../scss/stylesheets/styles.scss */
      body #main form fieldset label:not(.after) {
        display: block;
        margin-bottom: 0.5em;
        padding-left: 0.5em; }
      /* line 248, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetOptions {
        margin-top: 1em;
        margin-bottom: 1em; }
      /* line 254, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetEquipment .equipmentTitles {
        position: relative;
        font-family: 'Bebas Neue'; }
        /* line 258, ../scss/stylesheets/styles.scss */
        body #main form fieldset#fsetEquipment .equipmentTitles h2 {
          display: inline-block;
          padding-left: 0.5em; }
          /* line 262, ../scss/stylesheets/styles.scss */
          body #main form fieldset#fsetEquipment .equipmentTitles h2.titleNombre {
            width: 15%; }
          /* line 266, ../scss/stylesheets/styles.scss */
          body #main form fieldset#fsetEquipment .equipmentTitles h2.titleItem {
            width: 82%;
            float: right; }
      /* line 274, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetEquipment .equipmentEntry.hiddenEquipmentEntry {
        display: none; }
      /* line 278, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetEquipment .equipmentEntry input {
        display: inline-block;
        margin-bottom: 0; }
        /* line 282, ../scss/stylesheets/styles.scss */
        body #main form fieldset#fsetEquipment .equipmentEntry input[type="number"] {
          width: 15%; }
        /* line 286, ../scss/stylesheets/styles.scss */
        body #main form fieldset#fsetEquipment .equipmentEntry input[type="text"] {
          width: 82%;
          float: right; }
      /* line 296, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetSignature div.sigWrapper canvas.pad {
        border: 3px solid #0074C8; }
        /* line 299, ../scss/stylesheets/styles.scss */
        body #main form fieldset#fsetSignature div.sigWrapper canvas.pad:hover {
          cursor: crosshair; }
      /* line 306, ../scss/stylesheets/styles.scss */
      body #main form fieldset#fsetSignature ul.sigNav .clearButton {
        font-family: 'Bebas Neue';
        color: white;
        background-color: #0074C8; }
        /* line 311, ../scss/stylesheets/styles.scss */
        body #main form fieldset#fsetSignature ul.sigNav .clearButton a {
          padding: 0.5em;
          display: inline-block;
          float: right;
          background-color: #0074C8;
          line-height: 1.2em; }
          /* line 318, ../scss/stylesheets/styles.scss */
          body #main form fieldset#fsetSignature ul.sigNav .clearButton a:link {
            color: white;
            text-decoration: none; }
          /* line 323, ../scss/stylesheets/styles.scss */
          body #main form fieldset#fsetSignature ul.sigNav .clearButton a:visited {
            color: white; }
          /* line 327, ../scss/stylesheets/styles.scss */
          body #main form fieldset#fsetSignature ul.sigNav .clearButton a:active {
            color: white; }
      /* line 335, ../scss/stylesheets/styles.scss */
      body #main form fieldset button {
        background-color: transparent;
        background-image: none;
        font-family: inherit;
        font-size: inherit;
        border: none;
        outline: none;
        -moz-border-radius: none;
        -webkit-border-radius: none;
        border-radius: none;
        padding: 0.5em;
        margin-top: 0.7em;
        font-family: 'Bebas Neue';
        background-color: #0074C8;
        color: white; }
        /* line 343, ../scss/stylesheets/styles.scss */
        body #main form fieldset button[type="submit"] {
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 2em;
          font-size: 1.2em;
          padding: 0.5em 1.5em; }
        /* line 352, ../scss/stylesheets/styles.scss */
        body #main form fieldset button .imgPreloader {
          position: absolute;
          display: inline-block;
          top: 50%;
          left: 50%;
          margin-top: -27.5px;
          margin-left: -27.5px;
          height: 55px;
          width: auto;
          opacity: 0; }
      /* line 366, ../scss/stylesheets/styles.scss */
      body #main form fieldset button:hover {
        cursor: pointer; }
      /* line 370, ../scss/stylesheets/styles.scss */
      body #main form fieldset button.clearField {
        background-color: transparent;
        background-image: none;
        font-family: inherit;
        font-size: inherit;
        border: none;
        outline: none;
        -moz-border-radius: none;
        -webkit-border-radius: none;
        border-radius: none;
        padding: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        border-bottom: 2px solid transparent;
        padding: 0 10px;
        font-size: 1.5em;
        color: #C60051; }
      /* line 383, ../scss/stylesheets/styles.scss */
      body #main form fieldset section {
        position: relative; }
        /* line 386, ../scss/stylesheets/styles.scss */
        body #main form fieldset section label:not(.checkbox) {
          padding-left: 1.2em;
          margin-left: -0.7em; }
        /* line 391, ../scss/stylesheets/styles.scss */
        body #main form fieldset section#durationParent {
          position: relative; }
          /* line 394, ../scss/stylesheets/styles.scss */
          body #main form fieldset section#durationParent .durationUnit {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            font-family: 'Roboto Condensed','Arial Condensed',Sans-serif;
            font-size: 0.8em;
            bottom: 1em;
            left: 2.7em; }
        /* line 405, ../scss/stylesheets/styles.scss */
        body #main form fieldset section.halfWidth {
          display: inline-block;
          position: relative;
          width: 47%; }
          /* line 410, ../scss/stylesheets/styles.scss */
          body #main form fieldset section.halfWidth:nth-of-type(even) {
            float: right; }
            /* line 413, ../scss/stylesheets/styles.scss */
            body #main form fieldset section.halfWidth:nth-of-type(even)::after {
              content: '';
              clear: both; }
          /* line 419, ../scss/stylesheets/styles.scss */
          body #main form fieldset section.halfWidth:nth-of-type(odd) {
            float: left; }
        /* line 424, ../scss/stylesheets/styles.scss */
        body #main form fieldset section#sectIncident, body #main form fieldset section#sectProject {
          position: relative; }
          /* line 428, ../scss/stylesheets/styles.scss */
          body #main form fieldset section#sectIncident label[for="incident"], body #main form fieldset section#sectProject label[for="incident"] {
            display: inline-block; }
          /* line 432, ../scss/stylesheets/styles.scss */
          body #main form fieldset section#sectIncident #sectMesIncidents, body #main form fieldset section#sectProject #sectMesIncidents {
            display: inline-block;
            float: right; }
        /* line 438, ../scss/stylesheets/styles.scss */
        body #main form fieldset section textarea {
          height: 8em; }
        /* line 442, ../scss/stylesheets/styles.scss */
        body #main form fieldset section input, body #main form fieldset section select, body #main form fieldset section textarea {
          -moz-appearance: none;
          -webkit-appearance: none;
          background-color: transparent;
          background-image: none;
          margin-bottom: 0.8em;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0; }
          /* line 449, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input:focus, body #main form fieldset section select:focus, body #main form fieldset section textarea:focus {
            border-color: #005695 !important; }
          /* line 453, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input:not([type="checkbox"]):not([type="radio"]), body #main form fieldset section select:not([type="checkbox"]):not([type="radio"]), body #main form fieldset section textarea:not([type="checkbox"]):not([type="radio"]) {
            width: 100%;
            padding: 0.4em 0.6em;
            border: 3px solid #0074C8;
            font-size: 0.8em;
            font-family: inherit;
            color: inherit; }
          /* line 462, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input[type="checkbox"], body #main form fieldset section input[type="radio"], body #main form fieldset section select[type="checkbox"], body #main form fieldset section select[type="radio"], body #main form fieldset section textarea[type="checkbox"], body #main form fieldset section textarea[type="radio"] {
            vertical-align: middle; }
        /* line 467, ../scss/stylesheets/styles.scss */
        body #main form fieldset section select {
          background-image: url("../images/downArrow.png") !important;
          background-size: auto 20%;
          background-position: right center;
          background-repeat: no-repeat; }
        /* line 474, ../scss/stylesheets/styles.scss */
        body #main form fieldset section .dateInput {
          background-image: url("../images/calendar.png") !important;
          background-size: auto 70%;
          background-position: right center;
          background-repeat: no-repeat; }
        /* line 481, ../scss/stylesheets/styles.scss */
        body #main form fieldset section .timeInput {
          background-image: url("../images/clock.png") !important;
          background-size: auto 70%;
          background-position: right center;
          background-repeat: no-repeat; }
        /* line 488, ../scss/stylesheets/styles.scss */
        body #main form fieldset section input[type="checkbox"] {
          opacity: 0;
          position: absolute; }
          /* line 492, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input[type="checkbox"]:hover, body #main form fieldset section input[type="checkbox"] ~ *:hover {
            cursor: pointer; }
          /* line 496, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input[type="checkbox"] + .checkbox {
            position: relative;
            top: 0.15em;
            display: inline-block;
            width: 1.1em;
            height: 1.1em;
            vertical-align: middle;
            border: 3px solid #0074C8; }
            /* line 505, ../scss/stylesheets/styles.scss */
            body #main form fieldset section input[type="checkbox"] + .checkbox::after {
              content: '';
              visibility: hidden;
              display: inline-block;
              position: absolute;
              left: 0.1em;
              top: -0.35em;
              width: 1.2em;
              height: 1.2em;
              background-image: url("../images/checkmark.png");
              background-size: contain;
              background-repeat: no-repeat; }
          /* line 521, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input[type="checkbox"]:checked + .checkbox::after {
            visibility: visible; }
          /* line 526, ../scss/stylesheets/styles.scss */
          body #main form fieldset section input[type="checkbox"]:focus + .checkbox {
            border-color: #005695; }

@media screen and (max-width: 900px) {
  /* line 537, ../scss/stylesheets/styles.scss */
  body > #wrapHeader > header {
    height: auto; }
    /* line 540, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header a {
      height: 65px;
      display: block;
      margin-bottom: 65px; }
    /* line 546, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header h1 {
      bottom: 15px;
      top: auto; } }
@media screen and (max-width: 750px) {
  /* line 556, ../scss/stylesheets/styles.scss */
  body #main form fieldset#fsetEquipment .equipmentTitles h2.titleNombre {
    width: 30%; }
  /* line 560, ../scss/stylesheets/styles.scss */
  body #main form fieldset#fsetEquipment .equipmentTitles h2.titleItem {
    width: 67%; }
  /* line 566, ../scss/stylesheets/styles.scss */
  body #main form fieldset#fsetEquipment .equipmentEntry input[type="number"] {
    width: 30%; }
  /* line 570, ../scss/stylesheets/styles.scss */
  body #main form fieldset#fsetEquipment .equipmentEntry input[type="text"] {
    width: 67%; } }
@media screen and (max-width: 650px) {
  /* line 578, ../scss/stylesheets/styles.scss */
  body > #wrapHeader > header {
    height: auto; }
    /* line 581, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header a {
      height: 48px;
      margin-bottom: 50px; }
    /* line 586, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header h1 {
      bottom: 10px;
      top: auto;
      font-size: 0.8em; } }
@media screen and (max-width: 500px) {
  /* line 596, ../scss/stylesheets/styles.scss */
  .halfWidth {
    display: block !important;
    width: 100% !important; }

  /* line 601, ../scss/stylesheets/styles.scss */
  body #main form fieldset section#durationParent .durationUnit {
    bottom: 1em; } }
@media screen and (max-width: 450px) {
  /* line 607, ../scss/stylesheets/styles.scss */
  body > #wrapHeader > header {
    height: auto; }
    /* line 610, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header a {
      height: 30px;
      margin-bottom: 45px; }
    /* line 615, ../scss/stylesheets/styles.scss */
    body > #wrapHeader > header h1 {
      bottom: 5px;
      top: auto;
      font-size: 0.7em; } }