@font-face { font-family: Lovelace; src: url('Lovelace-Extralight-Italic.ttf'); } 
@font-face { font-family: Orpheus; src: url('Orpheus Pro.ttf'); } 

* {
  font-family: "Helvetica Neue";
  text-align: justify;
}

html {
  background-color: #fdfaf9;
}

main {
  margin-left: 5pt;
  margin-right: 5pt;
}

body > main {
  max-width: 800pt;
  text-align: center;
  font-size: larger;
}

body > header {
  color: #fdfaf9;
  background-color: #95a497;
  text-align: center;
  margin-right: 0pt;
  margin-left: 0pt;
  max-width: 100%;
  padding-left: 0pt;
  padding-right: 0pt;
}

#banner {
  background-color: #fdfaf9;
  padding-top: 10pt;
  padding-bottom: 10pt;
}

#banner > p {
  max-width: 800pt;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 0pt;
  padding-left: 10pt;
  padding-right: 10pt;
}

#banner > p > img {
  max-width: 66%;
  flex-flow: column;
}

#menu, #sous-menu {
  padding-left: 0pt;
  text-align: center;

}

body > header > hr {
  border-bottom: 2pt solid #fdfaf9;
}

#sous-menu {
  margin-bottom: 0pt;
}

#menu > li, #sous-menu > li {
  display: inline;
}

#menu > li > a, #sous-menu > li > a {
  color: #fdfaf9;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 5%;
  margin-right: 5%;
}

#sous-menu > li > a {
  font-size: smaller;
  margin-right: 2%;
  margin-left: 2%;
}

a {
  color: #95a497;
  text-decoration-color: #95a497;
}

h1 {
  font-family: "Lovelace";
  color: #95a497;
  text-align: left;
  font-weight: 1000;
}

#menu > li > .here, #menu > li > a:hover, #menu > li > a:active {
  text-decoration: underline;
  text-underline-offset: 5pt;
  text-decoration-color: #fdfaf9;
}

#sous-menu > li > .here, #sous-menu > li > a:hover, #sous-menu > li > a:active {
  text-decoration: underline;
  text-underline-offset: 5pt;
  text-decoration-color: #fdfaf9;
}

#photo-accueil {
  display: block;
  float: right;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
  max-width: 66%;
  min-width: 375px;
}