#cibler_css_id_class_el {
  nav#top_menu, nav#vertical_menu {
    border: 1px solid;
  }


  #top_menu {
    width: fit-content;
    float: right;
    padding-left:330px;
    padding-right: 16px;
  }  
  
  #top_menu .menu_liste {
    padding-left: 0;
    text-align: right;
    padding-right: 10px;
  }
  #vertical_menu .menu_liste {
    margin: 0 30px 0 0px;
    padding-left: 0;
    padding-bottom: 60px;
  }

  .menu_item {
    display: inline-block;
    list-style: none;
    padding: 10px;
    border: 1px solid;
    position: relative;
    vertical-align: top;
  }

  a[data-type] {
    background: yellow;
  }
  li:hover {
    background: #000 !important;
    color: #FFF !important;
  }

  .menu_item .submenu { 
    display: none;
    position: absolute;
    z-index: 1;
    /* width: fit-content; */
    width: max-content;
    border: 1px solid;
    padding: 3px 20px 10px 15px;
    margin: 8px 0 0 -10px;
    background: #000 !important;
    color: #FFF !important;
    text-align: left;
    list-style: none;
  }
  .menu_item:hover .submenu {
      display: block;
  }

  .menu_item .submenu .submenu_item { 
    color: #FFF;
    background: #000 !important;
    border: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 3px;
  }
  .menu_item .submenu .submenu_item:hover { 
    filter: invert(1);
    margin-left: -15px;
    margin-right: -23px;
    padding-left: 13px;
    border-color: #FFF !important;
  }



  #vertical_menu {
    width: fit-content;
    float: left;
  }
  #vertical_menu li.menu_item {
    display: block;
    width: max-content;
    padding: 9px 10px;
  }
  #vertical_menu .submenu {
    margin-top: -35px !important;
    margin-left: 80px !important;
  }

}
