From 4f3e837669f0486ee6b84935cfdb40e4fb9eea31 Mon Sep 17 00:00:00 2001
From: Broemman <brotelle.emmanuel@gmail.com>
Date: Tue, 12 Nov 2024 13:51:42 +0100
Subject: [PATCH] Theme Libramont - Homepage

---
 libramont/src/scss/home/bulletins.scss    |   4 +-
 libramont/src/scss/home/divers.scss       | 963 +++++++++++++++++++++
 libramont/src/scss/home/publications.scss |  10 +-
 libramont/src/scss/main.scss              | 965 +---------------------
 4 files changed, 972 insertions(+), 970 deletions(-)
 create mode 100644 libramont/src/scss/home/divers.scss

diff --git a/libramont/src/scss/home/bulletins.scss b/libramont/src/scss/home/bulletins.scss
index 4c18336f..22cd0cd3 100644
--- a/libramont/src/scss/home/bulletins.scss
+++ b/libramont/src/scss/home/bulletins.scss
@@ -1,6 +1,6 @@
 @media screen and (max-width: 950px) {
   .bulletins .section-title {
-    text-align: center;
+    text-align: center !important;
   }
 }
 
@@ -10,7 +10,7 @@
   background-repeat: no-repeat;
   background-size: 130px;
   content: "";
-  top: -70px;
+  top: -50px;
   bottom: 0;
   left: 0;
   right: 0;
diff --git a/libramont/src/scss/home/divers.scss b/libramont/src/scss/home/divers.scss
new file mode 100644
index 00000000..7198a77c
--- /dev/null
+++ b/libramont/src/scss/home/divers.scss
@@ -0,0 +1,963 @@
+body {
+  background: #fff;
+}
+
+//search
+#portal-header #portal-header-top #header-links #search-link a {
+  width: 50px;
+  height: 50px;
+  border: 0;
+  background: $primary-svg;
+  transition: all 0.3s ease;
+}
+
+@media screen and (max-width: 992px) {
+  #portal-header #portal-header-top #header-links #search-link a {
+    padding-left: 0 !important;
+  }
+}
+
+#portal-header #portal-header-top #header-links #search-link a:hover {
+  background: $primary;
+}
+
+#portal-header #portal-header-top #portal-logo {
+  svg {
+    width: 200px;
+  }
+}
+
+.header-custom #banner::after {
+  display: none !important;
+}
+
+h1 {
+  font-family: $font-family-base !important;
+  font-weight: 500 !important;
+}
+
+h2 {
+  font-family: $font-family-base !important;
+  font-weight: 500 !important;
+  font-size: 24px;
+}
+
+.smartweb_herobanner .bannerSwiper {
+  height: 50vw;
+  max-height: 500px;
+}
+
+#header-actions .account {
+  text-decoration: none;
+  font-weight: 500;
+  position: relative;
+
+  &::before {
+    content: "";
+    height: 2px;
+    bottom: -3px;
+    position: absolute;
+    left: 0;
+    background-color: #fff;
+    transition: all 0.15s ease;
+    right: 0;
+    opacity: 0%;
+  }
+
+  span {
+    transition: all 0.3s ease;
+  }
+
+  &:hover {
+    span {
+      transition: all 0.3s ease;
+    }
+
+    &::before {
+      opacity: 100%;
+    }
+  }
+}
+
+.smartweb_herobanner {
+  border-radius: 0;
+  overflow: hidden;
+  width: 100vw;
+}
+
+.smartweb_herobanner
+  .bannerSwiper
+  .swiper-slide
+  .swiper-banner-content-wrapper {
+  position: absolute;
+  top: auto;
+  transform: none;
+  bottom: 0 !important;
+  max-width: 100%;
+  width: 100%;
+}
+
+.bannerSwiper .section-slide {
+  .swiper-banner-content {
+    position: relative;
+    left: 50%;
+    max-width: 540px !important;
+    width: 100% !important;
+    border-radius: 0;
+    font-family: $font-family-title;
+    height: 500px;
+    display: grid;
+    align-items: center;
+    padding: 0 !important;
+    transform: translate(25%, 0%);
+
+    @media screen and (max-width: 1400px) {
+      height: 150px;
+      position: absolute;
+      left: auto;
+      right: 0;
+      bottom: 0;
+      transform: translate(0%, 0%);
+      max-width: 400px !important;
+    }
+
+    .swiper-banner-title {
+      display: none;
+    }
+
+    .swiper-banner-description {
+      text-align: center;
+      position: relative;
+      width: 100% !important;
+      margin: auto;
+
+      @media screen and (max-width: 1400px) {
+        p {
+          margin: 0;
+          color: #fff;
+          font-size: 18px !important;
+        }
+      }
+    }
+
+    &::before {
+      position: absolute;
+      background: rgb(101 91 140 / 95%);
+      left: 0%;
+      max-width: 700px !important;
+      width: 100% !important;
+      display: block;
+      height: 500px;
+      border-radius: 0;
+      content: "";
+      z-index: -1;
+
+      @media screen and (max-width: 1400px) {
+        height: 150px;
+        border-radius: 10px 0 0;
+      }
+    }
+
+    @media screen and (max-width: 600px) {
+      display: none;
+    }
+  }
+
+  .swiper-banner-title {
+    line-height: 40px;
+  }
+}
+
+.r-item-img.r-item-img-placeholder {
+  background: url("../../assets/svg/placeholder.jpg");
+  background-size: cover;
+  background-position: center;
+}
+
+//footer
+footer {
+  #container-section-noussuivre {
+    .table_title {
+      display: none;
+    }
+
+    ul.row {
+      flex-flow: row wrap;
+
+      li {
+        width: auto;
+      }
+    }
+  }
+}
+
+.sectiontext .section-text .body-section figure figcaption {
+  display: block;
+}
+
+.portaltype-imio-smartweb-directoryview,
+.portaltype-imio-smartweb-newsview,
+.portaltype-imio-smartweb-eventsview {
+  #content > header {
+    display: none;
+  }
+}
+
+// bug z-index
+
+.pagination {
+  .page-item.active {
+    z-index: 0;
+  }
+}
+
+footer #container-section-noussuivre {
+  li {
+    svg {
+      path {
+        fill: #fff;
+      }
+    }
+
+    &:nth-child(1),
+    &:nth-child(3) {
+      svg path:nth-child(2) {
+        fill: #3f3f3f !important;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 900px) {
+  .portaltype-imio-smartweb-portalpage .section-title {
+    font-size: 40px !important;
+    margin-bottom: 20px;
+  }
+
+  .portaltype-imio-smartweb-portalpage .section-title::after {
+    top: 45px;
+  }
+}
+
+#portal-breadcrumbs {
+  background: transparent !important;
+
+  .container,
+  .breadcrumb {
+    padding-left: 0;
+  }
+}
+
+#portal-globalnav > li a:hover {
+  color: $primary-svg;
+}
+
+.portaltype-imio-smartweb-portalpage {
+  //background: url(../../assets/svg/bg-villers.svg) center 280px no-repeat;
+  background-size: cover;
+}
+
+// footer
+.footer-logo {
+  figure img {
+    width: 100% !important;
+  }
+}
+
+.footer-slogan {
+  .text {
+    max-width: 204px;
+    text-align: center;
+
+    p {
+      font-size: 33px;
+      font-weight: 200;
+    }
+  }
+}
+
+.footer-fb {
+  .table_image {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: row-reverse;
+    gap: 10px;
+    text-decoration: none;
+
+    .image {
+      width: auto;
+
+      svg {
+        height: 25px;
+        fill: #fff;
+      }
+    }
+  }
+}
+
+#portal-footer-wrapper {
+  .smartweb_footer {
+    .text {
+      h4 {
+        color: #fff;
+      }
+    }
+  }
+}
+
+.r-add-contact a,
+.r-add-event a,
+.r-add-news a {
+  background: $primary-svg;
+  border-radius: 8px;
+  color: #fff;
+  padding: 1rem;
+  text-decoration: none;
+  transition: all 0.5s ease;
+
+  &:hover {
+    background: #000;
+    transition: all 0.5s ease;
+  }
+}
+
+.r-filter div[class*="control"] {
+  border-radius: 5px;
+}
+
+.procedure a::after {
+  content: "\F135";
+  font-family: Bootstrap-icons;
+  margin-left: 0.5rem;
+  position: relative;
+  top: 3px;
+}
+
+// sub-nav
+
+.subsite-container {
+  background: $primary-light;
+  border-radius: 10px 0;
+
+  #subsite-logo {
+    font-size: 18px;
+    background: $primary-svg;
+    border-radius: 10px 0;
+  }
+}
+
+.sectiontext .section-text .section-title a {
+  text-decoration: none;
+}
+
+.sectiontext .section-text .section-title a.collapsed {
+  color: #000 !important;
+}
+
+/*.sectiontext .section-text .body-section a {
+      color: #fff!important;
+  }*/
+.sectiontext figure img {
+  border-radius: 15px;
+}
+
+/*#viewlet-above-content-body {
+      .procedure{
+          display: none;
+      } 
+  }*/
+
+// header common
+
+.breadcrumb-item {
+  a {
+    text-decoration: none;
+  }
+}
+
+.breadcrumb {
+  font-size: 13px;
+}
+
+#portal-breadcrumbs {
+  margin: 0 !important;
+  position: relative;
+
+  //z-index: -1;
+  .breadcrumb {
+    margin: 0 !important;
+    background-color: #fff !important;
+    padding: 12px 0 !important;
+
+    .breadcrumb-item {
+      a {
+        color: #2f294e !important;
+
+        &:hover {
+          color: #2f294e !important;
+        }
+      }
+
+      &.active {
+        color: #2f294e !important ;
+      }
+
+      &::before {
+        color: #2f294e !important;
+      }
+    }
+  }
+}
+
+.header-custom {
+  #banner {
+    z-index: -1;
+
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+        0deg,
+        rgba(0, 0, 0, 0%) 0%,
+        rgba(0, 0, 0, 50%) 100%
+      );
+    }
+  }
+
+  #portal-breadcrumbs {
+    margin: 0 !important;
+    position: absolute;
+    z-index: 1;
+
+    .breadcrumb {
+      margin: 0 !important;
+      background-color: #f2f2f5 !important;
+      padding: 15px 30px !important;
+
+      .breadcrumb-item {
+        a {
+          color: #2f294e !important;
+
+          &:hover {
+            color: #2f294e !important;
+          }
+        }
+
+        &.active {
+          color: #ccc !important ;
+        }
+
+        &::before {
+          color: #fff !important;
+        }
+      }
+    }
+  }
+}
+
+.block-menu-element a .card-title.h2,
+.block-menu-element a h2.card-title {
+  font-size: 1rem;
+}
+
+// .block-menu-element a .card-body {
+//   background: #fff;
+//   border-radius: 15px 15px 15px 0;
+//   box-shadow: 0 1px 4px rgba(0, 0, 0, 16%);
+//   height: auto;
+//   margin-bottom: 10px;
+//   position: relative;
+//   transition: 1.2s;
+// }
+
+.template-facetednavigation_view.faceted-map
+  .eea-preview-items
+  .faceted-map-item
+  > a {
+  background: none;
+}
+
+.template-facetednavigation_view.faceted-map
+  .eea-preview-items
+  .faceted-map-item
+  > a:hover {
+  background-color: #fff;
+}
+
+#portal-column-content .sectioncontact .contact-type-organization {
+  background: none;
+}
+
+.sectionlinks {
+  background: none;
+}
+
+.sectionlinks h2::before {
+  display: none !important;
+}
+
+@media screen and (max-width: 992px) {
+  .navbar-dark .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e") !important;
+  }
+
+  .navbar .container {
+    padding: 0 5px 0 0 !important;
+  }
+}
+
+.bloc-newsletter {
+  text-align: $newsletter-align;
+  position: relative;
+  margin: 6rem 0;
+  padding-bottom: 6.5rem;
+  padding-top: 6rem;
+
+  .section-title {
+    font-weight: 800;
+    text-align: center;
+    text-transform: uppercase;
+    position: relative;
+    margin: 0 auto 4.5rem;
+    width: max-content;
+    font-size: 3rem;
+    color: #fff;
+
+    &::after {
+      left: 0%;
+      top: 70px;
+      bottom: 0;
+      content: "";
+      display: block;
+      height: 13px;
+      position: absolute;
+      width: 113px;
+    }
+  }
+
+  @media screen and (max-width: 900px) {
+    .section-title {
+      &::after {
+        top: 45px;
+      }
+    }
+  }
+
+  .table_image {
+    text-decoration: none;
+
+    .table_title span {
+      background: #fff;
+      padding: 1rem 3rem;
+      border-radius: 8px;
+      color: #000;
+      transition: all 0.5s ease;
+
+      &:hover {
+        background: #133641 !important;
+        color: #fff !important;
+        transition: all 0.5s ease;
+      }
+    }
+
+    @media screen and (max-width: 900px) {
+      .table_title span {
+        font-size: 14px !important;
+        padding: 1rem !important;
+      }
+    }
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100vw;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    background: $newsletter-bg-color;
+  }
+
+  .lead {
+    margin: 0;
+  }
+}
+
+@media screen and (max-width: 992px) {
+  .bloc-newsletter {
+    margin: 4.5rem 0;
+    padding-bottom: 4rem;
+    padding-top: 3rem;
+  }
+}
+
+#portal-breadcrumbs .breadcrumb .breadcrumb-item a,
+#portal-breadcrumbs .breadcrumb .breadcrumb-item a:hover,
+#portal-breadcrumbs .breadcrumb .breadcrumb-item.active,
+#portal-breadcrumbs .breadcrumb .breadcrumb-item::before {
+  color: #000 !important;
+}
+
+#portal-breadcrumbs .breadcrumb .breadcrumb-item a,
+#portal-breadcrumbs .breadcrumb .breadcrumb-item a:hover,
+#portal-breadcrumbs .breadcrumb .breadcrumb-item::before {
+  color: #000 !important;
+}
+
+#portal-breadcrumbs .breadcrumb .breadcrumb-item.active {
+  color: #000 !important;
+  text-decoration: underline;
+}
+
+#portal-globalnav .dropdown .nav-title a {
+  color: $primary-svg;
+}
+
+#portal-header #portal-header-top #portal-globalnav-wrapper {
+  margin: 0 2rem;
+}
+
+@media screen and (min-width: 992px) {
+  #portal-globalnav-wrapper #portal-globalnav > li > .has_subtree,
+  #subsite-navigation #portal-globalnav > li > .has_subtree {
+    margin-top: 3.5rem;
+  }
+}
+
+@media screen and (max-width: 992px) {
+  #body-section-en-un-clic li {
+    width: 100% !important;
+  }
+}
+
+#messagesviewlet .portalMessage.info,
+#localmessagesviewlet .portalMessage.info {
+  background-color: $primary-svg;
+  color: #fff;
+}
+
+#messagesviewlet .portalMessage.error,
+#localmessagesviewlet .portalMessage.error {
+  background-color: $primary-light;
+  color: $primary-dark;
+}
+
+#messagesviewlet .portalMessage.warning,
+#localmessagesviewlet .portalMessage.warning {
+  background: $primary-svg;
+  color: $primary-dark;
+}
+
+#messagesviewlet .portalMessage.info .messagesviewlet-type,
+#localmessagesviewlet .portalMessage.info .messagesviewlet-type {
+  background: $primary-dark;
+  color: #fff;
+}
+
+#messagesviewlet .portalMessage.warning .messagesviewlet-type,
+#localmessagesviewlet .portalMessage.warning .messagesviewlet-type {
+  background: $primary-svg;
+  color: #000;
+}
+
+// logo minisite
+#portal-header #portal-header-top .minisite_logo {
+  max-width: 100px !important;
+}
+
+#portal-footer-wrapper #portal-footer #smartweb-minisite-footer h2 {
+  margin-top: 0;
+}
+
+.sectiontext mark,
+.r-content-text mark {
+  background-color: $primary-svg;
+  border: 0;
+  border-radius: 8px;
+  color: #fff;
+  display: inline-block;
+  font-weight: 500;
+  padding: 20px 45px 20px 26px;
+
+  a {
+    color: #fff !important;
+  }
+}
+
+.portaltype-imio-smartweb-page
+  #main-container
+  .sectionfiles
+  .section-container
+  .table_display
+  .table_image {
+  background-color: $primary-svg;
+  border: 0;
+  border-radius: 8px;
+  color: #fff;
+  font-weight: 500;
+  padding: 20px 45px 20px 26px;
+
+  div,
+  span {
+    color: #fff !important;
+  }
+
+  a {
+    color: #fff !important;
+  }
+}
+
+.sectionfiles::after {
+  background-color: $primary-svg;
+  border-radius: 8px;
+  bottom: 0;
+  content: "";
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50vw);
+  width: 100vw;
+  z-index: -1;
+}
+
+h3 {
+  font-size: 22px;
+  font-weight: 900;
+  color: $primary-dark;
+}
+
+h2 {
+  font-size: 20px;
+  font-weight: 900;
+  color: $primary-dark;
+}
+
+.subsection-services-communaux-communication-bulletin-communal
+  .block-menu-element
+  a
+  .card-img-top {
+  padding-top: 135%;
+  background-position: top;
+}
+
+.sectiontext ol > li::before {
+  content: counter(sectioncounter) "." !important;
+}
+
+#portal-footer-wrapper #portal-footer #smartweb-footer a,
+#portal-footer-wrapper #portal-footer #smartweb-minisite-footer a {
+  color: #fff;
+  transition: all 0.5s ease;
+}
+
+#portal-footer-wrapper #portal-footer #smartweb-footer a:hover,
+#portal-footer-wrapper #portal-footer #smartweb-minisite-footer a:hover {
+  color: $primary-svg;
+  transition: all 0.5s ease;
+}
+
+//navbar
+.navbar-toggler {
+  padding: 0 !important;
+  background: #fff !important;
+  height: 50px !important;
+  width: 50px !important;
+  border-radius: 50% !important;
+  font-size: var(--bs-navbar-toggler-font-size);
+  line-height: 1;
+  color: var(--bs-navbar-color);
+  background-color: transparent;
+  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
+  transition: var(--bs-navbar-toggler-transition);
+}
+
+.navbar .container {
+  padding: 0 !important;
+}
+
+.portaltype-imio-smartweb-portalpage.section-home-page {
+  #messagesviewlet {
+    position: absolute;
+    top: 100px;
+  }
+}
+
+#portal-globalnav-collapse .dropdown .nav-link:focus,
+#portal-globalnav-collapse .dropdown .nav-link:hover,
+#subsite-navigation .dropdown .nav-link:focus,
+#subsite-navigation .dropdown .nav-link:hover {
+  color: $primary-svg;
+
+  .site-cpas .swiper-banner-content-wrapper .swiper-banner-content {
+    .swiper-banner-title {
+      display: none;
+    }
+
+    .swiper-banner-description p {
+      font-size: 24px;
+      font-weight: 700;
+      color: #fff !important;
+      line-height: 34px;
+    }
+  }
+}
+
+.template-block_view #content-core,
+.template-block_view_with_images #content-core,
+.template-summary_view #content-core,
+.template-summary_view_with_images #content-core {
+  margin-bottom: 3rem;
+}
+
+.galerie-accueil {
+  margin: 120px 0 100px;
+
+  .section-title {
+    font-weight: 500;
+    text-transform: none;
+    position: relative;
+    color: $primary-svg;
+    text-align: center;
+    margin-bottom: 30px;
+  }
+
+  @media screen and (max-width: 1400px) {
+    margin: 80px 0;
+  }
+}
+
+.r-add-contact a,
+.r-add-event a,
+.r-add-news a {
+  background: $primary-svg;
+  border-radius: 8px;
+  color: #fff;
+  padding: 1rem;
+  text-decoration: none;
+  transition: all 0.5s ease;
+  font-size: 14px !important;
+  line-height: 28px !important;
+
+  &:hover {
+    background: #000;
+    transition: all 0.5s ease;
+  }
+}
+
+@media screen and (min-width: 900px) {
+  .r-add-contact,
+  .r-add-event {
+    bottom: 0;
+    padding-bottom: 1rem;
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding-top: 20px;
+    padding-right: 13px;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .r-add-news {
+    bottom: 0;
+    padding-bottom: 1rem;
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding-top: 0;
+    padding-right: 0;
+  }
+}
+
+@media screen and (max-width: 1199px) {
+  .r-add-news {
+    top: auto;
+    padding-bottom: 0;
+  }
+}
+
+.template-summary_view .list-menu-element > a:focus,
+.template-summary_view .list-menu-element > a:hover,
+.template-summary_view_with_images .list-menu-element > a:focus,
+.template-summary_view_with_images .list-menu-element > a:hover {
+  background: $primary-light;
+}
+
+.template-summary_view .list-menu-element > a::after,
+.template-summary_view_with_images .list-menu-element > a::after {
+  color: $primary-svg;
+  opacity: 100%;
+}
+
+.sectionfiles .item_infos {
+  color: #fff;
+
+  a {
+    text-decoration: underline #fff;
+  }
+}
+
+.faceted-form .faceted-results a.row {
+  background: $primary-light;
+  padding: 20px 10px;
+  border-radius: 10px;
+  margin: 5px 0;
+}
+
+@media (min-width: 1200px) {
+  #portal-globalnav {
+    justify-content: right;
+  }
+}
+
+#content header .lead.rich_description {
+  max-width: initial;
+}
+
+//Footer
+@media screen and (max-width: 950px) {
+  #smartweb-footer .sectiontext figure,
+  #smartweb-minisite-footer .sectiontext figure {
+    margin: 0 auto;
+  }
+
+  .sectioncontact {
+    text-align: center;
+  }
+
+  .sectionlinks {
+    text-align: center;
+    margin-top: 20px;
+  }
+
+  #portal-footer-wrapper
+    #portal-footer
+    .sectionlinks
+    .container
+    .body-section
+    .row
+    li
+    .table_display
+    .table_image
+    .table_title {
+    padding-left: 0;
+  }
+}
+
+body
+  #portal-footer-wrapper
+  #portal-footer
+  .sectionlinks
+  .container
+  .body-section
+  .row
+  li
+  .table_display
+  .table_image
+  .table_title {
+  padding-left: 10px;
+}
diff --git a/libramont/src/scss/home/publications.scss b/libramont/src/scss/home/publications.scss
index cb0459e8..9715aea2 100644
--- a/libramont/src/scss/home/publications.scss
+++ b/libramont/src/scss/home/publications.scss
@@ -1,6 +1,8 @@
 @media screen and (max-width: 950px) {
   .publications .section-title {
-    text-align: center;
+    text-align: center !important;
+    width: 90%;
+    margin: 0 auto;
   }
 }
 
@@ -18,7 +20,7 @@
     background-repeat: no-repeat;
     background-size: 130px;
     content: "";
-    top: -70px;
+    top: -30px;
     bottom: 0;
     left: 0;
     right: 0;
@@ -40,14 +42,14 @@
     & > a {
       background-color: $primary-light;
       color: $primary-dark;
-      padding: 25px;
       border-radius: 20px;
       text-decoration: none;
       display: block;
       transform: translateY(0);
       overflow: hidden;
       transition: 0.5s;
-      padding-bottom: 80px;
+      padding: 25px 25px 80px;
+      max-height: 220px;
 
       &:hover,
       &:focus {
diff --git a/libramont/src/scss/main.scss b/libramont/src/scss/main.scss
index 4732ddc4..5ba07e78 100644
--- a/libramont/src/scss/main.scss
+++ b/libramont/src/scss/main.scss
@@ -27,6 +27,7 @@ $enable-roboto-webfont: false;
 @import "./home/espace-citoyen";
 @import "./home/actualites";
 @import "./home/cpas";
+@import "./home/divers";
 @import "./home/events";
 @import "./home/footer";
 @import "./info-trav";
@@ -35,967 +36,3 @@ $enable-roboto-webfont: false;
 @import "./contact";
 @import "./home/bulletins";
 @import "./home/publications";
-
-body {
-  background: #fff;
-}
-
-//search
-#portal-header #portal-header-top #header-links #search-link a {
-  width: 50px;
-  height: 50px;
-  border: 0;
-  background: $primary-svg;
-  transition: all 0.3s ease;
-}
-
-@media screen and (max-width: 992px) {
-  #portal-header #portal-header-top #header-links #search-link a {
-    padding-left: 0 !important;
-  }
-}
-
-#portal-header #portal-header-top #header-links #search-link a:hover {
-  background: $primary;
-}
-
-#portal-header #portal-header-top #portal-logo {
-  svg {
-    width: 200px;
-  }
-}
-
-.header-custom #banner::after {
-  display: none !important;
-}
-
-h1 {
-  font-family: $font-family-base !important;
-  font-weight: 500 !important;
-}
-
-h2 {
-  font-family: $font-family-base !important;
-  font-weight: 500 !important;
-  font-size: 24px;
-}
-
-.smartweb_herobanner .bannerSwiper {
-  height: 50vw;
-  max-height: 500px;
-}
-
-#header-actions .account {
-  text-decoration: none;
-  font-weight: 500;
-  position: relative;
-
-  &::before {
-    content: "";
-    height: 2px;
-    bottom: -3px;
-    position: absolute;
-    left: 0;
-    background-color: #fff;
-    transition: all 0.15s ease;
-    right: 0;
-    opacity: 0%;
-  }
-
-  span {
-    transition: all 0.3s ease;
-  }
-
-  &:hover {
-    span {
-      transition: all 0.3s ease;
-    }
-
-    &::before {
-      opacity: 100%;
-    }
-  }
-}
-
-.smartweb_herobanner {
-  border-radius: 0;
-  overflow: hidden;
-  width: 100vw;
-}
-
-.smartweb_herobanner
-  .bannerSwiper
-  .swiper-slide
-  .swiper-banner-content-wrapper {
-  position: absolute;
-  top: auto;
-  transform: none;
-  bottom: 0 !important;
-  max-width: 100%;
-  width: 100%;
-}
-
-.bannerSwiper .section-slide {
-  .swiper-banner-content {
-    position: relative;
-    left: 50%;
-    max-width: 540px !important;
-    width: 100% !important;
-    border-radius: 0;
-    font-family: $font-family-title;
-    height: 500px;
-    display: grid;
-    align-items: center;
-    padding: 0 !important;
-    transform: translate(25%, 0%);
-
-    @media screen and (max-width: 1400px) {
-      height: 150px;
-      position: absolute;
-      left: auto;
-      right: 0;
-      bottom: 0;
-      transform: translate(0%, 0%);
-      max-width: 400px !important;
-    }
-
-    .swiper-banner-title {
-      display: none;
-    }
-
-    .swiper-banner-description {
-      text-align: center;
-      position: relative;
-      width: 100% !important;
-      margin: auto;
-
-      @media screen and (max-width: 1400px) {
-        p {
-          margin: 0;
-          color: #fff;
-          font-size: 18px !important;
-        }
-      }
-    }
-
-    &::before {
-      position: absolute;
-      background: rgb(101 91 140 / 95%);
-      left: 0%;
-      max-width: 700px !important;
-      width: 100% !important;
-      display: block;
-      height: 500px;
-      border-radius: 0;
-      content: "";
-      z-index: -1;
-
-      @media screen and (max-width: 1400px) {
-        height: 150px;
-        border-radius: 10px 0 0;
-      }
-    }
-
-    @media screen and (max-width: 600px) {
-      display: none;
-    }
-  }
-
-  .swiper-banner-title {
-    line-height: 40px;
-  }
-}
-
-.r-item-img.r-item-img-placeholder {
-  background: url("../../assets/svg/placeholder.jpg");
-  background-size: cover;
-  background-position: center;
-}
-
-//footer
-footer {
-  #container-section-noussuivre {
-    .table_title {
-      display: none;
-    }
-
-    ul.row {
-      flex-flow: row wrap;
-
-      li {
-        width: auto;
-      }
-    }
-  }
-}
-
-.sectiontext .section-text .body-section figure figcaption {
-  display: block;
-}
-
-.portaltype-imio-smartweb-directoryview,
-.portaltype-imio-smartweb-newsview,
-.portaltype-imio-smartweb-eventsview {
-  #content > header {
-    display: none;
-  }
-}
-
-// bug z-index
-
-.pagination {
-  .page-item.active {
-    z-index: 0;
-  }
-}
-
-footer #container-section-noussuivre {
-  li {
-    svg {
-      path {
-        fill: #fff;
-      }
-    }
-
-    &:nth-child(1),
-    &:nth-child(3) {
-      svg path:nth-child(2) {
-        fill: #3f3f3f !important;
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 900px) {
-  .portaltype-imio-smartweb-portalpage .section-title {
-    font-size: 40px !important;
-    margin-bottom: 20px;
-  }
-
-  .portaltype-imio-smartweb-portalpage .section-title::after {
-    top: 45px;
-  }
-}
-
-#portal-breadcrumbs {
-  background: transparent !important;
-
-  .container,
-  .breadcrumb {
-    padding-left: 0;
-  }
-}
-
-#portal-globalnav > li a:hover {
-  color: $primary-svg;
-}
-
-.portaltype-imio-smartweb-portalpage {
-  //background: url(../../assets/svg/bg-villers.svg) center 280px no-repeat;
-  background-size: cover;
-}
-
-// footer
-.footer-logo {
-  figure img {
-    width: 100% !important;
-  }
-}
-
-.footer-slogan {
-  .text {
-    max-width: 204px;
-    text-align: center;
-
-    p {
-      font-size: 33px;
-      font-weight: 200;
-    }
-  }
-}
-
-.footer-fb {
-  .table_image {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: row-reverse;
-    gap: 10px;
-    text-decoration: none;
-
-    .image {
-      width: auto;
-
-      svg {
-        height: 25px;
-        fill: #fff;
-      }
-    }
-  }
-}
-
-#portal-footer-wrapper {
-  .smartweb_footer {
-    .text {
-      h4 {
-        color: #fff;
-      }
-    }
-  }
-}
-
-.r-add-contact a,
-.r-add-event a,
-.r-add-news a {
-  background: $primary-svg;
-  border-radius: 8px;
-  color: #fff;
-  padding: 1rem;
-  text-decoration: none;
-  transition: all 0.5s ease;
-
-  &:hover {
-    background: #000;
-    transition: all 0.5s ease;
-  }
-}
-
-.r-filter div[class*="control"] {
-  border-radius: 5px;
-}
-
-.procedure a::after {
-  content: "\F135";
-  font-family: Bootstrap-icons;
-  margin-left: 0.5rem;
-  position: relative;
-  top: 3px;
-}
-
-// sub-nav
-
-.subsite-container {
-  background: $primary-light;
-  border-radius: 10px 0;
-
-  #subsite-logo {
-    font-size: 18px;
-    background: $primary-svg;
-    border-radius: 10px 0;
-  }
-}
-
-.sectiontext .section-text .section-title a {
-  text-decoration: none;
-}
-
-.sectiontext .section-text .section-title a.collapsed {
-  color: #000 !important;
-}
-
-/*.sectiontext .section-text .body-section a {
-	color: #fff!important;
-}*/
-.sectiontext figure img {
-  border-radius: 15px;
-}
-
-/*#viewlet-above-content-body {
-    .procedure{
-        display: none;
-    } 
-}*/
-
-// header common
-
-.breadcrumb-item {
-  a {
-    text-decoration: none;
-  }
-}
-
-.breadcrumb {
-  font-size: 13px;
-}
-
-#portal-breadcrumbs {
-  margin: 0 !important;
-  position: relative;
-
-  //z-index: -1;
-  .breadcrumb {
-    margin: 0 !important;
-    background-color: #fff !important;
-    padding: 12px 0 !important;
-
-    .breadcrumb-item {
-      a {
-        color: #2f294e !important;
-
-        &:hover {
-          color: #2f294e !important;
-        }
-      }
-
-      &.active {
-        color: #2f294e !important ;
-      }
-
-      &::before {
-        color: #2f294e !important;
-      }
-    }
-  }
-}
-
-.header-custom {
-  #banner {
-    z-index: -1;
-
-    &::after {
-      content: "";
-      position: absolute;
-      inset: 0;
-      background: linear-gradient(
-        0deg,
-        rgba(0, 0, 0, 0%) 0%,
-        rgba(0, 0, 0, 50%) 100%
-      );
-    }
-  }
-
-  #portal-breadcrumbs {
-    margin: 0 !important;
-    position: absolute;
-    z-index: 1;
-
-    .breadcrumb {
-      margin: 0 !important;
-      background-color: #f2f2f5 !important;
-      padding: 15px 30px !important;
-
-      .breadcrumb-item {
-        a {
-          color: #2f294e !important;
-
-          &:hover {
-            color: #2f294e !important;
-          }
-        }
-
-        &.active {
-          color: #ccc !important ;
-        }
-
-        &::before {
-          color: #fff !important;
-        }
-      }
-    }
-  }
-}
-
-.block-menu-element a .card-title.h2,
-.block-menu-element a h2.card-title {
-  font-size: 1rem;
-}
-
-// .block-menu-element a .card-body {
-//   background: #fff;
-//   border-radius: 15px 15px 15px 0;
-//   box-shadow: 0 1px 4px rgba(0, 0, 0, 16%);
-//   height: auto;
-//   margin-bottom: 10px;
-//   position: relative;
-//   transition: 1.2s;
-// }
-
-.template-facetednavigation_view.faceted-map
-  .eea-preview-items
-  .faceted-map-item
-  > a {
-  background: none;
-}
-
-.template-facetednavigation_view.faceted-map
-  .eea-preview-items
-  .faceted-map-item
-  > a:hover {
-  background-color: #fff;
-}
-
-#portal-column-content .sectioncontact .contact-type-organization {
-  background: none;
-}
-
-.sectionlinks {
-  background: none;
-}
-
-.sectionlinks h2::before {
-  display: none !important;
-}
-
-@media screen and (max-width: 992px) {
-  .navbar-dark .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e") !important;
-  }
-
-  .navbar .container {
-    padding: 0 5px 0 0 !important;
-  }
-}
-
-.bloc-newsletter {
-  text-align: $newsletter-align;
-  position: relative;
-  margin: 6rem 0;
-  padding-bottom: 6.5rem;
-  padding-top: 6rem;
-
-  .section-title {
-    font-weight: 800;
-    text-align: center;
-    text-transform: uppercase;
-    position: relative;
-    margin: 0 auto 4.5rem;
-    width: max-content;
-    font-size: 3rem;
-    color: #fff;
-
-    &::after {
-      left: 0%;
-      top: 70px;
-      bottom: 0;
-      content: "";
-      display: block;
-      height: 13px;
-      position: absolute;
-      width: 113px;
-    }
-  }
-
-  @media screen and (max-width: 900px) {
-    .section-title {
-      &::after {
-        top: 45px;
-      }
-    }
-  }
-
-  .table_image {
-    text-decoration: none;
-
-    .table_title span {
-      background: #fff;
-      padding: 1rem 3rem;
-      border-radius: 8px;
-      color: #000;
-      transition: all 0.5s ease;
-
-      &:hover {
-        background: #133641 !important;
-        color: #fff !important;
-        transition: all 0.5s ease;
-      }
-    }
-
-    @media screen and (max-width: 900px) {
-      .table_title span {
-        font-size: 14px !important;
-        padding: 1rem !important;
-      }
-    }
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    width: 100vw;
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: -1;
-    top: 0;
-    bottom: 0;
-    background: $newsletter-bg-color;
-  }
-
-  .lead {
-    margin: 0;
-  }
-}
-
-@media screen and (max-width: 992px) {
-  .bloc-newsletter {
-    margin: 4.5rem 0;
-    padding-bottom: 4rem;
-    padding-top: 3rem;
-  }
-}
-
-#portal-breadcrumbs .breadcrumb .breadcrumb-item a,
-#portal-breadcrumbs .breadcrumb .breadcrumb-item a:hover,
-#portal-breadcrumbs .breadcrumb .breadcrumb-item.active,
-#portal-breadcrumbs .breadcrumb .breadcrumb-item::before {
-  color: #000 !important;
-}
-
-#portal-breadcrumbs .breadcrumb .breadcrumb-item a,
-#portal-breadcrumbs .breadcrumb .breadcrumb-item a:hover,
-#portal-breadcrumbs .breadcrumb .breadcrumb-item::before {
-  color: #000 !important;
-}
-
-#portal-breadcrumbs .breadcrumb .breadcrumb-item.active {
-  color: #000 !important;
-  text-decoration: underline;
-}
-
-#portal-globalnav .dropdown .nav-title a {
-  color: $primary-svg;
-}
-
-#portal-header #portal-header-top #portal-globalnav-wrapper {
-  margin: 0 2rem;
-}
-
-@media screen and (min-width: 992px) {
-  #portal-globalnav-wrapper #portal-globalnav > li > .has_subtree,
-  #subsite-navigation #portal-globalnav > li > .has_subtree {
-    margin-top: 3.5rem;
-  }
-}
-
-@media screen and (max-width: 992px) {
-  #body-section-en-un-clic li {
-    width: 100% !important;
-  }
-}
-
-#messagesviewlet .portalMessage.info,
-#localmessagesviewlet .portalMessage.info {
-  background-color: $primary-svg;
-  color: #fff;
-}
-
-#messagesviewlet .portalMessage.error,
-#localmessagesviewlet .portalMessage.error {
-  background-color: $primary-light;
-  color: $primary-dark;
-}
-
-#messagesviewlet .portalMessage.warning,
-#localmessagesviewlet .portalMessage.warning {
-  background: $primary-svg;
-  color: $primary-dark;
-}
-
-#messagesviewlet .portalMessage.info .messagesviewlet-type,
-#localmessagesviewlet .portalMessage.info .messagesviewlet-type {
-  background: $primary-dark;
-  color: #fff;
-}
-
-#messagesviewlet .portalMessage.warning .messagesviewlet-type,
-#localmessagesviewlet .portalMessage.warning .messagesviewlet-type {
-  background: $primary-svg;
-  color: #000;
-}
-
-// logo minisite
-#portal-header #portal-header-top .minisite_logo {
-  max-width: 100px !important;
-}
-
-#portal-footer-wrapper #portal-footer #smartweb-minisite-footer h2 {
-  margin-top: 0;
-}
-
-.sectiontext mark,
-.r-content-text mark {
-  background-color: $primary-svg;
-  border: 0;
-  border-radius: 8px;
-  color: #fff;
-  display: inline-block;
-  font-weight: 500;
-  padding: 20px 45px 20px 26px;
-
-  a {
-    color: #fff !important;
-  }
-}
-
-.portaltype-imio-smartweb-page
-  #main-container
-  .sectionfiles
-  .section-container
-  .table_display
-  .table_image {
-  background-color: $primary-svg;
-  border: 0;
-  border-radius: 8px;
-  color: #fff;
-  font-weight: 500;
-  padding: 20px 45px 20px 26px;
-
-  div,
-  span {
-    color: #fff !important;
-  }
-
-  a {
-    color: #fff !important;
-  }
-}
-
-.sectionfiles::after {
-  background-color: $primary-svg;
-  border-radius: 8px;
-  bottom: 0;
-  content: "";
-  left: 50%;
-  position: absolute;
-  top: 0;
-  transform: translateX(-50vw);
-  width: 100vw;
-  z-index: -1;
-}
-
-h3 {
-  font-size: 22px;
-  font-weight: 900;
-  color: $primary-dark;
-}
-
-h2 {
-  font-size: 20px;
-  font-weight: 900;
-  color: $primary-dark;
-}
-
-.subsection-services-communaux-communication-bulletin-communal
-  .block-menu-element
-  a
-  .card-img-top {
-  padding-top: 135%;
-  background-position: top;
-}
-
-.sectiontext ol > li::before {
-  content: counter(sectioncounter) "." !important;
-}
-
-#portal-footer-wrapper #portal-footer #smartweb-footer a,
-#portal-footer-wrapper #portal-footer #smartweb-minisite-footer a {
-  color: #fff;
-  transition: all 0.5s ease;
-}
-
-#portal-footer-wrapper #portal-footer #smartweb-footer a:hover,
-#portal-footer-wrapper #portal-footer #smartweb-minisite-footer a:hover {
-  color: $primary-svg;
-  transition: all 0.5s ease;
-}
-
-//navbar
-.navbar-toggler {
-  padding: 0 !important;
-  background: #fff !important;
-  height: 50px !important;
-  width: 50px !important;
-  border-radius: 50% !important;
-  font-size: var(--bs-navbar-toggler-font-size);
-  line-height: 1;
-  color: var(--bs-navbar-color);
-  background-color: transparent;
-  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
-  transition: var(--bs-navbar-toggler-transition);
-}
-
-.navbar .container {
-  padding: 0 !important;
-}
-
-.portaltype-imio-smartweb-portalpage.section-home-page {
-  #messagesviewlet {
-    position: absolute;
-    top: 100px;
-  }
-}
-
-#portal-globalnav-collapse .dropdown .nav-link:focus,
-#portal-globalnav-collapse .dropdown .nav-link:hover,
-#subsite-navigation .dropdown .nav-link:focus,
-#subsite-navigation .dropdown .nav-link:hover {
-  color: $primary-svg;
-
-  .site-cpas .swiper-banner-content-wrapper .swiper-banner-content {
-    .swiper-banner-title {
-      display: none;
-    }
-
-    .swiper-banner-description p {
-      font-size: 24px;
-      font-weight: 700;
-      color: #fff !important;
-      line-height: 34px;
-    }
-  }
-}
-
-.template-block_view #content-core,
-.template-block_view_with_images #content-core,
-.template-summary_view #content-core,
-.template-summary_view_with_images #content-core {
-  margin-bottom: 3rem;
-}
-
-.galerie-accueil {
-  margin: 120px 0 100px;
-
-  .section-title {
-    font-weight: 500;
-    text-transform: none;
-    position: relative;
-    color: $primary-svg;
-    text-align: center;
-    margin-bottom: 30px;
-  }
-
-  @media screen and (max-width: 1400px) {
-    margin: 80px 0;
-  }
-}
-
-.r-add-contact a,
-.r-add-event a,
-.r-add-news a {
-  background: $primary-svg;
-  border-radius: 8px;
-  color: #fff;
-  padding: 1rem;
-  text-decoration: none;
-  transition: all 0.5s ease;
-  font-size: 14px !important;
-  line-height: 28px !important;
-
-  &:hover {
-    background: #000;
-    transition: all 0.5s ease;
-  }
-}
-
-@media screen and (min-width: 900px) {
-  .r-add-contact,
-  .r-add-event {
-    bottom: 0;
-    padding-bottom: 1rem;
-    position: absolute;
-    right: 0;
-    top: 0;
-    padding-top: 20px;
-    padding-right: 13px;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .r-add-news {
-    bottom: 0;
-    padding-bottom: 1rem;
-    position: absolute;
-    right: 0;
-    top: 0;
-    padding-top: 0;
-    padding-right: 0;
-  }
-}
-
-@media screen and (max-width: 1199px) {
-  .r-add-news {
-    top: auto;
-    padding-bottom: 0;
-  }
-}
-
-.template-summary_view .list-menu-element > a:focus,
-.template-summary_view .list-menu-element > a:hover,
-.template-summary_view_with_images .list-menu-element > a:focus,
-.template-summary_view_with_images .list-menu-element > a:hover {
-  background: $primary-light;
-}
-
-.template-summary_view .list-menu-element > a::after,
-.template-summary_view_with_images .list-menu-element > a::after {
-  color: $primary-svg;
-  opacity: 100%;
-}
-
-.sectionfiles .item_infos {
-  color: #fff;
-
-  a {
-    text-decoration: underline #fff;
-  }
-}
-
-.faceted-form .faceted-results a.row {
-  background: $primary-light;
-  padding: 20px 10px;
-  border-radius: 10px;
-  margin: 5px 0;
-}
-
-@media (min-width: 1200px) {
-  #portal-globalnav {
-    justify-content: right;
-  }
-}
-
-#content header .lead.rich_description {
-  max-width: initial;
-}
-
-//Footer
-@media screen and (max-width: 950px) {
-  #smartweb-footer .sectiontext figure,
-  #smartweb-minisite-footer .sectiontext figure {
-    margin: 0 auto;
-  }
-
-  .sectioncontact {
-    text-align: center;
-  }
-
-  .sectionlinks {
-    text-align: center;
-    margin-top: 20px;
-  }
-
-  #portal-footer-wrapper
-    #portal-footer
-    .sectionlinks
-    .container
-    .body-section
-    .row
-    li
-    .table_display
-    .table_image
-    .table_title {
-    padding-left: 0;
-  }
-}
-
-body
-  #portal-footer-wrapper
-  #portal-footer
-  .sectionlinks
-  .container
-  .body-section
-  .row
-  li
-  .table_display
-  .table_image
-  .table_title {
-  padding-left: 10px;
-}