/** initial setup **/

/* Scrollbar pour menuItems */
.nanoItems {
  position : relative;
  overflow : hidden;
}
.nanoItems .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nanoItems .content:focus {
  outline: thin dotted;
}
.nanoItems .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nanoItems > .pane {
  /*background : rgba(126,126,190,0.8);*/
  position   : absolute;
  width      : 6px;
  right      : 0px;
  top        : 2px;
  bottom     : 2px;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .5; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
}
.nanoItems > .pane:hover {
  width      : 10px;
}

.nanoItems > .pane > .slider {
  background			: rgba(154,154,223,0.8);
  position              : relative;
  margin                : 1px;
	border-radius 		: 2px;
	opacity: .5;
}
.nanoItems > .pane:hover > .slider {
	opacity: 1;
}
.nanoItems:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


/* Scollbar pour les notifs */
.nanoNotif {
  position : relative;
  overflow : hidden;
}
.nanoNotif .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nanoNotif .content:focus {
  outline: thin dotted;
}
.nanoNotif .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nanoNotif > .pane {
  position   : absolute;
  width      : 6px;
  right      : 2px;
  top        : 2px;
  bottom     : 2px;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
	opacity : .8;
}
.nanoNotif > .pane:hover {
  width      : 10px;
}
.nanoNotif > .pane > .slider {
  background			: rgba(102,102,153,1);
  position              : relative;
  margin                : 1px;
	border-radius 		: 2px;
	opacity: .8;
}
.nanoNotif > .pane:hover > .slider {
	opacity: 1;
}
.nanoNotif:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 1;
}