/* --------------------------------------------------

   Hyperlinks
   
   (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
/* Hyperlinks
[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a {
  background: transparent;
  color: inherit;
}
a:link {
  transition: .5s; color:blue;
}
a:visited {
  color: inherit;
}
a:focus {
  outline: thin dotted;
  /*	background: #222222 !important;	*/
  border-color: #222222 !important;
  /*	color: #f8f8f8 !important;	*/
  text-shadow: none;
}
a:hover {
  outline: 0;
  cursor: pointer;
}
a:active {
  outline: 0;
}
/* a { outline: none; }
[en] http://www.outlinenone.com
[fr] http://www.outlinenone.fr
*/
a:after,
a:before,
a small {
  font-size: 90%;
  opacity: .9;
}
a[hreflang]:after {
  content: "\0000a0[" attr(hreflang) "]";
}
/* External Links */
a.external:after {
  content: "\0000a0\279A";
}
a[hreflang].external:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
}
/* mailto / tel */
.mailto:link,.tel:link{
  color: #008253; background: Yellow no-repeat; background-repeat:no-repeat; text-decoration: none; padding-right:5px;
}
.mailto:visited,.tel:visited{
  color: yellow; background: #ff0033 no-repeat; background-repeat:no-repeat; text-decoration: none; padding-right:5px;
}
.mailto:hover,.tel:hover{
  color: white; background: Red no-repeat; background-repeat:no-repeat; text-decoration: none; padding-right:5px;
}
.mailto:active,.tel:active{
  color: #4B0082;  background: yellow no-repeat; background-repeat:no-repeat; text-decoration: none; padding-right:5px;
}

a.mailto:before {
  content: "\0000a0\2709";
  color: red; background: Yellow no-repeat; background-repeat:no-repeat; padding-right:4px; text-decoration: none; font-size: 120%;
  /* content: "\0000a0\270D"; */
}
a.tel:before {
  content: "\0000a0\260F";
  color: red; background: Yellow no-repeat; background-repeat:no-repeat; padding-right:4px; text-decoration: none; font-size: 120%;
  /* content: "\0000a0\270D"; */
}
/* Documents */
a.download:after {
  content: "\0000a0\21A7";
}
a[hreflang].download:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\21A7";
}
a.audio:after {
  content: "\0000a0\266B";
}
a[hreflang].audio:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\266B";
}

/* http://unicode-table.com/en/sections/arrows/ */
/* http://unicode-table.com/en/sections/mathematical-operators/ */
/* http://unicode-table.com/en/sections/miscellaneous-symbols-and-arrows/ */
/* http://unicode-table.com/en/sections/miscellaneous-technical/ */
/* http://unicode-table.com/en/sections/box-drawing/ */
/* http://unicode-table.com/en/sections/block-elements/ */
/* http://unicode-table.com/en/sections/geometric-shapes/ */
/* http://unicode-table.com/en/sections/cjk-compatibility-forms/ */
/************ http://unicode-table.com/en/sections/miscellaneous-symbols/ ****************************************/
/************ http://unicode-table.com/en/sections/dingbats/ *****************************************************/

/* Linked images */
a img {
  border: 0;
}
a:focus img,
a:active img {
  -moz-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  -o-transform: translateY(1px);
  -ms-transform: translate(1px);
  transform: translateY(1px);
}
@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  a:after {
    content: '';
  }
  a[rel="external"]:after,
  a.external:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: '';
  }
  /* Don't show links for images, or javascript/internal links */
}

abbr:hover {
  background-color: rgba(34, 34, 34, 0.1);
}
img:hover {
  background-color: rgba(34, 34, 34, 0.2);
}