html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.scrollsections {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
#scrollsections-navigation {
  position: fixed;
  top: 40%;
  /* right: -50px;  */
  right:0;
  width: 100px; 
  /* width:100%; */
  margin-top: -177px;
  z-index: 100;
  background: transparent;
  overflow: hidden;
}
.scrollsections-menuitem {
  position: relative;
  display: block;
  /* height: 50px;
  width: 50px; */
  height:60px;
  width:60px;
  /* overflow: hidden; */
  /* background: url(../../images/iconegeek2.png) no-repeat; */ 
  text-indent: -9999px;  
  /* margin: 0 0 5px 0; */
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* border:1px solid blue; */
}
/* --------debo modif-------------- */
#scrollsections-menuitem-0{
background: url(../../images/home.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-1{
background: url(../../images/boxmenuside2.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-2{
background: url(../../images/beautemenuside2.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-3{
background: url(../../images/iconegeek2.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-4{
background: url(../../images/modemenuside2.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-5{
background: url(../../images/about.png) no-repeat;
background-position:center;
}
#scrollsections-menuitem-0:before{
	content:"Concept";	
}
#scrollsections-menuitem-1:before{
	content:"Geek'elle";	
}
#scrollsections-menuitem-2:before{
	content:"Beauté";	
}
#scrollsections-menuitem-3:before{
	content:"Geekeries";	
}
#scrollsections-menuitem-4:before{
	content:"Mode";	
}
#scrollsections-menuitem-5:before{
	content:"About";	
}
#scrollsections-menuitem-0.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/homeside2.png) no-repeat;
  background-position:center;
  cursor: default;
}
#scrollsections-menuitem-1.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/boxmenuside.png) no-repeat;
  background-position:center;
  cursor: default;
}
#scrollsections-menuitem-2.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/beautemenuside.png) no-repeat;
  background-position:center;
  cursor: default;
}
#scrollsections-menuitem-3.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/geekmenuside.png) no-repeat;
  background-position:center;
  cursor: default;
}
#scrollsections-menuitem-4.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/modemenuside.png) no-repeat;
  background-position:center;
  cursor: default;
}
#scrollsections-menuitem-5.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  /*margin-left: 18px;*/
  background: url(../../images/aboutside.png) no-repeat;
  background-position:center;
  cursor: default;
}

#scrollsections-menuitem-6.active-scrollsection {
  /*width: 2px;*/
  /* border-radius: 100%; */
  /*margin-left: 8px;*/
  margin-left: 18px;
  background: url(../../images/about.png) no-repeat;
  background-position:center;
  cursor: default;
}