@font-face {
  font-family: "roboto";
  font-weight: 400;
  src: url("roboto-regular.woff2") format("woff2"),
    url("roboto-regular.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 500;
  src: url("roboto-medium.woff2") format("woff2"),
    url("roboto-medium.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 700;
  src: url("roboto-bold.woff2") format("woff2"),
  	url("roboto-bold.woff") format("woff");
}
@font-face {
  font-family: "roboto";
  font-weight: 900;
  src: url("roboto-black.woff2") format("woff2");
}
@font-face {
  font-family: "roboto";
  font-weight: 400;
  font-style: italic;
  src: url("roboto-italic.woff2") format("woff2"),
    url("roboto-italic.woff") format("woff");
}
/* fontello */

@font-face {
  font-family: 'icones';
  src: url('icones.woff2') format('woff2'),
       url('icones.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icones";
  font-style: normal;
  font-weight: inherit;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  transition: .2s;

}

.icon-lg {
    font-size: 2em;
    line-height: .75em;
    vertical-align: -.0667em;
}


.icon-down-open-big:before { content: '\2191'; } /* '↑' */
.icon-left-open-big:before { content: '\2193'; } /* '↓' */
.icon-user:before { content: '\e766'; } /* '' */
.icon-share:before { content: '\e767'; } /* '' */
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-up:before { content: '\e801'; } /* '' */
.icon-down:before { content: '\e802'; } /* '' */
.icon-right-open-big:before { content: '\e803'; } /* '' */
.icon-newsletter:before { content: '\e804'; } /* '' */
.icon-paiement:before { content: '\e805'; } /* '' */
.icon-up-open-big:before { content: '\e806'; } /* '' */
.icon-play:before { content: '\e807'; } /* '' */
.icon-arrows-cw:before { content: '\e808'; } /* '' */
.icon-right:before { content: '\e809'; } /* '' */
.icon-powerpoint:before { content: '\e80a'; } /* '' */
.icon-rdv:before { content: '\e80b'; } /* '' */
.icon-word:before { content: '\e80c'; } /* '' */
.icon-web:before { content: '\e80d'; } /* '' */
.icon-left:before { content: '\e80e'; } /* '' */
.icon-fleur:before { content: '\e80f'; } /* '' */
.icon-loupe:before { content: '\e810'; } /* '' */
.icon-liste:before { content: '\e811'; } /* '' */
.icon-article:before { content: '\e812'; } /* '' */
.icon-cancel-circled-outline:before { content: '\e813'; } /* '' */
.icon-pdf:before { content: '\e814'; } /* '' */
.icon-demarches:before { content: '\e815'; } /* '' */
.icon-ecole:before { content: '\e816'; } /* '' */
.icon-election:before { content: '\e817'; } /* '' */
.icon-excel:before { content: '\e818'; } /* '' */
.icon-cancel-circled:before { content: '\e819'; } /* '' */
.icon-left-open:before { content: '\e81a'; } /* '' */
.icon-lock:before { content: '\e81b'; } /* '' */
.icon-identite:before { content: '\e81c'; } /* '' */
.icon-image:before { content: '\e81d'; } /* '' */
.icon-twitter:before { content: '\e81e'; } /* '' */
.icon-right-open:before { content: '\e81f'; } /* '' */
.icon-up-open:before { content: '\e820'; } /* '' */
.icon-plus:before { content: '\e821'; } /* '' */
.icon-minus:before { content: '\e822'; } /* '' */
.icon-unclic:before { content: '\e823'; } /* '' */
.icon-home:before { content: '\e824'; } /* '' */
.icon-download-1:before { content: '\e825'; } /* '' */
.icon-wave:before { content: '\e826'; } /* '' */
.icon-adjust:before { content: '\e827'; } /* '' */
.icon-travaux:before { content: '\e828'; } /* '' */
.icon-urbanisme:before { content: '\e829'; } /* '' */
.icon-info-circled:before { content: '\e82a'; } /* '' */
.icon-th:before { content: '\e82b'; } /* '' */
.icon-mariage:before { content: '\e82c'; } /* '' */
.icon-naissance:before { content: '\e82d'; } /* '' */
.icon-plan:before { content: '\e82e'; } /* '' */
.icon-lieu:before { content: '\e82f'; } /* '' */
.icon-horaires:before { content: '\e830'; } /* '' */
.icon-date:before { content: '\e831'; } /* '' */
.icon-download:before { content: '\e832'; } /* '' */
.icon-print:before { content: '\e833'; } /* '' */
.icon-touriste:before { content: '\e834'; } /* '' */
.icon-senior:before { content: '\e835'; } /* '' */
.icon-scolarite:before { content: '\e836'; } /* '' */
.icon-etudiant:before { content: '\e837'; } /* '' */
.icon-famille:before { content: '\e838'; } /* '' */
.icon-association:before { content: '\e839'; } /* '' */
.icon-ampoule:before { content: '\e83a'; } /* '' */
.icon-attention:before { content: '\e83b'; } /* '' */
.icon-bulle:before { content: '\e83c'; } /* '' */
.icon-telecharger:before { content: '\e83d'; } /* '' */
.icon-mail:before { content: '\e83e'; } /* '' */
.icon-1clic:before { content: '\e83f'; } /* '' */
.icon-tiktok:before { content: '\e862'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */