/* Generic CSS style */

:root {
    --main-bg-color: ivory;
    --darkest-color: #113F67;
    --dark-color: #58A0C8;
    --middle-color: #34699A;
    --light-color: #FDF5AA;
    --transparent-black: rgba(0, 0, 0, 0.6);
    --transparent-white: rgba(255, 255, 255, 0.6);
  }

body {
    background: var(--main-bg-color);
}
a {
    color: var(--darkest-color) !important;
}
h1, h2, h3, h4, h5 {
    color: var(--middle-color);
}
p {
    text-align: justify;
}

nav {
    background-image: url("../../img/banniere_politesse_v2-2.png");
    background-size: 100%;
}
nav a {
  color: ivory !important;
  background-color: var(--transparent-black);
  font-size: x-large;
}

.navbar-brand {
    font-weight: bold;
    margin-left: 10px;
    font-size: xx-large;
    padding: 0 15px;
}
.nav-link.active {
    text-decoration: underline;
}