/* HEADER */
.header{
  height: 90px;
  display: flex;
  align-items: center;
}

.header .header-nav{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.header .header-left{
  background-color: var(--color-primary-green-500);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 11;
}

.header .header-left .logo{
  position: relative;
  z-index: 10;
}

.header .header-left .menu-burger{
  background-color: var(--color-secondary-green-300);
  height: 100%;
  width: 100px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 10;
}

.header .header-left .menu-burger .text-burger{
  font-size: 10px;
  letter-spacing: 9px;
  margin-right: -9px;
}

.header .header-left .menu-burger .picto-burger line{
  transition: all 0.3s ease-in-out;
}

.header .header-left .menu-burger.menu-burger--active .line1{
  transform: translateY(5px);
}

.header .header-left .menu-burger.menu-burger--active .line3{
  transform: translateY(-5px);
}

.header.header--fixed .header-right{
  background-color: rgba(1, 55, 61, 0.8);
  transition: all ease-out 0.2s;
  color: var(--color-white);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
}

.header .header-right{
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  transition: all ease-out 0.2s;
}

.header .header-right .list-espace{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header .header-right .list-espace__item{
  flex: 1 1 0;
}

.header .header-right .menu-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header-right .menu-arrow .paragraph-14{
  position: relative;
}

.header .header-right .menu-arrow .paragraph-14::after{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: var(--color-black);
  transition: width ease-out 0.3s;
}

.header.header--fixed .header-right .menu-arrow .paragraph-14::after, .header .header-right .menu-arrow.c-white .paragraph-14::after{
  background-color: var(--color-white);
}

@media (min-width: 1200px) {
  .header .header-right .menu-arrow .paragraph-14:hover::after{
    width: 100%;
    transition: width ease-out 0.3s;
  }
}

.header .header-right .menu-arrow .arrow{
  margin-left: 10px;
  width: 7.22%;
}

.header .menu-panel{
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  border-top: 1px solid var(--color-primary-green-400);
  z-index: 9;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease-out 0.4s 0.2s;
}

.header .menu-panel-inner{
  transform: translateX(-100%);
  transition: ease-out transform 0.3s;
  display: flex;
  flex-direction: column;
  width: 50%;
  background-color: var(--color-primary-green-500);
  height: 100%;
}

.header .menu-panel-inner .list-link{
  padding: calc(90px + 7%) 10% 4%;
}

.header .menu-panel--open .menu-panel-inner{
  transform: translateX(0);
  transition: ease-out transform 0.3s;
}

.header .menu-panel--open{
  opacity: 1;
  z-index: 9;
  visibility: visible;
  transition: all ease-out 0.4s;
}

.header .menu-panel .menu-link-28{
  font-size: clamp(18px, 1.7vw, 28px);
}

.header .menu-panel .link-panel{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.7% 0;
  border-bottom: 1px solid var(--color-primary-green-400);
  position: relative;
}

.header .menu-panel .arrow-menu-panel{
  width: 4.2%;
  border: 1px solid var(--color-primary-green-400);
  border-radius: 4px;
  transition: ease-out border 0.3s;
}

.header .menu-panel .agences-container{
  border-top: 1px solid var(--color-primary-green-400);
  margin-top: auto;
}

.header .menu-panel .agences-header{
  border-bottom: 1px solid var(--color-primary-green-400);
  padding: 1vw 1.37vw;
}

.header .menu-panel .agences-footer{
  display: flex;
}

.header .menu-panel .agence-desc{
  padding: 1.4vw 10%;
  width: 50%;
  display: flex;
  flex-direction: column;
}

.header .menu-panel .agence-desc:first-child{
  border-right: 1px solid var(--color-primary-green-400);
}

.header .menu-panel .row-map{
  display: flex;
  align-items: center;
  margin-top: auto;
}

.header .menu-panel .icon-map{
  margin-right: 10px;
  width: 6%;
}

.header .menu-panel .siret-container{
  padding: 1.5% 10%;
  display: flex;
  gap: 20px;
  border-top: 1px solid var(--color-primary-green-400);
}

@media (max-width: 1023px) {
  .header{
    height: 124px;
    background-color: var(--color-primary-green-500);
  }

  .header .header-nav{
    flex-direction: column-reverse;
  }

  .header.header--fixed .header-left{
    padding: 16px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 75px;
  }

  .header .header-left{
    padding: 16px;
    width: 100%;
    background-color: var(--color-primary-green-500);
  }

  .header .header-left .logo{
    width: 200px;
  }

  .header .header-left .menu-burger{
    width: 70px;
    border-radius: 4px;
  }

  .header .header-left .menu-burger .text-burger {
    font-size: 8px;
    letter-spacing: 5px;
    margin-right: -5px;
  }

  .header .header-right .list-espace{
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background-color: var(--color-primary-green-500);
  }

  .header .header-right .list-espace__item{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
  }

  .header .header-right .list-espace__item:not(:last-child){
    border-right: 1px solid rgba(255,255,255,0.2);    
  }

  .header .header-right .list-espace__item .paragraph-12{
    font-size: clamp(10px, 3.125vw, 16px);
  }

  .header .header-right .list-espace__item .fw-bold{
    text-transform: uppercase;
    display: block;
  }

  .header .header-right{
    color: var(--color-white);
    width: 100%;
    position: relative;
    z-index: 10;
  }

  .header .header-right .menu-arrow .arrow{
    display: none;
  }

  .header .header-right .menu-arrow .paragraph-14{
    font-size: 3vw;
  }

  .header.header--fixed .menu-panel{
    top: 0;
    height: 100vh;
  }

  .header .menu-panel{
    top: 0;
    width: 100%;
    height: 100svh;
  }

  .header .menu-panel-inner{
    width: 100%;
  }

  .header .menu-panel-inner .list-link{
    padding: calc(90px + 12%) 10% 4%;
  }

  .header .menu-panel .link-panel{
    padding: 16px 0;
  }

  .header .menu-panel .menu-link-28{
    font-size: clamp(16px, 5vw, 48px);
  }

  .header .menu-panel .arrow-menu-panel{
    width: 8.5%;
  }

  .header .menu-panel .agences-container{
    display: none;
  }

  .header .menu-panel .siret-container{
    padding: 4.5% 9% 4.5% 7%;
    display: block;
    margin-top: auto;
  }
}

@media (min-width: 1024px) {
  .header{
    position: fixed;
    top: 0;
    left: 0;  
    width: 100%;
    z-index: 5;
  }

  .header .header-left, .header .header-right{
    width: 50%;
  }

  .header .header-left .logo{
    margin-left: 14px;
    width: 289px;
  }

  .header.header--fixed .header-right .list-espace__item:not(:last-child){
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* .header .header-right.header-right--panel{
    opacity: 1;
    transition: opacity ease-out 0.4s;
  }

  .header .header-right.header-right--panel{
    opacity: 0;
    transition: opacity ease-out 0.4s;
  } */
}

@media (min-width: 1200px) {
  .header .menu-panel .link-panel::after{
    content:"";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    transition: ease-out width 0.4s;
    background-color: var(--color-secondary-green-300);
  }

  .header .menu-panel .link-panel:hover::after{
    width: 100%;
    transition: ease-out width 0.4s;
  }

  .header .menu-panel .link-panel:hover .arrow-menu-panel{
    border: 1px solid rgba(255,255,255,0.7);
    transition: ease-out border 0.3s;
  }
}

/* FOOTER */
.footer{
  background-color: var(--color-primary-green-500);
}

.footer .main-footer{
  display: flex;
  justify-content: flex-end;
}

.footer .main-footer .contact-container .logo{
  max-width: 288px;
  width: 68%;
}

.footer .main-footer .tab-container{
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main-footer .tab-header{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.11vw 1.37vw;
}

.footer .main-footer .tab-footer{
  display: flex;
}

.footer .main-footer .tab-desc{
  padding: 1.55vw 1.37vw;
  width: 50%;
  display: flex;
  flex-direction: column;
}

.footer .main-footer .tab-desc:first-child{
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main-footer .row-map{
  display: flex;
  align-items: center;
  margin-top: auto;
}

.footer .main-footer .icon-map{
  margin-right: 10px;
  width: 8%;
}

.footer .main-footer .list-main-links{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.footer .main-footer .list-main-links__item{
  width: 50%;
  padding: 1.11vw 1.37vw;
}

.footer .main-footer .list-main-links__item:nth-child(odd){
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main-footer .list-main-links__item:nth-child(-n+4){
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main-footer .main-links{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer .main-footer .arrow-menu-footer{
  width: 15%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  transition: border ease-out 0.3s;
}

.footer .main-footer .reseaux-container{
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main-footer .reseaux-container .list-res__item{
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer .subfooter .logo-geometre{
  display: flex;
  align-items: center;
}

.footer .subfooter .logo-geometre .icon{
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .subfooter .list-links{
  display: flex;
  align-items: center;
}

@media (max-width: 1023px) {
  .footer{
    padding: 32px 16px;
  }

  .footer .main-footer{
    flex-direction: column;
    gap: 20px;
  }

  .footer .main-footer .tab-header{
    padding: 2.8vw 3.5vw;
  }

  .footer .main-footer .tab-desc{
    padding: 4.8vw 5.5vw;
  }

  .footer .main-footer .list-main-links__item{
    padding: 2.8vw 3.5vw;
  }

  .footer .main-footer .contact-container{
    margin-bottom: 20px;
  }

  .footer .main-footer .reseaux-container .list-res{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer .main-footer .reseaux-container .list-res__item{
    width: 50%;
  }

  .footer .main-footer .reseaux-container .list-res__item:first-child{
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }

  .footer .main-footer .reseaux-container .list-res__item svg{
    display: block;
  }

  .footer .main-footer .reseaux-container{
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .footer .subfooter{
    margin-top: 30px;
  }

  .footer .subfooter .logo-geometre{
    justify-content: center;
  }

  .footer .subfooter .list-links{
    margin-top: 20px;
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .footer .main-footer .contact-container{
    width: 32%;
    margin: 4.5% 0;
  }

  .footer .main-footer .tab-container{
    width: 27%;
    margin: 4.5% 0;
  }
  
  .footer .main-footer .agences-container{
    margin: 4.5% 4%
  }

  .footer .main-footer .reseaux-container .list-res{
    height: 100%;
  }

  .footer .main-footer .reseaux-container .list-res__item{
    height: 50%;
    padding: 10px;
  }

  .footer .main-footer .reseaux-container .list-res__item:first-child{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .footer .subfooter{
    padding: 1.4% 2.8%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer .subfooter .list-links{
    gap: 40px;
  }
}

@media (min-width: 1200px) {
  .footer .main-footer .list-main-links__item:hover .arrow-menu-footer{
    border: 1px solid rgba(246, 246, 240, 0.7);
    transition: border ease-out 0.3s;
  }
}

/* HOMEPAGE */
.homepage .banner-intro .swiffy-slider-actus{
  width: 28%;
  margin: 10% 0 0 auto;
}

.homepage .banner-intro .swiffy-slider-actus__item{
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(110px);
  -webkit-backdrop-filter: blur(110px);
  padding: 10px;
  cursor: pointer;
}

.homepage .banner-intro .swiffy-slider-actus__item .img-box{
  width: 42%;
  margin-right: 5%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 9vw;
}

.homepage .banner-intro .swiffy-slider-actus__item .img-box img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.homepage .banner-intro .swiffy-slider-actus__item .text-box{
  width: 53%;
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}

.homepage .banner-intro .swiffy-slider-actus__item .flag{
  position: absolute;
  top: 6px;
  left: 6px;
  display: inline-block;
  background-color: var(--color-primary-green-500);
  color: var(--color-secondary-green-200);
  padding: 5px 10px;
  border-radius: 4px;
}

.homepage .banner-intro .swiffy-slider-actus__item .link-container{
  display: flex;
}

.homepage .banner-intro .swiffy-slider-actus__item .arrow-link{
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  display: block;
  width: 12%;
  margin: auto 0 0 auto;
  transition: ease-out border 0.3s;
}

@media (max-width: 1023px) {
  .homepage .banner-intro{
    height: calc(100svh - 124px);
  }
  .homepage .banner-intro .swiffy-slider-actus{
    width: 100%;
    margin: 30% 0 0;
  }

  .homepage .banner-intro .swiffy-slider-actus__item .img-box{
    height: 33vw;
  }
}

@media (min-width: 1200px) {
  .homepage .banner-intro .swiffy-slider-actus__item:hover .arrow-link{
    border: 1px solid rgba(255, 255, 255, 1);
    transition: ease-out border 0.3s;
  }
}

.homepage .section-expertise .section-module-videos{
  position: relative;
  overflow: hidden;
}

.homepage .section-expertise .slides-video{
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
  place-items: center;
}

.homepage .section-expertise .slide-video{
  width: 100%;
  height: 100%;
  grid-area: 1 / 1 / -1 / -1;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
  will-change: transform, opacity;
}

.homepage .section-expertise .video-item{
  height: 100%;
  will-change: transform, opacity, filter;
  object-fit: cover;
}

.homepage .section-expertise .slide-video--current {
  pointer-events: auto;
  opacity: 1;
}

.homepage .section-expertise .nav-videos{
  background-color: rgba(1, 55, 61, 0.7);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 8px;
  overflow: hidden;
}

.homepage .section-expertise .nav-videos__item{
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.homepage .section-expertise .nav-videos__item:not(:last-child){
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.homepage .section-expertise .nav-videos__item::before{
  content: "";
  position: absolute;
  bottom: -20%;
  left: -5%;
  width: 110%;
  height: 140%;
  background-color: var(--color-primary-green-500);
  will-change: transform;
  transform: scaleY(0) skewY(10deg);
  transform-origin: center bottom;
  transition: transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.homepage .section-expertise .nav-videos__item--active::before {
  transform: scaleY(1) skewY(0deg);
}

.homepage .section-expertise .nav-videos-header{
  display: flex;
  align-items: center;
  position: relative;
}

.homepage .section-expertise .nav-videos-header .num{
  margin: 0.2vw 20px 0 0;
}

.homepage .section-expertise .nav-videos-header .more{
  position: relative;
  background-color: var(--color-primary-green-500);
  border-radius: 8px;
  height: 1.67vw;
  width: 1.67vw;
  margin-left: auto;
  transition: background-color ease-out 0.3s;
}

.homepage .section-expertise .nav-videos-header .more::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 0.69vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all ease-out 0.3s;
}

.homepage .section-expertise .nav-videos-header .more::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1px;
  height: 0.69vw;
  background-color: rgba(255, 255, 255, 0.4);
  transition: all ease-out 0.3s;
}

.homepage .section-expertise .nav-videos-container{
  padding-top: 0;
  opacity: 0;
  transition: all ease-out 0.3s;
  position: relative;
}

.homepage .section-expertise .nav-videos-container .links{
  display: flex;
  align-items: center;
}

.homepage .section-expertise .nav-videos-container .links .icon-arrow{
  width: 4%;
  margin-left: 10px;
}

.homepage .section-expertise .nav-videos__item--active .nav-videos-container{
  opacity: 1;
  transition: all ease-out 0.3s;
}

.homepage .section-expertise .nav-videos__item--active .nav-videos-header .more{
  background-color: var(--color-secondary-green-300);
  transition: background-color ease-out 0.3s;
}

.homepage .section-expertise .nav-videos__item--active .nav-videos-header .more::after{
  transform: translate(-50%,-50%) rotate(-90deg);
  transition: all ease-out 0.3s;
  background-color: var(--color-black);
}

@media (max-width: 1023px) {
  .homepage .section-expertise .slides-video{
    display: none;
  }

  .homepage .section-expertise .nav-videos-header{
    padding: 4vw 5.5vw;
  }

  .homepage .section-expertise .nav-videos-header .more{
    width: 7.5vw;
    height: 7.5vw;
  }

  .homepage .section-expertise .nav-videos-header .more::before{
    width: 3.125vw;
  }

  .homepage .section-expertise .nav-videos-header .more::after{
    height: 3.125vw;
  }

  .homepage .section-expertise .nav-videos-inner{
    padding: 0 5.5vw 7.5vw;
  }

  .homepage .section-expertise .nav-videos-container{
    max-height: 0;
  }

  .homepage .section-expertise .nav-videos__item--active .nav-videos-container{
    max-height: 80vh;
  }

  .homepage .section-expertise .nav-videos-container .links .icon-arrow{
    width: 7%;
  }

  .homepage .section-expertise .nav-videos__item::before{
    transition: none;
  }
}

@media (min-width: 1024px) {
  .homepage .section-expertise .section-module-videos{
    border-radius: 16px;
  }

  .homepage .section-expertise .nav-videos{
    position: absolute;
    top: 38px;
    left: 38px;
    width: 31.25%;
    height: calc(100% - 76px);
  }

  .homepage .section-expertise .nav-videos__item{
    padding: 4.6% 6%;
    height: 12%;
    transition: height ease-out 0.3s;
  }
  
  .homepage .section-expertise .nav-videos__item.nav-videos__item--active{
    height: 40%;
    transition: height ease-out 0.3s;
  }

  .homepage .section-expertise .nav-videos__item--active .nav-videos-container{
    padding-top: 1.5vw;
  }

  .homepage .section-expertise .nav-videos__item--active .nav-videos-container video{
    display: none;
  }
}

@media (min-width: 1200px) {
  .homepage .section-expertise .nav-videos__item:hover::before {
    transform: scaleY(1) skewY(0deg);
  }

  .homepage .section-expertise .nav-videos__item:hover .nav-videos-header .more{
    background-color: var(--color-secondary-green-300);
    transition: background-color ease-out 0.3s;
  }

  .homepage .section-expertise .nav-videos__item:not(.nav-videos__item--active):hover .nav-videos-header .more::before{
    transition: all ease-out 0.3s;
    background-color: var(--color-black);
  }

  .homepage .section-expertise .nav-videos__item:hover .nav-videos-header .more::after{
    transition: all ease-out 0.3s;
    background-color: var(--color-black);
  }
}

.section-biens .swiffy-slider-biens__item, .section-biens .biens__item {
  border-radius: 8px;
  background-color: var(--color-white);
  overflow: hidden;
  cursor: pointer;
}

.section-biens .link-container{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.section-biens .img-box{
  position: relative;
  height: 13vw;
}

.section-biens .img-box img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.section-biens .img-box .flag{
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--color-primary-green-500);
  color: var(--color-white);
  text-transform: uppercase;
  border-radius: 4px;
  padding: 5px 12px;
}

.section-biens .text-box{
  padding: 1.67vw;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.section-biens .list-infos-biens{
  border: 1px solid var(--color-grey-200);
  display: flex;
  text-align: center;
  margin-top: auto;
}

.section-biens .list-infos-biens__item{
  flex: 1 1 0;
  padding: 8px 0;
}

.section-biens .list-infos-biens__item:not(:last-child){
  border-right: 1px solid var(--color-grey-200);
}

.section-biens .section-slider{
  margin-bottom: 4vw;
}

.section-biens .slider-indicators-style .slider-indicators{
  bottom: -6%;
}

@media (max-width: 1023px) {
  .section-biens .text-box{
    padding: 7vw 5vw;
  }

  .section-biens .img-box{
    height: 50vw;
  }

  .section-biens .slider-indicators-style .slider-indicators{
    bottom: -2%;
  }
}

@media (min-width: 1024px) {
  .section-biens .swiffy-slider{
    --swiffy-slider-item-gap: 2rem;
  }
}

.homepage .section-cabinet .text-container{
  background-color: rgba(1, 55, 61, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
}

.homepage .section-cabinet .section-header{
  border-bottom: 1px solid rgba(246, 246, 240, 0.5);
  letter-spacing: 2px;
}

.homepage .section-cabinet .section-text{
  margin-top: 3.33vw;
}

.homepage .section-cabinet .list-cabinet{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.homepage .section-cabinet .list-cabinet__item{
  width: calc(50% - 12px);
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 1.11vw 2.22vw 2.22vw;
  position: relative;
}

.homepage .section-cabinet .list-cabinet__inner{
  padding-bottom: 1.39vw;
}

.homepage .section-cabinet .list-cabinet__inner .line{
  position: absolute;
  left: 2.22vw;
  bottom: 2.22vw;
  width: calc(100% - 4.44vw);
  height: 1px;
  background-color: var(--color-secondary-green-200);
}

.homepage .section-cabinet .cta-main{
  border: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 1023px) {
  .homepage .section-cabinet .section-text{
    margin-top: 6.25vw;
  }

  .homepage .section-cabinet .section-text .section-text__smbox{
    margin-bottom: 12vw;
  }

  .homepage .section-cabinet .list-cabinet{
    gap: 16px;
  }

  .homepage .section-cabinet .list-cabinet__item{
    width: calc(50% - 8px);
    padding: 4vw 6vw 0;
    height: 32vw;
  }

  .homepage .section-cabinet .list-cabinet__inner{
    padding-bottom: 5vw;
  }

  .homepage .section-cabinet .list-cabinet__inner::after{
    left: 6vw;
    bottom: 6vw;
    width: calc(100% - 12vw);
  }
}

@media (min-width: 1024px) {
  .homepage .section-cabinet .section-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .homepage .section-cabinet .section-text .section-text__smbox{
    width: 38%;
  }
  
  .homepage .section-cabinet .section-text .section-text__lgbox{
    width: 44%;
  }
}

/* A PROPOS */
.apropos .section-expertise .section-edito{
  padding: 3.33vw 0 0;
}

.apropos .banner-intro .title-72.c-white{
  padding-bottom: 2.08vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 1023px) {
  .apropos .banner-intro .title-72.c-white{
    padding-bottom: 6.25vw;
  }

  .apropos .section-cabinet .section-img .item-lg{
    margin-top: 6.25vw;
  }

  .apropos .section-expertise .section-edito{
    padding: 6.25vw 0 0;
  }
}

@media (min-width: 1024px) {
  .apropos .section-cabinet .section-img{
    display: flex;
    justify-content: space-between;
  }
  
  .apropos .section-cabinet .section-img .item-lg{
    width: 48%;
  }
  
  .apropos .section-cabinet .section-img .item-md{
    width: 40%;
  }
}

.apropos .section-citation .text-container{
  position: absolute;
  top: 50%;
  right: 16%;
  transform: translateY(-50%);
  border-radius: 10px;
  background-color: rgba(1, 55, 61, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  width: 26%;
  padding: 3vw;
}

.apropos .section-citation .text-footer{
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin-top: 1.39vw;
  padding-top: 1.39vw;
}

.apropos .section-citation .text-footer .img-sf{
  width: 13%;
  margin-right: 15px;
}

@media (max-width: 1023px) {
  .apropos .section-citation .text-container{
    left: 7.5%;
    width: 85%;
    padding: 10vw 7.5vw;
  }

  .apropos .section-citation .text-footer{
    margin-top: 5vw;
    padding-top: 5vw;
  }

  .apropos .section-citation .text-footer .img-sf{
    width: 18%;
  }
}

.apropos .section-equipe .associes__item .text-associes{
  border: 1px solid var(--color-grey-400);
  border-radius: 8px;
}

.apropos .section-equipe .associes__item .text-associes .text-header{
  border-bottom: 1px solid var(--color-grey-400);
}

.apropos .section-equipe .associes__item .text-associes .text-header, .apropos .section-equipe .associes__item .text-associes .text-footer{
  padding: 1.67vw;
}

@media (max-width: 1023px) {
  .apropos .section-equipe .section-container{
    padding: 6.25vw 0;
  }

  .apropos .section-equipe .img-container{
    margin-top: 10vw;
  }

  .apropos .section-equipe .associes__item:not(:last-child){
    margin-bottom: 10vw;
  }

  .apropos .section-equipe .associes__item .img-associes{
    margin-bottom: 3vw;
  }

  .apropos .section-equipe .associes__item .text-associes .text-header, .apropos .section-equipe .associes__item .text-associes .text-footer{
    padding: 5vw 7.5vw;
  }
  
}

@media (min-width: 1024px) {
  .apropos .section-equipe .section-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.33vw;
  }

  .apropos .section-equipe .text-container, .apropos .section-equipe .img-container{
    width: 45%;
  }

  .apropos .section-equipe .associes-container{
    display: flex;
    justify-content: space-between;
  }

  .apropos .section-equipe .associes__item{
    display: flex;
    justify-content: space-between;
    width: 46.875%;
  }

  .apropos .section-equipe .associes__item .img-associes{
    width: 29.5%;
  }

  .apropos .section-equipe .associes__item .text-associes{
    width: 68%;
  }
}

.apropos .section-qualite-rse .section-container{
  padding-top: 3.33vw;
}

.apropos .section-qualite-rse .card-inner{
  display: flex;
  flex-direction: column;
  gap: 3vw;
}

.apropos .section-qualite-rse .card{
  position: sticky;
  border-radius: 10px;
  overflow: hidden;
  top: 160px;
}

.apropos .section-qualite-rse .card:nth-child(1){
  background-color: #246360;
}

.apropos .section-qualite-rse .card:nth-child(2){
  background-color: #06524F;
}

.apropos .section-qualite-rse .card:nth-child(3){
  background-color: #0E4242;
}

.apropos .section-qualite-rse .card:nth-child(4){
  background-color: #02353A;
}

.apropos .section-qualite-rse .card-header{
  height: 6vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 3.33vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.apropos .section-qualite-rse .card-header .paragraph-20{
  width: 80%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.apropos .section-qualite-rse .card-header .num{
  border: 1px solid var(--color-secondary-green-200);
  border-radius: 4px;
  width: 2.64vw;
  height: 2.64vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.apropos .section-qualite-rse .card-footer{
  height: 15vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 3.33vw;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
}

.apropos .section-qualite-rse .card-footer p {
  margin-bottom: 15px;
}

.apropos .section-qualite-rse .card-footer p:last-child {
  margin-bottom: 0px;
}

.apropos .section-qualite-rse .card-footer .list-actions__item:not(:last-child){
  margin-bottom: 0.69vw;
}

.apropos .section-qualite-rse .card-header .paragraph-18{
  letter-spacing: 0.2vw;
  text-transform: uppercase;
  width: 79%;
}

@media (max-width: 1023px) {
  .apropos .section-qualite-rse .section-container{
    padding-top: 6.25vw;
  }

  .apropos .section-qualite-rse .text-container{
    margin-bottom: 10vw;
  }

  /* .apropos .section-qualite-rse .card:nth-child(1){
    top: 140px;
  }
  
  .apropos .section-qualite-rse .card:nth-child(2){
    top: calc(140px + 22vw);
  }
  
  .apropos .section-qualite-rse .card:nth-child(3){
    top: calc(140px + 44vw);
  }
  
  .apropos .section-qualite-rse .card:nth-child(4){
    top: calc(140px + 66vw);
  } */
  
  .apropos .section-qualite-rse .card-header{
    height: 25vw;
    padding: 0 5vw;
  }

  .apropos .section-qualite-rse .card-header .num{
    width: 8.75vw;
    height: 8.75vw;
  }

  .apropos .section-qualite-rse .card-footer{
    height: 56vw;
    padding: 0 5vw;
  }

  .apropos .section-qualite-rse .card-footer .list-actions__item:not(:last-child){
    margin-bottom: 3vw;
  }

}

@media (min-width: 1024px) {
  .apropos .section-qualite-rse .section-container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between
  }

  .apropos .section-qualite-rse .text-container{
    width: 39%;
    position: sticky;
    top: 180px;
  }

  .apropos .section-qualite-rse .card-container{
    width: 50%;
  }

}

.apropos .section-map .agences__item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 0;
}

.apropos .section-map .agences__item .address{
  margin: 1.39vw 0;
  padding-top: 1.39vw;
  border-top: 1px solid var(--color-grey-400);
  width: 100%;
}

.apropos .section-map .agences__item .cta{
  margin-top: auto;
}

.apropos .section-map .map-container{
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .apropos .section-map .agences-container{
    margin: 10vw 0;
  }

  .apropos .section-map .agences__item:not(:last-child){
    margin-bottom: 6.25vw;
  }

  .apropos .section-map .agences__item .address{
    margin: 4.6875vw 0;
    padding-top: 4.6875vw;
  }

  .apropos .section-map .agences__item .agences-header{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .apropos .section-map .section-container{
    margin-top: 6.25vw;
  }
}

@media (min-width: 1024px) {
  .apropos .section-map .section-container{
    display: flex;
    justify-content: space-between;
    margin-top: 3.33vw;
  }

  .apropos .section-map .text-container{
    width: 36%;
    display: flex;
    flex-direction: column;
  }

  .apropos .section-map .agences-container{
    margin-top: auto;
  }

  .apropos .section-map .map-container{
    width: 52%;
  }

  .apropos .section-map .agences-container{
    display: flex;
    gap: 10%;
  }
}

/* EXPERTISES */
.expertises .banner-intro .text-inner{
  background-color: rgba(1, 55, 61, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.expertises .banner-intro .nav-page{
  display: flex;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
}

.expertises .banner-intro .nav-page__item{
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.11vw;
  gap: 1.39vw;
  cursor: pointer;
  transition: background-color ease-out 0.4s;
}

.expertises .banner-intro .nav-page__item:not(:last-child){
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.expertises .banner-intro .text-container{
  padding-bottom: 0;
}

.expertises .custom-select::before{
  border: solid var(--color-secondary-green-300);
  border-width: 0 2px 2px 0;
}

.expertises .custom-select select{
  background-color: transparent;
  border: 1px solid var(--color-primary-green-300);
}

.expertises .section-faq{
  background-color: var(--color-green-grey);
  margin-top: 6.67vw;
}

@media (max-width: 1023px) {
  .expertises .banner-intro .nav-page{
    display: none;
  }

  .expertises .section-faq{
    margin-top: 12.5vw;
  }
}

@media (min-width: 1024px) {
  .expertises .banner-intro .text-inner{
    padding: 5vw 0;
  }
}

@media (min-width: 1200px) {
  .expertises .banner-intro .nav-page__item:hover{
    background-color: rgba(255,255,255,0.1);
    transition: background-color ease-out 0.4s;
  }
}

.expertises .section-pole .num-pole, .estimation .num-pole{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--color-white);
  border-radius: 4px;
  background-color: var(--color-primary-green-500);
  padding-right: 15px;
}

.expertises .section-pole .num, .estimation .num{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 2.08vw;
  height: 2.08vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-secondary-green-500);
  margin-right: 15px;
}


.expertises .section-pole .list li{
  border-bottom: 1px solid var(--color-grey-300);
  padding: 0.69vw 0;
}

.expertises .block-html-and-slider{
  position: relative;
}

.expertises .block-html-and-slider:not(:nth-child(2))::before{
  content: "";
  position: absolute;
  top: 3.33vw;
  width: 85%;
  height: 1px;
  background-color: var(--color-grey-200);
  left: 50%;
  transform: translateX(-50%);
}

.expertises .section-pole .cta-container{
  display: flex;
  gap: 1.39vw;
}

@media (max-width: 1023px) {
  .expertises .section-pole .text-container{
    margin-bottom: 10vw;
  }

  .expertises .section-pole .num{
    width: 9.375vw;
    height: 9.375vw;
  }

  .expertises .section-pole .list li{
    padding: 3.125vw 0;
  }

  .expertises .section-pole .cta-container{
    flex-direction: column;
    gap: 3.5vw;
  }

  .expertises .section-pole .cta-container .cta{
    align-self: flex-start;
  }

  .expertises .block-html-and-slider .section-padding-top{
    padding: 26vw 0 0;
  }

  .expertises .block-html-and-slider:not(:nth-child(2))::before{
    top: 13vw;
  }
}

@media (min-width: 1024px) {
  .expertises .section-pole .container{
    display: flex;
    justify-content: space-between;
  }

  /* .expertises .section-pole:nth-child(odd) .container{
    flex-direction: row-reverse;
  } */

  .expertises .section-pole .text-container, .expertises .section-pole .slider-container{
    width: 42%;
  }
}

/* ACTUS */
.actualites .banner-intro-bg{
  padding: 90px 0 4vw;
  background: linear-gradient(0deg, rgba(255,255,255,1) 20%, var(--color-primary-green-500) 20%);
}

.actualites .banner-intro-bg::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/trame-img.png') repeat top left;
  opacity: 0.1;
  background-attachment: fixed;
}

.actualites .banner-intro-bg .last-actus{
  display: flex;
  justify-content: space-between;
}

.actualites .banner-intro-bg .last-actus__item{
  position: relative;
}

.actualites .banner-intro-bg .text-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.67vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.actualites .banner-intro-bg .flag{
  background-color: var(--color-secondary-green-500);
  color: var(--color-white);
  border-radius: 4px;
  padding: 5px 12px;
  display: inline-block;
}

.actualites .banner-intro-bg .flexbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.actualites .banner-intro-bg .flexbox .text{
  width: 60%;
}

.actualites .banner-intro-bg .flexbox .arrow{
  width: 2.22vw;
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: border ease-out 0.3s;
  border-radius: 4px;
}

.actualites .section-actus .list-filters{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color-grey-300);
  padding-bottom: 2.78vw;
  margin-bottom: 2.78vw;
}

.actualites .section-actus .list-filters__item{
  color: var(--color-primary-green-500);
  border: 1px solid var(--color-primary-green-500);
  border-radius: 100px;
  padding: 0.56vw 0.56vw 0.56vw 1.11vw;
  display: flex;
  align-items: center;
}

.actualites .section-actus .list-filters__item--active{
  background-color: var(--color-primary-green-500);
  color: var(--color-white);
}

.actualites .section-actus .list-filters__item span{
  background-color: var(--color-grey-100);
  margin-left: 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.actualites .section-actus .list-filters__item span.w-lg{
  width: 2.08vw;
  height: 1.53vw;
}

.actualites .section-actus .list-filters__item span.w-sm{
  width: 1.53vw;
  height: 1.53vw;
}

.actualites .section-actus .list-filters__item--active span{
  background-color: var(--color-secondary-green-500);
  font-family: 'overused_groteskbold';
}

.actualites .section-actus .list-actus{
  margin-bottom: 2.78vw;
}

.actualites .section-actus .list-actus__item{
  border-bottom: 1px solid var(--color-grey-300);
  padding: 1.39vw 0;
}

.actualites .section-actus .list-actus__item a{
  display: flex;
}

.actualites .section-actus .list-actus__item .img-container{
  width: 14%;
  margin-right: 6%;
}

.actualites .section-actus .list-actus__item .text-container{
  width: 32%;
}

.actualites .section-actus .list-actus__item .flag-container{
  border-radius: 4px;
  background-color: var(--color-grey-100);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  padding: 4px;
  margin-left: 15%;
}

.actualites .section-actus .list-actus__item .arrow-container{
  width: 2.22vw;
  margin: 0 5% 0 auto;
}

.actualites .section-actus .cta-container{
  text-align: center;
}

.actualites .section-actus .cta{
  background-color: transparent;
  cursor: pointer;
}

@media (max-width: 1023px) {
  .actualites .banner-intro-bg{
    padding: 20px 0 8vw;
  }

  .actualites .banner-intro-bg .last-actus{
    flex-direction: column;
    gap: 6.25vw;
  }

  .actualites .banner-intro-bg .actus-footer .mb10{
    margin-bottom: 0;
  }

  .actualites .banner-intro-bg .text-container{
    padding: 5vw;
  }

  .actualites .banner-intro-bg .flexbox .arrow{
    width: 8.875vw;
  }

  .actualites .section-actus .list-actus__item .flag-container, .actualites .section-actus .list-actus__item .arrow-container{
    display: none;
  }

  .actualites .section-actus .list-filters{
    padding-bottom: 9.375vw;
    margin-bottom: 0;
  }  
  
  .actualites .section-actus .list-filters__item{
    padding: 2.1875vw 2.1875vw 2.1875vw 4.375vw;
  }

  .actualites .section-actus .list-filters__item span.w-lg{
    width: 8.125vw;
    height: 5.625vw;
  }
  
  .actualites .section-actus .list-filters__item span.w-sm{
    width: 5.625vw;
    height: 5.625vw;
  }

  .actualites .section-actus .list-actus{
    margin-bottom: 9.375vw;
  }

  .actualites .section-actus .list-actus__item{
    padding: 6.125vw 0;
  }

  .actualites .section-actus .list-actus__item .img-container{
    width: 30%;
    margin-right: 6%;
  }
  
  .actualites .section-actus .list-actus__item .text-container{
    width: 58%;
  }
}

@media (min-width: 1024px) {
  .actualites .banner-intro-bg .last-actus__item{
    width: 48.125%;
    max-height: 400px;
  }

  .actualites .banner-intro-bg .last-actus__item .img-container{
    height: 100%;
  }

  .actualites .banner-intro-bg .last-actus__item .img-container img{
    object-fit: cover;
    height: 100%;
    width: 100%;
  }

  .actualites .banner-intro-bg .paragraph-20{
    width: 50%;
  }

  .actualites .section-actus .list-actus__item a{
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .actualites .banner-intro-bg .last-actus__item:hover .flexbox .arrow{
    border: 1px solid rgba(255, 255, 255, 1);
    transition: border ease-out 0.3s;
  }
}

/* FICHE ACTUS */
.fiche-actus .banner-intro-bg .container{
  position: relative;
}

.fiche-actus .banner-intro-bg .img-container{
  margin-top: 3vw;
  max-height: 26vw;
  overflow: hidden;
  border-radius: 12px;
}

.fiche-actus .banner-intro-bg .img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fiche-actus .section-article .article-container .row:not(:last-child){
  margin-bottom: 1.39vw;
}

.fiche-actus .section-article .row-end{
  background-color: var(--color-grey-100);
  border-left: 1px solid var(--color-secondary-green-400);
  padding: 2.22vw;
}

.fiche-actus .section-article .list{
  padding-left: 1.39vw;
}

.fiche-actus .section-article .list__item{
  list-style-type: disc;
}

.fiche-actus .section-article .infos-container{
  border-radius: 10px;
  background-color: var(--color-primary-green-500);
  border-bottom: 6px solid var(--color-secondary-green-300);
  padding: 1.11vw 0;
}

.fiche-actus .section-article .sticky-container .row{
  padding: 1.11vw 1.78vw;
}

.fiche-actus .section-article .sticky-container .row:not(:last-child){
  border-bottom: 1px solid var(--color-primary-green-400);
}

.fiche-actus .section-article .flexbox{
  display: flex;
  align-items: center;
}

.fiche-actus .section-article .flexbox .img-profil{
  margin-right: 15px;
  width: 20%;
}

.fiche-actus .section-article .list-share{
  display: flex;
  gap: 10px;
}

.fiche-actus .section-article .list-share__item{
  width: 15%;
}

.fiche-actus .section-lire-aussi .list-article__item{
  padding: 1.74vw 0;
  border-bottom: 1px solid var(--color-grey-300);
}

.fiche-actus .section-lire-aussi .list-article__item a{
  display: flex;
}

.fiche-actus .section-lire-aussi .list-article__item .img-article{
  width: 30%;
}

.fiche-actus .section-lire-aussi .list-article__item .text-article{
  position: relative;
  width: 70%;
  padding: 0 3.125vw 0 1.39vw;
}

.fiche-actus .section-lire-aussi .list-article__item .arrow{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.22vw;
}

@media (max-width: 1023px) {
  .fiche-actus .banner-intro-bg .img-container{
    margin-top: 6.5vw;
    max-height: 45vw;
  }

  .fiche-actus .section-article .list{
    padding-left: 6.25vw;
  }

  .fiche-actus .section-article .article-container .cta-container{
    display: none;
  }

  .fiche-actus .section-article .article-container .row:not(:last-child) {
    margin-bottom: 6.25vw;
  }

  .fiche-actus .section-article .row-end{
    padding: 10vw;
  }

  .fiche-actus .section-article .sticky-container{
    display: flex;
    flex-direction: column-reverse;
  }

  .fiche-actus .section-article .sticky-container .row{
    padding: 3.5vw 8vw;
  }

  .fiche-actus .section-article .infos-container{
    margin-bottom: 9.375vw;
  }

  .fiche-actus .section-lire-aussi .list-article__item{
    padding: 6.125vw 0;
    border-bottom: 1px solid var(--color-grey-300);
  }

  .fiche-actus .section-lire-aussi .list-article__item:first-child{
    border-top: 1px solid var(--color-grey-300);
  }
  
  .fiche-actus .section-lire-aussi .list-article__item .text-article{
    padding: 0 4.6875vw;
  }

  .fiche-actus .section-lire-aussi .list-article__item .arrow{
    display: none;
  }
}

@media (min-width: 1024px) {
  .fiche-actus .container{
    width: 65%;
  }

  .fiche-actus .section-article .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
  }

  .fiche-actus .section-article .article-container{
    width: 65%;
    padding-right: 8%;
  }

  .fiche-actus .section-article .sticky-container{
    width: 25%;
    position: sticky;
    top: 110px;
  }

  .fiche-actus .section-lire-aussi .list-article{
    display: flex;
    justify-content: space-between;
  }

  .fiche-actus .section-lire-aussi .list-article__item{
    width: 48%;
    border-top: 1px solid var(--color-grey-300);
  }
}

/* CONTACT */
.contact .banner-intro .contact-container{
  position: relative;
  background-color: var(--color-primary-green-500);
  border-radius: 16px;
  padding: 1.67vw;
  margin-top: 2.08vw;
  text-align: center;
}

.contact .banner-intro .storeloc-container{
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 1.39vw;
  margin-top: 1.39vw;
}

.contact .banner-intro .text-container{
  align-items: center;
}

.contact .banner-intro .cta-container .cta{
  flex: 1 1 0;
}

.contact .section-bureaux .item{
  background-color: var(--color-green-grey);
  border-radius: 12px;
  padding: 1.67vw;
}

.contact .section-bureaux .item .name-agence{
  border-bottom: 1px solid var(--color-grey-400);
  padding-bottom: 1.39vw;
  margin-bottom: 1.39vw;
}

.contact .section-bureaux .item .text-container{
  display: flex;
  flex-direction: column;
}

.contact .section-bureaux .item .cta{
  margin-top: auto;
}

@media (max-width: 1023px) {
  .contact .banner-intro{
    height: auto;
  }

  .contact .banner-intro .section-parallax, .contact .banner-intro .text-container-filter::before{
    display: none;
  }

  .contact .banner-intro .text-container-filter{
    position: relative;
    height: auto;
    padding: 0;
  }

  .contact .banner-intro .title-72.c-white{
    padding-bottom: 6.25vw;
    border-bottom: 1px solid rgba(1, 55, 61, 0.25);
  }

  .contact .banner-intro .title-72.c-white, .contact .banner-intro .paragraph-20.c-white{
    color: var(--color-primary-green-500);
  }

  .contact .banner-intro .contact-container{
    margin-top: 12vw;
    padding: 5.5vw;
  }

  .contact .banner-intro .text-inner{
    padding-top: 12.5vw;
  }

  .contact .banner-intro .storeloc-container{
    padding-top: 6.25vw;
    margin-top: 6.25vw;
  }

  .contact .banner-intro .cta-container .cta{
    width: 100%;
  }

  .contact .banner-intro .cta-container .cta:first-child{
    margin-bottom: 3vw;
  }

  .contact .section-edito{
    padding: 6.25vw 0 0;
  }

  .contact .section-bureaux .item{
    padding: 7.5vw;
  }

  .contact .section-bureaux .item:not(:last-child){
    margin-bottom: 7.5vw;
  }

  .contact .section-bureaux .item .text-container{
    margin-bottom: 8vw;
  }

  .contact .section-bureaux .item .name-agence{
    padding-bottom: 3.125vw;
    margin-bottom: 3.125vw;
  }

  .contact .section-bureaux .item .cta{
    margin-top: 6vw;
  }
}

@media (min-width: 1024px) {

  .contact .banner-intro .text-inner{
    padding-right: 50%;
  }

  .contact .banner-intro .cta-container{
    display: flex;
    gap: 1.04vw;
  }

  .contact .section-bureaux .section-container{
    display: flex;
    justify-content: space-between;
  }

  .contact .section-bureaux .item{
    width: 48%;
    display: flex;
    justify-content: space-between;
  }

  .contact .section-bureaux .item .text-container, .contact .section-bureaux .item .img-container{
    width: 45%;
  }
}

/* ESTIMATION */
.estimation .block-estimation-block-slider .section-consultation{
  background-color: var(--color-green-grey);
}

.estimation .section-consultation .engagement-container{
  border-top: 1px solid var(--color-grey-300);
  padding: 2.78vw 0;
  margin-top: 2.78vw;
}

.estimation .section-consultation .engagement-container .list__item{
  display: flex;
  align-items: center;
}

.estimation .section-consultation .engagement-container .list__item:not(:last-child){
  margin-bottom: 0.69vw;
}

.estimation .section-consultation .engagement-container .list__item::before{
  content: "";
  width: 1.04vw;
  height: 1.04vw;
  background: url('../images/icon-check.svg') no-repeat center;
  margin-right: 10px;
}

.estimation .section-consultation .rdv-container{
  position: relative;
  background-color: var(--color-primary-green-500);
  border-radius: 12px;
  padding: 1.67vw;
}

.estimation .section-consultation .rdv-container .cta-container{
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 1.39vw;
  margin-top: 1.39vw;
}

.estimation .section-consultation .rdv-container .cta-container .cta{
  flex: 1 1 0;
}

.estimation .section-consultation .name-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.04vw 0;
  border-bottom: 1px solid var(--color-grey-300);
}

.estimation .section-consultation .name-container .logo{
  width: 12.5%;
}

.estimation .banner-intro .title-72.c-white{
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 2.08vw;
}

@media (max-width: 1023px) {
  .estimation .section-consultation .engagement-container{
    padding: 6.25vw 0;
    margin-top: 6.25vw;
  }

  .estimation .section-consultation .engagement-container .list__item:not(:last-child){
    margin-bottom: 3.125vw;
  }

  .estimation .section-consultation .engagement-container .list__item::before{
    width: 6.25vw;
    height: 6.25vw;
    margin-right: 4.6875vw;
  }

  .estimation .section-consultation .engagement-container .list__item p{
    width: calc(100% - 10.9375vw);
  }

  .estimation .section-consultation .rdv-container{
    padding: 7.5vw;
  }

  .estimation .section-consultation .rdv-container .cta-container{
    padding-top: 6.25vw;
    margin-top: 4.25vw;
  }

  .estimation .section-consultation .rdv-container .cta-container .cta:first-child{
    margin-bottom: 3vw;
  }

  .estimation .section-consultation .rdv-container .cta-container .cta{
    width: 100%;
  }

  .estimation .section-consultation .img-container{
    margin-top: 10vw;
  }

  .estimation .section-consultation .name-container{
    padding: 4.6875vw 0;
  }

  .estimation .section-consultation .name-container .logo{
    width: 14%;
  }

  .estimation .section-consultation .section-container{
    margin-top: 6.25vw;
  }

  .estimation .banner-intro .title-72.c-white{
    padding-bottom: 6.25vw;
  }
}

@media (min-width: 1024px) {
  .estimation .section-consultation .section-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3.33vw;
  }

  .estimation .section-consultation .img-container{
    width: 25%;
    position: sticky;
    top: 110px;
  }

  .estimation .section-consultation .text-container{
    width: 58%;
  }

  .estimation .section-consultation .rdv-container .cta-container{
    display: flex;
    gap: 1.04vw;
  }
}

/* ESPACE */
.espace .section-connexion .box{
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0 #00000030;
}

.espace .section-connexion .box-header{
  background: linear-gradient(0deg, #01373D 0%, #1F4A50 100%);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  text-align: center;
}

.espace .section-connexion .box-container{
  background-color: var(--color-grey-100);
  padding: 2.78vw 3.33vw;
}

.espace .section-connexion .row:not(:last-child){
  border-bottom: 1px solid var(--color-grey-300);
  padding-bottom: 1.39vw;
  margin-bottom: 1.39vw;
}

.espace .section-connexion .row-header{
  margin-bottom: 1.39vw;
  display: flex;
}

.espace .section-connexion .row-header .num{
  border: 1px solid var(--color-secondary-green-400);
  border-radius: 50%;
  height: 2.08vw;
  width: 2.08vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.39vw;
  transform: translateY(-25%);
}

.espace .section-connexion .row-header p{
  width: calc(100% - 3.47vw);
}

.espace .section-connexion .list{
  padding-left: 1.39vw;
}

.espace .section-connexion .list__item{
  list-style: disc;
}

.espace .section-connexion .list__item:not(:last-child){
  margin-bottom: 0.69vw;
}

.espace .section-connexion .icon-help{
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.espace .section-connexion .icon-help::after{
  content: "";
  width: 0.97vw;
  height: 0.97vw;
  background: url("../images/icon-informations.svg") no-repeat center;
  background-size: cover;
  margin-left: 8px;
}

.espace .section-connexion .widget-info{
  padding: 4.44vw;
}

.espace .section-connexion .widget-nav{
  background-color: var(--color-green-grey-200);
  display: flex;
  border-radius: 12px;
  padding: 4px;
}

.espace .section-connexion .widget-nav__item{
  flex: 1 1 0;
  text-align: center;
  border-radius: 8px;
  padding: 1.11vw;
  cursor: pointer;
}

.espace .section-connexion .widget-nav__item--active{
  background-color: var(--color-primary-green-500);
  color: var(--color-white);
  font-family: 'overused_groteskbold';
}

.espace .section-connexion .widget-item{
  display: none;
}

.espace .section-connexion .widget-connexion .info-connexion{
  display: block;
}

.espace .section-connexion .widget-ref-client .info-ref-client{
  display: block;
}

@media (max-width: 1023px) {
  .espace .section-connexion .box:not(:last-child){
    margin-bottom: 9.375vw;
  }

  .espace .section-connexion .box-header{
    padding: 2.5vw 15vw;
  }

  .espace .section-connexion .box-container{
    padding: 7.5vw 5vw;
  }

  .espace .section-connexion .row-header .num{
    height: 9.375vw;
    width: 9.375vw;
    margin-right: 2.625vw;
  }

  .espace .section-connexion .row-header{
    margin-bottom: 6.25vw;
  }

  .espace .section-connexion .row-header p {
    width: calc(100% - 12vw);
  }

  .espace .section-connexion .row:not(:last-child) {
    padding-bottom: 6.25vw;
    margin-bottom: 9.375vw;
  }

  .espace .section-connexion .list{
    padding-left: 6.25vw;
  }

  .espace .section-connexion .list__item:not(:last-child) {
    margin-bottom: 3.125vw;
  }

  .espace .section-connexion .widget-info{
    padding: 5vw;
  }

  .espace .section-connexion .widget-nav__item{
    padding: 3vw 1vw;
  }

  .espace .section-connexion .widget-close{
    height: 10vw;
    width: 10vw;
  }
}

@media (min-width: 1024px) {
  .espace .section-connexion .container-sm{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .espace .section-connexion .box{
    width: 46%;
    margin-top: -4.17vw;
  }

  .espace .section-connexion .img-65{
    width: 65%;
  }

  .espace .section-connexion .box-header{
    height: 4.17vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* BLOCK COMMON */
.banner-intro{
  height: 100vh;
  overflow: hidden;
}

.banner-intro .text-container{
  display: flex;
  align-items: flex-end;
  padding-bottom: 2%;
}

.banner-intro .text-container{
  align-items: flex-start;
}
.homepage .banner-intro .text-container{align-items: flex-end;}

.banner-intro .img-container{
  height: 100%;
}

.banner-intro .img-container .img-filter{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.section-estimation .container{
  display: flex;
}

.section-estimation .img-container{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.section-estimation .img-container .img-filter{
  height: 100%;
  object-fit: cover;
}

.section-estimation .img-container .partenaire{
  position: absolute;
  left: 1.53vw;
  bottom: 1.53vw;
  border-radius: 4px;
  width: calc(100% - 3.06vw);
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  overflow: hidden;
}

.section-estimation .img-container .partenaire-logo{
  width: 16%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-estimation .img-container .partenaire-logo .icon{
  width: 46%;
}

.section-estimation .img-container .partenaire-text{
  width: 84%;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  padding: 0.56vw 1.12vw;
}

.section-estimation .text-container{
  background-color: var(--color-primary-green-500);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 12px;
  overflow: hidden;
  padding: 3.33vw 4.44vw 0;
}

.section-estimation .text-container .text-header{
  padding-bottom: 1.67vw;
  border-bottom: 1px solid rgba(246, 246, 240, 0.2);
  letter-spacing: 2px;
  font-family: 'overused_groteskbold';
}

.section-estimation .text-container .text-header .icon-plus{
  margin-right: 5px;
}

.section-estimation .text-container .text-edito{
  padding: 2.33vw 0 3.33vw;
}

@media (max-width: 1023px) {
  .banner-intro{
    height: calc(100svh - 124px);
    z-index: 3;
  }

  .banner-intro .text-container{
    padding-bottom: 6%;
  }

  .section-estimation .container{
    flex-direction: column-reverse;
  }

  .section-estimation .text-container{
    padding: 10vw 7.5vw;
  }

  .section-estimation .text-container .text-header{
    padding-bottom: 6.25vw;
  }

  .section-estimation .text-container .text-edito{
    padding: 6.25vw 0 0;
  }

  .section-estimation .text-container .text-edito .text-container{
    padding: 0;
  }

  .section-estimation .title-container{
    margin-bottom: 6.25vw;
  }

  .section-estimation .img-container{
    height: 70vw;
  }

  .section-estimation .img-container .img-parallax{
    background-size: cover;
  }

  .section-estimation .img-container .partenaire{
    left: 5vw;
    bottom: 5vw;
    width: calc(100% - 10vw);
  }

  .section-estimation .img-container .partenaire-text{
    padding: 2.5vw 5vw;
  }
}

@media (min-width: 1024px) {
  .banner-intro-espace .text-container{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .section-estimation .img-container{
    width: 32%;
  }

  .section-estimation .text-container{
    width: 68%;
  }

  .section-estimation .text-container .text-edito .title-container{
    width: 45%;
  }

  .section-estimation .text-container .text-edito .text-container{
    width: 55%;
    padding: 0 4%;
  }

  .section-estimation .text-container .text-edito .flex-edito{
    display: flex;
    align-items: flex-end;
  }
}

.faq .section-faq .section-container{
  margin-top: 0;
}

.section-faq .section-container{
  margin-top: 3.33vw;
  align-items: flex-start;
}

.section-faq .faq-df-accordion__header {
  display: block;
  background: none;
  border: 0;
  font-family: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  font-weight: normal;
}

.section-faq .accordion-row{
  border-radius: 8px;
  border: 1px solid var(--color-grey-300);
  padding: 1.67vw;
  cursor: pointer;
  margin: 1.39vw 0;
}

.section-faq .accordion-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-faq .accordion-header .question{
  width: calc(100% - 3.5vw);
}

.section-faq .accordion-panel{
  display: block;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: all ease-out 0.3s;
}

.section-faq .accordion-row--active .accordion-panel{
  display: block;
  opacity: 1;
  max-height: 80vh;
  visibility: visible;
  transition: all ease-out 0.3s;
}

.section-faq .more{
  position: relative;
  border-radius: 8px;
  height: 2vw;
  width: 2vw;
  transition: background-color ease-out 0.3s;
  border: 1px solid var(--color-grey-300);
}

.section-faq .more::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 0.6vw;
  height: 1px;
  background-color: var(--color-black);
  transition: all ease-out 0.3s;
}

.section-faq .more::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1px;
  height: 0.6vw;
  background-color: var(--color-black);
  transition: all ease-out 0.3s;
}

.section-faq .accordion-row--active .more{
  background-color: var(--color-primary-green-500);
  transition: background-color ease-out 0.3s;
  border: 1px solid var(--color-primary-green-500);
}

.section-faq .accordion-row--active .more::after{
  transform: translate(-50%,-50%) rotate(-90deg);
  transition: all ease-out 0.3s;
  background-color: var(--color-white);
}

.section-faq .thematiques-container{
  border-bottom: 1px solid var(--color-grey-300);
  margin-bottom: 2.08vw;
  padding-bottom: 2.08vw;
}

.section-faq .list-thematiques{
  display: flex;
  flex-wrap: wrap;
  gap: 0.69vw;
}

.section-faq .list-thematiques__item{
  padding: 0.4vw 1vw;
  border-radius: 4px;
  background-color: var(--color-grey-200);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-faq .list-thematiques__item::before{
  content: "+";
  color: var(--color-secondary-green-300);
  font-family: 'overused_groteskbold';
  font-size: 0;
}

.section-faq .list-thematiques__item--active{
  background-color: var(--color-primary-green-500);
  color: var(--color-white);
}

.section-faq .list-thematiques__item--active::before{
  font-size: 0.972vw;
  margin-right: 6px;
}

.faq .banner-intro .title-72.c-white{
  padding-bottom: 2.08vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

@media screen and (max-width: 1023px) {
  .section-faq .list-thematiques {
    gap: 2.69vw;
  }
  
  .section-faq .list-thematiques__item {
    padding: 10px;
  }

  .section-faq .list-thematiques__item--active::before {
    font-size: 3.8vw;
  }

  .section-faq .thematiques-container{
    padding-bottom: 8vw;
    margin-bottom: 7vw;
  }

  .section-faq .section-container{
    margin-top: 6.25vw;
  }

  .section-faq .title-container{
    margin-bottom: 8vw;
  }

  .faq .banner-intro .title-72.c-white{
    padding-bottom: 6.25vw;
  }
}

@media (max-width: 1023px) {
  .section-faq .accordion-row{
    padding: 6.25vw;
    margin: 3.25vw 0;
  }

  .section-faq .more{
    width: 8.75vw;
    height: 8.75vw;
  }

  .section-faq .more::before{
    width: 3.4375vw;
  }
  
  .section-faq .more::after{
    height: 3.4375vw;
  }

  .section-faq .accordion-header .question {
    width: calc(100% - 10vw);
  }
}

@media (min-width: 1024px) {
  .section-faq .section-container{
    display: flex;
    justify-content: space-between;
  }

  .section-faq .title-container{
    width: 31%;
    position: sticky;
    top: 140px;
  }

  .section-faq .faq-container{
    width: 60%;
  }
}

.form .section-form .subtitle-48{
  text-align: center;
}

.form .section-form .block-form-header{
  background-color: var(--color-primary-green-500);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
}

.form .section-form .block-form-header p{
  padding: 0.56vw;
}

.form .section-form .block-form-header .num{
  border-right: 1px solid var(--color-primary-green-300);
}

.form .section-form .back-to-hp{
  display: flex;
  align-items: center;
  justify-content: center;
}

.form .section-form .back-to-hp .icon-back{
  width: 1.3vw;
  margin-right: 10px;
}

@media (max-width: 1023px) {
  .form .section-form .block-form-header p{
    padding: 2.5vw;
  }

  .form .section-form .back-to-hp{
    margin-top: 6.25vw;
  }

  .form .section-form .back-to-hp .icon-back{
    width: 6.25vw;
  }
}

@media (min-width: 1024px) {
  .form .section-form .back-to-hp{
    position: absolute;
    top: 8vw;
    left: 8vw;
  }
}

/* MENTIONS LEGALES*/
.section-mentions .subtitle-48{
  text-align: center;
}

.section-mentions .list{
  padding: revert;
}

.section-mentions .list, .section-mentions .list__item{
  list-style: disc;
}

.section-mentions .list__item::marker{
  color: var(--color-primary-green-500);
  font-size: 14px;
}

.section-mentions .link{
  text-decoration: underline;
}

/* ADMIN */
@media (min-width: 1024px) {
  .header{
    position: fixed;
    top: 0;
    left: 0;  
    width: 100%;
  }

  body.user-logged-in.toolbar-horizontal header {
    top: 80px;
  }

  body.user-logged-in.toolbar-horizontal header .menu-panel.menu-panel--open{
    height: 100vh;
  }

  /* main {
    margin-top: 90px;
  } */
}

@media screen and (min-width: 1024px) {
  .biens__item {
    flex: 0 0 calc(31.8% - 0.2vw);
  }
}

@media screen and (min-width: 1400px) {
  .biens__item {
    flex: 0 0 calc(23.5% - 0.3vw);
  }
}

@media screen and (max-width: 1023px) {
  .biens__item {
    flex: 0 0 100%
  }
}

.section-biens {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3vw 2vw;
}

body[data-once*="form-single-submit"] .section-biens{
  gap: 3vw 1vw;
}

.leaflet-pane, .leaflet-top, .leaflet-bottom{
  z-index: 1 !important;
}

.a-vendre-a-louer .section-expertise{
  background-color: var(--color-green-grey);
}

.a-vendre-a-louer .section-expertise .flex-edito.mb30, .contact .section-expertise .flex-edito.mb30{
  margin-bottom: 0
}

.contact .section-expertise .flex-edito .paragraph-20{
  font-size: 1.11vw;
  line-height: 1.3;
}

.a-vendre-a-louer .banner-intro .title-72.c-white{
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 2.08vw;
}

.contact .banner-intro .title-72{
  border-bottom: 1px solid rgba(1, 55, 61, 0.25);
  padding-bottom: 2.08vw;
}

@media (max-width: 1023px) {
  .section-biens {
    gap: 6vw 2vw;
  }

  .contact .section-expertise .flex-edito .paragraph-20{
    font-size: 4.6875vw;
  }

  .a-vendre-a-louer .banner-intro .title-72.c-white{
    padding-bottom: 6.25vw;
  }

  .contact .banner-intro .title-72{
    padding-bottom: 6.25vw;
  }
}

#tarteaucitronAlertSmall, #tarteaucitronIcon{
  z-index: 9 !important;
}

.layout--twocol-section{
  justify-content: center;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 39%;
  }
}

@media (min-width: 1024px) {
  .data-container{
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.5vw;
  }
}

@media screen and (max-width: 991px) {
  .storeloc-container {
    margin-top: 30px;
  }
}

.footer_logos_wrapper_mobile {
  margin: 30px auto;
  display: flex;
  gap: 30px;
  justify-content: center;
}

.footer_logos_wrapper_mobile img {
  width: 100px;
}

.footer_logos_wrapper_desktop {
  display: flex;
  gap: 25px;
}

.slider_container_desc {
  position: relative;
  height: 15px;
}

.slider_container_desc > p {
  position: absolute;
  display: flex;
  transition: opacity 0.3s linear;
  width: 300px;
}

.slider_container_desc > p.active {
  opacity: 1;
  white-space: nowrap;
}

.slider_container_desc > p:not(.active) {
  opacity: 0;
}

.row-form:has([name="url"]) {
  display: none;
}

.table_wrapper {
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  font-family: 'overused_groteskbook';
}

.table_wrapper b {
  font-family: 'overused_groteskbold';
}

.table_wrapper .table_row.table_header > div {
  background-color: #01373d;
  color: white;
  font-size: 18px;
}

.table_wrapper .table_row.table_header.borderradius > div:first-child {
  border-top-left-radius: 15px;
}

.table_wrapper .table_row.table_header.borderradius > div:last-child {
  border-top-right-radius: 15px;
}

.table_wrapper .table_row > div:first-child {
  border-right: 2px solid #D2D2D2;
}

.table_row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.table_row:not(.table_header) {
  border-left: 2px solid #D2D2D2;
  border-right: 2px solid #D2D2D2
}

.table_row > div {
  width: 50%;
  padding: 20px 30px;
}

.table_row:not(.table_header) {
  border-bottom: 2px solid #D2D2D2;
}

.table_row:not(.table_header) > div {
  background-color: white;
}

.form_etat_date_intro_padding {
  padding: 6.67vw 0 3.335vw;
}

@media screen and (max-width: 991px) {
  .form_etat_date_intro_padding {
    padding: 12.5vw 0 6.25vw;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .swiffy-slider-actus {
    width: 28% !important;
    margin: 1% 0 5% auto !important;
  }
}

#node-page-layout-builder-form {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

#node-page-layout-builder-form .button {
  margin-block: 0.5rem;
  display: inline-block;
    margin-block: 1rem;
    margin-inline: 0 0.75rem;
    padding: calc(1rem - 1px) calc(1.5rem - 1px);
    cursor: pointer;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #232429;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #D3D4D9;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    appearance: none;
    -webkit-font-smoothing: antialiased;
}

#node-page-layout-builder-form .button:not(:focus) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

#node-page-layout-builder-form .button--primary {
  color: white;
  background-color: #003ECC;
}

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file media-library.pcss.css

 * Styling for Media Library.
 */

/**
 * Negative margins compensate for modal dialog padding and compensate for
 * positioning that would otherwise hide the active tab indicator on the left.
 */

.media-library-wrapper {
  display: flex;
  margin: -1rem -1.5rem -1rem -1rem; /* LTR */
}

[dir="rtl"] .media-library-wrapper {
  margin-right: -1em;
  margin-left: -1.5em;
}

.media-library-wrapper .messages-list,
.media-library-wrapper .messages {
  margin-top: 0;
  margin-bottom: var(--space-l);
}

.media-library-menu {
  position: relative;
  display: block;
  width: var(--vertical-tabs-menu-width);
  margin: 0;
  padding-top: var(--vertical-tabs-menu-item-shadow-extraspace);
  list-style: none;
  color: var(--color-text);
}

[dir="rtl"] .media-library-menu {
  margin: 0;
}

.media-library-menu__item {
  overflow: hidden;
  margin: var(--vertical-tabs-menu-item--top-margin) var(--vertical-tabs-menu-item--right-margin) var(--vertical-tabs-menu-item--bottom-margin) var(--vertical-tabs-menu-item--left-margin); /* LTR */
  padding: var(--vertical-tabs-menu-item-shadow-extraspace) 0;
}

[dir="rtl"] .media-library-menu__item {
  margin-right: var(--vertical-tabs-menu-item--left-margin);
  margin-left: var(--vertical-tabs-menu-item--right-margin);
}

.media-library-menu__item::before {
  z-index: var(--vertical-tabs-menu--z-index); /* The line should be kept above the vertical tabs menu link to keep it visible even if the link is hovered and gets the 'hover' background color. */
  display: block;
  width: 100%;
  margin-top: calc(var(--vertical-tabs-menu-separator-size) * -1);
  content: "";
  border-top: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
}

.media-library-menu__link {
  position: relative;
  display: block;
  margin-top: calc(var(--vertical-tabs-border-size) * -1);
  padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-text);
  border: var(--vertical-tabs-border-size) solid transparent;
  border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */
  border-radius: var(--vertical-tabs-border-radius) 0 0 var(--vertical-tabs-border-radius); /* LTR */
}

[dir="rtl"] .media-library-menu__link {
  padding-right: calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size));
  padding-left: var(--space-s);
  border-width: var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size) var(--vertical-tabs-border-size) 0;
  border-radius: 0 var(--vertical-tabs-border-radius) var(--vertical-tabs-border-radius) 0;
}

/* Menu link states. */

.media-library-menu__link:focus {
  z-index: calc(var(--vertical-tabs-menu--z-index) + 3); /* Focus state should be on the highest level to make the focus effect be fully visible. This also means that it should have bigger z-index than the selected link. */
  -webkit-text-decoration: none;
  text-decoration: none;
  box-shadow: none;
}

.media-library-menu__link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-absolutezero);
  /* These borders are necessary to replace the dividing lines while in the hover state. */
  border-top: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
  border-bottom: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
  background: var(--color-bgblue-hover);
}

/* This pseudo element provides the background for the hover state. */

.media-library-menu__link::before {
  position: absolute;
  z-index: calc(var(--vertical-tabs-menu--z-index) - 1); /* This should be on a lower level than the menu-item separator lines. */
  top: calc(var(--vertical-tabs-border-size) * -1);
  right: 0; /* LTR */
  bottom: calc(var(--vertical-tabs-border-size) * -1);
  left: calc(var(--vertical-tabs-menu-link--active-border-size) * -1); /* LTR */
  content: "";
  pointer-events: none;
  background-clip: padding-box;
}

[dir="rtl"] .media-library-menu__link::before {
  right: calc(var(--vertical-tabs-menu-link--active-border-size) * -1);
  left: 0;
}

.media-library-menu__link:focus::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: calc(var(--vertical-tabs-border-size) * -1) calc(var(--vertical-tabs-menu-link--active-border-size) * -1);
  content: "";
  pointer-events: none;
  border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
  border-radius: var(--vertical-tabs-border-radius);
}

.media-library-menu__link.active {
  z-index: calc(var(--vertical-tabs-menu--z-index) + 2); /* The selected menu link should be on a higher level than the white masking line that hides the gray separator. */
  color: var(--color-absolutezero);
  border-color: var(--vertical-tabs-border-color) transparent;
  background-color: var(--color-white);
  box-shadow: var(--vertical-tabs-shadow);
}

.media-library-menu__link.active:hover {
  color: var(--color-absolutezero-hover);
  background-color: var(--color-bgblue-hover);
}

.media-library-menu__link.active::before {
  z-index: 1; /* The blue active-tab indication should be on a higher level than the green focus border. */
  border-left: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color); /* LTR */
  border-radius: var(--base-border-radius) 0 0 var(--base-border-radius); /* LTR */
}

[dir="rtl"] .media-library-menu__link.active::before {
  border-right: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color);
  border-left: 0;
  border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
}

.media-library-menu__link.active:hover::before {
  background: none;
}

.media-library-content {
  width: 100%;
  padding: 1em;
  outline: none;
}

.media-library-menu + .media-library-content {
  z-index: var(--vertical-tabs-menu--z-index);
  border-left: var(--vertical-tabs-border); /* LTR */
  box-shadow: var(--vertical-tabs-shadow);
}

[dir="rtl"] .media-library-menu + .media-library-content {
  border-right: var(--vertical-tabs-border);
  border-left: 0;
}

/* Generic media add form styles. */

.media-library-add-form--without-input .form-item {
  margin-right: 1rem;
}

/**
 * Remove outline from added media list.
 *
 * The added media list receives focus after adding new media, but since it is
 * not an interactive element, it does not need an outline.
 */

.media-library-add-form__added-media {
  margin: 0;
  padding: 0;
  outline: none;
}

/**
 * This Media Library form is an exception to the extrasmall button pattern.
 * Additional padding is needed to accommodate the remove button icon. The
 * margin is adjusted for alignment within the media library dialog.
 */

.media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
  margin: var(--space-xs) 0; /* LTR */
  /* Left padding is double the background size of the button icon. */
  padding: calc(calc(var(--space-xs) / 2) - 1px) calc(var(--space-s) - 1px) calc(calc(var(--space-xs) / 2) - 1px) calc(var(--space-s) * 2);
}

/* This is needed to override the default extrasmall button left margin. */

[dir="rtl"] .media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
  margin-left: 0;
}

.media-library-add-form__input-wrapper {
  padding: var(--space-xs) var(--space-l) var(--space-l) var(--space-l);
  border: var(--details-border-size) solid var(--details-border-color);
  border-radius: var(--base-border-radius);
  background-color: var(--color-white);
  box-shadow: var(--details-box-shadow);
}

/* Style the media add upload form. */

.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
  margin-bottom: 0;
}

.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file__main,
.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file.no-upload {
  display: block;
}

/* Adjust the focus border on this element so it is not too close to buttons. */

.media-library-add-form__added-media:focus {
  box-shadow:
    0 0 0 calc(var(--focus-border-offset-size) + 2px) var(--color-white),
    0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size) + 2px) var(--color-focus);
}

.media-library-add-form .file-upload-help {
  margin: 0.5rem 0 0;
}

/* Style the media add oEmbed form. */

.media-library-add-form--oembed .media-library-add-form__input-wrapper {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 37.5em) {
  .media-library-add-form--oembed .media-library-add-form__input-wrapper {
    display: block;
  }
}

.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
  margin-bottom: 0;
}

.media-library-add-form-oembed-url {
  width: 100%;
}

/* Media add form selection styles. */

.media-library-add-form__selected-media {
  margin-top: 1em;
}

/* Change to padding to account for the negative margin for flex grid. */

.media-library-add-form__selected-media .details-wrapper {
  padding: 0 0.625rem 1em 0.625rem;
}

.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
  height: 6.25rem;
}

/* Generic media library view styles. */

.media-library-select-all {
  flex-basis: 100%;
  width: 100%;
  margin: 0.625rem 0.5rem;
}

.media-library-select-all input {
  margin-right: 0.625rem;
}

[dir="rtl"] .media-library-select-all input {
  margin-left: 0.625rem;
}

.media-library-views-form,
.media-library-selection,
.media-library-add-form__selected-media .details-wrapper,
.media-library-view .form--inline {
  display: flex;
  flex-wrap: wrap;
}

.media-library-views-form > .form-actions,
.media-library-views-form > .field-actions {
  flex-basis: 100%;
}

.media-library-views-form__header {
  flex-basis: 100%;
}

.media-library-views-form__header .form-item {
  margin-right: 0.5rem; /* @TODO RTL? */
}

.media-library-views-form__rows {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 0 -0.5rem;
}

/**
 * Override the table display of the visually hidden labels.
 *
 * The width, height and overflow properties in the styles for the
 * .visually-hidden class do not work correctly if the element has a table
 * display.
 */

.media-library-item label {
  display: inline-block;
}

/* Media library widget view styles. */

.media-library-wrapper .media-library-view {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.media-library-wrapper .view-header {
  align-self: flex-end;
  margin: 1em 0;
  text-align: right; /* LTR */
}

[dir="rtl"] .media-library-wrapper .view-header {
  text-align: left;
}

.media-library-wrapper .media-library-view .view-filters,
.media-library-wrapper .media-library-view .view-content {
  flex: 0 0 100%;
}

.media-library-wrapper .views-display-link {
  margin: 0;
  padding-left: 1.375rem; /* LTR */
  color: #333;
  font-size: 0.9375rem;
  line-height: 1rem;
}

[dir="rtl"] .media-library-wrapper .views-display-link {
  padding-right: 1.375rem;
  padding-left: 0;
}

.media-library-wrapper .views-display-link.is-active {
  font-weight: bold;
}

.media-library-wrapper .views-display-link-widget {
  margin-right: 0.9375rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23333333' d='M10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3A1.5 1.5 0 0 1 10.5 9zm-8 0h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3A1.5 1.5 0 0 1 2.5 9zm8-8h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3A1.5 1.5 0 0 1 10.5 1zm-8 0h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3A1.5 1.5 0 0 1 2.5 1z'/%3e%3c/svg%3e") left 0 no-repeat; /* LTR */
}

[dir="rtl"] .media-library-wrapper .views-display-link-widget {
  background-position: right 0;
}

.media-library-wrapper .views-display-link-widget_table {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23333333' d='M7 15a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM7 9.5a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM7 4a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zM2.5 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3e%3c/svg%3e") left 0 no-repeat; /* LTR */
}

[dir="rtl"] .media-library-wrapper .views-display-link-widget_table {
  background-position: right 0;
}

/**
 * Style the media library grid items.
 */

.media-library-item {
  position: relative;
}

/**
 * Ajax throbbers inside a media library item.
 */

.media-library-item .ajax-progress.ajax-progress.ajax-progress {
  position: absolute;
  z-index: calc(var(--vertical-tabs-menu--z-index) + 1);
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 3rem; /* 56px */
  height: 3rem;
  margin: -1.5rem;
  border: var(--input-border-size) solid var(--jui-dropdown-border-color);
  border-radius: 3.5rem;
  background: var(--color-white);
  box-shadow: 0 0.25rem 0.625rem var(--jui-dropdown-shadow-color);
}

.media-library-item .ajax-progress__throbber {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.75rem;
  height: 1.75rem;
  margin: -0.875rem;
  border: 3px solid var(--color-absolutezero);
  border-right: 3px dotted transparent;
}

.media-library-item .ajax-progress__message {
  display: none;
}

.media-library-item--grid {
  justify-content: center;
  box-sizing: border-box;
  width: 50%;
  padding: 0.5rem;
  vertical-align: top;
  outline: none;
  background: #fff;
}

.media-library-item--grid::before {
  position: absolute;
  top: 0.4375rem;
  left: 0.4375rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  content: "";
  transition:
    border-color 0.2s,
    color 0.2s,
    background 0.2s;
  pointer-events: none;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  box-shadow: var(--details-box-shadow);
}

/**
* The media library grid item focus border is moved to a child element to
* improve padding.
*/

.media-library-item--grid:focus {
  outline: none;
  box-shadow: none;
}

.media-library-item--grid:focus .media-library-item__preview-wrapper {
  outline: var(--focus-outline);
  box-shadow: var(--focus-box-shadow);
}

/* Media library widget weight field styles. */

.media-library-item--grid .form-item {
  margin: 0.75em;
}

/* The selected items in the add form should be shown a bit smaller. */

.media-library-add-form__selected-media .media-library-item--small {
  width: 33.3%;
}

.media-library-widget-modal .ui-dialog-buttonpane {
  display: flex;
  align-items: center;
}

.media-library-widget-modal .ui-dialog-buttonpane .form-actions,
.media-library-widget-modal .ui-dialog-buttonpane .field-actions {
  flex: 1;
}

/**
 * By default, the dialog is too narrow to be usable.
 * @see Drupal.ckeditor5.openDialog()
 */

.ui-dialog--narrow.media-library-widget-modal {
  max-width: 75%;
}

@media screen and (min-width: 45em) {
  .media-library-item--grid {
    width: 33.3%;
  }

  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 50%;
  }

  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 25%;
  }
}

@media screen and (min-width: 60em) {
  .media-library-item--grid {
    width: 25%;
  }

  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 33.3%;
  }

  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 16.6%;
  }
}

@media screen and (min-width: 77em) {
  .media-library-item--grid {
    width: 16.6%;
  }

  /* Change the width for the modal and widget since there is less space. */
  .media-library-widget-modal .media-library-item--grid,
  .media-library-selection .media-library-item--grid {
    width: 25%;
  }

  /* The selected items in the add form should be shown a bit smaller. */
  .media-library-add-form__selected-media .media-library-item--small {
    width: 16.6%;
  }
}

.media-library-item--grid .field--name-thumbnail {
  overflow: hidden;
  text-align: center;
  background-color: #ebebeb;
}

.media-library-item--grid .field--name-thumbnail img {
  height: 11.25rem;
  object-fit: contain;
  object-position: center center;
}

.media-library-item--grid.is-hover::before,
.media-library-item--grid.checked::before,
.media-library-item--grid.is-focus::before {
  top: 0.3125rem;
  left: 0.3125rem;
  border-width: 3px;
  border-radius: 0.1875rem;
}

.media-library-item--grid.is-hover::before,
.media-library-item--grid.checked.is-hover::before {
  border-color: var(--color-absolutezero-hover);
}

.media-library-item--grid.is-focus::before {
  border-color: var(--color-focus);
}

.media-library-item--grid.checked::before {
  border-color: var(--button--focus-border-color);
}

.media-library-item--grid .form-boolean--type-checkbox:checked {
  border-color: var(--button--focus-border-color);
  background-color: var(--button--focus-border-color);
}

.media-library-item__click-to-select-checkbox {
  position: absolute;
  z-index: 1;
  top: 1rem;
  left: 1rem; /* LTR */
  display: block;
}

[dir="rtl"] .media-library-item__click-to-select-checkbox {
  right: 1rem;
  left: auto;
}

.media-library-item__click-to-select-checkbox input {
  width: 1.25rem;
  height: 1.25rem;
}

.media-library-item__click-to-select-checkbox .form-item {
  margin: 0;
}

.media-library-item__click-to-select-trigger {
  overflow: hidden;
  height: 100%;
  cursor: pointer;
}

/* Media library item table styles. */

.media-library-item--table img {
  max-width: 6.25rem;
  height: auto;
}

/* Media library entity view display styles. */

.media-library-item__preview {
  padding-bottom: 2.125rem;
}

.field--widget-media-library-widget .media-library-item__preview {
  cursor: move;
}

.field--widget-media-library-widget .media-library-item__preview img {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview {
  cursor: inherit;
}

.media-library-item__status {
  position: absolute;
  top: 2.5rem;
  left: 0.3125rem; /* LTR */
  padding: 0.3125rem 0.625rem;
  pointer-events: none;
  color: #e4e4e4;
  background: #666;
  font-size: 0.75rem;
  font-style: italic;
}

[dir="rtl"] .media-library-item__status {
  right: 0.3125rem;
  left: auto;
}

.media-library-item__attributes {
  position: absolute;
  bottom: 0;
  display: block;
  overflow: hidden;
  max-width: calc(100% - 0.625rem);
  max-height: calc(100% - 3.125rem);
  padding: 0.3125rem;
  background: white;
}

.media-library-item__name {
  display: block;
  overflow: hidden;
  margin: calc(var(--space-xs) / 2) var(--space-xs);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}

.media-library-item__attributes:hover .media-library-item__name,
.media-library-item--grid.is-focus .media-library-item__name,
.media-library-item--grid.checked .media-library-item__name {
  white-space: normal;
}

.media-library-item__type {
  color: #696969;
  font-size: 0.75rem;
}

.media-library-item--disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* Media library widget styles. */

.media-library-widget {
  position: relative;
}

.media-library-widget__toggle-weight.media-library-widget__toggle-weight {
  position: absolute;
  top: var(--space-s);
  right: var(--space-m); /* LTR */
  -webkit-text-decoration: none;
  text-decoration: none;
}

[dir="rtl"] .media-library-widget__toggle-weight.media-library-widget__toggle-weight {
  right: auto;
  left: var(--space-m);
}

/* Add negative margin for flex grid. */

.media-library-selection {
  margin: 1em -0.5rem;
}

/**
 * Media library widget edit and delete button styles.
 *
 * We have to override the .button styles since buttons make heavy use of
 * background and border property changes.
 */

.media-library-item__edit,
.media-library-item__edit:hover,
.media-library-item__edit:focus,
.media-library-item__remove,
.media-library-item__remove:hover,
.media-library-item__remove:focus,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
  position: absolute;
  z-index: 1;
  top: 0.625rem;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.3125rem;
  padding: 0;
  transition: 0.2s border-color;
  color: transparent;
  background-size: 0.75rem;
  text-shadow: none;
  font-size: 0;
}

.media-library-item__edit {
  right: 2.5rem; /* LTR */
}

[dir="rtl"] .media-library-item__edit {
  right: auto;
  left: 2.5rem;
}

.media-library-item__remove {
  right: 0.625rem; /* LTR */
}

[dir="rtl"] .media-library-item__remove {
  right: auto;
  left: 0.625rem;
}

.media-library-item__edit {
  /* !important to override button class border. */
  border: 1px solid var(--color-gray-200) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

.media-library-item__edit:active {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
}

.media-library-item__remove,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
  /* !important to override button class border. */
  border: 1px solid var(--color-gray-200) !important;
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem;
}

.media-library-item__remove:active,
.media-library-item__remove.button:active,
.media-library-item__remove.button:disabled:active {
  /* !important to override button class border. */
  border-color: var(--color-absolutezero) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ffffff' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
}

/* Style the added media item container. */

.media-library-add-form__media {
  position: relative;
  display: flex;
  border-bottom: 1px solid #c0c0c0;
}

/* Do not show the bottom border and padding for the last item. */

.media-library-add-form__media:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.media-library-add-form__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.75rem;
  margin-right: 1.25rem; /* LTR */
  background: var(--color-gray-050-o-40);
}

[dir="rtl"] .media-library-add-form__preview {
  margin-right: 0;
  margin-left: 1.25rem;
}

.media-library-add-form__fields {
  flex-grow: 1;
}

.media-library-add-form__remove-button {
  position: absolute;
  right: 0; /* LTR */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23000000' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: var(--space-xs) center;
  background-size: var(--space-s);
}

[dir="rtl"] .media-library-add-form__remove-button {
  right: auto;
  left: 0;
}

.media-library-add-form__remove-button.button:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%238e929c' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
}

.views-live-preview .media-library-view div.views-row + div.views-row {
  margin-top: 0;
}

.layout-builder__message, #node-page-layout-builder-form .vertical-tabs {
  display: none;
}

#node-page-layout-builder-form .form-actions {
  display: flex;
    align-items: center;
    gap: 15px;
}

.section-biens .img-box .flag-featured {
  top: 40px !important;
}

.homepage .banner-intro .swiffy-slider-actus__item .flag.flag-featured {
  top: 40px;
}