/* Starter CSS for Flyout Menu */
.menu-menu_gris-container {
  padding: 0;
  margin: 0;
  border: 0;
}
.menu-menu_gris-container ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-menu_gris-container ul {
  position: relative;
  z-index: 597;
  float: left;
}
.menu-menu_gris-container ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  
}
.menu-menu_gris-container ul li.hover,
.menu-menu_gris-container ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
  
}
.menu-menu_gris-container ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
.menu-menu_gris-container ul ul li {
  float: none;
}
.menu-menu_gris-container ul li:hover > ul {
  visibility: visible;
}
.menu-menu_gris-container ul ul {
  top: 0;
  left: 100%;
}
.menu-menu_gris-container ul li {
  float: none;
}
/* Custom Stuff */
.menu-menu_gris-container {
  width: 190px;
}
.menu-menu_gris-container span,
.menu-menu_gris-container a {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:0.9px;
  /*font-weight:bold;*/
}
.menu-menu_gris-container:after,
.menu-menu_gris-container ul:after {
  content: '';
  display: block;
  clear: both;
}
.menu-menu_gris-container ul,
.menu-menu_gris-container li {
  width: 100%;
}
.menu-menu_gris-container li {
  background: #8e9090 ;
  margin-bottom:8px;
  /*
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
*/
}
.menu-menu_gris-container li:hover, .menu-menu_gris-container .current-menu-item, .menu-menu_gris-container .current-post-ancestor, .menu-menu_gris-container .current_page_ancestor  {
  background: #252828;
}
.menu-menu_gris-container a {
  color: #fff;
  line-height: 160%;
  padding: 5px;
  width: 178px;
}
.menu-menu_gris-container ul ul {
  width: 160px;
}
.menu-menu_gris-container ul ul li a {
  font-size: 12px;
}
.menu-menu_gris-container ul ul li {
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  background: #8e9090;
  margin:0;
}
.menu-menu_gris-container ul ul li:hover {
  background: #252828;
}
.menu-menu_gris-container ul ul li:hover a {
  color: #fff;
}
.menu-menu_gris-container ul ul li ul li {
  background: #8e9090;
}
.menu-menu_gris-container ul ul li ul li:hover {
  background: #252828;
}
.menu-menu_gris-container .has-sub {
  position: relative;
}
.menu-menu_gris-container .has-sub:after,
.menu-menu_gris-container .has-sub > ul > .has-sub:hover:after {
  content: '';
  display: block;
  width: 10px;
  height: 9px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAUVBMVEX////MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzNzc3l5eXg4ODZ2dnMzMzi4uLS0tLe3t7Q0NDV1dXj4+PW1tbk5OTc3NzPz8/R0dH0Zv5RAAAAC3RSTlMAM2YekAmlPHuEAwArv7wAAAA/SURBVHheY2Dl5mdigABGKV5BNnYok4dHQpKFGcrkEefj5gAzQUBABM7kFYQyRcX4mUBMkEpOLrA2IWGwfgYAn0UDZszv8IwAAAAASUVORK5CYII=);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-menu_gris-container .has-sub > ul > .has-sub:after,
.menu-menu_gris-container .has-sub:hover:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAUVBMVEX////d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3e3t729vbx8fHq6urd3d3z8/Pj4+Pv7+/h4eHm5ub09PTn5+f19fXt7e3g4ODi4uLUsVdlAAAAC3RSTlMAM2YekAmlPHuEAwArv7wAAAA/SURBVHheY2Dl5mdigABGKV5BNnYok4dHQpKFGcrkEefj5gAzQUBABM7kFYQyRcX4mUBMkEpOLrA2IWGwfgYAn0UDZszv8IwAAAAASUVORK5CYII=);
}










.menu-prestations_sidebar-container > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
.menu-prestations_sidebar-container > ul {
  display: block;
  position: relative;
  width: 190px;
}
/* The list elements which contain the links */
.menu-prestations_sidebar-container > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
.menu-prestations_sidebar-container > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9d9d9;
  padding: 5px;
  /* Typography */

  font-family: Helvetica, Arial, sans-serif;
  color: #fffafa;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 300;
  /* Background & effects */

  background: #0059A1;
  line-height:20px;
}
/* Rounded corners for the first link of the menu/submenus */
.menu-prestations_sidebar-container > ul li:first-child > a {
	/*
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;*/
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
.menu-prestations_sidebar-container > ul li:last-child > a {
	/*
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;*/
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
.menu-prestations_sidebar-container > ul li a:hover, .menu-prestations_sidebar-container .current-menu-item a, .menu-prestations_sidebar-container .current_page_ancestor a,
.menu-prestations_sidebar-container > ul li:hover > a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background: #00355f;
  border-color: transparent;
}
/* The arrow indicating a submenu */
.menu-prestations_sidebar-container > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #fffafa;
}
/* The same arrow, but with a darker color, to create the shadow effect */
.menu-prestations_sidebar-container > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #fff;
}
/* Changing the color of the arrow on hover */
.menu-prestations_sidebar-container > ul li > a:hover::after,
.menu-prestations_sidebar-container > ul li:hover > a::after {
  border-left: 4px solid #fff;
}
.menu-prestations_sidebar-container > ul li > a:hover::before,
.menu-prestations_sidebar-container > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.25);
}
/* THE SUBMENUS */
.menu-prestations_sidebar-container > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.menu-prestations_sidebar-container > ul ul li a {
  font-size: 12px;
}
/* Showing the submenu when the user is hovering the parent link */
.menu-prestations_sidebar-container > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  z-index: 1;
}