#navigation-part {
  width: 100%;
  z-index: 999999;
  position: fixed;
  height: 130px;
  top: 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#605369+0,605369+50,7db9e8+100&1+0,0.5+50,0+100 */
  background: -moz-linear-gradient(
    top,
    rgba(96, 83, 105, 1) 0%,
    rgba(96, 83, 105, 0.5) 80%,
    rgba(255, 255, 255, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(96, 83, 105, 1) 0%,
    rgba(96, 83, 105, 0.5) 80%,
    rgba(255, 255, 255, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(96, 83, 105, 1) 0%,
    rgba(96, 83, 105, 0.5) 80%,
    rgba(255, 255, 255, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#605369', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */

  padding-bottom: 30px;
}
#navigation-part #container-navigation-part {
  width: 960px;
  margin: auto;
  position: relative;
  top: 24px;
}
#navigation-part #container-navigation-part > div {
  padding: 0;
}
#navigation-part ul.list-nav {
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 40px;
  display: flex;
}
.elt-menu {
  display: inline-block;
  width: 100%;
}
.elt-menu.logo{
  width: 70%;
}
.elt-menu img {
  width: 70%;
}
#navigation-part ul.list-nav > li {
  width: 32%;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  padding-bottom: 5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}
#navigation-part ul.list-nav > li > a {
  text-decoration: none;
  font-family: "quicksandregular";
  display: block;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
}
#navigation-part ul.list-nav > li > ul.submenu {
  position: absolute;
  padding-top: 5px;
  background: rgba(255, 255, 255, 0.4);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(9, 9, 121, 0) 100%,
    rgba(126, 114, 161, 0.4) 100%
  );
  width: 100%;
  border-top: 1px solid white;
  margin-top: 5px;
  display: none;
  top: 40px;
}
#navigation-part ul.list-nav > li:hover > ul.submenu {
  display: block;
}
#navigation-part ul.list-nav > li > ul.submenu > li {
  list-style: none;
  margin-right: 3px;
  cursor: default;
  padding-left: 10px;
}
#navigation-part ul.list-nav > li > ul.submenu > li > a {
  text-decoration: none;
  font-family: "quicksandregular";
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding: 3px;
}
#navigation-part ul.list-nav > li#e-book > ul.submenu > li > a {
  display: flex;
  justify-content: center;
}
#navigation-part ul.list-nav > li > ul.submenu > li > a:not(.without-link):hover,
#navigation-part ul.list-nav > li > ul.submenu > ul.submenu > li > a {
  font-weight: bold;
}
#navigation-part ul.list-nav > li#e-book > ul.submenu > li > a::before {
  content: "";
}
#navigation-part ul.list-nav > li > ul.submenu > ul.submenu > li{
  list-style: none;
  cursor: default;
}
#navigation-part ul.list-nav > li > ul.submenu > ul.submenu > li > a{
  font-size: 12px;
  text-decoration: none;
}
#navigation-part ul.list-nav > li:hover,
#navigation-part ul.list-nav > li.active {
  border-bottom: 1px solid #ffffff;
}
#navigation-part div.logo > a {
  width: 100%;
  display: block;
  text-align: center;
}
#navigation-part ul.list-nav > li > a > span {
  width: 100%;
  display: block;
  text-align: center;
}
#navigation-part-responsive {
  display: none;
}

/* design li ebook */
#navigation-part ul.list-nav > li#e-book:hover > a {
  text-decoration: none;
  font-family: "quicksandregular";
  display: block;
  color: #cb9ee7;
  font-size: 16px;
  font-weight: normal;
}
#navigation-part ul.list-nav > li#e-book > ul.submenu {
  position: absolute;
  padding-top: 5px;
  background: rgba(203, 158, 231, 0.4);
  background: linear-gradient(
    180deg,
    rgba(203, 158, 231, 0.4) 0%,
    rgba(9, 9, 121, 0) 100%,
    rgba(126, 114, 161, 0.4) 100%
  );
  width: 100%;
  border-top: 1px solid #cb9ee7;
  margin-top: 5px;
}
#navigation-part ul.list-nav > li#e-book > ul.submenu > li > a {
  padding: 10px 3px;
}
@media screen and (max-width: 990px) {
  #navigation-part #container-navigation-part {
    width: 760px;
  }
  #navigation-part ul.list-nav > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 760px) {
  #navigation-part #container-navigation-part {
    width: 600px;
  }
  #navigation-part #container-navigation-part > div {
    margin: 0px;
    padding: 0px;
  }
  #navigation-part ul.list-nav > li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  #navigation-part {
    display: none;
  }
  #navigation-part-responsive {
    display: block;
  }
}
/*------------------------------------------------------------------------------------------------------
PARTIE RESPONSIVE
------------------------------------------------------------------------------------------------------*/
#navigation-part-responsive {
  width: 100%;
  z-index: 8000;
  position: fixed;
  height: 100vh;
  min-height: 150px;
  padding-top: 0px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#605369+0,605369+50,7db9e8+100&1+0,0.5+50,0+100 */

  overflow: hidden;
  align-items: center;
  font-size: 11px;
}
#navigation-part-responsive > div {
  background: rgba(96, 83, 105, 1);
}

#navigation-part-responsive.open {
  height: auto;
}
#navigation-part-responsive > #top-menu {
  padding: 5px 0px;
}
#navigation-part-responsive > #top-menu > p {
  margin: 0px;
}
#navigation-part-responsive > #top-menu > p:first-child {
  margin-bottom: 5px;
}
#navigation-part-responsive > #top-menu > .menu-contact > a.icon {
  width: 30px;
  height: 16px;
  display: inline-block;
}
#navigation-part-responsive > #top-menu > .menu-contact > a.icon > i {
  font-size: 18px;
}
#navigation-part-responsive > #top-menu > .menu-tel i.icon {
  margin-right: 10px;
  font-size: 10px;
}
#navigation-part-responsive > #bottom-menu {
  position: relative;
  padding: 0px 15px 10px 15px;
}
#navigation-part-responsive > #bottom-menu > .menu-container {
  margin-bottom: 20px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span.align {
  position: absolute;
  height: 80px;
  display: flex;
  align-items: center;
  top: 0px;
  z-index: 9999;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span.align-right {
  right: 15px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span.align-left {
  left: 15px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span.align
  i {
  font-size: 18px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span.align.visited
  a {
  color: #dbccc6;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span#logo {
  width: 100%;
  display: flex;
  justify-content: center;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-button-menu-mobile
  > span#logo
  img {
  width: 80px;
}
#navigation-part-responsive > #bottom-menu > #container-menu-mobile {
  display: none;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul,
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li
  > ul.submenu{
  list-style-type: none;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li{
    width: 100%;
    text-align:center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li
  > a{
    font-size: 18px;
    width: 100%;
    display: block;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li
  > ul.submenu{
    margin: 10px 0 20px 0;
  }
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li
  > ul.submenu
  > li{
    margin-bottom: 20px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav 
  > ul
  > li
  > ul.submenu
  > li
  > a{
    font-size: 16px;
    width: 100%;
    display: block;
  }
/* #navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav
  > span {
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid white;
  padding: 10px 0px;
}
#navigation-part-responsive
  > #bottom-menu
  > #container-menu-mobile
  > nav
  > span
  > a {
  font-size: 13px;
  color: white;
}
#navigation-part-responsive > #footer-menu {
  background: rgb(96, 83, 105);
  background: linear-gradient(
    180deg,
    rgba(96, 83, 105, 1) 0%,
    rgba(96, 83, 105, 0) 100%
  );
  width: 100%;
  height: 100px;
} */