/**************************************************************************************************************/
/*
			NOM DU SITE - Typos utlisees sur le site			
*/
/**************************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Pompiere&family=Rubik:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap');


@font-face {
    font-family: 'fontawesome';
    src: url('../typos/fontawesome-webfont.eot');
    src: url('../typos/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('../typos/fontawesome-webfont.woff2') format('woff2'),
    url('../typos/fontawesome-webfont.woff') format('woff'),
    url('../typos/fontawesome-webfont.ttf') format('truetype'),
    url('../typos/fontawesome-webfont.svg#fontawesome') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'icomoon';
    src:  url('../typos/icomoon.eot?awfw4');
    src:  url('../typos/icomoon.eot?awfw4#iefix') format('embedded-opentype'),
      url('../typos/icomoon.ttf?awfw4') format('truetype'),
      url('../typos/icomoon.woff?awfw4') format('woff'),
      url('../typos/icomoon.svg?awfw4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon', var(--font-current) !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;
  }
  .icon-download:before {
    content: "\e929";
  }
  
  .icon-send:before {
    content: "\e928";
  }
  
  .icon-menu:before {
    content: "\e927";
  }
  .icon-23:before {
    content: "\e90a";
  }
  .icon-bank-card:before {
    content: "\e90b";
  }
  .icon-cheque:before {
    content: "\e90c";
  }
  .icon-close:before {
    content: "\e925";
  }
  .icon-comments:before {
    content: "\e90d";
  }
  .icon-contact:before {
    content: "\e90e";
  }
  .icon-contact-information:before {
    content: "\e90f";
  }
  .icon-donate:before {
    content: "\e910";
  }
  .icon-donor:before {
    content: "\e911";
  }
  .icon-donors:before {
    content: "\e912";
  }
  .icon-donors-solid:before {
    content: "\e922";
  }
  .icon-edit:before {
    content: "\e923";
  }
  .icon-goal:before {
    content: "\e913";
  }
  .icon-hourglass:before {
    content: "\e914";
  }
  .icon-money:before {
    content: "\e915";
  }
  .icon-money-solid:before {
    content: "\e916";
  }
  .icon-nav:before {
    content: "\e926";
  }
  .icon-news:before {
    content: "\e924";
  }
  .icon-project:before {
    content: "\e917";
  }
  .icon-project-solid:before {
    content: "\e918";
  }
  .icon-secured:before {
    content: "\e919";
  }
  .icon-stopwatch:before {
    content: "\e91a";
  }
  .icon-transfer:before {
    content: "\e91b";
  }
  .icon-user:before {
    content: "\e91c";
  }
  .icon-users:before {
    content: "\e91d";
  }
  .icon-validate:before {
    content: "\e91e";
  }
  .icon-waiting:before {
    content: "\e91f";
  }
  .icon-why:before {
    content: "\e920";
  }
  .icon-zoom:before {
    content: "\e921";
  }
  .icon-separateur:before {
    content: "\e908";
    color: #00348d;
  }
  .icon-comment:before {
    content: "\e900";
    color: #00348d;
  }
  .icon-donateurs:before {
    content: "\e901";
    color: #00348d;
  }
  .icon-down:before {
    content: "\e902";
    color: #00348d;
  }
  .icon-ou:before {
    content: "\e903";
    color: #00348d;
  }
  .icon-pourquoi:before {
    content: "\e904";
    color: #00348d;
  }
  .icon-projets:before {
    content: "\e905";
    color: #00348d;
  }
  .icon-recoltes:before {
    content: "\e906";
    color: #00348d;
  }
  .icon-search:before {
    content: "\e907";
  }
  .icon-separateurVertical:before {
    content: "\e909";
  }
  