/**********************************************************************
 Charger des nouvelles polices
************************************************************************/
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Manrope';
  src: url('https://cdn.ca.yapla.com/company/CPYTvLDmOKxJk421schpYZ9Gg/asset/files/fonts/manrope/Manrope-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/**********************************************************************
 Fin - Charger des nouvelles polices
************************************************************************/
* {
  font-family: 'Manrope', sans-serif !important;
}

.mod-banner__img {
  height: 200px; /* Ajustez la hauteur selon vos besoins */
  background-size: cover;
  background-position: center top;
}

.mod-banner__wrapper .mod-banner__img::before {
  content: none !important;
  background: none !important;
  opacity: 1 !important;
}

.footer-container {
    display: flex;
    flex-wrap: wrap; /* Permet aux colonnes de se réorganiser sur plusieurs lignes si nécessaire */
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    background-color: #002855; /* Couleur de fond du pied de page */
}

.footer-column {
    flex: 1 1 100%; /* Les colonnes prennent toute la largeur par défaut */
    margin: 10px 0;
}

.logo img {
    max-width: 200px; /* Taille ajustée pour agrandir le logo */
    height: auto; /* Assure que le ratio d'aspect est maintenu */
}

.contact-info, .social-links {
    margin-top: 10px;
}

.social-links a {
    display: block;
    margin-bottom: 5px;
}

/* Media query pour les écrans plus larges */
@media (min-width: 600px) {
    .footer-column {
        flex: 1; /* Les colonnes s'affichent côte à côte sur les écrans plus larges */
        margin: 0 10px;
    }
}
.mod-header-logo {
  max-width: 150px !important;
}

@media (min-width: 600px) {
  .mod-header-logo {
    max-width: 200px !important;
  }
    .navbar-default .navbar-toggle .icon-bar {
  background-color: #00A0AB; /* Modifiez ce code pour changer la couleur */
}