/********************************
 Parametres generaux : 
********************************/
@font-face {
  font-family: "Ogg Roman";
  src: url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.eot");
  src: url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.eot?#iefix")
      format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.woff2")
      format("woff2"),
    url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.woff")
      format("woff"),
    url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.ttf")
      format("truetype"),
    url("https://db.onlinewebfonts.com/t/2596224269750e00c3ad5356299a3b9f.svg#Ogg Roman")
      format("svg");
}
@font-face {
  font-family: "Elephant W00 Medium";
  src: url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.eot");
  src: url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.eot?#iefix")
      format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.woff2")
      format("woff2"),
    url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.woff")
      format("woff"),
    url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.ttf")
      format("truetype"),
    url("https://db.onlinewebfonts.com/t/c5c3c1583f54a9840ea8562cf665fa79.svg#Elephant W00 Medium")
      format("svg");
}

/********************************
   Liens, boutons et survol
   - couleurs
   - effets au survol
  ********************************/

b,
strong {
  font-family: "Ogg Roman" !important;
  font-weight: normal;
}
a {
  font-family: "Ogg Roman" !important;
  font-weight: normal;
  text-decoration: none;
  color: #1a1812;
}
a:hover {
  color: #1a1812;
  text-decoration: none;
}
a,
button {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
hover,
button:hover {
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.dropdown:hover .dropdown-menu {
  display: block;
}

/********************************
   Menu, logo
  ********************************/
.navbar {
  background-color: #e5e7d1;
  padding-top: 45px;
  padding-bottom: 45px;
}
.navbar-toggler {
  border: none;
}
a.navbar-brand img {
  display: inline-block;
  vertical-align: top;
}
.logo_leo {
  width: 25%;
}
a.navbar-brand .auteur {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  font-family: "Ogg Roman" !important;
  font-size: 22.5px;
  font-weight: normal;
  text-decoration: none;
}
a.navbar-brand .auteur .fonction {
  margin-left: 10px;
}
a.navbar-brand .auteur b {
  font-family: "Ogg Roman" !important;
  font-size: 22.5px;
  font-weight: 1000;
  color: #1a1812;
}
a.nav-link,
.dropdown-menu a.dropdown-item {
  text-decoration: none;
  font-family: "Ogg Roman" !important;
  font-weight: normal;
  font-size: 18px;
}
li a.nav-link:hover,
li.active a.nav-link,
.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item.active,
.dropdown-menu a.dropdown-item.active:hover,
.langues a:hover,
.langues a.active,
a.active {
  text-decoration: none;
  font-family: "Ogg Roman" !important;
  font-weight: 1000;
  background-color: transparent;
  color: #1a1812;
}
.navbar-nav a {
  text-decoration: none;
}
.navbar-collapse ul {
  border-bottom: 1px solid #1a1812;
}
.dropdown-menu {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #e5e7d1;
}
.dropdown-menu a.dropdown-item {
  padding: 0 20px 0 8px;
  color: #1a1812;
}

.dropdown-toggle::after {
  display: none;
}
.langues a {
  width: 20px;
}
.lang {
  margin-top: 2px;
}

/********************************
  RESPONSIVE CSS - MEDIA QUERIES
  ********************************/

@media (min-width: 1052px) {
  .container {
    max-width: 1080px;
  }
}
@media (max-width: 1052px) {
  .container {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    align-content: center;
    max-width: 2000px;
  }
}

@media (max-width: 992px) {
  .navbar {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .container {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
    align-content: center;
    max-width: 2000px;
  }
}

@media (max-width: 540px) {
  .container {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .logo_leo {
    width: 20%;
  }
  a.navbar-brand .auteur {
    margin-top: 3px;
    margin-left: 10px;
    font-size: 15px;
  }
  a.navbar-brand .auteur b {
    font-size: 20px;
    font-weight: 500;
  }

  .navbar-brand {
    width: 80%;
    margin-right: 0;
  }

  .logo_leo {
    margin-top: 5px;
  }
}

@media (min-width: 412px) {
  .logo_leo {
    margin-top: 0;
  }
}