body{
    background-color: #F2F2F2;
}

header{
    background-color:#1F547F;
}

.bg-contenu-block-goiave{
     background-color: #1F547F!important;
     color: black;
}

.nav-link{
    color: #FEFEFE;
}

.nav-item:hover{
    background-color: #1F547F!important;
    color: white!important;
}

.nav-item{

    color: black ;
    padding: 1%;


}

.col_nopadding{
    padding: 0!important;
}



.container .nav_profil{
    padding: 0!important;
    margin: 0!important

}

.ombre_leger{
  box-shadow: 0.5px 0.5px 0.5px 0.5px  rgba(0, 0, 0, 0.3);
  padding: 0 !important;

}

.bordure_bas{
    border-bottom: #76A6CA;
    border: 5px;
}

button{
    text-align: center;
    background-color: #1F547F!important;
    color: white;
    width: 100%;
    margin: 0;
}
main.container-fluid-sm {
    padding: 0;
}



@media (max-width: 600px) {
  .container-fluid-sm {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
}



@media (max-width: 767.98px) {
  #myNav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050; /* pour passer au-dessus */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optionnel pour plus de relief */
  }

  /* Pour éviter que le contenu soit caché sous la nav fixe, ajoute un padding top au body ou container parent */
  main{
    padding-top: 120px!important; /* ajuste selon la hauteur de ta nav */
  }
}