@charset "utf-8";
body {
  background-color: #cccccc;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0;
}
/* Menu de navigation clasic */
.bg-light {
  background-color: #333333 !important;
}
nav {
  height: 48px;
}
.navbar-light .navbar-nav .nav-link {
  color: #999999;
  padding: 10px 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;
}
main {
  background-color: #eeeeee;
}
.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;
}
/* Contenu */
div.content {
  background-color: #ffffff;
  padding: 15px 15px 15px 15px;
  min-height: 360px;
}
/* Menu de droite */
div.liens {
  padding: 15px 15px 15px 15px;

}


  /* Footer */

footer {
  background-color: #001F8E;
  color: #eeeeee;
}
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;
}





