@import url(https://fonts.googleapis.com/css?family=Dosis:300,400);

body {
	background-image:url(background.jpg);
	font-family: Times, Times New Roman, serif
}
div#colonne1 {
	float: left;
	width: 50%;
}
div#colonne2 {
	float: right;
	width: 45%;
}
#titre {
	font-size: 250%;
	font-family: Verdana, sans-serif;
	text-align: center;
	background-color: gray;
	color: FireBrick;
	text-decoration: underline;
}
.title {
	font-size: 250%;
	font-family: Verdana, sans-serif;
	text-decoration: underline;
	text-align: center;
}
.chapter {
	font-weight: bold;
	font-size: 150%;
	font-family: Verdana, sans-serif;
}
.links {
	font-size: 100%;
	color: green;
}
.text {
	font-family: DejaVu Sans Mono, monospace;
}
.legend {
	font-size: 90%;	
	text-decoration: underline;
	color: gray;
}
.citation {
	font-family: DejaVu Sans Mono, monospace;
	font-weight: bold;
	font-style: italic;
}
.author {
	font-style: italic;
	font-size: 90%;	
}

.wrapper {
  display: block;
  position: absolute;
  top: 50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
}
a.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}