.dropdown-menu {
  --t4-dropdown-zindex: 1000;
  --t4-dropdown-min-width: 15rem;
  --t4-dropdown-padding-x: 0;
  --t4-dropdown-padding-y: 0.5rem;
  --t4-dropdown-spacer: 0.125rem;
  --t4-dropdown-font-size:14px;
  --t4-dropdown-color: #212529;
  --t4-dropdown-bg: #fff;
  --t4-dropdown-border-color: rgba(0, 0, 0, 0.15);
  --t4-dropdown-border-radius: 0.25rem;
  --t4-dropdown-border-width: 1px;
  --t4-dropdown-inner-border-radius: calc(0.25rem - 1px);
  --t4-dropdown-divider-bg: rgba(0, 0, 0, 0.15);
  --t4-dropdown-divider-margin-y: 0.5rem;
  --t4-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --t4-dropdown-link-color: #212529;
  --t4-dropdown-link-hover-color: #1e2125;
  --t4-dropdown-link-hover-bg: #e9ecef;
  --t4-dropdown-link-active-color: #fff;
  --t4-dropdown-link-active-bg: #0d6efd;
  --t4-dropdown-link-disabled-color: #adb5bd;
  --t4-dropdown-item-padding-x: 1rem;
  --t4-dropdown-item-padding-y: 0.25rem;
  --t4-dropdown-header-color: #6c757d;
  --t4-dropdown-header-padding-x: 1rem;
  --t4-dropdown-header-padding-y: 0.5rem;
  position:absolute;
  z-index:var(--t4-dropdown-zindex);
  display:none;
  min-width:var(--t4-dropdown-min-width);
  padding:var(--t4-dropdown-padding-y) var(--t4-dropdown-padding-x);
  margin:0;
  font-size:var(--t4-dropdown-font-size);
  color:var(--t4-dropdown-color);
  text-align:left;
  list-style:none;
  background-color:var(--t4-dropdown-bg);
  background-clip:padding-box;
  border:var(--t4-dropdown-border-width) solid var(--t4-dropdown-border-color);
  border-radius:var(--t4-dropdown-border-radius)
}
.categories-list .page-header {
  border-top:1px dotted #e9ecef;
  padding:1rem 0;
  margin:0;
  font-size:16px
}
.somfy-partnership {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 20px;
}

.somfy-content {
  display: flex;
  align-items: center;
}

.somfy-logo {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.somfy-text {
  flex: 1;
}

.somfy-text p {
  margin-bottom: 10px;
}

.sopac-contact {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 5px;
}

.sopac-contact h2 {
  color: #1a3c6e;
  border-bottom: 2px solid #1a3c6e;
  padding-bottom: 10px;
}

#container {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 20px;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}