/**************************************************************************************************************/
/*
			NOM DU SITE - Typos utlisees sur le site			
*/
/**************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;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: 'trend_sansone';
    src: url('../typos/trendsansone-webfont.woff2') format('woff2'),
         url('../typos/trendsansone-webfont.woff') format('woff');
    font-weight: normal;
}



@font-face {
    font-family: 'icomoon';
    src:  url('../typos/icomoon.eot?9gnkdk');
    src:  url('../typos/icomoon.eot?9gnkdk#iefix') format('embedded-opentype'),
      url('../typos/icomoon.ttf?9gnkdk') format('truetype'),
      url('../typos/icomoon.woff?9gnkdk') format('woff'),
      url('../typos/icomoon.svg?9gnkdk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }


  /*filterShowHide Animation*/
@keyframes filterShowHide {
	0% {
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-o-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	1% {
		-moz-transform: translateY(-0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	90% {
		-moz-transform: translateY(-0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-o-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}
	
  @-moz-keyframes filterShowHide {
    0% {
      -moz-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
    1% {
      -moz-transform: translateY(-0%);
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
    }
    90% {
      -moz-transform: translateY(-0%);
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
    }
    100% {
      -moz-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
  }	
  @-webkit-keyframes filterShowHide {
    0% {
      -moz-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
    1% {
      -moz-transform: translateY(-0%);
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
    }
    90% {
      -moz-transform: translateY(-0%);
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
    }
    100% {
      -moz-transform: translateY(100%);
      -webkit-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  



  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !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-tv:before {
    content: "\e903";
  }
  .icon-bouton2:before {
    content: "\e909";
  }
  .icon-picto-tree:before {
    content: "\e907";
    color: #690;
  }
  .icon-vote:before {
    content: "\e908";
    color: #fff;
  }
  .icon-presse:before {
    content: "\e900";
    color: #dec000;
  }
  .icon-votants:before {
    content: "\e901";
    color: #dec000;
  }
  .icon-candidatures:before {
    content: "\e902";
    color: #dec000;
  }
  .icon-search:before {
    content: "\e904";
  }
  .icon-instagram:before {
    content: "\e905";
  }
  .icon-facebook:before {
    content: "\e906";
  }
  .icon-close:before {
    content: "\e90a";
  }