body{
  font-family: CenturySchoolbook;
  font-size: 1.5em;
  line-height: 1.6em;
}

@font-face {
  font-family: CenturySchoolbook;
  src: url(../fonts/CenturySchoolbook-Regular.woff);
}

a{
  color:#ff0000;
}

h1 {
  font-size: 1.5em;
  line-height: 1.7em;
  text-align: center;
  margin-top: 0;
}

h1, h2{
  color:#ff0000;
}

nav {
  text-align: center;
}

summary {
  cursor: pointer;
  list-style: none;
  background: #ff0000;
  color: white;
}

nav ul {
  display: flex;
  list-style: none;
  padding: inherit;
  margin: inherit;
  justify-content: center;
  border-bottom: solid 10px #ff0000;
}

nav li a {
  margin: 0.2em 0.5em;
  line-height: 2em;
  display: block;
}

footer{
  border-bottom: 20px solid #ff0000;
}


figure.gauche{
  float: left;
}

figure.droite{
  float: right;
}

figure.centre{
  text-align: center;
}

img{
  width: 200px;
}

footer p{
  text-align: center;
  margin: 0;
  padding: 0;
}

hr {height: 40px; background: url('../images/separation.png') no-repeat 50% 50%; margin: 3em 0; border: 0;}

.page {
    margin: auto;
    max-width: 960px;
}

@media screen and (max-width: 700px) {
  nav ul {
    flex-direction: column;
  }
}