@font-face
{
  font-family: 'comic_reliefregular';
  src: url('polices/comic/ComicRelief-webfont.eot');
  src: url('polices/comic/ComicRelief-webfont.eot?#iefix') format('embedded-opentype'),
       url('polices/comic/ComicRelief-webfont.woff2') format('woff2'),
       url('polices/comic/ComicRelief-webfont.woff') format('woff'),
       url('polices/comic/ComicRelief-webfont.ttf') format('truetype'),
       url('polices/comic/ComicRelief-webfont.svg#comic_reliefregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
  background-color: #F0E0E0;
  font-family: 'comic_reliefregular', 'sans-serif';
}
header
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav
{
}
nav ul
{
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
nav ul li
{
  padding: 20px;
}
footer
{
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}
.bandeau
{
  display: flex;
  justify-content: center;
}
.img-bandeau
{
  opacity: 0.5;
  box-shadow: 0px 5px 5px 0px;
}
.galerie /* Photos réparties sur une ligne */
{
  display: flex;
  justify-content: space-around;
}
.img-galerie
{
  box-shadow: 0px 5px 5px 0px;
  padding: 10px;
}
@media screen and (max-width: 1024px) /* Pour média de petite résolution */
{
  .galerie
  {
    flex-direction: column;
  }
  .img-galerie
  {
    margin: auto;
    display: block;
  }
  footer
  {
    flex-direction: column;
  }
}