body {
  padding: 1% 5%;
}
ul {
  list-style-type: none;
}
h1 {
  text-shadow: 2px 2px 1px DarkGrey;
}
.intro, .info {
  font-size: smaller;
}
header {
  margin: auto;
  text-align: center;
}
footer {
  font-size: smaller;
  text-align: right;
}
a {
  color: DarkRed;
  text-shadow: 1px 1px 1px white;
}
a:hover {
  color: black;
  background-color: #F75434;
  border-radius: 10px;
  text-decoration: none;
}
h2:before {
  content: "☀";
  padding-right: .4em;
}
h2:after {
  content: "☀";
  padding-left: .4em;
}
.rouge {
  color: #FF0000;
}
a, p, h1, li, a:hover {
  border-radius: 10px;
  text-decoration: none;
  color: #000;
}
ul {
  list-style-type: none;
}
li, a {
  padding: .2em;
}
li:before {
  content: "—\00a0"
}
li {
  padding: 0 1em
}
footer {
  font-size: smaller;
  text-align: right;
  font-family: monospace;
  display: inline-block;
}
a {
  color: #8b0000;
  text-shadow: 1px 1px 1px #fff;
}
a:hover {
  background-color: #F75434;
}
footer, li:nth-child(odd) {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
li:nth-child(even) {
  background: linear-gradient(to bottom, rgba(231, 231, 218, 1) 0%, rgba(231, 231, 218, 0) 100%);
}
@media handheld, (max-width: 1024px) {
  body {
    background: url(../images/texture_LD.jpg);
  }
  header, h2, h3 {
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  }
}