/* ---------------------- */
/* - BOOTSTRAP 4 - SOUS-MENU - */
/* inspired from https://codepen.io/jreaux62/pen/MRXqLb */

.dropdown-submenu {
  position: relative;
}

/* position of dropright version */
.dropdown-submenu.dropright ul{
  top: 0;
  left: 100%;
  right: auto;
}

/* position of dropleft version */
.dropdown-submenu.dropleft ul{
  top: 0;
  right:100%;
  left:auto;
}

/***************************************/
/* Position et Orientation des flèches */
/***************************************/

/* flèche à droite pour sous-menus dropdown ou dropright */
/* et à gauche pour sous-menus dropleft */
.dropdown-submenu a::after {
  position: absolute;
  right: 6px;
  top: .8em;
}
.dropdown-submenu a::before {
  transform: rotate(-45deg);
  position: absolute;
  left: 6px;
  top: .8em;
}


/***************************************/
/* Rotation des flèches avec animation */
/***************************************/

li .dropdown-toggle:after {
  transition: all 0.5s;
}
li.show > .dropdown-toggle:after {
  transform: rotate(180deg);
}

li .dropdown-toggle:before {
  transition: all 0.5s;
}
li.show > .dropdown-toggle:before {
  transform: rotate(180deg);
}