.elementor-67 .elementor-element.elementor-element-0ec0a2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-67 .elementor-element.elementor-element-b353169{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-67 .elementor-element.elementor-element-b353169 img{width:90%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-67 .elementor-element.elementor-element-6ca8ed4:hover{--e-transform-rotateZ:-25deg;}.elementor-67 .elementor-element.elementor-element-6ca8ed4{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-67 .elementor-element.elementor-element-6ca8ed4 .elementor-icon-wrapper{text-align:center;}.elementor-67 .elementor-element.elementor-element-6ca8ed4 .elementor-icon{font-size:71px;}.elementor-67 .elementor-element.elementor-element-6ca8ed4 .elementor-icon svg{height:71px;}.elementor-67 .elementor-element.elementor-element-6ca8ed4 .elementor-icon i, .elementor-67 .elementor-element.elementor-element-6ca8ed4 .elementor-icon svg{transform:rotate(25deg);}.elementor-67 .elementor-element.elementor-element-d06fd55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-a6baca8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-67 .elementor-element.elementor-element-b353169{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}}/* Start custom CSS for html, class: .elementor-element-a6baca8 */@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');

:root {
  /* -- VARIABLES DE COULEURS -- */
  --couleur-fond: #1a1a1a;       
  --couleur-accent: #F8C680;     
  --couleur-icone: #F8C680;      
  --couleur-texte-hover: #fff;   
}

.menu-fixe {
  position: fixed;
  top: 25%;
  right: 0;
  width: 280px; /* Largeur maximale au survol */
  height: auto;
  z-index: 9999;
}

.menu-itemo {
  position: absolute;
  right: 0;
  width: 90px;
  height: 70px;
  overflow: hidden;
  cursor: pointer;
  transition: width 0.4s ease;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  display: flex;
  align-items: center;
}

/* Position verticale des onglets */
.item-contact   { top: 0; }
.item-appel     { top: 90px; }
.item-whatsapp  { top: 180px; }
.item-chat      { top: 270px; }

/* Icône visible par défaut */
.menu-itemo .icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Contenu visible au survol */
.menu-itemo .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--couleur-texte-hover);
  font-family: 'Ubuntu', sans-serif;
  font-weight: 100;
  padding-left: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.menu-itemo .hover-content .mtxt {
  font-size: 22px; 
  line-height: 1.1;
  font-weight: 600;
}

/* État au survol (via la classe .expanded) */
.menu-itemo.expanded {
  width: 280px;
  z-index: 10;
}

.menu-itemo.expanded .hover-content {
  opacity: 1;
  pointer-events: auto;
}

.menu-itemo.expanded .icon {
  opacity: 0;
}

/* Couleurs de fond */
.item-contact   { background-color: #F8C680; }
.item-appel     { background-color: #84BC9C; }
.item-whatsapp  { background-color: #A18CD1; }
.item-chat      { background-color: #F26B6B; }

/* SVG : taille + couleur par défaut (blanc) */
.menu-itemo .icon svg,
.menu-itemo .hover-content svg {
  width: 38px;
  height: 38px;
  fill: #fff;
  display: block;
  transition: transform .25s ease, opacity .25s ease, fill .25s ease;
}

/* SVG grossit quand l’item est en mode expanded */
.menu-itemo.expanded .icon svg,
.menu-itemo.expanded .hover-content svg {
  transform: scale(1.26);
}/* End custom CSS */