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

   links.css
   Liens hypertextes
   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
/* Hyperliens
[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a, label {
	background: transparent;
	color: inherit;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: 0 3px;
	background-position: 0px 100%;
	transition: background-size 0.2s ease-in 0s, color 0.1s ease-in-out 0s;
}
#aside dl a, #aside dl label, #aside li label {
	background-image: linear-gradient(var(--primaryColor), var(--primaryColor) );
}
p a, div label, p label, h1 label, h2 label, h3 label, h4 label, h5 label, h6 label,article li a, p li a, .mainWidth li label, a.spip_out, #vignette label, .asideTab.map dd label:hover {
	color: var(--primaryColor);
	background-image: linear-gradient(var(--primaryColor), var(--primaryColor) );
}
.asideTab label {
	color: var(--basicFontColor);
}
#vignette label {
	color: var(--black-100);
	}
.asideTab.map dd label {
	color: var(--basicFontColor);
}
.asideTab.map dd.on label {
	color: var(--primaryColor);
}
.portfolio a {
	background-image:none;
	transition: transform 0.5s;
}
.portfolio a:hover {
	transform: scale(1.05, 1.05);
	transition: transform 0.5s;
	}
#footer li label {
	background-image: linear-gradient(var(--basicContraFontColor), var(--basicContraFontColor) );
	color: var(--basicContraFontColor);
}
p a:hover, p label:hover, dl a:hover, dl label:hover, li label:hover, a.spip_out:hover {
background-size: 100% 2px;
cursor: pointer;
}
a:visited {
   
}  
a:focus {
  outline: thin dotted;
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #f8f8f8 !important;
  text-shadow: none;
}
a:hover, label: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) "]";
}
/* Liens externes */
a.spip_out:after,
a.external:after {
  content: "\0000a0\279A";
}
a[hreflang].spip_out:after,
a[hreflang].external:after {
  content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
}
/*
a[href^="tel:"]:before {
        content: "\260e";
        margin-right: 1em;
        color: var(--primaryColor);
      }
*/
/* mailto / tel */
a.spip_mail:after,
a.mailto:after {
  content: "\0000a0\2709";
}
a.tel:after {
  content: "\0000a0\2706";
}
/* 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";
}
/* Liens 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);
}
/* nav */
#nav a.on, #nav span.on {
	color:var(--primaryColor);
	color: hsl(var(--hue), var(--sat), 59%);
}
@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  a:after {
    content: '';
  }
	a.spip_url:after,
  a[rel="external"]:after,
  a.external:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: '';
  }
  /* Ne pas montrer les liens sur images ou javascript / liens internes */
}
/* overridden Style */
.strokeLink {
  background-image: linear-gradient(var(--basicLinkColor), var(--basicLinkColor) );
  background-repeat: no-repeat;
  background-size: 0 3px;
  background-position: 0px 100%;
  transition: background-size 0.2s ease-in 0s, color 0.1s ease-in-out 0s;
}

.strokeLink:hover {
background-size: 100% 2px;
}
/* fin */