/**
 * @file
 * Style pour les pictogrames dans la recherche et dans les type de contenu.
 */

.liste_pictogrammes {
  float: none;
  padding-left: 0px;
  margin-left: 0px;
  padding: 5px 0;
}

.pictogramme {
  padding: 3px 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 5px;
  font-size: 0.8em;
  display: none;
  cursor: pointer;
}

/* Couleur du texte par defaut */
.pictogramme span{
  color: white;
}

/* Pictogramme en forme de cercle */
.pictogramme.pictogramme_incontournable,
.pictogramme.pictogramme_primaire_1er_cycle,
.pictogramme.pictogramme_primaire_2e_cycle,
.pictogramme.pictogramme_primaire_3e_cycle,
.pictogramme.pictogramme_langue_fr,
.pictogramme.pictogramme_langue_an,
.pictogramme.pictogramme_langue_es,
.pictogramme.pictogramme_achat_integre {
  border-radius: 50%;
  display: inline;
}

/* Pictogramme en forme de carré arrondi*/
.pictogramme.pictogramme_secondaire_1er_cycle,
.pictogramme.pictogramme_secondaire_2e_cycle {
  border-radius: 20%;
  display: inline;
}

/* Pictogramme en forme de carré */
.pictogramme.pictogramme_prescolaire,
.pictogramme.pictogramme_langue_fr,
.pictogramme.pictogramme_langue_an,
.pictogramme.pictogramme_langue_es,
.pictogramme.pictogramme_incontournable,
.pictogramme.pictogramme_pour_eleve,
.pictogramme.pictogramme_pour_tbi,
.pictogramme.pictogramme_publicite,
.pictogramme.pictogramme_coups_de_coeur,
.pictogramme.pictogramme_achat_integre {
   display: inline;
}

/* Pictogramme avec seulement un caractère comme content et qui on besoin d'être padder */
.pictogramme.pictogramme_incontournable,
.pictogramme.pictogramme_achat_integre,
.pictogramme.pictogramme_pour_eleve,
.pictogramme.pictogramme_prescolaire {
  padding: 3px 8px;
  font-kerning: auto;
}

/* Couleurs */
.pictogramme.pictogramme_secondaire_1er_cycle,
.pictogramme.pictogramme_secondaire_2e_cycle {
  background-color: #FF0000;
}

.pictogramme.pictogramme_pour_tbi {
  background-color: #000000;
}

.pictogramme.pictogramme_publicite {
  background-color: #970048;
}

.pictogramme.pictogramme_langue_fr,
.pictogramme.pictogramme_langue_an,
.pictogramme.pictogramme_langue_es {
  background-color: #0d3349;
}

.pictogramme.pictogramme_primaire_1er_cycle,
.pictogramme.pictogramme_primaire_2e_cycle,
.pictogramme.pictogramme_primaire_3e_cycle {
  background-color: #FF6600;
}

.pictogramme.pictogramme_incontournable {
  background-color: grey;
}

.pictogramme.pictogramme_incontournable span {
  color: yellow;
}
.pictogramme.pictogramme_achat_integre {
  background-color: darkgoldenrod;
}

.pictogramme.pictogramme_pour_eleve {
  background-color: #003399;
}

.pictogramme.pictogramme_coups_de_coeur {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMtJREFUeNrMlNENhCAQRFlznfhtAcQi7GJz3RCLMVeIn8RW4IhCBFxQ8C5xMnyxeYEZAuhV7LYa9iM9HTT20DTW/UiMf97JAZO02oTMZB5bSLsrBbHLUDk50ITUnGPRlNU4hSBkydET20NtGS0wV6c8w/KH1lrdVRM63fonGrCSg0NUv9S8ImmuZVR/8qVk7boPQUaCF1C4UJ5CUMGDQhXqALrE2qPJgk5YqCglQMm8aEoWdOzR66gQtF+TCCUSPO7zf5kFAPdBXwEGADWfR6+Gg/MNAAAAAElFTkSuQmCC');
  background-color: #d3d3d3;
  padding: 3px 6px;
}

.pictogramme.pictogramme_coups_de_coeur span {
  color: red;
}

.pictogramme.pictogramme_prescolaire {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWZJREFUeNpi/P//PwM1ABMB+c/3GbY4M2x1Zfj6BL9CRpwu+veb4ekehkNpUCO4ZRjsZjFIuzAwsZJi0I+3DFcmMZxrQhc3qmHQyWPgECXOoLcXGU5VMjzejt2lMm4M5l0MwvqEDLq3huF0FcPH2/jCg0+ZwaSRQSUah0H//4GMuLOc4csjwpEENEvOm8GiBx5kMIO+v2TYH8fwZBdpcS5hy+C4kIFXEWbQy2MM+2JAMU0GAJpiPRnoOrBBiyVALiIbACMx7hU4QXJLUZSo+VVhKVsxhCKDlMNhBgHDnxIA1k4Nr3EIwwxi5WMwrCLTFLMOBhZumEHM7AyS9mQaJGUPSZNMiJRKHuCRQy2PuKQYtHNINkW/lIFdGNUgFk4GUVOSDRKzAAULegkppE2yQQIa2IpaPlUGtQQSTNFMhwcQqkFsfAyCWiQYJKTDwMqDo/CXdmLgFCfKFGARDixDiCr8SQQAAQYAUPhgToNvDjAAAAAASUVORK5CYII=');
  background-color: #FF9900;
}

.pictogramme .pictogramme-texte {
  border-radius: 10px;
  display: none;
  height: 25px;
  margin: -70px -40px;
  padding: 10px 20px;
  position: absolute;
  text-align: center;
  width: 140px;
}

.pictogramme .pictogramme-bulle {
  content: "";
  display: none;
  height: 20px;
  margin: -25px -7px;
  position: absolute;
  transform: translate3d(0px, -60%, 0px) rotate3d(0, 0, 1, 45deg);
  width: 20px;
}