.text-center.text-light {
  font-family: sf_fedoraregular;
}

#navigation {
  box-shadow: 1px 6px 6px rgba(0,0,0,0.75);
}

.entete h1 {
  text-shadow: 3px 3px rgba(0,0,0,0.89);
}

.navigation h1, .navigation h2, .navigation h3 {
  font-family: sf_fedoraregular;
  color: rgb(236,240,241);
}

.navigation-logo h1, .navigation-logo h2, .navigation-logo h3 {
  font-size: 1.5em;
}

.navigation-header {
  background-color: rgb(1,61,90);
}

.navigation-body {
  background-color: rgb(1,61,90) !important;
}

@media (min-width: 992px) {
  .navigation-body {
    background-color: rgb(1,61,90);
  }
}

h1, .h1 {
  font-size: 3rem;
  margin-top: 26px;
  margin-bottom: 26px;
  font-family: sf_fedoraregular;
  font-weight: bold;
  color: #313437;
}

h2, .h2 {
  font-size: 2rem;
}

@media (max-width:768px) {
  .h1, h1 {
    font-size: 44px;
  }
}

@media (max-width:768px) {
  h2, .h2 {
    font-size: 38px;
  }
}

@media (max-width:500px) {
  .h1, h1 {
    font-size: 36px;
  }
}

@media (max-width:500px) {
  h2, .h2 {
    font-size: 28px;
  }
}

h2, .h2 {
  color: #ffffff;
  background: #fb9f00;
  padding: 4px;
  font-family: Arial;
  padding-right: 8px;
  padding-left: 8px;
}

figure.prix h3 {
  background-color: #fb9f00;
}