@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css") layer(bootstrap);
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@layer custom_styles {
  /* Couleurs personnalisées */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    color: #365e75;
    margin: 0;
  }
  h1,
  .titre-page {
    font-size: 32px;
    letter-spacing: 0.21em;
  }
  @media (max-width: 768px) {
    h1,
    .titre-page {
      font-size: 24px;
    }
  }
  @media (max-width: 480px) {
    h1,
    .titre-page {
      font-size: 18px;
    }
  }
  .text-accueil h1,
  .text-accueil .titre-page {
    color: white;
    margin-bottom: 2rem;
  }
  .body-interne h1.style-titre-p {
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: center;
    margin-bottom: 2rem;
  }
  @media (max-width: 768px) {
    .body-interne h1.style-titre-p {
      font-size: 20px !important;
    }
  }
  @media (max-width: 480px) {
    .body-interne h1.style-titre-p {
      font-size: 16px !important;
    }
  }
  h2,
  .interne h1:not(.style-titre-p) {
    font-size: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.21em;
  }
  @media (max-width: 768px) {
    h2,
    .interne h1:not(.style-titre-p) {
      font-size: 40px;
    }
  }
  @media (max-width: 480px) {
    h2,
    .interne h1:not(.style-titre-p) {
      font-size: 28px;
    }
  }
  h2::before,
  .interne h1:not(.style-titre-p)::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url(images/snow.png) center/cover no-repeat;
    margin-bottom: 1rem;
  }
  .interne h1 {
    font-size: 32px !important;
  }
  html,
  body {
    width: 100%;
    max-width: 100%;
  }
  body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    scroll-behavior: smooth;
  }
  a {
    text-decoration: none;
  }
  .p-5 {
    padding: 80px !important;
  }
  @media (max-width: 768px) {
    .p-5 {
      padding: 40px !important;
    }
  }
  @media (max-width: 480px) {
    .p-5 {
      padding: 20px !important;
    }
  }
  .text-teal {
    color: #365e75;
  }
  .bg-teal {
    background-color: #365e75;
  }
  .btn-teal {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    background-color: #428992;
    text-transform: uppercase;
    color: white;
    border: none;
    border-radius: 40px;
    padding: 0.75rem 3rem;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
  }
  .btn-teal:hover {
    background-color: #365e75;
    color: white;
  }
  .accueil .btn-teal:hover {
    background: white;
    color: #365e75;
  }
  .btn-outline-teal {
    border: 2px solid #365e75;
    color: #365e75;
    background: transparent;
  }
  .btn-outline-teal:hover {
    background: #365e75;
    color: white;
  }
  .text-accueil {
    background: #365e75;
    position: relative;
    padding-inline: 5rem;
    padding-bottom: 5rem;
  }
  @media (max-width: 768px) {
    .text-accueil {
      padding-inline: 2rem;
      padding-bottom: 2rem;
    }
  }
  @media (max-width: 480px) {
    .text-accueil {
      padding-inline: 1rem;
      padding-bottom: 1rem;
    }
  }
  .text-accueil::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 65px;
    bottom: 100%;
    z-index: 1;
    background: #365e75;
  }
  .le-centre {
    position: relative;
  }
  .le-centre::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20%;
    background: #428992;
    z-index: -1;
  }
  .content-text {
    -webkit-margin-after: 3rem;
            margin-block-end: 3rem;
  }
  .concept {
    background-color: #428992;
    color: white;
  }
  .concept h2,
  .avis-actus h2 {
    color: white;
  }
  .concept h2::before,
  .avis-actus h2::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
  .concept h3,
  .avis-actus h3 {
    color: white;
  }
  .concept-item {
    position: relative;
  }
  .concept-item h3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    text-align: center;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0.21em;
    text-transform: uppercase;
    font-weight: 300;
    color: #ffffff;
  }
  .concept-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(32, 83, 89, 0.8);
    z-index: 0;
  }
  .card-title {
    text-transform: uppercase;
  }
  .avis-actus {
    background: url(images/bg-avis.jpg);
    position: relative;
  }
  .avis-actus::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    z-index: -1;
    background: white;
  }
  .avis-actus p {
    color: white;
  }
  .coordonnees {
    text-align: left;
    margin-bottom: 1rem;
  }
  .coordonnees * {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 30px;
    color: #000000;
  }
  .coordonnees img {
    margin-right: 13px;
  }
  .coordonnees > div {
    margin-bottom: 1rem;
  }
  .form-group input,
  .form-group textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 50px;
    border: 1px solid #8fa1b4;
    border-radius: 0;
    margin-bottom: 0.5rem;
  }
  .form-buttons {
    text-align: end;
    margin-top: 0.5rem;
  }
  @media (max-width: 480px) {
    .card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .card img {
      width: 100px;
      height: auto;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .card h3 {
      text-align: left;
      font-size: 18px;
    }
  }
  .fb {
    margin-bottom: 2rem;
  }
  section.interne {
    padding: 5rem 0;
  }
  @media (max-width: 768px) {
    section.interne {
      padding: 2rem 0;
    }
  }
  @media (max-width: 480px) {
    section.interne {
      padding: 1rem 0;
    }
  }
  #breadcrumb {
    background: transparent; /* pas de fond gris */
    padding: 0;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    gap: 1.5rem;
  }
  #breadcrumb > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
  }
  #breadcrumb > li:not(:last-child)::after {
    content: "›"; /* flèche au lieu de "/" */
    color: #008080; /* couleur personnalisée */
    font-weight: bold;
    display: block;
  }
  #breadcrumb a {
    text-decoration: none;
    color: #008080;
  }
  #breadcrumb a:hover {
    text-decoration: underline;
  }
  .hero {
    max-width: 94vw;
    margin: auto;
  }
  .hero .slide-items img {
    width: 100%;
  }
  @media (min-width: 992px) {
    .hero .slide-items img {
      max-height: 80vh;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 20px;
    }
  }
  #sticker {
    z-index: 111 !important;
  }
  .is-sticky #sticker {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .nav-link {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 172%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #0e3259;
  }
  .nav-link:not(a.nav-link.dropdown-toggle):hover {
    background-color: #365e75;
    color: white !important;
    text-decoration: none;
  }
  @media (max-width: 480px) {
    .accueil {
      margin-top: 65px;
    }
  }
  a.nav-link.dropdown-toggle {
    position: absolute;
    right: -17px;
    top: 0;
  }
  footer {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #e2f4fe));
    background: linear-gradient(to bottom, transparent 50%, #e2f4fe 50%);
  }
  footer .content-footer {
    background: #365e75;
    padding: 4.5rem;
    margin-bottom: 4.5rem;
  }
  @media (max-width: 768px) {
    footer .content-footer {
      padding: 2rem;
      margin-bottom: 2rem;
    }
  }
  @media (max-width: 480px) {
    footer .content-footer {
      padding: 1rem;
      margin-bottom: 1rem;
    }
  }
  footer .mentions {
    margin-top: 3rem;
  }
  footer .mentions * {
    color: white;
  }
  footer .navbar-nav {
    gap: 3rem;
  }
  footer .navbar-nav .nav-link {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
  }
  footer .navbar-nav .nav-link:hover {
    color: #428992;
  }
}
@layer custom_styles, bootstrap;/*# sourceMappingURL=style.css.map */