@font-face {
    font-family: 'cta-picto';
    src:  url('../../fonts/cta-picto/cta-picto.eot');
    src:  url('../../fonts/cta-picto/cta-picto.eot') format('embedded-opentype'),
      url('../../fonts/cta-picto/cta-picto.ttf') format('truetype'),
      url('../../fonts/cta-picto/cta-picto.woff') format('woff'),
      url('../../fonts/cta-picto/cta-picto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="picto-"], [class*=" picto-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'cta-picto' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .picto-Arrow-Blanc .path1:before {
    content: "\e900";
    color: rgb(245, 245, 245);
  }
  .picto-Arrow-Blanc .path2:before {
    content: "\e902";
    margin-left: -0.8310546875em;
    color: rgb(250, 249, 247);
  }
  .picto-arrow .path1:before {
    content: "\e903";
    color: rgb(230, 164, 20);
  }
  .picto-arrow .path2:before {
    content: "\e904";
    margin-left: -0.8310546875em;
    color: rgb(230, 170, 18);
  }
  .picto-arrow_2 .path1:before {
    content: "\e905";
    color: rgb(46, 45, 45);
  }
  .picto-arrow_2 .path2:before {
    content: "\e906";
    margin-left: -0.8310546875em;
    color: rgb(60, 60, 60);
  }
  .picto-arrow-point-to-right:before {
    content: "\e908";
    color: #fab832;
  }
  .picto-BDC:before {
    content: "\e909";
    color: #fab832;
  }
  .picto-calendar:before {
    content: "\e90a";
    color: #fab832;
  }
  .picto-contact:before {
    content: "\e90b";
    color: #fab832;
  }
  .picto-facture:before {
    content: "\e90c";
    color: #fab832;
  }
  .picto-Groupe-interne:before {
    content: "\e90d";
    color: #fab832;
  }
  .picto-indice:before {
    content: "\e90e";
    color: #a9aaaa;
  }
  .picto-intervention:before {
    content: "\e90f";
    color: #fab832;
  }
  .picto-mes-tickets:before {
    content: "\e910";
    color: #fab832;
  }
  .picto-rparation:before {
    content: "\e911";
    color: #fab832;
  }
  .picto-ticket:before {
    content: "\e913";
    color: #fab832;
  }
  .picto-todo:before {
    content: "\e914";
    color: #fab832;
  }
  .picto-tous:before {
    content: "\e915";
    color: #fab832;
  }
  .picto-trash:before {
    content: "\e916";
    color: #fab832;
  }
  .picto-admin:before {
    content: "\e917";
    color: #fab832;
  }
  .picto-a-traiter:before {
    content: "\e918";
    color: #fab832;
  }
  .picto-bdc:before {
    content: "\e919";
    color: #fab832;
  }
  .picto-cerfa:before {
    content: "\e91b";
    color: #fab832;
  }
  .picto-contrat:before {
    content: "\e91d";
    color: #fab832;
  }
  .picto-handshake:before {
    content: "\e91e";
    color: #fab832;
  }
  .picto-description:before {
    content: "\e91f";
    color: #fab832;
  }
  .picto-doc:before {
    content: "\e920";
    color: #fab832;
  }
  .picto-echanges:before {
    content: "\e921";
    color: #fab832;
  }
  .picto-etat:before {
    content: "\e922";
    color: #fab832;
  }
  .picto-fini:before {
    content: "\e924";
    color: #fab832;
  }
  .picto-time:before {
    content: "\e925";
    color: #fab832;
  }
  .picto-group:before {
    content: "\e926";
    color: #fab832;
  }
  .picto-log-out:before {
    content: "\e928";
    color: #fab832;
  }
  .picto-mail:before {
    content: "\e929";
    color: #fab832;
  }
  .picto-pin:before {
    content: "\e92a";
    color: #fab832;
  }
  .picto-materiel:before {
    content: "\e92b";
    color: #fab832;
  }
  .picto-tickets:before {
    content: "\e92c";
    color: #fab832;
  }
  .picto-metier:before {
    content: "\e92d";
    color: #fab832;
  }
  .picto-parc:before {
    content: "\e92e";
    color: #fab832;
  }
  .picto-user:before {
    content: "\e92f";
    color: #fab832;
  }
  .picto-projet:before {
    content: "\e930";
    color: #fab832;
  }
  .picto-refresh:before {
    content: "\e931";
    color: #fab832;
  }
  .picto-reparation:before {
    content: "\e932";
    color: #fab832;
  }
  .picto-smartphone:before {
    content: "\e933";
    color: #fab832;
  }
  .picto-societes:before {
    content: "\e934";
    color: #fab832;
  }
  .picto-tag:before {
    content: "\e935";
    color: #fab832;
  }
  .picto-phone:before {
    content: "\e936";
    color: #fab832;
  }
  .picto-folders:before {
    content: "\e938";
    color: #fab832;
  }
  .picto-target:before {
    content: "\e939";
    color: #fab832;
  }
  .picto-users:before {
    content: "\e93b";
    color: #fab832;
  }
  .picto-validation:before {
    content: "\e93c";
    color: #fab832;
  }
  .picto-hp:before {
    content: "\e901";
    color: #fab832;
  }