/* ==============================
   Header Vitess - menu desktop
   ============================== */

@media screen and (min-width: 993px) {
  #navbar {
    height: 86px !important;
    min-height: 86px !important;
  }

  #navbar .container {
    display: flex !important;
    align-items: center !important;
    height: 86px !important;
  }

  #navbar .logo {
    flex: 0 0 auto !important;
    margin-right: 25px !important;
  }

  #navbar .logo img,
  #navbar .logo-img {
    max-height: 70px !important;
    width: auto !important;
  }

  #navbar .main_nav {
    float: none !important;
    margin-left: auto !important;
    width: 760px !important;
    height: 86px !important;
  }

  #navbar .main_nav > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #navbar .main_nav > ul > li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }

  #navbar .main_nav > ul > li > a {
    display: flex !important;
    align-items: center !important;
    height: 86px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    border-bottom: none !important;
    text-decoration: none !important;
  }

  #navbar .main_nav > ul > li > a:hover,
  #navbar .main_nav > ul > li:hover > a,
  #navbar .main_nav > ul > li.current-menu-item > a,
  #navbar .main_nav > ul > li.current-menu-parent > a {
    color: #00447c !important;
    border-bottom: none !important;
    text-decoration: none !important;
  }

  #navbar .main_nav > ul > li > a::before,
  #navbar .main_nav > ul > li > a::after {
    display: none !important;
    content: none !important;
  }

  #navbar .main_nav > ul > li > ul {
    position: absolute !important;
    top: 86px !important;
    left: 0 !important;
    display: none !important;
    min-width: 230px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
  }

  #navbar .main_nav > ul > li:hover > ul {
    display: block !important;
  }

  #navbar .main_nav > ul > li > ul > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }

  #navbar .main_nav > ul > li > ul > li > a {
    display: block !important;
    height: auto !important;
    padding: 10px 18px !important;
    color: #00447c !important;
    background: transparent !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  #navbar .main_nav > ul > li > ul > li > a:hover,
  #navbar .main_nav > ul > li > ul > li:hover > a {
    color: #ffffff !important;
    background-color: #00447c !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }

  #navbar .main_nav > ul > li > ul > li > ul {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    display: none !important;
    min-width: 230px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
  }

  #navbar .main_nav > ul > li > ul > li:hover > ul {
    display: block !important;
  }

  #navbar .main_nav > ul > li > ul > li > ul > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #navbar .main_nav > ul > li > ul > li > ul > li > a {
    display: block !important;
    height: auto !important;
    padding: 10px 18px !important;
    color: #00447c !important;
    background: transparent !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
  }

  #navbar .main_nav > ul > li > ul > li > ul > li > a:hover,
  #navbar .main_nav > ul > li > ul > li > ul > li:hover > a {
    color: #ffffff !important;
    background-color: #00447c !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }
}

/* ==============================
   Section Actualités
   ============================== */

.section-actus {
  position: relative !important;
  min-height: 420px !important;
  padding: 70px 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

.section-actus::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 20, 40, 0.62) !important;
  z-index: 1 !important;
}

.section-actus > .container,
.section-actus .container,
.section-actus .row,
.section-actus [class*="col"] {
  position: relative !important;
  z-index: 2 !important;
}

.section-actus,
.section-actus * {
  color: #ffffff !important;
}

.section-actus__titre h2 {
  margin: 0 !important;
  padding-right: 60px !important;
  text-align: right !important;
  font-weight: 300 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.section-actus__titre h2 span {
  font-weight: 800 !important;
}

.section-actus__titre h2::after {
  content: "" !important;
  display: block !important;
  width: 90px !important;
  height: 2px !important;
  margin-top: 14px !important;
  margin-left: auto !important;
  background: #ffffff !important;
}

.section-actus article,
.section-actus .post,
.section-actus .actus,
.section-actus .news {
  max-width: 520px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.section-actus article h2,
.section-actus article h3,
.section-actus article h4,
.section-actus .post h2,
.section-actus .post h3,
.section-actus .post h4 {
  margin-top: 0 !important;
  line-height: 1.2 !important;
}

.section-actus article p,
.section-actus .post p {
  line-height: 1.45 !important;
}

.section-actus article a,
.section-actus .post a {
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom-color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

.section-actus article a:hover,
.section-actus .post a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-color: #ffffff !important;
}

.section-actus a::before,
.section-actus a::after,
.section-actus article a::before,
.section-actus article a::after,
.section-actus .post a::before,
.section-actus .post a::after {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.section-actus img {
  max-width: 180px !important;
  height: auto !important;
}

.section-actus article img,
.section-actus .post img {
  max-width: 160px !important;
  margin-right: 20px !important;
}

@media screen and (max-width: 992px) {
  .section-actus {
    min-height: auto !important;
    padding: 40px 0 !important;
  }

  .section-actus__titre h2 {
    text-align: left !important;
    padding-right: 0 !important;
    margin-bottom: 25px !important;
  }

  .section-actus__titre h2::after {
    margin-left: 0 !important;
  }

  .section-actus article,
  .section-actus .post,
  .section-actus .actus,
  .section-actus .news {
    max-width: 100% !important;
  }
}