.icon {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 0.25s ease; }
  .icon.w16 {
    width: 16px;
    height: 16px; }
  .icon.w32 {
    width: 32px;
    height: 32px; }

.reseau-facebook-blanc {
  background-image: url(../images/icones-32px/reseau-facebook-blanc-32.svg); }

.reseau-instagram-blanc {
  background-image: url(../images/icones-32px/reseau-instagram-blanc-32.svg); }

.reseau-twitter-blanc {
  background-image: url(../images/icones-32px/reseau-twitter-blanc-32.svg); }

.reseau-linkedin-blanc {
  background-image: url(../images/icones-32px/reseau-linkedin-blanc-32.svg); }

.reseau-youtube-blanc {
  background-image: url(../images/icones-32px/reseau-youtube-blanc-32.svg); }

.reseau-facebook-bleu {
  background-image: url(../images/icones-32px/reseau-facebook-bleu-32.svg); }

.reseau-instagram-bleu {
   background-image: url(../images/icones-32px/reseau-instagram-bleu-32.svg); }

.reseau-twitter-bleu {
  background-image: url(../images/icones-32px/reseau-twitter-bleu-32.svg); }

.reseau-linkedin-bleu {
  background-image: url(../images/icones-32px/reseau-linkedin-bleu-32.svg); }

.reseau-youtube-bleu {
  background-image: url(../images/icones-32px/reseau-youtube-bleu-32.svg); }

.rechercher {
  background-image: url(../images/icones-32px/rechercher-32.svg); }

.rechercher-blanc {
  background-image: url(../images/icones-16px/rechercher-blanc-16.svg); }

.rechercher-jaune {
  background-image: url(../images/icones-16px/rechercher-jaune-16.svg); }

.nav-retour-cas {
  background-image: url(../images/icones-32px/nav-retour-cas-32.svg); }

.nav-precedent {
  background-image: url(../images/icones-32px/nav-precedent-32.svg); }

.nav-suivant {
  background-image: url(../images/icones-32px/nav-suivant-32.svg); }

/* VIDEO */
.nav-play {
  background-image: url(../images/icones-48px/nav-play-32.svg); }

/* AGENCE DU JEU */
.clap {
  background-image: url(../images/icones-32px/clap-jaune-32.svg); }

.chaplin {
  background-image: url(../images/icones-32px/chaplin-jaune-32.svg); }

.configuration {
  background-image: url(../images/icones-32px/configuration-jaune-32.svg); }

/* CHASSES */
.univers-jeu {
  background-image: url(../images/icones-32px/univers-jeu-bleu-32.svg); }

.aventure-equipe {
  background-image: url(../images/icones-32px/aventure-equipe-bleu-32.svg); }

.chaplin-bleu {
  background-image: url(../images/icones-32px/chaplin-bleu-32.svg); }

.univers-jeu-rose {
  background-image: url(../images/icones-32px/univers-jeu-rose-32.svg); }

.aventure-equipe-rose {
  background-image: url(../images/icones-32px/aventure-equipe-rose-32.svg); }

.chaplin-rose {
  background-image: url(../images/icones-32px/chaplin-rose-32.svg); }

/* FILTRES */
.filtre-tout-voir {
  background-image: url(../images/icones-32px/filtre-tout-voir-32.svg); }

.filtre-communication-de-marque {
  background-image: url(../images/icones-32px/filtre-communication-de-marque-32.svg); }

.filtre-communication-interne {
  background-image: url(../images/icones-32px/filtre-communication-interne-32.svg); }

.filtre-communication-publique {
  background-image: url(../images/icones-32px/filtre-communication-publique-32.svg); }

.filtre-conduite-du-changement {
  background-image: url(../images/icones-32px/filtre-conduite-du-changement-32.svg); }

.filtre-aventure-abritee {
  background-image: url(../images/icones-32px/filtre-aventure-abritee-32.svg); }

.filtre-aventure-en-plein-air {
  background-image: url(../images/icones-32px/filtre-aventure-en-plein-air-32.svg); }

.filtre-plus-150-personnes {
  background-image: url(../images/icones-32px/filtre-plus-150-personnes-32.svg); }

/* CAS CLIENT */
.cas-client-client {
  background-image: url(../images/icones-32px/cas-client-client-32.svg); }

.cas-client-solution {
  background-image: url(../images/icones-32px/cas-client-solution-32.svg); }

.cas-client-contexte {
  background-image: url(../images/icones-32px/cas-client-contexte-32.svg); }

.cas-client-contrainte {
  background-image: url(../images/icones-32px/cas-client-contrainte-32.svg); }

.cas-client-dispositif {
  background-image: url(../images/icones-32px/cas-client-dispositif-32.svg); }

.cas-client-la-bonne-idee {
  background-image: url(../images/icones-32px/cas-client-la-bonne-idee-32.svg); }

.cas-client-objectif {
  background-image: url(../images/icones-32px/cas-client-objectif-32.svg); }

.cas-client-plus-mlac {
  background-image: url(../images/icones-32px/cas-client-plus-mlac-32.svg); }

.cas-client-radar {
  background-image: url(../images/icones-32px/cas-client-radar-32.svg); }

.cas-client-resultats {
  background-image: url(../images/icones-32px/cas-client-resultats-32.svg); }

.cas-client-storytelling {
  background-image: url(../images/icones-32px/cas-client-storytelling-32.svg); }

/* HOVER */
a:hover, a.on, button:hover, button.on {
  /* FILTRES */ }
  a:hover .reseau-facebook-blanc, a.on .reseau-facebook-blanc, button:hover .reseau-facebook-blanc, button.on .reseau-facebook-blanc {
    background-image: url(../images/icones-32px/reseau-facebook-bleu-32.svg); }
  a:hover .reseau-instagram-blanc, a.on .reseau-instagram-blanc, button:hover .reseau-instagram-blanc, button.on .reseau-instagram-blanc {
    background-image: url(../images/icones-32px/reseau-instagram-bleu-32.svg); }  
  a:hover .reseau-twitter-blanc, a.on .reseau-twitter-blanc, button:hover .reseau-twitter-blanc, button.on .reseau-twitter-blanc {
    background-image: url(../images/icones-32px/reseau-twitter-bleu-32.svg); }
  a:hover .reseau-linkedin-blanc, a.on .reseau-linkedin-blanc, button:hover .reseau-linkedin-blanc, button.on .reseau-linkedin-blanc {
    background-image: url(../images/icones-32px/reseau-linkedin-bleu-32.svg); }
  a:hover .reseau-youtube-blanc, a.on .reseau-youtube-blanc, button:hover .reseau-youtube-blanc, button.on .reseau-youtube-blanc {
    background-image: url(../images/icones-32px/reseau-youtube-bleu-32.svg); }
  a:hover .reseau-facebook-bleu, a.on .reseau-facebook-bleu, button:hover .reseau-facebook-bleu, button.on .reseau-facebook-bleu {
    background-image: url(../images/icones-32px/reseau-facebook-jaune-32.svg); }
  a:hover .reseau-instagram-bleu, a.on .reseau-facinstagramebook-bleu, button:hover .reseau-instagram-bleu, button.on .reseau-instagram-bleu {
    background-image: url(../images/icones-32px/reseau-instagram-jaune-32.svg); }
  a:hover .reseau-twitter-bleu, a.on .reseau-twitter-bleu, button:hover .reseau-twitter-bleu, button.on .reseau-twitter-bleu {
    background-image: url(../images/icones-32px/reseau-twitter-jaune-32.svg); }
  a:hover .reseau-linkedin-bleu, a.on .reseau-linkedin-bleu, button:hover .reseau-linkedin-bleu, button.on .reseau-linkedin-bleu {
    background-image: url(../images/icones-32px/reseau-linkedin-jaune-32.svg); }
  a:hover .reseau-youtube-bleu, a.on .reseau-youtube-bleu, button:hover .reseau-youtube-bleu, button.on .reseau-youtube-bleu {
    background-image: url(../images/icones-32px/reseau-youtube-jaune-32.svg); }
  a:hover .rechercher, a.on .rechercher, button:hover .rechercher, button.on .rechercher {
    background-image: url(../images/icones-32px/rechercher-jaune-32.svg); }
  a:hover .rechercher-blanc, a.on .rechercher-blanc, button:hover .rechercher-blanc, button.on .rechercher-blanc {
    background-image: url(../images/icones-16px/rechercher-bleu-16.svg); }
  a:hover .rechercher-jaune, a.on .rechercher-jaune, button:hover .rechercher-jaune, button.on .rechercher-jaune {
    background-image: url(../images/icones-16px/rechercher-bleu-16.svg); }
  a:hover .nav-retour-cas, a.on .nav-retour-cas, button:hover .nav-retour-cas, button.on .nav-retour-cas {
    background-image: url(../images/icones-32px/nav-retour-cas-jaune-32.svg); }
  a:hover .nav-precedent, a.on .nav-precedent, button:hover .nav-precedent, button.on .nav-precedent {
    background-image: url(../images/icones-32px/nav-precedent-jaune-32.svg); }
  a:hover .nav-suivant, a.on .nav-suivant, button:hover .nav-suivant, button.on .nav-suivant {
    background-image: url(../images/icones-32px/nav-suivant-jaune-32.svg); }
  a:hover .filtre-communication-de-marque, a.on .filtre-communication-de-marque, button:hover .filtre-communication-de-marque, button.on .filtre-communication-de-marque {
    background-image: url(../images/icones-32px/filtre-communication-de-marque-jaune-32.svg); }
  a:hover .filtre-communication-interne, a.on .filtre-communication-interne, button:hover .filtre-communication-interne, button.on .filtre-communication-interne {
    background-image: url(../images/icones-32px/filtre-communication-interne-jaune-32.svg); }
  a:hover .filtre-communication-publique, a.on .filtre-communication-publique, button:hover .filtre-communication-publique, button.on .filtre-communication-publique {
    background-image: url(../images/icones-32px/filtre-communication-publique-jaune-32.svg); }
  a:hover .filtre-conduite-du-changement, a.on .filtre-conduite-du-changement, button:hover .filtre-conduite-du-changement, button.on .filtre-conduite-du-changement {
    background-image: url(../images/icones-32px/filtre-conduite-du-changement-jaune-32.svg); }
  a:hover .filtre-aventure-abritee, a.on .filtre-aventure-abritee, button:hover .filtre-aventure-abritee, button.on .filtre-aventure-abritee {
    background-image: url(../images/icones-32px/filtre-aventure-abritee-bleu-32.svg); }
  a:hover .filtre-aventure-en-plein-air, a.on .filtre-aventure-en-plein-air, button:hover .filtre-aventure-en-plein-air, button.on .filtre-aventure-en-plein-air {
    background-image: url(../images/icones-32px/filtre-aventure-en-plein-air-bleu-32.svg); }
  a:hover .filtre-plus-150-personnes, a.on .filtre-plus-150-personnes, button:hover .filtre-plus-150-personnes, button.on .filtre-plus-150-personnes {
    background-image: url(../images/icones-32px/filtre-plus-150-personnes-bleu-32.svg); }

.realisation a:hover .filtre-tout-voir, .realisation a.on .filtre-tout-voir, .realisation button:hover .filtre-tout-voir, .realisation button.on .filtre-tout-voir {
  background-image: url(../images/icones-32px/filtre-tout-voir-jaune-32.svg); }

.chasse-au-tresor a:hover .filtre-tout-voir, .chasse-au-tresor a.on .filtre-tout-voir, .chasse-au-tresor button:hover .filtre-tout-voir, .chasse-au-tresor button.on .filtre-tout-voir {
  background-image: url(../images/icones-32px/filtre-tout-voir-bleu-32.svg); }

/*# sourceMappingURL=icones.css.map */
