<style>
body {
  min-height: 100vh;
}
  
.brxe-nav-menu .bricks-nav-menu .sub-menu {
  top: 120%;
}
  
.bricks-nav-menu .sub-menu li:hover {
  background-color: #db2323;
  transition-duration: 0.6s;
}
  
.header__mobileCt--1 {
  transition-duration: 0.3s;
}
  
.header__mobileCt--1 .bricks-nav-menu-wrapper a {
  border-bottom: 1px solid #fff;
  padding: 10px 4.375rem;
}

.header__mobileCt--1 a:focus,
.header__mobileMenu--1 ul li .bricks-mobile-submenu-toggle:focus {
  outline: none;
}
  
body .animB,
.header__mobileCt--1 {
  opacity: 0;
}
  
.header__mobileCt--1,
body .animB {
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}
  
.header__mobileCt--1,
body .animB,
.brxe-nav-menu .bricks-mobile-menu-wrapper::before {
  display: none;
}
  
body .animB {
  z-index: 2;
}
  
body .animB:nth-child(1) {
  background-color: #fae0e0;
  transition-duration: 0.2s;
}
  
body .animB:nth-child(2) {
  background-color: #d95d5d;
  transition-delay: 0.2s; 
  transition-duration: 0.4s;
}
  
body.active {
  overflow: hidden;
}

.header__mobileCt--1.active,
body.active .animB {
  left: 0;
}
  
body.active .animB,
.header__mobileCt--1.active {
  opacity: 1;
}
  
.header__toggle {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 40px;
  z-index: 6;
}
  
.header__toggle span {
  background-color: #db2323;
  border-radius: 12px;
  height: 3px;
  left: 0;
  position: absolute;
  transition-duration: 0.3s;
}
  
.header__toggle span:nth-child(1) {
  top: 0;
  width: 65%;
}
  
.header__toggle span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
  
.header__toggle span:nth-child(3) {
  top: 85%;
  width: 35%;
}
  
.header__toggle.active span {
  background-color: #fff;
  left: 18px;
  width: 25px;
}
  
.header__toggle.active span:nth-child(1),
.header__toggle.active span:nth-child(3) {
  top: 50%;
}
  
.header__toggle.active span:nth-child(1) {
  transform: translateY(-50%) rotate(45deg);
}
  
.header__toggle.active span:nth-child(2) {
  opacity: 0;
}
  
.header__toggle.active span:nth-child(3) {
  transform: translateY(-50%) rotate(-45deg);
}
  
.brxe-nav-menu .bricks-mobile-menu-wrapper ul.bricks-mobile-menu {
  overflow-y: unset;
}
  
.header__mobileCt--1 .header__mobileMenu--1 .bricks-mobile-menu-toggle {
  display: none!important;
}
  
.header__mobileCt--1 .header__mobileMenu--1 .bricks-mobile-menu-wrapper {
  height: auto;
  position: static;
  transform: translateX(0);
  visibility: visible;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper ul {
  flex-direction: column;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li,
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li {
  position: relative;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li {
  padding: 0 4.375rem;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li::before {
  background-color: #fff;
  content: '';
  height: 1px;
  position: absolute;
  top: 60px;
}
  
.bricks-mobile-menu-wrapper li::after {
  background-color: #000;
  content: '';
  display: none;
  height: 59px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li::before,
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li:not(:last-child)::before {
  left: 0;
  width: 100%;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu > li .sub-menu li:last-child::before {
  left: -4.375rem;
  width: calc(100% + 8.75rem);
}
  
.bricks-mobile-menu-wrapper li[aria-expanded=true]::after {
  display: flex;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li a {
  position: relative;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu {
  overflow: visible;
}
  
.bricks-mobile-menu-wrapper .bricks-mobile-menu li a,
.bricks-mobile-menu-wrapper .bricks-mobile-menu .sub-menu li a {
  padding: 0;
}
  
.bricks-mobile-submenu-toggle {
  align-items: center;
  display: flex;
  height: 59px;
  justify-content: flex-end;
  left: 0;
  padding-right: 4.375rem;
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 3;
}
  
.bricks-mobile-menu-wrapper li a {
  z-index: 2;
}
  
.bricks-mobile-submenu-toggle i {
  color: #fff;
}
  
@media screen and (max-width: 991px) {
  .header__mobileCt--1,
  body .animB {
    display: flex;
  }
  
  .header__mobileCt--1 {
    flex-direction: column;
  }
}
  
@media screen and (max-width: 300px) {
  .header__mobileCt--1 .header__ct--2 {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>
Call to action

A Propos

CONCEPTION ET INSTALLATION

Espaces Bains Concept vous propose la conception et l’installation de votre salle de bains sur mesure. Nous vous accompagnons sur tous vos projets de rénovation ou de création, quel que soit votre style, contemporain ou classique
Nous sommes à votre écoute pour vous fournir des conseils personnalisés et adaptés à votre projet. De vous guider dans les équipements et dans le choix des matériaux tout en respectant l’optimisation de l’espace de votre salle de bains.
Notre priorité est de faire de votre espace bains, un lieu qui réponde à toutes vos envies, de plaisir et de convivialité. Un espace de détente, esthétique et unique qui reflète votre style et votre identité.
Cet espace de bien-être doit répondre à vos attentes et exigences et faire face à toutes les épreuves du quotidien par sa robustesse et sa fonctionnalité pour vous assurer une pérennité.

Découvrir