.navbar-dark{
  background-color: #375d81 !important;
}
.btn-primary{
  background-color: #4d7eac !important;
}

.bg-gradient{
  background-color: #cfd7de !important;
}
.bg-title{
  background-color: #f5f5f5 !important;
}

.bottom{
  background-color: #375d81 !important;
  color: white !important;
}

a{
  color : #426E98;
}

.accueil-div{
  background-color: #f7f8f9;
}

.arret h5{
  font-weight: bold;
  /* color: #375d81; */
}

.resultatcols {
    background-color: #f7f8f9;
    border: 1px solid #f1f1f1;
    padding: 5px;
    margin-bottom: 5;
}

.affinercols{
    background-color: #f7f8f9;
    font-size:12px;
    padding: 10px 15px;
}

.ul-sans-point{
  padding-top: 0;
  list-style-type: none;
  padding-left: 15px;
}

.affinercols p{
  margin-top: 15px;
}

.btn-primary{
  background-color: #375d81;
}

.a-unstyled{
  text-decoration: inherit;
  color:#375d81;
}
.a-unstyled:hover{
  text-decoration: underline;
}
.card-header{
  background-color:#f7f8f9;
}

.card.bloc-search-item .card-header.fs-5 {
    font-size: 1.15rem !important;
}

.card.bloc-search-item {
    margin-bottom: 0.85rem !important;
} 

.text-justify{
  text-align: justify;
}

.text-left{
  text-align: left;
}

.card-text em{
    font-weight: bold;
    font-style: normal;
}
.arret hr{
  color: #c8d5e1 !important;
  opacity: 1 !important;
}

.arret h2 {
    font-size: 20px;
    text-decoration: underline;
}

.bloc-droit hr:first-child {
    display: none;
}
.card-body{
  background-color:white;
}
.card-text{
  color:black;
}

.barre-outil ul{
  width: min-content;
  display: block;
  margin-left: -70px;
  position:fixed;
  transform: translateY(-50%);
  top: 50%;
}

.barre-outil .btn {
  height: 40px;
  width: 40px;
}

.inline li{
  list-style: none;
}
.filtres{
  font-weight: bold;
  color: #375d81;
}

.fixed-top {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

#textArret {
    min-height: 900px;
}

.statsbase tr:nth-child(2n) {
    background-color: var(--bs-light);
}

.btn-outline-primary{
  border-color: #375d81;
  color:  #375d81;
}

.btn-outline-primary:hover{
  background-color: #375d81;
  border-color: #375d81;
}

.breadcrumb{
  padding: 8px 15px;
  margin-top:20px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 992px) {
  .full-width {
      max-width: none;
      margin-right: auto;
      margin-left: auto;
      padding:0 !important;
  }

  #filtrer{
    float:right;
  }
  .barre-outil ul{
    display: flex;
    margin: auto;
    /* position: sticky; */
    width: 100%;
    top:65px;
    right: 0;
    left: 0;
    background-color: white;
    padding: 10px 0 10px 0;
    transform: inherit;
  }
  .barre-outil li{
    padding: 0;
  }

  .navbar-search-input{
    width:80%;
  }
  .nav-link{
    padding: 16px 24px;
    padding-left: 10px !important;
  }
  .navbar-nav a{
    color:#375d81 !important;
  }
  .navbar-nav a:hover{
    border-left: 5px solid #375d81;
    background-color: #d3dae1;
  }
  .navbar-collapse {
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .header-mobile-navbar{
    background-color:#375d81;
    padding-top: 5px;
    padding-bottom: 4px;
  }

  .navbar-collapse.collapsing {
      right: -100%;
      transition: height 0s ease;
  }
  .navbar-collapse.show {
      right: 0;
      transition: right 400ms ease-in-out;
  }
  .navbar-toggler.collapsed ~ .navbar-collapse {
    transition: right 400ms ease-in-out;
  }
  .navbar-toggler i{
    font-size: 2rem;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  #debutArret p{
    display:inline;
    background: -webkit-linear-gradient( 0deg, black 10%, #797b7c 30%, white 100% );
    -webkit-background-clip: text;
    color: lightgrey;
  }
  .hide-slogan{
    flex-wrap:unset !important;
  }
  .mt-10{
    margin-top: 78px !important;
  }
  .breadcrumb{
    margin-top:45px;
  }
  #hidden-mode-mobile, .hidden-mode-mobile {
    display: none;
  }
  .collapse-bydefault-mobile:not(.show) {
    display: none;
  }
}

@media screen and (max-width:350px) {
  .slogan{
    display:none;
  }
  .barre-outil ul{
    padding: 10px 0 10px 0 !important;
  }
  #hidden-mode-mobile, .hidden-mode-mobile {
    display: none;
  }
  .collapse-bydefault-mobile:not(.show) {
    display: none;
  }
}

@media screen and (min-width:991px){
  .bloc-droit{
    border-style: dotted;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-width: thin;
    border-color: #375d81;
  }
  .barre-outil ul > li:first-child{
    border-top: 1px solid #375d81;
  }

  .barre-outil li{
    border-right: 1px solid #375d81;
    border-left: 1px solid #375d81;
    border-bottom: 1px solid #375d81;
    padding: 5px;
  }
}