<style>

ul {
  margin: 8px 0px 0px 14px;
  padding: 0px;
   }

ul li {
  margin: 0px 0px 6px;
  padding: 0px;
  list-style-type: disc;
  }

ul > li > a {
  color: #00316b;
 }

.navbar {
        background-color:#0b1f3a;
        /*background-color:#00316b;*/
        background-image: none;
    }

.navbar-inverse .navbar-nav > li > a {
 color: white;
}

footer{
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    /*background-color: #00316b;*/
    background-color:#0b1f3a;
    line-height: 12px;
    vertical-align: middle;
    margin-top : 50px;
}
.inline {
    display: inline-block;
    margin-right:40px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.menu {
}
li.dropdown:hover .menu {
display: block;
}
li.dropdown-submenu:hover .dropdown-menu {
display: block;
}

.navbar ul li {
  list-style-type: none;
}

.sidebar-nav .navbar {
        background-color:#ffffff;
        background-image: none;
        border: none;
    }
.sidebar-nav .navbar-nav > li > a {
 /*color: #00316b;*/
 color: #0b1f3a;
 height: 30px;
}

h2:before {
    content: '';
    /*display: inline-block;*/
    height: 1px;
    background: lightgray;
    width: 100%;
    float: right;
    margin-top: 0px;
    margin-bottom: 10px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a {
  color: #00316b;
  text-decoration: none;  /* optionnel : enlève aussi le soulignement */
}

/*.carousel-fixed {
    height: 200px;
    overflow: hidden;
}

.carousel-fixed .carousel-inner,
.carousel-fixed .carousel-item {
    height: 100%;
}

.carousel-fixed .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}*/

.carousel-adaptatif {
  overflow: hidden;
}

.carousel-adaptatif .carousel-inner,
.carousel-adaptatif .carousel-item {
  overflow: hidden;
}

/* Hauteur fixe par taille d'écran */
@media (max-width: 575.98px) { /* Mobile */
  .carousel-adaptatif .carousel-inner,
  .carousel-adaptatif .carousel-item img {
    height: 100px !important;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) { /* Tablette */
  .carousel-adaptatif .carousel-inner,
  .carousel-adaptatif .carousel-item img {
    height: 150px !important;
  }
}

@media (min-width: 992px) { /* Desktop */
  .carousel-adaptatif .carousel-inner,
  .carousel-adaptatif .carousel-item img {
    height: 200px !important;
  }
}

.carousel-adaptatif .carousel-item img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.cadre {
      display: flex;
      background-color: #0b1f3a;
      padding: 20px;
      width: 70%;
      margin: 0 auto;
      border-radius: 10px;
      font-family: Arial, sans-serif;
    }

.cadre h3 {
      color: #c86b00;
      margin-bottom: 5px;
    }

.cadre p {
     color: white;
      margin-top: 0;
      margin-bottom: 15px;
    }

img.membres {
  height: 210px;
}

</style>
