@charset "utf-8";
body {
  background-color: #cccccc;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0;
}

aside {
  width: 30%;
  padding: 10px;
  margin: 10px 10px 20px 20px;
  float: right;
  font-style: italic;
  background-color: #cccccc;
  border-radius: 20px;
  border: 2px solid #1e5799;
}

section aside {
  background-color: #1e5799;
  color: #dddddd;
  border: 3px solid #dddddd;
  margin: 10px 10px 10px 20px;
}

article aside {
  background-color: #efefef;
  color: #1e5799;
  border: 3px solid #1e5799;
  margin: 10px 10px 10px 20px;
}

aside ul {
  padding-left: 15px;
}

/* Menu de navigation clasic */
.bg-light {
  background-color: #333333 !important;
}
nav {
  height: 48px;
}
.navbar-light .navbar-nav .nav-link {
  color: #999999;
  padding: 10px 10px;
  margin: 0px 20px;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #ffffff;
}
.navbar-light .navbar-nav .nav-link.selected {
  color: #ffffff;
  border-bottom: 5px solid #ffffff;
}
.navbar-nav .dropdown-menu {
  background-color: #333333 !important;
  margin: 0px;
  padding: 5px 0px;
  border-radius: 0px;
}
.dropdown-item {
  color: #999999;
  padding: 0px 20px;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #ffffff;
  background-color: #333333 !important;
}
.dropdown-divider {
  margin: 5px 0px;
  border-top: 1px solid #999999;
}
.navbar-nav > li {
  border-bottom: 4px solid #333333;
}
.navbar-nav > li.selected {
  border-bottom: 4px solid #999999;
}
/* Menu de navigation hamburger */
.navbar-toggler {
  padding: 0rem 0.75rem;
}
.navbar-collapse {
  z-index: 1;
  background-color: #333333;
}
/* main */
main {
  background-color: #ffffff;
  padding: 15px 15px 15px 15px;
  min-height: 360px;
  background-color: #eeeeee;
}
/* Menu de droite */
div.liens {
  padding: 15px 15px 15px 15px;
}
/* Footer */
footer {
  background-color: #001f8e;
  color: #eeeeee;
  padding: 15px 15px 15px 15px;
}
footer div.footercontent {
  padding: 15px;
}
div.publications {
  margin-bottom: 1em;
}
/*  Caroussel */
.carousel-item img {
  max-width: 100%;
}
.carousel {
  margin: 0px 15px 0px 0px;
}
.carousel p {
  margin-bottom: 0px;
  font-size: 0.75rem;
}
.carousel ol {
  margin-bottom: 0.1rem;
}
.carousel-caption {
  bottom: 0px;
}
.carousel-indicators li {
  width: 15px;
  height: 2px;
}
/*  Formulaire */
form div.row {
  margin-bottom: 1em;
}
/* Photopile */
div.photopile-wrapper {
  padding: 80px 40px 60px 60px;
}
/* Recette */
.cadre {
  overflow: hidden;
  width: 100%;
}
.left-col {
  float: left;
  min-width: 250px;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.right-col {
  float: left;
  min-width: 275px;
  min-height: 510em;
  padding-left: 5px;
  background-color: red;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.bouton {
  position: absolute;
  bottom: 0px;
}