:root {
    --primary-color: #355fc3;
  }






body {

  -webkit-tap-highlight-color: transparent;
  
    opacity: 0;
    background-color: #f3f3f5;
    animation: fadeIn 0.5s forwards ease-in;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }


  



header {
    background-color: #f7f7ff87 !important;
    border-bottom: 1px solid #355fc336 !important;
}
.subHeader {
    width: 94% !important;
}

.titleUnderline {
  text-decoration-color: var(--primary-color);
}

.widthMaxImportant {
  width: 100% !important;
}



.pageContent {
    width: 80%;
    margin: 25px auto;
}

.ongletActif {
  color: var(--primary-color) !important;
  text-decoration-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  font-weight: 500 !important;
}




footer {
    background-color: #16274f !important;
}






@media (max-width: 575px) {

  .pageContent {
    width: 95%;
    margin: 25px auto;
  }

}