.tab3 {
  font-family: 'Aster';
  background-color: #f1f1f1;
}

.tab3 a {
  font-family: 'Aster';
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tab3 input[type="checkbox"] {
  display: none;
}


.tab3 a.active {
  font-family: 'Aster';
  background-color: #ccc;
}

.tab3content {
  font-family: 'Aster';
  display: none;
  border: 0px solid #ccc;
  border-top: none;
}

.tab3 nav {
  width: 100%;
  background-color: #222427;
}

.tab3 nav ul {
  list-style-type: none;
  list-style: none;
  text-align: center;
}

.tab3 nav ul li {
  float: left;
  margin-top: 38.5px;
  margin-bottom: 38.5px;
  text-align: center;
}

.tab3 nav ul::after {
  content: "";
  display: table;
  clear: both;
}

.tab3 nav a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: white;
  border-bottom: 2px solid transparent;
  padding: 10px 10px;
  border-radius: 10px ;
}


.img {
  float: left;
}

.img img {
  display: block;
  margin: auto;
  height: 100px;
  width: 150px;

}

.tab3 nav a.img:hover {
  background-color: #303030;
}

.tab3 nav a:hover,
.tab3 nav a:focus {
  background-color: rgb(58, 122, 124);
  cursor: pointer;
}


#active {
  border-bottom: 5px solid rgb(58, 122, 124);
}

.img#active {
  border-left: 5px solid rgb(58, 122, 124);
  border-bottom: none;
}

.sous #active {
  color: rgb(78,142,144);
  border-bottom: 5px solid transparent;
}

#nav li:hover>ul {
  display: block;
  margin: 0;
  background-color: #101010;
}

#nav ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  border: solid 1px #d1d1d1;
  z-index: 10;
}

#nav ul li {
  text-align: left;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  padding-bottom: 2px;
}

#nav ul a {
  font-weight: normal;
  background-color: initial;
}

#nav ul.sous li hr {
  height: 1px;
  margin: 4px 0;
  border: none;
  background-color: #101010;
}

#nav ul.sous li:hover hr {
  font-weight: normal;
  background-color: rgb(78, 142, 144);
  color: rgb(78, 142, 144);
}

#nav ul.sous li:hover a {
  font-weight: normal;
  color: rgb(78, 142, 144);
}

#nav ul ul {
  left: 174px;
  top: -1px;
}

/* Scrollbar personnalisée uniquement sur certains menus */
#nav ul.sous.scrollbar {
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgb(78, 142, 144) transparent;
}

#nav ul.sous.scrollbar::-webkit-scrollbar {
  width: 6px;
}

#nav ul.sous.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgb(78, 142, 144);
  border-radius: 10px;
}

#nav ul.sous.scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

#nav li:hover>ul li:hover>ul {
  width: 120%;
  

}

.deroulant > a::after {
  content: " ▼";
  font-size: 12px;
}

.deroulant2 > a::after {
  content: " ▶";
  font-size: 12px;
}

.menu-toggle-label {
  display: none;
}

.toggle-label {
  display: none;
}